/* ============================================================================================================================
地域との関わり
============================================================================================================================ */

/* ファーストビュー調整 */
.page.community div.fv { margin-bottom:36px; }

/* 上部イラスト配置 */
div.community-illust { justify-content:center; margin-bottom:30px; }
div.community-illust img { margin:auto; height:auto; max-width:342px; width:100%; }

/* 地域のみなさんの子育てを応援します */
.yell { flex-direction:column; gap:7px; margin:auto; margin-bottom:60px; }
.yell h2, .yell p { font-weight:700; }
.yell h2 { font-size:23px; letter-spacing:3.45px; padding:10px; }
.yell p { font-size:15px; line-height:32px; letter-spacing:1.5px; margin:0 27px; }

/* 保育所体験・広報誌 */
section.community-block, .box.flex { flex-direction:column; }
section.community-block { gap:64px; margin:auto; margin-bottom:100px; max-width:80%; }
.box.flex { gap:20px; }
section.community-block h3 { align-items:center; background-color:var(--ye); border-radius:50px; font-size:22px; font-weight:700; justify-content:center; letter-spacing:2.2px; margin:auto; height:50px; max-width:300px; width:100%; }
.box.flex p { font-weight:500; }
.box.flex p img { height:auto; max-width:100%; width:100%; }

@container( min-width:960px ) {

/* ファーストビュー調整 */
.page.community div.fv { margin-bottom:166px; }

/* 上部イラスト配置 */
div.community-illust { margin-bottom:112px; }
div.community-illust img { max-width:935px; }

/* 地域のみなさんの子育てを応援します */
.yell { gap:26px; margin-bottom:120px; max-width:1000px; }
.yell h2 { font-size:32px; letter-spacing:4.8px; }
.yell h2 br { display:none; }
.yell p { font-size:22px; line-height:50px; text-align:center; margin:0; }

/* 保育所体験・広報誌 */
section.community-block { align-items:stretch; flex-direction:row; gap:70px; justify-content:center; margin:auto; margin-bottom:100px; max-width:920px; width:100%; }
.box.flex { gap:22px; justify-content:flex-start; margin-top:0; height:100%; width:50%; }
.box.flex h3 { margin-top:0; }
.box.flex::before { display:none; }

}

@media( max-width:959px ) {

/* デコレーション */
main::after { aspect-ratio:1/1; background-color:var(--pi-2); position:absolute; bottom:-1050px; left:21px; height:27px; width:27px; z-index:-1; }
.yell::before { aspect-ratio:1/1; background-color:#ffccd1; border-radius:50%; position:absolute; top:832px; left:-16px; height:38px; width:38px; z-index:-1; }
#box02.box::before { aspect-ratio:1/1; background-image:url('../img/common/triangle.png'); position:absolute; top:1351px; right:5px; height:38px; width:38px; z-index:-1; }

}

@media( min-width:960px ) {

/* デコレーション */
main::before, main::after { position:absolute; z-index:-1; }
main::before { aspect-ratio:1/1; background-image:url('../img/common/triangle.png'); top:1436px; left:62px; height:118px; width:118px; }
main::after { aspect-ratio:1/1; background-image:url('../img/common/square.png'); top:1072px; right:120px; height:80px; width:80px; }

}