@charset "UTF-8";
/* ### setting.scss ### */
.header .headerCont { width: 900px; margin: 0 auto; }

/* ### mixin.scss ### */
/* ### layout.scss ### */
/* layout */
html { min-width: inherit; }

body { background: #000; -webkit-text-size-adjust: 100%; padding-bottom: 0; color: #fff; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif; }

a { color: #00c; text-decoration: underline; }
a:hover { text-decoration: none; }

/* bgMain */
@-webkit-keyframes firstFade { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); } }
@-moz-keyframes firstFade { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); } }
@-ms-keyframes firstFade { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); } }
@keyframes firstFade { 0% { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
  100% { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); } }
.bgMain { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; }
.bgMain div { -webkit-animation: firstFade 1s; -moz-animation: firstFade 1s; -ms-animation: firstFade 1s; animation: firstFade 1s; height: 1120px\9; height: 100vh; background: url("../img/bg_main_visual.jpg") 50% 0 no-repeat; background-size: auto 100%; }

/* header */
.headerWrap { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: url("../img/bg_header.png") repeat-x; }

.header { background: url("../img/bg_header_wrap.png") 50% 0 no-repeat; }
.header .headerCont { position: relative; height: 90px; }
.header .logoWrap { float: left; width: 350px; height: 74px; margin-left: -71px; }
.header .logo { float: left; margin-left: 82px; margin-right: 35px; padding-top: 14px; }
.header .home { float: left; padding-top: 22px; }
.header .home a { position: relative; display: block; width: 71px; height: 18px; overflow: hidden; }
.header .home a:before { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; left: -36px; top: 0; z-index: 5; content: ""; width: 36px; height: 18px; background: rgba(255, 255, 255, 0.3); }
.header .home a:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; right: -35px; top: 0; z-index: 5; content: ""; width: 35px; height: 18px; background: rgba(255, 255, 255, 0.3); }
.header .home a:hover:before { left: 0; }
.header .home a:hover:after { right: 0; }
.header .home a:hover span:before, .header .home a:hover span:after { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.header .home span:before { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; left: 0; top: 4px; z-index: 10; content: ""; width: 1px; height: 10px; background: #fff; }
.header .home span:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; right: 0; top: 4px; z-index: 10; content: ""; width: 1px; height: 10px; background: #fff; }
.header .home img { position: relative; z-index: 30; }
.header .logo10th { position: absolute; left: 399px; top: 24px; display: none; }
.header .logo10thSmall { position: absolute; left: 430px; top: 10px; display: none; }

.sns { list-style: none; margin: 0; padding: 0; padding-top: 17px; overflow: hidden; height: 20px !important; }
.sns li { float: right; margin-left: 5px; }
.sns .fb_iframe_widget, .sns .twitter-share-button { overflow: hidden; height: 20px !important; }

.nav { position: fixed; z-index: 200; top: 90px; right: 0; }
.nav .list { margin: 0 0 30px 0; padding: 0; list-style: none; }
.nav .list li { position: relative; margin-bottom: 14px; text-align: right; }
.nav .list li a { display: block; width: 134px; height: 26px; padding-right: 32px; line-height: 26px; }
.nav .list li a:before { position: absolute; right: 0; top: 0; content: ""; width: 166px; height: 26px; background: url("../img/bg_nav_black.png") no-repeat; }
.nav .list li a:hover:before { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.nav .list li a:after { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; right: -166px; top: 0; content: ""; width: 166px; height: 26px; background: url("../img/bg_nav_white.png") no-repeat; }
.nav .list li a:hover:after { right: -3px; }
.nav .list li a i { position: absolute; left: 141px; top: 9px; width: 9px; height: 9px; background: url("../img/bg_nav_arrow.png") no-repeat; }
.nav .list li a:hover i { background: url("../img/bg_nav_arrow_hover.png") no-repeat; }
.nav .list li img { position: relative; z-index: 10; }

/* contents */
.contents { position: relative; z-index: 10; }

.messageBottom { position: relative; z-index: 300; }

/* footer */
#footerSpl { margin: 0; padding: 20px 0; background: #000; text-align: center; }

/* ### parts.scss ### */
/* hoverAlpha */
.alpha { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
.alpha:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); }

/* ### page.scss ### */
/* mainVisusal */
.mainVisualWrap { height: 100vh; }

.mainVisusal { position: fixed; top: 190px; left: 50%; margin-left: -305px; z-index: 20; }
.mainVisusal .main { display: none; }
.mainVisusal .sub { display: none; }

/* staff */
.staff { width: 960px; margin: 0 auto; padding-top: 150px; }
.staff h2 { margin-bottom: 65px; }
.staff ul { margin-left: -30px; zoom: 1; }
.staff ul:before, .staff ul:after { display: block; height: 0; visibility: hidden; content: "."; }
.staff ul:after { clear: both; }
.staff li { float: left; width: 300px; margin: 0 0 30px 30px; background: #ffffff; color: #000; text-align: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; position: relative; }
.staff .cont { padding: 15px 22px; display: block; }
.staff a { color: #000; display: block; height: 305px; }
.staff a:hover .img { -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }
.staff a:after { content: ""; display: block; width: 37px; height: 37px; background: url("../img/button_open_modal.png") 0 0 no-repeat; position: absolute; right: -18px; bottom: -18px; }
.staff .img { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; position: relative; overflow: hidden; display: block; width: 300px; height: 200px; }
.staff .img img { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; width: 100%; height: auto; }
.staff .img:after { display: block; width: 288px; height: 188px; content: ""; position: absolute; left: 0px; top: 0px; border: 6px solid #fff; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
.staff h3 { line-height: 1.4; }
.staff .text { display: none; }
.staff .name { text-align: right; }

.staffModal { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; width: 920px; height: 463px; margin: auto; color: #000; position: relative; }
.staffModal a { color: #000; cursor: normal; }
.staffModal .img { float: left; margin: 7px 30px 0 7px; }
.staffModal .img img { -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
.staffModal .cont { overflow: hidden; padding: 40px 20px 0 0; font-size: 16px; display: block; }
.staffModal h3 { margin-bottom: 30px; font-size: 22px; }
.staffModal .name { text-align: right; }

/* message */
.message { position: relative; font-size: 16px; padding-bottom: 300px; background: #000; line-height: 2; }
.message .button { position: fixed; bottom: -130px; left: 50%; z-index: 200; margin-left: -475px; }
.message .text { margin-bottom: 80px; }
.message .messageInner { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); }
.message .message10 { margin-bottom: 300px; }

.messageCont { position: relative; z-index: 100; padding: 660px 20px 0; }

.president h2 { margin-bottom: 20px; }
.president .sign { margin-top: 10px; vertical-align: bottom; }
.president .sign img { margin-left: 20px; vertical-align: bottom; }

.bgBlack { height: 500px; background: url("../img/bg_black.png") repeat-x; }

.bg { background: #000; position: absolute; top: 0; left: 0; right: 0; }
.bg img { width: 100%; height: inherit; }

/* event */
.event { background: #000; text-align: left; font-size: 14px; padding-top: 100px; padding-bottom: 120px; }
.event .eventCont { width: 640px; margin: 0 auto; }
.event h2 { margin-bottom: 20px; text-align: center; }
.event .list { margin: 0; padding: 0; list-style: none; }
.event .list li { position: relative; padding: 15px 0; border-bottom: 1px dotted #666; }
.event .list .data { position: absolute; left: 0px; top: 15px; }
.event .list .text { padding-left: 135px; }
.event .list .link { text-align: center; padding-top: 10px; }
.event .list .link a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; }
.event .list .link a:hover { -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); }
.event .list .link a:before, .event .list .link a:after { display: inline-block; content: ""; width: 9px; height: 9px; margin: 0 10px; background: url("../img/bg_nav_arrow.png") no-repeat; }

/* report */
.report { background: #D9DBDB url("../img/bg_report.jpg") 50% 0 no-repeat; text-align: left; font-size: 14px; padding-top: 100px; padding-bottom: 120px; }
.report .eventCont { width: 640px; margin: 0 auto; }
.report h2 { margin-bottom: 86px; text-align: center; }
.report .list { width: 830px; margin: 0 auto; }
.report .list li { margin: 0 0 75px; position: relative; padding: 0 0 0 430px; display: none; }
.report .list li.active { display: block; }
.report .list li .img { position: absolute; top: 5px; left: 0; background: #fff; padding: 5px; border-radius: 5px; }
.report .list li .img a { display: block; position: relative; outline: none; }
.report .list li .img a:after { content: ""; display: block; width: 37px; height: 37px; background: url("../img/button_open_modal.png") 0 0 no-repeat; position: absolute; right: -18px; bottom: -18px; }
.report .list li .img img { filter: url("data:image/svg+xml,(SVG Filter Data URI)#grayscale"); -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all .2s; }
.report .list li .img img.active { transition: all .6s; filter: none; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.report .list li .img img:hover { opacity: .75; transition: all .2s; }
.report .list li .cont { color: #303030; min-height: 240px; }
.report .list li .cont .date { position: relative; padding: 0 40px; font-size: 14px; margin: 0 0 5px; }
.report .list li .cont .date:before { content: ""; display: block; width: 29px; height: 4px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.report .list li .cont h3 { margin: 0 0 20px; font-size: 17px; }
.report .list li .cont .text { font-size: 14px; line-height: 1.4; }
.report .list li:nth-child(even) { padding: 0 430px 0 0; text-align: right; }
.report .list li:nth-child(even) .img { left: auto; right: 0; }
.report .list li:nth-child(even) .date:before { right: 0; left: auto; }
.report .list li:nth-child(even) .text { text-align: left; }
.report .btnReadmore { padding: 20px 0; text-align: center; }
.report .btnReadmore a { display: inline-block; padding: 5px; }
.report .reportModal { display: none; }

mfp-zoom-out-cur *::selection { background: transparent; }

mfp-zoom-out-cur *::-moz-selection { background: transparent; }

mfp-zoom-out-cur *::-webkit-selection { background: transparent; }

/* story */
.story { background: url("../img/bg_story_01.jpg") repeat-x; }

.storyCont { background: url("../img/bg_story_02.jpg") 50% 50% no-repeat; height: 891px; padding-top: 120px; }
.storyCont h2 { width: 890px; margin: 0 auto 20px; }

.slide { width: 870px; margin: 0 auto; }

.slideWrap { position: relative; width: 890px; height: 610px; margin: 0 auto; padding-top: 100px; background: url("../img/bg_slide.png") 0 90px no-repeat; }
.slideWrap .block { position: relative; }
.slideWrap .block .title { position: absolute; left: 40px; top: 60px; }
.slideWrap .block .text { position: absolute; left: 40px; top: 190px; color: #000; font-size: 16px; text-align: left; line-height: 1.8; }
.slideWrap .block1 .title { top: 80px; }
.slideWrap .block1 .text { top: 200px; line-height: 2; }
.slideWrap .block2 .text { top: 230px; }
.slideWrap .block6 .title { top: 90px; }
.slideWrap .block6 .text { top: 260px; }
.slideWrap .bx-viewport { background: url("../img/bg_story.jpg") no-repeat; }
.slideWrap .bx-controls-direction a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; top: 53%; display: block; width: 60px; height: 70px; text-indent: -9999px; }
.slideWrap .bx-controls-direction a:hover { -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; -ms-filter: "alpha(opacity=40)"; filter: alpha(opacity=40); background-size: 18px auto; }
.slideWrap .bx-controls-direction .bx-prev { left: -50px; background: url("../img/arrow_left.png") 50% 50% no-repeat; }
.slideWrap .bx-controls-direction .bx-prev:hover { left: -55px; }
.slideWrap .bx-controls-direction .bx-next { right: -50px; background: url("../img/arrow_right.png") 50% 50% no-repeat; }
.slideWrap .bx-controls-direction .bx-next:hover { right: -55px; }
.slideWrap .bx-controls-direction a.disabled { display: none; }
.slideWrap .bx-pager { position: absolute; left: 0px; top: 0px; right: 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.slideWrap .bx-pager-item, .slideWrap .comming { display: inline-block; }
.slideWrap .bx-pager-item a, .slideWrap .bx-pager-item .num, .slideWrap .bx-pager-item .soon, .slideWrap .comming a, .slideWrap .comming .num, .slideWrap .comming .soon { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; position: relative; width: 66px; height: 55px; display: inline-block; margin: 0 12px; padding-top: 10px; font-size: 25px; color: #fff; font-weight: bold; line-height: 1.2; }
.slideWrap .bx-pager-item a:before, .slideWrap .bx-pager-item .num:before, .slideWrap .comming a:before, .slideWrap .comming .num:before { content: "VOL."; display: block; font-size: 13px; padding-left: 3px; text-align: center; }
.slideWrap .bx-pager-item a:after, .slideWrap .bx-pager-item .num:after, .slideWrap .comming a:after, .slideWrap .comming .num:after { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; content: ""; display: block; position: absolute; left: 50%; bottom: -6px; width: 0; height: 0; margin-left: -3.5px; border-style: solid; border-width: 6px 3.5px 0 3.5px; border-color: transparent transparent transparent transparent; }
.slideWrap .bx-pager-item a:hover, .slideWrap .comming a:hover { background: rgba(255, 255, 255, 0.2); color: #fff; }
.slideWrap .bx-pager-item a:hover:after, .slideWrap .comming a:hover:after { border-color: rgba(255, 255, 255, 0.2) transparent transparent transparent; }
.slideWrap .bx-pager-item .active, .slideWrap .comming .active { background: #fff; color: #000; }
.slideWrap .bx-pager-item .active:after, .slideWrap .comming .active:after { border-color: #ffffff transparent transparent transparent; }
.slideWrap .bx-pager-item .soon, .slideWrap .comming .soon { border: #aaaaba 1px solid; display: none; color: #aaaaba; font-size: 13px; top: -5px; width: 64px; height: 48px; padding-top: 15px; }
.slideWrap .comming:hover .num { display: none; }
.slideWrap .comming:hover .soon { display: inline-block; }

/* campaign */
.campaign { background: #0c1429 url("../img/bg_campaign.jpg") 50% 50% no-repeat; background-size: cover; padding-top: 160px; padding-bottom: 120px; }
.campaign h2 { margin: 0 0 40px; }
.campaign .lead { margin: 0 0 40px; font-size: 15px; }
.campaign ul { width: 971px; margin: 0 auto; font-size: 0; }
.campaign ul li { font-size: 13px; width: 463px; display: inline-block; vertical-align: top; }
.campaign ul li:first-child { margin-right: 45px; }
.campaign ul li h3 { margin-bottom: 15px; }
.campaign ul li .button { padding-top: 30px; }
.campaign ul li .button a:hover { opacity: .75; }

/*# sourceMappingURL=style.css.map */