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

body { font-size:calc(18 * 0.18vw); line-height: 1.8; }
:target { scroll-margin-top: calc(80vw / 7.8); }


.pc { display:none; }
.sp { display:block; }



.sp_left { text-align:left; }


.fs10vw { font-size:calc(10 * 0.22vw); }
.fs12vw { font-size:calc(12 * 0.22vw); }
.fs14vw { font-size:calc(14 * 0.22vw); }
.fs15vw { font-size:calc(15 * 0.20vw); }
.fs16vw { font-size:calc(16 * 0.20vw); }
.fs17vw { font-size:calc(17 * 0.19vw); }
.fs18vw { font-size:calc(18 * 0.18vw); }
.fs20vw { font-size:calc(20 * 0.18vw); }
.fs21vw { font-size:calc(20 * 0.18vw); }
.fs22vw { font-size:calc(22 * 0.16vw); }
.fs23vw { font-size:calc(23 * 0.16vw); }
.fs24vw { font-size:calc(24 * 0.16vw); }
.fs25vw { font-size:calc(25 * 0.15vw); }
.fs26vw { font-size:calc(26 * 0.15vw); }
.fs27vw { font-size:calc(27 * 0.15vw); }
.fs28vw { font-size:calc(28 * 0.15vw); }
.fs29vw { font-size:calc(29 * 0.15vw); }
.fs30vw { font-size:calc(30 * 0.15vw); }
.fs32vw { font-size:calc(32 * 0.13vw); }
.fs33vw { font-size:calc(33 * 0.13vw); }
.fs34vw { font-size:calc(34 * 0.13vw); }
.fs35vw { font-size:calc(35 * 0.13vw); }
.fs36vw { font-size:calc(36 * 0.13vw); }
.fs37vw { font-size:calc(37 * 0.13vw); }
.fs38vw { font-size:calc(38 * 0.13vw); }
.fs40vw { font-size:calc(40 * 0.13vw); }
.fs42vw { font-size:calc(42 * 0.13vw); }
.fs45vw { font-size:calc(45 * 0.12vw); }
.fs48vw { font-size:calc(48 * 0.11vw); }
.fs50vw { font-size:calc(50 * 0.11vw); }
.fs52vw { font-size:calc(52 * 0.11vw); }
.fs54vw { font-size:calc(54 * 0.11vw); }
.fs55vw { font-size:calc(55 * 0.1vw); }
.fs56vw { font-size:calc(56 * 0.1vw); }
.fs58vw { font-size:calc(58 * 0.1vw); }
.fs60vw { font-size:calc(60 * 0.1vw); }
.fs65vw { font-size:calc(65 * 0.1vw); }
.fs66vw { font-size:calc(66 * 0.1vw); }
.fs68vw { font-size:calc(68 * 0.1vw); }
.fs70vw { font-size:calc(70 * 0.1vw); }
.fs72vw { font-size:calc(72 * 0.1vw); }
.fs80vw { font-size:calc(80 * 0.1vw); }
.fs90vw { font-size:calc(90 * 0.08vw); }
.fs100vw { font-size:calc(100 * 0.08vw); }
.fs110vw { font-size:calc(110 * 0.08vw)); }
.fs125vw { font-size:calc(125 * 0.08vw)); }
.fs160vw { font-size:calc(160 * 0.08vw)); }
.fs180vw { font-size:calc(180 * 0.08vw)); }
.fs210vw { font-size:calc(210 * 0.06vw)); }
.fs300vw { font-size:calc(300 * 0.06vw); }

.inner { width:94%; }
.wide_inner { width: 94%; }
.middle_inner { width:90%; }
.low_mid_inner { width:90%; }
.low_inner { width: 90%; }
.roomy_inner {width: 90%; }
.minimum_inner {width: 90%; }


.ttl .yacco_campingcar_icon { width:calc(197vw / 7.2); }
.ttl .yacco_maintenance_icon { width:calc(197vw / 7.2); }
.ttl .flag_icon { width:calc(137vw / 7.2); }
.ttl .yacco_campsite_icon { width:calc(190vw / 7.2); }


.more { width: calc(380vw / 7.2); height: calc(80vw / 7.2); }
.more .circle { width: calc(30vw / 7.2); height: calc(30vw / 7.2); }


.illust1 { width:calc(121vw / 10.2); height:calc(184vw / 10.2); }
.illust2 { width:calc(231vw / 10.2); height:calc(164vw / 10.2); }
.illust3 { width:calc(317vw / 10.2); height:calc(104vw / 10.2); }
.illust4 { width:calc(263vw / 10.2); height:calc(150vw / 10.2); }
.illust5 { width:calc(223vw / 10.2); height:calc(292vw / 10.2); }
.illust6 { width:calc(284vw / 10.2); height:calc(266vw / 10.2); }
.illust7 { width:calc(237vw / 10.2); height:calc(295vw / 10.2); }
.illust8 { width:calc(326vw / 10.2); height:calc(276vw / 10.2); }
.illust9 { width:calc(279vw / 10.2); height:calc(237vw / 10.2); }
.illust10 { width:calc(172vw / 10.2); height:calc(122vw / 10.2); }
.illust11 { width:calc(146vw / 10.2); height:calc(218vw / 10.2); }
.illust12 { width:calc(419vw / 10.2); height:calc(432vw / 10.2); }
.illust13 { width:calc(250vw / 10.2); height:calc(397vw / 10.2); }
.illust14 { width:calc(92vw / 10.2); height:calc(90vw / 10.2); }
.illust15 { width:calc(277vw / 10.2); height:calc(273vw / 10.2); }
.illust16 { width:calc(212vw / 10.2); height:calc(243vw / 10.2); }
.illust17 { width:calc(141vw / 10.2); height:calc(189vw / 10.2); }
.illust18 { width:calc(124vw / 10.2); height:calc(232vw / 10.2); }
.illust19 { width:calc(224vw / 10.2); height:calc(106vw / 10.2); }
.illust20 { width:calc(306vw / 10.2); height:calc(189vw / 10.2); }
.illust21 { width:calc(121vw / 10.2); height:calc(184vw / 10.2); }
.illust22 { width:calc(222vw / 10.2); height:calc(260vw / 10.2); }
.illust23 { width:calc(146vw / 10.2); height:calc(141vw / 10.2); }
.illust24 { width:calc(332vw / 10.2); height:calc(158vw / 10.2); }
.illust25 { width:calc(250vw / 10.2); height:calc(154vw / 10.2); }




