@charset "utf-8";

@media screen and (max-width: 690px){
	
	
	
/**************************************************
 header
**************************************************/
header{
	height: 60px;
	border-bottom: 1px solid #273A60;
}



/**************************************************
 main
**************************************************/
article{
	width: 100%;
	margin: 0;
	padding: 30px 20px 0 20px;
}

article h2{
	font-size: 2.4rem;
	letter-spacing: 1px;
	padding-bottom: 22px;
}
article h2::before{
	width: 30px;
	left: calc(50% - 15px);
}

article ul{padding-top: 30px;}
article ul li{
	margin-top: 20px;
	padding: 15px;
	font-size: 1.4rem;
	border-radius: 0.8rem;
	display: block;
}
article ul li small{
	display: block;
	font-size: 1.4rem;
	width: auto;
	padding-bottom: 5px;
}
article ul li span{width: 100%;}

article.iframe{
	background: #FFFFFF;
	padding: 1px 10px 30px 10px;
}
article.iframe ul li{
	margin-top: 30px;
	font-size: 1.4rem;
	background: none;
}
article ul li span{width: 100%}

.backBtn{
	width: 200px;
	margin: 40px auto 0 auto;
	font-size: 1.4rem;
}
.backBtn a{padding: 15px 0;}
	
	

}