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


html {scroll-behavior: smooth;}
:target { scroll-margin-top: calc(130vw / 19.2); }

body {
	color:#000000; font-size:calc(18 * 0.054vw); line-height: 1.8;
	font-family: "Noto Serif JP","Yu Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; font-weight:600;
	margin: 0 auto; height: 100%; overflow-x:hidden;
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;  -ms-box-sizing: border-box;box-sizing: border-box;}

.cr { font-family: "Crimson Text", serif, sans-serif; font-weight: 500; font-style: normal;}
.italic { font-style:italic; }

.rl { -ms-writing-mode: tb-rl;  writing-mode: vertical-rl;}

.fs10vw { font-size:calc(10 * 0.054vw); } 
.fs12vw { font-size:calc(12 * 0.054vw); }
.fs14vw { font-size:calc(14 * 0.054vw); }
.fs15vw { font-size:calc(15 * 0.054vw); }
.fs16vw { font-size:calc(16 * 0.054vw); }
.fs17vw { font-size:calc(17 * 0.054vw); }
.fs18vw { font-size:calc(18 * 0.053vw); }
.fs20vw { font-size:calc(20 * 0.052vw); }
.fs21vw { font-size:calc(21 * 0.052vw); }
.fs22vw { font-size:calc(22 * 0.052vw); }
.fs23vw { font-size:calc(23 * 0.052vw); }
.fs24vw { font-size:calc(24 * 0.052vw); }
.fs25vw { font-size:calc(25 * 0.052vw); }
.fs26vw { font-size:calc(26 * 0.052vw); }
.fs27vw { font-size:calc(27 * 0.052vw); }
.fs28vw { font-size:calc(28 * 0.052vw); }
.fs29vw { font-size:calc(29 * 0.052vw); }
.fs30vw { font-size:calc(30 * 0.052vw); }
.fs31vw { font-size:calc(31 * 0.052vw); }
.fs32vw { font-size:calc(32 * 0.052vw); }
.fs33vw { font-size:calc(33 * 0.052vw); }
.fs34vw { font-size:calc(34 * 0.052vw); }
.fs35vw { font-size:calc(35 * 0.052vw); }
.fs36vw { font-size:calc(36 * 0.052vw); }
.fs37vw { font-size:calc(37 * 0.052vw); }
.fs38vw { font-size:calc(38 * 0.052vw); }
.fs40vw { font-size:calc(40 * 0.052vw); }
.fs42vw { font-size:calc(42 * 0.052vw); }
.fs45vw { font-size:calc(45 * 0.052vw); }
.fs48vw { font-size:calc(48 * 0.052vw); }
.fs50vw { font-size:calc(50 * 0.052vw); }
.fs52vw { font-size:calc(52 * 0.052vw); }
.fs54vw { font-size:calc(54 * 0.052vw); }
.fs56vw { font-size:calc(56 * 0.052vw); }
.fs58vw { font-size:calc(58 * 0.052vw); }
.fs60vw { font-size:calc(60 * 0.052vw); }
.fs62vw { font-size:calc(62 * 0.052vw); }
.fs63vw { font-size:calc(63 * 0.052vw); }
.fs65vw { font-size:calc(65 * 0.052vw); }
.fs66vw { font-size:calc(66 * 0.052vw); }
.fs68vw { font-size:calc(68 * 0.052vw); }
.fs70vw { font-size:calc(70 * 0.052vw); }
.fs72vw { font-size:calc(72 * 0.052vw); }
.fs73vw { font-size:calc(73 * 0.052vw); }
.fs75vw { font-size:calc(75 * 0.052vw); }
.fs80vw { font-size:calc(80 * 0.052vw); }
.fs86vw { font-size:calc(86 * 0.052vw); }
.fs90vw { font-size:calc(90 * 0.052vw); }
.fs100vw { font-size:calc(100 * 0.052vw); }
.fs110vw { font-size:calc(110 * 0.052vw); }


img { border: none; vertical-align: middle; }

