@charset "UTF-8";
/* CSS Document */


/* ロケーション */
@media (min-width: 768px) {
	.parallax-window.location{ height: 600px; position: relative; font-family: 'Noto Sans JP', sans-serif; margin: 0;}
	.parallax-window.location .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #231815; margin: 0; font-size: 13px;}
	
	.location_box { padding: 120px 15px 100px; margin: 0 auto; max-width: 1170px;}
	.location_box .location_flex{ display: flex; align-items: flex-start; width: 800px; margin: 0 auto 31px;}
	.location_box .location_flex>div:first-child{ width: 379px; position: relative;}
	.location_box .location_flex>div:first-child .on_img{ display: none;}
	.location_box .location_flex>div:first-child img{ width: 379px;}
	.location_box .location_flex>div:first-child .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #fff; margin: 0; font-size: 13px; text-shadow: 1px 1px 3px #111;}
	.location_box .location_flex>div:last-child{ width: calc(100% - 379px); padding: 0 0 0 36px;}
	.location_box .location_flex>div:last-child div{ font-size: 25px; line-height: 1.8; letter-spacing: 1px;}
	.location_box .location_flex>div:last-child p{ font-size: 16px; margin: 21px 0 0 0; line-height: 1.7;}
	.location_box .location_photo{ width: 800px; margin: 0 auto;}
	.location_box .location_photo .one_type{ }
	.location_box .location_photo .two_type{ display: flex; margin: 50px 0 0 0;}
	.location_box .location_photo .two_type div:first-child{ margin: 0 50px 0 0;}
	.location_box .location_photo .two_type2>div:first-child{ width: 478px;}
	.location_box .location_photo .two_type2>div:last-child{ width: calc(100% - 478px);}
	.location_box .location_photo figure{ position: relative; margin: 0;}
	.location_box .location_photo figcaption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #fff; margin: 0; font-size: 13px; line-height: 1.2;}
	.location_box .location_photo figcaption.shd{ text-shadow: 1px 1px 3px #111;}
	.location_box .location_photo figcaption.blk{ color: #231815;}
	.location_box .location_photo p{ font-size: 12px; margin: 10px 0 0 0;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.location_box .location_flex{ width: 730px;}
	.location_box .location_flex>div:first-child{ width: 330px; position: relative;}
	.location_box .location_flex>div:first-child img{ width: 330px;}
	.location_box .location_flex>div:last-child{ width: calc(100% - 330px); padding: 0 0 0 36px;}
	.location_box .location_flex>div:last-child div{ font-size: 20px;}
	.location_box .location_flex>div:last-child p{ font-size: 15px;}
	
	.location_box .location_photo{ width: 730px; margin: 0 auto;}
}
@media (max-width: 767.98px) {
	.parallax-window.location{ height: 300px; position: relative; font-family: 'Noto Sans JP', sans-serif; margin: 0;}
	.parallax-window.location .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #231815; margin: 0; font-size: 11px;}
	
	.location_box { padding: 60px 15px 60px; margin: 0 auto;}
	.location_box .location_flex{ display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; margin: 0 auto 31px;}
	.location_box .location_flex>div:first-child{ width: 50%; position: relative;}
	.location_box .location_flex>div:first-child .on_img{ position: absolute; text-align: center; top: 35px; color: #fff; display: block; width: 100%; font-size: 18px; line-height: 2.0;}
	.location_box .location_flex>div:first-child img{ width: 100%;}
	.location_box .location_flex>div:first-child .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #fff; margin: 0; font-size: 13px; text-shadow: 1px 1px 3px #111;}
	.location_box .location_flex>div:last-child{ width: 50%; padding: 0 0 0 15px;}
	.location_box .location_flex>div:last-child div{ display: none;}
	.location_box .location_flex>div:last-child p{ font-size: 14px; margin: 0; line-height: 1.7;}
	.location_box .location_photo{ width: 100%; margin: 0 auto;}
	.location_box .location_photo .one_type{ }
	.location_box .location_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.location_box .location_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.location_box .location_photo .two_type2{ flex-wrap: wrap;}
	.location_box .location_photo .two_type2>div:first-child{ width: 100%; margin: 0 0 6px 0;}
	.location_box .location_photo .two_type2>div:last-child{ width: 100%; display: flex; align-items: flex-end;}
	.location_box .location_photo .two_type2>div:last-child figure{ width: 49%;}
	.location_box .location_photo .two_type2>div:last-child p{ width: calc(100% - 49%); margin: 0 0 0 15px;}
	.location_box .location_photo figure{ position: relative; margin: 0;}
	.location_box .location_photo figure img{ width: 100%;}
	.location_box .location_photo figcaption{ position: absolute; bottom: 5px; right: 5px; display: block; color: #fff; margin: 0; font-size: 11px; line-height: 1.2;}
	.location_box .location_photo figcaption.shd{ text-shadow: 1px 1px 3px #111;}
	.location_box .location_photo figcaption.blk{ color: #231815;}
	.location_box .location_photo p{ font-size: 10px; margin: 10px 0 0 0;}
}
@media (max-width: 550px) {
	.location_box .location_flex{ display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; margin: 0 auto 31px;}
	.location_box .location_flex>div:first-child{ width: 100%; position: relative;}
	.location_box .location_flex>div:first-child img{ width: 100%;}
	.location_box .location_flex>div:first-child .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #fff; margin: 0; font-size: 13px; text-shadow: 1px 1px 3px #111;}
	.location_box .location_flex>div:last-child{ width: 100%; padding: 20px 0 0 0;}
	.location_box .location_flex>div:last-child div{ font-size: 18px; line-height: 1.8;}
	.location_box .location_flex>div:last-child p{ font-size: 14px; margin: 20px 0 0 0; line-height: 1.7;}
}


/* エデュケーション */
@media (min-width: 768px) {
	.parallax-window.education{ height: 600px; position: relative; font-family: 'Noto Sans JP', sans-serif; margin: 0;}
	.parallax-window.education .caption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 13px; text-shadow: 2px 2px 3px #000;}

	.education_box { padding: 0 15px 100px; margin: 0 auto; max-width: 1170px;}
	.education_box .education_photo{ width: 800px; margin: 0 auto;}
	.education_box .education_photo .one_type{ margin: 6px 0 0 0;}
	.education_box .education_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.education_box .education_photo .two_type div{ width: 50%;}
	.education_box .education_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.education_box .education_photo .three_type{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 6px 0 0 0;}
	.education_box .education_photo .three_type>div{ margin: 0 6px 6px 0; width: calc(33.33% - 4px);}
	.education_box .education_photo .three_type>div:nth-child(3),.education_box .education_photo .three_type>div:last-child{ margin: 0;}
	.education_box .education_photo figure{ position: relative;}
	.education_box .education_photo figcaption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 13px; line-height: 1.2;}
	.education_box .education_photo figcaption.right{ left: auto; right: 8px;}
	.education_box .education_photo figcaption.shd{ text-shadow: 2px 2px 3px #000;}
	.education_box .education_photo figcaption.shd_pc{ text-shadow: 2px 2px 3px #000;}
	.education_box .education_photo figcaption.blk{ color: #231815;}
	.education_box .education_photo figcaption.outside{ bottom: -5px; left: 0; position: relative; color: #231815; margin: 0 0 5px 0;}
	.education_box .education_photo figcaption.outside small{ font-size: 12px;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.education_box .education_photo{ width: 730px;}
}
@media (max-width: 767.98px) {
	.parallax-window.education{ height: 300px; position: relative; font-family: 'Noto Sans JP', sans-serif; margin: 0;}
	.parallax-window.education .caption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 11px; text-shadow: 2px 2px 3px #000;}
	
	.education_box { padding: 0 15px 60px; margin: 0 auto;}
	.education_box .education_photo{ width: 100%; margin: 0 auto;}
	.education_box .education_photo .one_type{ margin: 5px 0 0 0;}
	.education_box .education_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.education_box .education_photo .two_type div{ width: 50%;}
	.education_box .education_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.education_box .education_photo .three_type{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 6px 0 0 0;}
	.education_box .education_photo .three_type>div{ margin: 0 0 6px 0; width: 49%;}
	.education_box .education_photo .three_type>div figure{ }
	.education_box .education_photo .three_type>div img{ width: 100%; margin: 0;}
	.education_box .education_photo .three_type>div:last-child{ margin: 0;}
	.education_box .education_photo figure{ position: relative;}
	.education_box .education_photo figcaption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 11px; line-height: 1.2;}
	.education_box .education_photo figcaption.right{ left: auto; right: 8px;}
	.education_box .education_photo figcaption.shd{ text-shadow: 2px 2px 3px #000;}
	.education_box .education_photo figcaption.blk{ color: #231815;}
	.education_box .education_photo figcaption.outside_sp{ bottom: -5px; left: 0; position: relative; color: #231815; margin: 0 0 5px 0;}
	.education_box .education_photo figcaption.outside_sp small{ font-size: 12px;}
}


/* パーク */
@media (min-width: 768px) {
	.park_box { padding: 0 15px 100px; margin: 0 auto; max-width: 1170px;}
	.park_box .park_flex{ display: flex; align-items: flex-start; width: 800px; margin: 0 auto 31px;}
	.park_box .park_flex>div:first-child{ width: 276px; position: relative;}
	.park_box .park_flex>div:first-child img{ width: 276px;}
	.park_box .park_flex>div:first-child .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #fff; margin: 0; font-size: 10px; text-shadow: 1px 1px 3px #111;}
	.park_box .park_flex>div:last-child{ width: calc(100% - 276px); padding: 0 0 0 36px;}
	.park_box .park_flex>div:last-child div{ font-size: 18px;}
	.park_box .park_flex>div:last-child p{ font-size: 13px; margin: 15px 0 0 0;}
	.park_box .park_photo{ width: 800px; margin: 0 auto;}
	.park_box .park_photo .one_type{ }
	.park_box .park_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.park_box .park_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.park_box .park_photo .three_type{ display: flex; justify-content: space-between; margin: 20px 0 0 0;}
	.park_box .park_photo .three_type>div{ width: 242px;}
	.park_box .park_photo figure{ position: relative;}
	.park_box .park_photo figcaption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 13px; line-height: 1.2;}
	.park_box .park_photo figcaption.right{ left: auto; right: 8px;}
	.park_box .park_photo figcaption.shd,.park_box .park_photo figcaption.shd_sp{ text-shadow: 2px 2px 3px #000;}
	.park_box .park_photo figcaption.blk{ color: #231815;}
	.park_box .park_photo figcaption.outside{ bottom: -5px; left: 0; position: relative; color: #231815; margin: 0 0 5px 0;}
	.park_box .park_photo figcaption.outside small{ font-size: 12px;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.park_box .park_flex{ width: 730px;}
	
	.park_box .park_photo{ width: 730px;}
	.park_box .park_photo .three_type>div{ width: 230px;}
}
@media (max-width: 767.98px) {
	.park_box { padding: 0 15px 50px; margin: 0 auto;}
	.park_box .park_flex{ display: flex; align-items: flex-start; width: 100%; margin: 0 auto 31px;}
	.park_box .park_flex>div:first-child{ width: 100%; position: relative;}
	.park_box .park_flex>div:first-child img{ width: 100%;}
	.park_box .park_flex>div:first-child .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #fff; margin: 0; font-size: 10px; text-shadow: 1px 1px 3px #111;}
	.park_box .park_flex>div:last-child{ width: 100%; padding: 0 0 0 36px;}
	.park_box .park_flex>div:last-child div{ font-size: 18px;}
	.park_box .park_flex>div:last-child p{ font-size: 13px; margin: 15px 0 0 0;}
	.park_box .park_photo{ width: 100%; margin: 0 auto;}
	.park_box .park_photo .one_type{ }
	.park_box .park_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.park_box .park_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.park_box .park_photo .three_type{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 6px 0 0 0;}
	.park_box .park_photo .three_type>div{ width: 49%;}
	.park_box .park_photo .three_type figure{ margin: 0 0 6px 0;}
	.park_box .park_photo .three_type figure img{ width: 100%; margin: 0 10px 0 0;}
	.park_box .park_photo figure{ position: relative;}
	.park_box .park_photo figcaption{ position: absolute; bottom: 5px; left: 5px; display: block; color: #fff; margin: 0; font-size: 11px; line-height: 1.2;}
	.park_box .park_photo figcaption.right{ left: auto; right: 5px;}
	.park_box .park_photo figcaption.shd{ text-shadow: 2px 2px 3px #000;}
	.park_box .park_photo figcaption.blk{ color: #231815;}
	.park_box .park_photo figcaption.outside{ bottom: 0; left: 0; position: relative; color: #231815; padding: 3px 0 0 0; line-height: 1.4;}
	.park_box .park_photo figcaption.outside_sp{ bottom: -5px; left: 0; position: relative; color: #231815; margin: 0 0 5px 0;}
	.park_box .park_photo .three_type figcaption.outside_sp{ padding: 0 0 0 6px;}
	.park_box .park_photo figcaption.outside small{ font-size: 11px;}
}


/* アクセス */
@media (min-width: 768px) {
	.access_box { padding: 0 15px 100px; margin: 0 auto; max-width: 1170px;}
	.access_box .access_photo{ width: 800px; margin: 0 auto;}
	.access_box .access_photo .one_type{ margin: 6px 0 0 0;}
	.access_box .access_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.access_box .access_photo .two_type div{ width: 50%;}
	.access_box .access_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.access_box .access_photo figure{ position: relative;}
	.access_box .access_photo figcaption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 13px; line-height: 1.2;}
	.access_box .access_photo figcaption.right{ left: auto; right: 8px;}
	.access_box .access_photo figcaption.shd,.access_box .access_photo figcaption.shd_sp{ text-shadow: 2px 2px 3px #000;}
	.access_box .access_photo figcaption.blk{ color: #231815;}
	
	.access_box	.nearby_flex{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 800px; margin: 60px auto;}
	.access_box	.nearby_flex li{ width: 24%; max-width: 187px; margin: 0 0 16px 0;}
	.access_box	.nearby_flex li:nth-child(13),.access_box .nearby_flex li:nth-child(14),.access_box .nearby_flex li:nth-child(15),.access_box .nearby_flex li:nth-child(16){ margin: 0;}
	.access_box	.nearby_flex li figcaption{ font-size: 13px; margin: 3px 0 0 0;}
	.access_box	.nearby_flex li figcaption small{ font-size: 13px; display: block; line-height: 1.4;}
	
	.map_memo{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 800px; margin: 0 auto 100px; color: #595757;}
	.map_memo>div{ width: 49%;}
	.map_memo>div:nth-child(3),.map_memo>div:nth-child(4){ margin: 20px 0 0 0;}
	.map_memo h4{ font-size: 18px; position: relative; color: #888;}
	.map_memo h4.mt2{ margin: 20px 0 0.5rem 0;}
	.map_memo h4::before{ content: ""; position: absolute; width: 100%; height: 1px; display: block; background-color: #595757; z-index: 1; top: 9px;}
	.map_memo h4 span{ background-color: #fff; position: relative; z-index: 2; padding: 0 5px 0 0; font-family: "Marcellus", serif; letter-spacing: 1px;}
	.map_memo ul{ font-size: 13px;}
	.map_memo ul span{ display: inline-block;}
	.map_memo ul span.span_b{ margin: 0 0 0 10px;}
	
	.access_img{ text-align: center; margin: 65px 0;}
	.access_img .access_img_p{ display: none;}
	.access_img img{ width: 1100px;}
	
	.map_img{ text-align: center; margin: 60px 0 50px;}
	.map_img img{ width: 800px;}
	
	.access_memo{ font-size: 13px; width: 800px; margin: 40px auto 0;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.access_box .access_photo{ width: 730px;}
	.access_box	.nearby_flex{ width: 730px;}
	.map_memo{ width: 730px;}
	
	.access_img{ text-align: center; margin: 50px 0 50px;}
	.access_img img{ width: 890px; max-width: 890px; display: inline-block;}
	.access_img .access_img_p{ text-align: left; font-size: 12px; margin: 0 0 10px 0; display: block;}
	.js-scrollable { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; position: relative;}
	
	.map_img img{ width: 730px;}
	
	.access_memo{ width: 730px;}
}
@media (max-width: 767.98px) {
	.access_box { padding: 0 15px 50px; margin: 0 auto; max-width: 1170px;}
	.access_box .access_photo{ width: 100%; margin: 0 auto;}
	.access_box .access_photo .one_type{ margin: 6px 0 0 0;}
	.access_box .access_photo .two_type{ display: flex; margin: 6px 0 0 0;}
	.access_box .access_photo .two_type div{ width: 50%;}
	.access_box .access_photo .two_type div:first-child{ margin: 0 6px 0 0;}
	.access_box .access_photo figure{ position: relative;}
	.access_box .access_photo figcaption{ position: absolute; bottom: 8px; left: 8px; display: block; color: #fff; margin: 0; font-size: 11px; line-height: 1.2;}
	.access_box .access_photo figcaption.right{ left: auto; right: 8px;}
	.access_box .access_photo figcaption.shd{ text-shadow: 2px 2px 3px #000;}
	.access_box .access_photo figcaption.shd_sp{ }
	.access_box .access_photo figcaption.blk{ color: #231815;}
	.access_box .access_photo figcaption.outside{ bottom: -5px; left: 0; position: relative; color: #231815;}
	
	.access_box	.nearby_flex{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 30px auto;}
	.access_box	.nearby_flex li{ width: 49%; margin: 0 0 16px 0;}
	.access_box	.nearby_flex li:nth-child(15),.access_box .nearby_flex li:nth-child(16){ margin: 0;}
	.access_box	.nearby_flex li figcaption{ font-size: 12px; margin: 3px 0 0 0;}
	.access_box	.nearby_flex li figcaption small{ font-size: 12px; display: block; line-height: 1.4;}
	
	.map_memo{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 auto 60px; color: #595757;}
	.map_memo>div{ width: 100%;}
	.map_memo>div:nth-child(2),.map_memo>div:nth-child(3),.map_memo>div:nth-child(4){ margin: 20px 0 0 0;}
	.map_memo h4{ font-size: 18px; position: relative; color: #888;}
	.map_memo h4.mt2{ margin: 20px 0 0.5rem 0;}
	.map_memo h4::before{ content: ""; position: absolute; width: 100%; height: 1px; display: block; background-color: #595757; z-index: 1; top: 9px;}
	.map_memo h4 span{ background-color: #fff; position: relative; z-index: 2; padding: 0 5px 0 0; font-family: "Marcellus", serif; letter-spacing: 1px;}
	.map_memo ul{ font-size: 13px;}
	.map_memo ul span{ display: inline-block;}
	
	.access_img{ text-align: center; margin: 50px 0 50px;}
	.access_img img{ width: 800px; max-width: 800px; display: inline-block;}
	.access_img .access_img_p{ text-align: left; font-size: 12px; margin: 0 0 10px 0;}
	.js-scrollable { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; position: relative;}
	
	.map_img{ text-align: center; margin: 30px 0 30px;}
	.map_img img{ width: 100%;}
	
	.access_memo{ font-size: 13px; width: 100%; margin: 30px auto 0;}
}