/* ===================================================
ごあいさつ
 =================================================== */

/* ページタイトル */
div.title-image.greeting-title { background-image:url(../img/greeting/main-image.jpg); }

/* 見出し */
.greeting-content h2 { color:var(--bl); font-size:24px; font-weight:600; line-height:150%; letter-spacing:-0.24px; padding:0 20px; margin-bottom:40px; } 

/* コンテンツ */
section.greeting-content { flex-direction:column; margin-bottom:30px; }
div.sp-ph { text-align:center; }
div.sp-ph img { aspect-ratio:256/249; margin:0 auto 24px auto; max-width:256px; }
div.pc-ph { display:none; }

/* 本文 */
.greeting-content article { padding:0 20px; }
.greeting-content article p.last { font-weight:700; text-align:right; line-height:150%; margin-top:40px; }


@container( min-width:960px ) {

/* 見出し */
.greeting-content h2 { font-size:40px; line-height:nomal; text-align:center; margin-bottom:58px; white-space:nowrap; } 
.greeting-content h2 br { display:none; }

/* コンテンツ */
section.greeting-content { flex-direction:column; margin-bottom:46px; }
div.sp-ph { display:none; }
div.pc-ph { align-items:center; display:flex; justify-content:center; flex-direction:column; max-width:35%; }
div.pc-ph img { aspect-ratio:7/9; margin:auto; height:auto; max-width:399px; width:100%; }
section.greeting-content article div.flex { align-content:center; gap:40px; justify-content:center; padding:0 20px; margin:auto; max-width:1170px; }
div.text-box { max-width:65%; }

}

@container( min-width:1176px ) {

/* 見出し */
.greeting-content h2 { font-size:42px; } 

}

@container( min-width:1360px ) {

/* 見出し */
.greeting-content h2 { font-size:56px; } 

}