@charset "utf-8";

/**
 *
 *  レンタル価格  .sec02
 *
 */

/*--------------------------------------------------------------------------
	レンタル価格 .sec02
---------------------------------------------------------------------------*/
	.sec{
	}
	.sec02{
/*		background: linear-gradient(180deg, #EAEFF2BF, #EAEFF2BF, #EAEFF2, #EAEFF2, #EAEFF2, #EAEFF2BF);*/
		position: relative;
	}
	.sec02 .sec_bg {
		position: absolute;
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 100%;
		opacity: 0.2;
	}
	.sec02 .cont h3 {
		font-size:2.0rem;
		margin-top:2%;
	}
	
	.sec02 .title_sec .num {
	}
	.sec02 .title_sec .sub {
	}
	
	/* .previews */
	.sec02 .cont .previews {
/*		background: #EAEFF2BF;*/
	}
	
	/* .previews_image */
	.sec02 .cont img.cont_icons {
		width: 100%;
		max-width: 440px;
		border-radius: 0.6em;
	}

	section.sec02 .cont .previews dl > div.Car-Lineup {
		width: 40%;
		max-width: 360px;
		border-radius: 15px;
		margin-bottom: 50px;
		color: #0287D8;
	}
	section.sec02 .cont .previews dt {
		display: flex;
		position: relative;
		margin: 25px auto 10px;
/*		padding-left: 5px;*/
		font-size: 2.2rem;
		justify-content: space-between;
	}
	section.sec02 .cont .previews dt > p {
		display: flex;
		position: relative;
		border: 1px solid #0088dc;
		border-radius: 10px;
		background: #F6F5EE;
		padding: 5px 10px;
		font-size: 2.0rem;
		text-align: center;
		align-items: baseline;
		flex-wrap: wrap;
	}
	section.sec02 .cont .previews dt > p > span {
		
	}
	section.sec02 .cont .previews dt > p.CarClassCode {
		min-width: 25px;
		border: 1px solid #0088dc;
		background: #F6F5EE;
		margin-left: 10px;
		padding: 5px 8px;
		font-size: 0.9rem;
	}
	section.sec02 .cont .previews dl dt + div {
		display: flex;
		background: #F6F5EE;
		border: 1px solid #0088dc;
		border-radius: 10px;
		min-height: 225px;
        margin-bottom: 10px;
		flex-wrap: nowrap;
		flex-direction: column;
	}
	section.sec02 .cont .previews dd {
		margin: 2px 5px;
		padding-left: 5px;
		font-size: 1.4rem;
	}
	section.sec02 .cont .previews dl a:link,
	section.sec02 .cont .previews dl a:visited {
		text-decoration: none;
	}

	section.sec02 .content_sec .service_icon ul {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		margin: 0 auto;
	}
	section.sec02 .content_sec .service_icon div {
		width: auto;
		margin: 5px 5px 2px;
		padding-left: 0.6em;
		font-size: 1.4rem;
		text-align: left;
	}
	section.sec02 .content_sec .service_icon li {
/*		width: 15.5%;*/
		max-width: 55px;
		margin: 0.5% auto;
	}
	section.sec02 .content_sec .service_icon li a {
		position: relative;
	}
	section.sec02 .content_sec .service_icon li a:hover {
		top: 1px;
		left: 1px;
	}
	section.sec02 .content_sec .service_icon li img {
		display: inline-block;
		width: 100%;
		border-radius: 5px;
		-webkit-filter: drop-shadow(1px 1px 2px rgba(150, 150, 150, 0.15));
			-ms-filter: drop-shadow(1px 1px 2px rgba(150, 150, 150, 0.15));
				filter: drop-shadow(1px 1px 2px rgba(150, 150, 150, 0.15));
	}
    .slick-prev {
        left: 10px !important;
    }
    .slick-next {
        right: 10px !important;
    }
    .slick-prev, .slick-next {
		width: 27px !important;
		height: 27px !important;
		background: #FFFFFFAB !important;
		border-radius: 100% !important;
        font-size: x-large !important;
        font-weight: 500 !important;
    }
	.slick-prev::before,
	.slick-next::before {
        font-size: large !important;
		position: relative !important;
		top: -2px !important;
		left: 7px !important;
	}
	section.sec02 .content_sec .service_icon li span {
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		font-size: 1.05rem;
		line-height: 1.3em;
		text-align: center;
	}

	section.sec02 .cont .previews dl div.Ninki dt::before {
		content: '人気車です！';
	}
	section.sec02 .cont .previews dl div.Ninki2 dt::before {
		content: 'ベーシックな人気車！';
	}
	section.sec02 .cont .previews dl div.Reasonable dt::before {
		content: 'リーズナブル！';
	}
	section.sec02 .cont .previews dl div.Benri dt::before {
		content: '便利に使える！';
	}
	section.sec02 .cont .previews dl div.Bikkuri dt::before {
		content: '意外なクルマ！';
	}
	section.sec02 .cont .previews dl div.Keitrack dt::before {
		content: '4WD/AT！';
	}
	section.sec02 .cont .previews dl div.Keivan dt::before {
		content: '4WD/AT！';
	}

	section.sec02 .cont .previews dl div.Canbus dt::before {
		content: '大人なキャンバス';
	}
	section.sec02 .cont .previews dl div.HijetT dt::before {
		content: '4WD/AT！';
	}
	section.sec02 .cont .previews dl div.HijetV dt::before {
		content: 'キャリア付4WD/AT！';
	}
	section.sec02 .cont .previews dl div.Caravan dt::before {
		content: '4WD/5AT！高速もラク';
	}
	section.sec02 .cont .previews dl div.ArVell dt::before {
		content: 'ご旅行のお供に！';
	}
	section.sec02 .cont .previews dl div.VellZP dt::before {
		content: '人気の現行新車！';
	}
	section.sec02 .cont .previews dl div.Spade dt::before {
		content: '意外と広々使える！';
	}
	section.sec02 .cont .previews dl div.Vezel dt::before {
		content: 'コンパクトSUV！';
	}
	section.sec02 .cont .previews dl div.Prius dt::before {
		content: 'ニッポンのTHE燃費王！';
	}

	section.sec02 .cont .previews dl dt::before {
		display: flex;
		position: absolute;
		top: -60px;
		right: -10px;
		min-width: 60px;
		height: 2.2em;
		background: #F5E52B;
		border-radius: 7px 7px 7px 0;
		padding: 0 10px;
		font-size: 1.35rem;
		text-align: center;
		justify-content: center;
		align-items: center;
		transform: rotate(-5deg);
		-webkit-filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
			-moz-filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
			-ms-filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
				filter: drop-shadow(0px 3px 4px rgba(0, 64, 128, 0.1));
		z-index: 2;
	}



	.PackPrises .PackPrises-Center a {
		border: 2px solid #0088DC;
		border-radius: 10px;
		text-align: center;
		overflow: hidden;
	}
	.PackPrises .PackPrises-Center a > div {
		width: 100%;
	}
	.PackPrises .PackPrises-Center a > div:nth-of-type(1) {
		padding: 5px;
	}
	.PackPrises .PackPrises-Center a > div:nth-of-type(1) {
		background: #F9645E;
	}
	.PackPrises a > div:nth-of-type(1) p {
		color: #FFF;
	}
	.PackPrises .Pack_Weeks p.PackName,
	.PackPrises .Pack_Months p.PackName {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.4em;
	}
	.PackPrises .Pack_Weeks a,
	.PackPrises .Pack_Months a {
		position: relative;
		text-decoration: none;
	}

	.PackPrises .Pack_Weeks,
	.PackPrises .Pack_Months {
/*		-webkit-filter: drop-shadow(0px 7px 10px rgba(0, 64, 128, 0.15));
			-moz-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.15));
			-ms-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.15));
				filter: drop-shadow(0px 7px 10px rgba(0, 64, 128, 0.15));*/
	}
	.PackPrises .Pack_Weeks:hover,
	.PackPrises .Pack_Months:hover {
		-webkit-filter: none;
			-moz-filter: none;
			-ms-filter: none;
				filter: none;
	}

	.PackPrises .PackPrises-Center a > div:nth-of-type(2) {
		background: #DC143C;
		padding: 7px;
		color: #F1F1F1;
	}
	.PackPrises .PackPrises-Center a:hover > div:nth-of-type(2) {
		color: #BBB;
	}


