@charset "UTF-8";
.l-content{background:url(../img/l-content-bg.jpg) repeat-x #000}
.l-content-head .m-nav-breadcrumb-ctg span{color:#fff!important}
.l-content-body{max-width:100%;margin:0;padding:0}
#starflyerman .inner,.main-area{margin:0 auto;max-width:1000px;width:100%}
.l-content-main{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック体","Yu Gothic",YuGothic,sans-serif}
#starflyerman .br{display:block}
#starflyerman .spbr{display:inline}
#starflyerman .lead{text-align:center;letter-spacing:1px}
#starflyerman .image{width:100%}
.main-area{padding-bottom:85px}
.main-area h1{padding-top:75px;background-color:#000}
.main-area .lead{padding-top:67px;margin-top:0;font-size:24px;color:#fff;line-height:2.2;letter-spacing:5px!important;background-color:#000}
.safety-video{padding:0 10px;background:url(../img/safety-video-bg.jpg) repeat-x}
.safety-video .inner{padding:100px 0 160px}
.safety-video .heading{font-size:72px;text-align:center;letter-spacing:9px}
.safety-video .lead{padding-top:5px;font-size:24px;line-height:1.75}
.safety-video .movie{max-width:1000px;width:100%;margin:65px auto 0}
.safety-video .movie .movie-inner{position:relative;padding-top:56.25%}
.safety-video .movie iframe{width:100%;height:100%;position:absolute;top:0;left:0}
.starflyer-man .starflyerman-intro{background:url(../img/starflyerman-bg.png) left -110px no-repeat}
.starflyer-man .intro{display:block;padding:0 10px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.starflyer-man .intro:hover{background-color:rgba(0,0,3,.3)}
.starflyer-man .heading{text-align:center}
.starflyer-man .inner{padding:138px 0 110px}
.starflyer-man .lead{padding-top:27px;font-size:20px;color:#fff;line-height:2.4}
.starflyer-man .detail{border-top:2px solid #fff;border-bottom:2px solid #fff}
.starflyer-man .detail .detail-inner{width:100%;max-width:1570px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.starflyer-man .detail .detail-l{width:50%;border-right:1px solid #fff}
.starflyer-man .detail .detail-r{width:50%;border-left:1px solid #fff}
.starflyer-man .detail .modal{position:relative;display:block;max-width:784px;width:100%;color:#fff;font-size:72px;text-align:center}
.starflyer-man .detail .detail-heading{position:absolute;width:100%;height:100%;top:0;left:0}
.starflyer-man .detail .detail-heading .heading-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.starflyer-man .detail .detail-heading .heading-inner:hover{background-color:rgba(0,0,0,.3)}
.starflyer-man .detail .detail-tx{letter-spacing:9px;-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures}
.starflyer-man a{text-decoration:none}
.starflyer-man a:hover,.starflyer-man a:hover img{opacity:1!important;filter:alpha(opacity=100)}
#modal-win{width:100%;position:absolute}
#modal-win-inner{width:100%!important;box-shadow:0 0 5px rgba(0,0,0,.25);margin:0 auto;padding:0 15px;position:relative;z-index:9999}
#modal-bg{width:100%;height:100%;background-color:#000;position:fixed;top:0;left:0;z-index:9999;cursor:pointer}
#modal{display:block}
.modalBox{display:none;position:relative;width:100%!important;max-width:1177px;margin:0 auto;border:2px solid #616161;color:#fff;background:url(../img/modal-bg.jpg);font-size:18px}
.modalBox .modal-inner{margin:0 auto;padding:95px 0 80px}
.modalBox .modal-close{width:50px;position:absolute;top:55px;right:55px}
.modalBox .modal-title{padding-bottom:48px;text-align:center;font-size:72px;-webkit-font-variant-ligatures:no-common-ligatures;font-variant-ligatures:no-common-ligatures;letter-spacing:5px}
.modalBox .tx+.tx{padding-top:20px}
#what-starflyerman.modalBox{background:url(../img/star-bg.jpg) repeat-x #000}
#what-starflyerman .modal-inner{padding-top:115px;background:url(../img/modal-intro-bg.png) -22px 80px no-repeat}
#what-starflyerman .intro-title{padding-bottom:80px;text-align:center}
#what-starflyerman .lead{margin:0;padding:0 10px;line-height:2.6;font-size:20px;text-align:center}
#what-starflyerman .br{display:block}
#what-starflyerman .spbr{display:inline}
#design .modal-inner{width:80%}
#design .design-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
#design .design-r{padding:40px 0 0 50px}
#profile .modal-inner{width:50%}
.btn-area{padding:78px 0;background-color:#1e1e1e}
.btn-area a{width:100%;max-width:283px;height:45px;margin:0 auto;font-size:13px}
@media only screen and (max-width:640px){#starflyerman .spbr,#what-starflyerman .spbr{display:block}
.l-content{background-size:100%}
.l-content-main{margin:0}
.main-area{padding-bottom:52px}
.main-area h1{padding-top:40px}
.main-area .lead{font-size:15px;padding-top:27px}
.safety-video .inner{padding:40px 0}
.safety-video .heading{font-size:25px}
.safety-video .lead{font-size:13px;padding-top:7px}
.safety-video .movie{margin-top:30px}
.starflyer-man .starflyerman-intro{background-size:75%;background-position:-45px 15%}
.starflyer-man .inner{padding:50px 0 42px}
.starflyer-man .lead{font-size:12px;padding-top:10px}
.starflyer-man .detail .modal{font-size:25px}
.modalBox{font-size:12px;width:95%;margin:0 auto;background-size:22%;background-position:-3% top}
.modalBox .modal-inner{padding:25px 0 40px}
.modalBox .modal-close{width:23px;top:18px;right:18px}
.modalBox .modal-title{font-size:38px;padding-bottom:8px}
.modalBox .tx+.tx{padding-top:0}
#what-starflyerman.modalBox{background-size:52%}
#what-starflyerman .modal-inner{padding-top:60px;background-size:70%;background-position:-50px 48px}
#what-starflyerman .intro-title{padding-bottom:40px}
#what-starflyerman .lead{font-size:12px}
#design .design-inner{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#design .design-r{padding:28px 0 0 10px}
#profile .modal-inner{width:65%}
.btn-area{padding:38px 0}
}