html, body {height:100%;margin:0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", “Noto Sans”, “Noto Sans CJK JP”, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;}
.dis_res{display:none!important;}
.site-wrapper {display:table;width:100%;padding:220px 0 180px;background-image: url("img/main.jpg"); position: relative; background-position: center;background-repeat: no-repeat;background-size: cover;}
.site-wrapper-inner {display:table-cell;vertical-align:top;}
.site-wrapper .inner {float:none;}
.cover-container {margin-right:auto;margin-left:auto;}
.cover-container p{font-size:1.3rem;color:rgba(255, 255, 255, .9);letter-spacing:0.01em;font-weight:600;}
.inner{width:90%;margin:0 auto;position:relative;float:right;}
.inner:after{content:"";clear:both;display:block;}
.nav .logo{position:absolute;left:35px;}
.download{background:#000;}
.download a{color:#fff!important}
#overview{padding-top:70px;text-align:center;}
#overview p{color:#444;}
h2{font-size:1.6rem;margin-bottom:2em;color:#555;letter-spacing:0.06em;}
h3{font-size:1em;margin-bottom:0.5em;line-height:1.45em;color:#555;}
p{font-size:0.9rem;line-height:1.4em;color:#666;}
img{max-width:100%;}
#thetime{background:#fff;padding-top:70px;text-align: center;}
#numbers{padding-top:80px;text-align:center;}
#numbers button{background:#000;color:#fff;border:none;padding:6px 12px;}
#about{padding-top:80px;}
#about h2{text-align:center;}
#about table{width:100%;max-width:680px;margin:0 auto;}
#about td, th{font-size:0.9rem;color:#666;min-width:125px;padding:1em;text-align:justify;}
#download{background-color:#47454B;margin-top:80px;padding:80px 0;text-align:center;}
#download h3{color:#e8e8e8;font-weight:300;}
#download img{padding:0 20px;}
#privacy{padding:70px;}
#privacy h2{text-align:center}
#privacy p{font-weight:300;line-height:1.57em;text-align:justify;}
.nav .nav_line{padding-top:0;vertical-align:top;margin-right:0;margin-left:0;}
footer{background: #000;padding:20px 0;text-align:right;}
footer a{color:#c8c8c8}
footer .copy{font-size:12px;margin-bottom:0;color:#c8c8c8}
footer .copy span{margin-right:20px;}
@media (min-width: 1200px){
.container{max-width:1000px}
}
@media (max-width: 1024px){
.inner.cover{width:80%;margin:auto;}
}

@media (min-width: 768px) {
.site-wrapper-inner {vertical-align: middle;}
}

@media (min-width: 1440px) {
  
}
@media (max-width: 480px){
.dis_pc{display: none!important;}
.dis_res{display:block!important;}
#download img{padding:10px 20px;}
#about td, th{vertical-align: top;padding: 0.5em 1em;}
.site-wrapper-inner{vertical-align: middle;}
.site-wrapper{padding:180px 0 120px;}
.inner{width:100%;}
.inner.cover{width: 100%;margin:auto;padding:1rem;}
.inner.cover img{max-width:60%;margin:auto;}
h2{margin-bottom:1em;}
#thetime p{text-align:left;line-height:1.47em;}
}
@media (max-width: 320px){
}

.interviewcontentes {margin-top:76px;}
.interviewcontentes #top-head {top:0;}

.toppage .content01 {text-align:center;padding-top:70px;}
.toppage .content01 h2 {margin-bottom:1.5em;}
.toppage .content01 .inner {padding:0px 0.9375rem;}
.toppage .content01 .inner .box {}
.toppage .content01 .inner .box img{margin-bottom:30px;}
.toppage .content01 .inner a {display:block;padding:0px;margin:0px;}
.toppage .content01 .inner a:hover {opacity:0.9;}
.toppage .content01 .inner img {width:100%;margin-bottom:1rem;}
.toppage .content01 .inner p {font-size:1.0rem;color:#707070; }
.toppage .content01 button{background:#000;color:#fff;border:none;padding:6px 12px;}
#overview_in{border:1px solid #ccc;padding:25px 15px;width:1000px;max-width:90%;margin:auto;}
#overview_in p{line-height:190%;font-size:110%;}
/*PC*/
@media (min-width: 897px){
	.toppage .collist {display:flex; flex-wrap:wrap;}
	.toppage .collist .inner {justify-content:space-between;}
	.toppage .col2 .inner {width:50%;}
	.toppage .col3 .inner {width:33.3333%;}
}
/*SP*/
@media (max-width: 896px){
	.toppage .content01 .inner {float:none;width:100%;padding-bottom:2em;}
#overview_in p{font-size:100%;}
}