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


html,body{
    height: 100%;
}

.menu_wrap01 {
	width:100%;
	margin: 0 auto 5% auto;
	text-align:center;
	color:#00334F;
	font-size: 130%;
	}
.menu_box01 {
	width: 24.5%;
	float:left;
	border-right: 1px #00334F solid;
	padding: 2% 0;
	}
.menu_box02 {
	width: 25%;
	float:left;
	padding: 2% 0;
	}
	
.ti_box01{
	width: 100%;
	padding: 5px 0 5px 45px;
	background-image: url(img/icon_01.png);
	background-position: left center;
	background-size: 37px 37px;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 0 3% 0;
}
.ti_box02{
	width: 100%;
	padding: 5px 0 5px 45px;
	background-image: url(img/icon_02.png);
	background-position: left center;
	background-size: 37px 37px;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 0 3% 0;
}
.ti_box03{
	width: 100%;
	padding: 5px 0 5px 45px;
	background-image: url(img/icon_03.png);
	background-position: left center;
	background-size: 37px 37px;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 0 3% 0;
}



.img_wrap {
	width:100%;
	margin: 0 0 10% 0;
	}
.img_box01 {
	width:450px;
	margin: 0 80px 5px 0;
	float:left;
	}
.img_box02 {
	width:450px;
	margin: 0 0 5px 0;
	float:left;
	}
.img_wrap p {
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#00334F;
	}
	
	
@media only screen and (max-width: 980px) {
.menu_wrap01 {
	width:90%;
	margin: 0 auto 5% auto;
	text-align:center;
	color:#00334F;
	font-size: 130%;
	}
.menu_box01 {
	width: 90%;
	float: none;
	border-right: 0px #00334F solid;
	border-bottom: 1px #00334F solid;
	padding: 2% 0;
	margin: 0 auto 3% auto;
	}
.menu_box02 {
	width: 90%;
	float: none;
	border-right: 0px #00334F solid;
	border-bottom: 1px #00334F solid;
	padding: 2% 0;
	margin: 0 auto 3% auto;
	}
	
.ti_box01{
	width: 82%;
	padding: 2% 0 2% 8%;
	background-image: url(img/icon_01.png);
	background-position: left center;
	background-size: 6%;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 auto 3% auto;
}
.ti_box02{
	width: 82%;
	padding: 2% 0 2% 8%;
	background-image: url(img/icon_02.png);
	background-position: left center;
	background-size: 6%;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 auto 3% auto;
}
.ti_box03{
	width: 82%;
	padding: 2% 0 2% 8%;
	background-image: url(img/icon_03.png);
	background-position: left center;
	background-size: 6%;
	background-repeat: no-repeat;
	font-size: 150%;
	font-weight:bold;
	color:#00334F;
	margin: 0 auto 3% auto;
}



.img_wrap {
	width:90%;
	margin: 0 auto 10% auto;
	}
.img_box01 {
	width:48%;
	margin: 0 4% 0 0;
	float:left;
	}
.img_box02 {
	width:48%;
	margin: 0 0 5px 0;
	float:left;
	}
.img_wrap p {
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#00334F;
	}	
}