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

/* ファーストビュー（見出し） */
div.first-view { background-image:url('../img/page/gh-himawari/first-view-bg.png'); }

/* テキスト用 */
.content-text p, .content-text li, .content-text dt, .content-text dd { font-size:16px; font-weight:400; line-height:200%; letter-spacing:-0.8px; }

/* リスト */
ul.disc-list { padding:0 20px; }
ul.disc-list li { list-style-type:disc; }
ul.attention-list li { text-indent:-1rem; padding-left:1rem; }
ul.attention-list li::before { content:'※'; }
ol.nmb-list { list-style-type:decimal; padding-left:20px; }

/* 余白設定 */
.content-text { margin-bottom:40px; }

/* 並び調整用 */
div.table-chosei { flex-direction:column; gap:24px; margin-top:16px; }
div.table-item h3 { font-size:16px; font-weight:800; line-height:200%; }
div.table-item p { font-size:16ox; font-weight:400; line-height:200%; letter-spacing:-0.8px; }
table.hyo { margin:8px 0; }
table.hyo td { vertical-align:middle; }
table.hyo td.w400 { font-weight:400; }

/* 安全・安心のとりくみ */
ul.torikumi { align-content:center; flex-direction:column; gap:24px; justify-content:center; margin:24px auto 40px auto; }
ul.torikumi li.flex-box { align-content:center; flex-direction:column; gap:0; justify-content:center; }
ul.torikumi li.flex-box img { margin:auto; height:auto; max-width:100%; width:auto; }

@container( min-width:960px ) {

/* ベース */
.content-text { margin:auto; margin-bottom:80px; max-width:830px; width:100%; }

/* テキスト用 */
.content-text p, .content-text li, .content-text dt, .content-text dd { font-size:18px; line-height:32px; letter-spacing:-0.9px; }

/* 並び調整用 */
div.table-chosei { gap:40px; }

/* イラスト配置 */
section.content-block.top-content::before { aspect-ratio:168/181; background-image:url('../img/page/gh-himawari/top-content-illustration.png'); top:125px; left:calc( 260px / 2 ); transform:translateX(-65px); width:168px; height:181px; }

/* 入居できるかた */
.nyukyo { display:inline-block; position:relative; margin:auto; z-index:1; }
.nyukyo::before { aspect-ratio:338/239; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url(../img/page/gh-himawari/content-illustration01-pc.png); content:''; display:inline-block; position:absolute; right:-338px; top:-125px; height:239px; width:338px; z-index:-1 }

/* 安全・安心のとりくみ */
.anshin { display:inline-block; margin:auto; }
ul.torikumi { align-items:flex-end; flex-direction:row; position:relative; margin:24px auto 80px auto; width:100%; z-index:1; }
ul.torikumi::before { aspect-ratio:362/256; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url(../img/page/gh-himawari/content-illustration02-pc.png); content:''; display:inline-block; position:absolute; bottom:-300px; left:-300px; height:256px; width:362px; z-index:-1; }
ul.torikumi li.flex-box { gap:8px; }

}