/*
 * base css 
 * pc width 1200px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


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

section > .inside { 
	margin: 0 0 3em;
}
section > .inside h2 { 
	color: #184a33;
	text-align: center; 
	margin: 0 0 .25em; 
}
article + article { margin: 3em 0 0; }
.article { margin: 3em 0 0; }
article h3 { 
	line-height: 1.6;
	padding: 0 0 0 2.5em;
	margin: 0 0 .5em;
	position: relative; 
}
article h3::before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 4px;
	background: #184a33;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 599px) {

	section > .inside h2 { font-size: 1.8rem; }
	article h3 { font-size: 1.8rem; }
	article h4 { font-size: 1.6rem; }
	article h5 { font-size: 1.6rem; }

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	section > .inside h2 { font-size: 2.2rem; }
	article h3 { font-size: 2.0rem; }
	article h4 { font-size: 1.8rem; }
	article h5 { font-size: 1.8rem; }

} /* end 600-959 */

@media (min-width: 960px) {

	section > .inside h2 { font-size: 2.8rem; }
	article h3 { font-size: 2.4rem; }
	article h4 { font-size: 2.0rem; }
	article h5 { font-size: 2.0rem; }

} /* 960- */

/* ---------------------------------------- sitemap */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */