nav#header-nav{position:absolute;left:0;top:0;width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 45px;background:0 0;transform:translateY(0);transition:transform .5s ease,background .5s ease;font-family:'Open Sans',sans-serif;z-index:99999}nav#header-nav.scrolling{position:fixed;height:70px;top:-70px;left:0;right:0;background:#fff;-webkit-transform:translateY(70px);transform:translateY(70px);transition:transform .5s ease,background .5s ease;box-shadow:0 2px 10px rgba(0,0,0,.1)}nav#header-nav .title{text-decoration:none;font-size:35px;font-weight:700;letter-spacing:-4px;color:var(--color-black);padding:4px 0}nav#header-nav .menu ul{list-style-type:none;display:flex;padding:0;margin:0;gap:45px}nav#header-nav .menu ul li a{text-decoration:none;color:var(--color-gray);font-weight:700;font-size:14px}nav#header-nav .menu ul li a:hover{color:var(--color-gray-light)}main#header-main{position:relative;width:100%}main#header-main .container{width:100%;max-width:var(--max-width);margin:0 auto;padding-top:10em;padding-bottom:5em;padding-left:16px;padding-right:16px}main#header-main .container h1{font-size:64px;font-family:"Roboto",sans-serif;font-weight:700}main#header-main .container h2{font-size:16px;font-weight:400;color:var(--color-gray-light2)}main#header-main:before{content:"";background:url(//korat.co.jp/wp-content/themes/korat-theme/css/../img/header.png) no-repeat scroll center right;position:absolute;right:0;top:0;height:100%;max-width:1233px;width:100%;pointer-events:none;z-index:-1}button#menu-button{position:absolute;top:0;right:0;display:none;width:70px;height:70px;border:none;background:0 0;justify-content:center;align-items:center;flex-direction:column;gap:6px}button#menu-button span{display:inline-block;background:var(--color-black);width:50%;height:4px;transition:.5s}button#menu-button.open{gap:0;transition:.5s}button#menu-button.open span:nth-child(1){transform:translateY(4px)}button#menu-button.open span:nth-child(3){transform:translateY(-4px)}@media (max-width:768px){button#menu-button{display:flex}main#header-main .container{padding-top:2em;padding-bottom:0;padding-left:16px;padding-right:16px}main#header-main .container h1{margin-top:1.5em;margin-bottom:0;font-size:48px}nav#header-nav{position:fixed;height:70px;padding:0 1em;background-color:var(--color-pearl);box-shadow:0 2px 10px rgba(0,0,0,.1);justify-content:left}nav#header-nav.scrolling{top:0;transform:translateY(0)}nav#header-nav .menu{justify-content:left;height:0;overflow:hidden;transition:.5s}nav#header-nav .menu.open{position:fixed;display:flex;top:70px;left:0;width:100%;height:unset;max-height:calc(100vh - 65px);background:var(--color-pearl);box-shadow:0 2px 10px rgba(0,0,0,.3)}nav#header-nav .menu ul{width:100%;flex-direction:column;gap:1em;padding:1em;transition:.5s}nav#header-nav .menu ul li a{display:block;padding:1em 0;width:100%}}