@charset "utf-8";
/* .slick */
.slick{
	overflow:hidden;
	opacity: 0;
	transition: opacity .3s linear;
}
.slick.slick-initialized{
	opacity:1;
}
.slick .item{
	position:relative;
}
.slick .item .info{
	width:100%;
	padding:0 1em;
	font-size:min(2.4vw,24px);
	text-align:right;
	color:#fff;
	text-decoration:none;
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	bottom:0;
	left:0;
	transform:translateY(100%);
	-webkit-transition : transform 0.4s 1s;
	transition : transform 0.4s 1s;
}
.slick .item.slideIn .info{
	transform:translateY(0);
}

@media screen and (max-width:750px){
	.slick .item .info{
		font-size:4vw;
	}
}


/* #cont1 */
#cont1{
	padding-top:9%;
}
#cont1 .flex{
	margin-top:3%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#cont1 .flex .fadein_anime{
	width:49%;
	position:relative;
}
#cont1 .fadein_anime li{
	animation-name: fadein_anime;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-duration: 25s;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
#cont1 .fadein_anime li:first-child{
	position:relative;
}
#cont1 .fadein_anime li:nth-child(2){
	animation-delay: 5s;
}
#cont1 .fadein_anime li:nth-child(3){
	animation-delay: 10s;
}
#cont1 .fadein_anime li:nth-child(4){
	animation-delay: 15s;
}
#cont1 .fadein_anime li:nth-child(5){
	animation-delay: 20s;
}
@keyframes fadein_anime {
	0% {
		opacity: 0;
		z-index:1;
	}
	15% {
		opacity: 1;
		z-index:2;
	}
	25% {
		opacity: 0;
		z-index:0;
	}
	100% {
		opacity: 0;
	}
}

#cont1 .flex .cont_wrapper{
	width:49%;
	text-align:left;
}
#cont1 .flex .cont_wrapper p:nth-child(n+2){
	margin-top:1.5em;
}

@media screen and (max-width:750px){
	#cont1 .flex{
		margin-top:5%;
		display: block;
	}
	#cont1 .flex .fadein_anime{
		width:min(100%,480px);
		margin:0 auto;
	}

	#cont1 .flex .cont_wrapper{
		width:auto;
		margin-top:5%;
	}
}


/* #cont2 */
#cont2{
	padding-bottom:0;
}
#cont2 .merit{
	margin-bottom:9%;
}
#cont2 .merit div{
  margin-top:5%;
  text-align:left;
}
#cont2 .merit div dt{
	line-height:1.3;
	font-size:min(2.1vw,21px);
	font-weight:bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#cont2 .merit div dt .num{
	width:2.2em;
	height:2.2em;
	line-height:1;
	margin-right:0.5em;
	font-family:arial;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	border-radius:50%;
}
#cont2 .merit div dt .num:before{
	content:'Merit';
	font-size:min(1.1vw,11px);
}
#cont2 .merit div dt .title{
	flex:1;
}
#cont2 .merit div dd{
	margin-top:1em;
}

@media screen and (max-width:750px){
	#cont2 .merit div dt{
		font-size:4vw;
	}
	#cont2 .merit div dt .num{
		width:2.2em;
		height:2.2em;
	}
	#cont2 .merit div dt .num:before{
		font-size:2.3vw;
	}
}