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

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

.out_of_stock>div>div:last-child a{ text-align: center; display: block; background-color: rgba(235,97,0,0.8); 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) {
	.out_of_stock{ background-color: #fafafa; border: 1px solid #bbb; padding: 20px;}
	.out_of_stock>div>div:last-child a{ width: 320px; margin: 0 auto; line-height: 50px;}
	.out_of_stock>div:first-child{ text-align: center; margin-bottom: 20px; font-size: 16px; font-weight: bold;}
	.out_of_stock>div:last-child{ display: flex;}
	.out_of_stock>div>div{ width: 512px; text-align: center;}
	.out_of_stock>div>div:first-child{ border-right: 0px solid #437f44; text-align: left; padding-left: 30px;}
	.out_of_stock_text{ font-size: 14px!important; text-align: left!important; margin-bottom: 20px; font-weight: normal!important;}
	.question{ position: relative; bottom: 2px;}
	.out_of_stock_title{text-align: center; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
}
@media (max-width: 767.98px) {
	.out_of_stock{ background-color: #fafafa; border: 1px solid #bbb; padding: 20px;}
	.out_of_stock>div>div:last-child a{ font-size: 12px; line-height: 50px;}
	.out_of_stock>div:first-child{ text-align: center; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
	.out_of_stock>div>div{ width: 100%; text-align: center;}
	.out_of_stock>div>div:first-child{ margin-bottom: 20px;}
	.out_of_stock_text{ font-size: 14px!important; text-align: left!important; margin-bottom: 20px; font-weight: normal!important;}
	.question{ position: relative; bottom: 2px;}
	.out_of_stock_title{text-align: center; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
}

.out_of_stock2>div>div:last-child a{ text-align: center; display: block; background-color: rgba(235,97,0,0.8); 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) {
	.out_of_stock2{ background-color: #fafafa; border: 1px solid #bbb; padding: 20px;}
	.out_of_stock2>div>div:last-child a{ width: 320px; margin: 0 auto; line-height: 50px;}
	.out_of_stock2>div:first-child{ text-align: center; margin-bottom: 20px; font-size: 16px; font-weight: bold;}
	.out_of_stock2>div:last-child{ display: flex;}
	.out_of_stock2>div>div{ width: 512px; text-align: center;}
	.out_of_stock2>div>div:first-child{ border-right: 0px solid #437f44; text-align: left; padding-left: 30px; font-size: 16px;}
}
@media (max-width: 767.98px) {
	.out_of_stock2{ background-color: #fafafa; border: 1px solid #bbb; padding: 20px;}
	.out_of_stock2>div>div:last-child a{ font-size: 12px; line-height: 50px;}
	.out_of_stock2>div:first-child{ text-align: center; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
	.out_of_stock2>div>div{ width: 100%; text-align: center;}
	.out_of_stock2>div>div:first-child{ margin-bottom: 20px;}
}

/* 予約プロセス */
@media (min-width: 768px) {
	.process{ margin: 0 0 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{ margin-top: -170px; padding-top: 170px;}
}
@media (max-width: 767.98px) {
	.process{ margin: 0px 10px 30px;}
	.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; background-color: #ccc;}
	.process_menu>li{ border-top: #fff 1px solid;}
	.process_menu>li.active{ background-color: #65c400;}
	.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;}
	#car_model,#web_system,#plan,#beginner{ margin-top: -100px; padding-top: 100px; }
}



/* STEP1 */
.step1_list{ padding: 0; list-style: none;}
.step1_list li{ border: #56ac57 solid 1px;}
.step1_list li p,
.step1_list li div table td{ font-weight: bold;}
.step1_list li p{ background-color: #65c400; color: white; }
.step1_list li div table td.step1_link a{ background-color: #65c400; color: white!important; display: block; border-radius: 20px; height: 100%; transition: .3s;}

.list-k .sub_title01 span{ color: #2ea7e0;}
.list-k .sub_title01::before,
.list-k .step1_list li p,
.list-k .step1_list li div table td.step1_link a{ background-color: #2ea7e0; }
.list-k .step1_list li{ border-color: #2ea7e0;}

.list-c .sub_title01 span{ color: #00773a;}
.list-c .sub_title01::before,
.list-c .step1_list li p,
.list-c .step1_list li div table td.step1_link a{ background-color: #00773a; }
.list-c .step1_list li{ border-color: #00773a;}

.list-s .sub_title01 span{ color: #ed6f00;}
.list-s .sub_title01::before,
.list-s .step1_list li p,
.list-s .step1_list li div table td.step1_link a{ background-color: #ed6f00; }
.list-s .step1_list li{ border-color: #ed6f00;}

.list-h .sub_title01 span{ color: #60427d;}
.list-h .sub_title01::before,
.list-h .step1_list li p,
.list-h .step1_list li div table td.step1_link a{ background-color: #60427d; }
.list-h .step1_list li{ border-color: #60427d;}

.list-w .sub_title01 span{ color: #2a3976;}
.list-w .sub_title01::before,
.list-w .step1_list li p,
.list-w .step1_list li div table td.step1_link a{ background-color: #2a3976; }
.list-w .step1_list li{ border-color: #2a3976;}

.caution{ font-size: 12px; text-align: right;}

.contact_btn{ background-color: #65c400; color: white!important; display: inline-block; border-radius: 20px; padding:2px 15px;}
@media (min-width: 768px) {
.sub_title01.step1_type{ margin-bottom: 40px;}

.step1_list li{ display: table; width: 100%; margin-bottom: 50px;}
.step1_list li{}
.step1_list li p,
.step1_list li figure,
.step1_list li>div{ margin: 0; display: table-cell;}
.step1_list li p{ vertical-align: middle; width: 3em; text-align: center;}
.step1_list li figure img{ width: 260px;}

.step1_list li figure{ width: 300px; padding: 15px 20px;}
.step1_list li figure figcaption{ font-size: 12px;}
.step1_list li figure figcaption span{ display: block; margin: 2px 0 8px;}
.step1_list li div{ vertical-align: middle; padding-right: 10px;}
.step1_list li div table{ margin: 10px 0; border-collapse: separate; border-spacing: 5px; width: 100%;}
.step1_list li div table th,
.step1_list li div table td{ text-align: center;}
.step1_list li div table th{ font-size: 12px; line-height: 1.2;}
.step1_list li div table td{ background-color: #eee; font-size: 20px; line-height: 40px;}
.step1_list li div table td.step1_link{ background-color: transparent;}
.step1_list li div table td.step1_link a{ background-color: #65c400; color: white!important; display: block; border-radius: 20px; height: 100%; transition: .3s;}
.step1_list li div table td.step1_link a:hover{ opacity: 0.7; text-decoration: none;}

.step1_list li div table.price td{ width: 25%;}
.step1_list li div table.people td{ width: 16%;}
.step1_list li div table.people td.step1_link{ width: 50%;}
	
.reservation_memo{ font-size:14px;}
.reservation_memo2{ border-bottom: double 6px #65c400;}
.green_box{ background-color: #fff; padding: 10px; margin: 20px auto; width: 600px; text-align: center;}
.mb5{ margin-bottom: 5px;}

}
@media (max-width: 767.98px) {
.sub_title01.step1_type{ margin-bottom: 20px;}

.step1_list li{ margin-bottom: 30px;}
.step1_list li{}
.step1_list li p,
.step1_list li figure,
.step1_list li div{ margin: 0;}
.step1_list li p{ display: inline-block; width: 4em; text-align: center;}

.step1_list li figure{ width: 100%; padding: 5px 5px 5px;}
.step1_list li figure figcaption{ font-size: 10px; padding-top: 10px;}
.step1_list li figure figcaption span{ display: block; margin: 2px 0 8px;}step1_list li div{ vertical-align: middle;}
.step1_list li div table{ margin: 0 0 ; border-collapse: separate; border-spacing: 5px; width: 100%;}
.step1_list li div table th,
.step1_list li div table td{ text-align: center;}
.step1_list li div table th{ font-size: 8px; line-height: 1.2;}
.step1_list li div table td{ background-color: #eee; font-size: 16px; line-height: 1.2em; padding: 10px 0;}
.step1_list li div table td.step1_link{ background-color: transparent; padding: 0;}
.step1_list li div table td.step1_link a{ font-size: 12px; padding: 10px 0;}
.step1_list li div table td.step1_link a:hover{ opacity: 0.7; text-decoration: none;}

.step1_list li div table.price td{ width: 25%;}
.step1_list li div table.people td{ width: 16%;}
.step1_list li div table.people td.step1_link{ width: 50%;}
	
.caution{ font-size: 10px; text-align: right;}
	
.green_box{ border: 1px solid #65c400; background-color: #fff; padding: 10px; margin: 0 0 5px 0; text-align: center;}
	
.reservation_memo2{ border-bottom: double 6px #65c400;}
}



/* STEP2 */
.step2_main_img>span{ display: table; text-align: center; background-color: #65c400; color: white; border-radius: 50%; position: absolute; left: 0;}
.step2_main_img>span>span{ display: table-cell; vertical-align: middle;}

.step2_info_box dl{ display: flex; align-items: center;}
.step2_info_box dt,
.step2_info_box dd{ line-height: 1.2em; margin: 0}
.step2_info_dl dd img{width: auto; vertical-align: top;}
.step2_info_dl dt::after{ content:"：";}
.step2_dl2{ display: flex; width: 100%; align-items: center; justify-content: space-between;}
.step2_dl2 dt{ background-color: #eeeeee; display: inline-block; width: 4.5em; text-align: center; padding: 0.5em 0; border-radius: 1em;}
.plun_images{ display: flex; flex-wrap: wrap;}

.step2_box{ background-color: #eee;}
.step2_box>h3{ text-align: center; color: white;}
.step2_midashi1{ background-color: #65c400;}
.step2_midashi2{ background-color: #437f44;}

.step2_box .back_white{ background-color: white; padding: 0em 1em; margin-bottom: 2em;}
.step2_box .back_white:last-child{ margin-bottom: 0;}
.step2_box .back_white dl{ border-bottom: 1px solid #eee; padding: 1em 0;}
.step2_box .back_white dl:last-child{ border-bottom: none;}
.step2_box dl{ display: flex; align-items: center; margin: 0;}
.step2_box dl dt,
.step2_box dl dd{ margin: 0;}
.step2_box dl dt{ }
.step2_box dl dd{ text-align: right;}
.step2_box .date_and_time dl dt{ width: 5em;}
.step2_box .date_and_time dl dd{ width: calc(100% - 5em);}
.step2_box .date_and_time dl dd input{ width: 8em; font-size: 14px;}
.step2_box .option_dl dl dd label{ margin: 0;}
.step2_box .option_dl dl dd label input{ margin: 0 0 0 1em;}
.step2_box .option_dl small{ display: inline-block; font-size: 12.5px; padding: 10px 0;}

.step2_table{ width: 100%; border-collapse: separate;}
.step2_table th,
.step2_table td{}
.step2_table th{ background-color: #65c400; color: white;}
.step2_table td{ background-color: white;}

.step2_box .send_btn{ text-align: center; position: relative;}
.step2_box .send_btn::before{ content: ""; display: block; margin: 10px auto; width: 0; height: 0; border-style: solid; border-color: #65c400 transparent transparent transparent;}

.step2_box .send_btn input{  display: block; cursor: pointer; padding: 1em 0; width: 100%; text-align: center; font-weight: bold; border: none; text-decoration: none; background: #65c400; color: #FFF; border-bottom: solid 10px #579e04; border-radius: 3px;}
.step2_box .send_btn input:hover{ background-color:#5eaa05; border-bottom-color: #4e9102; text-decoration: none;}
.step2_box .send_btn input:active{ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); border-bottom-width: 3px; margin-top: 17px;}
.step2_box .send_btn input:focus{ outline: none;}

@media (min-width: 768px) {
.step2_main_img{ margin-bottom: 35px;}
.step2_main_img>span{ top: -20px; width: 80px;}
.step2_main_img>span>span{ height: 80px;}
.step2_main_img>small{ display: block; text-align: right;}
.step2_info_dl dd img{ height: 22px; width: 100px;}
.step2_dl2 dd{ width: calc(100% - 80px); font-size: 14px;}
.plun_images{ margin: -5px -5px 0;}
.plun_images>a{ width: calc(20% - 10px); margin: 5px;}

.step2_box{ padding: 20px; border-radius: 15px;}
.step2_box>h3{ margin: -20px -20px 20px; font-size: 18px; border-radius: 15px 15px 0 0; line-height: 40px;}
.step2_box h4{ font-size: 16px;}
.step2_box h4 span{ font-size: 12px; padding-left: 10px;}
.step2_box h4 span img{ width: 14px; position: relative; top: -2px;}
.step2_box dl,
.step2_table{ font-size: 14px;}

.step2_table{ border-spacing: 2px; margin: 0 -2px -2px;}
.step2_table th,
.step2_table td{ padding: 1em;}
.step2_table th{ width: 41%;}

.step2_box .option_dl dl dt{ width: 16em;}
.step2_box .option_dl dl dd{ width: calc(100% - 16em);}
.step2_box .send_btn::before{ border-width: 30px 100px 0 100px;}
}
@media (max-width: 767.98px) {
.step2_main_img>span{ top: -10px; width: 60px; left: 5px;}
.capa2{ top: -22px!important;}
.step2_main_img>span>span{ height: 60px; font-size: 12px;}
.step2_info_dl dd img{ height: 16px;}
.step2_dl2 dd{ width: calc(100% - 80px); font-size: 12px;}
.plun_images{ margin: -5px -5px 0;}
.plun_images>a{ width: calc(25% - 10px); margin: 5px;}

.step2_box{ padding: 10px; border-radius: 5px; margin-top: 20px;}
.step2_box>h3{ margin: -10px -10px 10px; font-size: 16px; border-radius: 5px 5px 0 0; line-height: 30px;}
.step2_box h4{ font-size: 14px;}
.step2_box h4 span{ font-size: 12px; display: block; margin-top: 4px;}
.step2_box h4 span img{ width: 14px; position: relative; top: -2px;}
.step2_box dl,
.step2_table{ font-size: 12px;}

.step2_table{ border-spacing: 2px; margin: 0 -2px -2px;}
.step2_table th,
.step2_table td{ padding: 1em;}
.step2_table th{ width: 40%;}

.step2_box .option_dl dl dt{ width: 10em;}
.step2_box .option_dl dl dd{ width: calc(100% - 10em);}
.step2_box .send_btn::before{ border-width: 15px 30px 0 30px;}
	
.step2_box .date_and_time dl dd input{ width: 8em; height: 20px; font-size: 14px; display: inline-block!important;}
}



/* STEP3 */
.step3_box{ background-color: #eee;}
.step3_box>h3{ text-align: center; color: white;}
.step3_midashi1{ background-color: #65c400;}
.step3_midashi2{ background-color: #437f44;}

.step3_box .back_white{ background-color: white; padding: 0em 1em; margin-bottom: 2em;}
.step3_box .back_white:last-child{ margin-bottom: 0;}
.step3_box .back_white dl{ border-bottom: 1px solid #eee; padding: 1em 0;}
.step3_box .back_white dl:last-child{ border-bottom: none;}
.step3_box dl{ display: flex; align-items: center; margin: 0;}
.step3_box dl dt,
.step3_box dl dd{ margin: 0;}
.step3_box dl dt{ }
.step3_box dl dd{ text-align: right;}
.step3_box .date_and_time dl dt{ width: 5em;}
.step3_box .date_and_time dl dd{ width: calc(100% - 5em);}
.step3_box .date_and_time dl dd input{ width: 8em;}
.step3_box .option_dl dl dd label{ margin: 0;}
.step3_box .option_dl dl dd label input{ margin: 0 0 0 1em;}

.step3_table{ width: 100%; border-collapse: separate;}
.step3_table th{ background-color: #65c400; color: white;}
.step3_table td{ background-color: white;}

.step3_table2{ width: 100%; border-collapse: separate;}
.step3_table2 th{ background-color: #437f44; color: white;}
.step3_table2 td{ background-color: white;}

.step3_box .send_btn{ text-align: center; position: relative;}
.step3_box .send_btn::before{ content: ""; display: block; margin: 10px auto; width: 0; height: 0; border-style: solid; border-color: #65c400 transparent transparent transparent;}

.step3_box .send_btn input{  display: block; cursor: pointer; padding: 1em 0; width: 100%; text-align: center; font-weight: bold; border: none; text-decoration: none; background: #65c400; color: #FFF; border-bottom: solid 10px #437f44; border-radius: 3px;}
.step3_box .send_btn input:hover{ background-color:#437f44; border-bottom-color: #324E33;}
.step3_box .send_btn input:active{ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); border-bottom-width: 3px; margin-top: 17px;}
.step3_box .send_btn input:focus{ outline: none;}

@media (min-width: 768px) {
	.step3_box{ margin-top: 50px; padding: 20px; border-radius: 15px;}
	.step3_box>h3{ margin: -20px -20px 20px; font-size: 18px; border-radius: 15px 15px 0 0; line-height: 40px;}
	.step3_box h4{ font-size: 16px;}
	.step3_box h4 span{ font-size: 12px; padding-left: 10px;}
	.step3_box h4 span img{ width: 14px; position: relative; top: -2px;}
	.step3_box dl,
	.step3_table{ font-size: 14px;}
	.ninzu{ position: relative; top: -8px;}
	.ninzu2{ position: relative; top: -8px; margin-left: 40px;}
	.nin{ width: 20px!important; position: relative; top: -8px; margin-left: 10px;}
	
	.step3_table{ border-spacing: 2px; margin: 0 -2px -2px;}
	.step3_table th,
	.step3_table td{ padding: 1em;}
	.step3_table td .red{ display: block; margin-top: 4px; font-size: 13px; color: #ee1c22;}
	.step3_table th{ width: 30%; position: relative;}
	.step3_table span{ display: inline-block; width: 120px;}
	.step3_table th span{ position: absolute; right: 16px; background-color: #fff; color: #ee1c22; display: inline-block; width: 50px; text-align: center; border-radius: 10px;}
	
	.step3_table2{ border-spacing: 2px; margin: 0 -2px -2px;}
	.step3_table2 th,
	.step3_table2 td{ padding: 1em;}
	.step3_table2 td .red{ display: block; margin-top: 4px; font-size: 13px; color: #ee1c22;}
	.step3_table2 th{ width: 44%; position: relative;}
	
	.step3_box .option_dl dl dt{ width: 16em;}
	.step3_box .option_dl dl dd{ width: calc(100% - 16em);}
	.step3_box .send_btn::before{ border-width: 30px 100px 0 100px;}
	.step3_flex{ display: flex;}
	.step3_flex>div{ width: 500px;}
	
	.setsumei{ margin-top: 50px; font-size: 18px;}
	.setsumei2{ margin-top: 50px; font-size: 16px;}
	
	.conditions{text-align: left; overflow-y: scroll; height: 178px; background-color: #fff; padding: 10px 15px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px;}
	.conditions_check{ margin-top: 20px; text-align: center; font-size: 14px;}
	
	.spnone2{ display: inline!important;}
}
@media (max-width: 767.98px) {
	.step3_box{ padding: 10px; border-radius: 5px; margin-top: 20px;}
	.step3_box>h3{ margin: -10px -10px 10px; font-size: 16px; border-radius: 5px 5px 0 0; line-height: 30px;}
	.step3_box h4{ font-size: 14px;}
	.step3_box h4 span{ font-size: 12px; display: block; margin-top: 4px;}
	.step3_box h4 span img{ width: 14px; position: relative; top: -2px;}
	.step3_box dl,
	.step3_table{ font-size: 12px;}
	.ninzu:first-child{ display: block; margin-top: 0px;}
	.ninzu, .ninzu2{ display: block; margin-top: 10px;}
	.nin{ width: 20px!important; position: relative; top: -8px; margin-left: 10px;}

	.step3_table{ border-spacing: 2px; margin: 0 -2px -2px;}
	.step3_table th,
	.step3_table td{ padding: 1em;}
	.step3_table th{ width: 40%; position: relative;}
	.step3_table span{ display: inline-block; width: 120px;}
	.step3_table th span{ position: absolute; left: 10px; background-color: #fff; color: #ee1c22; display: inline-block; width: 50px; text-align: center; border-radius: 10px; margin-top: 22px;}
	
	.step3_table2{ border-spacing: 2px; margin: 0 -2px -2px; font-size: 12px;}
	.step3_table2 th,
	.step3_table2 td{ padding: 1em;}
	.step3_table2 th{ width: 40%;}

	.step3_box .option_dl dl dt{ width: 10em;}
	.step3_box .option_dl dl dd{ width: calc(100% - 10em);}
	.step3_box .send_btn::before{ border-width: 15px 30px 0 30px;}
	
	.setsumei{ margin: 30px 0; font-size: 14px;}
	.setsumei2{ margin-top: 30px; font-size: 14px;}
	
	.conditions{text-align: left; overflow-y: scroll; height: 178px; background-color: #fff; padding: 10px 15px; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px;}
	.conditions_check{ margin-top: 20px; text-align: center; font-size: 12px;}
}
@media (min-width: 768px) {
	.form-control { display: inline-block; width: 400px;}
	#name.form-control { margin-top: 10px;}
	.area { width: 600px;}
	.modal-dialog {max-width:800px;}
	.modal-body2 {text-align: center;}
}

/* セレクトボックス */
.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 { display: inline-block; position: relative; border: 1px solid #ced4da;; border-radius: 2px;background: #ffffff;}
.cp_ipselect.cp_sl01::before { position: absolute; top: 0.7em; right: 0.7em; 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: 5px 38px 5px 8px; color: #000;}
.cp_ipselect.cp_sl02 {position: relative; border: 0px solid #ced4da;;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;}


/* 送信ボタン */
@media (min-width: 768px) {
	.btns{ margin-top: 50px; text-align: center;}
	.next_btn{ display: inline-block;}
	.back_btn{ display: inline-block;}
	.next_btn a{width: 360px; margin: 20px 0 0 10px; line-height: 70px; font-size: 16px;　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;}
	.back_btn a{width: 360px; margin: 20px 10px 0 0; line-height: 70px; font-size: 16px;　text-align: center; display: block; border: 1px solid #65c400; background-image: url("../common/images/arrow_g_l.svg"); background-repeat: no-repeat; background-position: left 15px center; color: #65c400!important;}
}
@media (max-width: 767.98px) {
	.btns{ margin: 30px 0 20px; text-align: center;}
	.next_btn{ display: inline-block; width: 100%;}
	.back_btn{ display: inline-block; width: 100%;}
	.next_btn a{width: 100%; margin: 20px 0 0 0; line-height: 70px; font-size: 16px;　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;}
	.back_btn a{width: 100%; margin: 20px 0 0 0; line-height: 70px; font-size: 16px;　text-align: center; display: block; border: 1px solid #65c400; background-image: url("../common/images/arrow_g_l.svg"); background-repeat: no-repeat; background-position: left 15px center; color: #65c400!important;}
}

/* STEP4 */
.step4_table{ width: 100%; border-collapse: separate;}
.step4_table th{ background-color: #65c400; color: white;}
.step4_table td{ background-color: white;}
@media (min-width: 768px) {
	.step4_box { margin-top: 40px;}
	.step4_box span{ display: block; font-size: 17px; font-weight: bold;}
	.step4_table{ border-spacing: 2px; margin: 0 -2px -2px;}
	.step4_table th,
	.step4_table td{ padding: 1em; }
	.step4_table td{ border: 1px solid #ccc; }
	.step4_table td .red{ display: block; margin-top: 4px; font-size: 13px; color: #ee1c22;}
	.step4_table th{ width: 30%; position: relative;}
}
@media (max-width: 767.98px) {
	.step4_box { margin-top: 30px;}
	.step4_box span{ display: block; font-size: 15px; font-weight: bold;}
	.step4_table{ border-spacing: 2px; margin: 0 -2px -2px; font-size: 12px;}
	.step4_table th,
	.step4_table td{ padding: 1em;}
	.step4_table td{ border: 1px solid #ccc; }
	.step4_table th{ width: 40%;}
}



/* STEP5 */
.step5_tel{ font-size: 18px; font-weight: bold;}



@media (min-width: 768px) {
.ui-widget.ui-widget-content {
    z-index: 3!important;
}
}
@media (max-width: 767.98px) {
.ui-widget.ui-widget-content {
    z-index: 3!important;
}
}



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