.header{position:fixed;width:100vw;display:flex;justify-content:space-between;align-items:center;z-index:100}@media screen and (min-width:1024px){.header{padding:0 10px 0 52px;background-color:hsla(0,0%,100%,.25)}}@media screen and (max-width:1023px){.header{padding:0 0 0 20px;background:url(/img/bg/main_bg.webp) repeat 0 0;align-items:normal}}.header h1{width:303px}@media screen and (max-width:1023px){.header h1{width:58%}}.header h1 .logo{display:block;padding:.5em 0}@media screen and (min-width:1024px){.header .menu-btn,.header .menu-icon{display:none}}.header .menu{display:flex;align-items:center;z-index:100}.header .menu li{display:flex}.header .menu li a{padding:0 1vw;display:block}.header .menu li a:hover{color:#f66262}@media screen and (min-width:1024px){.header .menu li a span{display:none}}@media screen and (min-width:1024px){.header .menu li:before{content:"";display:block;width:2px;height:24px;background:url(/img/parts/navi_main_line.svg) no-repeat 50%}.header .menu li:first-of-type:before{display:none}}.header .menu .menu_contact_btn{position:fixed;top:100px;right:0}@media screen and (max-width:1023px){.header .menu .menu_contact_btn{display:none}}.header .menu .menu_contact_btn:before{display:none}.header .menu .menu_contact_btn a{padding:0;margin-right:-10px}.header .menu .menu_contact_btn a:hover{margin-right:0}@media screen and (max-width:1023px){.header .menu-icon{display:flex;justify-content:center;align-items:center;background-color:#f66262;border-bottom-left-radius:10px}.header .menu-icon .navicon{display:block;width:20vw;height:20vw;max-width:100px;max-height:100px;background:url(/img/icon/menu_open.svg) no-repeat 50%}.header .menu{position:absolute;top:101px;max-height:0;transition:max-height .2s ease-out;overflow:hidden;overflow-y:auto}.header .menu-btn{display:none}.header .menu-btn:checked~.menu-icon{z-index:110}.header .menu-btn:checked~.menu-icon .navicon{background:url(/img/icon/menu_close.svg) no-repeat 50%;z-index:120}.header .menu-btn:checked~.menu{top:0;left:0;display:flex;flex-direction:column;width:100%;padding-right:20px;background-color:rgba(0,0,0,.28);height:100vh;max-height:100vh;padding-top:116px}.header .menu-btn:checked~.menu li{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:5px}.header .menu-btn:checked~.menu li a{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;border-radius:0 5px 5px 0;background-color:#fff;font-size:1.5em;padding:.5em 1em}.header .menu-btn:checked~.menu li a:after{content:"";position:absolute;top:calc(50% - 10px);right:28px;display:block;width:13px;height:21px;background:url(/img/icon/arrow_right_m.svg) no-repeat 50%}.header .menu-btn:checked~.menu li a span{font-family:Viga;font-size:14px;color:#f66262}.header .menu-btn:checked~.menu li>ul{display:flex;flex-direction:column}.header .menu-btn:checked~.menu li>ul li{margin-bottom:0}.header .menu-btn:checked~.menu li>ul li:after{content:"";position:absolute;top:0;left:0;display:block;width:90%;height:1px;background-color:#ccc}.header .menu-btn:checked~.menu li>ul li a{display:flex;justify-content:center;padding-left:3em;font-weight:500;font-size:1em}.header .menu-btn:checked~.menu li>ul li a:before{content:"";position:absolute;top:50%;left:20px;display:block;width:20px;height:1px;background-color:#242323}}