@charset "UTF-8";

/*------------------block01---------------------*/
.block01{
	background-color: #bbddee;
	padding: 161px 0 60px;
}
.block01 .headline{
	background-color: #fff;
	margin-bottom: 45px;
	padding: 4px 0 9px;
}
.block01 h2{
	width: 840px;
	margin: 0 auto;
	font-size: 40px;
	font-weight: 700;
	color: #004499;
	line-height: 100%;
}
.block01_1{
	width: 616px;
	margin: 0 auto;
	position: relative;
}
.block01_1 li{
	width: 278px;
	margin: 0 60px 60px 0;
	border: 1px solid #727272;
	float: left;
}
.block01_1 li:nth-child(2n){
	margin: 0 0 60px 0;
}



/*----------------------------------------------------*/
@media only screen and (max-width: 768px) {

/*------------------block01---------------------*/
.block01{
	padding: 8% 0 12%;
}
.block01 .headline{
	margin-bottom: 9%;
	padding: 1% 0 1.5%;
}
.block01 h2{
	width: 90%;
	font-size: 5.8vw;
	line-height: 100%;
}
.block01_1{
	width: 90%;
}
.block01_1 li{
	width: 44%;
	margin: 0 3% 8%;
}
.block01_1 li:nth-child(2n){
	margin: 0 3% 8%;
}



}