#header .header_wrapper { height:calc(70vw / 6.2); }

#header .header_wrapper .logo { width:calc(171vw / 7.2); }

#header .header_wrapper .header_nav .nav_list { display:none; }

#header #hamburger { width: calc(140vw / 7.2); height: calc(50vw / 7.2); }
#header #hamburger .bar_box { width: calc(40vw / 7.2); padding-top: 0.4em; }
#header #hamburger .bar_1 { margin-block-end:calc(10.25vw / 7.2); }
#header #hamburger .bar_2 { margin-block-end:calc(10.25vw / 7.2);}
#header #drawer.open .drawer-content {transform: translateX(0); }

#header #drawer .drawer-content nav { width:100%; }
#header #drawer .drawer-content ul .page a .circle { width: calc(30vw / 7.2); height: calc(30vw / 7.2); }

#header #drawer .drawer-content ul .page .section { display: block; }
#header #drawer .drawer-content ul .page .section li a .circle { width: calc(25vw / 7.2); height: calc(25vw / 7.2); }
#header #drawer .drawer-content ul .page .section li a { justify-content: flex-start; }

#header #drawer .header_contact_content.flex { display:block; }
#header #drawer .header_contact_content .box { width:100%; }
#header #drawer .header_contact_content .box dd { text-align: center; }
#header #drawer .header_contact_content .box dd .line_btn { width: 80%; height: calc(60vw / 5); margin: 0 auto 3em auto; }


.bottom_contact { padding: 2em 0 4em 0; }
.bottom_contact .menu_contact_box { display:block; }
.bottom_contact .bottom_contact_header { width: 100%; }
.bottom_contact .bottom_contact_content { display: block; width: 100%; }
.bottom_contact .bottom_contact_content .box { width: 100%; }
.bottom_contact .bottom_contact_content .box dd { text-align: center; padding: 1em 0 1em 0; }
.bottom_contact .bottom_contact_content .box dd .line_btn { width: 80%; height: calc(70vw / 5); margin: 0 auto 1em auto; }


.shop_info .shop_info_content { display:block; }
.shop_info .text { width: 100%; padding-bottom: 4em; }
.shop_info .text .more { margin:3em auto 0 auto; }

.shop_info .map { width: 100%; }

.shop_info .list li { width: 48%; height: 4.5em; margin-right: 4%; }
.shop_info .list li:nth-of-type(2n) { margin-right: 0; }
.shop_info .list li a { justify-content: flex-start; }



#footer .footer_wrapper { padding: 4em 0 0 0; border-top-left-radius: 4em; border-top-right-radius: 4em; }
#footer .middle_inner.flex { display:block; }
#footer .footer_wrapper .footer_info .logo { width: calc(215vw / 7.2); }
#footer .footer_wrapper .footer_nav { display:block; width: 100%; }
#footer .copy { margin-block-start:3em; }

#page_top { width: calc(60vw / 7.2); height: calc(60vw / 7.2); bottom: 20vw; }

#track { width: 100%; position: fixed; bottom: 0; z-index: 1000; display: flex; justify-content: center; }
#track.show { opacity: 1; }
#track .button { width:calc(100% / 3); height: calc(85vw / 7.2); display: flex; justify-content: center; align-items: center; }
#track .button i { margin-right:0.3em; }



#fv { background-image: url(../img/home/fv01.webp); background-size: 180%; background-position: center bottom; width: 100%; height: 100%; aspect-ratio: 9 / 9; padding: calc(240vw / 7.2) calc(130vw / 19.2); }



#top_campingcar_type .summary { margin-block-start: 2em; margin-block-end: 2em; }
#top_campingcar_type .top_campingcar_type_wrapper { padding: 4em 0 4em 0; border-bottom-left-radius: 4em; border-bottom-right-radius: 4em; }
#top_campingcar_type .cat_img_list.flex { flex-wrap: wrap; }

#top_campingcar_type .cat_img_list .box { width: 46%; margin: 2em 0 1em 0; }
#top_campingcar_type .cat_list { justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-block-end: 0; }
#top_campingcar_type .cat_list .cat_btn { position:relative; width: 46%; height: calc(100vw / 7.2); /*margin-block-end:2em;*/ margin-right: 4%; margin-block-end: 1.5em; }
#top_campingcar_type .cat_list .cat_btn .icon { position:absolute; inset:0 auto 0 1em; width: calc(75vw / 10.2); height: calc(50vw / 7.2); margin: auto;}





#top_camping_new_car { padding: 6em 0 15em 0; }
#top_camping_new_car .banner_list { display:block; }

