@font-face {
    font-family: 'Gotham-XLight';
    src: url('../fonts/Gotham-XLight.eot');
    src: url('../fonts/Gotham-XLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-XLight.woff') format('woff'),
        url('../fonts/Gotham-XLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}





html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
figure{margin:0;}
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
*, *::after, *::before{box-sizing:border-box;}
html, body{background:#000;font-size:14px;line-height:2;letter-spacing:.12em;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;color:#fff;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;}
.eng, .eng body{font-family:'Gotham-Bold', sans-serif;}
a{color:#fff;text-decoration:none;}
.brackets{margin:0 -0.45em}
.scene{height:100%;background:#000;}
.scene .stage{background-repeat:no-repeat;background-size:cover;background-position:center;}
.scene.home .stage{text-align:center;}
.scene .stage:before{content:'';display:block;background:#000;position:absolute;opacity:1;width:100%;height:100%;right:0;top:0;z-index:1;}
.loaded .scene .stage:before{opacity:.5;}
.player-bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;}
.player{position:absolute;left:0;top:0;width:100%;height:100%;}
@media only screen and (min-width:800px){body{overflow:hidden;}
.scene{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%!important;}
.scene .stage{visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
}
.loader{position:fixed;z-index:100;left:50%;bottom:20%;width:40x;height:40px;margin-left:-20px;margin-bottom:-20px;}
.loader svg{width:40px;height:40px;fill:none;stroke:#00a6ce;stroke-width:4px;transition:all 1s;stroke-dasharray:220;stroke-dashoffset:220;-webkit-animation:loading 8s infinite 1s;animation:loading 8s infinite 1s;}
.yts .loader svg{-webkit-animation-play-state:paused;animation-play-state:paused;}
.ytl .loader svg{-webkit-animation-play-state:running;animation-play-state:running;}
@-webkit-keyframes loading{0%{stroke-dashoffset:220;}
35%{stroke-dashoffset:0;}
50%{stroke-dashoffset:0;}
85%{stroke-dashoffset:-220;}
100%{stroke-dashoffset:-220;}
}
@keyframes loading{0%{stroke-dashoffset:220;}
35%{stroke-dashoffset:0;}
50%{stroke-dashoffset:0;}
85%{stroke-dashoffset:-220;}
100%{stroke-dashoffset:-220;}
}
.ie .loader svg{stroke-dashoffset:55;animation:loadingIE 1s linear infinite 0s;}
@keyframes loadingIE{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.ie.ie9 .loader svg{display:none;}
.ie.ie9 .loader{background:url(../img/loading.gif) no-repeat center;}
.loaded .loader{-webkit-transform:translateY(160px);transform:translateY(160px);opacity:0;}
.playbtn{display:block;position:relative;box-sizing:content-box;border:1px solid rgba(255, 255, 255, .4);font-family:'Gotham-XLight', sans-serif;font-size:13px;letter-spacing:.18em;height:48px;line-height:46px;white-space:nowrap;}
.playbtn > *{display:inline-block;height:48px;vertical-align:middle;}
.playbtn-text{padding:0 20px 0 25px;text-align:center;}
.playbtn-icon{border-left:1px solid rgba(255, 255, 255, .4);width:48px;position:relative;right:-1px;top:-1px;}


.playbtn1{display:block;position:relative;box-sizing:content-box;border:1px solid rgba(255, 255, 255, .4);font-family:'Gotham-XLight', sans-serif;font-size:13px;letter-spacing:.18em;height:48px;line-height:46px;white-space:nowrap;}
.playbtn1 > *{display:inline-block;height:48px;vertical-align:middle;}
.playbtn1-text{padding:0 20px 0 25px;text-align:center;}
.playbtn1-icon{border-left:1px solid rgba(255, 255, 255, .4);width:48px;position:relative;right:-1px;top:-1px;}




.icon-play_c{display:block;position:absolute;left:50%;top:50%;margin:-9px;width:18px;height:18px;border-radius:50%;border:1px solid #00a6ce;}
.icon-play_p{display:block;position:absolute;left:50%;top:50%;margin:-6px;width:12px;height:12px;background:url(../img/icon-play.png) no-repeat center;background-size:12px;}
.play .icon-play_p{background-image:url(../img/icon-close.png);}
.playbtn, .icon-play_c, .playbtn-icon{transition:all .6s;}
.playbtn1, .icon-play_c, .playbtn-icon{transition:all .6s;}


.btnsize{line-height:46px;font-size:46px;}
.btnsize.outer .in{vertical-align:top;}
.outer{overflow:hidden;display:inline-block;vertical-align:bottom;}
.outer .in{display:inline-block;}
.outer .in{-webkit-transform:translateY(2em);transform:translateY(2em);}
.outer .in.down{-webkit-transform:translateY(-2em);transform:translateY(-2em);}
.titlef div{display:inline-block;white-space:nowrap;}
.titlef .efin{display:inline-block;}
.fix{position:fixed;z-index:5;}
.area-inner{display:table;width:100%;height:100%;}
.area-body{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:0 4%;}
.area-top, .area-bottom{height:16.6666%;width:100%;}
.area-top{top:0;z-index:12;}
.area-bottom{bottom:0;}
.area-right{z-index:4;right:4%;top:50%;margin-top:-10px;width:20px;height:20px;line-height:20px;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.area-top, .area-bottom, .area-right{opacity:0;visibility:hidden;transition:opacity .5s;}
.loaded .area-top, .loaded .area-bottom, .loaded .area-right{opacity:1;visibility:visible;}
.line-top, .line-bottom{width:0;height:1px;background:#fff;opacity:.1;right:0;z-index:12;}
.line-top{top:16.6666%;}
.line-bottom{bottom:16.6666%;}
.loaded .line-top, .loaded .line-bottom{width:100%;}
@media only screen and (min-width:800px){.line-top, .line-bottom{transition:top .6s ease 0s, bottom .6s ease 0s, width .6s ease 0s;}
.sub.play .line-top, .sub.play .line-bottom{transition:top .6s ease .6s, bottom .6s ease .6s, width .6s ease 0s;}
}
.sitetitle{left:4%;top:28%;font-family:'Gotham-XLight', sans-serif;font-size:16px;color:#00a6ce;display:none;}
.loaded .sitetitle{display:block;}
.subnav{font-family:'Gotham-XLight', sans-serif;width:300px;text-align:center;margin-left:-150px;}
.subnav li{display:inline-block;position:relative;padding:0 10px 0 15px;letter-spacing:0.12em;}
.subnav li:before{content:'';display:block;width:1px;height:12px;background:#fff;position:absolute;left:0;top:4px;}
.subnav li:first-child:before{display:none;}
.subnav a{position:relative;font-size:12px;display:block;color:#fff;transition:all .4s;}
.subnav a:before{content:'';display:block;width:0;height:1px;background:#00a6ce;position:absolute;left:0;bottom:2px;transition:all .4s cubic-bezier(.77,0,.18,1);}
.area-top .pagenav{float:left;font-family:'Gotham-XLight', sans-serif;line-height:50px;margin-right:40px;}
.area-top .pagenav span{padding-right:6px;}
.area-top .pagenav a{position:relative;}
.area-top .pagenav .lang-current{color:#00a6ce;opacity:.5;}
.area-top .pagenav a:after{content:'';display:block;width:0;height:1px;background:#00a6ce;position:absolute;left:0;bottom:-4px;transition:all .2s cubic-bezier(.77,0,.18,1);}
.area-top .filmtoggle{float:right;}
.area-top .snsnav{float:right;}
.snsnav li{display:inline-block;}
.share-facebook, .share-twitter{cursor:pointer;}
.icon-facebook, .icon-twitter{display:block;position:relative;margin:14px 6px 0;width:17px;height:20px;}
.icon-facebook:after, .icon-twitter:after{content:'';display:block;width:0;height:1px;background:#00a6ce;position:absolute;left:0;bottom:-4px;transition:all .4s cubic-bezier(.77,0,.18,1);}
.icon-facebook svg, .icon-twitter svg{stroke:none;fill:#fff;width:17px;height:17px;transition:all .4s;}
.filmtoggle{width:0;opacity:0;transition:all 1s;}
.filmtoggle .outer span{transition:transform .6s ease-out;}
.sn .filmtoggle, .sub .filmtoggle, .play .filmtoggle{width:210px;margin-left:30px;opacity:1;}
.sn .filmtoggle{transition-delay:.3s;}
.area-bottom .current{content:'';position:absolute;width:20%;height:2px;top:-1px;left:0;background:#00a6ce;}
.scenenav{width:100%;height:100%;position:relative;}
.scenenav li{display:block;float:left;width:20%;height:100%;vertical-align:middle;text-align:center;position:relative;cursor:pointer;}
.scenenav li:before{content:'';display:block;width:1px;height:30px;background:#fff;opacity:.1;position:absolute;left:0;top:50%;margin-top:-15px;}
.scenenav li:first-child:before{display:none;}
.scenenav li span{display:block;position:absolute;width:100%;left:0;}
.scenenav li .en{font-family:'Gotham-XLight', sans-serif;font-size:15px;letter-spacing:.18em;bottom:50%;}
.scenenav li .ja{color:#00a6ce;font-size:13px;top:50%;}
.scenenav li .one{font-family:'Gotham-XLight', sans-serif;font-size:15px;letter-spacing:.1em;bottom:50%;margin-bottom:-0.75em;}
.scenenav li .one:after{content:"";display:block;width:20px;height:1px;background:#00a6ce;position:absolute;left:50%;bottom:-5px;margin-left:-10px;}
.scenenav-poster{position:absolute;width:100%;height:101%;-webkit-transform:scale(.95);transform:scale(.95);left:0;top:0;overflow:hidden;opacity:0;transition:all .5s ease-in-out;}
.scenenav-poster .inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;}
.scenenav-poster:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:.3;}
.scenenav li:hover .scenenav-poster{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
.home .scenenav-poster .inner{background-image:url(../img/poster1-mini.jpg);text-align:center;}
.love .scenenav-poster .inner{background-image:url(../img/poster2-mini.jpg);}
.trust .scenenav-poster .inner{background-image:url(../img/poster3-mini.jpg);}
.dream .scenenav-poster .inner{background-image:url(../img/poster4-mini.jpg);}
.hope .scenenav-poster .inner{background-image:url(../img/poster5-mini.jpg);}
.stage-container{position:absolute;width:100%;height:66.6666%;left:0;top:16.6666%;z-index:2;}
.stage-inner{display:table;width:100%;height:100%;}
.stage-body{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:0 4%;}
.scene-title, .scene-message{position:relative;display:inline-block;vertical-align:top;}
.scene-title{width:20%;min-width:250px;padding:73px 0;}
.scene-message{width:60%;}
.scene.home h1{font-family:'Gotham-XLight', sans-serif;padding:0 60px;font-size:106px;color:#00a6ce;font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.13em;-webkit-transform:translateY(75px);transform:translateY(75px);}
.loaded .scene.home h1{-webkit-transform:translateY(0);transform:translateY(0);transition:all .6s cubic-bezier(0.2, 0.6, 0.35, 1);}
.scene.home h2{font-family:'Gotham-XLight', sans-serif;font-size:18px;font-weight:400;line-height:1;margin-top:2em;margin-bottom:2em;}
.scene.hilight h2{font-size:24px;line-height:1.25;}
.scene.hilight h3{font-family:'Gotham-XLight', sans-serif;font-size:55px;color:#00a6ce;font-weight:400;text-transform:uppercase;line-height:1;margin:.3em 0 .35em;}
.eng .scene.hilight h3{margin-top:.2em;}
.scene-message_inner{width:580px;margin:0 auto;height:320px;padding:80px 0;position:relative;}
.scene-headline p{display:inline-block;position:relative;font-size:24px;line-height:1;margin:.25em auto;}
.scene-headline p .outer{margin:8px 0;}
.scene-headline .firstline{font-size:30px;color:#00a6ce;}
.eng .scene-headline p{font-family:'Gotham-XLight', sans-serif;line-height:1.3;margin:.1em auto .2em;}
.eng .scene-headline p .outer{margin:3px 0;}
.eng .scene-headline .firstline{text-transform:uppercase;}
.firstline:before,
.secondline:after{content:'';position:absolute;display:block;width:14px;height:13px;opacity:0;}
.firstline:before{background:background-size:14px;left:-30px;top:5px;}
.secondline:after{background:background-size:14px;right:-50px;bottom:5px;}
.scene-description{width:100%;height:50px;position:absolute;left:0;bottom:0;}
.scene-description .outline{width:50px;height:50px;border:1px solid #00a6ce;position:absolute;left:0;bottom:0;opacity:0;}
.scene-description_text{position:absolute;left:0;top:-20px;padding:45px;visibility:hidden;opacity:0;}
.scene-description_text p{font-weight:bold;margin-bottom:1em;letter-spacing:0.075em;}
.eng .scene-description_text p{line-height:1.6;font-weight:normal;}
.readmore{display:block;width:50px;height:50px;position:absolute;left:0;bottom:0;z-index:2;opacity:0;border:1px solid transparent;}
.readmore .inner{width:18px;height:18px;margin:16px;position:relative;}
.readmore .inner span{position:absolute;left:0;width:100%;height:2px;background:#00a6ce;transition:all .6s;}
.readmore .inner span.bd1{top:0;}
.readmore .inner span.bd2{top:5px;-webkit-transform-origin:left top;transform-origin:left top;}
.readmore .inner span.bd3{top:10px;-webkit-transform-origin:left bottom;transform-origin:left bottom;}
.readmore .inner span.bd4{top:15px;width:75%;}
.readmore:hover .inner span.bd4{width:100%;}
.readmore, iframe
.scene-description .outline{transition:opacity .5s;}
.scene-description{transition:all .6s;}
.firstline:before,
.secondline:after{transition:all .5s;}
.scene.visible .firstline:before,
.scene.visible .secondline:after,
.scene.visible .readmore{opacity:1;transition-delay:1s;}
.scene.visible .scene-description .outline{opacity:.4;}
.scene .scene-message.reading .scene-description{height:100%;transition-delay:0s;}
.scene .scene-message.reading .scene-description_text{visibility:visible;}
.scene .scene-message.reading .firstline:before,
.scene .scene-message.reading .secondline:after{opacity:0;transition-delay:0s;}
.scene-message.reading .readmore .inner span.bd1,
.scene-message.reading .readmore .inner span.bd4{-webkit-animation:readmore1 .8s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore1 .8s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore1{0%{left:0;width:100%;}
50%{left:0;width:100%;}
100%{left:100%;width:0;}
}
@keyframes readmore1{0%{left:0;width:100%;}
50%{left:0;width:100%;}
100%{left:100%;width:0;}
}
.scene-message.reading .readmore .inner span.bd2{-webkit-animation:readmore2 1.2s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore2 1.2s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore2{0%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
33%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
66%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
67%{left:17%;width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:16%;}
100%{left:17%;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:16%;}
}
@keyframes readmore2{0%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
33%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
66%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
67%{left:17%;width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:16%;}
100%{left:17%;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:16%;}
}
.scene-message.reading .readmore .inner span.bd3{-webkit-animation:readmore3 1.2s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore3 1.2s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore3{0%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
33%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
66%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
67%{left:17%;width:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:83%;}
100%{left:17%;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:83%;}
}
@keyframes readmore3{0%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
33%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
66%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
67%{left:17%;width:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:83%;}
100%{left:17%;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:83%;}
}
.scene-message .readmore .inner span.bd1{-webkit-animation:readmore1-rev 1s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore1-rev 1s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore1-rev{0%{left:0;width:0;}
100%{left:0;width:100%;}
}
@keyframes readmore1-rev{0%{left:0;width:0;}
100%{left:0;width:100%;}
}
.scene-message .readmore .inner span.bd4{-webkit-animation:readmore4-rev .75s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore4-rev .75s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore4-rev{0%{left:0;width:0;}
100%{left:0;width:75%;}
}
@keyframes readmore4-rev{0%{left:0;width:0;}
100%{left:0;width:75%;}
}
.scene-message .readmore .inner span.bd2{-webkit-animation:readmore2-rev 1s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore2-rev 1s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore2-rev{0%{left:17%;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:16%;}
48%{left:100%;width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:100%;}
50%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
100%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
}
@keyframes readmore2-rev{0%{left:17%;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:16%;}
48%{left:100%;width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:100%;}
50%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
100%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:5px;}
}
.scene-message .readmore .inner span.bd3{-webkit-animation:readmore3-rev 1s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;animation:readmore3-rev 1s cubic-bezier(0.77, 0, 0.18, 1) 1 forwards;}
@-webkit-keyframes readmore3-rev{0%{left:17%;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:83%;}
48%{left:100%;width:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0%;}
50%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
100%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
}
@keyframes readmore3-rev{0%{left:17%;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:83%;}
48%{left:100%;width:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0%;}
50%{left:100%;width:0;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
100%{left:0;width:100%;-webkit-transform:rotate(0);transform:rotate(0);top:10px;}
}
.ie.ie9 .scene-message.reading .readmore .inner span.bd1,
.ie.ie9 .scene-message.reading .readmore .inner span.bd4{display:none;}
.ie.ie9 .scene-message.reading .readmore .inner span.bd2{left:17%;width:100%;transform:rotate(45deg);top:16%;}
.ie.ie9 .scene-message.reading .readmore .inner span.bd3{left:17%;width:100%;transform:rotate(-45deg);top:83%;}
.subbg{display:block;background:#000;opacity:0;width:100%;height:100%;right:0;top:0;visibility:hidden;}
.subpage-wrapper{right:4%;width:42%;height:66.6666%;top:16.6666%;}
.subpage-wrapper.contact{text-align:center;}
.subpage-inner{display:table;width:100%;height:100%;position:relative;}
.subpage-body{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.subpage-bottom{left:54%;bottom:0;width:42%;height:16.6666%;}
.subpage-close{display:inline-block;width:50px;height:50px;position:relative;border:1px solid transparent;}
.subpage-close:before{content:'';display:block;width:50px;height:50px;border:1px solid #00a6ce;position:absolute;left:-1px;bottom:-1px;opacity:.5;}
.subpage-close .inner{width:18px;height:18px;margin:15px;position:relative;}
.subpage-close .inner span{position:absolute;left:50%;top:50%;margin:-1px -9px;width:100%;height:2px;background:#00a6ce;transition:all .3s;-webkit-transform-origin:center;transform-origin:center;}
.subpage-close .inner .bd1{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.subpage-close .inner .bd2{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.subpage-title{left:0;width:50%;height:100%;top:0;text-align:center;}
.subpage-title h2{font-family:'Gotham-XLight', sans-serif;color:#00a6ce;font-size:70px;line-height:1;}
.subpage-title h2 .in{-webkit-transform:translateY(2em);transform:translateY(2em);}
.scrollarea p{margin-bottom:2em;letter-spacing:0.075em;}
.scrollarea{position:relative;width:100%;height:100%;overflow:hidden;}
.scrollarea > .scrollarea-inner{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0;padding-right:4%;}
.scrollarea > .scrollarea-inner:focus{outline:none;}
.scrollarea > .scrollarea-inner::-webkit-scrollbar{display:none;}
.has-scrollbar > .scrollarea-inner::-webkit-scrollbar{display:block;}
.scrollarea > .scrollarea-pane{position:absolute;width:10px;right:0;top:0;bottom:0;transition:.2s;}
.scrollarea > .scrollarea-pane:before{content:'';display:block;position:absolute;width:2px;height:100%;right:0;background-color:rgba(255, 255, 255, .1);}
.scrollarea > .scrollarea-pane > .scrollarea-slider{background:#00a6ce;position:absolute;width:2px;right:0;}
.creditlist{margin-bottom:3.5em;margin-top:1em;}
.creditlist li{float:left;width:44%;margin-right:6%;margin-top:1.5em;}
.creditlist.thin li{width:27%;}
.creditlist li:nth-child(2n+1){clear:left;}
.creditlist li.full{width:94%;}
.creditlist .group{font-family:'Gotham-XLight', sans-serif;font-size:16px;margin-bottom:5px;line-height:1}
.creditlist .group.ja{font-weight:bold;}
.creditlist .pos{font-family:'Gotham-XLight', sans-serif;font-size:12px;margin-bottom:.5em;line-height:1.6;}
.creditlist .pos.ja{font-weight:bold;font-size:11px;text-indent:-5px;display:inline-block;}
.creditlist .name{font-size:11px;margin-bottom:0;line-height:1.6;opacity:0.8;}
.eng .creditlist .name{font-size:12px;line-height:1.4;}
.creditlist .clogo{border:1px solid rgba(255, 255, 255, .1);text-align:center;margin-bottom:.5em;}
.creditlist .clogo img{max-width:100%;width:100px;vertical-align:bottom;}
.contact-body a{display:inline-block;transition:all .6s;}
.contact-body .mailaddress{width:100%;color:#00a6ce;font-family:'Gotham-XLight', sans-serif;font-size:13px;}
.contact-body .mailaddress a{color:#00a6ce;}
.contact-body a:hover{color:#00a6ce;text-decoration:underline;opacity:.9;}
.subpage-wrapper, .subpage-close, .subpage-title{opacity:0;visibility:hidden;transition:all .6s;}
.pagenav, .subnav, .stage-body, .area-top, .area-bottom, .stage:before{transition:all .6s;}
.sub .subnav{opacity:0;visibility:hidden;}
@media only screen and (min-width:800px){.sub .pagenav, .sub .area-bottom{opacity:0;visibility:hidden;}
.sub .stage-body{opacity:0;}
.sub .line-top, .sub .line-bottom{width:50%;}
.sub .scene .stage:before{opacity:.2;}
}
.subbg{transition:visibility .5s, border .5s;}
.sub .subbg{visibility:visible;border-left:1px solid rgba(255, 255, 255, .5);}
.sub.play .subbg{border-color:rgba(255, 255, 255, 0);}
.sub.page-about .subpage-wrapper.about, .sub.page-about .subpage-title.about{visibility:visible;opacity:1;}
.sub.page-credit .subpage-wrapper.credit, .sub.page-credit .subpage-title.credit{visibility:visible;opacity:1;}
.sub.page-contact .subpage-wrapper.contact, .sub.page-contact .subpage-title.contact{visibility:visible;opacity:1;}
.sub .subpage-close, .sub .makingbtn{visibility:visible;opacity:1;}
.subpage-close{float:left;}
.makingbtn{float:right;display:block;position:relative;box-sizing:content-box;border:1px solid transparent;font-family:'Gotham-XLight', sans-serif;font-size:13px;letter-spacing:.18em;height:48px;width:140px;white-space:nowrap;opacity:0;visibility:hidden;}
.makingbtn > *{display:inline-block;height:48px;line-height:46px;vertical-align:middle;}
.makingbtn .playbtn-text{padding:0 20px 0 0;}
.makingbtn .playbtn-icon{width:auto;border:none;position:relative;}

.makingbtn .playbtn1-text{padding:0 20px 0 0;}
.makingbtn .playbtn1-icon{width:auto;border:none;position:relative;}


.mainplayer, .makingplayer{position:absolute;left:0;top:0;width:100%;height:100%;margin:0 auto;z-index:-1;opacity:0;transition:all .5s;}
.loaded .mainplayer, .loaded .makingplayer{visibility:hidden;z-index:9;}
.mainplayer > #mainplayer, .makingplayer > #makingplayer{width:100%;height:100%;position:absolute;z-index:-1;}
.player-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.player-fill{position:absolute;left:0;width:100%;height:80px;background:#000;z-index:10;}
.player-fill.top{top:0;}
.player-fill.bottom{bottom:0;}
@media only screen and (min-width:800px){.seekbar{position:absolute;width:100%;height:20px;left:0;bottom:-10px;z-index:100;}
.seekbar .ghost{position:absolute;width:100%;height:2px;background:#fff;left:0;bottom:9px;transition:all .5s;opacity:0;}
.seekbar .currenttime{position:absolute;width:0;height:2px;background:#00a6ce;left:0;bottom:9px;transition:all .5s;}
.mainplayer:hover .seekbar .ghost,
.makingplayer:hover .seekbar .ghost{opacity:.2;}
}
.loaded .filmnav-wrapper{position:absolute;opacity:0;visibility:hidden;}
.loaded.play .filmnav-wrapper{opacity:1;visibility:visible;z-index:11;}
.filmnav{border:1px solid rgba(255, 255, 255, .1);border-right:none;vertical-align:bottom;display:inline-block;}
.filmnav li{float:left;}
.filmnav li > a, .filmnav li > div{position:relative;display:block;width:48px;height:48px;border-right:1px solid rgba(255, 255, 255, .1);width:48px;background-size:17px 17px;background-repeat:no-repeat;background-position:15px 50%;}
.filmplay{background-image:url(../img/icon-pause.png);}
.filmplay.paused{background-image:url(../img/icon-play.png);}
.filmsound{background-image:url(../img/icon-sound.png);}
.filmsound:after{content:'';display:block;position:absolute;left:50%;top:50%;margin-left:2px;-webkit-transform-origin:center;transform-origin:center;width:0;height:1px;background-color:#00a6ce;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s;}
.filmsound.muted:after{width:22px;margin-left:-10px;}
.filmlink{background-image:url(../img/icon-link.png);}
.filmshare{background-image:url(../img/icon-share.png);position:relative;}
.filmshare > div{width:0;height:100%;overflow:hidden;white-space:nowrap;background:#000;}
.filmshare > div > div{width:40px;height:48px;float:left;}
.filmshare > div > div span{display:block;margin:12px 18px 18px 12px;text-align:center;}
.filmshare .icon-facebook svg, .filmshare .icon-twitter svg{stroke:none;fill:#00a6ce;width:14px;height:14px;}
.filmshare:hover{width:99px;}
.filmshare:hover > div{width:98px;padding:0 9px;}
.filmnav .filmshare, .filmshare > div{transition:all .3s;}
.play.film .mainplayer,
.play.making .makingplayer{opacity:1;visibility:visible;z-index:11;transition:all .5s ease .5s;}
.play .scene .stage:before{opacity:1;}
.playbtn-text .outer{height:48px;width:110px;white-space:nowrap;}
.playbtn-text .default{-webkit-transform:translateY(0);transform:translateY(0);display:block;}
.playbtn-text .change{-webkit-transform:translateY(48px);transform:translateY(48px);display:block;}
.play .playbtn, .play .playbtn-icon{border-color:rgba(255, 255, 255, .1);}
.play .playbtn-text .default{-webkit-transform:translateY(-46px);transform:translateY(-46px);}
.play .playbtn-text .change{-webkit-transform:translateY(-46px);transform:translateY(-46px);}

.playbtn-text1 .outer{height:48px;width:110px;white-space:nowrap;}
.playbtn-text1 .default{-webkit-transform:translateY(0);transform:translateY(0);display:block;}
.playbtn-text1 .change{-webkit-transform:translateY(48px);transform:translateY(48px);display:block;}
.play .playbtn1, .play .playbtn-icon{border-color:rgba(255, 255, 255, .1);}
.play .playbtn-text1 .default{-webkit-transform:translateY(-46px);transform:translateY(-46px);}
.play .playbtn-text1 .change{-webkit-transform:translateY(-46px);transform:translateY(-46px);}



@media only screen and (min-width:800px){.play .pagenav, .play .snsnav, .play .scenenav-wrapper, .play .stage-container, .play .subbg, .play .subpage-close, .play .subpage-body, .play .sitetitle{opacity:0;visibility:hidden;}
.play.sub .line-top, .play.sub .line-bottom{width:100%;}
}
@media only screen and (min-width:800px){.line{display:block;background:#00a6ce;position:absolute;box-sizing:content-box;}
.line.l1{left:-1px;bottom:24px;width:1px;height:0;}
.line.l2{left:-1px;top:24px;width:1px;height:0;}
.line.t{left:-1px;top:-1px;width:0;height:1px;}
.line.b{left:-1px;bottom:-1px;width:0;height:1px;}
.line.r1{right:-1px;top:-1px;width:1px;height:0;}
.line.r2{right:-1px;bottom:-1px;width:1px;height:0;}
.hov .line.l1, .hov .line.l2,
.hov .line.r1, .hov .line.r2{height:50%;padding-top:1px;}
.hov .line.t, .hov .line.b{width:100%;padding-left:2px;}
.out .line.l1{height:0;bottom:100%;}
.out .line.l2{height:0;top:100%;}
.out .line.t, .out .line.b{width:0;left:100%;margin-left:2px;}
.out .line.r1{height:0;top:50%;}
.out .line.r2{height:0;bottom:50%;}
.out .line{opacity:0;}
.hov .line.l1, .hov .line.l2{transition:all .2s cubic-bezier(0.77, 0, 0.18, 1) 0s;}
.hov .line.t, .hov .line.b{transition:all .4s cubic-bezier(0.77, 0, 0.18, 1) .1s;}
.hov .line.r1, .hov .line.r2{transition:all .2s cubic-bezier(0.77, 0, 0.18, 1) .4s;}
.out .line.l1, .out .line.l2,
.out .line.t, .out .line.b,
.out .line.r1, .out .line.r2{transition:all .5s;}
.readmore .line, .subpage-close .line{background:#00a6ce;opacity:1}
.reading .readmore .line{opacity:0;transition:opacity .3s cubic-bezier(0.77, 0, 0.18, 1);}
.filmnav li{position:relative;}
.playbtn:hover .playbtn-icon{border-color:#00a6ce;}
.playbtn:hover .icon-play_c{-webkit-transform:scale(1.1);transform:scale(1.1);}
.playbtn:hover, .makingbtn:hover{color:#00a6ce;}


.playbtn1:hover .playbtn-icon{border-color:#00a6ce;}
.playbtn1:hover .icon-play_c{-webkit-transform:scale(1.1);transform:scale(1.1);}
.playbtn1:hover, .makingbtn:hover{color:#00a6ce;}


.area-top .pagenav a.hov{color:#00a6ce;}
.area-top .pagenav a.hov:after{width:100%;}
.area-top .pagenav a.out:after{width:0;left:100%;}
.share-facebook.hov .icon-facebook svg, .share-twitter.hov .icon-twitter svg{fill:#00a6ce;}
.share-facebook.hov .icon-facebook:after, .share-twitter.hov .icon-twitter:after{width:100%;}
.share-facebook.out .icon-facebook:after, .share-twitter.out .icon-twitter:after{width:0;left:100%;}
.subnav a.hov{color:#00a6ce;}
.subnav a.hov:before{width:100%;}
.subnav a.out:before{width:0;left:100%;}
}
@media only screen and (max-width:1000px){.scene.home h1{font-size:90px;line-height:1.2;}
.scene-title{width:20%;min-width:200px;}
.scene.hilight h3{font-size:50px;}
.firstline:before{left:-20px;}
.secondline:after{right:-15px;}
.scene-message_inner{width:470px;}
.scene-description_text{padding:30px;}
.scene-headline p{font-size:20px;}
.scene-headline .firstline{font-size:24px;}
}
@media only screen and (max-width:800px){html, body{font-size:13px;line-height:1.8;overflow:hidden;}
.sp-scrollbody{position:fixed;left:0;top:0;width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;}
.sub .sp-scrollbody, .play .sp-scrollbody{-webkit-overflow-scrolling:auto;overflow:hidden;}
.line-top{top:60px;}
.line-bottom{bottom:60px;}
.area-top, .area-bottom{height:60px;background:#000;}
.scenenav li span.en, .scenenav li span.ja{font-size:11px;line-height:1.6;}
.scenenav-poster{display:none;}
.icon-facebook, .icon-twitter{margin:10px 0;}
.icon-facebook svg, .icon-twitter svg{height:15px;}
.filmtoggle{width:184px;margin-left:30px;opacity:1;}
.area-top .playbtn, .sn .filmtoggle, .sub .filmtoggle, .play .filmtoggle{width:184px;}
.area-top .playbtn, .area-top .playbtn > *{height:38px;line-height:36px;}
.area-top .playbtn-text{padding:0 15px;}
.area-top .playbtn-icon{width:38px;}


.area-top .playbtn1, .sn .filmtoggle, .sub .filmtoggle, .play .filmtoggle{width:184px;}
.area-top .playbtn1, .area-top .playbtn > *{height:38px;line-height:36px;}
.area-top .playbtn1-text{padding:0 15px;}
.area-top .playbtn1-icon{width:38px;}





.area-body{padding:0 10px;}
.area-right{right:10px;}
.area-top .pagenav{display:none;}
.area-top .pagenav:first-child{display:block;float:left;line-height:38px;margin-right:3px;}
.area-top .pagenav span{padding-right:3px;}
.area-top .snsnav{float:right;line-height:24px; padding-top:15px;} /*JSO*/
.scene.home{margin-top:60px;}
.scene.hope{margin-bottom:60px;}
.stage-container{position:relative;width:100%;height:100%;left:0;top:auto;z-index:2;padding:30px 0;}
.scene .stage{position:relative;overflow:hidden;}
.scene.home .stage{background-image:url(../img/poster1.jpg);text-align:center;height:100%;}
.player-bg{width:100%!important;margin:0!important;height:170px!important;background-repeat:no-repeat;background-size:cover;background-position:center;}
.player{display:none;}
.scene.love .player-bg{background-image:url(../img/poster2.jpg);}
.scene.trust .player-bg{background-image:url(../img/poster3.jpg);}
.scene.dream .player-bg{background-image:url(../img/poster4.jpg);}
.scene.hope .player-bg{background-image:url(../img/poster5.jpg);}
.loaded .scene .stage:before{opacity:.2;}
.loaded .scene.home .stage:before{opacity:.6;}
.scene.home .player-bg, .scene.home .stage section{height:100%!important;}
.scene .firstline:before,
.scene .secondline:after,
.scene .readmore{opacity:1;transition-delay:1s;}
.scene .scene-description .outline{opacity:.4;transition:width .5s, height .5s, opacity 1s ease 1s;}
.scene.home h1{font-size:60px;line-height:1.2;-webkit-transform:translateY(35px);transform:translateY(35px);}
.scene.home h2{margin:1em 0 1.5em;}
.stage-body{padding:0 45px 0 22px;}
.scene.home .stage-body{padding:0;}
.scene-message_inner{height:auto;padding:0;}
.scene-title, .scene-message, .scene-message_inner{width:100%;}
.scene-title{padding:20px 0 60px;}
.scene.hilight h3, .eng .scene.hilight h3{font-size:34px;}
.eng .scene.hilight h3{margin:0.75em 0;}
.scene-headline .firstline, .eng .scene-headline .firstline{font-size:20px;width:100%;}
.scene-headline p, .eng .scene-headline p{font-size:16px;line-height:1.6;}
.scene-headline p br{display:none;}
.scene-headline p .outer, .eng .scene-headline p .outer, .scene-headline p .in{display:inline;margin:0;}
.scene-description .outline, .scene-description{display:none;}
.scene-description_text{visibility:visible;position:relative;opacity:1;z-index:1;padding:20px 0 0;border-top:1px solid rgba(0, 166, 206, 0.5);margin:20px auto 0;}
.scene-description_text p, .eng .scene-description_text p{font-weight:normal;opacity:.8;text-align:justify;}
.loaded .sitetitle, .area-bottom .current, .firstline:before, .secondline:after{display:none;}
.player-mask{display:none;}
.player-fill{background:#000;width:100%;height:140px;bottom:0;top:auto;}
.mainplayer, .makingplayer{top:0;height:100%;background:#000;}
.play.film .mainplayer, .play.making .makingplayer{z-index:5;}
.play .playbtn-text .change{-webkit-transform:translateY(-36px);transform:translateY(-36px);}

.play .playbtn1-text .change{-webkit-transform:translateY(-36px);transform:translateY(-36px);}

.play .subnav{opacity:0;visibility:hidden;}
.area-bottom.filmnav-wrapper{background:transparent;}
.play .area-bottom.filmnav-wrapper{bottom:70px;}
.filmnav li{display:none;}
.filmnav li:nth-child(3){display:block;}
.subbg{width:0!important;transition:all .5s;}
.sub .area-bottom{opacity:1;visibility:visible;}
.sub .subbg, .sub .line-top, .sub .line-bottom{width:100%!important;transition:all .5s;}
.sub .subbg{opacity:.9!important;border:none;}
.subpage-title{position:fixed;width:100%;height:auto;top:auto;bottom:78%;text-align:left;padding:0 22px;}
.subpage-title h2{font-size:38px;}
.subpage-wrapper{right:0;width:100%;padding:0 17px 0 22px;height:62%;top:20%;}
.subpage-inner{height:100%}
.scrollarea{padding-right:15px;}
.subpage-close{position:fixed;right:10px;bottom:78%;}
.subpage-close, .subpage-close:before{width:40px;height:40px;}
.subpage-close .inner{margin:10px;}
.makingbtn{position:fixed;right:4%;bottom:70px;}
.creditlist li{float:none;width:100%;margin-right:0;margin-top:1em;}
.creditlist.thin li, .creditlist li.full{width:100%;}
.creditlist .group{font-size:14px;font-weight:bold;}
.creditlist .pos, .creditlist .name{font-size:11px;}
.creditlist .clogo{width:50%;}
.creditlist .clogo img{width:60px;}
.loaded .scene.visible h1 .outer .in{transition:none;}
.loaded .scene.home h2 .outer .in, .loaded .scene-title h3 .outer .in, .loaded .firstline .outer .in, .loaded .scene.home h1 .outer .in{transform:translateY(0)!important;}
}
@media only screen and (max-width:480px){.scene.home h1{font-size:34px;line-height:1.2;}
.scene-headline .firstline{font-size:16px;}
.scene-headline p{font-size:14px;}
}
.ie-old body{width:100%;height:100%;overflow:hidden;}
.ie-old .scene, .ie-old .playbtn, .ie-old .area-bottom, .ie-old .area-top, .ie-old .area-right, .ie-old .sitetitle, .ie-old .player-bg{display:none;}


.ie-old .scene, .ie-old .playbtn1, .ie-old .area-bottom, .ie-old .area-top, .ie-old .area-right, .ie-old .sitetitle, .ie-old .player-bg{display:none;}

.ie-old .scene.home{display:block;}
.ie-old .scene.home h1{font-size:70px;}
.ie-old .scene.home h2{margin-top:2em;margin-bottom:1em;}
.iealart p{margin-bottom:1em;font-weight:bold;}
.iealart li{display:inline-block;margin:10px 10px 0;}
.iealart li a{display:block;padding:10px 15px;color:#00a6ce;border:1px solid #fff;font-size:12p;letter-spacing:0;line-height:1.4;}