/* ============================================================================================================================
汎用
============================================================================================================================ */

/* カラーパレット */
:root { 
--content-title:#f5938e;
}

/* 見出し */
.content-title { color:var(--content-title); font-size:20px; font-weight:700; letter-spacing:6px; margin-bottom:13px; }

@container( min-width:960px ) {

/* 見出し */
.content-title { font-size:30px; letter-spacing:15px; margin-bottom:30px; }

}

/* ============================================================================================================================
一日の流れ
============================================================================================================================ */

/* ベース */
section.schedule { padding:0 20px; margin:auto; margin-bottom:80px;  }

/* スケジュール画像 */
div.schedule-ph { margin:auto; margin-bottom:20px; }
div.schedule-ph img { height:auto; max-width:100%; width:100%; }

/* リスト */
section.schedule ul li { font-size:13px; font-weight:400; line-height:28px; letter-spacing:0.65px; }

/* 装飾（※スマホ版はない） */
div.stripe { display:none; }

@container( min-width:960px ) {

/* ベース */
section.schedule { margin-bottom:100px; max-width:700px; }

/* スケジュール画像 */
div.schedule-ph { margin-bottom:32px; }

/* リスト */
section.schedule ul li { font-size:18px; line-height:30px; letter-spacing:0; }

/* 装飾 */
div.stripe { background-image:repeating-linear-gradient(to right, rgba(0,0,0,0.15) 0, var(--gr-1) 2px, transparent 2px, transparent 12px); display:block; margin:auto; margin-bottom:80px; height:11px; max-width:780px; width:100%; }

}

/* ============================================================================================================================
独自の保育の特徴
============================================================================================================================ */

/* ベース */
section.unique { flex-direction:column; gap:35px; padding:0 30px; margin:auto; margin-bottom:180px; max-width:950px; }

/* 見出し */
section.unique h2 { color:var(--gr-2); font-size:24px; font-weight:700; letter-spacing:2.4px; text-indent:-1.5rem; padding-left:1.5rem; margin-bottom:20px; }
section.unique h2::before { content:'▶'; }

/* クッキング */
div.pc-img { display:none; }
div.cooking-text { margin-bottom:30px; }

/* 画像リスト */
ul.ph-list.flex { aspect-ratio:362/598; background-image:url('../img/page/daily-life/cooking-sp.png'); height:auto; max-width:100%; width:100%; }
ul.ph-list.flex li { display:none; }

@container( min-width:960px ) {

/* ベース */
section.unique { gap:80px; padding:0; margin-bottom:100px; }

/* 見出し */
section.unique h2 { font-size:34px; letter-spacing:3.4px; }
section.unique h2 br { display:none; }
section.unique h2::before { margin-right:5px; }

/* コンテンツテキスト */
div.unique-content p { padding:0 42px; }

/* クッキング */
div.cooking-text { align-items:center; display:flex; justify-content:space-between; margin-bottom:40px; }
div.cooking-text p { width:calc( 100% - 250px ); }
div.pc-img { display:block; width:250px; }
div.pc-img img { height:auto; max-width:100%; width:100%; }

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

}

/* ============================================================================================================================
年間行事
============================================================================================================================ */

/* 年間行事 */
section.annual-events { padding:0 30px; margin:auto; margin-bottom:140px; }
section.annual-events ul { flex-direction:column; gap:45px; }
section.annual-events ul li { text-align:center; }
section.annual-events ul li img { height:auto; max-width:100%; width:100%; }

/* 行事 */
section.event { margin:auto; margin-bottom:130px; max-width:85%; width:100%; }
section.event dl { flex-direction:column; gap:10px; }
section.event dl dt { align-items:center; background-color:var(--pi-1); border-radius:15px; font-size:16px; font-weight:700; justify-content:center; line-height:36px; letter-spacing:1.3px; height:36px; width:250px; }
section.event dl dd { padding:0 10px 20px 10px; }
section.event dl dd:last-child { padding:0 10px; }

@container( min-width:960px ) {

/* 年間行事 */
section.annual-events { padding:0; margin-bottom:75px; max-width:1000px; }
section.annual-events h2.content-title { align-items:center; display:flex; justify-content:center; position:relative; margin-bottom:50px; max-height:77px; z-index:1; }
section.annual-events h2.content-title::before, section.annual-events h2.content-title::after { background-color:var(--bk); flex:1; height:1px; }
section.annual-events h2.content-title span { align-items:center; background-color:var(--ye); border:1px solid var(--bk); border-radius:50px; color:var(--bk); display:flex; font-size:30px; font-weight:700; justify-content:center; letter-spacing:3px; text-align:center; position:relative; height:77px; width:637px; z-index:1; }
section.annual-events h2.content-title span::before, section.annual-events h2.content-title span::after { background-color:var(--gr-1); border-radius:50%; position:absolute; top:50%; transform:translate(0,-50%); height:16px; width:16px; z-index:1; }
section.annual-events h2.content-title span::before { left:50px; }
section.annual-events h2.content-title span::after { right:50px; }
section.annual-events ul { flex-direction:row; }
section.annual-events ul li { width:50%; }

/* 行事 */
section.event { margin-bottom:185px; max-width:950px; }
section.event dl dt { font-size:18px; letter-spacing:1.8px; height:36px; width:330px; }

}

@media( max-width:959px ) {

/* デコレーション */
div.decoration { position:relative; z-index:-1; }
.deco-1 { display:inline-block; }
.deco-1::before, .deco-1::after, dt.back-config.flex::before { aspect-ratio:1/1; background-image:url('../img/common/square-2.png'); display:inline-block; position:absolute; height:380px; width:380px; z-index:-1;}
.deco-1::before { top:-1800px; left:-180px; }
.deco-1::after { top:-300px; left:-200px; }
dt.back-config.flex::before { aspect-ratio:104/380; background-image:url('../img/common/square-3.png'); right:0; height:380px; width:104px; }
main::before, div.unique-content::before { position:absolute; z-index:-1; }
div.unique-content::before { aspect-ratio:222/246; background-image:url('../img/common/sp-sakura-left-3.png'); top:2369px; right:0; height:246px; width:222px; z-index:-1; }
div.decoration::before { aspect-ratio:1/1; background-image:url('../img/common/top-pc-sakura-2.png'); top:-150px; left:0; position:absolute; height:200px; width:200px; z-index:1; }

}

@media( min-width:960px ) {

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


}