@charset "utf-8";

#FUT_IMG1:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#FUT_IMG1 {
zoom: 1;
}

/* CONTAINER */


iframe {
	aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  border: none;
}

.section h2 {
padding-top: 50px;
font-size: 20px;
font-weight: bold;
text-align: center;
}


#OFFICIAL h2 {
position: relative;
background-size: auto 41px;
color: #000;
}
.section h2 span {
position: relative;
display: inline-block;
background-color: #fff;
padding: 0 16px;
z-index: 2;
}
.section h2::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 15px;
background: url("../../img/tit_lin.png")repeat left top;
background-size: auto 3px ;
width: 100%;
height: 3px;
z-index: 1;
}
@media (min-width: 1020px) {
	.section h2 {
	padding-top: 47px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	}
	.section h2 span {
	position: relative;
	display: inline-block;
	background-color: #fff;
	padding: 0;
	width: 280px;
	z-index: 2;
	}
	.section h2::before {
	background-size: auto 3px;
	bottom: 23px;
	}
	iframe {
	aspect-ratio: 16 / 9;
  width: 60%;
  height: 60%;
  border: none;
}

}


/* OFFICIAL */
#OFFICIAL {
padding: 0px 10px;
margin-top: 0px;
}

#contents #OFFICIAL {
background-image: url("../../img/lp/bg.png");
position: relative;
}


#OFFICIAL .cont {
background-image: url("../../img/bg_3nd.png");
background-repeat: repeat-x;
background-position: bottom;
/*background-size: cover;*/
margin: 0 -10px;
padding: 45px 20px 30px 20px;
}
#OFFICIAL h2 {
color: #000;
}
#OFFICIAL h2 span {
background-image: url("../../img/bg_dot.png");
}
#OFFICIAL .ticker {
position: relative;
margin: 20px -20px 40px -20px;
overflow: hidden;
height: 370px;
/*background-image: url("../../img/lp/off_img2.png") ;
background-position: center;
background-repeat: no-repeat;*/
}
#OFFICIAL .ticker div {
position: absolute;
left: 0;
top: 0;
animation: loop 50s -25s linear infinite;
}
@keyframes loop {
0% {transform: translateX(0);}
to {transform: translateX(-100%);}
}
#OFFICIAL .ticker img {
width: 1522px;
height: 370px;
}
#OFFICIAL .ticker img:last-child {
position: absolute;
left: 100%;
top: 0;
}
#OFFICIAL h3 {
margin-bottom: 18px;
font-size: 22px;
font-weight: bold;
text-align: center;
color: #000;
}
#OFFICIAL p {
font-size: 16px;
line-height: 2;
text-align: center;
color: #000;
margin-bottom: 5px;
}

	#OFFICIAL .case {
		text-align: center;
	}
	#OFFICIAL .case li{
		display: inline-block;
	}
	#OFFICIAL .case li img{
		width: 150px;
		height: auto;
		border-radius: 120px;
	}

#OFFICIAL .lp_img {
margin: 0 auto;
width: 100%;
text-align: center;
}

#OFFICIAL .lp_img img{
width: 100%;
height: auto;
border-radius: 10px;
}


#OFFICIAL .box_st {
margin: 0 auto;
text-align: left;
padding: 10px 20px 5px 20px;
color: #333;
margin-bottom: 30px;
border-radius: 20px;
margin-top: 30px;
font-size: 16px;
}


#OFFICIAL .boxlp {
margin: 0 auto;
text-align: center;
padding: 10px 20px 5px 20px;
background-color: #fff;
margin-bottom: 30px;
border-radius: 20px;
margin-top: 30px;
}

#OFFICIAL .boxlp h4{
margin: 0 auto;
text-align: left;
padding: 10px 0 5px 0;
margin-bottom: 30px;
margin-top: 20px;
font-size: 18px;
}

#OFFICIAL .boxlp .honbun{
text-align: left;
padding: 10px 0 5px 0;
margin-bottom: 20px;
margin-top: 20px;
font-size: 16px;
}

#OFFICIAL .lp_link{
padding: 5px;
}

#OFFICIAL .lp_link a{
font-size: 18px;
text-decoration: none;
font-weight: bold;
color:#036eb7;
}

#OFFICIAL .lp_link a:hover{
font-size: 18px;
text-decoration: underline;
font-weight: bold;
color:#078994;
}

@media (min-width: 1020px) {
	
	#OFFICIAL {
	padding: 0px 0;
	margin-top: 0;
	}
	#OFFICIAL .cont {
	padding: 140px 0 100px 0;
	}
	#OFFICIAL h2 {
	margin: 0 auto;
	width: 860px;
	color: #000;
	}
	#OFFICIAL h2 span {
	background-color: #db6a8d;
	}
	#OFFICIAL .ticker {
	margin: 40px 0 40px 0;
	height: 370px;
	}
	#OFFICIAL .ticker img {
	height: 370px;
	}
	#OFFICIAL h3 {
	margin-bottom: 25px;
	font-size: 26px;
	color: #000;
	}
	#OFFICIAL p {
	text-align: center;
	color: #000;
	margin: 0 auto;
	width: 900px;
	font-size: 16px;
	line-height: 2;
	}
	#OFFICIAL .case {
		text-align: center;
	}
	#OFFICIAL .case li{
		display: inline-block;
	}
	#OFFICIAL .case li img{
		width: 220px;
		height: auto;
		border-radius: 120px;
	}
	#OFFICIAL .box_st {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 50px;
	width: 1000px;
	}	
	#OFFICIAL .boxlp {
	margin: 0 auto;
	text-align: center;
	padding: 40px 20px 40px 20px;
	background-color: #fff;
	margin-bottom: 30px;
	margin-top: 70px;
	border-radius: 20px;
	width: 840px;
	}	
	#OFFICIAL .lp_img {
	margin: 0 auto;
	width: 560px;
	text-align: center;
	}
	
	#OFFICIAL .boxlp h4{
	margin: 0 auto;
	text-align: left;
	padding: 10px 20px 5px 20px;
	margin-bottom: 30px;
	margin-top: 20px;
	font-size: 18px;
	}
	
	#OFFICIAL .boxlp .honbun{
	text-align: left;
	padding: 10px 20px 5px 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 16px;
}	
}