#top_camping_new_car .box { width: 100%; height: calc(510vw / 9.2); margin-block-end: 2em; background-repeat:no-repeat; }
#top_camping_new_car .box .view_link .circle { width: calc(30vw / 7.2); height: calc(30vw / 7.2); }
#top_camping_new_car .box .view_link { width: 11em; bottom: 1em; right: 0.5em; }



#top_new_arrivals { padding: 4em 0 3em 0; border-top-left-radius: 4em; border-top-right-radius: 4em; }
#top_new_arrivals .show_case .box {width: 48%;margin: 1em 4% 1em 0;}
#top_new_arrivals .show_case .box:nth-of-type(2n) { margin-right:0; }

#top_new_arrivals .show_case .box dl dt { height: auto; max-height: 6.5em; -webkit-line-clamp: 3; }


#top_insurance { padding: 1em 0 1em 0; }
#top_insurance .inner.flex { display:block; }
#top_insurance .top_insurance_content { width: 100%; padding: 0.75em; margin-block-end: 5em; }
#top_insurance .top_insurance_content .flex.height {  }
#top_insurance .top_insurance_content .box { width: 48%; padding: 1em 0.65em 1em 0.65em; }

#top_insurance .top_insurance_content .box .icon { width: calc(122vw / 7.2); height: calc(102vw / 7.2); }

#top_insurance .top_insurance_content .box .view_link .circle { width: calc(30vw / 7.2); height: calc(30vw / 7.2); }
#top_insurance .top_insurance_content .illust1 { inset: -4em 0 auto 0; }
#top_insurance .top_insurance_content .illust2 { inset: -3em 0 auto 0; }





#top_faq { background-size: 200%; }

#top_faq .list { padding: 0 1em 0 1em; }
#top_faq .list dt .q_text { width: 88%; }
#top_faq .list dt .circle { width: calc(35vw / 7.2); height: calc(35vw / 7.2); }
#top_faq .list dt { padding: 1.5em 0 1.5em 2em; }
#top_faq .list dd .a_inner { padding: 0.6em 2em 1em 2em; }
#top_faq .list .q_icon, #top_faq .list .a_icon { top: 1.15em; }




#top_sns { padding: 4em 0 4em 0; border-radius: 4em; }
#top_sns .illust3 { inset: -6.4em auto auto 1em; }
#top_sns blockquote { justify-content: center; margin: auto; }
#top_sns blockquote .thumb { width: calc(400vw / 10.2); height: calc(400vw / 10.2); margin: calc(10vw / 10.2) calc(20vw / 10.2) calc(10vw / 10.2) 0; }



#top_news {  }
#top_news .illust4 { inset: -8.5em 1em auto auto; }
#top_news .ttl { text-align: center; }
#top_news .top_news_wrapper { display:block; }
#top_news .top_news_header { width: 100%; }
#top_news .top_news_content { width: 100%; padding: 1em 0 0 0; }
#top_news .top_news_content .view_link .circle { width: calc(30vw / 7.2); height: calc(30vw / 7.2); }
#top_news .top_news_content .box dt { width: 7em; }


#top_about { background-position: center bottom; padding: 4em 0 8em 0; border-top-left-radius: 4em; border-top-right-radius: 4em; }
#top_about .top_about_wrapper { display:block; }
#top_about .top_about_wrapper .text { width: 100%; padding-bottom: 3em; }
#top_about .top_about_wrapper .thumb { width: 100%; }

#top_about .top_about_wrapper .text .more { margin:2em auto 0 auto; }



.page_header { aspect-ratio: 2 / 1; background-size: cover; }
.page_header .ttl { margin: 3em 0 0 0; font-size: 1em; }
.page_header_illust { inset: calc(-20vw / 7.2) 4% auto auto; }


#campingcar_search .cat_list .cat_btn { position: relative; width: 49%; height: calc(80vw / 7.2); margin: 0 2% 0.5em 0; }
#campingcar_search .cat_list .cat_btn:nth-of-type(2n) { margin: 0 0 0.5em 0; }
#campingcar_search .cat_list .cat_btn .icon { position: absolute; inset: 0 auto 0 0.5em; width: calc(75vw / 7.2); height: calc(50vw / 7.2); margin: auto; }

#campingcar_search .border_bottom.flex { display:block; }
#campingcar_search .half { width: 100%; }
#campingcar_search .table dt { width: 8em; padding: 0 1em 0 0; }
form select.short { width: 9em; }

#campingcar_search .button_box .low_mid_inner.flex { display: block; }
#campingcar_search .button_box .right_box { justify-content: flex-end; }

#advanced_btn { width: 18em; height: calc(60vw / 7.2); margin-block-end: 2em; }

#search_btn { width: calc(270vw / 7.2); height: calc(60vw / 7.2); }
#clear_btn { width: calc(155vw / 7.2); height: calc(60vw / 7.2); }




#search_result .show_case .box {width: 48%;margin: 1em 4% 1em 0;}
#search_result .show_case .box:nth-of-type(2n) { margin-right:0; }
#search_result .show_case .box .text .campingcar_name { height: auto; max-height: 6.5em; -webkit-line-clamp: 3; line-height: 2; }

#search_result .show_case .box .price_box.flex { display:block; }
#search_result .show_case .box .price_box dl.wide,
#search_result .show_case .box .price_box dl.short { display:table; width:100%; }
#search_result .show_case .box .price_box dl.wide dt ,
#search_result .show_case .box .price_box dl.short dt { display:table-cell; width:6.5em; }
#search_result .show_case .box .price_box dl.wide dd ,
#search_result .show_case .box .price_box dl.short dd { display:table-cell; }


.pagenation .circle { width: calc(45vw / 6); height: calc(45vw / 6); }