img.top { vertical-align: top; }
img.bottom { vertical-align: bottom; }
img.banner { border: solid 1px #DDD; }

input,button,textarea { appearance:none; -webkit-appearance:none; font-family: inherit; font: inherit; color: inherit; }
button { cursor:pointer; }


address, em { font-style: normal; }

mark { background: linear-gradient(#fbe2ac, #fbe2ac) 0 100% / 0 0.3em no-repeat; background-size: 100% 0.3em; }

a { color: #000000; text-decoration: none; }
a.underline { text-decoration:underline; }

a:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";
}
strong,em {font-weight: 700;}

.position_r { position:relative; z-index:1; }
.position_a { position:absolute; z-index:0 }

.circle { display:inline-block; border-radius:50vmax; }

/*********** class ****************************************/


/********** float ************/
.c-both { clear: both; }
.clearfix:after { content: ""; clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.text_right { margin-left:auto; margin-right:0; text-align:right; }
.text_left { margin-right:auto; margin-left:0; text-align:left; }
/******* end float **********/

/******* flex box ***********/
.flex {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-evenly; align-items: flex-start;
}
.height {flex-wrap: wrap; align-items: stretch;}
.js_center {justify-content: center;}
/* image parent cover *******/
.fit { object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }
.fit img {
	margin: auto; width: 100%; min-height: 100%; object-fit: cover; font-family: 'object-fit: contain;';
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}
/****** layout ********/
.inner {width: calc(1780vw / 19.2); margin: 0 auto;}
.inner_right {width: calc(1840vw / 19.2); margin: 0 0 0 auto;}
.middle_inner_right {width: calc(1780vw / 19.2); margin: 0 0 0 auto;}
.middle_inner {width: calc(1580vw / 19.2); margin: 0 auto;}

.low_inner {width: calc(1270vw / 19.2); margin: 0 auto;}
.minimum_inner {width: calc(1120vw / 19.2); margin: 0 auto;}

.heading { width: 100%; }

/* image parent cover *******/
.fit { position: relative; object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }

dl.table { display:table; width:100%; }
dl.table dt,dl.table dd { display:table-cell; }

p.indent { text-indent: -1em; margin-left: 1em; }


/****** display ********/

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

.black { color:#000000; }
.white { color:#ffffff; }
.blue { color:#1E6091; }
.light_blue { color:#B0D9E7; }
.gold { color:#9C7A5B; }
.yellow { color:#FFC109; }
i.fa-line { color:#06c755; }
i.fa-instagram {
	background: linear-gradient(135deg, rgba(86, 30, 245, 1) 0%, rgba(234, 50, 191, 1) 27%, rgba(234, 51, 99, 1) 46%, rgba(239, 140, 53, 1) 65%, rgba(233, 50, 133, 1) 87%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bg_white { background-color:#ffffff; }
.bg_blue { background-color:#1E6091; }
.bg_light_blue2 { background-color:#C2E2ED; }
.bg_gold { background-color:#9C7A5B; }
.bg_shilver { background-color:#EEEEEE; }
.bg_red { background-color:#B01C23; }


.ttl { position:relative; margin-block-start: 0; margin-block-end: 1em; padding: 0 0 1em 0; font-weight:700; letter-spacing: 0.05em; }
.ttl .ja { display:block; }
.ttl .slug { display:block; font-weight: 500; line-height: 1.5; }

.ttl::after { content:""; position:absolute; left:0; bottom:0; width:calc(80vw / 19.2); height:1px; background-color:#000000; }
.ttl.center::after { left:0; right:0; margin:auto; }


.more { display: inline-block; position:relative; width: calc(300vw / 19.2); height: calc(70vw / 19.2); }
.more span {
	display:flex; width: calc(300vw / 19.2); height: calc(70vw / 19.2); align-items: center; justify-content: center;
	position:absolute; z-index:1; border:solid 1px #000000; font-weight: 700;
}
.more span i { margin-left: -1em; margin-right:0.2em; }

.more.move::before {
	position:absolute; top:0; left:0; content:""; width: calc(300vw / 19.2); height: calc(70vw / 19.2); background-color:#C2E2ED; z-index:0;
	transition: transform 2s ease; transform: translate(0, 0);
}
.more.move.active::before { transform: translate(5px, 5px); }
.more span::after { position:absolute; bottom:calc(30vw / 19.2); right:calc(-40vw /19.2); content:""; width:calc(80vw /19.2); height:1px; background-color:#000000; }

.move_illust_r { opacity:0; transform: translate(2vw,2vw) rotate(-5deg); transition:opacity 2s ease,transform 2s ease; }
.move_illust_r.active { opacity:1; transform: translate(0,0) rotate(0deg); }

.move_illust_l { opacity:0; transform: translate(-2vw,2vw) rotate(5deg); transition:opacity 2s ease,transform 2s ease; }
.move_illust_l.active { opacity:1; transform: translate(0,0) rotate(0deg); }

.three_dash { position:relative; border-top: dashed 1px #696a75; }
.three_dash::before { position:absolute; top:-6px; content:""; width:100%; height:1px; border-top: dashed 1px #696a75; }
.three_dash::after { position:absolute; top:4px; content:""; width:100%; height:1px; border-top: dashed 1px #696a75; }


.scale_in {overflow: hidden;}
.scale_in img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; overflow:hidden; }
.scale_in img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.loop-slider { width: 100%; overflow: hidden;}
.loop-slider .slider_track { display: flex; width: max-content; gap: 0; }
.loop-slider .slide { flex: 0 0 auto; }
.loop-slider .slide img { display: block; }

.fadein { opacity: 0; transition: opacity 0.8s ease; }
.fadein.active { opacity: 1; }



#header { width: 100%; height: calc(130vw / 19.2); position:fixed; top: 0; z-index:9998; transition: background-color 0.5s ease; }
#header .inner_right { height: 100%; }
#header .inner_right { justify-content: space-between; }
#header .inner_right .logo { width: calc(112vw / 19.2); margin:1em 0 0 0; z-index: 1001; }

#header .inner_right .header_nav { height: 100%; }
#header .inner_right .header_nav ul { list-style-type:none; }
#header .inner_right .header_nav ul li { margin-right:2.88em; }
#header .inner_right .header_nav ul li a { display:block; }
#header .inner_right .header_nav ul li a .en { display:block; }
#header .inner_right .header_nav ul li a .ja { display:block; }

#header .inner_right .header_nav .reserves_btn { display:block; width: calc(270vw / 19.2); height: 100%; padding:1em 1em 1em 1em; text-align: center; }
#header .inner_right .header_nav .reserves_btn .en { display:block; }
#header .inner_right .header_nav .reserves_btn .ja { display:block; }
#header .inner_right .header_nav .reserves_btn i.fa-calendar-clock { left:0.5em; top:0; bottom:0; margin:auto; display: flex; align-items: center; }
#header .inner_right .header_nav .reserves_btn i.fa-chevron-down { right:0.3em; top:0; bottom:0; margin:auto; display: flex; align-items: center; }

#header .inner_right .header_nav .reserves_btn_box {
	position:absolute; z-index: 9998; right:0; top:calc(130vw / 19.2); width: calc(270vw / 19.2); margin: 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease;
}
#header .inner_right .header_nav .reserves_btn_box .a_inner { padding:0 calc(10vw / 19.2) 0 calc(10vw / 19.2); }
#header .inner_right .header_nav .reserves_btn_box .a_inner .btn {
	width: calc(255vw / 19.2); height: calc(64vw / 19.2); justify-content: center; align-items:center; margin-block-end:calc(10vw / 19.2);font-size: 1em;
}
#header .inner_right .header_nav .reserves_btn_box .a_inner .btn img { width:calc(150vw / 19.2); }
#header .inner_right .header_nav .reserves_btn_box .a_inner .btn i { margin-right:0.2em; }
#header .inner_right .header_nav .reserves_btn_box .a_inner .btn .fa-instagram { margin-right:0.02em; }

#header #drawer { display:none; }

.bottom_reserves { padding:4em 0 4em 0; background-image:url(../img/bottom_reserves_bg.jpg); background-size:cover; }
.bottom_reserves .bottom_reserves_content { justify-content: center; padding-bottom:2em; }
.bottom_reserves .bottom_reserves_content .ttl { margin: 0 3em 0 0; }


.bottom_reserves .bottom_reserves_btn .btn {
	position:relative; width:calc(480vw / 19.2); height:calc(110vw / 19.2); border:solid 1px #000000; justify-content: center; align-items: center;
}
.bottom_reserves .bottom_reserves_btn .btn::after {
	display:block; content:""; position:absolute; bottom:0.2em; right:0.2em; clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background-color:#ECECEC; width:calc(34vw / 19.2); height:calc(34vw / 19.2);
}
.bottom_reserves .bottom_reserves_btn .btn.hb img { width:calc(250vw / 19.2); }
.bottom_reserves .bottom_reserves_btn .btn i { margin-right:0.2em; }




#footer { padding:3.6em 0 1em 0; }
#footer .site_info { width:calc(550vw / 19.2); justify-content: flex-start; }
#footer .site_info .logo { width:calc(112vw / 19.2); margin: 0.7em 1.55em 1.55em 0; }
#footer .site_info .logo .heading { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#footer .site_info .map_btn { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; margin-block-start: 0.5em; }

#footer .footer_nav ul { list-style-type:none; margin:0; }
#footer .footer_nav ul li {  margin-block-end: 1.55em; }
#footer .footer_nav ul li a .en { display:block; }
#footer .footer_nav ul li a .ja { display:block; }

#track { display:none; opacity: 0; transition: opacity 0.5s ease; }

#page_top {
	position: fixed; bottom: 3vw; right: 3vw; z-index: 100; display: flex; align-items: center; justify-content: center; width: 4.44em; height: 4.44em;
	transform: rotate(-90deg); filter: drop-shadow(0 0 4px rgba(30, 96, 145, 0.2)); opacity:0; pointer-events:none; transition:opacity 0.4s ease;
}
#page_top.show { opacity:1; pointer-events:auto; }


.page_header {
	padding:calc(150vw / 19.2) 0 0 0;
	background-image:url(../img/page_header_bg.jpg); background-size:100%; height:calc(930vw / 19.2);
}
.page_header .page_ttl { font-size: 1em; margin-block-start: 4em; padding: 2em 0 2em 0; }
.page_header .page_ttl .slug { display:block; line-height: 1.3; }
.page_header .page_ttl .ja { display:block; }
.page_header .page_ttl::before {
	content:""; position:absolute; top:0; left:0; right:0; margin:auto;
	background-image:url(../img/arabesque.png); background-size:100%; width:calc(369vw / 19.2); height:calc(22vw / 19.2);
}
.page_header .page_ttl::after {
	content:""; position:absolute; bottom:0; left:0; right:0; margin:auto;
	background-image:url(../img/arabesque.png); background-size:100%; width:calc(369vw / 19.2); height:calc(22vw / 19.2);
}
.page_header .illust5 { bottom:3em; left:calc(460vw / 19.2); }



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



#start_content.hide { display: none; }

#loading {
	position: fixed; z-index: 9999; inset: 0; transform: translateX(0); opacity:1;
	transition: transform 1.2s ease, opacity 1.2s ease;
}
#loading .loading_wrapper {
	background-color:#FFF;
	display: flex; justify-content: center; align-items: center; width:100%; height: 100%;
}


#loading .loading_inner .logo {
	width:calc(147vw / 19.2);
}
#loading .loading_inner p { line-height:1; margin-block-start: 0.3em; margin-block-end: 0.5em;}
#loading.hide { opacity: 0.5; transform: translateX(-101%); }


@media (scripting: none) {
	#loading { display: none; }
	#start_content { display: block; }
}

#fv {
	padding:calc(185vw / 19.2) 0 0 0;
	background-image:url(../img/home/fv_bg.jpg); background-size:100%; width:100%; height:calc(940vw / 19.2); overflow:hidden;
}
#fv .inner_right { justify-content: space-between; }
#fv .inner_right .text { width:calc(700vw / 19.2); }
#fv .inner_right .text .catch { font-weight: 600; line-height: 1.8; margin: 0.3em 0 0 0; }
#fv .inner_right .text .summary { font-weight: 600; line-height: 1.8; }
#fv .inner_right .text .en { font-weight: 400; line-height: 1.4;; }

#fv .inner_right .swiper { width:calc(1110vw / 19.2); margin: 0; }
#fv .inner_right .swiper .swiper-wrapper .swiper-slide .heading { clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }
#fv .inner_right .since { margin: 0; line-height: 1; bottom: -0.4em; right: 0.2em; z-index: 2; font-weight:400; }



#top_concept { padding:4em 0 4em 0; }
#top_concept .thumb {
	width:calc(935vw / 19.2); background-image:url(../img/home/top_concept_left_bg.png); background-size:calc(482vw / 19.2); background-position: right bottom calc(130vw / 19.2); background-repeat:no-repeat;
}
#top_concept .thumb .thumb1 { width:calc(900vw / 19.2); clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0); }
#top_concept .thumb .thumb2 { width:calc(620vw / 19.2); top:calc(-40vw / 19.2); }

#top_concept .text {
	width:calc(925vw / 19.2); padding:0 calc(70vw / 19.2) 0 0;
	background-image:url(../img/circle_bg.png); background-size:calc(157vw / 19.2); background-position: right top 4em; background-repeat:no-repeat;
}

#top_concept .text .top_concept_ttl { letter-spacing: 0.05em; margin-block-start: 0; margin-block-end: 1em; font-weight:700; }

#top_concept .text .list { list-style-type:none; margin: 2em 0 2em 0; padding: 0 0 0 3em; }
#top_concept .text .list li { position:relative; width:max-content; padding-left:0.5em; margin-block-end: 1em;}
#top_concept .text .list li span { border-bottom:solid 1px #3D3639; }

#top_concept .text .list li::before {
	background-image:url(../img/icon_check.png); width: calc(53vw / 19.2); height: calc(38vw / 19.2);
	background-size: contain; background-repeat: no-repeat; background-position: center;
	content:""; display: block; position: absolute; bottom: calc(-7vw / 19.2); left: calc(-58vw / 19.2); }

#top_concept .illust1 { bottom: -6em; right: 3em; }



#top_gift { padding: 4em 0 4em 0; background-image:url(../img/tile_bg.jpg); background-size:100%; }
#top_gift .content.flex { justify-content: space-between; }
#top_gift .content .text { width:calc(730vw / 19.2); }
#top_gift .content .thumb { width:calc(790vw / 19.2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }

#top_gift .structure .structure_ttl { position:relative; padding: 0 0 1em 0;margin-block-end: 2em;}
#top_gift .structure .structure_ttl::after {
	background-image:url(../img/home/structure_ttl_after.png); width: calc(400vw / 19.2); height: calc(36vw / 19.2);
	background-size: contain; background-repeat: no-repeat; background-position: center;
	content:""; display: block; position: absolute; bottom: 0; left: 0; right:0; margin:auto;
}


#top_gift .structure .structure_flow.flex { justify-content: space-between; }

#top_gift .structure .structure_flow .box { position: relative; width:calc(370vw / 19.2); margin-block-end: 3em; }
#top_gift .structure .structure_flow .box::after {
	background-image:url(../img/gold_arrow.png); width: calc(86vw / 19.2); height: calc(39vw / 19.2);
	background-size: contain; background-repeat: no-repeat; background-position: center;
	content:""; display: block; position: absolute; top:0; bottom: 0; right:calc(-168vw / 19.2); margin:auto;
}
#top_gift .structure .structure_flow .box:last-of-type::after { display:none; }

#top_gift .structure .structure_flow .box .text dl { margin:0; }
#top_gift .structure .structure_flow .box .text dl dd { display: flex; align-items: center; justify-content: center; height: 4.66em; }
#top_gift .structure .structure_flow .box .text dl dd p { line-height: 1.3; }


#top_menu {
	padding:4em 0 4em 0;
	background-image:url(../img/blue_marble_bg.jpg); background-repeat:no-repeat; background-size:100%; background-position:center bottom;
}


#top_menu .illust2 { left:calc(500vw / 19.2); top:calc(30vw / 19.2); }
#top_menu .illust3 { right:calc(220vw / 19.2); top:calc(30vw / 19.2); }


#top_menu .top_menu_wrapper { padding:1em calc(60vw / 19.12) 2em calc(60vw / 19.2); }

#top_menu .top_menu_wrapper .box.flex { width:calc(800vw / 19.2); height:calc(380vw / 19.2); justify-content: space-between; margin-block-end:4.5em; }
#top_menu .top_menu_wrapper .box .thumb { display: block; width:calc(320vw / 19.2); }
#top_menu .top_menu_wrapper .box .thumb.trim { clip-path: polygon(20% 0%, 100% 0, 100% 83%, 80% 100%, 0 100%, 0 17%); }
#top_menu .top_menu_wrapper .box .text { width:calc(450vw / 19.2); }
#top_menu .top_menu_wrapper .box .text dl { margin:0; }
#top_menu .top_menu_wrapper .box .text dl dt { margin:0; padding: 0 0 0.6em 0; line-height: 1.7; border-bottom:solid 1px #C2E2ED; }
#top_menu .top_menu_wrapper .box .text dl dt a { justify-content: space-between; align-items: center; }
#top_menu .top_menu_wrapper .box .text dl dd { margin:0; }
#top_menu .top_menu_wrapper .box .text dl dd p { letter-spacing: -0.05em; }
#top_menu .top_menu_wrapper .box .text dl dd .en { bottom:0; left:calc(350vw / 19.2); line-height: 1; }


#top_style {
	padding:4em 0 4em 0;
	background-image:url(../img/home/style_bg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:contain;
}
#top_style .inner_right .content { width:calc(1230vw / 19.2); padding:0 0 0 calc(100vw / 19.2); }
#top_style .inner_right .content .text { padding: 0 0 2em 4em; }
#top_style .inner_right .content .text .summary { margin:0 0 2em 0; }

#top_style .inner_right .thumb { width:calc(564vw / 19.2); margin-block-start:1em; }

#top_style .illust4 { right:0; }


/*.style_swiper .swiper-slide { width: calc(340vw / 19.2); height: calc(340vw / 19.2); }*/
.style_swiper .swiper-button-prev,
.style_swiper .swiper-button-next { background-image: none; width:4.44em; height:4.44em; align-items: center;caret-color: transparent;}
.style_swiper .swiper-button-prev svg ,
.style_swiper .swiper-button-next svg { display: none; }
.style_swiper .swiper-button-prev { top:calc(400vw / 19.2); right: 5.44em; left:auto;}
.style_swiper .swiper-button-next { top:calc(400vw / 19.2); right: 0; left:auto;}



#top_review {
	padding:4em 0 4em 0; background-image:url(../img/circle2_bg.png); background-position:left bottom; background-size:calc(234vw / 19.2); background-repeat:no-repeat;
}

#top_review .illust5 { top:-5em; left:3em; }
#top_review .illust6 { top:3em; right:calc(300vw / 19.2); }

.review_swiper { margin-block-start: 3em; margin-block-end: 6em; }
.review_swiper .swiper-wrapper { padding: 0 10px 10px 0; }

.review_swiper .swiper-slide { border:solid 1px #1E6091; box-shadow: 10px 10px 0 #BADFEB; height:auto; padding: 1em; }
.review_swiper .swiper-button-prev,
.review_swiper .swiper-button-next { background-image: none; width:4.44em; height:4.44em; align-items: center;caret-color: transparent;}
.review_swiper .swiper-button-prev svg ,
.review_swiper .swiper-button-next svg { display: none; }

.review_swiper .swiper-button-prev { left: -6em; align-items: center;}
.review_swiper .swiper-button-next { right: -6em; align-items: center;}

.review_swiper .swiper-pagination { top:auto; bottom:-3em; }
.review_swiper .swiper-pagination-bullet { border-radius:unset; width:calc(140vw / 19.2); height:5px; caret-color: transparent; cursor: pointer;}

.review_swiper .swiper-pagination-bullet-active { background-color:#1E6091; }


.review_swiper .swiper-slide .post_header { padding: 0 0 1em 0; justify-content: space-between; align-items: center;}
.review_swiper .swiper-slide .post_header .thumb { width: calc(80vw / 19.2); }
.review_swiper .swiper-slide .post_header .text { width: calc(360vw / 19.2); }
.review_swiper .swiper-slide .post_header .text .user { margin-block-start:0; margin-block-end: 0; }
.review_swiper .swiper-slide .post_header .text .attributes { display:block; padding:0.1em 0.5em 0.1em 0.5em; }



.other_contents_wrapper {
	padding:4em 0 4em 0; background-image:url(../img/marble_bg.jpg); background-size:cover; background-position:center center;
}

.other_contents_wrapper .ttl .slug { display: inline-block; margin-right: 0.5em; }
.other_contents_wrapper .ttl .ja { display: inline-block; }


.other_contents_wrapper .text { width: calc(750vw / 19.2); }
.other_contents_wrapper .text .button_next { width:4.44em; height:4.44em; align-items: center; }

.other_contents_wrapper .thumb { display:block; width: calc(520vw / 19.2); }
.other_contents_wrapper .illust7 { top: 2em; right: calc(290vw / 19.2); z-index: 4; }
.other_contents_wrapper .illust8 { bottom:2em; left:calc(290vw / 19.2); z-index: 4; }


#top_salon { margin-block-end: 2.5em; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }
#top_salon .text { padding:1em 1em 1em 2em; }
#top_salon .text .button_next { right: 2em; bottom: 1.2em; }


#top_faq { clip-path: polygon(95% 0, 100% 15%, 100% 100%, 0 100%, 0 0); }
#top_faq .text { padding:1em 1em 1em 2em; }
#top_faq .text .button_next { right: calc(560vw / 19.2); bottom: 1.2em; }

#top_blog {
	padding:4em 0 4em 0; background-image:url(../img/home/blog_bg.jpg); background-position:center bottom; background-size:100%; background-repeat:no-repeat;
}
#top_blog .illust9 { top: -5em; right: 3em;}

#top_blog .inner_right { padding:1em 0 calc(60vw / 19.2) calc(100vw / 19.2);margin-block-end: 3em; }
#top_blog .ttl { margin-block-end: 3em; }
#top_blog .ttl .slug { display: inline-block; margin-right: 0.5em; }
#top_blog .ttl .ja { display: inline-block; }

#top_blog time { margin-right:0.5em; }

#top_blog .cat { display:inline-block; background-color:#F4E1D2; padding:0 0.4em 0 0.4em; }
#top_blog .cat.news { background-color:#F4E1D2; }
#top_blog .cat.menu { background-color:#C2E2ED; }
#top_blog .cat.style { background-color:#1E6091; }
#top_blog .cat.style a { color:#FFF; }

#top_blog .thumb {
	position: relative; margin-block-end:1em; display: block;
	clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 15%); overflow: hidden; object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height:calc(280vw / 19.2);
}
#top_blog .thumb img {
	position: absolute; width: 150% !important; top: 0; left: -25%; right: -25%; object-fit: cover; font-family: 'object-fit: contain;';
	-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; overflow:hidden;
}
#top_blog .thumb img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
#top_blog .more.move::before { background-color: #FFFFFF; }

.blog_swiper .swiper-wrapper .swiper-slide { width: calc(320vw / 19.2); margin-right:calc(50vw / 19.2); }

.blog_swiper .swiper-button-prev,
.blog_swiper .swiper-button-next { background-image: none; width:4.44em; height:4.44em; align-items: center;caret-color: transparent; }
.blog_swiper .swiper-button-prev svg ,
.blog_swiper .swiper-button-next svg { display: none; }


.blog_swiper .swiper-button-prev { top:-6.88em; left:23em; }
.blog_swiper .swiper-button-next { top:-6.88em; left:28em; }

#top_sns {
	padding:4em 0 4em 0;
	background-image:url(../img/circle3_bg.png),url(../img/pentagon_bg.png);
	background-repeat:no-repeat,no-repeat;
	background-size:calc(328vw / 19.2),calc(293vw / 19.2);
	background-position:left calc(130vw / 19.2) top, right top calc(160vw / 19.2);
}

#top_sns .top_sns_ttl { position:relative; padding:0 0 2em 0; margin-block-end:2em; }
#top_sns .top_sns_ttl:after {
	content:""; position:absolute; bottom:0; left:0; right:0; margin:auto;
	background-image:url(../img/arabesque.png); background-size:100%; width:calc(369vw / 19.2); height:calc(22vw / 19.2);
}

#top_sns .instagram { margin: auto; width: calc(900vw / 19.2); margin-block-end:2em; }
#top_sns .illust10 { bottom:6em; left:3em; }

/**** end top ********************************************************************/
/**** concept ********************************************************************/
#concept_hero { padding:4em 0 4em 0; }


#concept_hero .illust17 { left: -1em; }
#concept_hero .illust18 { bottom: -2em; left: 4em; }


#features {
	padding:4em 0 4em 0;
	background-image:url(../img/concept/features_bg.jpg); background-repeat:repeat-y; background-size:100%;
}

#features .shadow { filter: drop-shadow(9px 9px 0 #BADFEB); }
#features .feature {
	position: relative; clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 15%); background-color: #000000;
	padding:calc(60vw / 19.2) calc(100vw / 19.2) calc(60vw / 19.2) calc(100vw / 19.2); margin-block-start: 3em; margin-block-end:3em;
}
#features .feature::before {
	background-color: #FFFFFF; width: calc(100% - 2px); height: calc(100% - 2px);
	position: absolute; content: ""; display: block; top: 1px; left: 1px;
	clip-path: polygon(6% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 15%);
}
#features .feature .text { position: relative; align-items: center;  justify-content: flex-start; margin-block-end: 1em; }
#features .feature .text .num { display: flex; align-items: center; justify-content: center; width:calc(80vw / 19.2); height:calc(80vw / 19.2); margin-right: calc(20vw / 19.2); }
#features .feature .text .feature_ttl { width: 23em; }

#features .feature .thumb_box { position: relative; justify-content: space-between; }
#features .feature .thumb_box .thumb { width:calc(750vw / 19.2); }

#features .illust9 { top: -11em; right: 2em; }

#tim_gift_card {
	padding:4em 0 4em 0;
	background-image:url(../img/triangle3_bg.png); background-size:calc(155vw / 19.2); background-position:bottom 4em right; background-repeat:no-repeat;
}

