@charset "utf-8";



/**************************************************
 wrapper
**************************************************/
#wrapper{top: 0;}



/**************************************************
 header
**************************************************/
header{
	position: static;
	padding: 0;
	height: 120px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
header.hide{display: none;}



/**************************************************
 main
**************************************************/
article{
	position: relative;
	width: 800px;
	margin: 50px auto 0 auto;
}

article h2{
	position: relative;
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 2px;
	text-align: center;
	padding-bottom: 42px;
	color: #273A60;
}
article h2::before{
	position: absolute;
	content: '';
	width: 50px;
	height: 2px;
	bottom: 0;
	left: calc(50% - 25px);
	background: #273A60;
}

article ul{padding-top: 50px;}
article ul li{
	margin-top: 30px;
	padding: 30px;
	font-size: 1.6rem;
	line-height: 1.6;
	background: #F4F5F7;
	border-radius: 1.0rem;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
article ul li:first-child{margin-top: 0;}
article ul li small{
	font-size: 1.6rem;
	width: 150px;
}
article ul li span{width: 590px;}
article ul li a{
	color: #000000;
	text-decoration: underline;
}
article ul li a:hover{opacity: 0.5;}

article.iframe{
	width: 100%;
	margin: 0;
}
article.iframe ul{padding-top: 0;}
article.iframe ul li{
	margin-top: 50px;
	padding: 0;
	font-size: 1.5rem;
}
article ul li span{width: calc(100% - 150px);}

.backBtn{
	width: 200px;
	margin: 80px auto 0 auto;
	font-size: 1.6rem;
	text-align: center;
}
.backBtn a{
	display: block;
	color: #FFFFFF;
	background: #273A60;
	padding: 20px 0;
	border-radius: 10.0rem;
}
.backBtn a:hover{opacity: 0.5;}