@charset "UTF-8";

/* ヒーローエリア */
section.hero_spot {
	width: 100%;
	height: 600px;
	background: url(../img/hero_spot.jpg) no-repeat center center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 30px;
}

section.hero_spot img {
	display: block;
	max-width: 686px;
	width: 100%;
	height: auto;
}

/* コンテンツ */
section.content1,
section.content2 {
	padding: 45px 0px 45px;
}

section.content2 {
	background: url(../img/bg.jpg);
}

section.image {
	width: 100%;
	height: 420px;
	background: url(../img/spot/image1-4.jpg) no-repeat center center;
	padding: 30px 30px 45px;
	margin-bottom: 40px;
}

img.icon1 {
	display: block;
	width: 198px;
	height: auto;
	margin: 0 auto 40px;
}

div.box div.image img {
	display: block;
	width: 100%;
	max-width: 560px;
	height: auto;
	margin-bottom: 1em;
}

div.box div.text {
	margin-bottom: 1em;
}

div.box div.text h3,
div.box div.text h4 {
	font-weight: 500;
}

div.box div.text h3 {
	font-size: 18px;
}

div.box div.text h4 {
	color: #004986;
}

a.btn {
	display: block;
	width: 320px;
	background: #17284d;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 6px;
	padding: 10px 0px;
	margin: 0 auto;
}

/* 大きい画面用の設定 */
@media(min-width: 1000px) {
	div.box div.image img {
	float: left;
	margin-right: 20px;
	}
}