﻿/* main */
#tv-cont html, #tv-cont body, #tv-cont div, #tv-cont span, #tv-cont applet, #tv-cont object, #tv-cont iframe,
#tv-cont h1, #tv-cont h2, #tv-cont h3, #tv-cont h2, #tv-cont h5, #tv-cont h6, #tv-cont p, #tv-cont blockquote, #tv-cont pre,
#tv-cont a, #tv-cont abbr, #tv-cont acronym, #tv-cont address, #tv-cont big, #tv-cont cite, #tv-cont code,
#tv-cont del, #tv-cont dfn, #tv-cont em, #tv-cont img, #tv-cont ins, #tv-cont kbd, #tv-cont q, #tv-cont s, #tv-cont samp,
#tv-cont small, #tv-cont strike, #tv-cont strong, #tv-cont sub, #tv-cont sup, #tv-cont tt, #tv-cont var,
#tv-cont u, #tv-cont i, #tv-cont center,
#tv-cont dl, #tv-cont dt, #tv-cont dd, #tv-cont ol, #tv-cont ul, #tv-cont li,
#tv-cont fieldset, #tv-cont form, #tv-cont label, #tv-cont legend,
#tv-cont table, #tv-cont caption, #tv-cont tbody, #tv-cont tfoot, #tv-cont thead, #tv-cont tr, #tv-cont th, #tv-cont td,
#tv-cont article, #tv-cont aside, #tv-cont canvas, #tv-cont details, #tv-cont embed,
#tv-cont figure, #tv-cont figcaption, #tv-cont footer, #tv-cont header, #tv-cont hgroup,
#tv-cont menu, #tv-cont nav, #tv-cont output, #tv-cont ruby, #tv-cont section, #tv-cont summary,
#tv-cont time, #tv-cont mark, #tv-cont audio, #tv-cont video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
/* font: inherit; */
/* vertical-align: baseline; */
list-style: none;
}
#tv-cont html {
overflow: auto;
}
#tv-cont body {
overflow: hidden;
min-width: 1400px;
}
#tv-cont .inner {
max-width: 1180px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
}
#tv-cont .main_visual {
display: block;
height: 420px;
}
#tv-cont .main_visual .main_visual_left_img img{
max-width: 100%;
display: block;
margin: auto;
object-fit: cover;	
}
#tv-cont .main_visual_left {
position: relative;
max-width: 540px;
width: 100%;
margin-bottom: 100px;	
box-sizing: border-box;
}
#tv-cont .main_visual h1 {
color: #2e3845 !important;
font-size: 3.16em;
line-height: 1.2;
margin-top: 40px;
margin-bottom: 25px;
font-family: 'SST';
font-weight: 500;
}
#tv-cont .main_visual p {
color: #586d84 !important;
letter-spacing: 0.01em;
text-align: justify;
font-size: 17px;
line-height: 1.6;
font-family: 'SST';
font-weight: 300;
}
#tv-cont .get-started {
display: block;
margin: auto;
margin-top: 100px;
text-align: center;	
width: 80%;
margin-bottom: 50px;
}
#tv-cont .get-started h2 {
color: #586d84 !important;
font-size: 26px;
line-height: 36px;	
font-family: 'SST';
font-weight: 300;
}

@media screen and (max-width: 1400px) {
#tv-cont .main_visual {
height: 400px;
}
#tv-cont .main_visual .main_visual_left_img img{
display: block;
margin: auto;
object-fit: contain;	
}
#tv-cont .main_visual h1 {
font-size: 3.16em;
width: 100%;
}	
#tv-cont .get-started {
margin-bottom: 50px;
}
}
/*////// Media Queries //////*/
/* <1400px */
@media screen and (max-width: 991px) {
#tv-cont .inner {
padding: 0 60px;
}
#tv-cont .main_visual {
height: auto;
}
#tv-cont .main_visual h1 {
font-size: 2.4em;
width: 100%;
}
#tv-cont .main_visual .main_visual_left_img img{
display: block;
margin: auto;
object-fit: contain;		
}
#tv-cont .get-started {
margin-top: 20px;
text-align: center;
}
#tv-cont .get-started h2 {
font-size: 20px;
line-height: 28px;	
}		
}
/* <1024px */
@media screen and (max-width: 768px) {
#tv-cont .inner {
width: 100%;
padding: 0 60px;
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;		
}
#tv-cont .main_visual {
height: 380px;
}
#tv-cont .main_visual h1 {
font-size: 2.4em;
width: 80%;
}	
#tv-cont .main_visual .main_visual_left_img img{
display: block;
margin: auto;
object-fit: contain;		
}	
}
/* <640px */
@media screen and (max-width: 640px) {
#tv-cont .inner {
width: 100%;
padding: 0 40px;
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;		
}
#tv-cont .main_visual {
height: auto;
}
#tv-cont .main_visual .main_visual_left_img img{
object-fit: contain;		
}		
#tv-cont .main_visual_left {
margin-top: 50px;
width: 55%;
}
#tv-cont .main_visual h1 {
font-size: 2.4em;
width: 100%;
}
#tv-cont .main_visual p {
line-height: 1.5;
}
#tv-cont .get-started {
margin-top: 30px;
text-align: left;
}
#tv-cont .get-started h2 {
font-size: 18px;
line-height: 24px;	
}	
}
@media screen and (max-width: 480px) {
#tv-cont .main_visual {
height: auto;
}	
#tv-cont .main_visual .main_visual_left_img img{
display: block;
margin: auto;
object-fit: contain;
}	
#tv-cont .main_visual_left {
margin-top: 30px;
margin-bottom: 40px;	
}
#tv-cont .main_visual_left::after {
top: -100px;
}
#tv-cont .main_visual h1 {
font-size: 2.0em;
width: 110%;	
}
}

