@charset "utf-8";

/* ------------------------------
 ごあいさつ
------------------------------ */
.contentsPage h2{
	width: 100%;
	font-weight: bold;
	font-size: 2.9rem;
	margin-bottom: 60px;
	font-family: YuMincho, "游明朝", serif;
	text-align: center;
	line-height: 1.7;
}
.contentsPage h2 span{
	font-size: 3.6rem;
	color: #5EA832;
}
.flow{
	margin-right: -28px;
}
.flowBox{
	width: 252px;
	float: left;
	line-height: 1.7;
	margin: 0 28px 50px 0;
}
.flowBox h3{
	font-size: 2rem;
	font-family: "メイリオ", sans-serif;
	margin: 8px 0;
	color: #222222;
	padding: 5px 0 0 45px;
}
.flowBox h3.no01{
 	 background: url(../../img/no01.png) no-repeat 0 center;
}
.flowBox h3.no02{
 	 background: url(../../img/no02.png) no-repeat 0 center;
}
.flowBox h3.no03{
 	 background: url(../../img/no03.png) no-repeat 0 center;
}
.flowBox h3.no04{
 	 background: url(../../img/no04.png) no-repeat 0 center;
}
.flowBox h3.no05{
 	 background: url(../../img/no05.png) no-repeat 0 center;
}
.flowBox h3.no06{
 	 background: url(../../img/no06.png) no-repeat 0 center;
}
.flowBox h3.no07{
 	 background: url(../../img/no07.png) no-repeat 0 center;
}
@media screen and (max-width: 767px) {
	.contentsPage h2{
		font-size: 1.8rem;
		margin-bottom: 30px;
		line-height: 1.5;
	}
	.contentsPage h2 br{
		display: none;
	}
	.contentsPage h2 span{
		font-size: 2rem;
	}
	.flowBox h3{
		font-size: 1.5rem;
		margin: 8px 0;
		color: #222222;
		padding: 5px 0 0 25px;
 		background-size: 21px auto !important;
 		background-position: 0 6px !important;
 		line-height: 1.4;
	}
	.flow{
		margin-right: 0;
	}
	.flow .flowBox:nth-child(odd){
		width: 48%;
		float: left;
		line-height: 1.7;
		margin: 0 2% 20px 0;
	}
	.flow .flowBox:nth-child(even){
		width: 48%;
		float: left;
		line-height: 1.7;
		margin: 0 0 20px 2%;
	}
}