#tim_gift_card .text.left { width: calc(835vw / 19.2); }
#tim_gift_card .text.left .box .thumb { width:calc(154vw / 19.2); margin-block-start: 1.16em; }
#tim_gift_card .text.left .box figcaption { width:calc(655vw / 19.2); }

#tim_gift_card .text.left .box figcaption dl dt.line {
	position: relative; border-bottom: solid 1px #1E6091; margin: 0; padding: 0 0 0.7em 0;
}
#tim_gift_card .text.left .box figcaption dl dt.line::after {
	position: absolute; bottom: calc(-9vw / 19.2); right: 0; margin: auto;
	content: ""; background-image: url(../img/arabesque_icon.png); width: calc(20vw / 19.2); height: calc(18vw / 19.2); background-size: 100%;
}
#tim_gift_card .text.left .box figcaption dl dd { margin:0; padding: 0.7em 0 0; }

#tim_gift_card .thumb.right {
	width: calc(900vw / 19.2);
}
#tim_gift_card .thumb.right .heading { clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); margin-block-end:2em; }


#tim_gift_card .thumb.right .tim_gift_card_about {
	position:relative; border: solid 1px #1E6091; padding: 0 1.5em 0 1.5em; width: calc(730vw / 19.2);
}

#tim_gift_card .thumb.right .tim_gift_card_about .tim_gift_card_about_ttl { font-weight:700; }

