@charset "utf-8";
/* CSS Document */
/*レイアウト*/
.bn1_1{
	width: 90%;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	overflow: hidden;}
.bn3_1{
	width: 33.3%;
	display: block;
	float: left;
	text-align: center;
}
.p30{
	width: 100%;
	overflow: hidden;
}
.p30 h2{
	text-align: center;
	font-size: 18px;
	color: #2E62A2;
}
.p30 ul{
	background-color: #FFFFFF;
	display: block;
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 10px;
	color: #8AAFD1;
	font-size: 14px;
	border: 2px solid #9FBEED;
}
.p30 ul span{
	color: #2A2A2A;	
}
.p33{
	width: 33.3%;
	float: left;
}
.p33 img{
	width: 30px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 10px;
}
.p33 a{
	background-color: #708AB1;
	color: #FFFFFF;
	width: 290px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
}

.p33 a:hover{
	background-color: #E7EAF5;		
	}
.nbm01{
	padding-bottom: 5px;
	font-size: 22px;
	margin-bottom: 30px;
	margin-top: 50px;
	font-weight: 400;
	padding-right: 0px;
	padding-left: 20px;
	border-bottom: 1px solid #DDDDDD;
	color: #5A5A5A;
	overflow: hidden;
}
.nbm01 span{
	background-color: #6693E1;
	color: #FFFFFF;
	margin-right: 10px;
	padding-left: 12px;
	padding-right: 13px;
	padding-top: 4px;
	border-radius: 100px;
	padding-bottom: 4px;
}
.stepm2{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.stepm2 img{
	width: 350px;
	height: auto;
}
.stepm2 p{
	text-align: left;
}
.stepm2 h2{
	color: #BCDEF7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 44px;
}
.stepm2 h3{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.stepm2 h3 span{
	color: #FFFFFF;
	width: 46px;
	display: block;
	float: left;
	background-color: #708AB1;
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.ss10{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 70px;
	line-height: 34px;
}

.ss01{
	background-color: #708AB1;
	width: 250px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 30px;
	color: #FFFFFF;
	font-size: 19px;

}
.wk01{
	display: block;
	border: 2px solid #E5EBF7;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
p.mj30{
	padding-top: 60px;
}
.cent10{
	text-align: center;
	font-size: 16px;
	background-color: #F2F7FF;
	padding-bottom: 10px;
	margin-left: 10%;
	margin-right: 10%;
	color: #232323;
}
.cent10 span{
	display: block;
	color: #102C86;
	background-color: #ACC9F4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.bn1_1{
	width: 90%;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	overflow: hidden;}
.bn3_1{
	width: 100%;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.nbm01{
	padding-bottom: 5px;
	font-size: 18px;
	margin-bottom: 30px;
	margin-top: 50px;
	font-weight: 300;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #DDDDDD;
	color: #5A5A5A;
	overflow: hidden;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}	
.nbm01 span{
	background-color: #6693E1;
	color: #FFFFFF;
	margin-right: 5px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
	border-radius: 100px;
	padding-bottom: 5px;
}	
.p33{
	width: 100%;
	float: none;
	margin-bottom: 40px;
}	
	.p30 h2{
	width: 90%;
	font-size: 18px;
	color: #2E62A2;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 26px;
}
	.stepm2{
	width: 90%;
	float: none;
	margin-bottom: 40px;
}
.stepm2 img{
	width: 350px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
.stepm2 p{
	text-align: left;

}
.stepm2 h2{
	color: #BCDEF7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 44px;
}
.stepm2 h3{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}	
.stepm2 h3 span{
	color: #FFFFFF;
	width: 100%;
	display: block;
	float: none;
	background-color: #A3B5D1;
	border-radius: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 30px;
}
	.ss10{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	line-height: 24px;
	text-align: left;
	display: block;
}
		span .ss100 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	display: block;
	}
.ss01{
	background-color: #EFF5FF;
	width: 100%;
	display: block;
	font-size: 16px;
	color: #708AB1;
	border-bottom: 2px solid #708AB1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.wk01{
	display: block;
	border: 2px solid #E5EBF7;
	margin-bottom: 25px;
	border-radius: 10px;
	overflow: hidden;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	p.mj30{
	padding-top: 0px;
}
	.cent10{
	text-align: center;
	font-size: 14px;
	margin-left: 10px;
	margin-right: 10px;
}

}