@charset "utf-8";

/* ========================================================================================================================/
	
	style.css

/======================================================================================================================== */

h2 {
	display:block;
	text-align: left;
	font-size:175%;
	font-family:"Noto Serif JP","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	letter-spacing:0.2em;
	margin-bottom:30px;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #007dca;
	}
@media screen and (max-width:640px) {
	h2 {
		font-size:150%;
	}	
}

/* president */
#president {
	float: left;
	width: 25%;
	margin-bottom: 80px;
}
#president p {
	margin-top: 0.5em;
	font-size: 125.0%;
	font-weight: bold;
	font-family:"Noto Serif JP","メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	text-align: center;
}
#president p span {
	font-size: 75%;
}
@media screen and (max-width:900px) {
	#president {
		float: none;
		width: 400px;
		margin: 0 auto 80px;
	}
}

/* history */
#history {
	float: left;
	width: calc(75% - 40px);
	margin-left: 40px;
	margin-bottom: 80px;
}
#history dl {
	overflow: hidden;
}
#history dt {
	clear: left;
	float: left;
	width: 6em;
}
#history dd {
	float: left;
}
@media screen and (max-width:900px) {
	#history {
		float: none;
		width: 100%;
		margin: 0 auto 80px;
	}
}

/* license,group */
#license,#group {
	float: left;
	width: calc(50% - 20px);
	margin-bottom: 80px;
}
#group {
	margin-left: 40px;
}
#license li::before, 
#group li::before {
	content: "・";
}
@media screen and (max-width:900px) {
	#license,#group {
		float: none;
		width: 100%;
		margin: 0 auto 80px;
	}
}

/* shop */
#shop {
	float: right;
	width: 25%;
	margin: 0 auto 40px;
}
@media screen and (max-width:640px) {
	#shop {
		float: none;
		width: 100%;
		max-width: 400px;
		margin: 80px auto 40px;
	}
}

/* gaiyou */
#gaiyou {
	float: left;
	width: calc(75% - 40px);
	margin: 0 auto 40px;
}
@media screen and (max-width:640px) {
	#gaiyou {
		float: none;
		width: 100%;
		margin: 0 auto 40px;
	}
}

#map {
	width: 100%;
	height: 450px;
}