#navi_toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;text-align:center;font-size:10px;line-height:5%;overflow:hidden;z-index:1000;transition-property:bottom, right, background;transition-duration:0.2s, 0.2s, 0.4s;transition-timing-function:cubic-bezier(0, 0.7, 0.3, 1)}@media only screen and (max-width: 700px){#navi_toggle{width:40px;height:40px}}body.navi_open #navi_toggle{bottom:10px;right:10px;background-color:#00000000;transition-duration:0.2s, 0.2s, 0.4s;transition-timing-function:cubic-bezier(0, 0.7, 0.3, 1)}#navi_toggle>button.switch{z-index:10;display:block;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;width:100%;height:100%}#navi_toggle>button.switch>span{display:block;position:absolute;top:0;left:-5%;height:6%;bottom:0;margin:auto;width:40%;background-color:#ffffff;-webkit-transition-property:background-color, top, width;transition-property:background-color, top, width;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-delay:0s;transition-delay:0s;pointer-events:none;right:0}@media only screen and (max-width: 700px){#navi_toggle>button.switch>span{height:2px}}body.navi_open #navi_toggle>button.switch>span{background-color:#ffffff00;width:50%}#navi_toggle>button.switch>span::before,#navi_toggle>button.switch>span::after{content:"";background-color:#ffffff;position:absolute;display:block;left:0;width:100%;height:100%;-webkit-transition-duration:0.2s, 0.2s, 0.2s;transition-duration:0.2s, 0.2s, 0.2s;-webkit-transition-delay:0.2s, 0s, 0s;transition-delay:0.2s, 0s, 0s}body.navi_open #navi_toggle>button.switch>span::before,body.navi_open #navi_toggle>button.switch>span::after{background-color:#ffffff;-webkit-transition-delay:0s, 0.2s, 0.2s;transition-delay:0s, 0.2s, 0.2s}#navi_toggle>button.switch>span::before{-webkit-transition-property:top, -webkit-transform, background-color, width;transition-property:top, transform, background-color, width;top:-250%;width:110%}@media only screen and (max-width: 700px){#navi_toggle>button.switch>span::before{top:-300%}}body.navi_open #navi_toggle>button.switch>span::before{top:0%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:100%}#navi_toggle>button.switch>span::after{-webkit-transition-property:bottom, -webkit-transform, background-color, width;transition-property:bottom, transform, background-color, width;bottom:-270%;width:90%}@media only screen and (max-width: 700px){#navi_toggle>button.switch>span::after{bottom:-300%}}body.navi_open #navi_toggle>button.switch>span::after{bottom:0%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:100%}#navi_toggle>div{position:absolute;bottom:10%;left:0;right:0;pointer-events:none;opacity:0;z-index:2;display:none}#navi_toggle>div>span{z-index:auto}#navi_toggle>div.open{opacity:1}body.navi_open #navi_toggle>div.open{opacity:0}#navi_toggle>div.open>span{z-index:auto}body.navi_open #navi_toggle>div.close{opacity:1}#navi_toggle>div.close>span{z-index:auto}#navi{position:fixed;color:#FFF;top:0;right:0;width:90px;height:90px;pointer-events:none;z-index:999;overflow:hidden;transition-property:width, height;transition-duration:0.2s, 0.2s;transition-timing-function:ease-out, ease-out}@media only screen and (max-width: 700px){#navi{width:70px;height:70px}}body.navi_open #navi{top:0;pointer-events:auto;right:0;height:100%;width:100%;transition-delay:0s, 0s;transition-duration:0s, 0s}#navi>nav{top:20px;right:20px;position:absolute;transition-property:top, right, width, max-height, background;transition-duration:0.2s, 0.2s, 0.2s, 0.2s, 0.2s;transition-timing-function:cubic-bezier(0, 0.7, 0.3, 1);width:50px;max-height:50px;background:#333333bf;overflow:hidden;z-index:2;border-radius:5px}@media only screen and (max-width: 700px){#navi>nav{top:20px;right:20px;width:40px;max-height:40px}}body.navi_open #navi>nav{top:20px;right:10px;width:280px;transition-duration:0.2s, 0.2s, 0.2s, 0.2s, 0.2s;transition-timing-function:cubic-bezier(0, 0.7, 0.3, 1);max-height:380px;height:calc(100% - 10px);background:#000000}#navi>nav>div.scroll_base{width:100%;height:100%;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-transform:translateZ(0px);opacity:0;transition-property:opacity;transition-duration:0.1s;transition-delay:0s;transition-timing-function:ease-out}body.navi_open #navi>nav>div.scroll_base{transition-duration:0.4s;transition-delay:0.2s;opacity:1}#navi>nav>div.scroll_base>div.inner{padding:40px 40px;width:100%}#navi>nav>div.scroll_base>div.inner>ul li{padding:5px 0}#navi>nav>div.scroll_base>div.inner>ul>li.has_child{padding:0.5em 0}#navi>nav>div.scroll_base>div.inner>ul>li>ul{padding-left:1em}#navi>nav>div.scroll_base>div.inner>ul>li>ul>li::before{content:"-"}#navi>nav>div.scroll_base>div.inner a{color:#FFFFFF;letter-spacing:0.2em;display:inline-block;padding:10px 10px;line-height:1;font-size:20px;font-weight:bold;white-space:nowrap;font-family:'smart_font_ui'}#navi>nav>div.scroll_base>div.inner a>div.text{position:relative}#navi>nav>div.scroll_base>div.inner a>div.text::after{content:"";height:1px;width:100%;background:#AAAAAA;position:absolute;left:0;bottom:-5px;opacity:0;transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease-out}#navi>nav>div.scroll_base>div.inner a.on>div.text::after{opacity:1;transition-duration:0.1s}#navi>div.overlay{height:100%;width:100%}a.btn[href$='/contact']{font-family:'smart_font_ui';font-weight:bold;letter-spacing:0.1em;display:flex;width:140px;height:30px;justify-content:center;align-items:center;white-space:nowrap;background:#003149;color:#ffffff;border-radius:15px;line-height:1;padding:0.15em 0 0 0.1em;font-size:15px}@media only screen and (max-width: 700px){a.btn[href$='/contact']{font-size:13px;width:110px;height:25px}}a.btn[href$='/contact']>div.inner{display:flex;width:100%;justify-content:center;align-items:center}a.btn[href$='/contact']>div.inner>div.icon{margin:0 5px 0 -7.5px}a.btn[href$='/contact']>div.inner>div.icon>svg{display:block;width:1.35em;fill:#FFF}@media only screen and (max-width: 700px){a.btn[href$='/contact']>div.inner>div.text{padding-top:0}}.float_btn{position:fixed;top:30px;right:110px;z-index:990}@media only screen and (max-width: 700px){.float_btn{top:27.5px;right:80px}}@media only screen and (max-width: 450px){.float_btn>a.btn{position:relative;top:-80px;transition-property:top;transition-timing-function:ease-out;transition-duration:0.4s}html.scrolled .float_btn>a.btn,html.modal_scrolled .float_btn>a.btn{top:0}}.top_btn{display:none;position:absolute;top:27.5px;right:70px;z-index:990}@media only screen and (max-width: 450px){.top_btn{display:block}}@media only screen and (max-width: 350px){.top_btn{top:70px;right:20px}}.top_btn>a.btn{font-size:10px;width:85px;height:25px;padding:0.1em 0 0}.top_btn>a.btn>div.inner>div.icon{margin:0 4px 0 -5px}nav#navi_root{position:absolute;z-index:1;height:150px;width:100%;top:0;bottom:0;margin:auto;padding:80px 0 0;opacity:0;pointer-events:none;transition-property:padding, opacity;transition-duration:0s;transition-timing-function:ease-out}nav#navi_root>ul{display:flex;justify-content:center;height:50px;align-items:center;font-size:14px;letter-spacing:0.2em;text-align:center}@media only screen and (max-width: 700px){nav#navi_root>ul{font-size:2vw}}@media only screen and (max-width: 450px){nav#navi_root>ul{display:block;font-size:14px}}nav#navi_root>ul>li{padding:0 1em}@media only screen and (max-width: 450px){nav#navi_root>ul>li{padding:0 0;margin-bottom:15px}}nav#navi_root>ul>li>ul{display:none}nav#navi_root>ul>li.root{display:none}nav#navi_root>ul>li>a{position:relative;color:#000000;display:block}@media only screen and (max-width: 450px){nav#navi_root>ul>li>a{display:inline-block}}nav#navi_root>ul>li>a::after{content:"";position:absolute;height:1px;width:100%;bottom:0;left:0;right:0;background:#33333380;opacity:0;transition-property:opacity;transition-duration:1s;transition-timing-function:ease-out}nav#navi_root>ul>li>a.on::after{opacity:1;transition-duration:0.2s}nav#navi_root>ul>li>a>div.text{display:block}nav#navi_root>ul>li>a>div.text>span{display:block}nav#navi_root>ul>li.lang{padding:0}@media only screen and (max-width: 450px){nav#navi_root>ul>li.lang{margin-top:30px}}nav#navi_root>ul>li.lang>ul{display:flex;position:relative;justify-content:center;align-items:center}nav#navi_root>ul>li.lang>ul::after{content:"";height:10px;width:1px;background:#000000;position:absolute;top:0;bottom:0;left:-5px;right:0;margin:auto}nav#navi_root>ul>li.lang>ul>li{display:block;padding:0 0.25em}html.lang_jp nav#navi_root>ul>li.lang>ul>li.jp>a,html.lang_en nav#navi_root>ul>li.lang>ul>li.en>a{pointer-events:none}html.lang_jp nav#navi_root>ul>li.lang>ul>li.jp>a::after,html.lang_en nav#navi_root>ul>li.lang>ul>li.en>a::after{content:"";width:3px;height:3px;background:#000000;position:absolute;bottom:0;left:-3px;right:0;margin:auto;border-radius:50%;opacity:0.5}nav#navi_root>ul>li.lang>ul>li>a{display:block;padding:0 0.5em;color:#000000;position:relative}nav#navi_root>ul>li.lang>ul>li>a>div.text{display:block}nav.navi_top_common{position:absolute;z-index:2;width:100%;top:30px;right:0;opacity:1;pointer-events:auto;transition-property:opacity;transition-duration:1s;transition-timing-function:ease-out;padding:0 10px}@media only screen and (max-width: 1000px){nav.navi_top_common{top:35px}}@media only screen and (max-width: 600px){nav.navi_top_common{top:25px;padding:0 5px}}@media only screen and (max-width: 450px){nav.navi_top_common{top:10px;padding:0 0;left:0;width:88%;margin:0 auto}}body.modal[class*='portfolio/'] nav.navi_top_common{z-index:1}nav.navi_top_common>ul{display:flex;justify-content:flex-end;height:auto;align-items:center;font-size:14px;letter-spacing:0.2em;padding-top:50px}@media only screen and (max-width: 1000px){nav.navi_top_common>ul{font-size:12px}}@media only screen and (max-width: 600px){nav.navi_top_common>ul{font-size:11px}}@media only screen and (max-width: 450px){nav.navi_top_common>ul{padding-top:90px;justify-content:space-between;font-size:2.5vw}}@media only screen and (max-width: 350px){nav.navi_top_common>ul{font-size:10px;display:block;text-align:right;padding-top:85px}}nav.navi_top_common>ul li.active>a::after{opacity:1;transition-duration:0.2s}nav.navi_top_common>ul>li{z-index:auto;padding:0 1em}@media only screen and (max-width: 450px){nav.navi_top_common>ul>li{padding:0 0}}@media only screen and (max-width: 350px){nav.navi_top_common>ul>li{padding:10px 0}}nav.navi_top_common>ul>li>ul{display:none}nav.navi_top_common>ul>li.root{display:none}nav.navi_top_common>ul>li>a{display:block;position:relative;color:#333333}@media only screen and (max-width: 350px){nav.navi_top_common>ul>li>a{display:inline-block}}nav.navi_top_common>ul>li>a::after{content:"";position:absolute;height:1px;width:100%;bottom:0;left:0;right:0;background:#33333380;opacity:0;transition-property:opacity;transition-duration:1s;transition-timing-function:ease-out}nav.navi_top_common>ul>li>a.on::after{opacity:1;transition-duration:0.2s}nav.navi_top_common>ul>li>a>div.text{display:block}nav.navi_top_common>ul>li>a>div.text>span{display:block}nav.navi_top_common>ul>li.lang{position:absolute;top:0;padding:0 0.25em}@media only screen and (max-width: 450px){nav.navi_top_common>ul>li.lang{right:-3.5%}}nav.navi_top_common>ul>li.lang>ul{display:flex;position:relative}nav.navi_top_common>ul>li.lang>ul::after{content:"";height:10px;width:1px;background:#777777;position:absolute;top:0;bottom:0;left:-5px;right:0;margin:auto}nav.navi_top_common>ul>li.lang>ul>li{display:block;padding:0 0.5em}html.lang_jp nav.navi_top_common>ul>li.lang>ul>li.jp>a,html.lang_en nav.navi_top_common>ul>li.lang>ul>li.en>a{pointer-events:none}html.lang_jp nav.navi_top_common>ul>li.lang>ul>li.jp>a::after,html.lang_en nav.navi_top_common>ul>li.lang>ul>li.en>a::after{content:"";width:3px;height:3px;background:#333;position:absolute;bottom:0;left:-3px;right:0;margin:auto;border-radius:50%;opacity:0.5}nav.navi_top_common>ul>li.lang>ul>li>a{display:block;padding:0 0.5em;color:#333333;position:relative}nav.navi_top_common>ul>li.lang>ul>li>a>div.text{display:block}
/*# sourceMappingURL=navi.css.map */