#tim_gift_card .thumb.right .tim_gift_card_about .price_table { width: auto; }
#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:9em; padding:0 1em 0 1em; }

#tim_gift_card .thumb.right .tim_gift_card_about::after {
	display: block; content: ""; position: absolute; bottom: 0.2em; right: 0.2em;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color: #C2E2ED; width: calc(34vw / 19.2); height: calc(34vw / 19.2);
}

/**** end concept ****************************************************************/
/**** menu ***********************************************************************/

#menu_hero { padding:4em 0 4em 0; }
#menu_hero .menu_hero_nav { flex-wrap: wrap; margin-block-start: 2em; }
#menu_hero .menu_hero_nav .more { margin-block-end: 2em; }
#menu_hero .menu_hero_nav .more .two_lines { line-height:1.4; }


#menu_lists {
	padding:4em 0 4em 0;
	background-image:url(../img/menu/menu_lists_bg.jpg); background-size:cover;
}

#menu_lists .menu_lists_wrapper { padding:1.5em; }
#menu_lists .menu_box_header { padding:2em calc(60vw / 19.2) 2em calc(60vw / 19.2); margin-block-end:1em; }
#menu_lists .menu_box_header .text { width: calc(780vw / 19.2); }

#menu_lists .menu_box_header .text dl { margin: 0; }
#menu_lists .menu_box_header .text dl dt { margin:0; padding: 0 0 1em 0; border-bottom:solid 1px #FFFFFF; }
#menu_lists .menu_box_header .text dl dt .menu_ttl { margin:0; line-height:1.3; }

