@charset "utf-8";
html{
	font-size: 14px;
	background-color: #f5f5f5;
	margin: 0;
}
body{
	margin: 0;
}
section{
	max-width: 1200px;
	margin: auto;
	padding: 20px;
}
section #h1_title{
	font-size: 150%;
	line-height: 2.0rem;
	border-bottom: 5px solid #255AA8;
	padding: 10px 0;
}
section #h1_s_title{
	font-size: 200%;
	line-height: 3.0rem;
	margin: 50px 0 0 0;
	padding: 10px 0;
	text-align: center;
}
section .h2_s_title{
	font-size: 130%;
	line-height: 3.0rem;
	margin: 50px 0 0 0;
	padding: 10px 0;
	text-align: center;
}

#lr_s_text01{
	margin: 0 0 50px 0;
	text-align: center
}
.l_box{
	background-color: #FFFFFF;
	padding: 10px 20px;
	margin: 20px 0;
}
.l_box h3{
	color: #255AA8;
}
.c_right h4{
	background-color: #B3C9CE;
	padding: 5px;
	color: #FFFFFF;
	margin: 0;
}
.flex_box02{margin: 0 0 50px 0;}
.item_box{
	max-width: 300px;
	background-color: #FFFFFF;
	border-radius: 2px;
}
.p_text{margin: 10px 20px;}
.s_link{
	background-color: #294D9C;
	display: inline-block;
	padding: 10px;
	margin: 0 20px 20px 20px;
	border-radius: 20px;
	color: #FFFFFF;
	text-decoration:none;
}
.b_link{
	text-align: center;
	display: block;
	margin: 0 auto 40px auto;
	width: 40%;
	background-color: #294D9C;
	border-radius: 20px;
	color: #FFFFFF;
	line-height: 3.0rem;
	text-decoration:none;
}

.s_link:hover,
.b_link:hover{
	background-color: #cccccc;
}

@media screen and (min-width:768px) {
	header{
		background-color: #ffffff;
		border-bottom: 1px solid #cccccc;
		height: 120px;
		position: relative;
	}
	footer{
		background-color: #255AA8;
		height: 120px;
		position: relative;
		color: #FFFFFF;
	}
	header .em_logo,
	footer .em_logo{
		position: absolute;
		left: 5%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	header .dl_icon{
		object-fit:none;
		position: absolute;
		right: 5%;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	header .dl_icon img{
		object-fit:none;
	}
	.flex_box{
		display: flex;
		align-items: flex-start;
		align-content: flex-start;
	}
	.flex_box02{
		display: flex;
		align-items: stretch;
		align-content: flex-start;
		justify-content: space-around;
	}
	.item_box{margin:10px}
	.b_link{width: 40%;}
	.c_left{width: 740px;}
	.c_right{margin: 0 0 0 30px;}
	.banner img{max-width: 740px;}
	.mktoForm{width: 400px !important;}
	

}
@media screen and (max-width:768px) {
	header{
		background-color: #ffffff;
		border-bottom: 1px solid #cccccc;
		padding: 20px;
	}
	footer{
		background-color: #255AA8;
		color: #FFFFFF;
		padding: 20px;
	}
	header .em_logo,
	footer .em_logo{font-size: 60%;}
	header .dl_icon{
		text-align: center;
		margin: 15px 0 0 0;
	}
	header .dl_icon img{width: 48%;}
	header .em_logo img{width: 60%;}
	footer .em_logo img{width: 80%;}
	.banner img{width: 100%;}
	.item_box{margin:20px auto}
	.b_link{width: 80%;}
}