@charset "utf-8";
/* リセットCSS */
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:bold;}a{text-decoration:none;color:inherit;transition:all .3s ease-in-out}img{display: block;max-width:100%;height:auto;vertical-align: middle;}ol,ul{list-style:none}table{border-collapse:collapse}input,textarea,select{font:inherit;line-height:inherit;border: none;padding:8px;}textarea{resize:vertical}button{padding: 0;font-family: inherit;appearance: none;cursor: pointer;background-color: transparent;border: none;}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:block;width:100%;max-width:100%;padding:0;white-space:normal;}[hidden],template{display:none}:focus-visible{outline:2px solid #000}details{display:block}summary{display: block;outline: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}

/* 汎用CSS
===================================================== */

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;height: 50px;padding: 16px;background-color: #F4ECE7;border-radius: 10px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

:root {
	--font-color: #fff;
	--main-color: #b08e6d;
	--bg-color: #0f1518;
	--jp-font: "Shippori Mincho", serif;
	--en-font: "Libre Baskerville", serif;;
	--hover-transform: all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity 1s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

::selection {background-color: var(--main-color);color:#fff;}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;}

body {font-size: 16px;font-family:var(--jp-font);line-height:1.6;letter-spacing: .05em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";background-color: var(--bg-color);}

#page{overflow:hidden;}
.container{width: 1140px;max-width: 100%;padding-inline: 20px;margin-inline: auto;position: relative;z-index:11}

@media(max-width:720px){
	body{font-size:14px;}
}

/* 基本レイアウト
===================================================== */
.sec-header{position:absolute;top:-84px;left:0;right:0}
.header-content{display:grid;grid-template-columns: 160px minmax(0,1fr) 160px;align-items: center;padding-block:24px;padding-inline:32px;background-color: var(--bg-color);opacity: 0;visibility: hidden;transition:all .8s cubic-bezier(.215,.61,.355,1);}
.header_Menu_list{display:flex;gap:3em;align-items:center;justify-content:center;}
.header-sns{display:flex;gap:1em;justify-content:flex-end;}
.is-scrollActive .sec-header{position:fixed;top:0;left:0;right:0;z-index: 11111;}
.is-scrollActive .header-content{opacity:1;visibility:visible}

.hamburger-menu{display:none;}
.nav_hamburger_menu{display:none;}
.hamburgerbutton {position: relative;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;/* height: 78px; */width: 78px;background-color: transparent;padding: 0;margin-left: auto;}
.hamburgerbutton-line {position: absolute;/* inset:0; */margin: auto;width: 40px;height: 2px;-webkit-transition: inherit;transition: inherit;background-color: var(--main-color);}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -10px;}
.hamburgerbutton-line::after {top: 10px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color: transparent;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {top: 0;background-color: var(--main-color);}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);width:100%;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);width:100%;}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}

.hamburger-content{position: fixed;inset: 0;margin: auto;width: 100vw;height: 100svh;margin-left: auto;background-color: rgb(0 0 0 / .9);padding-inline: 40px;padding-block: 80px;overflow: auto;opacity:0;transition:opacity 1.4s cubic-bezier(0.14,1,0.34,1)}
.hamburger_Menu_list li a{display:block;font-size:18px;font-family:var(--en-font);padding-block:.5em;border-bottom:1px solid;}
.hamburger_Menu_list li:not(:first-child){margin-top:.5em}
.hamburger-sns{display:flex;justify-content:center;gap:2em;margin-top:40px;}
.is-drawerActive .nav_hamburger_menu{display: block;}
.is-drawerActive .hamburger-content{opacity:1;z-index: 1111;}

.sec-footer{padding-block:80px;}
.footer-item{display:grid;place-items:center;}
.footer-logo{width:120px;margin-bottom:1em}
.footer-item{text-align:center;font-size:13px;line-height:2;}
.site-generator{font-size:11px;text-align:center;margin-top:40px;}

.pagetop{position:fixed;right:20px;bottom:20px;width:48px;z-index:11}
.sp-fix{display:none}


/*-------------------------------------
/* 共通
--------------------------------------- */
.sec-tit{display:grid;place-items:center;}
.sec-tit-en{font-size:40px;color:var(--main-color);line-height:1}
.sec-tit-jp{font-size:15px;line-height:2;margin-top:.5em}
.enfont{font-family:var(--en-font);text-transform:uppercase}

.more a{display:block;width:340px;max-width:100%;margin-inline:auto;text-align:center;padding-block:20px;background-color:var(--main-color);transition:var(--hover-transform)}