#menu_lists .menu_box_header .text dl dd { margin:0; padding: 1em 0 0 0; }
#menu_lists .menu_box_header .text dl dd .catch { margin: 0 0 0 0; font-weight: 800; }
#menu_lists .menu_box_header .text dl dd .explanation { margin-block-start: 0.7em; }
#menu_lists .menu_box_header .text dl dd .en { line-height: 1; }
#menu_lists .menu_box_header .text dl dd .memo { margin: 0; }

#menu_lists .menu_box_header .thumb { width: calc(755vw / 19.2); justify-content: space-between; }
#menu_lists .menu_box_header .thumb .half { width: calc(370vw / 19.2); }
#menu_lists .menu_box_header .thumb .treatment_thumb { width: calc(480vw / 19.2); }

#menu_lists .menu_box_header .thumb .trim { clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 16%); }

#menu_lists .menu_box_content { padding: 0 0 3em 0; }
#menu_lists .menu_box_content .list.two_column { width:48%; justify-content: space-between; }
#menu_lists .menu_box_content .list.heading { justify-content: space-between; align-items: end; }

#menu_lists .menu_box_content .list .list_name { font-weight:800; margin-block-end: 0; }
#menu_lists .menu_box_content .list .price { font-weight:800; }



#menu_lists .menu_box_content .line { position:relative; padding: 1em 0 0 0; margin-block-end: 1em; border-bottom: solid 1px #1E6091; }

#menu_lists .menu_box_content .line::before {
	position: absolute; bottom: calc(-7.5vw / 19.2); left: 0; margin: auto; content: ""; transform: rotate(180deg);
	background-image: url(../img/arabesque_long_icon.png); width: calc(90vw / 19.2); height: calc(15vw / 19.2); background-size: 100%;
}
#menu_lists .menu_box_content .line::after {
	position: absolute; bottom: calc(-7.5vw / 19.2); right: 0; margin: auto; content: ""; transform: rotate(180deg);
	background-image: url(../img/arabesque_long_icon.png); width: calc(90vw / 19.2); height: calc(15vw / 19.2); background-size: 100%;
}


#menu_lists .menu_box_content .list .text { width: 60%; }
#menu_lists .menu_box_content .list .price_table { width: 26em; margin: 0 0 2em 0; }
#menu_lists .menu_box_content .list .price_table dt { width: 5em; text-align: center; vertical-align: middle; }
#menu_lists .menu_box_content .list .price_table .price { min-width: 7em; padding-left: 1.5em; }
#menu_lists .menu_box_content .list .price_table .first_price{ padding-left: 1.5em; }


