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

/* ファーストビュー（見出し） */
div.first-view { background-image:url('../img/page/sfs-marble/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; }

/* ベース */
.content-text { margin-bottom:64px; }

/* リスト */
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; }

/* 並び調整用 */
div.table-chosei { flex-direction:column; gap:24px; margin-bottom:40px; }
div.table-item h3 { color:var(--bl); font-size:16px; font-weight:800; line-height:200%; }
div.table-item h3 span { color:var(--bk); font-weight:400; }
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; }

/* フォトギャラリー */
div.gallery-main { position:relative; z-index:1; }
div.gallery-main span.label { color:var(--wh); font-size:10px; font-weight:800; position:absolute; bottom:10px; right:15px; }

/* サポート内容内容 */
.support ol { display:flex; flex-direction:column; gap:8px; }

/* カフェまあぶるひろ */
.cafe p { margin-bottom:24px; }
.cafe ul.flex { align-content:center; flex-direction:column; gap:16px; justify-content:center; margin-top:24px; }
.cafe ul.flex li { text-align:center; }
.cafe ul.flex li img { aspect-ratio:24/18; border-radius:20px; min-width:240px; height:auto; width:85%; }
.cafe ul.flex.no-radius { margin-bottom:24px; }
.cafe ul.flex.no-radius li img { aspect-ratio:auto; border-radius:0; min-width:240px; height:auto; width:85%; }

/* レクリエーション */
.rec ul { display:inline-block; text-align:left; }
.rec-ph img { height:auto; max-width:100%; width:100%; }

/* お問い合わせ */
ul.page-contact { align-content:center; flex-direction:column; gap:16px; justify-content:center; }
ul.page-contact li { text-align:center; }
ul.page-contact li img { height:auto; max-width:210px; width:auto; }

/* 来歴 */
table.hyo tr td { box-sizing:border-box; padding:5px; }
table.hyo tr td.bl-01 { width:100px; }
table.hyo tr td.ye-01 { text-align:left; }

@container( min-width:960px ) {

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

/* ベース */
.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; margin:auto; margin-bottom:80px; max-width:830px; width:100%; }
div.table-item h3 { font-size:18px; text-align:center; }
div.table-item { text-align:center; }
div.table-item p { display:inline-block; text-align:left; margin:auto; }
div.cancel .hyo td.bl-01 { text-align:left; padding:10px 25px; width:300px; }

/* フォトギャラリー */
div.gallery-main span.label { font-size:20px; bottom:20px; right:30px; }

/* 冒頭コンテンツ */
dl.jigyosyo-info dd.center { justify-content:flex-start; text-align:left; }
dl.jigyosyo-info dd.center br { display:none; }

/* カフェまあぶるひろ */
.cafe { position:relative; z-index:1; }
.cafe::before { aspect-ratio:249/247; background-size:contain; background-position:center; background-image:url('../img/page/sfs-marble/content-illustration01-pc.png'); content:''; display:inline-block; position:absolute; top:0px; right:-150px; height:247px; width:249px; z-index:-1; }
.cafe p { display:inline-block; text-align:left; margin-bottom:24px; }
.cafe ul.flex { flex-direction:row; gap:40px; }
.cafe ul.flex li img { width:calc( 100% - 20% ); }
.cafe ul.flex.no-radius { justify-content:center; }
.cafe ul.flex.no-radius li { text-align:center; }
.cafe ul.flex.no-radius li img { margin:auto; max-width:240px; }

/* サポート内容 */
.support ol { gap:16px; }
.support { position:relative; z-index:1; }
.support::before { aspect-ratio:379/268; background-size:contain; background-position:center; background-image:url('../img/page/sfs-marble/content-illustration02-pc.png'); content:''; display:inline-block; position:absolute; top:150px; right:-180px; height:268px; width:379px; z-index:-1; }

/* レクリエーション */
.rec p { text-align:center; }

/* お問い合わせ */
ul.page-contact { flex-direction:row; gap:40px; width:100%; }

/* 来歴 */
table.hyo tr td { padding:5px 24px; }
table.hyo tr td.bl-01 { width:160px; }


}