.fadeIn{opacity: .0;transition:var(--show-anime);}
.fadeUP{opacity: .0;translate: 0 50px;transition:var(--show-anime);}
.fadeLeft{opacity: .0;translate: -50px 0;transition:var(--show-anime);}
.fadeRight{opacity: .0;translate: 50px 0;transition:var(--show-anime);}
.show .fadeIn{opacity:1;}
.show .fadeUP{opacity:1;translate:0}
.show .fadeLeft{opacity:1;translate:0}
.show .fadeRight{opacity:1;translate:0}
.show .delay2{transition-delay:.2s}
.show .delay4{transition-delay:.4s}
.show .delay6{transition-delay:.6s}

@media(max-width:1024px){
}

@media(max-width:767px){
}

/*-------------------------------------
/* ホバースタイル
--------------------------------------- */

@media (hover: hover){
	a:hover{opacity: 0.85;}
	.header_Menu_list li a:hover{color:var(--main-color)}
	.footer_navi a:hover{color:var(--main-color)}
	.instagram-list li a:hover{opacity:.5}
	.instagram-list li a:hover img{scale:1.1}
	.more a:hover{opacity: 0.85;}
}

/* TOP
===================================================== */
.mv{position:relative;height:100svh}
.mv-img-wrap figure{height:100svh}
.mv-img-wrap img{width:100%;height:100%;object-fit:cover}
.mv-logo{position:absolute;inset:0;margin:auto;z-index:11;display:grid;place-items:center;opacity: 0;transition: opacity .5s ease-in;z-index:12;pointer-events: none;}
.mv-logo img{width:175px;}
.mv-img-wrap{position:relative}
.mv-img-wrap::before{content:'';position:absolute;inset:0;margin:auto;background-color:rgb(0 0 0 / .8);z-index:11;transition:background-color 2s ease-in}
.mv_scroll{position: absolute;display: flex;justify-content: center;left: 0;bottom: 60px;right:0;z-index: 11;opacity: 0;transition: opacity 1s ease-in;}
.mv_scroll_txt{position: relative;font-size: 12px;color: #fff;}
.mv_scroll::after{content: "";position: absolute;width: 1px;background-color: #fff;animation: pathmove 1.4s ease-in-out infinite;}

.active .mv-logo{opacity:1}
.active .mv-img-wrap::before{background-color:rgb(0 0 0 /.2)}
.active .mv_scroll{opacity:1}

@keyframes pathmove{
	0%{
		height: 0;
		top: 25px;
		opacity: 0;
	}
	30%{
		height: 30px;
		opacity: 1;
	}
	100%{
		height: 0;
		top: 70px;
		opacity: 0;
	}
}

.sec-concept{padding-block: 120px 56px;background:url(../images/concept-bg.png)no-repeat center / cover}
.concept-item{padding-inline: 32px;}
.concept-catch{writing-mode:vertical-rl;font-size:32px;letter-spacing:.3em;line-height:2;width:fit-content;margin-left:auto;filter: blur(1em) brightness(1.3);opacity: 0;transition:all 1s cubic-bezier(.165,.84,.44,1)}
.concept-des{width:fit-content;margin-left:auto;margin-top: -84px;filter: blur(1em) brightness(1.3);opacity: 0;transition:all 1.2s cubic-bezier(.165,.84,.44,1)}
.show .concept-catch{filter:blur(0) brightness(1);opacity:1}
.show .concept-des{filter:blur(0) brightness(1);opacity:1}
.concept-des-head{font-size:24px;line-height:2;}
.concept-des-body{line-height:2.2;margin-top:1em;}

.sec-system{padding-top: 100px;}
.system-item{margin-top:48px;width:1000px;max-width:100%;margin-inline:auto;}
.system-item dl div{display:flex;justify-content:space-between;align-items:center;padding-block:1em;padding-inline:2em;border-top:1px solid;border-bottom:1px solid}
.system-item dl dt{font-size:20px;}
.system-item dl dd{font-size:28px;}
.system-item dl dd .system-time{font-size:20px;display:inline-block;margin-right:1em}
.system-note{text-align:center;margin-top:1.5em}

.sec-floor{padding-top:100px}
.sec-floor .sec-tit{padding-inline:20px}
.floor-item{margin-top:48px;}
.floor-img-pagination{text-align:center;margin-top:1em}
.floor-img-pagination .swiper-pagination-bullet{opacity:1;background-color:#ccc}
.floor-img-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--main-color)}
.floor-note{text-align:center;margin-top:1.5em;padding-inline:20px}

.sec-recruit{padding-block: 140px 80px;}
.recruit-des-intro{font-size:18px;text-align:center;margin-top:1.5em}
.recruit-item-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;}
.recruit-item{background-color:#fff;padding-block:24px;padding-inline:24px}
.recruit-item h3{font-size:20px;color:var(--main-color);text-align:center;margin-bottom:20px;padding-bottom:20px;position:relative}
.recruit-item h3::after{content:'';position:absolute;width:72px;height:1px;background-color:var(--bg-color);bottom:0;left:50%;translate:-50%}
.recruit-item p{font-size:15px;color:#000;}
.recruit-table{width:100%;margin-top:48px}
.recruit-table tr{border-top:1px solid;border-right:1px solid}
.recruit-table th{width:240px;padding-block:.5em;padding-inline:1em;border-left:1px solid;border-bottom:1px solid}
.recruit-table td{padding-block:.5em;padding-inline:1.5em;border-left:1px solid;border-bottom:1px solid}
.recruit-note{text-align:center;margin-top:2em}
.recruit-note h4{font-size:18px;}
.recruit-note p{font-size:18px;margin-top:.5em;display: flex;gap: 1em;justify-content: center;flex-wrap: wrap;}

.bg-img{display:flex;}

.sec-instagram{padding-top:100px;}
.instagram-item{margin-top:48px;}
.instagram-list{display:grid;grid-template-columns:auto auto auto auto;}
.instagram-list li{overflow:hidden}
.instagram-list li img{transition:var(--hover-transform)}
.sec-instagram .more a{margin-top:40px;}

.sec-access{padding-block: 100px;}
.access-item{margin-top:48px;}
.access-item iframe{height:468px;filter: grayscale(100%);}
.access-note{text-align:center;margin-top:1.5em}

.sec-contact{padding-block:100px;background-color:Var(--main-color);}
.sec-contact .sec-tit-en{color:#fff;}
.contact-des-intro{font-size:18px;text-align:center;margin-top:1.5em}
.contact-item{display:grid;grid-template-columns:auto 340px;gap: 40px;justify-content:center;align-items:center;margin-top: 48px;}
.contact-tel a{display:block;font-size:40px;letter-spacing:.1em;text-align:center;}
.contact-mail a{display:block;width:340px;max-width:100%;margin-inline:auto;text-align:center;padding-block:20px;background-color:#fff;color:var(--main-color);border:1px solid}

/* privacypolicy
===================================================== */
@media(max-width:1024px){
	.header-content{padding-inline:20px;grid-template-columns: 160px minmax(0,1fr);}
	.nav_header_menu{display:none;}
	.header-sns{display:none}
	.hamburger-menu{display:block;}
	.nav_hamburger_menu{display:none;}
	.recruit-item-wrap{grid-template-columns:minmax(0,1fr);width:480px;margin-inline:auto}
}

@media(max-width:767px){
	.mv_scroll{bottom:120px}
	.pagetop{display:none}
	.sp-fix{display:block;position:fixed;bottom:0;left:0;right:0;z-index:111}
	.sp-fix a{display:block;width:100%;max-width:100%;margin-inline:auto;font-size:24px;text-align:center;padding-block:.5em;background-color:var(--main-color);}

	.sec-concept{padding-bottom:240px;background-position:left  bottom;background-size:800px auto;position:relative;}
	.sec-concept::before{content:'';position:absolute;inset:0;margin:auto;background-color: rgb(0 0 0 /.5);}
	.concept-item{padding-inline:0}
	.concept-catch{writing-mode:inherit;margin-left:0;font-size:28px;line-height:1.8}
	.concept-des{margin-top:40px;}
	.concept-des-head{font-size:20px;}
	.concept-des-body{line-height:1.8}
	.sec-tit{place-items:flex-start}
	.sec-tit-en{font-size:32px;}
	.system-item dl div{padding-inline:1em}
	.system-item dl dt{font-size:16px;}
	.system-item dl dd{font-size:24px;}
	.system-item dl dd .system-time{font-size:16px;}
	.floor-note{text-align:left}
	.recruit-des-intro{text-align:left;font-size: 16px;}
	.recruit-item-wrap{width:100%;}
	.recruit-item h3{font-size: 18px;text-align:left;padding-bottom:0;margin-bottom:.5em}
	.recruit-item h3::after{display:none}
	.recruit-table th{width:165px;padding-inline:.5em}
	.recruit-table td{padding-inline:.5em}
	.recruit-note{text-align:left;}
	.recruit-note h4{font-size:16px}
	.recruit-note p{justify-content:flex-start;gap:.2em 1em;font-size:16px}
	.bg-img{flex-direction:column;}
	.instagram-list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.contact-des-intro{font-size:16px;text-align:left}
	.contact-item{grid-template-columns:minmax(0,1fr);gap:1em;margin-top: 24px;}
	.contact-tel a{text-align:left;font-size:24px}
	.contact-mail a{margin-inline:auto}
}