@charset "utf-8";
@import url(common/style.css);

#anim{
	position:relative;
	width:100%;
	overflow:hidden;	
}
.slideAb,
.slideAbs{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	z-index:5;
	-webkit-transform:scale(1);
	transform:scale(1);	
}

.mainTitlelogo{
    margin-bottom: 1.5rem;
}

.info{
	border-top:1px solid transparent;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	z-index:100;
	background-color:rgba(0,0,0,0.75);
	color:#FFF;
	font-family: 'Source Sans Pro';
}



.meritBox{
	width:100%;
	margin:20px auto;
	display:flex;
	justify-content:center;
}
.meritBox li:first-child{	
	border-left:1px solid #FFF;
}
.meritBox li{
	padding:4px 40px;
	border-right:1px solid #FFF;
	font-size:2.0vw;
	line-height:100%;
}
.meritBox li .super{
	vertical-align:super;
	margin-right:10px;
}
.compactInfo,
.compactInfo2{
	display:none;
}
/* @media only screen and (max-width:1366px){
.info{
	position:relative;
	background-color:rgba(0,0,0,1);
	background-color:#262C26;
}
} */
@media only screen and (min-width:961px) and (max-width:1366px){
.compactInfo{
	display:block;
}
.compactInfo2{
	display:none;
}
}
@media only screen and (min-width:751px) and (max-width:960px){
.compactInfo,
.compactInfo2{
	display:block;
}

.info{
	position:relative;
}
}
@media only screen and (max-width:750px){
.meritBox{
	width:100%;
	margin:20px auto;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.meritBox li:first-child{
	border:none !important;
}
.meritBox li{
	border:none;
	border-top:1px solid rgba(255,255,255,0.5);
/* 	display:flex;
	justify-content:center; */
	text-align:center;
	font-size:6.4vw;
	padding-top:4.0vw;
	padding-bottom:4.0vw;
	padding-left:2.0vw;
	padding-right:2.0vw;
}
.mainTitlelogo{
    display: none;
}
}
#ani0 p{
	position:relative;
	width:100%;
	height:100%;
}
#ani0 img{
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
}


#anim p span{
	width:100%;
	height:100%;
	display:block;
	position: absolute;
	top:0%;
	left: 0%;
	-webkit-transform:scale(1);
	transform:scale(1);
 }
.slideAbs.zUp{
	z-index:10;
}
#ani1 span{	background:url('../img/top/slide/slide_1.jpg') center center no-repeat;    background-size:100%;	}
#ani2 span{	background:url('../img/top/slide/slide_2.jpg') center center no-repeat;    background-size:100%;	}
#ani3 span{	background:url('../img/top/slide/slide_3.jpg') center center no-repeat;    background-size:100%;	}

#textMain{
	display:block;
}
#aniText{
	width:100%;
	height:auto;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:10;
}

.aniTextCap{
	color:#FFF;
	width:100%;
	position:relative;
	font-size:1.5vw;
	letter-spacing:0.5rem;
	line-height:200%;
	text-align:center;
	font-family: 'Source Sans Pro';
	font-family: 'Noto Serif JP';
	text-shadow: 5px 3px 7px #000;
}

.toplogom{
	position: absolute;
	z-index: 99;
}

.mainTitlelogoSP{
	width: 100%;
    font-size: 5px;
    position: absolute;
}

@media only screen and (max-width:750px){
.aniTextCap{
	color:#FFF;
	width:100%;
	position:absolute;
	left:0px;
	top:84vw;
	width:100%;
	font-size:3.4vw;
	letter-spacing:0.5rem;
	line-height:230%;
	text-align:center;
	font-family: 'Source Sans Pro';
	font-family: 'Noto Serif JP';
}

.info{
	position:relative;
	background-color:rgba(0,0,0,1);
	background-color:#262C26;
}
}