#campingcar_single .main_data { display:block; }
#campingcar_single .main_data .left_column { width: 100%; }
#campingcar_single .main_data .img_box .main_img { aspect-ratio: 4 / 3; height: 100%; }
#campingcar_single .main_data .img_box .thumb { width: 24%; aspect-ratio: 4 / 3; height: auto; margin:0.25em 1.333% 0 0; }
#campingcar_single .main_data .img_box .thumb:nth-of-type(5n){ margin-right:1.333%; }
#campingcar_single .main_data .img_box .thumb:nth-of-type(4n){ margin-right:0; }

#campingcar_single .right_column { width: 100%; margin-block-start:3em; }

#campingcar_single .data_box_main .price_box .half { margin: 0;  width: 48%; }


#campingcar_single .inquiry_box dl dd .btn { width: 80%; height: calc(70vw / 5); }



#related_models { padding: 4em 0 4em 0; border-radius: 4em; }



#related_models .show_case .box {width: 48%;margin: 1em 4% 1em 0;}
#related_models .show_case .box:nth-of-type(2n) { margin-right:0; }
#related_models .show_case .box .text .campingcar_name { height: auto; max-height: 6.5em; -webkit-line-clamp: 3; line-height:2; }

#related_models .show_case .box .price_box.flex { display:block; }
#related_models .show_case .box .price_box dl.wide,
#related_models .show_case .box .price_box dl.short { display:table; width:100%; }
#related_models .show_case .box .price_box dl.wide dt ,
#related_models .show_case .box .price_box dl.short dt { display:table-cell; width:6.5em; }
#related_models .show_case .box .price_box dl.wide dd ,
#related_models .show_case .box .price_box dl.short dd { display:table-cell; }


#recently_viewed .table_wrapper { width: 100%; overflow-x: scroll; }
#recently_viewed .table_wrapper table th { width: 8em; }
#recently_viewed .table_wrapper table { width: 320%; }

.inquiry_box_w { padding: 3em 0 2em 0; }
.inquiry_box_w .inquiry_box_w_content { display: block; }
.inquiry_box_w .box { width: 100%; margin: 0 0 2em 0; }
.inquiry_box_w .box .btn { width: 80%; height: calc(70vw / 5); margin: auto; }




#stock_contact .form_wrapper .input_area .box { display:block; }
#stock_contact .form_wrapper .input_area .box .field { display:block; padding: 1.5em 0 0 0; width: 100%;}
#stock_contact .form_wrapper .input_area .box dd { display:block; }

#stock_contact .form_wrapper .input_area .box dd .product_box { align-items: flex-start; }
#stock_contact .form_wrapper .input_area .box dd .product_box .thumb { width: 35%; height: auto;}

#stock_contact .form_wrapper .input_area .box dd .product_box figcaption { width: 60%;}

#stock_contact .privacy_box { width: 90%; }

form button[type=submit].next { width: 80%; height: calc(70vw / 5); }


#privacy .list .box::marker { font-size: calc(25 * 0.15vw); }
#privacy .list { padding: 0 0 0 1.5em; }


#fv_purchase { padding: calc(200vw / 7.2) 0 0 0; height: auto; background-size: 112%; background-image: url(../img/purchase/fv_purchase_bg.webp); }
#fv_purchase .middle_inner { width: 90%; }
#fv_purchase .ttl em { text-shadow: 0 0 5px #FFFFFF; }

#fv_purchase .fv_point { width: 100%; justify-content: space-evenly; }
#fv_purchase .fv_point .circle { width: calc(180vw / 7.2); height: calc(180vw / 7.2); }
#fv_purchase .fv_point .circle .icon { width: calc(75vw / 7.2); height: calc(60vw / 7.2); }



#fv_purchase .illust11 { inset: -3em auto auto -0.3em; }

#fv_purchase .assessment { display: block; }
#fv_purchase .assessment .assessment_ttl { width: 100%; margin: 0; padding: 2em 4em 0 4em; border-right: none; }

#fv_purchase .assessment .assessment_ttl dt .tip { padding: 0.3em; }
#fv_purchase .assessment .assessment_ttl dt .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }

#fv_purchase .assessment .btn_list { display: block; width: 100%; padding: 1em 1em 1em 1em; }
#fv_purchase .assessment .btn_list .btn_wrapper {width: 100%; margin: 0 0 1em 0;}
#fv_purchase .assessment .btn_list .btn_wrapper dd .btn { width: 80%; height: calc(70vw / 5); margin: auto; }



#purchase_results { padding: 5em 0 5em 0; border-bottom-right-radius: 4em;  border-bottom-left-radius: 4em;}

#purchase_results .purchase_results_icon { width: calc(60vw / 7.2); height: calc(44vw / 7.2); }

#purchase_results::after { width: calc(133vw / 7.2); height: calc(45vw / 7.2); inset: auto 0 calc(-44vw / 7.2) 0; }

#purchase_results .purchase_results_gallery .viewport { padding: 0; }
#purchase_results .purchase_results_gallery .track { width: 170%; gap: calc(20vw / 7.2); }

#purchase_results .purchase_results_gallery .track .box { width: calc(480vw / 7.2); padding: calc(20vw / 7.2); }
#purchase_results .purchase_results_gallery .track .box .thumb { width:calc(440vw / 7.2); }

#purchase_results .purchase_results_gallery .prev { inset:0 auto 0 calc(80vw / 7.2); width: calc(50vw / 7.2); height:calc(50vw / 7.2); }
#purchase_results .purchase_results_gallery .next { inset:0 calc(80vw / 7.2) 0 auto; width: calc(50vw / 7.2); height:calc(50vw / 7.2); }

