@charset "utf-8";
/* ===================================================
	About CSS
====================================================== */

/* ---------------------------------------------------
	Main_img
------------------------------------------------------ */
#main_img { display: flex; align-items: center; justify-content: center; font-size: 40px; letter-spacing: 0.05em; margin: 100px 0 130px;}
.pos_fix #main_img { margin-top: 220px; }

@media screen and (max-width: 600px) {
	#main_img { font-size: 24px; margin: 0 0 50px; padding-top: 30px; }
	.pos_fix #main_img { margin-top: 0; }

}


/* ---------------------------------------------------
	Sec01
------------------------------------------------------ */
#sec01.inner { width: 850px; margin: 0 auto; padding-bottom: 100px; border-bottom: 1px solid var(--color02); margin-bottom: 100px; }
#sec01 .logo { text-align: center; margin-bottom: 145px; }
#sec01 .detail_col h2 { text-align: center; color: #666; font-size: 25px; margin-bottom: 70px; letter-spacing: 0.12em; }
#sec01 .detail_col p { font-size: 17px; letter-spacing: 0.12em; text-align: justify; line-height: 2.4;}
#sec01 .detail_col p + p { margin-top: 40px; }
#sec01 .detail_col p + .photo { margin-top: 80px; }
#sec01 .detail_col .photo + p { margin-top: 80px;}
#sec01 .detail_col small + p { margin-top: 80px; }
#sec01 .detail_col small { text-align: center; display: block; }
#sec01 .detail_col + .detail_col { margin-top: 80px; }

@media screen and (max-width: 600px) {
	#sec01.inner { width: 87%; padding-bottom: 80px; margin-bottom: 0; border: none; }
	#sec01 .logo { width: 75%; margin: 0 auto 45px; }
	#sec01 .detail_col h2 { font-size: 26px; margin-bottom: 25px; }
	#sec01 .detail_col p { font-size: 16px; line-height: 1.875; padding: 0 6%; }
	#sec01 .detail_col p + p { margin-top: 35px; }
	#sec01 .detail_col p + .photo { margin-top: 30px; }
	#sec01 .detail_col .photo + p { margin-top: 30px;}
	#sec01 .detail_col small + p { margin-top: 30px; }
	#sec01 .detail_col small { text-align: left;  }
	#sec01 .detail_col + .detail_col { margin-top: 30px; }
}


/* ---------------------------------------------------
	Area_map
------------------------------------------------------ */
#area_map h2 { text-align: center; font-size: 25px; color: #666; letter-spacing: 0.11em; }
#area_map h2 + p { width: 1100px; max-width: 92%; margin: 60px auto 75px; font-size: 17px; text-align: center; letter-spacing: 0.11em; }

@media screen and (max-width: 600px) {
	#area_map { padding-top: 50px;}
	#area_map h2 { font-size: 26px; letter-spacing: 0.1em; }
	#area_map h2 + p { max-width: 88%; font-size: 16px; margin: 30px auto 45px; text-align: left; }
}