@charset "utf-8";
/* CSS Document */

.vegas-timer{display:none;}

#top_mv_block div#top_mv_inner p{position:absolute;}
#top_mv_block #catch1{left:55px;}
#top_mv_block #catch2{right:75px;}
#top_mv_block{position:relative;}

#serviceBlock {width: 100%;}
#serviceBlock div.t-cell:nth-of-type(1){ background: url(/common/image/serviceBlock1.jpg) center no-repeat; background-size: cover; width: 50%;}
#serviceBlock div.t-cell:nth-of-type(2){ background: url(/common/image/serviceBlock2.jpg) center no-repeat; background-size: cover; width: 50%;}
#serviceBlock a{color: #fff; text-align: center; display: table; width: 96%; margin: 2%; min-height: 460px; position: relative;}
#serviceBlock a .btn01in{background: rgba(0,26,135,.5); opacity: 0; width: 100%; padding: 60px 20px; display: table-cell; vertical-align: middle;}
#serviceBlock a .btn01inB{color: #333; opacity: 1; position: absolute; width: 100%; top: 50%; margin-top: -2em;}
#serviceBlock a .btn01inB h3{font-weight: bold; font-size: 120%;}
#serviceBlock h3{margin-bottom: 18px;}
#serviceBlock h3 em{display: block; font-style: italic; font-size: 140%;font-weight: 600;}
#serviceBlock a:hover {opacity: 1;}
#serviceBlock a:hover .btn01in{opacity: 1;}
#serviceBlock a:hover .btn01inB{opacity: 0;}
#serviceBlock a .btn01in,
#serviceBlock a .btn01inB{
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;}
#serviceBlock span.btn02{display: block; font-size: 90%;}

#movieBlock{width: 100%;height:810px;position:relative;}
.ua_SP #movieBlock{background: #000; position: relative;}
.ua_SP #movieBlock:after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .6; background: url(/common/image/movieBlock.gif) no-repeat; background-size: cover;}
#movieBlock_inner{position:absolute;width:100%;top:0;left:0;height:100%;background:url(/common/image/movieBlock_bg.png);z-index:1000;}
#movieBlock_inner_catch{position:absolute;width:94%; padding: 0 3%; text-align:center;top:50%; z-index:1005; color: #fff;}
#movieBlock_inner_catch h3{font-size: 340%;line-height: 1.3em; font-style: italic; font-weight: 400; margin-bottom: 10px;}
#movieBlock_inner_catch p.fontMin em{font-size: 180%; line-height: 1.4em;}
#movieBlock p.btn{position: absolute; z-index: 1500; right: 10px; bottom: 10px;}
#movieBlock p.btn a{display: block; background: #000; padding:14px 34px; color: #fff; line-height: 1em; font-size: 124%; border: 4px double #d8d8d8;}
#fancybox-overlay{background-color: rgb(6, 12, 41) !important;opacity: 0.9 !important;z-index: 10000 !important;}
#fancybox-wrap{z-index: 10001 !important;}
#popupContents h4.title01{margin: 0 auto 10px !important;}
#popupContents .inBlock + .inBlock.tab-incontent{margin-top: 10px;}

@media (max-width: 860px){
.title01 {margin: 0 0 20px !important;}
}
@media (max-width: 640px){
    .tabnav ul li {display: block;width: 100% !important;}
    #popupContents .tabnav li{padding: 8px 0;}
    #popupContents{overflow: inherit;}
    #popupContents.wrapper{padding: 10px 0 !important;}
    #popupContents .movie-wrap { float: none; width: 100%; margin-right: 0;}
    #popupContents .movie-wrap iframe{ min-height: 200px; margin-bottom: 10px;}
}


.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;

    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**/
#movieBlock {
    background: #222222;
}
.ua_SP #movieBlock.t_rn:after {
    background: url(/common/image/movieBlock2.gif) no-repeat;
    background-size: cover;
}
#movieBlock_inner {
    overflow: hidden;
}
#movieBlock_inner.movieBlock_inner {
    background: url(/common/image/movieBlock_bg.png);
}
#movieBlock_inner iframe {
    position:absolute;
    top: 0;
    left: 0;
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
#movieBlock_inner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/common/image/movieBlock_bg.png) repeat;
    z-index: 1;
}
#movieBlock_inner video {
    min-height: 100%;
    min-height: 100vh;
    min-width: 100%;
    min-width: 100vw;
    position: absolute;
    top: 0;
}
#top_mv_block_link {
    display: block;
}
/**/