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

body { font-size:calc(18 * 0.20vw); line-height: 1.8; }
:target { scroll-margin-top: calc(120vw / 6); }


.pc { display:none; }
.pc_tb { display:none; }
.sp { display:unset; }
.tb_sp { display:unset; }



.sp_left { text-align:left; }

.fs10vw { font-size:calc(10 * 0.23vw); }
.fs12vw { font-size:calc(12 * 0.23vw); }
.fs14vw { font-size:calc(14 * 0.23vw); }
.fs15vw { font-size:calc(15 * 0.22vw); }
.fs16vw { font-size:calc(16 * 0.20vw); }
.fs17vw { font-size:calc(17 * 0.20vw); }
.fs18vw { font-size:calc(18 * 0.20vw); }
.fs20vw { font-size:calc(20 * 0.18vw); }
.fs21vw { font-size:calc(20 * 0.18vw); }
.fs22vw { font-size:calc(22 * 0.17vw); }
.fs23vw { font-size:calc(23 * 0.17vw); }
.fs24vw { font-size:calc(24 * 0.15vw); }
.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); }
.fs31vw { font-size:calc(31 * 0.15vw); }
.fs32vw { font-size:calc(32 * 0.12vw); }
.fs33vw { font-size:calc(33 * 0.12vw); }
.fs34vw { font-size:calc(34 * 0.12vw); }
.fs35vw { font-size:calc(35 * 0.12vw); }
.fs36vw { font-size:calc(36 * 0.12vw); }
.fs37vw { font-size:calc(37 * 0.12vw); }
.fs38vw { font-size:calc(38 * 0.12vw); }
.fs40vw { font-size:calc(40 * 0.12vw); }
.fs45vw { font-size:calc(45 * 0.12vw); }
.fs48vw { font-size:calc(48 * 0.12vw); }
.fs50vw { font-size:calc(50 * 0.12vw); }
.fs52vw { font-size:calc(52 * 0.12vw); }
.fs54vw { font-size:calc(54 * 0.12vw); }
.fs56vw { font-size:calc(56 * 0.12vw); }
.fs58vw { font-size:calc(58 * 0.12vw); }
.fs60vw { font-size:calc(60 * 0.12vw); }
.fs62vw { font-size:calc(62 * 0.12vw); }
.fs63vw { font-size:calc(63 * 0.11vw); }
.fs65vw { font-size:calc(65 * 0.11vw); }
.fs66vw { font-size:calc(66 * 0.11vw); }
.fs68vw { font-size:calc(68 * 0.11vw); }
.fs70vw { font-size:calc(70 * 0.11vw); }
.fs72vw { font-size:calc(72 * 0.11vw); }
.fs73vw { font-size:calc(73 * 0.11vw); }
.fs75vw { font-size:calc(75 * 0.1vw); }
.fs80vw { font-size:calc(80 * 0.1vw); }
.fs86vw { font-size:calc(86 * 0.1vw); }
.fs90vw { font-size:calc(90 * 0.1vw); }
.fs100vw { font-size:calc(100 * 0.1vw); }
.fs110vw { font-size:calc(110 * 0.1vw); }


.more { width: calc(300vw / 5); height: calc(70vw / 5); }
.more span { width: calc(300vw / 5); height: calc(70vw / 5); }
.more span::after { bottom: calc(40vw / 7.2); right: calc(-40vw / 7.2); width: calc(80vw / 7.2); }
.more.move::before { width: calc(300vw / 5); height: calc(70vw / 5); }

.ttl::after { width: 3em; }


.inner { width: 94% }
.inner_right { width: 94%; margin: 0 auto;}
.middle_inner { width: 94% }
.middle_inner_right { width: 94%; margin: 0 auto;}
.regular_inner { width: 94% }
.low_inner { width: 94%; }
.minimum_inner { width: 94%; }

