.header{height:100vh;position:fixed;left:0;top:0;width:8em;z-index:30;transition:all .2s ease-out;background-color:rgba(0,0,0,.75)}@media screen and (max-width:768px){.header{height:auto;padding:0;width:100%}}.header .menu-btn:hover{background-color:#f4f4f4}.header .logo{display:block;height:130px;width:100%;padding:5px 10px;background-image:url(/img/parts/logo.png);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;display:flex;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;height:calc(100vh - 130px);flex-wrap:wrap}@media screen and (max-width:768px){.header .menu{display:none;-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial}}.header .menu li a{display:block;padding:.5em;color:#fff;font-weight:600;font-family:游明朝,Yu Mincho,serif;position:relative}.header .menu li a.router-link-exact-active,.header .menu li a:hover{color:#d5cc94;border-left:1px solid #d5cc94}.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:#6e6a51;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;background-color:#6e6a51}.header .menu-icon:hover{background-color:#d5cc94}.header .menu-icon b{position:absolute;left:0;right:0;bottom:8px;font-family:游ゴシック,Yu gothic;font-size:6px;text-align:center}.header .menu-icon .navicon{background:#fff;display:block;height:2px;position:relative;transition:background .2s ease-out;width:22px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#fff;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~.menu{margin:10vw;color:#292929;height:calc(100vh - 66px);max-height:calc(100vh - 66px);display:block}.header .menu-btn:checked~.menu li{margin-bottom:1px}@media screen and (max-width:768px){.header .menu-btn:checked~.menu li{margin-bottom:5px}}.header .menu-btn:checked~.menu li a{background-color:#eeebd8;color:#1d1b1b;padding:1em;border-left:8px solid #6e6a51}.header .menu-btn:checked~.menu li a:hover{background-color:#d5cc94}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}.header .menu-btn:checked~.bg{width:100%;height:100%;background-image:url(/img/photo/index_about.webp);background-size:cover;background-position:50%;position:absolute;left:0;top:0;z-index:-1}.header.moved{background-color:rgba(184,169,75,.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:#6e6a51}.header.over-mv .menu-icon .navicon,.header.over-mv .menu-icon .navicon:after,.header.over-mv .menu-icon .navicon:before{background:#fff}