#purchase_sns blockquote { justify-content: center; margin: auto; }
#purchase_sns blockquote .thumb { width: calc(400vw / 10.2); height: calc(400vw / 10.2); margin: calc(10vw / 10.2) calc(20vw / 10.2) calc(10vw / 10.2) 0; }



.assessment_class .assessment_class_ttl .illust11 { inset: -4em auto auto -6em; }
.assessment_class .assessment_class_ttl .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }

.assessment_class .summary { width: 90%; }

.assessment_class .btn_list { display: block; }
.assessment_class .btn_list .btn_wrapper { width: 100%; margin: 2em 0 0 0; }
.assessment_class .btn_list .btn_wrapper dd .btn { width: 80%; height: calc(70vw / 5); margin: auto; }



#reasons { padding: 4em 0 10em 0; }

#reasons .illust12 { display:none; }
#reasons .illust13 { display:none; }
#reasons .reasons_ttl .illust14 { display:none; }
#reasons .reasons_ttl .purchase_results_icon { display:none; }

#reasons .summary { width:90%; margin-left:auto; margin-right:auto; }

#reasons .reasons_list_wrapper::before { width: calc(133vw / 7.2); height: calc(45vw / 7.2); }
#reasons .reasons_list_wrapper::after { width: calc(133vw / 7.2); height: calc(45vw / 7.2); inset: auto 0 calc(-44vw / 7.2) 0; }

#reasons .reasons_list_wrapper .illust15 { inset: -2.5em auto auto 1em; }

#reasons .reasons_list_wrapper .reasons_list_ttl .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }
#reasons .reasons_list .box .text { float:none; width:100%; }
#reasons .reasons_list .box .thumb { float:none; width:100%; }


#reasons .reasons_conclusion .box { display: block; }
#reasons .reasons_conclusion .box .thumb { width:100%; }
#reasons .reasons_conclusion .box .text { width:100%; }
#reasons .reasons_conclusion .box .text .consultation .circle { width: calc(70vw / 7.2); height: calc(70vw / 7.2); }


#purchase_flow .purchase_flow_ttl .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }
#purchase_flow .purchase_flow_list { display: block; }
#purchase_flow .purchase_flow_list .box { width: 100%; margin-block-end: 4em;}
#purchase_flow .purchase_flow_list .box .circle { width: calc(80vw / 6.2); height: calc(80vw / 6.2); }
#purchase_flow .purchase_flow_list .box .thumb { margin-block-end:1em; }



#purchase_documents { padding: 4em 0 4em 0; border-radius: 4em; }

#purchase_documents .purchase_documents_ttl .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }

#purchase_documents .content { display: block; }
#purchase_documents .content .thumb { width: 100%; height: auto; aspect-ratio: 175 / 108; }
#purchase_documents .content .text { width: 100%; }

#purchase_flow { padding: 4em 0 4em 0; }


#selling_methods .selling_methods_ttl .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }


#selling_methods .box { padding: 3em 2em 3em 2em; }


#selling_methods .box .content .table { display:block; }
#selling_methods .box .content .table dt { display:block; width: 100%; }
#selling_methods .box .content .table dd { display:block; width: 100%; }
#selling_methods .box .content .table dd ul { padding: 0; }


#selling_methods .box header .selling_methods_subttl .circle { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#selling_methods .box header .selling_methods_subttl .circle .icon { width: calc(50vw / 7.2); height: calc(50vw / 7.2); }

#maintenance_staff .truste_staff .text dt .ja span { display:block; padding-left:2em; }


#purchase_faq { background-size: 200%; }

#purchase_faq .list { padding: 0 1em 0 1em; }
#purchase_faq .list dt .q_text { width: 88%; }
#purchase_faq .list dt .circle { width: calc(35vw / 7.2); height: calc(35vw / 7.2); }
#purchase_faq .list dt { padding: 1.5em 0 1.5em 2em; }
#purchase_faq .list dd .a_inner { padding: 0.6em 2em 1em 2em; }
#purchase_faq .list .q_icon, #purchase_faq .list .a_icon { top: 1.15em; }





#satei .btn_list { display:block; }
#satei .btn_list .btn_wrapper { width:100%; margin-block-start:2em; }
#satei .btn_list .btn_wrapper dd .btn { width: 80%; height: calc(70vw / 5); margin: auto; }


#appraisal .form_wrapper .input_area .box { display:block; }
#appraisal .form_wrapper .input_area .box .field { display:block; padding: 1.5em 0 0 0; width:100%; }
#appraisal .form_wrapper .input_area .box dd { display:block; }

form .select_month_box { display:block; margin-block-start:0.5em; }

#appraisal .privacy_box { width: 90%; }




#car_maintenance .car_maintenance_wrapper { padding: 4em 0 4em 0; border-radius: 4em; }

#car_maintenance .leave .illust19 { inset: -4em 0 auto auto;}
#car_maintenance .leave { padding: 2.5em 1.5em 2em 1.5em; }


#car_maintenance .partner_stores .content { padding: 1em 1.5em 1em 1.5em; }


#car_maintenance .partner_stores .partner_stores_step { display:block; }
#car_maintenance .partner_stores .box { width:100%; margin-block-start: 2em; }
#car_maintenance .partner_stores .box .circle { width: calc(80vw / 6.2); height: calc(80vw / 6.2); }
#car_maintenance .partner_stores .box .partner_stores_step_thumb1 { width: calc(124vw / 7.2); height: calc(165vw / 7.2); }
#car_maintenance .partner_stores .box .partner_stores_step_thumb2 { width: calc(168vw / 7.2); height: calc(199vw / 7.2); }
#car_maintenance .partner_stores .box .partner_stores_step_thumb3 { width: calc(270vw / 7.2); height: calc(175vw / 7.2); }