.illust1 { width:calc(100vw / 10.2); }
.illust2 { width:calc(150vw / 10.2); }
.illust3 { width:calc(314vw / 10.2); }
.illust4 { width:calc(112vw / 10.2); }
.illust5 { width:calc(200vw / 10.2); }
.illust6 { width:calc(191vw / 10.2); }
.illust7 { width:calc(200vw / 10.2); }
.illust8 { width:calc(160vw / 10.2); }
.illust9 { width:calc(260vw / 10.2); }
.illust10 { width:calc(280vw / 10.2); }
.illust11 { width:calc(116vw / 10.2); }
.illust12 { width:calc(255vw / 10.2); }
.illust13 { width:calc(100vw / 10.2); }
.illust14 { width:calc(180vw / 10.2); }
.illust15 { width:calc(251vw / 10.2); }
.illust16 { width:calc(262vw / 10.2); }
.illust17 { width:calc(161vw / 10.2); }
.illust18 { width:calc(121vw / 10.2); }



#header { height: calc(120vw / 6); }
#header .inner_right .logo { width: calc(112vw / 6.5); margin: 1em 0 0 0; z-index: 1001; }
#header .inner_right .header_nav { display: none; }

#header .menu_btn {
	position: absolute; top: 0; right: 0;
	display: inline-block; border: none; width: calc(120vw / 6); height: calc(120vw / 6); line-height: 1; text-align: left; padding: 0.7em 1.6em 0.7em 1.6em; z-index: 1001;
}
#header .menu_btn .bar { display: block; height: 2px; margin: 0.7em 0 0.7em 0;}
#header .menu_btn .bar_1 { width: 100%;  transform: rotate(0); }
#header .menu_btn .bar_2 { width: 100%;  transform: rotate(0); }
#header .menu_btn .bar_3 { width: 100%;  transform: rotate(0); }

#header #drawer { display:block; }

#header .drawer-menu.open .drawer-content { overflow-y: scroll; }

#header .drawer-menu {
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex; opacity:0;transition: opacity 0.3s ease; pointer-events:none;
	justify-content: flex-start;align-items: flex-start;z-index: 1000;
}
#header .drawer-menu.open {opacity:1; pointer-events:auto;}

#header .drawer-content {
	width: 100%;height: 100%;transform: translateX(200%);transition: transform 0.3s ease;padding: calc(130vw / 6) 4% 2em 4%;
	background-image:url(../img/marble_bg.jpg); background-size:cover;
}
#header .drawer-menu.open .drawer-content {transform: translateX(0);}


#header .drawer-menu.open .drawer-content .menu_list {  }

#header .drawer-content .menu_list .page_list { list-style-type:none; padding: 0; }
#header .drawer-content .menu_list .page_list .page { border-bottom: solid 1px #000000; padding: 0.5em 0 0.5em 0; }
#header .drawer-content .menu_list .page_list .page:last-of-type { border-bottom: none; }
#header .drawer-content .menu_list .page_list .page .page_name { display: flex; justify-content: flex-start; align-items: center; }
#header .drawer-content .menu_list .page_list .page .page_name .en { width: 6em; }
#header .drawer-content .menu_list .page_list .page .page_name i { right:0; }
#header .drawer-content .menu_list .page_list .section_list {
	list-style-type:none; padding: 0;display: flex; justify-content: space-between; flex-wrap: wrap;
}
#header .drawer-content .menu_list .page_list .section_list .section { width: 48%; }
#header .drawer-content .menu_list .page_list .section_list .section .section_name {
	display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 0.2em 0.5em 0.2em 0.5em; margin: 0.3em 0 0.3em 0;
}
#header .drawer-content .menu_list .page_list .section_list .section i { right:0.3em; }

#header .drawer-content .menu_reserves_btn_box { padding: 1em; }
#header .drawer-content .menu_reserves_btn_box .menu_reserves_btn_box_ttl { margin-block-start: 0; }
#header .drawer-content .menu_reserves_btn_box .menu_reserves_btn_box_ttl i { margin-right:0.4em; }
#header .drawer-content .menu_reserves_btn_box .menu_reserves_btn_box_ttl .en { display:block; }

