@charset "utf-8";


/*===============================================
	■road
===============================================*/

#road {
	max-width: 1000px;
	margin: 0 auto 80px;
}

#road .roadWrap {
	position:relative;
}
#road .roadWrap .img {
	width:50%;
}
#road .roadWrap .txtWrap {
	width:550px;
	position: absolute;
	top:30%;
	right: 0;
	text-align: right;
}
#road .roadWrap .txtWrap .txt {
	margin: 0 0 5px;
	font-size:1.2rem;
}
#road .roadWrap .txtWrap .box {
	padding:25px 30px;
	background-color:hsla(0,0%,13%,0.50);
	border:1px solid #FFF;
}

@media (max-width: 900px) {
#road {
	max-width: 1000px;
	margin: 0 auto 50px;
}
#road .roadWrap .img {
	width:80%;
}
#road .roadWrap .txtWrap {
	width:80%;
	top:30%;
	right: 5%;
}
#road .roadWrap .txtWrap .txt {
	display: inline-block;
	padding: 0 5px;
	font-size:1rem;
	background-color:hsla(0,0%,7%,0.80);
}
}

/*===============================================
	■pickup
===============================================*/

#pickup {
	max-width: 900px;
	margin: 0 auto 80px;
}
#pickup h3 {
margin: 0 0 40px;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #AA9334;
  text-align: center;
}

#pickup .pickup_txt {
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
#pickup .pickupWrap {
	margin-top: 50px;
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
#pickup .pickupWrap p {
	width:31%;
	padding: 10px 0;
	color:#FFF;
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: center;
	background-color: #474747;
}
@media (max-width: 900px) {
#pickup {
	max-width: 900px;
	margin: 0 5% 40px;
}
#pickup .pickupWrap p {
	width:100%;
	margin: 0 0 10px;
	padding: 5px 0;
	font-size: 1rem;
}

.picture img {
  height: 200px;
  object-fit: cover;
}
}


/*===============================================
	■carmodel
===============================================*/

#carmodel {
	max-width: 900px;
	margin: 80px auto 80px;
}
#carmodel .carmodel_txt {
  max-width: 600px;
  margin: 0 auto 60px;
  line-height: 1.6;
}
#carmodel h3 {
	margin: 0 0 30px;
	font-size:2.0rem;
	text-align: center;
	color:#AA9334;
}
#carmodel .lineup {
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
#carmodel .lineup .car {
	width:48%;
	margin: 0 0 35px;

}
#carmodel .lineup .car .img {
	margin: 0 0 15px;
	box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0.4);
}
#carmodel .lineup .car .name {
	font-size:1.2rem;
	line-height: 1.6;
}
#carmodel .lineup .car .name span {
	display: block;
	font-size:0.8rem;
}
#carmodel .lineup .car .btn {
	width:80%;
	margin: 15px auto 0;
}

@media (max-width: 900px) {
#carmodel {
	margin: 40px 5% ;
}
#carmodel .carmodel_txt {
  margin: 0 auto 40px;
}
#carmodel .lineup .car {
	width:100%;
}
}

/*===============================================
	■fee
===============================================*/
#fee {
/*	margin: 0 0 140px;*/
	margin: 0 0 100px;
	padding:60px 0 80px;
	color:#000;
 	background: rgb(170,147,52);
background: linear-gradient(0deg, rgba(170,147,52,1) 0%, rgba(226,214,163,1) 100%); 
}
#fee .wrap {
	max-width: 960px;
	margin: 0 auto;
}
#fee h3 {
	margin: 0 0 20px;
	font-size:1.8rem;
	text-align: center;
}
#fee .fee_txt {
	margin: 0 0 45px;
	font-size:1.1rem;
	text-align: center;
}
#fee .fee_txt span {
	font-size:0.9rem;
}

#fee .fee {
	margin: 0 0 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
#fee .fee .fee_box {
	width:32%;
}
#fee .fee .fee_box h4 {
	padding:10px 0;
	color:#FFF;
	text-align: center;
	background-color: #474747;
}
#fee .fee .fee_box table {
	width: 100%;
}
#fee .fee .fee_box table th {
	padding:10px 15px;
	color: #FFF;
	text-align: center;
	background-color: #000;
}
#fee .fee .fee_box table td {
	padding:12px 15px;
	text-align: left;
	font-size:0.9rem;
	background-color: #FFF;
	border-bottom: 1px solid #000;
}
#fee .notes {
	margin: 0 0 45px 20px;
}
#fee .notes li {
	font-size:0.8rem;
	line-height: 1.6;
	list-style:disc;
}
#fee .btn a {
	width:300px;
	background-color: #000;
}
#fee .btn a:hover {
	background-color: #706123;
}

@media (max-width: 900px) {
#fee .wrap {
	margin: 0 5%;
}
#fee .fee_txt {
	margin: 0 0 35px;
	font-size:1rem;
}
#fee .fee_txt span {
	font-size:0.8rem;
}
#fee .fee .fee_box {
	width:100%;
	margin-bottom: 15px;
}
#fee {
	margin: 0 0 45px;
	padding:60px 0 80px;
	}
}