#car_maintenance .partner_stores_list { display:block; }
#car_maintenance .partner_stores_list ul { width:100%; }


#repair_features { padding:4em 0 4em 0; }
#repair_features .features_list .box .text { float:none; width:100%; }
#repair_features .features_list .box .thumb { float:none; width:100%; }

.please_leave_class { padding:4em 0 4em 0; }
.please_leave_class .low_inner.flex { display:block; }
.please_leave_class .text { width:100%; }
.please_leave_class .thumb { width:100%; }

#repair_sns blockquote.flex { justify-content: center; margin: auto; }
#repair_sns blockquote.flex .thumb { width: calc(400vw / 10.2); height: calc(400vw / 10.2); margin: calc(10vw / 10.2) calc(20vw / 10.2) calc(10vw / 10.2) 0; }


#maintenance_menu { padding: 4em 0 4em 0; border-radius: 4em; }

#maintenance_menu .maintenance_icon_list { width: 60%; }



#maintenance_menu .box { display:block; }
#maintenance_menu .box dt { display:block; width: 100%; border-radius: 0.5em; }
#maintenance_menu .box dd { display:block; padding: 0 0 1em 0; }
#maintenance_menu .box dd  ul li { text-indent: -1.5em; padding-left: 2em; }
#maintenance_menu .box dd  ul li i { margin-right:0; }


#maintenance_menu .after_parts .after_parts_content { display:block; }

#maintenance_menu .after_parts .thumb { width:100%; }
#maintenance_menu .after_parts .after_parts_list { width:100%; }



#repair_other_service { padding: 4em 0 0 0; }
#repair_other_service .low_inner.flex { display:block; }
#repair_other_service .box { width:100%; }



#maintenance_staff { padding: 2em 0 4em 0; }

#maintenance_staff .maintenance_staff_list { display:block; }
#maintenance_staff .maintenance_staff_list .box { width: 100%; margin: 2em 0 2em 0; }
#maintenance_staff .maintenance_staff_list .box .circle { width: calc(65vw / 6.2); height: calc(65vw / 6.2); }
#maintenance_staff .maintenance_staff_list .box .staff_text_img { width: calc(84vw / 7.2); height: calc(30vw / 7.2); }


#maintenance_staff .truste_staff { width: 100%;  padding: 1.5em; }



#maintenance_staff .truste_staff .text { float:none; width:100%; }
#maintenance_staff .truste_staff .thumb { float:none; width:100%; height: auto; aspect-ratio: 204 / 281; }


#parts_labor { padding: 4em 0 4em 0; border-radius: 4em; }
#parts_labor .box .content { padding: 1em; }
#parts_labor .box .content .img_list .thumb { width: 48%;margin: 0.5em 4% 0.5em 0; }
#parts_labor .box .content .img_list .thumb:nth-of-type(2n) { margin-right:0; }


#parts_labor .box .content .other_img_list .thumb { width: 48%;margin: 0.5em 4% 0.5em 0; }
#parts_labor .box .content .other_img_list .thumb:nth-of-type(2n) { margin-right:0; }
#parts_labor .box .content .other_img_list .thumb_vertical { width: 48%;margin: 0.5em 4% 0.5em 0; }
#parts_labor .box .content .other_img_list .thumb_vertical:nth-of-type(2n) { margin-right:0; }



#insurance .insurance_information { padding: 2em 1.1em 2em 1.1em; }
#insurance .insurance_information dt { padding: 0.3em 0 0.4em 0.75em; }


#insurance .insurance_limits .content { width: 100%; }
#insurance .insurance_limits .content .insurance_limits_list { padding: 2em 2em 2em 2em; }
#insurance .insurance_limits .content .insurance_limits_list li { text-indent: -1.25em; padding: 0.25em 0 0.25em 1.25em; }

#insurance_by_type { padding: 4em 0 4em 0; border-radius: 4em; }



#insurance_by_type .type_list .box { width: 100%; height: auto; padding: 1em 0 1em 0; }
#insurance_by_type .type_list .box .insurance_by_type_thumb { width: calc(463vw / 7.2); height: auto; aspect-ratio: 463 / 240; }



#responsiveness .illust22 { inset: -8em -1em auto auto; }

#responsiveness .responsiveness_ttl { width: 100%; }

#responsiveness .responsiveness_list .box { margin-block-start: 2em; }
#responsiveness .responsiveness_list .box .text { float:none; width:100%; }
#responsiveness .responsiveness_list .box .thumb { float:none; width:100%; }


#solicitation_policy { padding: 4em 0 4em 0; }
#solicitation_policy .solicitation_policy_inner { padding: 2em 1.25em 2em 1.25em; }
#solicitation_policy .solicitation_policy_inner .policy_box { padding: 1.5em 1.25em 1.5em 1.25em; }


.insurance_contact_class .insurance_contact_class_ttl .illust11 { inset: -6em auto auto -6em; }

.insurance_contact_class .btn_list { display:block; }
.insurance_contact_class .btn_list .btn_wrapper { width: 100%; margin-block-start:2em; }
.insurance_contact_class .btn_list .btn_wrapper dd .btn { width: 80%; height: calc(70vw / 5); margin: auto; }


#finance .finance_information { padding: 2em 1.25em 2em 1.25em; }
#finance .finance_information dt .illust21 { inset: -6em 0 auto auto; }
#finance_partners { padding: 4em 0 4em 0; border-radius: 4em; }
#finance_partners .illust3 { inset: -2em auto auto 2em }