#header .drawer-content .menu_reserves_btn_box .a_inner { padding:0; }
#header .drawer-content .menu_reserves_btn_box .a_inner .btn {
	position:relative; width: 100%; height: 4.44em; justify-content: flex-start; align-items:center; margin-block-end:0.5em; padding-left: 4em;
}
#header .drawer-content .menu_reserves_btn_box .a_inner .btn.hb {
	justify-content: center; padding-left: 0;
}
#header .drawer-content .menu_reserves_btn_box .a_inner .btn img { width:calc(150vw / 5); }
#header .drawer-content .menu_reserves_btn_box .a_inner .btn i { margin-right:0.4em; }
#header .drawer-content .menu_reserves_btn_box .a_inner .btn::after {
	display: block; content: "";position: absolute; bottom: 0.2em; right: 0.2em; clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	width: calc(34vw / 6); height: calc(34vw / 6); background-color: #ECECEC;
}



#footer { padding: 2em 0 6em 0; }
#footer .site_info { width: 100%; display: block; float: none; padding: 1em;}
#footer .footer_nav { width: 100%; display: block; float: none; padding: 1em;}
#footer .site_info .logo { display: block; width: calc(112vw / 4); margin-left: auto; margin-right: auto; }


#footer .footer_nav ul { padding: 0;}

#footer .footer_nav ul li { padding: 0.5em 0 0.5em 0; border-bottom: solid 1px #badfeb; margin-block-end: 0; }
#footer .footer_nav ul li a .en { display: inline-block; width: 9em;}
#footer .footer_nav ul li a .ja { display: inline-block;}

#track { width: 100%; position: fixed; bottom: 0; z-index: 1000; display: block; padding: 1em; border-top: solid 1px #FFFFFF; }
#track.show { opacity: 1; }
#track .a_inner { margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
#track .track_reserves_btn_box_ttl {
	display: flex; justify-content: center; align-items: center;
	cursor:pointer; caret-color:transparent; margin-block-start: 0; margin-block-end: 0
}
#track .track_reserves_btn_box_ttl i { margin-right:0.4em; }
#track .track_reserves_btn_box_ttl .en { margin-right:0.4em; }
#track .track_reserves_btn_box_ttl .ja { padding: 0 0 0.2em 0; }


#track #track_reserves_btn_box .btn {
	position:relative; width: 100%; height: 4.44em; justify-content: flex-start; align-items:center; margin-block-end:0.5em; padding-left: 4em;
}
#track #track_reserves_btn_box .btn.hb {
	justify-content: center; padding-left: 0;
}
#track #track_reserves_btn_box .btn img { width:calc(150vw / 5); }
#track #track_reserves_btn_box .btn i { margin-right:0.4em; }
#track #track_reserves_btn_box .btn::after {
	display: block; content: "";position: absolute; bottom: 0.2em; right: 0.2em; clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	width: calc(34vw / 6); height: calc(34vw / 6); background-color: #ECECEC;
}

#page_top { bottom: 6em; }

.bottom_reserves { padding: 3em 0 3em 0; }

.bottom_reserves .bottom_reserves_content { display: block; padding-bottom: 0.1em; }

.bottom_reserves .bottom_reserves_content .ttl { margin: 0 auto 0 auto; text-align: center; }
.bottom_reserves .bottom_reserves_content .ttl::after { left:0; right:0; margin:auto; }

.bottom_reserves .bottom_reserves_btn {display: block;}
.bottom_reserves .bottom_reserves_btn .btn { justify-content: flex-start; align-items:center; width: calc(480vw / 5.2); height: calc(110vw / 5.2); margin: 1em 0 1em 0; padding-left: 4em; }
.bottom_reserves .bottom_reserves_btn .btn.hb { justify-content: center; padding-left: 0; }

.bottom_reserves .bottom_reserves_btn .btn.hb img { width: calc(250vw / 7.2); }
.bottom_reserves .bottom_reserves_btn .btn::after {width: calc(34vw / 6); height: calc(34vw / 6);}



#fv { width: 100%; height: auto; padding: calc(130vw / 6) 0 calc(400vw / 6) 0; background-size: cover; }
#fv .inner_right { display: block; }
#fv .inner_right .text { position: absolute; z-index: 2; display: block; width: 100%; padding: 1em; }
#fv .inner_right .swiper { width: 100%; }

