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

/* カラー */
:root {
--or-3:#eb9500;
}

/* 見出し */
.title-block { display:flex; flex-direction:column; justify-content:center; width:100%; }
.chuken-sub-title { font-size:16px; font-weight:400; text-align:center; line-height:28px; }

/* ボタン */
.chuken-button { height:auto; max-width:100%; min-height:52px; min-width:216px; padding:8px 24px; text-align:center; width:fit-content; }
.chuken-button .right-arrow { flex-shrink:0; }
.dl-button { background-color:var(--gr); }
.form-button { background-color:var(--or-3); }

@container(min-width:960px) {

/* 見出し */
.title-block { gap:18px; }
.chuken-sub-title { font-size:18px; line-height:29px; }

/* ボタン */
.chuken-button { min-height:64px; min-width:288px; padding:8px 32px; white-space:nowrap; }

}

/* ================================================== */
/* 中建国保の独自給付制度 */
/* ================================================== */

/* 見出し */
.chuken-layout h3 { color:var(--bl); font-size:16px; font-weight:700; text-align:center; }

/* レイアウト調整 */
.chuken-dokuji { display:flex; flex-direction:column; gap:32px; }
.chuken-layout { display:flex; flex-direction:column; gap:8px; }

/* レスポンシブ処理 */
.pc-only { display:none; }

@container(min-width:960px) {

/* 見出し */
.chuken-layout h3 { font-size:18px; font-weight:800; }

/* レイアウト調整 */
.chuken-dokuji { flex-direction:row; gap:40px; }
.chuken-layout { flex:1; }

/* レスポンシブ処理 */
.sp-only { display:none; }
.pc-only { display:flex; justify-content:center; margin:auto; max-width:737px; }

}

/* ================================================== */
/* 保険料 */
/* ================================================== */

/* 見出し */
.table-section h3 { color:var(--bl); font-size:16px; font-weight:700; text-align:center; }

/* レイアウト調整 */
.hokenryo-layout { display:flex; flex-direction:column; gap:32px; }
.table-section { display:flex; flex-direction:column; gap:8px; }

/* 保険料計算フォーム */
.form-area { display:flex; flex-direction:column; gap:8px; text-align:center; }

@container(min-width:960px) {

/* 見出し */
.table-section h3 { font-size:18px; font-weight:800; }

/* レイアウト調整 */
.hokenryo-layout { gap:56px; margin:auto; max-width:626px; }

/* 保険料計算フォーム */
.form-area { gap:16px; }

}