@font-face{font-family:'YuGothic';src:url('../css/fonts/YuGo-Bold-AlphaNum.woff2') format('woff2'),url('../css/fonts/YuGo-Bold-AlphaNum.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::after,::before{box-sizing:border-box}
body{font-family:'YuGothic',sans-serif;font-size:clamp(1rem,.15vw + .96rem,1.125rem);font-weight:400;color:#fff;background-color:#fff;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 1s ease}
body,h1,h2,h3,h4,h5,h6{margin:0;outline:none}
p{line-height:1.6;letter-spacing:.016em}
main p{line-height:1.8}
a{display:inline-block;color:inherit}
a,a:focus,a:hover{outline:none;text-decoration:none}
a:hover{cursor:pointer;opacity:.8}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
ul,ol{list-style:none}
li{list-style:none}
nav ul{list-style:none}
figure{display:block;position:relative;line-height:0}
figure figcaption{line-height:1.6}
table{width:100%}
table th{text-align:left}
iframe{border:none}
canvas{vertical-align:bottom}
blockquote,q{quotes: none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
strong{font-weight:800}
span{display:inline-block}
.pc-hide{display:block}
.sp-hide{display:none}
img{width:100%;height:auto}
picture{display:block;line-height:0}
img{width:100%;height:auto}
.container,.container-lg,.flex-container{position:relative;width:100%;margin:0 auto;}
/*--.container{max-width:74.375rem}--*/
.yugothic{font-family:'YuGothic',sans-serif}
/*-- Header --*/
.header{position:fixed;width:100%;top:0;left:0;z-index:999;transition:transform 1.3s cubic-bezier(.68,-.55,.27,1.55);will-change:transform}
.header.is-scroll{background:transparent}
.nav-open .header{height:calc(100% + 1.25rem)}
.header .header-overlay{opacity:0}
.nav-open .header-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#0A224A;opacity:1;z-index:1}
.header .flex{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1.25rem;z-index:5}
.header .flex > div:nth-of-type(1){line-height:1}
.header .flex > div:nth-of-type(2){display:flex;align-items:center;gap:1.25rem}
.header .logo{width:10.641rem;line-height:1}
.btn-hamburger{display:flex;align-items:center;justify-content:center;width:3.335rem;height:3.335rem;background:#0A224A;border-radius:50%;cursor:pointer}
.btn-hamburger--bars{position:relative;display:block;width:1.16rem;height:1.16rem}
.btn-hamburger--bars span{position:absolute;display:block;width:.29rem;height:.29rem;left:0;margin:auto;background:#fff}
.btn-hamburger--bars span:nth-of-type(1){top:0}
.btn-hamburger--bars span:nth-of-type(2){top:0;left:7px}
.btn-hamburger--bars span:nth-of-type(3){top:0;left:auto;right:0}
.btn-hamburger--bars span:nth-of-type(4){top:7px}
.btn-hamburger--bars span:nth-of-type(5){top:7px;left:7px}
.btn-hamburger--bars span:nth-of-type(6){top:7px;left:auto;right:0}
.btn-hamburger--bars span:nth-of-type(7){bottom:0}
.btn-hamburger--bars span:nth-of-type(8){bottom:0;left:7px}
.btn-hamburger--bars span:nth-of-type(9){bottom:0;left:auto;right:0}
.btn-hamburger.btn-hamburger--open .btn-hamburger--bars{width:1.5rem}
.btn-hamburger.btn-hamburger--open .btn-hamburger--bars span{width:1.5rem;height:1px}
.btn-hamburger.btn-hamburger--open span:nth-of-type(2),.btn-hamburger.btn-hamburger--open span:nth-of-type(4),.btn-hamburger.btn-hamburger--open span:nth-of-type(5),.btn-hamburger.btn-hamburger--open span:nth-of-type(6),.btn-hamburger.btn-hamburger--open span:nth-of-type(7),.btn-hamburger.btn-hamburger--open span:nth-of-type(8),.btn-hamburger.btn-hamburger--open span:nth-of-type(9){display:none}
.btn-hamburger.btn-hamburger--open span:nth-of-type(1){bottom:0;transform:rotate(35deg)}
.btn-hamburger.btn-hamburger--open span:nth-of-type(3){bottom:0;left:0;transform:rotate(-35deg)}
.header-nav{display:none;width:100%;height:100vh}
.nav-open .header .btn-contact{display:none}
.nav-open .header-nav{display:block}
.nav-open .nav--inner{position:fixed;top:0;right:0;bottom:0;left:0;padding:6.25rem 1.25rem 0;overflow-x:hidden;overflow-y:auto;z-index:3;transition:all .45s ease;-webkit-overflow-scrolling:touch}
.nav--inner ul li{position:relative;margin-bottom:.938rem;padding-top:.938rem;text-align:center}
.nav--inner ul li a{font-size:1.375rem;font-weight:bold;display:inline-block;transition:.3s ease-in}
.nav--inner .nav-btn{margin-top:2.5rem;text-align:center}
.nav--inner .nav-btn ul li{margin-bottom:0;padding-top:0}
.nav--inner .nav-btn ul li+li{margin-top:1.125rem}
.nav--inner .nav-btn a{font-size:1rem;font-weight:bold;display:inline-block;width:14.75rem;height:3.313rem;line-height:3.313rem;color:#fff;border: 1px solid;text-align:center;transition:.3s ease-in}
.nav--inner .nav-btn ul li+li a{background:#000}
.nav--inner > div{margin:2.5rem -1.25rem 0 -1.25rem;padding:1.25rem;background:#E3B6A7}
.nav--inner > div p{font-weight:bold;color:#fff}
.nav--inner > div p+p{text-align:center}
.nav--inner > div p a{position:relative;width:14.75rem;height:3.313rem;line-height:3.313rem;margin:1.25rem 0;padding:0 1.25rem;background:#fff;color:#DEA694;border-radius:27px;text-align:left}
.nav--inner > div p a::after{content:'';position:absolute;display:inline-block;width:.75rem;height:.75rem;top:0;right:1.25rem;bottom:0;margin:auto;background:url(../img/arr-icon.svg) no-repeat;background-size:contain}
.nav--inner .nav-btn .inquiry-btn a:hover{background:#A28C65;color:#fff}
.nav--inner .nav-btn .reserve-btn a:hover{opacity: 0.7;color:#fff}
/*-- Fixed btn --*/
.fixed-s-btn{position:fixed;display:flex;align-items:center;justify-content:center;width:3.188rem;height:5.625rem;right:0;bottom:30%;background:#434343;border-bottom-left-radius:1.25rem;border-top-left-radius:1.25rem;z-index:999}
.fixed-s-btn ul{display:flex;flex-direction:column;justify-content:center;}
.fixed-s-btn ul li+li{margin-top:.625rem}
.fixed-s-btn ul li a{display:block;width:1.563rem;line-height:0}
.fixed-s-btn ul li a span{display:block;width:1.563rem;height:1.563rem;transition:.3s ease-in}
.fixed-s-btn ul li:nth-of-type(1) a span{background:url(../img/instagram-icon.svg) center / contain no-repeat}
.fixed-s-btn ul li:nth-of-type(2) a span{background:url(../img/note-icon.svg) center / contain no-repeat}
.fixed-s-btn ul li:nth-of-type(1) a:hover span{background:url(../img/instagram-icon-hover.svg) center / contain no-repeat}
.fixed-s-btn ul li:nth-of-type(2) a:hover span{background:url(../img/note-icon-hover.svg) center / contain no-repeat}
/*-- primary btn --*/
.primary-btn{position:relative;text-align:center}
.primary-btn a,.primary-btn span{font-size:.813rem;font-weight:bold;position:relative;width:13.125rem;height:2.188rem;line-height:2.188rem;background:#fff;color:#DEA694;border-radius:25px;transition:background .3s ease-in}
.primary-btn a::after,.primary-btn span::after{content:'';position:relative;display:inline-block;width:.75rem;height:.75rem;margin-left:.625rem;background:url(../img/arr-icon.svg) no-repeat;background-size:contain}
.primary-btn a:hover{background:#E5CF6F;color:#fff}
.primary-btn a:hover::after{background:url(../img/arr-icon-wht.svg) no-repeat;background-size:contain}
.btn-outline a,.btn-outline span{width:17.313rem;height:3.75rem;line-height:3.75rem;margin-top:2.125rem;background:#CBBFA0;color:#fff;border-radius:2.375rem}
.btn-outline span{position:relative;cursor:pointer}
.btn-outline a::after,.btn-outline span::after{width:.938rem;height:.938rem;top:2px;margin-left:.938rem;background:url(../img/arr-icon-outline.svg) no-repeat;background-size:contain}
.btn-cta a{font-size:1rem;width:19.063rem;height:3.563rem;line-height:3.563rem;padding:0 1.25rem;border-radius:29px;text-align:left;z-index:2}
.btn-cta a::before{content:'';position:relative;display:inline-block;width:3.375rem;height:1.183rem;top:4px;margin-right:.625rem;background:url(../img/top/45-mins.svg) no-repeat;background-size:contain}
.btn-cta a::after{position:absolute;width:30px;height:30px;top:0;bottom:0;right:1.25rem;margin:auto;background:url(../img/arr-icon-round.svg) no-repeat;background-size:contain}
/*-- Footer --*/
.footer{padding-top:5.625rem}
.footer .content-logo{text-align:center}
.footer .content-logo img{width:16.384rem}
.footer .content01{margin-top:4rem;padding:3.125rem 0;background:#F8F7F4}
.footer .content01 .addr{display:flex;flex-direction:column}
.footer .content01 .addr span{font-size:.875rem;line-height:1.6}
.footer .content01 ul{display:flex;flex-direction:row;align-items:center;margin-top:1.25rem}
.footer .content01 ul li+li{margin-left:1.25rem}
.footer .content01 ul li a{display:block;width:2.125rem;line-height:0}
.footer .content01 ul li a span{display:block;width:2.125rem;height:2.125rem;transition:.3s ease-in}
.footer .content01 ul li:nth-of-type(1) a span{background:url(../img/instagram-sub.svg) center / contain no-repeat}
.footer .content01 ul li:nth-of-type(2) a span{background:url(../img/note-sub.svg) center / contain no-repeat}
.footer .content01 ul li:nth-of-type(1) a:hover span{background:url(../img/instagram-sub-hover.svg) center / contain no-repeat}
.footer .content01 ul li:nth-of-type(2) a:hover span{background:url(../img/note-sub-hover.svg) center / contain no-repeat}
.footer .content02{font-weight:bold;padding:1.25rem 0;background:#CBBFA0;color:#fff;text-align:center}
.footer .content02 .primary-btn{margin-top:.75rem}
.footer .content02 .primary-btn a{color:#CBBFA0}
.footer .content02 .primary-btn a::after{background:url(../img/arr-icon-sub.svg) no-repeat;background-size:contain}
.footer .content02 .primary-btn a:hover{color:#fff}
.footer .content02 .primary-btn a:hover::after{background:url(../img/arr-icon-wht.svg) no-repeat;background-size:contain}
/*-- back-to-top --*/
.back-to-top{position:fixed;bottom:6rem;right:4%;z-index:5;text-align:center;cursor:pointer;transition:opacity 0.2s ease-In-Out;opacity:0!important}
.back-to-top.show{opacity:1!important}
.back-to-top img{width:3.75rem}
/*-- media queries --*/
@media (min-width:64rem){
.sp-hide{display:block}
.pc-hide{display:none}
/*-- Header --*/
.header .flex-container{max-width:98.75rem}
.header .flex-container--inner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem}
.header .logo{width:11.821rem}
.header .flex{padding:0}
.header .flex > div:nth-of-type(2){display:none}
.header-nav{display:block;height:auto}
.nav--inner{display:flex;align-items:center;gap:clamp(.938rem,6.01vw + -2.91rem,2.5rem)}
.nav--inner ul{display:flex;align-items:center;gap:clamp(.938rem,6.01vw + -2.91rem,2.5rem)}
.nav--inner ul li{margin-bottom:0;padding-top:0}
.nav--inner ul li a{font-size:clamp(.875rem,.83vw + .25rem,1rem)}
.nav--inner ul li a.nav-item::after{content:'';position:absolute;display:inline-block;width:0;right:0;bottom:-10px;left:0;margin:auto;opacity:0;transition:opacity .3s ease-in}
.nav--inner ul li a.nav-item:hover::after{width:34px;height:4px;opacity:1}
.nav--inner .nav-btn{margin-top:0}
.nav--inner .nav-btn ul li+li{margin-top:0}
.nav--inner .nav-btn ul{gap:1.25rem}
.nav--inner .nav-btn a{width:clamp(11.25rem,8.33vw + 5rem,12.5rem);height:3.563rem;line-height:3.563rem}
.nav-open .header-overlay{display:none;opacity:0}
.nav-open .header{height:auto;}
.nav-open .nav--inner{position:relative;padding:0}
.nav--inner > div{display:none}
/*-- Fixed btn --*/
.fixed-s-btn{width:4.25rem;height:7.563rem;bottom:40%}
.fixed-s-btn ul li+li{margin-top:.938rem}
.fixed-s-btn ul li a{width:2.063rem}
.fixed-s-btn ul li a span{width:2.063rem;height:2.063rem}
/*-- primary btn --*/
.primary-btn a,.primary-btn span{font-size:1rem;width:16.125rem;height:3.125rem;line-height:3.125rem}
.primary-btn a::after,.primary-btn span::after{width:1.125rem;height:1.125rem;top:4px}
/*-- Footer --*/
.footer .content-logo img{width:23.291rem}
.footer .content01{margin-top:7.5rem;padding:1.25rem 0}
.footer .content01 .flex-content{display:flex;align-items:center;justify-content:space-between}
.footer .content01 .addr{flex-direction:row;gap:1.875rem}
.footer .content01 ul{margin-top:0;margin-right:-44px}
.footer .content02 .--inner{display:flex;align-items:center;justify-content:center;gap:2.188rem}
.footer .content02 p.txt-img{max-width:39.656rem}
.footer .content02 .primary-btn{margin-top:0}
/*-- back-to-top --*/
.back-to-top{bottom:11.25rem}
.back-to-top img{width:6.125rem}

@media (min-width:90rem){
.footer .content01 ul{margin-right:-88px}
}
@keyframes sdl01{0%{bottom:3.125rem}100%{bottom:-.313rem}}
@keyframes sdl02{0%{opacity:1}50%{opacity:1}100%{opacity:1}}