.header{height:100vh;position:fixed;left:0;top:0;width:15em;z-index:100;transition:all .2s ease-out;padding:1em 2em}@media screen and (max-width:768px){.header{height:auto;padding:0;width:100%;background-color:#fff;overflow-y:auto}}.header .menu-btn:hover{background-color:#f4f4f4}.header .logo{display:block;height:150px;width:100%;padding:5px 10px;background-image:url(/img/parts/logo.svg);background-position:50%;background-size:70%}@media screen and (max-width:768px){.header .logo{height:70px;width:100px}}.header .logo img{-webkit-filter:brightness(3);filter:brightness(3);object-fit:cover;font-family:"object-fit: cover;";height:66px;width:200px;margin-left:16px}.header .menu{margin:auto}@media screen and (max-width:768px){.header .menu{display:none}}@media screen and (min-width:769px){.header .menu li.sp_only{display:none}}.header .menu li a{display:block;padding:1em;background-image:url(/img/icon/arwb.svg);background-position:center left .3em;background-size:.4em;padding-left:1.5em;font-weight:600;font-family:游ゴシック,Yu gothic;position:relative;border-bottom:1px solid #fff;color:#000;text-shadow:0 0 .1em #fff,0 0 .2em #fff,0 0 .3em #fff,0 0 .5em #fff}.header .menu li a.router-link-exact-active,.header .menu li a:hover{border-bottom:1px solid #888}.header .menu li a[href*=contact]{background-image:url(/img/icon/mail.svg);background-size:1em;background-position:0}.header .menu li a[href*=blog]{background-image:url(/img/icon/pen.svg);background-size:1em;background-position:0}.header .menu li.menu_contact_btn a{overflow:hidden;transition:.3s;height:6rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#7ca6a4;color:#fff;font-size:2.6rem}.header .menu li.menu_contact_btn a:hover{-webkit-transform:unset;transform:unset}.header .menu-icon{display:none;cursor:pointer;padding:32px 22px;position:absolute;right:0;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.header .menu-icon b{position:absolute;left:0;right:0;bottom:8px;font-family:游ゴシック,Yu gothic;font-size:.5rem;text-align:center}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:22px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:8px}.header .menu-icon .navicon:after{top:-8px}@media screen and (max-width:768px){.header .menu-icon{display:block}}.header .menu-btn{display:none}.header .menu-btn:checked~.scroll{overflow-y:auto;height:100vh;padding-bottom:10em;background-image:url(/img/photo/menu_bg.webp);background-size:cover;background-position:50%}.header .menu-btn:checked~.scroll .logo{background-image:url(/img/parts/logo_l.svg);height:100px;width:50%;margin:2em auto 0;background-size:contain}.header .menu-btn:checked~.scroll .menu{margin:10vw;color:#292929;height:calc(100vh - 66px);max-height:calc(100vh - 66px);display:block}.header .menu-btn:checked~.scroll .menu li{margin-bottom:1px}.header .menu-btn:checked~.scroll .menu li a{background-color:hsla(0,0%,100%,.9);border:none;background-image:none;text-align:center}.header .menu-btn:checked~.scroll .menu li [href*=contact]:before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:.5em;background-image:url(/img/icon/mail.svg);background-size:contain;vertical-align:middle}.header .menu-btn:checked~.scroll .menu li [href*=blog]:before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:.5em;vertical-align:middle;background-size:contain;background-image:url(/img/icon/pen.svg)}.header .menu-btn:checked~.scroll .menu li [href*=tel]{background-color:hsla(0,0%,100%,.2);border:1px solid #fff;padding:1em;font-size:.8em;margin:1rem 0}.header .menu-btn:checked~.scroll .menu li [href*=tel] b{font-size:2rem;margin-left:.2em}.header .menu-btn:checked~.scroll .menu-icon .navicon{background:transparent}.header .menu-btn:checked~.scroll .menu-icon .navicon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff}.header .menu-btn:checked~.scroll .menu-icon .navicon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff}.header .menu-btn:checked~.scroll .menu-icon b{color:#fff}.header .menu-btn:checked~.scroll .menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.scroll .menu-icon:not(.steps) .navicon:before{top:0}.header.moved{background-color:rgba(36,36,35,.7)}.header.over-mv{transition:all .2s ease-out;background-color:#fcfcfc;color:#292929;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1)}.header.over-mv.scrolled-down{opacity:0;z-index:-1}.header.over-mv .menu-btn:hover{background-color:#f4f4f4}.header.over-mv .logo{background-image:url(/nav_logo.svg)}.header.over-mv .logo img{-webkit-filter:brightness(1);filter:brightness(1)}.header.over-mv .menu li a{color:#292929;border-right:1px solid #f7f7f7}.header.over-mv .menu li a.router-link-exact-active,.header.over-mv .menu li a:hover{background-color:#efefef}.header.over-mv .menu-icon{background-color:#7ca6a4}.header.over-mv .menu-icon .navicon,.header.over-mv .menu-icon .navicon:after,.header.over-mv .menu-icon .navicon:before{background:#fff}