@keyframes fadeIn{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;margin-top:0}100%{opacity:1;margin-top:-100px}}video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}html{font-size:62.5%}body{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:1rem;line-height:1.8;font-weight:400;color:#333;letter-spacing:.2em;font-feature-settings:"palt";-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background-color:#fff;height:auto;margin:0}#app{position:relative;z-index:1}#app header{position:fixed;top:0;left:0;right:0;z-index:1;animation:fadeIn 2s ease}#app header h1{text-indent:-9999px;background:url(images/logo_w.png) no-repeat top left;background-size:contain;width:70px;height:47px;position:absolute;top:35px;left:80px;z-index:1}#app header h1 a{display:block;height:100%}#app #mainmenu{position:absolute;top:40vh;left:0;right:0;z-index:1;animation:fadeIn 2s ease}#app #mainmenu ul{display:flex;justify-content:center}#app #mainmenu ul li{margin-right:2em}#app #mainmenu ul li:last-child{margin-right:0}#app #mainmenu ul li a{color:rgba(0,0,0,0.6);padding:0 25px;display:block;font-size:4vw;line-height:2;color:#fff;font-family:Cambria, Georgia, serif;border:1px solid #fff;transition:.3s}#app #mainmenu ul li a:hover{background:rgba(255,255,255,0.8);color:#000}#app #burgermenu>a{display:block;height:15px;width:20px;position:absolute;left:40px;top:35px;z-index:9999;text-indent:-9999px}#app #burgermenu>a:before,#app #burgermenu>a:after{content:"";display:block;height:2px;width:100%;background:#fff;position:absolute;left:0;right:0;transition:.3s}#app #burgermenu>a:before{top:0}#app #burgermenu>a:after{bottom:0}#app #burgermenu>a:hover:before{top:2px}#app #burgermenu>a:hover:after{bottom:2px}#app #burgermenu>ul{opacity:0;position:absolute;top:0;left:0;height:100vh;right:0;background:#fff;padding:100px;box-sizing:border-box;z-index:-1;transition:.3s;pointer-events:none;overflow-y:scroll}#app #burgermenu>ul>li{margin-bottom:50px}#app #burgermenu>ul>li h2{font-weight:600;margin-bottom:15px}#app #burgermenu>ul>li a{line-height:2;font-size:1.4rem;display:block;padding-left:1em}#app #burgermenu>ul>li li{margin-bottom:15px}#app #burgermenu.open>a:before{background:#000;transform:rotate(45deg);top:40%}#app #burgermenu.open>a:after{background:#000;transform:rotate(-45deg);bottom:44%}#app #burgermenu.open>ul{opacity:1;pointer-events:initial;z-index:9998}#app header.scrolled h1{background-image:url(images/logo_b.png)}#app header.scrolled #burgermenu>a:before,#app header.scrolled #burgermenu>a:after{background:#000}#app #intro{position:relative;background-color:#222;overflow:hidden;width:100vw;height:100vh}#app #intro h1{display:inline-block;text-indent:-9999px;background:url(images/logo_w.png) no-repeat top left;background-size:contain;width:20%;height:20%;position:absolute;top:40%;left:10%;animation:fadeIn .3s ease}#app #intro video{animation:fadeIn .2s ease;min-width:100vw;min-height:100vh;z-index:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}#app>section.selected{height:auto}#app>section.selected>ul{height:auto;max-height:100%;width:100% !important;left:0 !important;position:relative;transition:none}#app>section.selected>ul li{height:auto;max-height:auto;overflow-y:scroll;z-index:0}#app>section.selected>ul li .info{position:relative;width:80%;margin:0 auto;padding:60px 0;left:auto;bottom:auto;top:auto;z-index:9;background-color:rgba(255,255,255,0.9);animation:fadeInUp 1s ease forwards;border-radius:10px 10px 0 0}#app>section.selected>ul li .info h1{font-size:40px;margin:10px 0 25px}#app>section.selected>ul li .info h1,#app>section.selected>ul li .info h2,#app>section.selected>ul li .info h3,#app>section.selected>ul li .info p{width:600px;max-width:80%;margin-left:auto;margin-right:auto}#app>section.selected>ul li .info .caption{font-size:16px;padding:30px 0 0;line-height:1.8em}#app>section.selected>ul li .detail{position:relative;background-color:rgba(255,255,255,0.9);z-index:9;animation:fadeIn 1s ease}#app>section.selected>ul li .detail .body{padding:40px 0;width:600px;max-width:80%;margin:30px auto;line-height:1.8em;font-size:18px}#app>section.selected>ul li video,#app>section.selected>ul li img{width:100%;position:relative;left:0;top:0;transform:none;-webkit-transform:none}#app>section.selected>ul li video{width:80%;margin:0 auto;display:block;border:10px solid #eee;box-sizing:border-box}#app>section.selected>ul li>img{position:fixed;top:0;left:0;animation:fadeIn 1s ease}#app>section.selected>ul li .close{height:50px;width:50px;position:fixed;top:20px;right:20px;box-sizing:border-box;line-height:50px;display:inline-block;z-index:999}#app>section.selected>ul li .close:before,#app>section.selected>ul li .close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);content:'';position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-25px;display:block;height:4px;width:50px;background-color:rgba(0,0,0,0.6);transition:all .25s ease-out}#app>section.selected>ul li .close:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}#app>section.selected>ul li .close:hover:before,#app>section.selected>ul li .close:hover:after{transform:rotate(0deg);-webkit-transform:rotate(0deg)}#app>section>ul li{width:100vw;position:relative;cursor:pointer;overflow:hidden}#app>section>ul li .info{position:absolute;bottom:10vw;top:10vw;left:10vw;min-width:300px;width:20vw;display:flex;flex-direction:column;justify-content:space-between}#app>section>ul li .info h1{margin:0;line-height:1.3;color:rgba(0,0,0,0.8);font-size:32px;font-size:max(2.8vw, 32px)}#app>section>ul li .info h2{font-size:14px;font-size:max(1vw, 14px)}#app>section>ul li .info h2 span{margin-left:10px}#app>section>ul li .info h3{margin:.5em 0;font-size:1.6rem;font-size:max(1.3vw, 1.6rem);font-weight:600}#app>section>ul li .info h3 span{font-size:1.2rem;font-size:max(1vw, 1.2rem);margin-left:10px}#app>section>ul li .info .caption{font-size:12px;font-size:max(.65vw, 12px)}#app>section>ul li#sb4:not(.selected) .info{width:30vw;bottom:3vw}#app>section>ul li#sb4:not(.selected) .info .more{position:absolute;right:-150px;margin:0;bottom:0}#app>section>ul li .more{display:inline-block;padding:10px 20px;background:#000;color:#fff;margin-top:25px;border-radius:15px}#app>section>ul li video,#app>section>ul li img{width:100%;min-width:100%;height:auto;z-index:0}#app nav#voiceMenu{background-color:#f0f0f0;display:flex;flex-wrap:nowrap;z-index:999;position:relative}#app nav#voiceMenu p{padding:20px;width:200px;min-width:200px;font-size:20px;background-color:#fb4e06;color:#fff}#app nav#voiceMenu ul{display:flex;flex-wrap:nowrap;flex:auto}#app nav#voiceMenu ul li{flex:auto;font-size:16px}#app nav#voiceMenu ul li a{color:#000;padding:20px;display:block;border-right:1px solid #fff;height:100%;box-sizing:border-box}#app nav#voiceMenu ul li a:hover{background-color:rgba(251,78,6,0.4)}#app nav#voiceMenu ul li.selected a{background-color:#bbb;color:#fff}#app nav#voiceMenu ul li:last-child a{border-right:none}#app nav#voiceMenu.os p{background-color:#45bab8}#app nav#voiceMenu.os ul li a:hover{background-color:rgba(69,186,184,0.4)}#app>video{width:100%;max-width:100%;height:auto;margin:0 auto;z-index:2;position:relative}footer{z-index:999;position:relative;background-color:#fff}footer section{width:600px;margin:0 auto;padding:80px 0}footer section h1{margin-bottom:30px;font-size:28px}footer section h2{font-size:20px;margin-bottom:30px}footer section p{border-bottom:1px solid #ccc;padding-bottom:4px;margin-bottom:6px;font-size:18px;line-height:32px}footer section p a{background:url(images/instagram.png) no-repeat top left;text-align:left;text-indent:-9999px;width:32px;height:32px;display:inline-block;margin-left:10px}footer section ul{margin-bottom:10px}footer section ul a{margin-left:10px}footer section ul a:hover{text-decoration:underline}@media screen and (max-width:780px){#app>section.selected>ul li .info h1,#app>section.selected>ul li .info h2,#app>section.selected>ul li .info h3,#app>section.selected>ul li .info p{max-width:100% !important}#app>section.selected>ul li .info .caption{padding-top:0}#app>section.selected>ul li .detail .body{padding-top:0;font-size:1.6rem;width:90%}#app>section.selected>ul li .close{height:32px;width:32px;line-height:32px}#app>section.selected>ul li .close:before,#app>section.selected>ul li .close:after{margin-left:-16px;width:32px}#app>section>ul li img{width:200% !important;margin-left:-50% !important}#app>section>ul li#sb1 img{margin-left:-58% !important}#app>section>ul li#sb4:not(.selected) .info .more{position:relative;right:auto;margin:25px 0 50px;bottom:0}#app>section>ul li .info{position:relative !important;bottom:auto !important;left:auto !important;top:auto !important;width:90% !important;box-sizing:border-box !important;padding:25px 25px 15px !important;margin:-50px auto 0 !important;background:rgba(255,255,255,0.8) !important}#app>section>ul li .info h1{font-size:24px !important}#app>section>ul li .info h2{font-size:12px}#app>section>ul li .more{position:relative;right:auto;bottom:auto;display:block;margin-bottom:50px;text-align:center}#app #voiceMenu{display:block}#app #voiceMenu p{width:100%;box-sizing:border-box}#app #voiceMenu ul li{text-align:left;font-size:14px}#app #voiceMenu ul li a{border-right:none;border-bottom:1px solid #fff}#app #voiceMenu ul li:last-child a{border-bottom:none}footer section{width:90%}}@media screen and (max-width:479px){#app header h1{top:20px;left:50px}#app #mainmenu ul{display:block}#app #mainmenu ul li{margin:0 auto 10px;width:80%}#app #mainmenu ul li:last-child{margin-right:auto}#app #mainmenu ul li a{display:block;font-size:2.4rem;text-align:center}#app #burgermenu>a{left:20px;top:20px}#app #burgermenu>ul{padding:50px}#app #intro h1{width:30%;height:30%}#app>section.selected>ul li .detail .body{width:90%}#app>section.selected>ul li>img{width:140vw;left:-20vw}#app nav#voiceMenu ul{display:block}}.lozad{opacity:0;transition:.8s;filter:grayscale(100%);transform:translateY(50px) scale(1.05);min-width:1px;min-height:50px}.lozad[data-loaded=true]{opacity:1;transition:opacity .3s .5s,transform .5s .5s,filter .3s .5s;filter:grayscale(0);transform:translateY(0) scale(1);min-height:1px}/*# sourceMappingURL=./main.css.map */