@charset "utf-8";
/* CSS Document */
#h1-container{
	background-color: #006e87;
	padding: 1rem 0;
}
#h1-container h1{
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	width: 100%;
	margin: 0;
}
.lead{
	font-size: 1.1rem;
	text-align: left;
	width: 100%;
	padding: 0 1rem;
	margin-bottom: 1.5rem;
}
.headline{
	font-size: 1.1rem;
	color: #006e87;
	padding: 0 1rem;
	margin: 1.5rem 0;
}
/* =========================================
   Layout
========================================= */
#profile,#history,#philosophy,#policy,#plan{
	margin: 0 auto;
}
h2{
	border-top: solid 1px #006e87;
	border-bottom: solid 1px #006e87;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 1.2rem;
}
dt{
	color: #006e87;
	border-top: dotted 1px #3e3a39;
	padding: 0 1.3rem 0;
}
dd{
	padding: 1.6rem 1.3rem;
}
dt:first-child,dd:nth-child(2){
	border-top: none;
}
ol,ul{
	padding: 0 1.3rem 0;
}
#policy ul{
	list-style: initial;
}
/* =========================================
   Responsive Design
========================================= */

/* タブレット (768px〜) */
@media (min-width: 768px) {
/* =========================================
   Layout
========================================= */
	#profile,#history,#philosophy,#policy,#plan{
		max-width: 980px;
	}
	.lead{
		text-align: center;
	}
	dl{
		display: grid;
		grid-template-columns: 25% 75%;
		max-width: 980px;
		margin: 0 auto;
	}
	dt, dd{
		padding: 2rem;
		border-top: dotted 1px #3e3a39;
		margin: 0;
	}

	dl dt:first-of-type,
	dl dd:first-of-type{
		border-top: none;
	}

	

	
}