@charset "UTF-8";
.main-content .contents{font-size: 1.1423em;}
#main .sp-block{display: none;}
.otv_index .contents_bg{height: 100%;background:url(/society/space/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 .container{display: inherit;}
.otv_index .contents_bg .container .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: 8vw;}
.otv_index .contents_bg .container .title_area .title{width: 61.742%;max-width: 589px;}
.otv_index .contents_bg .container .title_area .title img{max-width: 100%;}
.otv_index .contents_bg .container .lang_switch{display: flex;justify-content: flex-end;margin-top: 30px;margin-right: 2em;}
.otv_index .contents_bg .container .lang_switch li {padding: 0 7px;display: flex;align-items: center;font-weight: 700;line-height: 1;}
.otv_index .contents_bg .container .lang_switch a{color: #9a9a9a;text-decoration: none;}
.otv_index .contents_bg .container .lang_switch li + li {border-left: 1px solid #cdcdcd;}
.otv_index .contents_bg .container .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: 30px;}
.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;}
.otv_index .service_area_block{text-align: left;margin-top: 11vw;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;}
.otv_index .service_area_image .note{margin-top: -12px;}
.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: 70px 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;}
.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: normal; }
.otv_index .module_related_column .col .desc { margin-top: 1em; font-size: 0.87em; line-height: 1.5; }
.otv_index .wrap-full-btn{text-align: center; }
.otv_index .wrap-full-btn .add-btn{font-size: 18px; display:block;border-radius:35px;color:#fff;width:100%;max-width: 554px;padding:18px 0;margin:0 auto;position:relative;transition:.25s ease-out;-webkit-transition:.25s ease-out; background-color: #303030; text-align: center;}
.otv_index .wrap-full-btn .add-btn::after{content:"";display:block;width:8px;height:14px;background:url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAQAAAC4X5UdAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAwwXLBXXq+/xAAAAcElEQVQI12XPwQ3CQAxEUSfhAu3QASyUhmgidMCdbKiJBkjyOESrjYTn5G9pZhxuelEVYNiCiwVZU0BIZmRtASGZMOgKCFcTXvbV/+iDZxtlloiIaMo9+SI7bNfRbjU9mTDq1tizGe9a7K/63WP73A9CBosKv1dDQAAAAABJRU5ErkJggg==) no-repeat left top;position:absolute;right:25px;top:50%;margin-top:-7px;vertical-align:middle}
.otv_index .wrap-full-btn .add-btn:hover{background-color:#C3C6D1 ;text-decoration:none; color: #000;}
.otv_index .wrap-full-btn .add-btn:hover::after{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAe0lEQVQYlX2QyQ2EQAwEi+MD6ZABVwakRBaEwJ8rE3LYBJZLlgbJCA+W5tWl6bIBWqDjY073Rh9SAYeDJiCwoBLYFRT6oE3VRRZUK2gAEgvKgJ+DeqtLhO95CYvHX8mmvnAGYh3mSk7CxwaFusFi9X6eWr6SXVegeaXABTQpI4gl4OjQAAAAAElFTkSuQmCC);}
@media only screen and (min-width:1600px){
    .otv_index .contents_bg .container .title_area{margin-top: 128px;}
    .otv_index .service_area_block{margin-top: 130px;}
}
@media only screen and (min-width:1300px){
.otv_index .contents_bg{background-size: 1650px 928px;}
}
@media only screen and (max-width:767px){
	#main .sp-block{display: block;}
	#main .pc-block{display: none;}
	.main-content .contents{font-size: 1em;}
	.otv_index .contents_bg{height: 100%;background:url(/society/space/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 .container .lang_switch{margin-right: 0;margin-top: 16px;}
	.otv_index .contents_bg .container .title_area .title{width: 82.2%;max-width: 544px;margin: 0 auto;}
	.otv_index .service_area_block{margin: 43px -20px 0;padding: 28px 20px 0;}
	.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,.otv_index .function_block .function_inner .text_col ul li{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.7669em;line-height: 1.388;margin-bottom: 20px;}
    .otv_index .function_block .heading .inner { padding: 0; }
    .otv_index .function_block .heading .inner:before, .otv_index .function_block .heading .inner:after { position: relative; top: 0; display: none; width: auto; height: auto; content: ''; background: none; }
    .otv_index .function_block .heading .inner:before { right: 0; }
    .otv_index .function_block .heading .inner:after { left: 0; }
    .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; }
    .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: 1.14em; }
    .otv_index .module_related_column .col > .lead img{height: auto;width: 15px !important;}
    .otv_index .module_related_column img{width: 100% !important;}
    .otv_index .module_related_column{padding: 40px 0;}
    .wrap-full-btn .add-btn{width: 100%; font-size:18px;line-height: 1.333;border-radius: 35px;}
}