@charset "utf-8";

#title {
	background:url(../images/kv.jpg) center center;
	background-size:cover;
	margin-bottom:100px;
}
	@media(max-width:767px) {
		#title {
			margin-bottom:75px;
		}
	}

/* common
---------------------------------------------- */

#overview h2, #history h2, #license h2, #branch h2 {
	font-size:24px;
	background-color:#004B7C;
	color:#FFF;
	padding:10px 25px;
	margin-bottom:30px;
}
	@media(max-width:767px) {
		#overview h2, #history h2, #license h2, #branch h2 {
			font-size:22px;
			padding:10px;
		}
	}

/* overview
---------------------------------------------- */

#overview table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:80px;
}
#overview table th, #overview table td {
	padding:10px 20px;
	border:1px solid #666666;
}
#overview table th {
	background-color:#E8EEF3;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
}

/* history
---------------------------------------------- */

#history table {
	width:100%;
	margin-bottom:80px;
}
#history table th, #history table td {
	padding:10px 20px;
}
#history table th {
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	border-right:1px solid #666666;
}

/* message
---------------------------------------------- */

#message {
	margin-bottom:80px;
}
#message h2 {
	position:relative;
	width:200px;
	height:200px;
	margin:0 auto;
	background-color:#004B7C;
	color:#FFF;
	font-size:32px;
	line-height:1.3;
	border-radius:50%;
}
	@media(max-width:767px) {
		#message h2 {
			font-size:24px;
			width:160px;
			height:160px;
		}
	}
	@media(max-width:479px) {
		#message h2 {
			width:120px;
			height:120px;
		}
	}

#message h2 span {
	display:block;
	text-align:center;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

#message .wrap > div {
	background-color:#E8EEF3;
	padding:60px 40px 40px 40px;
	margin-top:-30px;
	text-align:center;
}
	@media(max-width:767px) {
		#message .wrap > div {
			padding:40px 20px 20px 20px;
		}
	}

#message .wrap > div img {
	width:21%;
	float:left;
}
	@media(max-width:479px) {
		#message .wrap > div img {
			width:120px;
			float:none;
			margin-bottom:15px;
		}
	}

#message .wrap > div > div {
	width:75%;
	float:right;
}
	@media(max-width:479px) {
		#message .wrap > div > div {
			width:auto;
			float:none;
		}
	}

#message .wrap > div > div > p {
	text-align:left;
	margin-bottom:1em;
}
#message .wrap > div > div > span {
	font-size:20px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	display:block;
	text-align:right;
}
	@media(max-width:767px) {
		#message .wrap > div > div > span {
			font-size:16px;
		}
	}

/* license
---------------------------------------------- */

#license {
	margin-bottom:80px;
}
#license p {
	text-align:center;
}

/* branch
---------------------------------------------- */

#branch {
	margin-bottom:80px;
}
#branch ul li {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:30px;
}
	@media(max-width:767px) {
		#branch ul li {
			width:auto;
			float:none;
			margin-right:0;
		}
	}

#branch ul li:last-child {
	margin-right:0;
}
#branch ul li > h3 {
	background-color:#333;
	text-align:center;
	color:#FFF;
	line-height:40px;
}
#branch ul li > iframe {
	width:100%;
	height:320px;
}
#branch ul li > p {
}

/* mark
---------------------------------------------- */

#mark {
	margin-bottom:80px;
}
#mark .wrap div {
	background-color:#E8EEF3;
	padding:30px;
	text-align:center;
}
#mark img {
	width:120px;
	margin-bottom:20px;
}
#mark strong {
	display:block;
	font-size:18px;
	text-align:center;
	margin-bottom:1em;
}
#mark p {
	text-align:left;
}

/* chirihama
---------------------------------------------- */

#chirihama {
	text-align:center;
	margin-bottom:100px;
}
#chirihama img {
	width:150px;
	margin-bottom:8px;
}