#finance_partners .partners_list { display:block; }
#finance_partners .partners_list .box { width: 100%; margin: 2em 0 0 0; }


#finance_partners .number_of_payments .illust23 { inset: -3em auto auto 0; }
#finance_partners .number_of_payments .tip::after { inset: auto 0 calc(-18vw / 7.2) 0; width: calc(19vw / 7.2); height: calc(19vw / 7.2); }

#finance_partners .number_of_payments .box_wrapper { display:block; }
#finance_partners .number_of_payments .box { width: 100%; padding: 1em 0.75em 1.25em 0.75em; }
#finance_partners .number_of_payments .box .icon { width: calc(50vw / 7.2); height: calc(37vw / 7.2); }



#loan_plans { padding: 4em 0 4em 0; }
#loan_plans .style_list { display:block; }
#loan_plans .style_list .box { width: 100%; margin: 2em 0 0 0; }
#loan_plans .style_list .box .thumb { width: calc(250vw / 7.2); }


#loan_plans .loan_plans_subttl .illust23 { inset: -3.2em 0 auto auto; }
#loan_plans .reason_content { display:block; }
#loan_plans .reason_content .thumb { width: 100%; }
#loan_plans .reason_content .text { width: 100%; }

#loan_plans .loan_plans_table { display:block; }
#loan_plans .loan_plans_table .box { width: 100%; }
#loan_plans .loan_plans_table .box .body .table dt { vertical-align:middle; width: 7em; padding-right: 1em; line-height: 1.5; }
#loan_plans .loan_plans_table .box .body .table dd { vertical-align:middle; line-height: 1.5; }



#finance_faq { background-size: 200%; }

#finance_faq .list { padding: 0 1em 0 1em; }
#finance_faq .list dt .q_text { width: 88%; }
#finance_faq .list dt .circle { width: calc(35vw / 7.2); height: calc(35vw / 7.2); }
#finance_faq .list dt { padding: 1.5em 0 1.5em 2em; }
#finance_faq .list dd .a_inner { padding: 0.6em 2em 1em 2em; }
#finance_faq .list .q_icon, #finance_faq .list .a_icon { top: 1.15em; }




#staff .staff_list .box { width: 50%; margin: 0 0 3em 0; }
#staff .staff_list .box:nth-of-type(5n) { margin: 0 0 3em 0; }
#staff .staff_list .box .thumb { width: calc(220vw / 7.2); height: calc(220vw / 7.2); margin: auto; }
#staff .staff_list .box figcaption .view .circle { width: calc(35vw / 7.2); height: calc(35vw / 7.2); line-height: calc(35vw / 7.2); }

.modal_gallery_box .modal_content { width:90%; }

.modal_gallery_box .staff_data_hedaer { display:block; }
.modal_gallery_box .staff_data_hedaer .thumb {width: calc(220vw / 3.75); height: calc(220vw / 3.75); margin:0 auto 2em auto; }
.modal_gallery_box .staff_data_hedaer .staff_data_hedaer_text { width: 100%; }

.modal_gallery_box .modal_close { width: calc(60vw / 7.2); height: calc(60vw / 7.2); top: -3em; right: -0.5em }
.modal_gallery_box .modal_close i.fs22vw { font-size: calc(22 * 0.3vw); }




#shop .shop_data { display:block; }
#shop .shop_data .text { width: 100%; margin-block-end: 2em; }
#shop .shop_data .gmap { width: 100%; }
#shop .shop_wrapper { padding: 4em 0 4em 0; border-radius: 4em; }
#shop .next ,#shop .prev { width: calc(50vw / 7.2); height: calc(50vw / 7.2); }

#shop .viewport { width: 100%; }
#shop .track img { width: 100%; }



#message { padding: 6em 0 16em 0; background-position: center bottom; background-size: 200%; }
#company_profile { top: -6em; padding: 4em 0 4em 0; border-radius: 4em; }
#company_profile .detail .illust9 { inset: -3.4em 0.5em auto auto; }
#company_profile .detail { padding: 4em 1em; }
#company_profile .detail .box dt::before { font-size: calc(12vw / 3.75); top: 1em; }


#company_profile .link_box { display:block; width: 100%; }


#history { padding: calc(620vw / 7.2) 0 0 0; top: -12em; background-position: center top; background-size: 200%; }

#history .history_wrapper { padding: 4em 0 1em 0; }
#history .detail .box dt::before { font-size: calc(12vw / 3.75); top: 1em; }
#history .detail .box dt { width: 7em; }



#faq .cat_box { flex-wrap: wrap; }
#faq .cat_box .btn { width: 44%;  margin: 0 3% 1em 3%; }
#faq #faq_wrapper { padding: 4em 0 4em 0; border-top-right-radius: 4em; border-top-left-radius: 4em; }



#faq #faq_wrapper .list { padding: 0 1em 0 1em; }
#faq #faq_wrapper .list dt .q_text { width: 88%; }
#faq #faq_wrapper .list dt .circle { width: calc(35vw / 7.2); height: calc(35vw / 7.2); }
#faq #faq_wrapper .list dt { padding: 1.5em 0 1.5em 2em; }
#faq #faq_wrapper .list dd .a_inner { padding: 0.6em 2em 1em 2em; }
#faq #faq_wrapper .list .q_icon, #faq #faq_wrapper .list .a_icon { top: 1.15em; }


#faq #faq_wrapper .illust5 { inset: -5em auto auto -1em; }
#faq #faq_wrapper .illust6 { inset: -5em -1em auto auto; }
#faq #faq_wrapper .illust7 { inset: -5em auto auto -1em; }
#faq #faq_wrapper .illust8 { inset: -5em -1em auto auto; }



