@charset "UTF-8";
.otv_index .gs18-Main #main{max-width: none;min-width: auto;padding: 0;}
.gs18-Main .gs18-ContentsContainer{font-size: 1.143em;}
.gs18-Main .inner {max-width: 980px;margin: 0 auto;padding: 0 13px;box-sizing: border-box;}
.gs18-Main .contents{line-height: 1.88;}
#main .sp-block{display: none;}
.otv_index .contents_bg{height: 100%;background:url(/bu/space/otv/images/bg_otv_index.jpg) no-repeat center top;background-size:auto;background-color: #000;margin-bottom: 0;padding-bottom: 72px;}
.otv_index .contents_bg .inner{display: inherit;}
.otv_index .contents_bg .inner .title_area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-top: 35px;padding-top: 6.563vw;}
.otv_index .contents_bg .inner .title_area .title{width: 71.9%;max-width: 704px;}
.otv_index .contents_bg .inner .title_area .title img{max-width: 100%;}
.otv_index .contents_bg .inner .lang_switch{display: flex;justify-content: flex-end;padding-top: 30px;margin-right: 2em;}
.otv_index .contents_bg .inner .lang_switch li {padding: 0 7px;display: flex;align-items: center;font-weight: 700;line-height: 1;}
.otv_index .contents_bg .inner .lang_switch a{color: #9a9a9a;text-decoration: none;}
.otv_index .contents_bg .inner .lang_switch li + li {border-left: 1px solid #cdcdcd;}
.otv_index .contents_bg .inner .lang_switch .active {color: #fff;}
.otv_index .note{font-size: 0.75em;}
.otv_index .heading {text-align: center;letter-spacing: -0.03em;font-size: 2em;font-weight: bold;margin-bottom: 50px;}
.otv_index .function_block{margin: 0 0 80px;color: #fff;}
.otv_index .function_block .heading{color: #fff;position: relative;overflow: hidden;text-align: center;font-weight: bold;}
.otv_index .function_block .sub_title{font-size: 1.25em;font-weight: bold;margin-bottom: 5px;}
.otv_index .function_block .function_inner{display: flex;justify-content: space-between;padding-top: 23px;}
.otv_index .function_block .function_inner .text_col{width: 45.702%;padding-right: 15px;}
.otv_index .function_block .function_inner .img_col{width: 54.298%;}
.otv_index .heading .inner {position: relative;display: inline-block;padding: 0 0.8em;}
.otv_index .function_block .heading .inner:before, .otv_index .function_block .heading .inner:after { position: absolute; top: 50%; width: 400%; height: 1px; content: ''; background-color: #ccc; }
.otv_index .function_block .heading .inner:before { right: 100%; }
.otv_index .function_block .heading .inner:after { left: 100%; }
.otv_index .function_block .specification_text{padding-left: 10px;font-size: 0.875em;}
.otv_index .function_block .function_inner .text_col p + h3{margin-top: 44px;}
.otv_index .function_block .function_inner .text_col ul li{position: relative;padding-left: 20px;font-size: 0.875em;}
.otv_index .function_block .function_inner .text_col ul li:before{content: "・";position: absolute;left: 0;}
.otv_index .function_block .function_inner .img_col img{vertical-align: bottom;max-width: 100%;}
.otv_index .service_area_block{text-align: left;margin-top: 13vw;padding: 83px 76px 98px;color: #fff;line-height: 1.7;background: url(../images/opacity_bg.png)no-repeat;}
.otv_index .service_area_text{font-size: 1.1875em;}
.otv_index .service_area_image{margin-top: 42px;text-align: center;}
.otv_index .service_area_image img{max-width: 800px;width: 100%;}
.otv_index .service_area_image .note{margin-top: -6px;text-align: left;}
.otv_index .video_block{margin: 80px 0;border-width: 1px 0 0 0;border-style: solid;border-color: rgba(255, 255, 255, 0.2);padding-top: 80px;}
.otv_index .video_text{font-size: 0.9375em;color: #fff;}
.otv_index .video_container{margin: 80px auto;position: relative;max-width: 954px;}
.otv_index .video_container .video {height: 0;padding-bottom: 56.25%;}
.otv_index .video_container .video_player {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.otv_index .otv-video {margin: 70px 0 90px;border: solid 1px #3a3c3e;}
.otv_index .contact {padding: 55px 0;background-color: #E3E3E3;}
.otv_index .module_related_column { padding: 65px 0 100px; color: #333; background-color: #F0F0F0; }
.otv_index .module_related_column .heading .inner:before, .otv_index .module_related_column .heading .inner:after { background-color: #333; }
.otv_index .module_related_column .text {margin: 2.8em 0 3em; text-align: center;  font-weight: bold; }
.otv_index .module_related_column .col { display: block; float: left; width: 31.13%; color: #333; }
.otv_index .module_related_column .col:hover { text-decoration: none; }
.otv_index .module_related_column .col:hover .thumb { background-color: #fff; }
.otv_index .module_related_column .hover_img img{-webkit-transition: opacity 0.25s ease-out;transition: opacity 0.25s ease-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;max-width: 100%;}
.otv_index .module_related_column .hover_img:hover img {opacity: 0.7;}
.otv_index .module_related_column .col + .col { margin-left: 3.24%; }
.otv_index .module_related_column .col > .lead { margin-top: 1.8em; text-align: left; font-weight: bold;line-height: 1.5; }
.otv_index .module_related_column .col .desc { margin-top: 1em; font-size: 0.87em; line-height: 1.5; }
@media only screen and (min-width:1600px){
    .otv_index .contents_bg .inner .title_area{padding-top: 105px;}
    .otv_index .service_area_block{margin-top: 170px;}
}
@media only screen and (min-width:1300px){
.otv_index .contents_bg{background-size: 1650px 928px;}
}
@media only screen and (max-width:767px){
    .gs18-Main .gs18-ContentsContainer{font-size: 1em;}
    #main .sp-block{display: block;}
    #main .pc-block{display: none;}
    .gs18-Main{font-size: 0.875em;}
    .gs18-Main .inner{max-width: 100%;padding: 0 20px;}
    .otv_index .contents_bg{height: 100%;background:url(/bu/space/otv/images/bg_otv_index_2x.jpg) no-repeat;background-size:contain;background-position: top center;background-color: #000;padding-bottom: 0;}
    .otv_index .contents_bg .inner .lang_switch{margin-right: 0;margin-top: 16px;font-size: 0.875em;}
    .otv_index .contents_bg .inner .title_area .title{width: 91.7%;max-width: 640px;margin: 0 auto;}
    .otv_index .contents_bg .inner .title_area{margin-top: 0;padding-top: 6.649vw;}
    .otv_index .service_area_block{margin: 14.081vw -20px 0;padding: 28px 20px 30px;}
    .otv_index .service_area_text{font-size: 1em;line-height: 1.63;}
    .otv_index .service_area_image {margin-top: 17px;}
    .otv_index .function_block .specification_text{font-size: 1em;}
    .otv_index .note {font-size: 0.86em;}
    .otv_index .service_area_image .note {margin-top: 3px;}
    .otv_index .heading {position: relative;overflow: visible;font-size: 1.715em;line-height: 1.388;margin-bottom: 20px;}
    .otv_index .function_block{margin: 40px 0;}
    .otv_index .function_block .function_inner{display: block;padding-top: 0;}
    .otv_index .function_block .function_inner .text_col,.otv_index .function_block .function_inner .img_col{width: 100%;}
    .otv_index .function_block .sub_title{font-size: 1.14286em;}
    .otv_index .function_block .function_inner .text_col p + h3{margin-top: 22px;}
    .otv_index .function_block .function_inner .img_col{margin-top: 40px;}
    .otv_index .video_block{padding-top: 50px;margin: 60px 0;}
    .otv_index .video_text{font-size: 1em;}
    .otv_index .otv-video{margin: 40px 0 60px;}
    .otv_index .video_container{margin: 40px 0 0;}
    .otv_index .module_related_column .col { float: none; width: auto;text-decoration: none; }
    .otv_index .module_related_column .col + .col { margin: 25px 0 0 0; padding-top: 30px; border-top: 1px solid #d9d9d9; }
    .otv_index .module_related_column .col > .lead { margin-top: 1.3em; text-align: left; font-size: 1em; }
    .otv_index .module_related_column img{width: 100% !important;}
    .otv_index .module_related_column{padding: 40px 0;}
}