/*  */
	.PackPrises .PackPrises-left-side a > div:nth-of-type(1),
	.PackPrises .PackPrises-right-side a > div:nth-of-type(1) {
		padding: 5px;
	}
	.PackPrises .PackPrises-left-side a > div:nth-of-type(1) {
		background: #F1B32C;
	}
	.PackPrises .PackPrises-right-side a > div:nth-of-type(1) {
		background: #1077E6;
	}
	.PackPrises a > div:nth-of-type(1) p {
		color: #FFF;
	}
	.PackPrises .Pack_Weeks p.PackName,
	.PackPrises .Pack_Months p.PackName {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.4em;
	}
	.PackPrises .Pack_Weeks a,
	.PackPrises .Pack_Months a {
		position: relative;
		text-decoration: none;
	}
/*	.Plans_Prise > p:nth-of-type(1),
	.Plans_Prise > p:nth-of-type(2) {
		position: relative;
		padding-right: 20px;
	}
	.Plans_Prise > p:nth-of-type(1)::after,
	.Plans_Prise > p:nth-of-type(2)::after {
		content:"/";   
		position: absolute;
		top: 0;
		right: 5px;
		font-size: 2em;
		font-weight: 200;
		line-height: 2em;
	}*/

	.PackPrises .Pack_Weeks,
	.PackPrises .Pack_Months {
		-webkit-filter: drop-shadow(0px 7px 10px rgba(0, 64, 128, 0.15));
			-moz-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.15));
			-ms-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.15));
				filter: drop-shadow(0px 7px 10px rgba(0, 64, 128, 0.15));
	}
