@charset "UTF-8";

/* 施設概要ページ  */
@media (min-width: 768px) {
	.contents_box.about{ width: 100%; font-size: 18px;}
	.contents_box.about>div{ max-width: 1000px; text-align: center; padding: 0; margin: 0 auto; line-height: 2.2; text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, 0px 2px 0 #000, -2px 0 #000, -2px 0 0 #000, 2px 0 0 #000;}
	.about_p1{ margin: 0 0 70px 0;}
	.about_p1 strong{ font-size: 38px; display: block; margin: 0 0 20px 0; text-align: center;}
	.about_p2{ margin: 70px 0 0 0;}
	.about_p3{ margin: 0;}
	
	.about_img{ margin: 70px 0;}
	.about_img img{ width: 100%;}
		
	.about_lead{ margin: 0; padding: 10px; font-size: 30px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 70px;}
	.about_lead.lead2{ position: relative; top: -50px;}
	.about_lead.lead3{ position: relative; top: -100px; margin: 0 0 -100px 0;}
	.about_lead img{ width: 30px; margin: 0;}
	.about_lead .lead_img{ width: 300px;}
	.about_lead .lead_text{ z-index: 2;}
	.about_lead>div:nth-child(1){ position: relative; right: -20px;}
	.about_lead>div:nth-child(2){ position: relative; left: -20px;}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.contents_box.about>div{ text-align: left; font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 1000px) {
	.about_lead{ font-size: 24px;}
}
@media (max-width: 767.98px) {
	.contents_box.about{ width: 100%; font-size: 14px; padding: 50px 15px;}
	.contents_box.about>div{ width: 100%; text-align: left; padding: 0; margin: 0 auto; line-height: 1.6; text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, 0px 2px 0 #000, -2px 0 #000, -2px 0 0 #000, 2px 0 0 #000;}
	.about_p1{ margin: 0 0 20px 0;}
	.about_p1 strong{ font-size: 22px; display: block; margin: 0 0 20px 0;}
	.about_p2{ margin: 20px 0 0 0;}
	.about_p3{ margin: 0;}
		
	.about_img{ margin: 40px 0;}
	.about_img img{ width: 100%;}
		
	.about_lead{ margin: 0; padding: 15px; font-size: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; text-align: center; border-radius: 70px;}
	.about_lead img{ width: 30px; margin: 0;}
	.about_lead .lead_img{ width: 300px;}
	.about_lead .lead_text{ z-index: 2;}
}