@charset "utf-8";

body{
	overflow-x: hidden;
}

header{
	position:fixed;
}

.breadcrumbs{
	position:absolute;
	top:0;
	z-index:1000;
}

h1 p.p-rental{
	width: 23.8vh;
	margin-bottom: -20px;
}

.f-pink {
	color: #EC3696;
}
.hr-line{
	padding-top: 3em;
	margin-top: 3em;
}
h2.foot-dial {
	width: 40vh;
	margin: 0 auto;
	margin-bottom: 3em;
}

/*---------------------------------------
r_service
---------------------------------------*/
#r_service{
	width:1200px;
	margin:0 auto 100px;
}

#r_service p{
	text-align:center;
}

@media screen and (max-width: 1199px) {
	#r_service{
		width:100%;
		margin:0 auto 100px;
	}

}


@media screen and (max-width:767px) {
	#r_service{
		width:94.6%;
		margin:0 auto 10%;
	}
}


/*---------------------------------------
lineup
---------------------------------------*/
#lineup{
	width:100%;
	height:340px;
	background: url(../../service/images/rental_bg.jpg) no-repeat center top;
	background-size:cover;
	margin-bottom:80px;
}

#lineup h2{
	text-align:center;
	color:#fff;
	letter-spacing:5px;
	line-height:340px;
}

.txt_block dl{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.txt_block dl dt{
  width: 550px;
	margin-right:100px;
}

.txt_block dl dt:nth-child(2){
	margin-top:1.3em;
}

.txt_block dl dd{
  width: 550px;
}

.txt_block ul{
  width: 550px;
  justify-content: center;
  align-items: top;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.txt_block ul li:nth-child(odd){
	width:180px;
	font-weight:bold;
	margin-bottom:25px;
}

.txt_block ul li:nth-child(even){
	width:370px;
	margin-bottom:25px;
}

.txt_block p{
	border-top:1px solid #d8d8d8;
	margin-top:30px;
	padding-top:30px;
	padding-bottom:40px;
}

@media screen and (max-width:767px) {
	#lineup{
		width:100%;
		height:auto;
		margin:15% 0 4%;
	}

	#lineup h2{
		text-align:center;
		color:#fff;
		letter-spacing:2px;
		line-height:1.6;
		padding:8% 0;
	}

	.txt_block dl{
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	}

	.txt_block dl dt{
	  width: 100%;
		margin-right:0;
	}

	.txt_block dl dd{
	  width: 100%;
	}

	.txt_block ul{
	  width: 100%;
	}

	.txt_block ul li:nth-child(odd){
	  width: 100%;
		font-weight:bold;
		margin-bottom:0;
	}

	.txt_block ul li:nth-child(even){
	  width: 100%;
		margin-bottom:3%;
	}

	.txt_block p{
		border-top:1px solid #d8d8d8;
		margin-top:4%;
		padding-top:4%;
		padding-bottom:5%;
	}

}

/*---------------------------------------
rental2
---------------------------------------*/
#rental2_bg{
	width:100%;
	height:340px;
	background: url(../../service/images/rental2_bg.jpg) no-repeat center top;
	background-size:cover;
	margin:100px 0 80px;
}

#rental2_bg h2{
	text-align:center;
	color:#fff;
	letter-spacing:5px;
	line-height:340px;
}

#rental2 ul{
	width:1080px;
  justify-content: center;
  align-items: top;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin:0 auto 80px;
}

#rental2 ul li:first-child{
	width:490px;
	margin-right:90px;
}

#rental2 ul li:last-child{
	/*width:500px;*/
	width:1000px;
	margin-right:0;
}

#rental2 ul li h4{
	text-align:center;
	border-bottom:1px solid #d8d8d8;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:26px;
	font-weight:normal;
}

#rental2 ul li p{
	text-align:center;
}

.mt10{
	margin-top:10px;
}

#rental2 .phone{
	width:400px;
	margin:10px auto 56px;
}

#rental2 ul li:first-child .btn{
	width:300px;
	height:40px;
	margin-top:45px;
}

#rental2 ul li:first-child .btn a{
	width:300px;
	height:40px;
	line-height:40px;
}

#rental2 ul li:last-child .btn{
	width:450px;
	height:70px;
}

#rental2 ul li:last-child .btn a{
	width:450px;
	height:70px;
	line-height:70px;
}

.btn{
	margin:40px auto 0;
}

.btn a{
  box-sizing: border-box;
  border: 1px solid #b3b3b3;
	font-size:14px;
	text-align:center;
	display:block;
	color:#000;
}


@media screen and (max-width: 1199px) {

	#rental2 ul{
		width:96%;
	  justify-content: center;
	  align-items: top;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin:0 auto;
	}

	#rental2 ul li:first-child{
		width:48%;
		margin-right:4%;
	}

	#rental2 ul li:last-child{
		width:48%;
		margin-right:0;
	}

	#rental2 .phone{
		width:120%;
		margin:10px 0 0 -6% !important;
	}

	#rental2 ul li:first-child .btn{
		width:300px;
		height:40px;
		margin-top:45px;
	}

	#rental2 ul li:first-child .btn a{
		width:96%;
		height:40px;
		line-height:40px;
		margin:0 auto;
	}

	#rental2 ul li:last-child .btn{
		width:96%;
		height:70px;
		margin:3% auto 0;
	}

	#rental2 ul li:last-child .btn a{
		width:100%;
		height:70px;
		line-height:70px;
	}

	#rental2 ul li p{
		font-size:2.5vw!important;
	}
	
}


@media screen and (max-width:767px) {
	#rental2_bg{
		width:100%;
		height:auto;
		margin:15% 0 4%;
	}

	#rental2_bg h2{
		text-align:center;
		color:#fff;
		letter-spacing:2px;
		line-height:1.6;
		padding:8% 0;
	}

	#rental2 ul{
		width:94.6%;
		margin-bottom: 80px;
	}

	#rental2 ul li:first-child{
		width:100%;
		margin-right:0;
		margin-top:5%;
	}

	#rental2 ul li:last-child{
		width:100%;
		margin-top:7%;
	}

	#rental2 ul li h4{
		margin-bottom:2%;
		padding-bottom:2%;
		font-size:4.2vw;
		font-weight:normal;
	}

	.mt10{
		margin-top:2%;
	}

	#rental2 .phone a{
		width:80%;
		/*margin:3% 0 0 12.4%;*/
	}

	#rental2 ul li:first-child .btn,
	#rental2 ul li:last-child .btn{
		width:80%;
		height:auto;
		margin:6% auto 5%;
	}

	#rental2 ul li:first-child .btn a,
	#rental2 ul li:last-child .btn a{
		width:100%;
		height:auto;
		font-size:2.6vw;
		line-height:1.6;
		padding:4% 0;
	}
	
	#rental2 .btn{
		width:80%;
		height:auto;
		margin:6% auto 5%;
	}

	#rental2 .btn a{
		width:100%;
		height:auto;
		font-size:2.6vw;
		line-height:1.6;
		padding:4% 0;
	}

}