header{position:relative;z-index:2}header:before{-webkit-animation:fluidrotate 30s ease 0s infinite;animation:fluidrotate 30s ease 0s infinite;background:var(--color-light-green);block-size:26vh;content:"";display:block;inline-size:120vw;inset-block-start:-3em;inset-inline-start:-15em;position:absolute;z-index:0}header nav{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:hsla(38,44%,90%,.5);block-size:100vh;display:none;inline-size:100vw;inset-block-start:-2em;position:fixed}.logo{--bgw:138px;aspect-ratio:1/.78;inline-size:var(--bgw);position:relative;-webkit-margin-before:1em;-webkit-margin-start:1em;font-family:bl;margin-block-start:1em;margin-inline-start:1em}.logo a{background:url(../images/hana_logo.webp) no-repeat 0 0/cover;display:block;inset:0;position:absolute;-webkit-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s;z-index:1}.logo a:hover{opacity:.5}.menu_btn{--btw:17vw;aspect-ratio:1;background:url(../images/menu_btn.webp) no-repeat 50% 50%;background-color:var(--color-white);background-size:60%;border-radius:0 0 0 1em;display:block;inline-size:var(--btw);inset-block-start:0;inset-inline-end:0;margin:0;position:fixed;z-index:2}.menu_btn:has(:checked)+nav{display:-webkit-box;display:-ms-flexbox;display:flex}.menu_list{position:relative;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(--color-skin);block-size:68vh;display:grid;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;list-style-image:none;list-style-position:inside;margin:4em auto 0;padding:4vw 6vw}.menu_list li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:2em;line-height:1.5em;position:relative;-webkit-transition:background-color .6s ease 0s;transition:background-color .6s ease 0s}.menu_list li:hover{background-color:var(--color-white)}.menu_list a{-webkit-margin-end:1em;color:var(--color-black);font-weight:700;margin-inline-end:1em;text-decoration:none}.menu_list a:after{content:"";display:block;inset:0;position:absolute}@media screen and (min-width:1200px){header{display:-webkit-box;display:-ms-flexbox;display:flex;inline-size:calc((100vw - var(--max-main-width))/2);position:fixed;z-index:0}header:before{block-size:50vh;inline-size:55vw;inset-block-start:-19em;inset-inline-start:-14em}header nav{display:grid;inline-size:calc((100vw - var(--max-main-width))/2);-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.logo{--bgw:190px;margin:-4em auto 0}.menu_btn{display:none}.menu_list{background:transparent;block-size:48vh;margin:auto;padding:0;position:relative;z-index:1}.menu_list li{padding:0}.contact-link{border-radius:2em;inline-size:22vw;inset:auto auto 14vh calc((100vw - var(--max-main-width))/2/2 - 11vw);position:fixed;white-space:nowrap}}