/* ==================================================================================================== */
/* デイサービスセンターからたち */
/* ==================================================================================================== */

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

/* 見出し */
section.top-content h2.top-midashi { font-size:16px; padding:0 24px; letter-spacing:-2px; }
.hana-midashi br { display:none; }

/* 上部コンテンツ */
section.top-content ul li { font-size:16px; font-weight:400; list-style-type:disc; line-height:200%; letter-spacing:-0.8px; padding-left:1rem; margin-left:1rem; margin-bottom:1rem; }

/* 利用料のご案内 */
div.usage-info { margin-bottom:40px; }
div.usage-info p { font-size:16px; font-weight:400; line-height:200%; letter-spacing:-0.8px; margin-bottom:16px; }
div.usage-info p.right { font-size:12px; margin-bottom:0; }
h3.price-title { font-size:16px; font-weight:800; line-height:200%; margin-top:40px; margin-bottom:16px; }

/* 表 */
table.hyo tr td { font-size:16px; }

/* 下部コンテンツ */
section.content-block { border-radius:20px 20px 0 0; padding-top:16px; }

@container( min-width:768px ) {

/* 表 */
table.hyo tr td { font-size:18px; }

}

@container( min-width:960px ) {

/* 見出し */
section.top-content h2.top-midashi { font-size:18px; gap:16px; padding:0 18px; }

/* 上部コンテンツ */
section.top-content p, section.top-content ul li { font-size:18px; }

/* イラスト配置 */
section.content-block.top-content::before { aspect-ratio:339/240; background-image:url('../img/page/dsc-karatachi/top-content-illustration.png'); top:175px; left:0; width:339px; height:240px; }
section.content-block.top-content::after { aspect-ratio:118/180; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url('../img/page/dsc-karatachi/top-content-illustration-2.png'); content:''; position:absolute; right:-30px; bottom:-50px; height:180px; width:118px; z-index:1; }

/* 利用料のご案内 */
div.usage-info { position:relative; z-index:1; }
div.usage-info::before { aspect-ratio:149/221; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url('../img/page/dsc-karatachi/content-illustration01-pc.png'); content:''; position:absolute; left:-150px; top:-100px; height:221px; width:149px; z-index:-1; }
div.usage-info p { font-size:18px; line-height:32px; letter-spacing:-0.9px; text-align:center; }
div.usage-info p.right { text-align:right; }
div.usage-info { margin:auto; margin-bottom:80px; max-width:830px; width:100%; }
h3.price-title { font-size:18px; }
section.content-block p.read { font-size:18px; font-weight:400; line-height:32px; letter-spacing:-0.9px; margin-right:auto; margin-left:auto; max-width:830px; width:100%; }

/* 表 */
table.hyo tr td { font-size:18px; }

/* 特徴 */
div.tokucho-box p { text-align:center; }

/* 下部コンテンツ */
section.content-block { font-size:18px; font-weight:800; line-height:32px; padding-top:80px; margin-bottom:16px; }

}