@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#conts .sec01{
	margin-bottom: 145px;
}

#conts .sec01 .headLine02{
	margin-bottom: 62px;
}

#conts .sec02{
	margin-bottom: 148px;
}

#conts .sec02 > ul > li{
	border: 10px solid #eef3f9;
	margin-bottom: 103px;
	position: relative;
	padding: 44px 40px 38px;
}

#conts .sec02 > ul > li:after{
	position: absolute;
	content: "";
	width: 38px;
	height: 23px;
	background: url("../img/flow/icon02.png") ;
	left:335px;
	bottom: -74px;	
}

#conts .sec02 > ul > li:last-child:after{
	content: none;
}

#conts .sec02 li .time{
	position: absolute;
	right:40px;
	top: -10px;
	background: url("../img/flow/img01.jpg");
	background-size: 89px 108px;
}

#conts .sec02 li .time p{
	width: 89px;
	height: 108px;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	padding-top: 52px;
	line-height: 1.2;
}

#conts .sec02 li .ttl p{
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 32px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 25px;
}

#conts .sec02 li .an{
	display: block;
	color: #2e70b0;
	letter-spacing: 1.5px;
	margin-bottom: 18px;
}

#conts .sec02 li .an span{
	font-size: 3.5rem;
	margin-left: 5px;
}

#conts .sec02 > ul > li > ul > li{
	margin-bottom:0px;
}

#conts .sec02 > ul > li > ul > li .txt{
	line-height: 2;
	text-indent: -1.25em;
	margin-left: 1.25em;
}

#conts .sec02 > ul > li > ul > li:last-child .txt{
	margin-top: 25px;
}

#conts .sec02 li .comBtn{
	text-align: left;
}

#conts .sec02 li .comBtn a{
	width: 201px;
	font-size: 1.5rem;
	background: #2e70b0;
	padding: 13px 0 15px;
	margin: 16px 21px 32px;
}

#conts .sec02 li .comBtn a img{
	margin-right: 10px;
}

#conts .sec03{
	margin-bottom: 140px;
}

#conts .sec03 .box{
	width: 350px;
	text-align: center;
	padding: 41px 20px 19px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	margin-bottom: 35px;
}

#conts .sec03 .boxUl01{
	float: left;
}

#conts .sec03 .boxUl02{
	float: right;
}

#conts .sec03 .box .ttl{
	font-weight: bold;
	font-size: 1.8rem;
	color: #2e70b0;	
	margin-bottom: 46px;
}

#conts .sec03 .box li{
	width: 100%;
	background: #eef3f9;
	padding: 24px 0;
	margin-bottom: 33px;
	font-weight: bold;
	font-size: 1.6rem;
	position: relative;
}

#conts .sec03 .box li:last-child{
	margin-bottom: 0;;
}

#conts .sec03 .box li span{
	font-size: 1.3rem;
}

#conts .sec03 .box li:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 6px;
	background: url("../img/flow/icon03.png") ;
	left:150px;
	bottom: -18px;	
}

#conts .sec03 .box li:last-child:after{
	content: none;
}

#conts .sec03 .comBtn a{
	width: 330px;
	margin: 0 auto 60px;
	padding: 22px 0;
}

#conts .sec03 > .txt{
	clear: both;
}

#conts .sec04 {
	margin-bottom: 194px;
}

#conts .sec04 .comPhotoBox ul li{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	line-height: 2;	
}

#conts .sec04 .comPhotoBox ul li span{
	font-size: 10px;
	color:#2e70b0;
	padding-top: 11px;
	margin-right: 6px;
}

@media all and (max-width: 767px) {
	#conts .sec01{
		margin-bottom: 94px;
	}

	#conts .sec01 .headLine02{
		margin-bottom: 50px;
	}

	#conts .sec02{
		margin-bottom: 100px;
	}
	
	#conts .sec02 > ul{
		margin: 0 -20px;
	}

	#conts .sec02 > ul > li{
		border: 20px solid #eef3f9;
		margin-bottom: 85px;
		padding: 25px;
	}

	#conts .sec02 > ul > li:after{
		width: 30px;
		height: 18px;
		background-size: 30px 18px;
		left:45%;
	}

	#conts .sec02 li .time{
		right:25px;
		top: -20px;
		width: 75px;
		height: 91px;
		background-size: 75px 91px;
	}

	#conts .sec02 li .time p{
		width: 75px;
		height: 91px;
		font-size: 1.3rem;
		padding-top: 45px;
	}

	#conts .sec02 li .ttl p{
		font-size: 1.8rem;
		padding-bottom: 27px;
	}

	#conts .sec02 li .an{
		margin-bottom: 20px;
		font-size: 1.5rem;
	}

	#conts .sec02 li .an span{
		font-size: 3.0rem;
		margin-left: 3px;
	}

	#conts .sec02 > ul > li > ul > li .txt{
		line-height: 1.625;
	}

	#conts .sec02 > ul > li > ul > li:last-child .txt{
		text-indent: 0;
		margin-left: 0;
	}

	#conts .sec02 li .comBtn{
		text-align: left;
	}

	#conts .sec02 li .comBtn a{
		width: 225px;
		font-size: 1.6rem;
		padding: 16px 0 ;
		margin: 28px auto 30px;
	}

	#conts .sec02 li .comBtn a img{
		margin-right: 9px;
	}

	#conts .sec03{
		margin-bottom: 100px;
	}

	#conts .sec03 .box{
		width: 100%;
		padding: 35px 25px 25px;
		margin-bottom: 33px;
	}

	#conts .sec03 .boxUl01{
		float: none;
	}

	#conts .sec03 .boxUl02{
		float: none;
	}

	#conts .sec03 .box .ttl{
		margin-bottom: 42px;
	}

	#conts .sec03 .box li{
		padding: 20px 0 22px;
		margin-bottom: 39px;
	}

	#conts .sec03 .box li:last-child{
	}

	#conts .sec03 .box li span{
		font-size: 1.2rem;
	}

	#conts .sec03 .box li:after{
		width: 13px;
		height: 8px;
		background: url("../img/flow/icon03.png") no-repeat;
		background-size: 13px 8px;
		left:47%;
		bottom: -24px;	
	}

	#conts .sec03 .box li:last-child:after{
	}

	#conts .sec03 .comBtn a{
		width: 75%;
		margin: 0 auto 54px;
		padding: 15px 0 17px;
	}

	#conts .sec03 > .txt{
		clear: both;
	}

	#conts .sec04 {
		margin-bottom: 121px;
	}
	
	#conts .sec04 .comPhotoBox ul li{
		line-height: 1.625;	
	}

	#conts .sec04 .comPhotoBox ul li span{
		padding-top: 9px;
		margin-right: 8px;
	}
}