#items { padding:4em 0 4em 0; }
#items .middle_inner { width: calc(1620vw / 19.2); }

#items .summary { margin-block-end: 2.5em; }

#items .item_list { justify-content: space-between; }

#items .item_list .box { width: calc(785vw / 19.2); }
#items .item_list .box figcaption .item { border-bottom:solid 1px #1E6091; }
#items .item_list .box figcaption .item:last-of-type { border-bottom:none; }

#items .item_list .box figcaption .item dt { margin:0; }
#items .item_list .box figcaption .item dt .slug { display: block; }
#items .item_list .box figcaption .item dt p.flex { justify-content: space-between; margin:0; }
#items .item_list .box figcaption .item dt p.flex.half_left { justify-content: flex-start; }
#items .item_list .box figcaption .item dt p.flex.half_right { justify-content: flex-end; }

#items .item_list .box figcaption .item dt p.flex.half_left strong,
#items .item_list .box figcaption .item dt p.flex.half_right strong { padding-right:2em; }


#items .item_list .box figcaption .item dd { margin:0; padding: 1em 0 1em 0; }



/**** end menu *******************************************************************/
/**** style **********************************************************************/
#style_cut_color {
	padding:4em 0 4em 0; overflow:hidden;
	background-image:url(../img/style/cut_color_bg.jpg); background-size:100%; background-position:center bottom; background-repeat:no-repeat;
}
#style_cut_color .inner { padding:calc(70vw / 19.2) calc(95vw / 19.2) calc(70vw / 19.2) calc(95vw / 19.2); }

#style_cut_color .illust14 { top: 1.5em; left: 38%; }
#style_cut_color .text { width: calc(815vw / 19.2); min-height: calc(500vw / 19.2); }
#style_cut_color .thumb { width: calc(900vw / 19.2); top:4em; right:calc(-60vw / 19.2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }


.style_ttl { font-size: 1em; margin: 1em 0 1.5em 0; }
.style_lists { justify-content: space-between; flex-wrap: wrap; }
.style_lists .list { width: calc(465vw / 19.2); margin-block-start: 4em; }
.style_lists .list .heading { clip-path: polygon(18% 0%, 100% 0, 100% 80%, 82% 100%, 0 100%, 0 20%); }

.style_lists .list figcaption { padding: 0.3em 0.5em 0.3em 0.5em; margin-block-start: 1em; }

#style_perm {
	padding:4em 0 4em 0; overflow:hidden;
	background-image:url(../img/style/perm_bg.jpg); background-size:100%; background-position:center bottom; background-repeat:no-repeat;
}
#style_perm .inner { padding:calc(70vw / 19.2) calc(95vw / 19.2) calc(70vw / 19.2) calc(95vw / 19.2); }

#style_perm .illust15 { top: 1.5em; right: 10%; }
#style_perm .text { width: calc(815vw / 19.2); min-height: calc(500vw / 19.2); margin:0 0 0 auto; }
#style_perm .thumb { width: calc(900vw / 19.2); top:4em; left:calc(-60vw / 19.2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }


#style_hair_repair {
	padding:4em 0 4em 0; overflow:hidden;
	background-image:url(../img/style/hair_repair_bg.jpg); background-size:100%; background-position:center bottom; background-repeat:no-repeat;
}
#style_hair_repair .inner { padding:calc(70vw / 19.2) calc(95vw / 19.2) calc(70vw / 19.2) calc(95vw / 19.2); }

#style_hair_repair .illust16 { top: 0.5em; left: 30%; }
#style_hair_repair .text { width: calc(815vw / 19.2); min-height: calc(500vw / 19.2); }
#style_hair_repair .thumb { width: calc(900vw / 19.2); top:4em; right:calc(-60vw / 19.2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }

#style_cut_color .catch,#style_perm .catch,#style_hair_repair .catch { font-weight: 700; }

/**** end style ******************************************************************/
/**** salon **********************************************************************/
#greething {
	padding:4em 0 4em 0;
	background-image:url(../img/triangle_bg.png); background-size:calc(427vw / 19.2); background-position:right calc(440vw / 19.2) bottom; background-repeat:no-repeat;
}

#greething .text { width: calc(790vw / 19.2); }
#greething .text .catch { font-weight:900; }

#greething .thumb { width: calc(900vw / 19.2); clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 15%); }

#salon_info {
	padding: 4em 0 4em 0;
	background-image:url(../img/light_blue_marble_bg.jpg); background-size:cover;
}



#salon_info .content { padding:2em calc(110vw / 19.2) 2.5em calc(110vw / 19.2); margin-block-end: 3em; }
#salon_info .content .illust12 { top:2em; left:calc(300vw / 19.2); }
#salon_info .content .illust13 { bottom:-2em; right:4em; }

#salon_info .content .detail .half { width:48%; }
#salon_info .content .detail .half .box { position:relative; border-bottom:solid 1px #CCCCCC; margin: 0; padding: 1em 0 1em 0;}
#salon_info .content .detail .half .box::after {
	position: absolute; bottom: calc(-11vw / 19.2); right: 0; margin: auto; content:""; transform:rotate(180deg);
	background-image:url(../img/arabesque_shilver_icon.png); width:calc(21vw / 19.2); height:calc(22vw / 19.2); background-size:98%;
}
#salon_info .content .detail .half .box:last-of-type { border:none; }
#salon_info .content .detail .half .box:last-of-type::before { display:none; }
#salon_info .content .detail .half .box:last-of-type::after { display:none; }

#salon_info .content .detail .half .box dt { margin:0; width:6.5em; }
#salon_info .content .detail .half .box dt span { display:inline-block; width:100%; text-align: center; }
#salon_info .content .detail .half .box dd { margin:0; padding:0 0 0 1em; }


#salon_info .gallery { justify-content: space-between; }
#salon_info .gallery .thumb { width: calc(570vw / 19.2); }


#access {
	padding:4em 0 4em 0;
	background-image:url(../img/triangle2_bg.png); background-size:calc(346vw / 19.2); background-position:left calc(514vw / 19.2) top; background-repeat:no-repeat;
}
#access .text { width: calc(700vw / 19.2); }

#access .text .ttl { margin-block-end:3em; }

#access .text .train { padding: 0.5em 1em 0.5em 1em; margin-block-end:1.5em; }
#access .text .train i { margin-right:0.4em; }

#access .text .step { list-style-type:none; padding: 0; }
#access .text .step li { justify-content: flex-start; margin: 1em 0 1em 0; }
#access .text .step li span {
	display: flex; justify-content: center; align-items: center; width:2.3em; height:2.3em;
	clip-path: polygon(20% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
}
#access .text .step li p { margin: 0 0 0 1em; height: 2.88em; display: flex; justify-content: flex-start; align-items: center; }

#access #gmap { width: calc(1000vw / 19.2); height:calc(500vw / 19.2); min-height:300px; }


/**** salon end **********************************************************************/
/**** review **********************************************************************/
#review { padding:4em 0 4em 0; }

