@charset "utf-8";

/**
 *
 *  クルマに乗りたい!  page_01
 *
 */
 
/*--------------------------------------------------------------------------
	#page_first
---------------------------------------------------------------------------*/
	.sec {
	}
	.page_first::before {
		background: #FFE710 !important;
	}
	#page_first .sec00 {
	/*	background: #71D3FF;*/
		background: linear-gradient(180deg, rgba(61, 190, 255, 0.75), #3DBEFF, #3DBEFF, #3DBEFF, rgba(61, 190, 255, 0.75), rgba(61, 190, 255, 0.75));
		background: linear-gradient(180deg, #3DBEFFBF, #3DBEFF, #3DBEFF, #3DBEFF, #3DBEFFBF, #3DBEFFBF);
	}
	#page_first .page_first_bg {
		background: url(../images/index/top_sec01bg.jpg) no-repeat 50% 0;
		background-position: center;
		-webkit-background-size: cover;
		background-size: cover;
	}


/*--------------------------------------------------------------------------
	.content_sec
---------------------------------------------------------------------------*/
	.content_sec .logo_list {
		padding: 60px 50px 0;
	}
	.content_sec .logo_list p {
		display: block;
		margin-bottom: 2.5%;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.8;
		text-align: center;
	}
	.content_sec .logo_list div {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto 5%;
		font-size: 1.4rem;
		line-height: 3rem;
		text-align: justify;
	}
	.content_sec .logo_list img {
		display: inline-block;
		width: 100%;
		margin: 1% 2%;
		max-width: 100px;
		max-height: 50px;
		vertical-align: middle;
		border-radius: 5px;
		object-fit: contain;
	}
	.content_sec .logo_list img.japan {
		max-width: 120px;
		max-height: 60px;
	}
	.content_sec .purchaser_list {
	}
	.content_sec .purchaser_list p {
		display: block;
		padding-bottom: 2.5%;
		font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.8;
		text-align: center;
	}
	.content_sec .purchaser_list div {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin: 0 auto 5%;
		font-size: 1.4rem;
		line-height: 3rem;
		text-align: justify;
	}
	.content_sec .purchaser_list img {
		display: inline-block;
		position: relative;
		width: 100%;
		height: min-intrinsic;
		margin: 3% auto;
		max-width: 42%;
		vertical-align: middle;
		border: solid #FFF 10px;
		-webkit-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.25));
			-ms-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.25));
				filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.25));
	}
	.content_sec .purchaser_list a {
		display: contents;
	}
	.content_sec .purchaser_list a:nth-of-type(1) img,
	.content_sec .purchaser_list a:nth-of-type(3) img,
	.content_sec .purchaser_list a:nth-of-type(5) img,
	.content_sec .purchaser_list a:nth-of-type(7) img {
		-webkit-transform: rotate(2deg);
			-ms-transform: rotate(2deg);
				transform: rotate(2deg);
	}
	.content_sec .purchaser_list a:nth-of-type(2) img,
	.content_sec .purchaser_list a:nth-of-type(4) img,
	.content_sec .purchaser_list a:nth-of-type(6) img,
	.content_sec .purchaser_list a:nth-of-type(8) img {
		-webkit-transform: rotate(-2deg);
			-ms-transform: rotate(-2deg);
				transform: rotate(-2deg);
	}
	.content_sec .purchaser_list a:nth-of-type(2) img,
	.content_sec .purchaser_list a:nth-of-type(3) img {
		top: 15px;
	}
	.content_sec .mid-contents .zaiko {
		padding: 2% 2%;
	}
	.content_sec .mid-contents .zaiko img {
		display: inline-block;
		width: 80%;
	}
	.content_sec .mid-contents .zaiko p {
		display: block;
		margin: 0 auto;
		font-size: 1.2rem;
		padding-top: 5px;
	}
	.content_sec .payment_list ul.lease_plan a:hover {
		opacity:0.8;
		filter:alpha(opacity=70);
		position:relative;
		top:1px;
		left:1px;
	}
	.content_sec .payment_list ul.lease_plan li {
		margin: 1%;
	}
	.content_sec .payment_list ul.lease_plan li.ju {
		width: 48%;
	}
	.content_sec .payment_list ul.lease_plan li p {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.content_sec .payment_list ul.lease_plan img,
	.content_sec .mid-contents dl.lease_plan img {
		display: inline-block;
		width: 100%;
		max-width: 700px;
		vertical-align: middle;
		object-fit: contain;
		border: solid 2px #FFF;
		-webkit-filter: drop-shadow(1px 2px 5px rgba(75, 75, 75, 0.25));
			-ms-filter: drop-shadow(1px 2px 5px rgba(75, 75, 75, 0.25));
				filter: drop-shadow(1px 2px 5px rgba(75, 75, 75, 0.25));
	}
	/*通常はpage_commonへ記載*/
	.content_sec .mid-contents dl.lease_plan {
		width: 60%;
		max-width: 780px;
	}
	.content_sec .mid-contents dl.lease_plan img {
		width: 85%;
		margin: 5% auto;
	}
	/*ここまで通常はpage_commonへ記載*/

/* @sp **************************************************/
@media all and (max-width: 767px){
	.content_sec .logo_list {
    	padding: 10% 0;
	}
	.content_sec .logo_list img.japan {
    	max-width: 80px;
    	max-height: 45px;
		margin: 3%;
	}
	.content_sec .logo_list img {
		max-width: 50px;
		margin: 1.5%;
	}
	.content_sec .logo_list dl {
    	width: 80vw;
    	margin: 10px auto;
    	padding: 3% 8%;
	}
	.content_sec .logo_list p,
	.content_sec .purchaser_list p {
		left: 0;
		font-size: 1.65rem;
    	margin-bottom: 5%;
	}
	.content_sec .logo_list div {
    	margin: 0 auto;
		width: 100%;
		font-size: 1.1rem;
	}
	.content_sec .payment_list ul.lease_plan {
		padding: 0;
	}
	.content_sec .payment_list ul.lease_plan li.ju {
    	width: 46%;
	}
	.content_sec .payment_list ul.lease_plan img {
		width: 95%;
	}
	.content_sec .purchaser_list {
    	padding: 0;
	}
	.content_sec .purchaser_list img {
		margin: 5% auto;
		max-width: 45%;
		border: solid #FFF 4px;
	}
	.content_sec .purchaser_list img:nth-of-type(3) {
		top: -15px;
	}
	.content_sec .mid-contents dl.lease_plan {
		width: 76vw;
	}
}