@charset 'utf-8';

#main { }

/* movie_pop */
#movie_pop {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:#fff;}
#movie_pop .btn_close {position:absolute; top:25px; left:25px; z-index:2; width:44px; height:44px; text-indent:-999px; background:url('../img/icon/icon_movie_close_black.png') no-repeat center; background-size:37px auto;}
#movie_pop .box {position:absolute; top:50%; left:10%; right:10%; transform:translateY(-50%);}
#movie_pop .box .mbox {position:relative; padding-bottom:56.23%;}
#movie_pop .box video {position:absolute; top:0; left:0; width:100%; height:100%;}
#movie_pop .box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/* msection */
#main .msection { position:relative; overflow:hidden; padding-top:135px; text-align:center; line-height:1.5em;  background-color:#fafafa; height:940px; box-sizing:border-box; width: 100%;}
#main .msection.auto { height: auto; }
.msection .tbox { position: relative; z-index: 5; }
.msection .t01 { font-size:66px; color:#0c1e2b; font-weight:700; line-height:1.25em; word-break: keep-all; }
.msection .t02 { font-size:32px; margin-top:15px; padding:0 15px; color:#0c1e2b; font-weight:500; line-height:1.35em; }

.msection .more { display:inline-block; position:relative; margin-top:35px; width:360px; height:84px; line-height:84px; font-size:26px; color:#0c1e2b; font-weight:700; text-align:center; /*background-repeat:no-repeat; background-position:left top; background-image:url('../img/main/main_btn_b_nor.png'); background-size:100% auto;*/ }
.msection .more:hover { /*background-image:url('../img/main/main_btn_b_over.png');*/ }
.msection .more:active { /*background-image:url('../img/main/main_btn_b_press.png');*/ }
.msection .more span { display:inline-block; padding-right:23px; background-repeat:no-repeat; background-position:right 50%; background-image:url('../img/main/main_btn_b_arrow.png'); }

.msection .more.fc_white { background-image:url('../img/main/main_btn_w_nor.png');  }
.msection .more.fc_white:hover { background-image:url('../img/main/main_btn_w_over.png'); }
.msection .more.fc_white:active { background-image:url('../img/main/main_btn_w_press.png'); }
.msection .more.fc_white span { background-image:url('../img/main/main_btn_w_arrow.png'); }

#main .msection .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; background-position:center; background-size:cover; }
#main .msection .bg  video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

#section01 .bg { background-image: url('../img/main/main_img_01.png'); }
#section02 .bg { background-image: url('../img/main/main_img_02.png'); }
#section03 .bg { background-image: url('../img/main/main_img_03.png'); }
#section04 .bg { background-image: url('../img/main/main_img_04.png'); }
#section05 .bg { background-image: url('../img/main/main_img_05.png'); }
#section06 .bg { background-image: url('../img/main/main_img_06.png'); }
#section07 .bg { background-image: url('../img/main/main_img_07.png'); }
#section08 .bg { background-image: url('../img/main/main_img_08.png'); }
#section09 .bg { background-image: url('../img/main/main_img_09.png'); }
#section10 .bg { background-image: url('../img/main/main_img_10.png'); }

.fc_white { color:#fff !important; }