.header{position:fixed;top:20px;left:2.5%;width:95%;margin:auto;z-index:9999;display:flex;justify-content:space-between;align-items:flex-start;@media screen and (max-width: 900px){top:10px}.main-logo{width:50px;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:1em;position:absolute;top:0;left:0;@media screen and (max-width: 900px){width:40px}.main-logo__en{width:100%}.main-logo__jp{width:25%;height:auto}}.header__nav{width:300px;aspect-ratio:4/5;transform:translate(100%);background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='_レイヤー_2'%20data-name='レイヤー%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20388.41%20491.29'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2366bbb4;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='contents'%3e%3cpath%20class='cls-1'%20d='M384.56,177.88c-15.32,97.04-38.98,313.41-137.22,313.41S0,240.55,0,142.31,108.44,0,206.68,0s203.29,16.94,177.88,177.88Z'/%3e%3c/g%3e%3c/svg%3e");background-position:right top;background-size:contain;background-repeat:no-repeat;transition:ease .4s;position:fixed;right:-20px;top:0;transform:scale(0) rotate(45deg);opacity:0;&.is-open{transform:scale(1) rotate(0);opacity:1}.nav__items{padding-top:5em;padding-bottom:3em;padding-right:50px;display:flex;flex-direction:column;align-items:flex-end;gap:.5em;a{display:inline-block;text-align:right;font-size:18px;color:var(--color-white)}.nav__iconlist{display:flex;gap:1em}}.nav-items__item:last-child{margin-top:30px}.ig-logo,.shop-logo{width:24px;height:24px}}.header__hamburger{background-color:transparent;border-color:transparent;z-index:9999;width:40px;height:30px;position:absolute;top:0;right:0;@media screen and (max-width: 900px){width:30px;height:20px}img{width:100%;transition:ease .4s;display:block;position:absolute;left:50%;transform:translate(-50%);z-index:9999;&:nth-child(1){top:0}&:nth-child(2){top:50%}&:nth-child(3){top:100%}}&.is-open{img{&:nth-child(1){top:80%;transform:rotate(45deg) translate(-50%)}&:nth-child(2){opacity:0}&:nth-child(3){top:0%;transform:rotate(-37deg) translate(-50%)}}}}}.hamburger-overlay{width:100%;height:100%;background:#00000080;visibility:hidden;opacity:0;&.is-open{visibility:visible;opacity:1}}:root{--color-white: #fff;--color-green: #637D6E;--color-red: red;--color-teal: #66bbb4;--color-dark: #333}*{margin:0;padding:0;box-sizing:border-box}html{width:100%}body{width:100%;position:relative;font-family:Noto Sans JP,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.section{width:100%;position:relative;padding:100px 0;@media screen and (max-width: 900px){padding:70px 0}@media screen and (max-width: 500px){padding:50px 0}}.container{width:85%;margin:auto;max-width:1500px;@media screen and (max-width: 1600px){padding-left:20px}@media screen and (max-width: 900px){width:86%}}.is-stack{display:flex;flex-direction:column;gap:1.5em}.h2{font-size:38px;color:var(--color-white);font-weight:400;@media screen and (max-width: 900px){font-size:25px}}.h3{font-size:28px;color:var(--color-white);font-weight:400;line-height:1.3;@media screen and (max-width: 900px){font-size:19px}}.enh3{font-size:16px;color:var(--color-white);font-weight:lighter;@media screen and (max-width: 900px){font-size:15px}}.br-sp,.br-tab,.br-pc{display:inline}@media screen and (max-width: 500px){.br-sp{display:block}}@media screen and (max-width: 900px){.br-tab{display:block}}@media screen and (min-width: 901px){.br-pc{display:block}}.jptext{font-size:16px;color:var(--color-white);@media screen and (max-width: 900px){font-size:15px}}.entext{font-size:14px;font-weight:lighter;color:var(--color-white);@media screen and (max-width: 900px){font-size:15px}}.is-float{animation:float 4s ease-in-out infinite;display:inline-block}.is-float:nth-child(1){animation-delay:0s}.is-float:nth-child(2){animation-delay:.4s}.is-float:nth-child(3){animation-delay:.6s}.is-float:nth-child(4){animation-delay:.8s}.is-float:nth-child(5){animation-delay:1.2s}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-8px) rotate(1deg)}50%{transform:translate(-2px,-4px) rotate(-1deg)}75%{transform:translate(1px,-6px) rotate(.5deg)}to{transform:translate(0) rotate(0)}}.footer{position:relative;background:var(--color-teal);padding:0 0 70px;color:var(--color-white);.footerbg{position:absolute;bottom:calc(100% - 2px);left:0%;width:100%;z-index:1;display:block;img{width:auto}}.footer_wrap{display:grid;grid-template-columns:50px 1fr 1fr;align-items:flex-end;gap:2em;@media screen and (max-width: 500px){grid-template-columns:1fr;gap:1em}}.footer_info__wrap{display:flex;align-items:flex-end;color:var(--color-white)}.footer_main-logo{width:100%;z-index:3;@media screen and (max-width: 500px){width:40px;margin:auto}img{width:100%}}.footertext{font-size:15px;@media screen and (max-width: 500px){text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}}.email-tel-2{@media screen and (max-width: 500px){text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}}.email-2,.tel-2{display:flex;align-items:center;gap:1rem}.footer-image1,.footer-image2{display:flex;align-items:center;justify-content:center;width:25px;height:20px}.footer-image1 img,.footer-image2 img{width:auto;height:15px}.footer_sns__icon{display:flex;gap:2rem}.footer_sns__wrap{display:flex;justify-content:flex-end;@media screen and (max-width: 500px){justify-content:center}}.logolist{height:auto;img{width:auto;height:50px;transition:opacity .3s ease;&:hover{opacity:.8}@media screen and (max-width: 500px){height:30px}}}}