#fv .inner_right .text .en { display:none; }

#fv .inner_right .text .catch { font-weight: 700; text-shadow: 0 0 3px #FFF; margin:8.5em 0 0 0; line-height: 1.6; }
#fv .inner_right .since { margin: 0; bottom: -0.5em; right: 0; left: 0; text-align: center; }



#top_concept { padding: 3em 0 4em 0; }

#top_concept .text { width: 100%; margin: 0 auto; float: none; padding: 0 0 0 0; }
#top_concept .text .top_concept_ttl { width: 94%; margin: 0 auto 1em auto; }
#top_concept .text P { width: 94%; margin: 0 auto; }
#top_concept .text .summary { width: 94%; margin: 0 auto; }


#top_concept .thumb { width: 94%; margin: 2em auto 0 auto; float: none; background: none; }
#top_concept .thumb .thumb1 { width: 100%; }
#top_concept .thumb .thumb2 { width: 100%; top: 2em; clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 85%, 0 0); }

#top_concept .text .list { width: 94%; padding: 0 0 0 3em; }

#top_concept .text .list li { width: 100%; padding-left: 1em; }
#top_concept .text .list li::before { width: calc(53vw / 7.2); height: calc(38vw / 7.2); top: 0.5em; bottom: auto; left: -2em; }
#top_concept .text .btn { margin: 2em auto 2em auto; text-align: center; }

#top_concept .illust1 { bottom: -44em; }



#top_gift .content.flex { display: block; }
#top_gift .content .text { width: 100%;}
#top_gift .content .thumb { width: 100%; margin: 1em 0 1em 0; }

#top_gift .structure .structure_flow.flex { display: block; }
#top_gift .structure .structure_ttl::after { width: calc(400vw / 10.2); height: calc(36vw / 10.2); }



#top_menu { padding: 3em 0 3em 0; }
#top_menu .illust2 { left: 1em; top: 3em; }
#top_menu .illust3 { right: 1em; }

#top_menu .top_menu_wrapper .box.flex { display: block; width: 100%; height: auto; float: none; margin-block-end: 3.5em; }
#top_menu .top_menu_wrapper .box .thumb { width: 100%; }
#top_menu .top_menu_wrapper .box .text { width: 100%; padding: 1.5em 0 1.5em 0; }
#top_menu .top_menu_wrapper .box .text dl dd .en { left: 0; }

#top_gift .structure .structure_flow .box { width: 80%; margin: 1em auto 6em auto; }
#top_gift .structure .structure_flow .box::after { width: calc(86vw / 7.2); height: calc(39vw / 7.2); transform: rotate(90deg); top: auto;  bottom: -4em; left: 0; right: 0; }




#top_style { background-size: 150%; padding: 3em 0 3em 0; }
#top_style .inner_right .content { width: 100%; padding: 0 0 0 0;}


#top_style .inner_right .content .ttl { float:none; margin-left: auto; margin-right: auto; text-align: center; }
#top_style .inner_right .content .ttl::after { left:0; right:0; margin:auto; }
#top_style .inner_right .content .text { float:none; padding: 0 0 2em 0;}
#top_style .inner_right .thumb { display:none; }

#top_style .inner_right .content .text .btn { margin: 2em auto 2em auto; text-align: center; }

.style_swiper { width: 90%; margin: auto; }

.style_swiper .swiper-button-prev, .style_swiper .swiper-button-next { width: 3em; height: 3em; }

.style_swiper .swiper-button-prev { top: calc(400vw / 19.2); right: auto; left: -1.5em;}
.style_swiper .swiper-button-next { top: calc(400vw / 19.2); right: -1.5em; left: auto;}


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

