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


body{
}
#header{
}

/**/
#topicpath{
	display:none;
}


#main{
}

#topmainimage {
	position: relative;
	overflow: hidden;
}
.slide-img{
	line-height:0;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait){
	.slide-img img{
		object-fit: cover;
		height:50vh;
		width: 100vw;
	}
}
@media (min-width: 992px){
	.slide-img img{
		object-fit: cover;
		height:calc(100vh - 90px);
		width: 100vw;
	}
}



.toplogo{
	width:100%;
	position:absolute;
	z-index:10;
}
.toplogo p{
}
.toplogo p.toptext{
	margin:5% 0 0 5%;
}
.toplogo p.toptext img{
	width:24%;
	max-width:360px;
}

@media (max-width: 767px){
.toplogo{
	font-size:8px;
}
.scrolldown{
	display:none;
}

}

.scrolldown{
	position:absolute;
	bottom:60px;
	left:50%;
	animation: arrowmove 1.5s ease-in-out infinite;
	z-index:10;
}

@keyframes arrowmove{
	0%{bottom:1%;}
	50%{bottom:2%;}
	100%{bottom:1%;}
 }

.scrolldown a{
	position: absolute;
}


.scrolldown a span{
	display:block;
	position: absolute;
	color:rgba(0,0,0,1);
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	right:0px;
	bottom:0px;
}
.scrolldown a:before {
	content: "";
	position: absolute;
	bottom: 0;
	right:-6px;
	width: 2px;
	height: 20px;
	background-color: rgba(0,0,0,1);
	transform: skewX(-31deg);
}

.scrolldown a:after{
	content:"";
	position: absolute;
	bottom:0;
	right:0px;
	width:0;
	height:60px;
	border-left:solid 2px rgba(0,0,0,1);
}



@media (orientation: landscape){
}



/**/
#main{
}
#maincol{
}
#maincol article {
}
#maincol article:nth-of-type(2n) {
}


#maincol article .inner{
}
#maincol h2{
	border:0;
}
#maincol h2:before,
#maincol h2:after {
}
#maincol h2 span.linkbtn{
	font-size:1rem;
	letter-spacing:0;
	font-weight:normal;
	float:right;
	margin-top:-2em;
}
@media screen and (max-width: 767px) {
	#maincol h2 span.linkbtn{
		font-size:0.9rem;
	}
}

@media screen and (max-width: 767px) {
	#maincol ul.contact_box{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
	}
	
	#maincol ul.contact_box li.contact_icon{
		width:100%;
		margin-bottom:-15px;
	}
	#maincol ul.contact_box li.contact_btn{
		width:45%;
	}
	#maincol ul.contact_box li.contact_btn a{
		letter-spacing:0em;
		min-width:auto;
		font-size:1em;
		white-space:nowrap;
	}
}


dl#whatsnew{
	padding:0px 0 0px 0;
	overflow:hidden;
	margin:0 0;
}
dl#whatsnew div{
}
dl#whatsnew dd a{
	padding-bottom:3em;
}
dl#whatsnew dd a:after{
	display:block;
	position:absolute;
	bottom:0.5em;
	left: 50%;   
	transform: translateX(-50%);
	content:'Check!';
	border:solid 1px rgba(12,89,161,1);
	border-radius:20px;
	padding:1px 5px;
	width:6em;
	text-align:center;
}
dl#whatsnew dd a:hover:after{
	border:solid 1px rgba(181,181,181,1);
}

@media screen and (min-width: 768px) {
	dl#whatsnew{
		display:flex;
		justify-content:space-between;
	}
	dl#whatsnew div{
		width:30%;
	}
	dl#whatsnew dt,
	dl#whatsnew dd{
	}
	dl#whatsnew dd{
	}

}


@media screen and (min-width: 768px) {
	.tvcm_2{
	}
	.tvcm_2 .youtube_wrap{
		width:48%;
	}
}