/*	.PackPrises .Pack_Weeks:hover,
	.PackPrises .Pack_Months:hover {
		-webkit-filter: none;
			-moz-filter: none;
			-ms-filter: none;
				filter: none;
	}
	.PackPrises .Pack_Weeks a:hover::after,
	.PackPrises .Pack_Months a:hover::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(-50%, 0);
		background: rgba(0, 64, 128, 0.15);
		width: 800px;
		height: 160px;
	}*/
	.PackPrises .PackPrises-left-side a > div:nth-of-type(2),
	.PackPrises .PackPrises-right-side a > div:nth-of-type(2) {
		background: #F1F1F1;
	}
	.Plans_Prise,
	.Months_Prise {
		padding-bottom: 10px;
	}
	.Plans_Prise p,
	.Months_Prise p {
		display: inline-block;
		position: relative;
		padding: 10px 0 5px;
		line-height: 1.1em;
	}
	.oneday_Prise {
		display: flex;
		padding-bottom: 10px;
		align-items: flex-end;
		justify-content: space-evenly;
	}
	.Plans_Prise,
	.Months_Prise {
		display: flex;
		padding-bottom: 5px;
		align-items: flex-end;
		justify-content: space-evenly;
	}


	.PackPrises .PackPrises-Center {
		text-align: center;
		overflow: hidden;	
	}
	.PackPrises .PackPrises-Center > div:nth-of-type(1) {
		background: #F6F5EE;
		border: 5px solid #0088DC;
		border-radius: 15px;
		padding: 10px 15px;
	}
	.Oneday_Prise {
		border-bottom: 2px solid #0088DC;
		margin-bottom: 15px;
	}
	.Plans_Prise > p:nth-of-type(2) {
		border-left: 2px solid #0088DC;
		border-right: 2px solid #0088DC;
		margin: 5px 15px;
		padding: 0;
	}
	.Plans_Prise > p:nth-of-type(3) {
		border-right: 2px solid #0088DC;
		margin: 5px 20px;
		padding: 0;
	}


	.Oneday_Prise p {
		position: relative;
		width: fit-content;
		margin: auto;
		padding: 0 0 10px;
		line-height: 1.1em;
	}
	.Oneday_Prise p > span:nth-of-type(1)::after {
		content: "24時間お貸出の場合";
		position: absolute;
		left: calc(-50% + 150px);
		top: 15px;
		width: max-content;
		font-size: 1.1rem;
	}
	.Oneday_Prise p > span:nth-of-type(2) {
		display: inline-block;
		padding-right: 5px;
		font-size: 5.5rem;
		font-weight: 700;
		line-height: 1em;
	}
	.Oneday_Prise p > span:nth-of-type(3) {
		font-weight: 700;
		font-size: 2.6rem;
	}
	.Oneday_Prise p:nth-of-type(2) > span:nth-of-type(2) {
		display: inline-block;
		padding-right: 2px;
		font-weight: 700;
	}
	.Plans_Prise p,
	.Months_Prise p {
		margin: 5px 20px;
		padding: 0;
		line-height: 1.1em;
	}
	.Oneday_Prise p > span:nth-of-type(1),
	.Plans_Prise p > span:nth-of-type(1),
	.Months_Prise p > span:nth-of-type(1) {
		font-size: 2.0rem;
	}
	.Plans_Prise p > span:nth-of-type(1),
	.Months_Prise p > span:nth-of-type(1) {
		display: block;
		margin-bottom: 5px;
	}
	.Plans_Prise p > span:nth-of-type(1)::before,
	.Weeks_Prise p > span:nth-of-type(1)::before {
		content: '基本料金';
		display: inline-block;
		position: relative;
		top: -3px;
		padding: 4px 6px;
		margin-right: 5px;
		border: solid 1px #FFF;
		border-radius: 5px;
		font-size: 1.2rem;
	}
	.Plans_Prise p > span:nth-of-type(2),
	.Months_Prise p > span:nth-of-type(2) {
		display: inline-block;
		padding-right: 5px;
		font-size: 3.7rem;
		font-weight: 700;
		line-height: 1em;
	}
	.Plans_Prise p > span:nth-of-type(3),
	.Months_Prise p > span:nth-of-type(3) {
		font-weight: 700;
		font-size: 2.0rem;
	}
	.Plans_Prise p:nth-of-type(2) > span:nth-of-type(2),
	.Months_Prise p:nth-of-type(2) > span:nth-of-type(2) {
		display: inline-block;
		font-weight: 700;
	}
	.Oneday_Prise p > span:nth-of-type(4),
	.Plans_Prise p > span:nth-of-type(4),
	.Months_Prise p > span:nth-of-type(4) {
		position: absolute;
		top: 0;
		font-size: 1rem;	
	}
	.Oneday_Prise p > span:nth-of-type(4) {
		top: 10px;
		right: 25px;
	}
	.Plans_Prise p > span:nth-of-type(4),
	.Months_Prise p > span:nth-of-type(4) {
		top: 28px;
		right:31px;
	}
	.Plans_Prise p > span:nth-of-type(4),
	.Months_Prise p > span:nth-of-type(4) {
		font-size: 0.9rem;
		right: 38px;
	}



