/* ============================================================================================================================
保育の特色
============================================================================================================================ */

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

/* 配置調整 */
section.features { margin:auto; margin-bottom:75px; max-width:85%; width:100%; }
section.features.stay { margin-bottom:120px; }

/* 見出し基本 */
section.features h2 { align-items:center; font-size:23px; font-weight:500; gap:10px; letter-spacing:6.9px; justify-content:flex-start; margin-bottom:35px; }
section.features h2 span { align-items:center; background-color:var(--ye); border:1px solid var(--bk); border-radius:50px; justify-content:center; height:53px; width:200px; }
section.features h3 { color:var(--red); font-size:18px; font-weight:700; line-height:200%; letter-spacing:2.7px; }

/* コンテンツボックス */
section.features div.content-box { flex-direction:column; }
section.features div.ph-box { aspect-ratio:219/213; align-items:center; justify-content:center; overflow:hidden; margin:20px auto; height:auto; width:219px; }

/* 画像リスト */
ul.ph-list { flex-direction:column; gap:30px; margin:20px auto; }
ul.ph-list li { aspect-ratio:3/2; text-align:center; overflow:hidden; }
ul.ph-list li img { object-fit:contain; margin:auto; height:auto; max-width:100%; width:100%; }

/* 1歳 */
section.one-year-olds h2::before { aspect-ratio:103/180; background-image:url('../img/page/features/icon-one-year-olds.svg'); display:inline-block; height:60px; width:41px; }

/* 2歳 */
section.two-year-olds h2::before { aspect-ratio:115/203; background-image:url('../img/page/features/icon-two-year-olds.svg'); display:inline-block; height:60px; width:41px; }

/* 幼児クラス */
section.toddler-class h2::before { aspect-ratio:115/203; background-image:url('../img/page/features/icon-toddler-class.svg'); display:inline-block; height:60px; width:41px; }
section.toddler-class h3 { margin-bottom:20px; }

/* 版画の取り組み */
section.features.printmaking-project h2 span { width:265px; }
section.features.printmaking-project h2::before { aspect-ratio:47/61; background-image:url('../img/page/features/icon-printmaking-project.svg'); display:inline-block; height:60px; width:41px; }

/* お泊り保育 */
section.features.stay h2::before { aspect-ratio:64/86; background-image:url('../img/page/features/icon-stay.svg'); display:inline-block; height:60px; width:41px; }

@container( min-width:960px ) {

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

/* 配置調整 */
section.features { margin-bottom:125px; max-width:940px; }

/* 見出し基本 */
section.features h3 { font-size:26px; line-height:36px; letter-spacing:3.9px; padding:0 50px; margin-bottom:30px; }
section.features h3 br { display:none; }

/* コンテンツボックス */
section.features div.content-box { align-items:flex-start; flex-direction:row-reverse; gap:57px; padding:0 50px; }
section.features div.ph-box { aspect-ratio:214/216; margin:0; width:214px; }
section.features div.text-box { box-sizing:border-box; width:calc( 100% - 214px ); }

/* 画像リスト */
ul.ph-list { align-items:flex-start; flex-direction:row; gap:34px; justify-content:flex-start; }
ul.ph-list li { aspect-ratio:7/8; }
ul.ph-list li img { object-fit:cover; height:100%; }

/* 1歳 */
section.one-year-olds h2::before { height:70px; width:50px; }

/* 2歳 */
section.two-year-olds h2::before { height:70px; width:50px; }

/* 幼児クラス */
section.toddler-class h2::before { height:70px; width:50px; }
section.toddler-class h3 { margin-bottom:30px; }

/* 版画の取り組み */
section.features.printmaking-project h2::before { height:70px; width:50px; }

/* お泊り保育 */
section.features.stay h2::before { height:70px; width:50px; }
section.features.stay ul.ph-list li { aspect-ratio:3/2; }

}

@media( max-width:959px ) {

/* デコレーション */
section.features.stay { position:relative; z-index:1; } 
section.features.stay::before { aspect-ratio:205/228; background-image:url('../img/common/sp-sakura-left-1.png'); position:absolute; bottom:-130px; left:-11px; height:150px; width:205px; z-index:-2; }

}

@media( min-width:960px ) {

/* デコレーション */
main::before { position:absolute; z-index:-1; }
main::before { aspect-ratio:376/780; background-image:url('../img/common/sakura-right-2.png'); top:1165px; right:0; height:786px; width:376px; }

}