﻿.Header{position:fixed;top:0;z-index:10;width:100%}.Header .Top-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.Header .Top-wrapper .Top-logo{width:36px;height:61px;margin:10px 0 0 40px}@media only screen and (max-width:1024px){.Header .Top-wrapper .Top-logo{margin:0}}.Header .Top-wrapper .Top-nav{font-family:"Helvetica Neue";font-size:14px;color:#fff}.Header .Top-wrapper .Top-nav ul{display:flex}.Header .Top-wrapper .Top-nav ul li:not(:first-of-type){margin-left:30px}@media only screen and (max-width:1024px){.Header .Top-wrapper .Top-nav{display:none}}.Header .Top-wrapper .menuButton{display:none}@media only screen and (max-width:1024px){.Header .Top-wrapper .menuButton{display:block;width:25px;height:20px;position:relative;top:-3%;transition:0.3s;z-index:20}}@media only screen and (max-width:1024px){.Header .Top-wrapper .menuButton div{height:1px;width:80%;background:#fff;position:absolute;top:6%;left:50%;transition:0.3s}}.Header .Top-wrapper .menuButton div:nth-of-type(1){transform:translate(-50%, -5px);transform-origin:0% 50%}.Header .Top-wrapper .menuButton div:nth-of-type(2){transform:translate(-50%, 0px);transform-origin:0% 50%}.Header .Top-wrapper .menuButton div:nth-of-type(3){transform:translate(-50%, 5px);transform-origin:0% 50%}.Header .Top-wrapper .menuButton.active div:nth-of-type(1){transform:rotate(45deg) translate(-50%, 0)}.Header .Top-wrapper .menuButton.active div:nth-of-type(2){opacity:0}.Header .Top-wrapper .menuButton.active div:nth-of-type(3){transform:rotate(-45deg) translate(-50%, 0)}.Header .Top-wrapper .menuButton.active{position:relative;z-index:400}.Header .Top-wrapper nav{opacity:0;visibility:hidden;transition:0.5s;position:fixed;top:0px;right:-50%;z-index:300;background-color:#fff;font-size:20px;padding-top:13%;padding-left:7px;padding-right:7px;padding-bottom:0;width:100%;height:100%}.Header .Top-wrapper nav .nav__list{font-size:2.5rem;padding-left:50%;transform:translateX(-3%)}.Header .Top-wrapper nav .nav__list li:not(:first-of-type){margin-top:2rem}.Header .Top-wrapper nav.active{opacity:1;visibility:visible;background-color:#EFCCD0;color:#fff;font-size:1.8rem;font-family:"Helvetica";right:0}.Header .Top-wrapper nav.active .footer-underbar-hd{display:flex;justify-content:center;margin-top:3rem}@media only screen and (max-width:375px){.Header .Top-wrapper nav.active .footer-underbar-hd{flex-direction:column;margin-left:30%}}.Header .Top-wrapper .footer-underbar-hd{display:none}.Header .Top-wrapper .footer-underbar-hd .footer-btn-hd{border:3px solid #00BFC7;width:25%;text-align:center;color:#fff;background-color:#00BFC7;padding:12px;font-size:14px;letter-spacing:0.3em;font-weight:bold}@media only screen and (max-width:375px){.Header .Top-wrapper .footer-underbar-hd .footer-btn-hd{width:66%;margin-bottom:1rem}}.Header .Top-wrapper .footer-underbar-hd .footer-btn-hd:first-child{margin-right:0.3rem}.Header .Top-wrapper .Top-btn{border:1px solid #FFD576;border-radius:20px;width:152px;background-color:#FFD576;margin:0 50px 0 115px;color:#000}.Header .Top-wrapper .Top-btn .T-tell{font-size:12px;font-family:"Noto Sans JP";text-align:center;padding:5px}.Header .Top-wrapper .Top-btn .T-tell::before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;margin-right:3px}