@charset "UTF-8";

/* ========== ARTICLE ========== */
#sec2, #sec4, #sec6 { background: #f0f0f0; }
/* HD */
#hd { background: #02328e; }
/* SEC1 */
#sec1 .catch { color: #264993; }
#sec1 .name, #sec1 .name font { font-weight: bold; text-align: right; }
#sec1 img, #sec2 img { display: block; }
/* SEC2 */
#sec2 .inner_wrap { text-align: center; }
#sec2 .catch, #sec2 .lead { line-height: 2; }
#sec2 h3 { color: #264993; font-weight: bold; }
/* SEC3 */
#sec3 table th { color: #264993; text-align: justify; text-align-last: justify; vertical-align: top; }
#sec3 table td.name { font-weight: bold; }
#sec3 ul li { text-align: center; }
#sec3 ul li p { font-weight: bold; }
/* SEC4 */
#sec4 table { border-top: 1px solid #3c3c3c; }
#sec4 table th, #sec4 table td { border-bottom: 1px solid #3c3c3c; }
#sec4 table th { color: #264993; }
/* SEC5 */
#sec5 h3 { font-weight: bold; text-align: center; }
#sec5 ul { display: flex; justify-content: center; }
/* SEC6 */
#sec6 h3 font { color: #ffffff; font-weight: bold; background: #264993; display: inline-block; text-align: center; }

@media screen and (max-width:768px) {
	
	/* ========== ARTICLE ========== */
	#sec1, #sec2 { padding: 20px 0 0; }
	#sec1 .inner, #sec2 .inner { padding: 10px 10px 0; }
	#sec3, #sec4, #sec5, #sec6 { padding: 20px 0; }
	/* SEC1 */
	#sec1 .img img { margin: 0 auto; }
	/* SEC2 */
	#sec2 .catch, #sec2 .lead { margin-bottom: 20px; }
	/* SEC3 */
	#sec3 table { margin-bottom: 20px; }
	#sec3 table th { width: 80px; padding: 5px 0; }
	#sec3 table td { padding: 5px 0 5px 20px; }
	#sec3 table td a { font-size: 1.2rem; }
	#sec3 ul li { margin-bottom: 20px; }
	/* SEC4 */
	#sec4 table th { padding: 5px 10px; width: 5em; }
	#sec4 table td { padding: 5px 0; }
	/* SEC5 */
	#sec5 .img.center { margin-bottom: 20px; }
	#sec5 h3 { font-size: 1.8rem; margin-bottom: 10px; }
	#sec5 p { margin-bottom: 10px; }
	#sec5 ul { margin-bottom: 10px; }
	#sec5 ul li { margin: 0 5px; }
	/* SEC6 */
	#sec6 h3 { margin-bottom: 5px; }
	#sec6 h3 font { padding: 5px 10px; display: inline; }
	.map { margin-bottom: 20px; }
	
}

@media screen and (min-width:769px) {
		
	/* ========== ARTICLE ========== */
	#sec3, #sec4, #sec5, #sec6 { padding: 100px 0 90px;}
	.inner_wrap { margin: 0 auto; }
	/* PAGE NAV2 2 */
	#pagenavi2 ul a { margin: 0 10px; min-width: 130px; }
	/* SEC1 */
	#sec1 { padding: 20px 0 0;  }
	#sec1 .inner_wrap { padding-left: 50px;  }
	#sec1 .img_right { position: relative; padding-bottom: 70px; }
	#sec1 .img_right .txt { line-height: 2; width: 700px; }
	#sec1 .catch { font-size: 3.2rem; }
	#sec1 .img { position: absolute; right: 50px; top: 0;}
	/* SEC2 */
	#sec2 { padding: 100px 0 0;}
	#sec2 .catch, #sec2 .lead { font-size: 2.2rem; margin-bottom: 50px; }
	#sec2 h3 { font-size: 2.8rem; margin-bottom: 30px; }
	/* SEC3 */
	#sec3 .inner_wrap { padding-left: 100px; }
	#sec3 .img_right { position: relative; }
	#sec3 table th, #sec3 table td { padding: 10px 0; }
	#sec3 table th { font-size: 2.2rem; width: 110px; }
	#sec3 table td { font-size: 2.2rem; width: 520px; padding-left: 50px; }
	#sec3 table td.name { font-size: 2.7rem; }
	#sec3 table td a { font-size: 1.8rem; }
	#sec3 ul { position: absolute; top: 0; right: 0; }
	#sec3 ul li { margin-bottom: 20px; }
	/* SEC4 */
	#sec4 .inner_wrap, #sec5 .inner_wrap { width: 1000px; margin: 0 auto; }
	#sec4 table { width: 100%; }
	#sec4 table th { font-size: 2.4rem; padding: 20px 40px; }
	#sec4 table td { font-size: 2.2rem; padding: 20px 0; }
	/* SEC5 */
	#sec5 .img.center { margin-bottom: 60px; }
	#sec5 h3 { font-size: 3.2rem; margin-bottom: 40px; }
	#sec5 p { margin-bottom: 30px; }
	#sec5 ul { margin-bottom: 40px; }
	#sec5 ul li { margin: 0 20px; }
	/* SEC6 */
	#sec6 h3 { margin: 0 0 20px 215px; }
	#sec6 h3 font { font-size: 2.2rem; width: 150px; margin-right: 20px; }
	.map { width: 650px; margin: 0 auto 50px; }
}