/*   pages/prices.html共通   */
	section .cont .previews dl {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-evenly !important;
		align-content: flex-start !important;
		align-items: flex-start !important;
		padding: 0 !important;
		width: 100% !important;
		max-width: inherit !important;
		margin: inherit !important;
		background: inherit !important;
	}
	section .cont .previews dl > div {
		background: #FFF;
		width: 40%;
		min-width: 350px;
		padding: 25px;
		-webkit-filter: drop-shadow(0px 7px 10px rgba(0, 64, 128, 0.15));
		-moz-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.15));
		-ms-filter: drop-shadow(0px 7px 10px rgba(0,64,128,0.15));
		filter: drop-shadow(0px 7px 10px rgba(0, 64, 128, 0.15));
	}

	section.sec02 .Car-Lineup > div > div:not(.slick) {
		width: auto !important;
		margin: inherit;
		padding: 0 !important;
	}
	section.sec02 .Plans_Prise > p:nth-of-type(2) {
		border-left: none;
		border-right: none;
	}
	section.sec02 .content_sec .mid-contents .PackPrises {
		margin-top: 35px;
		margin-bottom: 5%;
	}
	section.sec02 .content_sec .mid-contents dl:nth-of-type(odd) dt {
		color: #2475C8;
		border-bottom: inherit;
		padding-bottom: 0;
	}
	section.sec02 .content_sec .mid-contents .PackPrises {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0;
	}
	section.sec02 .content_sec .mid-contents dl img {
		margin: 0 auto;
	}
	section.sec02 .content_sec .mid-contents .Packs-title {
		padding: 0;
	}
	section#sec02 .content_sec .Packs-title p:nth-of-type(1) > span:nth-of-type(1),
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(1) > span:nth-of-type(1) {
		display: inline-block;
		position: relative;
		top: -2.5px;
		border: 1px solid #0088DC;
		background: #F6F5EE;
		margin-right: 10px;
		padding: 0 5px;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 2.5rem;
		height: 2em;
	}
	section#sec02 .content_sec .Packs-title p:nth-of-type(1) > span:nth-of-type(2),
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(1) > span:nth-of-type(2) {
		display: inline-block;
	}
	section#sec02 .content_sec .Packs-title p:nth-of-type(1) > span:nth-of-type(3), 
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(1) > span:nth-of-type(3) {
		display: inline-block;
		margin-left: 10px;
	}

	section#sec02 .content_sec .Packs-title p:nth-of-type(2),
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(2) {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	section#sec02 .content_sec .Packs-title p:nth-of-type(2) > span,
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(2) > span {
		display: inline-block;
		line-height: 1.5em;
		font-weight: 500;
	}
	section#sec02 .content_sec .Packs-title p:nth-of-type(2) > span:nth-of-type(1),
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(2) > span:nth-of-type(1) {
		font-size: 1rem;
	}
	section#sec02 .content_sec .Packs-title p:nth-of-type(2) > span:nth-of-type(2),
	section.sec02 .content_sec .mid-contents .Packs-title p:nth-of-type(2) > span:nth-of-type(2) {
		font-size: 0.9rem;
	}

	section#sec02 .content_sec .Packs-title + div,
	section.sec02 .content_sec .mid-contents .Packs-title + div {
		padding: 5px;
	}
	section.sec02 .content_sec .service_icon li span {
		border-bottom: inherit;
	}

	section.sec02 .Plans_Prise, .Months_Prise {
		display: block;
		padding-bottom: inherit;
	}
	section.sec02 .Plans_Prise p > span:nth-of-type(1),
	section.sec02 .Months_Prise p > span:nth-of-type(1) {
		display: inline-block;
		margin-bottom: 5px;
		padding-right: 10px;
	}
	section.sec02 .Plans_Prise p > span:nth-of-type(4) {
		display: block;
		width: fit-content;
		top: 0;
		right: 18px;
	}
	section.sec02 .Plans_Prise p:nth-of-type(2) > span:nth-of-type(4) {
		display: block;
		width: fit-content;
		top: 0;
		right: 18px;
		font-size: 0.9rem;
	}
	section.sec02 .cont .previews dl::after {
		content: "";
		display: block;
		width: 410px;
	}
	section.sec02 .cont .previews dl::before {
		content: "";
		display: block;
		width: 410px;
		order: 1;
	}



	section.sec02 .sub::before,
	section.sec02 .sub::after {
		content: "";
		display: block;
		position: absolute;
		width: 50%;
		bottom: 6px;
		border-bottom: 3px solid #0088DC;
	}
	section.sec02 .sub::before {
		left: -7px;
	}
	section.sec02 .sub::after {
		right: -7px;
	}
	section.sec02 .sub > span.arrow {
		content: "";
		display: block;
		width: 9px;
		height: 10px;
		border-top: 3px solid #0088DC;
		border-right: 3px solid #0088DC;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		margin-left: -6px;
		bottom: 0px;
	}
/*   / pages/prices.html共通   */



	/* .btn_more */
	.sec02 .cont .btn_more a {
		background: #fff;
	/*	background: #FF7372;*/
	}

/* @pc wide **************************************************/
@media all and (min-width: 1626px){
}

/* @pc narrow **************************************************/
@media all and (max-width: 1164px){
	section.sec02 .sub {
		font-size: 2.8rem;
		max-width: 12em;
	}
}

/* @sp **************************************************/
@media all and (max-width: 1100px){
	section.sec02 .cont .previews dl > div.Car-Lineup {
		width: 80.5% !important;
	}
	section .cont .previews dl {
		width: 100% !important;
	}
	.content_sec .mid-contents {
        flex-direction: inherit !important;
	}
	.sec02 .cont img.cont_icons {
		max-width: inherit;
	}
}

/* @sp **************************************************/
@media all and (max-width: 612px){
	section .cont .previews dl > div {
		min-width: 300px;
		padding: 15px;
	}
}