#news_wrapper .low_inner.flex { display:block; }
#news_wrapper .column_left { width: 100%; padding-bottom: 4em; }
#news_wrapper .column_right { width: 100%; }




#track .footer_search_btn { display: grid; place-items: center; width:100%; height: calc(85vw / 7.2) }
#track .footer_search_btn i { margin-right:0.3em; }


#footer_campingcar_search {
	position: fixed; bottom: calc(85vw / 7.2); left: 0; z-index: 999;
	width: 100%; height: 80vh; background: #444444; box-sizing: border-box;
	transform: translateY(100%); opacity: 0; visibility: hidden;overflow: hidden;
	transition:transform 0.35s ease,opacity 0.35s ease,visibility 0.35s ease;
}

#footer_campingcar_search.is-open {transform: translateY(0);opacity: 1;visibility: visible;}

#footer_stock_search {  overflow-y:scroll;-webkit-overflow-scrolling: touch;height: 100%; }



.footer_search_btn .close {display: none;}
.footer_search_btn.is-open .open {display: none;}
.footer_search_btn.is-open .close {display: inline;}
body.is-fixed {overflow: hidden;touch-action: none;}

#footer_campingcar_search .campingcar_search_wrapper { padding: 2em 0 14em 0;}

#footer_campingcar_search .low_inner { height:auto; }
#footer_campingcar_search .low_mid_inner { height:auto; }



#footer_campingcar_search .ttl i { margin-right:0.3em; }

#footer_campingcar_search .border_bottom { border-bottom: solid 1px #b5b5b5; padding: 1em 0 1em 0; margin: 0; }
#footer_campingcar_search .border_bottom.multipart { padding: 1.5em 0 1.5em 0; }
#footer_campingcar_search .border_bottom dt { padding-bottom:0.5em; }

#footer_campingcar_search .cat_list { margin:0; padding:0 0 0.75em 0; align-items: center;}



#footer_campingcar_search .cat_radio { display: none; }
#footer_campingcar_search .cat_radio:checked + label.cat_btn { background-color: #ddcab9; }





#footer_campingcar_search .footer_search_advanced.hidden { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
#footer_campingcar_search .footer_search_advanced.open{ max-height: 1000px; }






#footer_campingcar_search .cat_list .cat_btn {
	display:flex; justify-content:center; align-items:center; border-radius:0.5em;
	position: relative; width: 49%; height: calc(80vw / 7.2); margin: 0 2% 0.5em 0; border: solid 1px #b5b5b5; cursor: pointer;
}
#footer_campingcar_search .cat_list .cat_btn:nth-of-type(2n) { margin: 0 0 0.5em 0; }

#footer_campingcar_search .cat_list .cat_btn .icon { position: absolute; inset: 0 auto 0 0.5em; width: calc(75vw / 7.2); height: calc(50vw / 7.2); margin: auto; }

#footer_campingcar_search .border_bottom.flex { display:block; }
#footer_campingcar_search .half { width: 100%; }
#footer_campingcar_search .table dt { width: 8em; padding: 0 1em 0 0; padding: 0 1em 0 0; vertical-align: middle; }
#footer_campingcar_search .table dd { vertical-align: middle; }



#footer_campingcar_search .table { margin: 1.5em 0 1.5em 0; }
#footer_campingcar_search .table.row2 { margin: 0.75em 0 0 0; }
#footer_campingcar_search .table.row2 dt span { line-height: 1; }
#footer_campingcar_search .table.row2_next { margin-block-start:0.75em; }


#footer_campingcar_search .footer_advanced_btn_wrapper { padding:2em 0 0 0; }

#footer_campingcar_search .button_box { position:fixed; bottom:0; padding:1em 0 1em 0; width: 100%; }
#footer_campingcar_search .button_box .low_mid_inner.flex { display: block; }
#footer_campingcar_search .button_box .right_box { align-items: center; justify-content: flex-end; }

#footer_advanced_btn { width: 18em; height: calc(60vw / 7.2); margin-block-end: 2em; border-radius:0.5em; border: solid 1px #b5b5b5; }

#footer_search_btn { width: calc(270vw / 7.2); height: calc(60vw / 7.2); border-radius:0.5em; }
#footer_clear_btn { width: calc(155vw / 7.2); height: calc(60vw / 7.2); border-radius:0.5em; }


/**** campsite *********************/

#campsite_notice { padding: 3em 0 3em 0; }

#campsite_info { padding: 1em 0 4em 0; }
#campsite_info .campsite_info_wrapper.flex { display:block; }
#campsite_info .text { width: 100%; margin-block-end: 2em; }

#campsite_info .text .checkinout { display:block; }
#campsite_info .text .checkinout .box { margin-block-end: calc(20vw / 7.2); }

#campsite_info .gmap { width: 100%; }


#campsite_rates { padding: 4em 0 5em 0; }

#campsite_rates .campsite_rates_box { padding: calc(50vw / 7.2) calc(30vw / 7.2) calc(30vw / 7.2) calc(30vw / 7.2); }

#campsite_rates .box header { padding: 1.5em 1em 1.5em 1em; }
#campsite_rates .box header .illust24 { inset: -2em auto auto 0; width: calc(230vw / 7.2); height: calc(110vw / 7.2); }
#campsite_rates .box header .illust25 { inset: -2.2em 0 auto auto; width: calc(180vw / 7.2); height: calc(111vw / 7.2); }

#campsite_rates .table_wrapper { width: 100%; overflow-x: scroll; }
#campsite_rates .table_wrapper table { width: 160%; }