#review .post { border: solid 1px #1E6091; box-shadow: 10px 10px 0 #BADFEB; height: auto; padding: 3em; margin-block-end:3.333em; }


#review .post .post_header { justify-content: space-between; }

#review .post .post_header .user_detail { width: calc(455vw / 19.2); }
#review .post .post_header .thumb { width: calc(80vw / 19.2); }

#review .post .post_header .text { width: calc(360vw / 19.2); }
#review .post .post_header .text .user { margin-block-start:0; margin-block-end: 0;　}
#review .post .post_header .text .attributes { display: block; padding: 0.1em 0.5em 0.1em 0.5em;}

#review .post .post_header .score_list { width: calc(860vw / 19.2); margin-block-start: 3.4em; line-height: 1.52; }
#review .post .post_header .score_list dt { width:7em; text-align:center; vertical-align: middle; }
#review .post .post_header .score_list dd { width:2em; text-align:center; vertical-align: middle;padding-inline-end: 0.5em; }

#review .post .content { margin-block-start:1em; }
#review .post .content .service { width:100%; border:solid 1px #C2E2ED; }
#review .post .content .service dt { width:7em; text-align:center; vertical-align: middle; padding:0.5em; }
#review .post .content .service dd { vertical-align: middle; padding:0.5em; }


/**** end review **********************************************************************/

/**** faq **********************************************************************/
#faq { padding:4em 0 4em 0; }

#faq .list {  border:solid 1px #1E6091; }
#faq .list dt {cursor:pointer; caret-color:transparent; margin: 0; padding: 2em 2em 2em 7em; }
#faq .list dt .q_text { display:block;width: 60em; font-weight: 900; }
#faq .list dt i { top: 1.3em;right: 1em; }

#faq .list dd { position:relative; margin: 0; max-height: 0; overflow: hidden;transition: max-height 0.3s ease; }

#faq .list dd .a_inner { padding: 3em 2em 2em 7em; }

#faq .list dd .a_text { margin:0; }

#faq .list .q_icon { width:calc(70vw / 19.2); height:calc(70vw / 19.2); align-items: center; top: 0.7em; left: 0.7em;}
#faq .list .a_icon { width:calc(70vw / 19.2); height:calc(70vw / 19.2); align-items: center; top: 1.7em; left: 0.7em;}


#faq .list dd .line { position:relative; width: calc(1100vw / 19.2); height: 1px; background-color: #1E6091; border: none; margin: 1em 2em 0 auto; }
#faq .list dd .line::before {
	position: absolute; bottom: calc(-9vw / 19.2); left: 0; margin: auto; content:""; transform:rotate(180deg);
	background-image:url(../img/arabesque_icon.png); width:calc(20vw / 19.2); height:calc(18vw / 19.2); background-size:100%;
}
#faq .list dd .line::after {
	position: absolute; bottom: calc(-9vw / 19.2); right: 0; margin: auto; content:"";
	background-image:url(../img/arabesque_icon.png); width:calc(20vw / 19.2); height:calc(18vw / 19.2); background-size:100%;
}
#faq .list dd::after {
	display: block; content: ""; position: absolute; bottom: 0.7em; right: 0.7em;clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background-color: #C2E2ED; width: calc(80vw / 19.2); height: calc(80vw / 19.2);
}

/**** end faq **********************************************************************/
/**** blog **********************************************************************/
#blog { padding:4em 0 4em 0; }
#blog .summary { margin-block-end:4em; }
#blog .left_column { width: calc(1060vw / 19.2); }
#blog .right_column { width: calc(420vw / 19.2); }



#blog .left_column.list .post { float:left; width:calc(320vw / 19.2); height:calc(430vw / 19.2); margin:0 calc(50vw / 19.2) calc(50vw / 19.2) 0; }
#blog .left_column.list .post:nth-child(3n) { margin-right:0; }

#blog .entry-date { margin-right:1em; }
#blog .cat-links { display:inline-block; background-color:#F4E1D2; padding:0 0.4em 0 0.4em; }
#blog .cat-links.news { background-color:#F4E1D2; }
#blog .cat-links.menu { background-color:#C2E2ED; }
#blog .cat-links.style { background-color:#1E6091; }
#blog .cat-links.style a { color:#FFF; }

#blog .post-thumbnail {
	position: relative;
	clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 15%); overflow: hidden; object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height:calc(280vw / 19.2);
}
#blog .post-thumbnail img {
	position: absolute; width: 150% !important; top: 0; left: -25%; right: -25%; object-fit: cover; font-family: 'object-fit: contain;';
	-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; overflow:hidden;
}
#blog .post-thumbnail img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

#blog .left_column span.page-numbers {
	display: inline-block; border: solid 2px #C2E2ED; width: calc(60vw /19.2); height: calc(60vw /19.2); line-height: calc(52vw /19.2); text-align: center; margin-right: 0.8vw;
	font-size:calc(25 * 0.052vw); caret-color: transparent;
}

#blog .left_column a.page-numbers {
	display: inline-block; border: solid 2px #C2E2ED; width: calc(60vw /19.2); height: calc(60vw /19.2); line-height: calc(52vw /19.2); text-align: center; margin-right: 0.8vw;
	font-size:calc(25 * 0.052vw); background-color:#C2E2ED; caret-color: transparent;
}

#blog .left_column a.page-numbers.next,#blog .left_column a.page-numbers.prev { background-color:#FFF; border:solid 2px #FFF; }


#blog .left_column .archive_title { display: block; width: max-content; background-color: #F4E1D2; padding:0 0.5em 0 0.5em; margin-block-end:3em; }


#blog .left_column.single .post { border-bottom:solid 1px #C2E2ED; padding: 0 0 2em 0; margin-block-end: 2em;}
#blog .left_column.single .entry-title { border-bottom: solid 1px #1E6091; padding: 0 0 0.5em 0; margin-block-end: 2em; }



#blog .left_column .post-navigation .nav-links {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;
}

#blog .left_column .post-navigation .nav-previous,
#blog .left_column .post-navigation .nav-next {
	max-width: 46%;
}
#blog .left_column .post-navigation .nav-previous a ,
#blog .left_column .post-navigation .nav-next a {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; cursor: pointer;
}

#blog .left_column .post-navigation .post-title { display: inline-block; line-height: calc(60vw /19.2); }
#blog .left_column .post-navigation .meta-nav {
	display: inline-block; width: calc(60vw /19.2); height: calc(60vw /19.2); line-height: calc(65vw /19.2); text-align: center; vertical-align:top;
}
#blog .left_column .post-navigation .nav-previous .meta-nav { margin-right: 0.8vw; }
#blog .left_column .post-navigation .nav-next .meta-nav { margin-left: 0.8vw; }



