@charset "utf-8";


/*=============================================
	
	メインビジュアル
	
==============================================*/
#top_mv {
	margin: 0 auto 0;
	padding: 0 0;
	position: relative;
}
#top_mv .pic{
	width: 100%;
}
#top_mv .en_title {
	font-size: 2.5em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #FFF;
}
#top_mv h2 {
	font-size: 1.5em;
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%,-50%);
	color: #FFF;
}
@media print, screen and (max-width: 768px) {
}

@media print, screen and (min-width: 769px) {
	#top_mv {
		margin: 0 auto;
		padding: 0 0 0;
		min-width: 1080px;
	}
	#top_mv .pic{
	}
	#top_mv .en_title {
		font-size: 36px;
	}
	#top_mv h2 {
		font-size: 20px;
	}

}
@media print, screen and (min-width: 1281px) {

}


/*=============================================
	
	概要
	
==============================================*/
.outline {
	padding: 3em 0;
	background-color: #00388C;
}
.outline .box {
	padding: 2em;
	background-color: #FFF;
	position: relative;
}
.outline .box .list {
	border-top: 1px solid #00388C;
	margin-bottom: 2.5em;
}
.outline .box .list dl {
	border-bottom: 1px solid #00388C;
}
.outline .box .list dl dt {
	background-color: #EAEFF5;
	padding: 0.5em 1em;
}
.outline .box .list dl dd {
	padding: 1em 1em;
}
.outline .box .googlemap {
	width: 100%;
}
.outline .box .googlemap iframe {
	width: 100%;
	height: 60vh;
}
@media print, screen and (max-width: 768px) {
}

@media print, screen and (min-width: 769px) {
	.outline {
		padding: 50px 0;
	}
	.outline .box {
		padding: 50px;
	}
	.outline .box .list {
		margin-bottom: 50px;
	}
	.outline .box .list dl {
		display: flex;
		justify-content: space-between;
	}
	.outline .box .list dl dt {
		padding: 20px 0;
		width: 20%;
		text-align: center;
		font-size: 15px;
	}
	.outline .box .list dl dd {
		padding: 20px 20px;
		width: calc(80% - 40px);
		font-size: 15px;
	}
	.outline .box .googlemap {
		width: 100%;
	}
	.outline .box .googlemap iframe {
		width: 100%;
		height: 60vh;
	}
}



/*=============================================
	
	メッセージ
	
==============================================*/
.messege {
	padding: 3em 0;
	background-color: #002D70;
}
.messege .box {
	padding: 2em;
	background-color: #FFF;
	position: relative;
}
.messege .box h3 {
	font-size: 1.6em;
	font-weight: bolder;
	margin-bottom: 1em;
}
.messege .box .body {
	font-size: 1.1em;
	line-height: 2;
	color: #333;
	margin-bottom: 1em;
}
.messege .box .name {
	font-size: 1.1em;
	color: #333;
	text-align: right;
}

@media print, screen and (max-width: 768px) {
}

@media print, screen and (min-width: 769px) {
	.messege {
		padding: 50px 0;
	}
	.messege .box {
		padding: 50px;
	}
	.messege .box h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.messege .box .body {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.messege .box .name {
		font-size: 14px;
		color: #333;
		text-align: right;
	}

}