@charset "UTF-8";

/* ========== ARTICLE ========== */
/* COMMON */
/*.catch { font-weight: bold; }
.catch font { color: #f36e00; }*/
#sec1, #sec3, #sec5, #sec6 { background: #f0f0f0; }
h2 { position: relative; }
h2 font { position: absolute; }
.img2 { text-align: center; }
.img2 p { font-weight: bold; }
/* HD */
#hd { background: #f3ede0; }
/* SEC0 */
#sec0 .catch { text-align: center; }
#sec0 .catch font { color: #264993; }
#sec0 .img { text-align: center; }
#sec0 .img p { font-weight: bold; }
#sec0 .img p font { color: #f36e00; }
/* SEC1 */
/* SEC2 */
#sec2 ul { display: flex; flex-flow: wrap; justify-content: space-between; }
#sec2 ul li { color: #264993; font-weight: bold; text-align: center; }
#sec2 ul li img { display: block; }
/* SEC3 */
#sec3 .list div h4 { color: #264993; font-weight: bold; text-align: center; }
#sec3 .list div p { font-weight: normal; text-align: left; }
/* SEC5 */
#sec5 .txt_center .catch { text-align: center; }


@media screen and (max-width:768px) {
	
	/* ========== ARTICLE ========== */
	#sec1, #sec2, #sec3, #sec4, #sec5 { padding: 15px 0; }
	h2 { margin-left: 60px; }
	h2 font { left: -60px; top: -10px; }
	h2 font img { width: 60px; height: auto; }
	.catch { font-size: 1.6rem; margin-bottom: 10px; }
	.lead { margin-bottom: 10px; }
	.img_left, .img_right { margin-bottom: 20px; }
	.img2 p { font-size: 1.6rem; text-align: center; margin-bottom: 10px; }
	/* SEC0 */
	#sec0 .catch { font-size: 1.7rem; text-align: center; margin-bottom: 20px; }
	#sec0 .catch font { font-size: 1.5rem; }
	#sec0 .lead { margin: 0 0 20px; }
	#sec0 .img img { max-width: 100%; }
	#sec0 .img p { font-size: 1.6rem; margin-bottom: 10px; }
	#sec0 .img p font { font-size: 2.5rem; padding: 0 3px; }
	/* SEC2 */
	#sec2 ul li, #sec3 .list div { width: calc((100%/2) - 10px); margin: 0 5px 10px; }
	/* SEC3 */
	#sec3 .list { display: flex; flex-flow: wrap; justify-content: space-between; }
	#sec3 .list div p { font-size: 1.2rem; }
	/* SEC4 */
	#sec4 h2 { font-size: 1.5rem; }
}

@media screen and (min-width:769px) {
	
	/* ========== ARTICLE ========== */
	#sec1, #sec2, #sec3, #sec4, #sec5 { padding: 100px 0 90px;}
	h2 font { top: -15px; left: -110px; }
	.catch { font-size: 3.6rem; margin-bottom: 30px; }
	.img2 p { font-size: 2.2rem; text-align: center; margin-bottom: 30px; }
	/* PAGE NAV2 2 */
	#pagenavi2 ul a { margin: 0 20px; min-width: 150px; }
	/* SEC0 */
	#sec0 { padding: 20px 0 70px; }
	#sec0 .catch { margin-bottom: 40px; }
	#sec0 .catch font { font-size: 3.0rem; }
	#sec0 .lead { display: block; width: 1000px; margin: 0 auto 40px; }
	#sec0 .img p { font-size: 2.2rem; margin-bottom: 15px; }
	#sec0 .img p font { font-size: 3.3rem; }
	/* SEC1 */
	#sec1 .img_right, #sec3 .img_right { margin: 0 0 50px 100px; }
	#sec1 .img_right .txt, #sec3 .img_right .txt { position: absolute; left: 0; top: 0; }
	#sec1 .img_right .img, #sec3 .img_right .img { text-align: right; }
	/* SEC2 */
	#sec2 .img_left, #sec4 .img_left { margin-bottom: 80px; }
	#sec2 .img_left .txt , #sec4 .img_left .txt { position: absolute; left: 540px; top: 0;  }
	#sec2 ul li { font-size: 2.6rem; width: 282px; margin-bottom: 20px; }
	/* SEC3 */
	#sec3 .list { width: 1000px; margin: 0 auto; display: flex; flex-flow: wrap; justify-content: space-between; }
	#sec3 .list div { width: 315px; }
	/* SEC3 */
	#sec3 .list div h4 { font-size: 2.6rem; }
	#sec3 .list div p { font-size: 1.6rem; }
	/* SEC4 */
	#sec4 h2 { width: 700px; }
	/* SEC5 */
	#sec5 .txt_center { margin-bottom: 50px; }
	#sec5 .txt_center .lead { display: block; width: 1000px; margin: 0 auto; }
	/* SEC6 */
	#sec6 { padding: 0 0 100px; }
	#sec6 ul li { width: 560px; margin: 0 auto; }
	#sec6 ul li p { margin-bottom: 20px;  }
	
}