nav a{-webkit-transition:all .2s;transition:all .2s;font-weight:bold;color:#242424;display:block}ul.mainlink span{font-size:0.475em;display:block;line-height:1.25em}ul.mainlink{font-size:1.375rem}ul.mainlink div{line-height:1em}nav ul li a:hover{color:#e50012 !important}nav ul li a:hover div{animation:kurukuru 2s infinite}#header_nav{height:3.75rem;border-radius:0 0 0 15px;position:absolute;z-index:999;right:0;top:0;padding:0 1.5rem;height:5rem}#header_nav ul.mainlink{text-align:center;display:flex;float:right;padding-right:3.75rem;height:100%;align-items:center}#header_nav ul.mainlink li{padding:0 1rem}#btn-menu{z-index:1001;cursor:pointer;aspect-ratio:1 / 1;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:80px;height:80px;position:fixed;right:0;top:0}#btn-menu .in{width:25px;height:25px;position:relative}#btn-menu .in span{position:absolute;display:block;width:5px;height:5px;background-color:#242424;-webkit-transition:all .2s linear;transition:all .2s linear;border-radius:0.1rem}@media (hover: hover){#btn-menu:hover span{background-color:#e50012}}#btn-menu .in span.tl{top:0;left:0}#btn-menu .in span.tc{top:0;left:10px}#btn-menu .in span.tr{top:0;right:0}#btn-menu .in span.cl{top:10px;left:0}#btn-menu .in span.cc{top:10px;left:10px}#btn-menu .in span.cr{top:10px;right:0}#btn-menu .in span.bl{bottom:0;left:0}#btn-menu .in span.bc{bottom:0;left:10px}#btn-menu .in span.br{bottom:0;right:0}#btn-menu .in.on span.tl{top:20px;left:20px}#btn-menu .in.on span.tc{top:10px;left:10px}#btn-menu .in.on span.tr{top:20px;right:20px}#btn-menu .in.on span.cl{top:10px;left:10px}#btn-menu .in.on span.cc{top:10px;left:10px}#btn-menu .in.on span.cr{top:10px;right:10px}#btn-menu .in.on span.bl{bottom:20px;left:20px}#btn-menu .in.on span.bc{bottom:10px;left:10px}#btn-menu .in.on span.br{bottom:20px;right:20px}.menu-container{overflow-y:scroll;position:fixed;opacity:0;display:none;top:0;left:0;width:100%;height:100%;background:rgba(255,225,0,0.9);transition:all 0.2s ease-in-out;z-index:-999;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu.open .menu-container{top:0;z-index:1000;opacity:100}.menu.open ~ #wrapper{filter:blur(5px)}.sub_nav_load{width:100%}.sub_nav_load .logo_area{text-align:center;font-size:90%;line-height:1.5}.sub_nav_load .logo_area img{padding-bottom:1rem}.sub_nav_load ul.mainlink{display:flex;flex-wrap:wrap;font-size:1.3rem;justify-content:center}.sub_nav_load ul.mainlink>li{width:33.3333%;padding-bottom:3rem}.sub_nav_load ul.mainlink span{margin-bottom:1.5em;line-height:1.5em}.sub_nav_load ul.mainlink .icon_sns_warp{padding:.5em 0 2em}.sub_nav_load ul.mainlink .icon_sns_warp a{width:1.75em;display:block;height:1.75em;padding:0.25em;border-radius:10%}.sub_nav_load ul.mainlink .icon_sns_warp a:hover{background:#000}.sub_nav_load ul.mainlink .icon_sns_warp a:hover .g{fill:#fff}.sub_nav_load ul.mainlink li.sns div{font-size:1rem}.sub_nav_load ul.mainlink li.sns ul.sub_link{padding-left:0;border-left:none}.sub_nav_load ul.sub_link{border-left:solid #fff 2px;padding-left:0.55em}.sub_nav_load ul.sub_link li{font-size:0.55em;line-height:3em}.sub_nav_load ul.sub_link_min li{font-size:0.5em}.menu-container .section_inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.875rem;padding:0 10vw;margin:5vh 0 0}.menu-container .logo_area{max-width:170px !important;margin:0 auto}.menu-container .logo_area p{display:none}.menu-container nav{margin:0 auto}.menu-container ul.mainlink{font-size:1.5rem}.menu-container ul.sub_link li{font-size:0.5em}#header_nav,#btn-menu{transition:top 0.5s ease-out, opacity 0.5s ease-out}#header_nav.fixed,#btn-menu.fixed{position:fixed;top:0;right:0}#header_nav.fixed::after{right:0}#header_nav.fixed:before{top:0}#header_nav.fixed ul.mainlink li{display:none}@media screen and (max-width: 970px){#header_nav{width:80px;height:80px}#header_nav ul.mainlink{display:none}#btn-menu{width:80px;height:80px}}@media screen and (max-width: 600px){#header_nav{width:66px;height:66px}#header_nav ul.mainlink{display:none}#btn-menu{width:66px;height:66px}.sub_nav_load ul.mainlink{font-size:1.4rem}.sub_nav_load .logo_area img{width:150px;padding-bottom:2rem}.sub_nav_load ul.mainlink{justify-content:space-evenly}.sub_nav_load ul.mainlink>li{width:47%}.sub_nav_load ul.sub_link li{font-size:0.58em}}