/* link box
===================================== */
body{
margin:0 auto;
}
div {
box-sizing: border-box;
}
#more {display: none;}
#s-main-header{
/* height: 642px; */
height: 600px;
width: 100%;
display:block;
/*background: url(../images/bg.jpg) center center;
background-size: cover;*/
}
#s-main-wrapper, #tv_cov-main-wrapper, #tv_cov-fullstretch{
width: 100%;
max-width: 1180px;
margin: 0px auto;
display:block;
padding: 0px 0px 30px;
text-decoration:none;			
}
#tv_cov-main-wrapper, #tv_cov-fullstretch{
/*text-align: center;*/
text-align: default;
}
#s-main-wrapper h1{
font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
font-weight: normal;
font-size:35px;
margin:0px;
padding-top:15px;
}
#tv_cov-main-wrapper h1, #tv_cov-fullstretch h2{
font-family: "SST W01 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: normal;
font-size:30px;
margin:0px;
padding-top:80px;
}
#tv_cov-fullstretch h3, #tv_cov-fullstretch p{
text-decoration:none;		
}
#s-main-wrapper h2{
font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
font-weight: normal;
font-size:26px;
color: #586d84 !important;	
line-height: 36px;
text-align: center;
max-resolution: 0px;
margin:0px 120px;
padding-bottom: 40px;
}
#s-main-wrapper .s-half-grid h2{
font-family: "SST W01 Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:30px;
padding-bottom:14px;
text-align: center;	
}
#s-main-wrapper .s-half-grid p{
font-size:13px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0px;
content: " ";
clear: both;
height: 0px;
}
#tv_cov-fullstretch-wrapper{
width: 100%;
background: #f1f5f9;
padding-top: 40px;
padding-bottom: 20px;
display: block;
height: inherit;
text-decoration:none;		
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.tv_cov-main-description{
padding-top:8px;
padding-bottom:58px;
}
.tv_cov-half-grid{
float: left;
background-color: #FFF;
height: 360px;
width: 100%;
text-decoration:none;	
}
.tv_cov-half-grid-box{
float: left;
width: 33%;
margin: 5px 0px;
padding: 0px 20px;
text-decoration:none !important;
}
.tv_cov-half-grid-box:hover{
opacity:0.6}
.tv_cov-half-grid-box a {
text-decoration:none !important;
color:#303740;
}
.tv_cov-half-grid-box a:hover {
color:black;
opacity:1.5;
font-weight:bold;}
.tv_cov-half-grid img{
width: 100%;
}
.tv_cov-half-grid p{
text-decoration:none;
text-align: left;
padding: 0px 30px;
font-size: 16px;
color:#414A55;
}
.tv_cov-half-grid h3{
text-decoration:none;
text-align: left;
font-size: 18px;
line-height: 24px;	
padding: 15px 30px;
}
.s-mobile-endorser-banner{display: none;}
.tv_cov-banner{display: block;}


@media only screen and (max-width: 991px){
#s-main-wrapper, #tv_cov-main-wrapper, #tv_cov-fullstretch{
width: auto;
float: none;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#s-main-wrapper h1{
padding-top:50px;
}
#s-main-wrapper .s-half-grid h2{
padding-top:20px;
text-align: center;	
}
.tv_cov-half-grid:nth-child(odd){padding-right: 0px;}
.tv_cov-half-grid:nth-child(even){
padding-left: 0px;
}
.tv_cov-half-grid{
float: left;
background-color: #FFF;
height: auto;	
width: 100%;
text-decoration:none !important;
}	
.tv_cov-half-grid-box{
float: left;
width: 43%;
margin: 5px 0px 0px 30px;
padding: 0px 20px;	
text-decoration:none !important;
}
.tv_cov-half-grid img{
width: 100% !important;
}	
.tv_cov-half-grid-box:hover{
opacity:0.6}
.tv_cov-half-grid-box a {
text-decoration:none !important;
color:#303740;
}
.tv_cov-half-grid-box a:hover {
color:black;
opacity:1.5;
font-weight:bold;}
.tv_cov-half-grid h3{
text-decoration:none;
text-align: left;
font-size: 16px;
line-height: 22px;		
padding: 10px 20px;
}
.tv_cov-half-grid p{
text-decoration:none;
text-align: left;
padding: 0px 20px;
font-size: 14px;
color:#414A55;
}	
}


@media only screen and (max-width: 767px){
.tv_cov-banner{display: none;}
.s-mobile-endorser-banner{display: block;}
.tv_cov-half-grid{
width: 100%;
float: none;
height: auto;
padding:0px 0px 10px 0px !important;
text-decoration:none;	
}
.tv_cov-half-grid-box{
text-decoration:none !important;
width: 100%;
float: none;
padding:0 !important;
margin: 0px 0px 30px 0px;
}
.tv_cov-half-grid img{
width: 100% !important;
}
.tv_cov-half-grid h3{
text-decoration:none;
text-align: left;
font-size: 16px;
line-height: 22px;		
padding: 10px 20px;
}
.tv_cov-half-grid p{
text-decoration:none;
text-align: left;
padding: 0px 20px;
font-size: 12px;
color:#414A55;
}	
#s-main-wrapper h1{
font-size:28px;
}
#s-main-wrapper h2{
font-size:16px;
line-height: 26px;	
padding-top:8px;
text-align: center;	
margin:0 10;
}
#s-main-wrapper .s-half-grid{
margin-bottom: 30px;
}
#s-main-wrapper .s-half-grid h2 {
padding-top: 0;
font-size:24px;
}
}