@charset "UTF-8";
/* CSS Document */


body{
	width: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#f2f2f2;
	color: #0e1322;
	font-size: 62.5%;
}
.padding{
	width: 90%;
	margin: auto;
}
.mian{
	margin-top: 6rem; 
}
.top ul{
	padding:20px 0 20px;
}
.top ul li{
	margin-bottom: 10px;
	background: #f9ca3e;
	border-radius:6px;
	text-align: center;	
}
.top ul li:last-child{
	margin-bottom: 0;
}
.top ul li a{
	display:block;
	text-decoration: none;
	text-align: center;
	color: #333333;
	line-height: 45px;
}
.top .text{
	font-size:11px;
}
footer .logo{
	margin-bottom: 10px;
}
footer .logo img{
	width: 100%;
}
footer .copy{
	font-size: 10px;
	text-align: center;
}
h1{
	margin: 10px 0 0;
	width: 100%
}
h1 img{
	width: 100%;
}
h2{
	margin-top: 40px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 1.1rem;
	border-bottom: 1px solid #aaaaaa;
}
.text{
	padding: 20px 0 20px 0;
	font-size: 0.9rem;
}
.text p{
	margin-bottom: 5px;
	color:#0e1322;
}
.text p.title{
	font-size: 0.9rem;
	font-weight: bold;
	margin-top: 30px;
}
.text p.title#top{
	margin-top: 0;
}
.text p.data{
	margin-top: 2rem;
}

.finish{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.nav{
	position: fixed;
	top: 0px;
	padding: 20px 0 20px 0;
	width: 90%;
	text-align: center;
	background: #f2f2f2;
	z-index: 100;
	display: flex;
	justify-content: center;
}
.nav .btn{
	width: 50%;
	text-align: center;
	height: 30px;
	background: #dddddd;
	line-height: 30px;
	font-size: 0.8rem;
	font-weight: bold;
	color: #0e1322;
	text-decoration: none;
}
.nav .btn:first-child{
	border-radius:6px 0 0 6px;
}
.nav .btn:last-child{
	border-radius:0 6px 6px 0;
}

.nav .btn.active{
	background: #f2dc00;
}