@charset "utf-8";
@media screen and (max-width:768px){

h1{
	height:auto;
	padding:40% 0 55%;
	font-size:5vw;
	font-weight:500;
	text-shadow:0 0 10px #315a9e,0 0 10px #315a9e,0 0 10px #315a9e;
	background:url(../images/top/mv_bg_s.png)no-repeat center center;
	background-size:cover;
}


/* .cont */
.cont{
	padding:30px 0 40px;
}
.cont h2.tit{
	font-size:4.5vw;
}
.cont h2.tit span{
	font-size:2.8vw;
}
.cont a.btn{
	font-size:14px;
}
.cont a.btn:after{
	width:6px;
	height:6px;
	right:10px;
}


/* #cont1 */
#cont1{
}
#cont1 > div{
	width:64%;
	height:36px;
	border-radius:4px 4px 0 0;
}
#cont1 > div a{
	display:inline-block;
	position:absolute;
	bottom:5px;
	width:30px;
}
#cont1 h2{
	line-height:1.4;
	padding:5% 0 8%;
	font-size:4vw;
	background:url(../images/top/cont1_bg.png)no-repeat center bottom;
	background-size:30% auto;
}
#cont1 p{
	margin-bottom:20px;
	font-size:2.2vw;
}
#cont1 a.btn{
	width:180px;
	line-height:40px;
}


/* #cont2 */
#cont2{
	padding-bottom:20px;
	background:url(../images/top/cont2_bg_s.png)no-repeat center top;
	background-size:cover;
	position:relative;
}
#cont2:before{
	content:'';
	display:block;
	width:2px;
	height:20px;
	background-color:#fff;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
#cont2 ul li{
	width:80%;
	max-width:400px;
	margin: 8% auto 10%;
	display: block;
	box-shadow:3px 3px 4px rgba(49,90,158,0.3);
}
#cont2 ul li figure{
	margin-bottom:0;
	box-shadow:none;
	position:static;
}
#cont2 ul li:nth-child(odd) figure{
	margin-right:0;
}
#cont2 ul li:nth-child(even) figure{
	margin-left:0;
}
#cont2 ul li section{
	width:auto;
	height:auto;
	padding:8%;
	background-color:#fff;
	box-shadow:none;
	overflow:hidden;
}
#cont2 ul li:nth-child(odd) section{
	padding-left:8%;
}

#cont2 ul li:nth-child(even) section{
	padding-right:8%;
}
#cont2 ul li section h3{
	font-size:16px;
}
#cont2 ul li section p{
	margin:5px 0 15px;
}
#cont2 ul li section a{
	width:140px;
	line-height:34px;
	padding-right:10px;
	font-size:14px;
}


/* #cont3 */
#cont3{
	background:url(../images/top/cont3_bg.png)center top;
	background-size:100px auto;
	position:relative;
}
#cont3:before{
	content:'';
	display:block;
	width:2px;
	height:20px;
	background: linear-gradient(to bottom, #92c8dc, #335f8b);
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
#cont3 h2 + p{
	margin:10px 10% 20px;
	font-size:14px;
	text-align:left;
	display:inline-block;
}
#cont3 > div{
	width:80%;
	margin:auto;
	display: block;
}
#cont3 > div div{
	position:relative;
	height:0;
	padding-top:70%;
}
#cont3 > div div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

#cont3 > div ul{
	width:auto;
	padding:3% 0 5%;
}
#cont3 div ul li{
	margin:10px 0;
}
#cont3 > div ul li:nth-child(2),
#cont3 > div ul li:nth-child(3){
	line-height:1;
	font-size:8vw;
}
#cont3 > div ul li:nth-child(2) span,
#cont3 > div ul li:nth-child(3) span{
	font-size:5vw;
}
#cont3 > div ul li a{
	width:210px;
	line-height:40px;
	margin:auto;
	font-size:14px;
	background-color:#315a9e;
	color:#fff;
}


}


@media screen and (max-width:480px){

#cont1 p{
	padding:0 10%;
	font-size:14px;
	text-align:left;
}
#cont1 p br.only_smart{
	display:none !important;
}
#cont1 p br.only_smart_s{
	display:none;
}

}