#top_review .illust6 { top: 3em; right: 1em;}
.review_swiper { width: 94%; margin-left: auto; margin-right: auto; }
.review_swiper .swiper-slide .post_header .thumb { width: 20%; }
.review_swiper .swiper-slide .post_header .text { width: 75%; }
.review_swiper .swiper-slide { box-shadow: 8px 8px 0 #BADFEB; padding: 1em 1.7em 1em 1.7em;}
.review_swiper .swiper-button-prev, .review_swiper .swiper-button-next { width: 3em; height: 3em; }
.review_swiper .swiper-button-prev { left: -1.5em; }
.review_swiper .swiper-button-next { right: -1.5em; }


.other_contents_wrapper .illust7 { top: -2em; right: 1em; }
.other_contents_wrapper .illust8 { bottom: -2em; left: 1em; }

.other_contents_wrapper .text { width: 100%; }
.other_contents_wrapper .thumb { width: 100%; }

#top_salon { clip-path: polygon(100% 0, 100% 90%, 85% 100%, 0 100%, 0 0); }
#top_salon .text .button_next { right: 1em; bottom: auto; top: 1em; }

#top_faq { clip-path: polygon(100% 0, 100% 100%, 15% 100%, 0 90%, 0 0); }
#top_faq .text .button_next { right: 1em; bottom: auto; top: 1em; }
#top_faq .text { padding: 1em 1em 1em 1em;}



#top_blog { width: 100%; overflow: hidden; }

#top_blog .ttl { margin-left: auto; margin-right: auto; text-align: center;}
#top_blog .ttl .slug { display: block; margin-right: 0;}
#top_blog .ttl::after { left:0; right:0; margin:auto; }

#top_blog .inner_right { padding: 0; }
#top_blog .thumb { width: 70%; height: calc(280vw / 5); margin-left: auto; margin-right: auto;}
.blog_swiper { width: 90%; margin: 0 auto; }
.blog_swiper .swiper-wrapper .swiper-slide { margin-right: 0;}


.blog_swiper .swiper-button-prev, .blog_swiper .swiper-button-next { width: 3em; height: 3em; }
.blog_swiper .swiper-button-prev { top: 6.88em; left: -1.5em; }
.blog_swiper .swiper-button-next { top: 6.88em; left:auto; right: -1.5em; }

#top_blog .illust9 { top: 1em; right: 1em; }




#top_sns .top_sns_ttl:after { width: calc(369vw / 7.2); height: calc(22vw / 7.2);}
#top_sns .instagram { width: 100%; margin-block-end: 1.5em; }
#top_sns .illust10 { bottom: -3em;left: 1em;}



.page_header { padding: calc(130vw / 6) 0 0 0; background-size: cover; height: calc(580vw / 6); overflow: hidden; }
.page_header .page_ttl::before ,
.page_header .page_ttl::after { width: calc(369vw / 7.2); height: calc(22vw / 7.2); }
.page_header .illust5 { bottom: 3em; left: 1em; }
.page_header img.heading { width: 150%; margin: 0 -25% 0 -25%; }
.page_header .page_ttl { margin-block-start: 1.55em; }



#concept_hero { padding: 4em 0 3em 0; }
#concept_hero .illust17 { top: -4em; left: 0; }
#concept_hero .illust18 { top: -3em; bottom: auto; left: auto; right: 0; }

#features { padding: 3em 0 3em 0; }
#features .illust9 { top: -7em; right: 0; }
#features .shadow { filter: drop-shadow(7px 7px 0 #BADFEB); }

#features .feature { clip-path: none; padding: 1em; }
#features .feature::before { clip-path: none; }

#features .feature .text {flex-wrap: wrap; }
#features .feature .text .num { width: calc(80vw / 8); height: calc(80vw / 8); margin-right: calc(20vw / 8); }

#features .feature .text .feature_ttl { width: 85%; }
#features .feature .text .explanation { margin-block-end: 0; }

#features .feature .thumb_box { display: block; }
#features .feature .thumb_box .thumb { width: 100%; margin-block-start: 1em; }


#tim_gift_card { padding: 3em 0 3em 0; background-size: calc(155vw / 7.2); background-position: bottom 12em right; }

#tim_gift_card .text.left { width: 100%; float: none; }
#tim_gift_card .ttl ,
#tim_gift_card .ttl::after { margin: 0 auto; text-align: center; }

#tim_gift_card .text.left .box .thumb { display: block; width: 35%; float: none; text-align: center; margin: 0 auto 1.16em auto; }
#tim_gift_card .text.left .box figcaption { float: none; width: 100%; }
#tim_gift_card .text.left .box figcaption dl dt.line::after { bottom: calc(-9vw / 7.2); width: calc(20vw / 7.2); height: calc(18vw / 7.2); }

#tim_gift_card .thumb.right { width: 100%; float: none; }
#tim_gift_card .thumb.right .tim_gift_card_about { padding: 0 1em 0 1em; width: 100%; }

#tim_gift_card .thumb.right .tim_gift_card_about .price_table dt { width: 5em; text-align: center; }
#tim_gift_card .thumb.right .tim_gift_card_about .price_table dd { width: auto; padding: 0 0.7em 0 0.7em; }

#tim_gift_card .thumb.right .tim_gift_card_about::after { width: calc(34vw / 7.2); height: calc(34vw / 7.2); }




#menu_hero { padding: 3em 0 1em 0; }



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

#menu_lists .menu_lists_wrapper { padding: 1em; }


#menu_lists .menu_box_header { padding: 1em calc(60vw / 19.2) 1em calc(60vw / 19.2); margin-block-end: 1em;}

#menu_lists .menu_box_header .text { width: 100%; }
#menu_lists .menu_box_header .thumb { width: 100%; }
#menu_lists .menu_box_header .thumb .half { width: 49%; }

#menu_lists .menu_box_header .thumb .treatment_thumb { width: 100%; }

#menu_lists .menu_box_header .text dl dd .memo { text-align: left; font-size: calc(14 * 0.23vw); margin: 1em 0 1em 0;}

#menu_lists .menu_box_content { width: 100%; }
#menu_lists .menu_box_content .list.two_column { width: 100%; }
#menu_lists .menu_box_content .list.heading { display: block; }
#menu_lists .menu_box_content .list .text { width: 100%; }
#menu_lists .menu_box_content .list .price_table { width: 100%; }

#menu_lists .menu_box_content .line::before,
#menu_lists .menu_box_content .line::after { bottom: calc(-7.5vw / 7.2); width: calc(90vw / 7.2); height: calc(15vw / 7.2); }


#items { padding: 1em 0 3em 0; }
#items .middle_inner { width: 94%; }
#items .item_list { display: block; }
#items .item_list .box { width: 100%; }
#items .item_list .box figcaption .item dt p.flex.half_left { width: 100%; }
#items .item_list .box figcaption .item dt p.flex.half_right { width: 100%; justify-content: flex-start; }


#style_cut_color,#style_perm,#style_hair_repair { padding:3em 0 3em 0; }
#style_cut_color .text ,#style_perm .text ,#style_hair_repair .text { width: 100%; }
#style_cut_color .thumb ,#style_perm .thumb ,#style_hair_repair .thumb { position: static; width: 100%; margin-block-start: 1em; }
#style_cut_color .inner,#style_perm .inner,#style_hair_repair .inner { padding: 1em; }


.style_lists { display: block; }
.style_lists .list { width: 100%; }

#style_cut_color .illust14 { top: 1em; left: auto; right: 0;}
#style_perm .illust15 { top: 0; right: 0;}
#style_hair_repair .illust16 { top: -0.5em; left: auto; right: 0;}




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

#greething .text { width: 100%; float: none; }
#greething .thumb { width: 100%; float: none; }


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

#salon_info .content .illust12 { top: -2em; left: 1em; }
#salon_info .content .illust13 { bottom: -1em; right: 1em; }

#salon_info .content .detail .half { width: 100%; float: none;}

#salon_info .gallery { display: block; }
#salon_info .gallery .thumb { width: 100%; margin-block-end: 1em; }


#access { padding: 3em 0 3em 0; background-size: calc(346vw / 10.2); background-position: left 10% top; }

#access .text { width: 100%; float: none; }
#access #gmap { margin-block-start: 1em; width: 100%; float: none; }
#access .text .ttl { margin: 0 auto 3em auto; text-align: center; }
#access .text .ttl::after { left:0; right:0; margin:auto; }
#access .text .step li p { width: 86%; margin: 0 0 0 0.5em; }




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

#review .post { box-shadow: 8px 8px 0 #BADFEB; padding: 1.5em; }

#review .post .post_header { display: block; }
#review .post .post_header .user_detail { width: 100%; }
#review .post .post_header .thumb { width: 20%; }
#review .post .post_header .text { width: 75%; }
#review .post .post_header .score_list { width: 100%; margin-block-start: 1em; display: flex; flex-flow: wrap;}

#review .post .post_header .score_list dt { width: 8em; display: flex; align-items: center; justify-content: center; margin-block-end: 0.5em; font-size: calc(20 * 0.16vw); }
#review .post .post_header .score_list dd { width: 3em; display: flex; align-items: center; justify-content: center; margin: 0 0 0.5em 0; }




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

#faq .list .q_icon ,
#faq .list .a_icon { width: calc(70vw / 7.2); height: calc(70vw / 7.2); }

#faq .list dt { padding: 1.3em 2em 2em 4.5em; }
#faq .list dt .q_text { width: 18em; }
#faq .list dd .a_inner { padding: 1.5em 2em 2em 4.5em; }

#faq .list dd .line { width: 76%; margin: 0.5em 2em 0 auto; }
#faq .list dd .line::before ,
#faq .list dd .line::after { bottom: calc(-9vw / 7.2); width: calc(20vw / 7.2); height: calc(18vw / 7.2); }



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

#blog .left_column { width: 100%; float: none; margin-block-end: 4em;}
#blog .right_column { width: 100%; float: none; }


#blog .left_column.list .post { float: none; width: 100%; height: auto; margin: 0 auto 2em auto;}

#blog .post-thumbnail { width: 60%; height: calc(480vw / 7.2); margin: 0 auto 1em auto;}

#blog .left_column span.page-numbers,
#blog .left_column a.page-numbers { width: calc(60vw / 7.2); height: calc(60vw / 7.2); line-height: calc(52vw / 7.2); margin-right: 0.5em; font-size: calc(25 * 0.15vw); }

#blog .left_column .post-navigation .meta-nav { width: calc(60vw / 7.2); height: calc(60vw / 7.2); line-height: calc(65vw / 7.2); }
#blog .left_column .post-navigation .post-title { line-height: 1.8em; }

.right_column .widget_block h2.wp-block-heading { padding: 0.3em 1em 0.3em 2.5em; font-size: calc(24 * 0.18vw);}
.right_column .widget_block h2.wp-block-heading::after { font-size: calc(33 * 0.15vw); }



#contact_hero { padding: 3em 0 3em 0; }
#contact_reserves { padding: 3em 0 3em 0; }

#contact_reserves .guidance { width: calc(342vw / 7.2); height: calc(82vw / 7.2); }
#contact_reserves .limited .box { width: 48%; margin: 0.5em 2% 1em 2%;}
#contact_reserves .limited .box .check_flag { width: calc(38vw / 7.2); }



#contact_reserves .contact_reserves_btn {display: block;}
#contact_reserves .contact_reserves_btn .btn {
	display:flex; justify-content: flex-start; position: relative; width:calc(480vw / 5.2); height: calc(110vw / 5.2); margin: 1em 0 1em 0; padding-left:4em;
}
#contact_reserves .contact_reserves_btn .btn.hb { justify-content: center; padding-left: 0; }
#contact_reserves .contact_reserves_btn .btn.hb img { width: calc(250vw / 7.2); }
#contact_reserves .contact_reserves_btn .btn::after {width: calc(34vw / 6); height: calc(34vw / 6);}

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

#contact .box { display: block; }
#contact .box .field { display: block; width: 100%; padding: 1em 0 0 0; }
#contact .box .text { display: block; margin: 0; padding: 1em 0 1em 0;}

#contact .box::before ,
#contact .box::after { bottom: calc(-11vw / 7.2); width: calc(21vw / 7.2); height: calc(22vw / 7.2); }
#contact .send_btn { width: 70%; height: 4em; margin-block-start: 2em; }



#contact_hero .contact_hero_ttl::before,
#contact_hero .contact_hero_ttl::after { bottom: calc(-7.5vw / 7.2); width: calc(90vw / 7.2); height: calc(15vw / 7.2); }