.right_column .widget_block h2.wp-block-heading { position:relative; background-color:#1E6091; color:#FFFFFF; padding:0.2em 1em 0.2em 2.5em; font-size:calc(24 * 0.052vw);}
.right_column .widget_block h2.wp-block-heading::after {
	position: absolute; top: 0; bottom: 0; left: 0.5em; margin: auto; display: flex; align-items: center;
	font-family: 'Font Awesome 7 Pro'; font-size: calc(33 * 0.052vw); color: #FFFFFF; font-weight: 300;
}
.right_column .widget_block:nth-of-type(1) h2.wp-block-heading::after {content: "\f044";}
.right_column .widget_block:nth-of-type(2) h2.wp-block-heading::after {content: "\f07c";}
.right_column .widget_block:nth-of-type(3) h2.wp-block-heading::after {content: "\f187";}


.right_column .widget_block ul { list-style-type: none; margin: 0; padding: 0 0 2em 0;}
.right_column .widget_block ul li { position:relative; border-bottom: solid 1px #1E6091; margin: 0; padding: 0.5em 0 0.5em 0; }
.right_column .widget_block ul li::after {
	position: absolute; bottom: calc(-9vw / 19.2); right: 0; margin: auto; content:"";
	background-image:url(../img/arabesque_icon.png); width:calc(20vw / 19.2); height:calc(18vw / 19.2); background-size:100%;
}


/**** end blog ******************************************************************/

/**** contact **********************************************************************/
#contact_hero { padding:4em 0 4em 0; }
#contact_hero .contact_hero_ttl { padding: 0 0 1em 0; margin-block-end: 2em; border-bottom: solid 1px #1E6091; }
#contact_hero .contact_hero_ttl::before {
	position: absolute; bottom: calc(-7.5vw / 19.2); left: 0; margin: auto; content:""; transform:rotate(180deg);
	background-image:url(../img/arabesque_long_icon.png); width:calc(90vw / 19.2); height:calc(15vw / 19.2); background-size:100%;
}
#contact_hero .contact_hero_ttl::after {
	position: absolute; bottom: calc(-7.5vw / 19.2); right: 0; margin: auto; content:""; transform:rotate(180deg);
	background-image:url(../img/arabesque_long_icon.png); width:calc(90vw / 19.2); height:calc(15vw / 19.2); background-size:100%;
}

#contact_reserves {
	padding:4em 0 4em 0;
	background-image:url(../img/marble_bg.jpg); background-size:cover; background-position:center top;
}
#contact_reserves .illust11 { left:calc(100vw / 19.2); top:calc(-80vw / 19.2); }

#contact_reserves .contact_reserves_ttl { position:relative; padding:0.5em 0 0.5em 0; }
#contact_reserves .contact_reserves_ttl::before {
	content:""; display:block; position: absolute; top:5px; left:0; right:0; margin:auto; width:98%; height:1px; background-color:#FFFFFF;
}
#contact_reserves .contact_reserves_ttl::after {
	content:""; display:block; position: absolute; bottom:5px; left:0; right:0; margin:auto; width:98%; height:1px; background-color:#FFFFFF;
}


#contact_reserves .guidance {
	display:flex; justify-content: center; align-items:center;
	background-image:url(../img/contact/guidance_bg.png); width:calc(342vw / 19.2); height:calc(82vw / 19.2); background-size:contain;
}

#contact_reserves .limited { justify-content: center; }
#contact_reserves .limited .box {
	width:calc(330vw / 19.2); border-top:solid 1px #1E6091; border-bottom:solid 1px #1E6091; text-align:center; margin: 0.5em calc(30vw / 19.2) 1em calc(30vw / 19.2);
}
#contact_reserves .limited .box .check_flag { top:0; left:0.55em; width:calc(38vw / 19.2); }


#contact_reserves .contact_reserves_btn { justify-content: space-between; padding: 1em 0 1em 0; }
#contact_reserves .contact_reserves_btn .btn {
	position:relative; width:calc(400vw / 19.2); height:calc(100vw / 19.2); border:solid 1px #000000; justify-content: center; align-items: center;
}
#contact_reserves .contact_reserves_btn .btn::after {
	display:block; content:""; position:absolute; bottom:0.2em; right:0.2em; clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	background-color:#ECECEC; width:calc(34vw / 19.2); height:calc(34vw / 19.2);
}
#contact_reserves .contact_reserves_btn .btn.hb img { width:calc(230vw / 19.2); }
#contact_reserves .contact_reserves_btn .btn i { margin-right:0.2em; }

#contact_reserves .hour { width: 24em; }
#contact_reserves .hour dt { width:5em;}
#contact_reserves .hour dd { text-align: left; padding: 0 0 0 1em; }




#contact {
	padding:4em 0 4em 0;
	background-image:url(../img/blue_triangle_bg.png),url(../img/blue_triangle2_bg.png); background-size:calc(375vw / 19.2),calc(270vw / 19.2);
	background-position:left top, right top calc(750vw / 19.2); background-repeat:no-repeat,no-repeat;
}

#contact .illust8 { right:calc(100vw / 19.2); top:calc(-80vw / 19.2); }

#contact .ttl { margin-block-end:2.5em; }

#contact form { margin-block-start:2em; }

#contact .box { position: relative; border-bottom:solid 1px #CCCCCC; margin-block-start: 0; margin-block-end: 0;}
#contact .box::before {
	position: absolute; bottom: calc(-11vw / 19.2); left: 0; margin: auto; content:"";
	background-image:url(../img/arabesque_shilver_icon.png); width:calc(21vw / 19.2); height:calc(22vw / 19.2); background-size:98%;
}
#contact .box::after {
	position: absolute; bottom: calc(-11vw / 19.2); right: 0; margin: auto; content:""; transform:rotate(180deg);
	background-image:url(../img/arabesque_shilver_icon.png); width:calc(21vw / 19.2); height:calc(22vw / 19.2); background-size:98%;
}
#contact .box:last-of-type { border:none; }
#contact .box:last-of-type::before { display:none; }
#contact .box:last-of-type::after { display:none; }


#contact .box .field { width:16em; padding: 2em 0 2em 0; vertical-align: top;}
#contact .box .field p { margin:0; }
#contact .box .field .required { display:inline-block; padding:0.1em 0.5em 0.1em 0.5em; }
#contact .box .field .any { display:inline-block; padding:0.1em 0.5em 0.1em 0.5em; }

#contact .box .text { margin:0; padding: 1em 0 1em calc(26em / 18); }
#contact .box .text .memo { display:block; }




#contact .box input[type=text],
#contact .box input[type=tel],
#contact .box input[type=email],
#contact .box select { padding: 1em; width: 100%; background-color:#EAF5F9; border:none; }
#contact .box textarea { padding: 1em; width: 100%; height:14em; font-size: 1em; font-family: inherit; background-color:#EAF5F9; border:none; }

.grecaptcha-badge {visibility: hidden;}

.wpcf7-list-item { margin: 0;}


#contact .send_btn {
	display:flex; align-items:center; justify-content: center; width: calc(425vw / 19.2); height: calc(80vw / 19.2);font-weight: 700; margin-block-start:3em; border:none;
}
#contact .send_btn i { right: 1em; }

/**** end contact **********************************************************************/

/**** privacy **********************************************************************/

#privacy { padding:4em 0 4em 0; }
#privacy .list { list-style-type:none; padding: 0; margin: 1em 0 1em 0; }
#privacy .list .box { border-bottom: solid 1px #1E6091; padding: 2em 0 2em 0; }
#privacy .list .box:last-of-type { border-bottom: none; }
#privacy .list .box .clause { font-weight: 900; margin-block-start:0; }

#privacy .list .box address { display:block; border:solid 1px #1E6091; padding:1em; }

/**** end privacy ******************************************************************/