@charset "UTF-8";
/* CSS Document */

/* 準備中 */
@media (min-width: 768px) {
	.kaishi{ margin-top: 80px; text-align: center; font-size: 20px;}
	.lead{ color: #eb6100; font-size: 24px; font-weight: bold; text-align: center; margin: 60px 0; line-height: 1.8;}
	.banner{ width: 1024px;}
	.banner_text{ text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 10px;}
	.banner2 { width: 1024px; margin-top: 70px;}
}
@media (max-width: 767.98px) {
	.kaishi{ margin: 50px 20px 0; text-align: center; font-size: 14px;}
	.lead{ color: #eb6100; font-size: 18px; font-weight: bold; text-align: center; margin: 60px 0; line-height: 1.8;}
	.banner{ width: 100%; text-align: center;}
	.banner2 { width: 100%; margin-top: 40px;}
}

/* 上部メニュー */
@media (min-width: 768px) {
	.topmenu{ margin: 50px 0; background-color: #cee7cc;}
	.rentacar_menu{ background-color: #65c400; width: 1020px; margin: 0 auto; padding: 0;}
	.rentacar_menu::after{ content: ""; display: table; clear: both;}
	.rentacar_menu>li{ text-align: center; width: 20%; display: table; table-layout: fixed; font-size: 16px; float: left;}
	.rentacar_menu>li:nth-child(1)>a{ border-left: #fff 1px solid;}
	.rentacar_menu>li>a{ display: table-cell; width: 100%; height: 80px; vertical-align: middle; color: #fff; border-right: #fff 1px solid;}
	.rentacar_menu>li>a:hover{background-color: #7ed720;text-decoration: none;}
	#car_model,#web_system,#plan,#beginner,#access,#credit{margin-top: -170px;padding-top: 170px;}
}
@media (max-width: 767.98px) {
	.topmenu{ margin: 30px 10px;}
	.rentacar_menu{ background-color: #65c400; width: 100%; margin: 0 auto; padding: 0;}
	.rentacar_menu::after{ content: ""; display: table; clear: both;}
	.rentacar_menu>li{ text-align: center; width: 50%; font-size: 12px; float: left; display: inline-block;}
	.rentacar_menu>li{ border-top: #fff 1px solid;}
	.rentacar_menu>li:nth-child(1),.rentacar_menu>li:nth-child(3),.rentacar_menu>li:nth-child(5){ border-left: #fff 1px solid;}
	.rentacar_menu>li:nth-child(5){ border-bottom: #fff 1px solid;width: 100%;}
	.rentacar_menu>li>a{ display: block; padding: 10px 0; vertical-align: middle; color: #fff; border-right: #fff 1px solid}
	.rentacar_menu>li>a:hover{ background-color: #7ed720; text-decoration: none;}
	#car_model,#web_system,#plan,#beginner,#access,#credit{ margin-top: -100px; padding-top: 100px;
	}
}

/* 3列ボックス */
@media (min-width: 768px) {
	.flex1{display: flex; margin-top: 70px;}
	.flex1>div{margin-right: 20px; background-color: #65c400; text-align: center; width: 241px; height: 270px; position: relative;}
	.flex1>div a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #000;}
	.flex1>div a:hover{text-decoration: none; color: #000;}
	.flex1>div:last-child{margin-right: 0px;}
	.flex1>div>a>div{margin: 20px;}
	.flex1>div>a>div:nth-child(1){font-weight: bold; font-size: 16px;}
	.flex1>div>a>div:nth-child(2){margin: 30px;}
	.flex1>div>a>div:nth-child(2) img{height: 80px;}
	.flex1>div>a>div:nth-child(2) img.icon3{height: 70px; margin: 5px 0;}
	.flex1>div>a>div:nth-child(2) img.icon4{height: 70px; margin: 5px 0;}
	.flex1>div>a>div:nth-child(3){font-size: 15px;}
}
@media (max-width: 767.98px) {
	.flex1{display: block; margin-top: 70px; margin: 0 0 10px;}
	.flex1>div{background-color: #65c400; text-align: center;}
	.flex1>div a{display: block; width: 100%; height: 100%; color: #000;}
	.flex1>div a:hover{text-decoration: none; color: #000;}
	.flex1>div>a>div{margin: 20px;}
	.flex1>div>a>div:nth-child(1){font-weight: bold; font-size: 22px; padding-top: 20px;}
	.flex1>div>a>div:nth-child(2){margin: 30px;}
	.flex1>div>a>div:nth-child(2) img{height: 70px; opacity: 0.9}
	.flex1>div>a>div:nth-child(2) img.icon3{height: 66px;}
	.flex1>div>a>div:nth-child(2) img.icon5{height: 60px; margin: 10px 0;}
	.flex1>div>a>div:nth-child(2) img.icon6{height: 80px;}
	.flex1>div>a>div:nth-child(3){font-size: 14px;} 
}

/* Web予約システム */
.web_reservation_back{background-color: #cee7cc;padding: 50px 0;}
textarea:focus, input:focus, input[type]:focus {outline: 0;box-shadow: none;background-color: #ffffff;}
.web_reservation div:first-child{margin-top: 0px;}
.web_reservation>div{margin-top: 30px;}
.web_reservation div>span{background-color: #65c400; color: #fff; width: 24px; height: 24px; display: inline-block; text-align: center; margin: 0 10px 10px 0;}
.web_reservation div>div{font-weight: bold;}

.cp_ipselect {overflow: hidden; text-align: center;}
.cp_ipselect select {width: 100%; padding-right: 1em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none;}
.cp_ipselect select::-ms-expand {display: none;}
.cp_ipselect.cp_sl01 {position: relative; border: 0px solid #bbbbbb; border-radius: 2px; background: #ffffff;}
.cp_ipselect.cp_sl01::before {position: absolute; top: 0.9em; right: 0.9em; width: 0; height: 0; padding: 0; content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #666666; pointer-events: none;}
.cp_ipselect.cp_sl01 select {padding: 8px 38px 8px 8px; color: #000;}
label{background-color: #fff;margin-bottom: 0; height: 50px; padding: 5px 0;}
.form-control {border: 0px;}
.btn-info {background-color: #65c400!important; border-color: #65c400!important;}
.btn-info:hover{background-color: #65c400; border-color: #65c400; opacity: 0.8;}

@media (min-width: 768px) {
	.web_reservation{width: 450px; margin: 0 auto 50px;}
	.web_reservation input{display: inline-block; width: 240px;}
	.br{border-radius: 8px; width: 450px;}
	.date_label{position: relative; top:-15px;}
	label span{display: inline-block; margin: 0 20px; background-color: #eee; border-radius: 15px; padding: 3px 5px; font-size: 11px; font-weight: bold;}
	.lefttop{border-radius: 8px 0 0 0;}
	.righttop{border-radius: 0 8px 0 0; width: 118px;}
	.leftbottom{border-radius: 0 0 0 8px;}
	.rightbottom{border-radius: 0 0 8px 0; width: 118px;}
	.return{position: relative; top: -10px; margin-bottom: -24px;}
	
	/* 車両選択 */
	.modal-dialog {max-width: 900px;}
	.reference {margin-top: 10px;}
	.reference img{width: 100px; padding-left: 5px;}
}
@media (max-width: 767.98px) {
	.web_reservation{width: 90%; margin: 0 auto 50px;}
	.web_reservation input{display: inline-block; vertical-align: middle; line-height: 2em; padding-top: 6px;}
	.departure{width: 100%;}
	.br{border-radius: 8px; width: 100%;}
	.form-control{width: 174px; padding: 0; font-size: 14px;}
	label span{display: inline-block; margin: 0 10px; background-color: #eee; border-radius: 15px; padding: 3px; font-size: 11px; font-weight: bold; vertical-align: middle;}		
	.lefttop{border-radius: 8px 0 0 0; width: 65%; float: left; margin-right: 3px;}
	.righttop{border-radius: 0 8px 0 0; width: 33%;}
	.leftbottom{border-radius: 0 0 0 8px; width: 65%; float: left; margin-right: 3px;}
	.rightbottom{border-radius: 0 0 8px 0; width: 33%;}
	.return{position: relative; top: 3px; margin-bottom: 10px;}
	
	/* 車両選択 */
	.modal-dialog {max-width: 900px;}
	.reference {margin-top: 10px;}
	.reference img{width: 100px; padding-left: 5px;}
}
@media (max-width: 414px) {
	.form-control{width: 174px;padding: 0;font-size: 14px;}
}
@media (max-width: 375px) {
	.form-control{width: 150px;padding: 0;font-size: 14px;}
}
@media (max-width: 320px) {
	.form-control{width: 110px;padding: 0;font-size: 14px;}
}

/* 3列ボックス-車種選択 */
@media (min-width: 768px) {
	.flex2{display: flex;}	
	.flex2:last-child{margin: 20px 0;}
	.flex2>div{margin-right: 20px; text-align: left; width: 275px; position: relative; font-size: 13px;}
	.flex2>div:last-child{margin-right: 0px;}
	.flex2>div>a>div:nth-child(1){margin-bottom: 10px; padding: 10px;}
	.flex2>div>a>div:nth-child(2){font-size: 18px; font-weight: bold;}
	.flex2>div>a>div:nth-child(3){font-size: 14px; margin-bottom: 5px; color: #eb6100; font-weight: bold; padding-right: 5px;}

	.modal_link>a{ display: block; top: 0; left: 0; width: 100%; height: 100%; color: #000; text-decoration: none;}
	.modal_link>a:hover{ text-decoration: none; opacity: 0.7;}
}
@media (max-width: 767.98px) {
	.flex2{margin-top: 20px;}	
	.flex2:last-child{margin-bottom: 20px;}
	.flex2>div{margin: 20px 0;text-align: left; width: 100%; position: relative; font-size: 13px;}
	.flex2>div:last-child{margin-right: 0px;}
	.flex2>div>a>div:nth-child(1){padding: 10px;}
	.flex2>div>a>div:nth-child(2){font-size: 18px; font-weight: bold;}
	.flex2>div>a>div:nth-child(3){font-size: 18px; margin-bottom: 5px; color: #eb6100; font-weight: bold; padding-right: 5px;}
	
	.modal_link>a{ display: block; top: 0; left: 0; width: 100%; height: 100%; color: #000; text-decoration: none;}
	.modal_link>a:hover{ text-decoration: none; opacity: 0.7;}
}

/* 3列ボックス-車種・料金一覧 */
.flex3 a{position: relative;}
.flex3 a{text-align: center; display: block; background-color: #65c400; background-image: url("../../common/images/arrow_w_r.svg"); background-repeat: no-repeat; background-position: right 15px center; color: white!important;}
@media (min-width: 768px) {
	.flex3 a{width: 360px; margin: 20px 0 0; line-height: 70px; font-size: 16px;}
	.flex3 a:hover{text-decoration: none;}
}
@media (max-width: 767.98px) {
	.flex3 a{margin: 20px 0 0; font-size: 12px; line-height: 50px;}
	.flex3 a:hover{text-decoration: none;}
}

@media (min-width: 768px) {
	.flex3{display: flex;}	
	.flex3:last-child{margin: 20px 0;}
	.flex3>div{margin-right: 20px; text-align: left; width: 502px; position: relative; font-size: 13px;}
	.flex3>div:last-child{margin-right: 0px;}
	.flex3>div>div:nth-child(3){font-size: 28px; font-weight: bold; padding-right: 5px;}
	.flex3>div>div:nth-child(4){font-size: 24px; margin-bottom: 10px; color: #eb6100; font-weight: bold; padding-right: 5px;}
	.flex3>div>div:nth-child(5) {margin-bottom: 10px;}	
	.flex3>div>div:nth-child(5) span{display: inline-block; background-color: #ddd; border-radius: 10px; padding: 5px 10px; margin-right: 10px; font-weight: bold;}	
	.capacity{width: 80px; height: 80px; border-radius: 80px; background-color: #65c400; color: #fff; font-size: 18px; text-align: center; padding: 16px!important; line-height: 1.4; position: relative; top: 60px;}
}
@media (max-width: 767.98px) {
	.flex3{margin-top: 20px;}	
	.flex3:last-child{margin-bottom: 20px;}
	.flex3>div{margin: 0; text-align: left; width: 100%; position: relative; font-size: 13px;}
	.flex3>div:last-child{margin-right: 0px;}
	.flex3>div>div:nth-child(1){padding: 10px;}
	.flex3>div>div:nth-child(2){font-size: 18px; font-weight: bold;}
	.flex3>div>div:nth-child(3){font-size: 14px; margin-bottom: 5px;}
	.flex3>div>div:nth-child(3) span{color: #eb6100; font-weight: bold; font-size: 18px; padding-right: 5px;}
	.flex3>div>div:nth-child(3){font-size: 28px; font-weight: bold; padding-right: 5px;}
	.flex3>div>div:nth-child(4){font-size: 24px; margin-bottom: 5px; color: #eb6100; font-weight: bold; padding-right: 5px;}
	.flex3>div>div:nth-child(5) {margin-bottom: 10px;}	
	.flex3>div>div:nth-child(5) span{display: inline-block; background-color: #ddd; border-radius: 10px; padding: 5px 10px; margin-right: 10px; font-weight: bold;}
	.capacity{width: 60px; height: 60px; border-radius: 60px; background-color: #65c400; color: #fff; font-size: 14px; text-align: center; padding: 12px!important; line-height: 1.4; position: relative; top: 60px; margin-top: -30px;}
}

/* 予約プロセス */
@media (min-width: 768px) {
	.process{margin: 50px 0;background-color: #cee7cc;}
	.process_menu{background-color: #ccc; width: 1020px; margin: 0 auto; padding: 0;}
	.process_menu::after{content: ""; display: table; clear: both;}
	.process_menu>li{text-align: center; width: 20%; display: table; table-layout: fixed; font-size: 16px; float: left; position: relative;}
	.process_menu>li.active{background-color: #65c400;}
	.process_menu>li>span{display: table-cell; width: 100%; height: 80px; vertical-align: middle; color: #fff; padding-left: 12px;}
	.process_menu>li::before{content:""; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #fff; position: absolute; left: 204px; top: 0; z-index: 2;}
	.process_menu>li::after{content:""; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #ccc; position: absolute; left: 203px; top: 0; z-index: 3;}
	.process_menu>li.active::before{content:""; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #fff; position: absolute; left: 204px; top: 0;}
	.process_menu>li.active::after{content:""; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #65c400; position: absolute; left: 203px; top: 0;}
	#car_model,#web_system,#plan,#beginner,#access{margin-top: -170px; padding-top: 170px;}
}
@media (max-width: 767.98px) {
	.process{margin: 30px 10px;}
	.process_menu{background-color: #65c400; width: 100%; margin: 0 auto; padding: 0;}
	.process_menu::after{content: ""; display: table; clear: both;}
	.process_menu>li{text-align: center; width: 50%; font-size: 12px; float: left; display: inline-block;}
	.process_menu>li{border-top: #fff 1px solid;}
	process_menu>li:nth-child(1),.process_menu>li:nth-child(3),.process_menu>li:nth-child(5){border-left: #fff 1px solid;}
	.process_menu>li:nth-child(5){border-bottom: #fff 1px solid; width: 100%;}
	.process_menu>li>span{display: block;padding: 10px 0; vertical-align: middle; color: #fff; border-right: #fff 1px solid;}
	.process_menu>li>span:hover{background-color: #6ec16f; text-decoration: none;}
	#car_model,#web_system,#plan,#beginner,#access{margin-top: -100px; padding-top: 100px;}
}


/* セレクトボックス */
.cp_ipselect {overflow: hidden;text-align: center;}
.cp_ipselect select {width: 100%;padding-right: 1em;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;}
.cp_ipselect select::-ms-expand {display: none;}
.cp_ipselect.cp_sl01 {position: relative;border: 1px solid #bbbbbb;border-radius: 2px;background: #ffffff;}
.cp_ipselect.cp_sl01::before {position: absolute;top: 0.9em;right: 0.9em;width: 0;height: 0;padding: 0;content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #666666;pointer-events: none;}
.cp_ipselect.cp_sl01 select {padding: 8px 38px 8px 8px;color: #000;}
.cp_ipselect.cp_sl02 {position: relative;border: 0px solid #bbbbbb;border-radius: 2px;background: #ffffff;}
.cp_ipselect.cp_sl02::before {position: absolute;top: 0.9em;right: 0.9em;width: 0;height: 0;padding: 0;content: '';border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #666666;pointer-events: none;}
.cp_ipselect.cp_sl02 select {padding: 8px 38px 8px 8px;color: #000;}


/* チェックボックス */
.wrapper { text-align: center; margin: 30px; width: 350px; }
.checker { display: inline-block; margin: 2px 10px;}

.checker .check { display: inline-block; vertical-align: middle; }
.checker .text { display: inline-block; vertical-align: middle; }
.checker input {display: none;}
.checker .check {position: relative;display: inline-block;width: 14px;height: 14px;margin-right: 5px;}
.checker .check::before {display: block; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; border: 1px solid #bbb; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.checker input:checked + .check::after { display: block; position: absolute; top: 5px; left: 1px; width: 12px; height: 6px; border-left: 2px solid #090; border-bottom: 2px solid #090; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; -webkit-box-sizing: border-box; box-sizing: border-box;}
.checker input:disabled + .check:before { background-color: #eee;}
.checker input:checked:disabled + .check::after { border-left: 3px solid #aaa; border-bottom: 3px solid #aaa;}

.btn-info { background-color: #65c400!important; border-color: #65c400!important;}
.btn-info:hover{background-color: #65c400; border-color: #65c400; opacity: 0.8;}

.underline{text-decoration: underline #eb6100;}

@media (max-width: 480px) {
	.sp-thumbnails{width: 320px!important;text-align: center;margin: 0 auto!important;}
}
@media (min-width: 768px) {
	.sub_title03{font-weight: bold;color: #eb6100;margin-bottom: 10px;font-size: 18px;}
	.modalicon{font-size: 14px;background-color:  #eb6100;width: 20px;height: 20px;display: inline-block!important;text-align: center;margin-left: 10px;cursor: pointer;}
	.modalicon span{color: #fff;margin-left: 0px!important;}
}
@media (max-width: 767.98px) {
	.sub_title03{font-weight: bold;color: #eb6100;margin-bottom: 10px;font-size: 14px;}
	.modalicon{font-size: 12px;background-color:  #eb6100;width: 16px!important;height: 16px!important;display: inline-block!important;text-align: center;margin-left: 10px;cursor: pointer;}
	.modalicon span{color: #fff;margin-left: 0px!important;}
}


/* レンタカー共通 */
.container a { color: #56ac57; }
.container a:hover { color: #56ac57; opacity: 0.7; }
.link_green { color: #56ac57!important; }
.link_green:hover { color: #56ac57!important; opacity: 0.7; }

@media (max-width: 767.98px) {
	.container ul { padding-left: 20px; }
}


/* レンタカー貸渡・返却 */
.red { /*color: #eb6100;*/ /*color: #D20003; 暗い色*/ 	color: #ee1c22; }
.caution { display: block; font-size: 24px; font-weight: bold; border-bottom: 0.2rem solid #EEEEEE; }
.caution2 { display: inline-block; font-size: 1rem; font-weight: bold; color: #ee1c22; }
.menkyo dl { width: 100%; text-align: center; margin-bottom: 50px; }
.menkyo dl dt { margin-bottom: 10px; }

@media (max-width: 767.98px) {
	.caution { font-size: 15px; }
}

@media (min-width: 768px) {
	.kumitate{display: flex; margin: 10px 0 30px;}
	.kumitate>div{border: 1px solid #65c400; padding: 10px; border-radius: 10px; text-align: center; display: table; width: 290px; height: 118px;}
	.kumitate>div>div{display: table-cell; vertical-align: middle;}
	.kumitate img{width: 52px; height: 118px;margin: 0 10px;}
	.menkyoimage { max-width: 440px; }
	.license strong { color:#56ac57; display: block; margin-bottom: 10px;}
}
@media (max-width: 767.98px) {
	.kumitate{width: 100%; margin: 30px 0;}
	.kumitate>div{border: 1px solid #65c400; padding: 10px; border-radius: 10px; text-align: center; display: table; width: 300px; height: 118px; margin: 0 auto;}
	.kumitate>div>div{display: table-cell; vertical-align: middle;}
	.kumitate span img{display: block;}
	.kumitate img{width: 70px; height: 118px; text-align: center; margin: 0 auto;}
	.license strong { color:#56ac57; display: block; margin-bottom: 10px;}
}

.sub_title03 { background-color: rgba(0,0,0,0.05); color: rgba(0,0,0,0.6); }
@media (min-width: 768px) {
	.sub_title03{ margin: 40px 0 20px; line-height: 1.5; padding: 5px 20px 10px;}
	.sub_title03 span{ font-size: 18px;}
}
@media (max-width: 767.98px) {
	.sub_title03{ margin: 30px 0 20px; padding: 3px 10px 10px;}
	.sub_title03 span{ font-size: 14px;}
}


/* よくあるご質問 */
.faq dl dt::before {position: absolute; content: "Q"; color: #ffffff; background-color: #65c400; width: 40px; height: 40px; font-size: 23px; font-weight: bold; text-align: center; line-height: 38px; border-radius: 50%; top: -8px; left:-60px;}
.faq dl dt{ position: relative; margin-bottom: 15px; left: 60px; }
.faq dl dd::before {position: absolute; content: "A"; color: #ffffff; background-color: #ee1c22; width: 40px; height: 40px; font-size: 23px; font-weight: bold; text-align: center; line-height: 38px; margin-top: 50px; border-radius: 50%; left: -60px; top: -48px; text-decoration: none;}
.faq dl dd{position: relative; margin-bottom: 60px; left: 60px; top: 0px; background-color:#F5F5F5 ;padding: 10px 15px; border-radius: 5px; line-height: 1.6;}
.faq dd p:last-of-type { margin-bottom: 0; }

@media(min-width: 768px){
 	a[href^="tel:"]{ pointer-events: none; }
	.faq dl dd{ width:calc( 100% - 60px ); }
}

@media (max-width: 767.98px) {
	.faq dl dt::before {width: 30px; height: 30px; font-size: 20px; line-height: 30px; top: -5px;left:-40px;}
	.faq dl dt{position: relative; margin-bottom: 15px;left: 40px; width: calc( 100% - 40px );}
	.faq dl dd::before {width: 30px; height: 30px; font-size: 20px; line-height: 30px; margin-top: 50px; border-radius: 50%; left: -40px; top: -48px; text-decoration: none;}
	.faq dl dd{position: relative; margin-bottom: 60px; left: 40px; top: 0px; background-color:#F5F5F5; padding: 5px 10px; border-radius: 5px; line-height: 1.6; width: calc( 100% - 40px );}
	.faq dd p:last-of-type { margin-bottom: 0; }
}

/* お支払い方法・キャンセル*/
.box_caution { border: 1px solid #ee1c22; }
.caution_title { background-color: #ee1c22; color: #fff; font-weight: bold; }
.box_caution p { padding: 10px 15px 0px 15px; margin: 0; color: #ee1c22; }

@media (min-width: 768px) {
	.box_caution { width: 100%; display: flex; justify-content: space-between; }
	.caution_title { width: 180px; margin: 0; align-self: stretch; position: relative; line-height: 1; }
	.caution_title span { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto; width: 100%; height: 16px; padding:0; text-align: center; }	
	.box_caution p { width: 824px; padding: 10px 15px 10px 0px; margin: 0; }
	.green_box { border:1px solid #65c400; padding: 10px; margin:30px 100px; text-align: center; font-weight: bold;}
}
@media (max-width: 767.98px) {
	.box_caution { border: 1px solid #ee1c22; width: 100%; }
	.caution_title { display: inline-block; text-align: center; padding: 10px; margin: 0; width: 100%; }
	.box_caution p { padding: 10px 15px 10px 15px; }
	.green_box { border:1px solid #65c400; padding: 10px; margin:30px 5px; text-align: center; font-weight: bold;}
}


/* 保険・保証制度 menseki */

/* MENSEKI TABLE 1 & 2 */
.menseki_table1, .menseki_table2 { width: 100%; margin-left: auto; margin-right: auto; }
.menseki_table2 tr:nth-of-type(1) { border-top: 1px solid rgba(0,0,0,0.2); }
.menseki_table1 tr { background-color: rgba(255,249,196,0.9); border-bottom: 2px solid #ffffff;}
.menseki_table2 tr { border-bottom: 1px solid rgba(0,0,0,0.2); }
.menseki_table2 td:first-of-type { font-weight: bold; }
.menseki_tabel1 tbody td, .menseki_tabel2 tbody td, .menseki_tabel1 tbody tr, .menseki_tabel2 tbody tr { width: 100%; }

@media (min-width: 768px) {
	.menseki_table1,.menseki_table2 { margin-bottom: 40px; }
	.menseki_table1 td { padding: 10px 20px; }
	.menseki_table2 td { padding: 20px 20px; }
	.menseki_table5 td { border-right: 1px solid #ccc; text-align: center; }
	.menseki_table5 td:last-child { border-right: 0px solid #ccc; }
}
@media (max-width: 767.98px) {
	.menseki_table1, .menseki_table1 tbody, .menseki_table2, .menseki_table2 tbody { display: block; width: 100%; }
	.menseki_table1 tbody tr { display: flex; flex-direction: column; }
	.menseki_table2 tbody tr { display: flex; flex-direction: column; }
	.menseki_table1 td, .menseki_table2 td { display: block; }
	.menseki_table1, .menseki_table2 { margin-bottom: 40px; }
	.menseki_table1 td { padding: 10px 20px; flex-basis: auto;}
	.menseki_table2 td { padding: 10px 10px; }
	.menseki_table1 td:last-of-type, .menseki_table2 td:last-of-type { text-align: right;}
	.menseki_table5 tr:first-child td{ text-align: center; }
}

/* MENSEKI TABLE 3 & 4 */
.menseki_table3, .menseki_table4 { width: 100%; }
.menseki_table3 td, .menseki_table4 td { text-align: center; vertical-align: top; }
.menseki_table3 dt,.menseki_table4 dt{ font-weight: normal;}
.menseki_flex_content { display: block; color: #56ac57; font-weight: bold; }
.menseki_flex_label { display: block; background-color: #65c400; text-align: center; color: #fff;}
.menseki_flex_detail { display: block; }

@media (min-width: 768px) {
	.menseki_table3 tr,.menseki_table3 td, .menseki_table4 tr,.menseki_table4 td{ border: 1px solid #CDCDCD; }
	.menseki_table3 td,menseki_table4 td{ width: 50%; text-align: center; }
	.menseki_table3, .menseki_table4 { margin-bottom: 40px; padding-bottom: 0; }
	.menseki_table3 dl, .menseki_table4 dl { padding: 15px 0 15px; margin-bottom: 0; }
	.menseki_table3 dt,.menseki_table4 dt{ margin-bottom: 10px; }	
	.menseki_table3 dl:nth-child(even), .menseki_table4 dl:nth-child(even) { border-right: none; }
	.menseki_table3 dl:nth-last-child(1),.menseki_table3 dl:nth-last-child(2),
	.menseki_table4 dl:nth-last-child(1),.menseki_flex2 dl:nth-last-child(2){ border-bottom: none; }
	.menseki_flex_content { margin-bottom: 10px; }
	.menseki_table3 .menseki_flex_content { font-size: 45px; line-height: 1; }
	.menseki_table4 .menseki_flex_content { font-size: 35px; line-height: 1; }	
	.menseki_flex_label { margin: 0 auto 10px; width: 140px; border-radius: 20px; padding: 3px 0px; font-size: 12px; }
	.menseki_flex_detail { line-height: 1.4; font-size: 14px; }
}
@media (max-width: 767.98px) {
	.menseki_table3, .menseki_table3 tbody { display: block; }
	.menseki_table3 tr, .menseki_table4 tr{ display: flex; flex-direction: column; width: 100%; }
	.menseki_table3 td, .menseki_table4 td { display: inline-flex; }
	.menseki_table3 tbody td, .menseki_table4 tbody td { width: 100%; }
	.menseki_table3 tbody td, .menseki_table4 tbody td { border: 1px solid #CDCDCD; border-bottom: none; }
	.menseki_table3 tr:last-of-type td:last-of-type, .menseki_table4 tr:last-of-type td:last-of-type { border-bottom: 1px solid #CDCDCD; }	
	.menseki_table3, .menseki_table4 { margin-bottom: 40px; padding-bottom: 0; }
	.menseki_table3 dl, .menseki_table4 dl { padding: 15px 10px 15px; margin-bottom: 0; }
	.menseki_table3 dl { flex-basis: 100%; }
	.menseki_table4 dl { flex-basis: 100%; }
	.menseki_table3 dt,.menseki_table4 dt{ margin-bottom: 10px; }
	.menseki_table3 dl, .menseki_table4 dl { border-right: none; }
	.menseki_table3 dl:nth-last-child(1), .menseki_table4 dl:nth-last-child(1){ border-bottom: none; }
	.menseki_flex_content { margin-bottom: 10px; }
	.menseki_table3 .menseki_flex_content { font-size: 40px; line-height: 1; }
	.menseki_table4 .menseki_flex_content { font-size: 30px; line-height: 1; }
	.menseki_flex_label { margin: 0 auto 10px; width: 170px; border-radius: 20px; padding: 3px 0px; font-size: 12px; }
	.menseki_flex_detail { line-height: 1.2; font-size: 12px; }
	
	/* ベンダープレフィックス用 */
	.menseki_table3 tr, .menseki_table4 tr{ display:-webkit-box; display:-ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; }
	.menseki_table3 dl { -ms-flex-preferred-size: 100%; }
	.menseki_table4 dl { -ms-flex-preferred-size: 100%; }
}


/* MENSEKI TABLE 装飾 */
.last_red td:nth-of-type(2) { text-align: right; color:#ee1c22; font-weight: bold; }
.last_skyblue td:nth-of-type(2) { text-align: right; color:#177BFF; font-weight: bold; }

.sub_title_red { background-color: #ee1c22; color: #fff; position: relative; }
.sub_title_red::before { width: auto; content: "必ずご確認ください"; color: #ee1c22; background-color: #fff; border-radius: 3px; }
.sub_title_red span { font-weight: bold; }

@media (min-width: 768px) {
	.sub_title_red{ margin: 40px 0 20px; line-height: 1.5; padding: 5px 20px 10px; }
	.sub_title_red span{ font-size: 18px; }
	.sub_title_red::before { font-size: 12px; padding: 2px 10px; display: inline-block; position: absolute; right: 10px; top: 30%; line-height: 1.2; }
}
@media (max-width: 767.98px) {
	.sub_title_red{ margin: 30px 0 20px; padding: 10px 10px 10px; text-align: center;}
	.sub_title_red span{ font-size: 14px; display: block;}
	.sub_title_red::before { font-size: 10px; padding: 1px 5px; display: block; line-height: 1.2; width: 120px; margin: 0 auto 10px;}
}

.sub_title_black { font-size: 20px; font-weight: bold; margin-bottom: 14px; }
@media (max-width: 767.98px) {
	.sub_title_black { font-size: 16px; }
}

/* あんしん補償ワイド */
.ansin_wide { background-color: #fff9c4; text-align: center; }
.label_pink { display: inline-block; background-color: #ef5350; color: #ffffff; border-radius: 30px; }
.ansin_title { display: inline-block; font-weight: bold; color: #ef5350; }
.ansin_intro { font-weight: bold; }
.ansin_detail { display: inline-block; margin: 0 auto; text-align: left; }

@media (min-width: 768px) {
	.ansin_wide { padding: 50px 0 50px;margin-bottom: 40px;}
	.label_pink { border-radius: 30px; padding: 5px 15px; font-size: 20px; margin-bottom: 30px; }
	.ansin_title { font-size: 70px; margin-bottom: 50px; }
	.ansin_title>.ansin_img { height: 100px; margin-right: 20px; }
	.ansin_intro { font-size: 20px; }
	.ansin_detail { width: 79%; }
}
@media (max-width: 767.98px) {
	.ansin_wide { padding: 30px 0 30px; margin-bottom: 40px; }
	.label_pink { border-radius: 30px; padding: 5px 15px; font-size: 13px; margin-bottom: 30px; }
	.ansin_title { font-size: 30px; margin-bottom: 30px; }
	.ansin_title>.ansin_img { display: block; height: 50px; margin: 0 auto 10px; }
	.ansin_intro { font-size: 15px; width: 90%; margin-right: auto; margin-left: auto; }
	.ansin_detail { width: 90%; }
}

@media (min-width: 768px) {
	#menseki_hosho{ margin-top:-120px; padding-top:120px;}
	#menseki_hosho_wide{ margin-top:-120px; padding-top:120px;}
}
@media (max-width: 767.98px) {
	#menseki_hosho{ margin-top:-50px; padding-top:50px;}
	#menseki_hosho_wide{ margin-top:-50px; padding-top:50px;}
}

/* index 車種・料金一覧 */
.car_rental .color_k{ background-color: #4fa0ca; color:#fff;}
.car_rental .color_k2{ background-color: rgba(46,167,224,0.6);}	
.car_rental .color_k3{ background-color: rgba(46,167,224,0.2);}
.car_rental .color_c{ background-color: #00773a; color:#fff;}
.car_rental .color_c2{ background-color: rgba(0,119,58,0.6);}	
.car_rental .color_c3{ background-color: rgba(0,119,58,0.2);}
.car_rental .color_s{ background-color: #ed6f00; color:#fff;}
.car_rental .color_s2{ background-color: rgba(237,111,0,0.6);}	
.car_rental .color_s3{ background-color: rgba(237,111,0,0.2);}
.car_rental .color_h{ background-color: #60427d; color:#fff;}
.car_rental .color_h2{ background-color: rgba(96,66,125,0.6);}	
.car_rental .color_h3{ background-color: rgba(96,66,125,0.2);}
.car_rental .color_w{ background-color: #2a3976; color:#fff;}
.car_rental .color_w2{ background-color: rgba(42,57,118,0.6);}	
.car_rental .color_w3{ background-color: rgba(42,57,118,0.2);}
@media (min-width: 768px) {
	.car_rental table{ margin-bottom: 30px; width: 100%; border-collapse: separate; border-spacing: 4px; table-layout: fixed;}
	.car_rental table .car_rental_img { width: 300px; border: 1px solid #ddd; background-color: #fff;}
	.car_rental table .car_rental_img img{ width: 300px;}
	.car_rental td{ padding: 10px; border: 0px solid #eee; background-color: #f2f2f3;}
	.car_rental td strong{ font-size: 20px;}
	.mbtext{margin-bottom: 20px;}
}
@media (max-width: 767.98px) {
	.car_rental table{ margin-bottom: 30px; width: 100%; table-layout: fixed;}
	.car_rental table .car_rental_img { width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff;}
	.car_rental table .car_rental_img img{ width: 100%;}
	.car_rental td{ display: block; padding: 10px; border: 0px solid #eee; background-color: #f2f2f3;}
	.car_rental td strong{ font-size: 20px;}
	.mbtext{margin-bottom: 20px;}
}

@media (min-width: 1500px) {
.main_title>div:first-child {
    background-position: top -130px right 0;
}
}
@media (min-width: 1000px) {
.gallery>div:first-child {
    background-position: top -20px right 0;
}
}

@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
}