@charset "UTF-8";
*{box-sizing:border-box} html,body{margin:0;padding:0} html{background:#292929} body{min-height:100vh;background:#292929;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Arial,sans-serif} img{display:block;max-width:100%} button{padding:0;border:0;background:none;cursor:pointer}
.site{width:min(100%,750px);min-height:100svh;margin:0 auto;background:#fff;overflow:hidden}
.header{position:relative;height:160px;display:flex;align-items:center;justify-content:center;background:#fff;z-index:10}.header__logo{width:155px;margin:0}.header__logo a{display:block}.header__logo img{width:100%;height:auto}.menu-button{position:absolute;top:50%;right:32px;width:42px;transform:translateY(-50%);z-index:20}.menu-button img{width:100%;height:auto}
.keyvisual,.keyvisual__viewport{width:100%;overflow:hidden}.keyvisual__viewport{position:relative;height:calc(100svh - 160px);min-height:600px;background:#fff}.keyvisual__track{display:flex;width:max-content;height:100%;will-change:transform}.keyvisual__panel{flex:none;height:100%}.keyvisual__panel img{width:auto;max-width:none;height:100%;object-fit:contain}
.global-menu{position:fixed;inset:0;display:flex;justify-content:center;visibility:hidden;opacity:0;background:#292929;transition:opacity .25s ease,visibility .25s ease;z-index:1000}.global-menu.is-open{visibility:visible;opacity:1}.global-menu__inner{position:relative;width:min(100%,750px);height:100svh;margin:0 auto;background:#fff;overflow:hidden}.global-menu__close{position:absolute;top:14px;right:14px;width:22px;height:22px;z-index:10}.global-menu__close img{width:100%;height:auto}.global-menu__nav{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;width:100%;padding:58px 20px 135px;z-index:2}.menu-item{display:flex;align-items:center;justify-content:center;text-decoration:none}.menu-item img{width:auto;max-width:min(78vw,360px);max-height:46px}.global-menu__koneko{position:absolute;left:25px;bottom:15px;width:130px;height:auto;z-index:1;pointer-events:none}
@media (max-width:767px){.header{height:105px}.header__logo{width:115px}.menu-button{right:20px;width:28px}.keyvisual__viewport{height:calc(100svh - 105px);min-height:520px}.global-menu{padding:22px 18px}.global-menu__inner{width:100%;height:calc(100svh - 44px)}.global-menu__close{top:7px;right:7px;width:15px;height:15px}.global-menu__nav{gap:9px;padding:32px 12px 90px}.menu-item img{max-width:62vw;max-height:33px}.global-menu__koneko{left:8px;bottom:7px;width:72px}}
@media (prefers-reduced-motion:reduce){.global-menu{transition:none}}

/* PC: site and opened menu use the full browser width */
@media screen and (min-width:768px){
  .site{width:100%;max-width:none;margin:0;}
  .global-menu__inner{width:100%;max-width:none;margin:0;}
}
