@charset "utf-8";
/*
	Last Update: 2026/03/03
	Auther: iw
*/
/*===================================================================
	park
===================================================================*/
.page_link_navi > * { transition-property:opacity, transform; transition-duration:.6s; }
.page_link_navi.plx:not(.plx_on) > * { opacity:0; transform:translateY(10px); }
.page_link_navi .button { background:#000; font-weight:500; font-size:15px; padding:0 8px; height:60px; display:inline-flex; align-items:center; justify-content:center; width:100%; margin-bottom:10px; }
.page_link_navi .button > .main { width:100%; background:url(../image/icon/arrow3-b.svg) no-repeat right center / 5px auto; color:#fff; padding:0 8px; letter-spacing:-0.25px; }
	@media (max-width: 575px) {
		.page_link_navi .button { height:50px; }
	}

.park_hl_back { background:#128F70 url(../image/park/back4.jpg) repeat-y center top / 100% auto; color:#fff; }

.park_slide { margin-bottom:40px; }
.park_slide button { display:block; border:none; }
.park_slide_main { overflow:hidden; max-height:533px; text-align:center; }
.park_slide_main .unit_wrap { display:inline-block; width:1100px; max-width:calc(100vw - 60px); aspect-ratio:1100 / 534; }
.park_slide_main .unit { border-radius:8px; overflow:hidden; width:100%; height:100%; transition:all 0.5s; }
.park_slide_main .unit img { object-fit:cover; width:100%; height:100%; }
.park_slide_main.slick-slider .unit_wrap:not(.slick-current) { padding:23px 15px; }
.park_slide_main .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; aspect-ratio:1 / 1; width:45px; text-indent:-9998px; background:#CBCBCB; border-radius:50%; }
.park_slide_main .slick-prev { left:0; background:url(../image/park/slide_button_left.png) no-repeat center center / cover; }
.park_slide_main .slick-next{ right:0; background:url(../image/park/slide_button_right.png) no-repeat center center / cover; }
.park_slide_sub .slick-dots { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.park_slide_sub .slick-dots li { max-width:10%; width:60px; max-width:100%; aspect-ratio:100 / 71; }
.park_slide_sub .slick-dots img { object-fit:cover; width:100%; height:100%; }
.park_slide_sub .slick-dots .slick-active { border:4px solid #292E7D; }
	@media (max-width: 575px) {
		.park_slide { margin-bottom:30px; }
		.park_slide_sub .slick-dots { gap:8px; }
		.park_slide_sub .slick-dots li { max-width:20%; }
	}
	@media (min-width:1260px) {
		.park_slide_main.slick-slider .unit_wrap:not(.slick-current) { padding:23px 50px; }
		.park_slide_main .slick-next { right:calc(50% - 1100px / 2 - 65px); }
		.park_slide_main .slick-prev { left:calc(50% - 1100px / 2 - 65px); }
		.park_slide_sub .slick-dots li { width:100px; }
	}

.tbl_park { width:100%; }
.tbl_park > tbody > tr > * { border:1px solid #C4C4C4; vertical-align:middle; }
.tbl_park > tbody > tr > th { background:#E3E3E3; font-weight:bold; }
.tbl_park > tbody > tr > td { background:#fff; }
	@media (max-width: 575px) {
		.tbl_park,
		.tbl_park > tbody,
		.tbl_park > tbody > tr,
		.tbl_park > tbody > tr > * { display:block; }
		.tbl_park > tbody > tr > th { padding:5px 5px 5px 10px; }
		.tbl_park > tbody > tr > td { padding:8px 5px 20px 10px; }
	}
	@media (min-width: 576px) {
		.tbl_park > tbody > tr > th { padding:20px 10px 20px 10px; text-align:center;  font-size:min(1.25em, 18px); }
		.tbl_park > tbody > tr > td { padding:20px 20px 20px 40px; }
	}
	@media (max-width: 991px) and (min-width: 576px) {
		.tbl_park > tbody > tr > th { width:200px; }
	}
	@media (min-width: 992px) {
		.tbl_park > tbody > tr > th { width:260px; }
	}

.button._type3 { display:inline-flex; align-items:center; justify-content:center; border-radius:3px; width:255px; height:55px; background:#fff; border:1px solid #000; }
.button._type3 > .main { font-weight:bold; font-size:18px; }

#park_wrap1 { background:#F9FBFC url(../image/park/back1.jpg) no-repeat center top / cover; }
.grid_park1 .unit { background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.15); border-radius:3px; overflow:hidden; transition-property:opacity, transform; transition-duration:.7s; }
.grid_park1.plx:not(.plx_on) .unit { opacity:0; transform:translateY(20px); }
.grid_park1 .unit_title { text-align:center; margin:20px 15px; padding:0 0 10px; border-bottom:1px solid #F2F2F2; font-weight:bold; font-size:min(1.5em, 25px); text-align:center; }
.grid_park1 .unit_contents { padding:0 25px 20px; }
	@media (max-width: 575px) {
		.grid_park1 .unit { margin-bottom:30px; }
	}
	@media (min-width: 576px) {
		.grid_park1 { display:grid; grid-template-columns:repeat(2,1fr); gap:0 30px; }
	}

#park4 { background:#46653F url(../image/park/back3.jpg) no-repeat center top / cover; color:#fff; }
#park4 .park_turf_title1 { text-align:center; font-size:min(3em, 41px); margin-bottom:50px; }
#park4 .park_turf_title2 { text-align:center; font-size:min(3em, 37px, 9vw); margin:45px 0 30px; }
#park4 .park_turf_text { font-weight:bold; }
	@media (max-width: 575px) {
		#park4 .park_turf_title1 { font-size:min(7.5vw, 36px); }
	}
	@media (min-width: 576px) {
		#park4 .park_turf_text { text-align:center; font-size:min(1.25em, 18px); }
	}

#park4_2 { background:#EAEEEF url(../image/park/back2.jpg) no-repeat center top / cover; }
#park4_2 .park_turf_title3 { font-size:min(3em, 34px); display:flex; width:100%; align-items:center; justify-content:center; height:102px; padding:0 20px; }
#park4_2 .park_turf_title3 .main { text-align:center; }
.grid_park2 { margin-bottom:50px; }
.grid_park2 .unit { background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.15); display:flex; flex-direction:column; justify-content:start; transition-property:opacity, transform; transition-duration:.7s; }
.grid_park2.plx:not(.plx_on) .unit { opacity:0; transform:translateY(20px); }
.grid_park2 .unit .park_hl_back { display:flex; align-items:center; justify-content:center; position:relative; height:100px; overflow:hidden; }
.grid_park2 .unit .park_hl_back .number { color:rgba(255,255,255,0.23); font-size:75px; font-style:italic; position:absolute; top:0; left:-0.1em; line-height:0.7; letter-spacing:-0.03em; }
.grid_park2 .unit_title { text-align:center; font-size:min(1.5em, 25px); font-weight:bold; }
.grid_park2 .unit_contents { padding:20px 20px 0; }
.grid_park2 .unit .photo { padding:20px 20px 30px; margin-top:auto; }
	@media (max-width: 575px) {
		#park4_2 .park_turf_title3 { font-size:min(6vw, 34px); }
		.grid_park2 .unit { margin-bottom:30px; }
		.grid_park2 .unit_title { font-size:min(1.25em, 25px); }
	}
	@media (min-width: 576px) {
		.grid_park2 { display:grid; grid-template-columns:repeat(2,1fr); gap:30px 30px; }
	}