.sub_wrap { width: 100%; height: 100%; }
.facilitiesWrap .visual { width: 100%; height: 100vh; display: block; background: var(--sh-orange); position: fixed; top: 0; z-index: -1; }
.facilitiesWrap .visual::after { display: block; content: ''; background: url(../../images/sub/facilities_bg.png) no-repeat bottom left / cover; position: fixed; width: 100%; height: 100vh; top: 0; }

.s22_1 { text-align: center; }
.s22_1 h1 { color: #241916; font-weight: 700;padding: 420px 0 170px; }
.s22_1 p { color: #241916; display: flex; align-items: center; justify-content: center; padding-bottom: 25px; padding-top: 150px; }
.s22_1 p img { padding-left: 10px; }


.left .half_inner { width: 100%; height: 100%; max-width: 750px; padding: 0 4% 0 0; }
.right .half_inner { width: 100%; height: 100%; max-width: 750px; padding: 0 0 0 4%; }


.s22_4 { height: 100vh; background: var(--sh-black); padding: 80px 0; border-radius: 20px; position: relative; overflow: hidden; z-index: 1; display: flex; align-items: center; }
.s22_4 h1 { padding-bottom: 68px; color: var(--bg); }
.s22_4 h1 span { font-weight: 700; }
.s22_4 h2 { position: relative; padding-left: 20px; color: var(--bg); font-weight: 400; }
.s22_4 h2::before { position: absolute; top: 50%; left: 0; content: "◆"; color: var(--bg); transform: translate(-50%, -50%); font-size: 20px;}
.s22_4 h2 span { font-weight: 700; }
.s22_4 p { color: var(--bg); line-height: 1.5 }
.s22_4 ul { display: flex; }
.s22_4 li { min-width: 33%; height: 620px; padding: 3.2%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: rgba(44, 64, 150, 0.05); border-radius: 20px; }
.s22_4 li:not(:last-child) { margin-right: 25px; }
.s22_4 figure { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.s22_4 li img { width: 100%; max-width: 300px; height: auto; }


.s22_5 { background: url('../../images/sub/s22_5_bak.jpg') no-repeat 50% 30% / 140%; height: 100vh; border-radius: 20px 20px 0 0 ; display: flex; }
.s22_5 .left { width: 50%; }
.s22_5 .right { width: 50% ;display: flex; flex-direction: column; justify-content: flex-end; height: 100%;color: #fff; padding-bottom: 100px; }
.s22_5 .right h1 { font-weight: 700; line-height: 1.4; padding-bottom: 15px; }
.s22_5 .right p { line-height: 1.6; font-weight: 100; }


.s22_6 { height: 100vh; width: 100%; display: flex; overflow: hidden; position: relative; z-index: 1; }
.s22_6 .left { width: 50%; position: relative; height: 100%; border-radius: 0 0 0 20px; overflow: hidden; }
.s22_6 .left li { width: 100%; height: 100%; }
.s22_6 .left li:not(:first-child) { position: absolute; top: 100%; z-index: 2; }
.s22_6 .left li:first-child { background: url('../../images/main/main5_bak1.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(2) { background: url('../../images/main/main5_bak2.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(3) { background: url('../../images/main/main5_bak3.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(4) { background: url('../../images/main/main5_bak4.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(5) { background: url('../../images/main/main5_bak5.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(6) { background: url('../../images/main/main5_bak6.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(7) { background: url('../../images/main/main5_bak7.jpg') no-repeat center / cover; }
.s22_6 .left li:nth-child(8) { background: url('../../images/main/main5_bak8.jpg') no-repeat center / cover; }
.s22_6 .right { width: 50%; background: #D8E0A5; height: 100%; padding: 97px 50px; color: #154726; border-radius: 0 0 20px 0; }
.s22_6 .right li:first-child { padding-bottom: 130px; }
.s22_6 .right li:first-child h1 { color: #149473; padding-bottom: 10px; font-weight: 500; }
.s22_6 .right li:first-child p span { font-weight: 700; }
.s22_6 .right li:not(:first-child) { padding-bottom: 40%; opacity: 0.4; }
.s22_6 .right li:not(:first-child) h2 { font-weight: 700; }
.s22_6 .right li:not(:first-child) p { padding: 15px 0 10px; line-height: 1.6 }
.s22_6 .right li:not(:first-child) a { color: #149473; display: inline-flex; align-items: center; }
.s22_6 .right li:not(:first-child) a img { padding-left: 10px; }
.s22_6 .right figure { display: none; }



@media (max-width: 1500px){

	.left .half_inner,
	.right .half_inner { padding: 0 4% }

	.s22_2 p br { display: none; }

	.s22_3 p br { display: none; }

}

@media (max-width: 1400px){

	.s22_5 .right p br { display: none; }

	.s22_6 .right li:not(:first-child) p br { display: none; }

}

@media (max-width: 1280px){

	.s22_1 h1 { padding: 390px 0 150px; }
	.s22_1 p { padding-top: 130px; }

	.s22_2 { height: 780px; }
	.s22_2 .right { padding: 80px 0; }

	.s22_3 { height: 830px; }
	.s22_3 .left { padding: 80px 0; }

	.s22_4 { padding: 60px 0; }
	.s22_4 h1 { padding-bottom: 60px; }
	.s22_4 li { height: 570px; }

	.s22_5 { background-size: 150%; height: 90vh; }
	.s22_5 .right { padding-bottom: 80px; }

}

@media (max-width: 1080px){

	.s22_1 h1 { padding: 360px 0 130px; }
	.s22_1 p { padding-top: 110px; }

	.s22_2 { height: 680px; }
	.s22_2 .right { padding: 60px 0; }

	.s22_3 { height: 780px; }
	.s22_3 .left { padding: 60px 0; }

	.s22_4 { padding: 50px 0; }
	.s22_4 h1 { padding-bottom: 50px; }
	.s22_4 li { height: 520px; }
	.s22_4 li br { display: none; }

	.s22_5 { background-size: 190%; height: 80vh; }
	.s22_5 .right { padding-bottom: 60px; }

}

@media (max-width: 900px){

	.s22_5 { background-size: 250%; height: 70vh; border-radius: 0; }
	.s22_5 .left { display: none; }
	.s22_5 .right { width: 100%; padding: 0 4% 40px 4%; }

	.s22_4 { padding: 30px 0; border-radius: 0; margin-top: 0; height: 100%; overflow: initial; }
	.s22_4 ul { flex-direction: column; }
	.s22_4 h1 { padding-bottom: 40px; }
	.s22_4 li { padding: 3.2% 10%; height: auto; min-width: 50%; background: rgba(44, 64, 150, 0.5); }
	.s22_4 li figure { padding: 25px 0; }
	.s22_4 li img { max-width: 50%; border-radius: 20px; }
	.s22_4 li:not(:last-child) { margin-right: 0; margin-bottom: 25px; }

	.s22_6 { flex-direction: column; overflow: initial; height: 100%; }
	.s22_6 .left { display: none; }
	.s22_6 .right { width: 100%; height: 100%; padding: 60px 4%; }
	.s22_6 .right figure { display: flex; width: 100%; height: 300px; overflow: hidden; align-items: center; justify-content: center; border-radius: 10px; margin-bottom: 20px; }
	.s22_6 .right figure img { width: 100%; max-width: 960px; height: auto; }
	.s22_6 .right li:not(:first-child) { opacity: 1; padding-bottom: 40px; }
	.s22_6 .right li:first-child { padding-bottom: 50px; }

}

@media (max-width: 768px){

	.s22_1 h1 { padding: 330px 0 110px; }
	.s22_1 p { padding-top: 90px; }

	.s22_2 { height: auto; flex-direction: column; }
	.s22_2 .left { height: 300px; width: 100%; }
	.s22_2 .right { padding: 40px 0; width: 100%; }

	.s22_3 { height: auto; flex-direction: column-reverse; }
	.s22_3 .right { height: 300px; width: 100%; }
	.s22_3 .left { padding: 40px 0; width: 100%; }

}

@media (max-width: 500px){

	.s22_visual::after { height: 60vh; }

	.s22_1 h1 { padding: 300px 0 90px; }
	.s22_1 p { padding-top: 70px; }

	.s22_2 .left { height: 250px; }
	.s22_2 .right { padding: 20px 0; }

	.s22_3 .right { height: 250px; }
	.s22_3 .left { padding: 20px 0; }

	.s22_4 { padding: 20px 0; }
	.s22_4 h1 { padding-bottom: 30px; }
	.s22_4 li { height: 300px; }
	.s22_4 li figure { padding: 15px 0; }
	.s22_4 li img { max-width: 70%; }

	.s22_5 { background-size: 330%; height: 60vh; }
	.s22_5 .right { padding: 0 4% 20px 4%; }
	.s22_6 .right { padding: 40px 4%; }
	.s22_6 .right li:first-child { padding-bottom: 30px; }

}