@charset "UTF-8";

/* 水色CTAボタン */
.makel-faqlink-cta {  background: #e9fbfc; /* ほんのりティール背景 */  border-radius: 12px;  padding: 32px 20px;  text-align: center;  margin: 40px auto;  max-width: 720px;}
.makel-faqlink-cta .makel-faqlink-cta__title {  font-size: 20px;  font-weight: 700;  color: #1f2a2a;  margin-bottom: 16px;}
.makel-faqlink-cta .makel-faqlink-cta__btn {  display: inline-block;  background-color: #26b7bc !important; /* 基準色 */  color: #ffffff !important;  font-size: 16px;  font-weight: 700;  padding: 14px 32px;  border-radius: 999px;  text-decoration: none;  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;  box-shadow: 0 6px 14px rgba(38, 183, 188, 0.35);}
.makel-faqlink-cta .makel-faqlink-cta__btn:hover {  background-color: #1aa2a6; /* 少し濃くして白文字をより見やすく */  box-shadow: 0 8px 18px rgba(26, 162, 166, 0.45);  transform: translateY(-1px);}
.makel-faqlink-cta .makel-faqlink-cta__note {  margin-top: 14px;  font-size: 14px;  color: #3f5a5b;}
/* 水色CTAボタン */

/* お問い合わせCTAボタン */
.makel-contactform-cta {  background: #fff7ea;  border-radius: 12px;  padding: 32px 20px;  text-align: center;  margin: 40px auto;  max-width: 720px;}
.makel-contactform-cta__title {  font-size: 20px;  font-weight: 700;  color: #333;  margin-bottom: 16px;}
.makel-contactform-cta__btn {  display: inline-block;  background-color: #f3a324 !important; /* 基準色 */  color: #ffffff !important;  font-size: 16px;  font-weight: 700;  padding: 14px 32px;  border-radius: 999px;  text-decoration: none;  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;  box-shadow: 0 6px 14px rgba(243, 163, 36, 0.35);}
.makel-contactform-cta__btn:hover {  background-color: #e0941f; /* 少し濃く */  box-shadow: 0 8px 18px rgba(224, 148, 31, 0.45);  transform: translateY(-1px);}
.makel-contactform-cta__note {  margin-top: 14px;  font-size: 14px;  color: #666;}
/* お問い合わせCTAボタン */

/*価格表*/
/* テーブルの横スクロール用コンテナ（スマホで横スクロール可） */
.makel-price-table-wrap {  max-width: 900px;  overflow-x: auto;  -webkit-overflow-scrolling: touch;  margin: 0 auto;}
/* テーブル本体 */
.makel-price-table {  width: 100%;  min-width: 800px;/* スマホでも横スクロールで全体を見せる */  border-collapse: collapse;}
/* セル共通 */
.makel-price-table th,.makel-price-table td {  padding: 0.6rem 0.8rem;  border: 1px solid #acc7c7;/* 罫線カラー */ text-align:center;}
/* 1行目（thead）のスタイル */
.makel-price-table thead th {  background: #54a09c !important;  color: #fff !important;  font-weight: 700;}
/* 3行目以降の“奇数行”に色をつける */
.makel-price-table tbody tr:nth-child(even) td {  background-color: #bdeae9 !important;}
/* マウスホバー時にセルをハイライト */
.makel-price-table tbody td:hover {  background-color: #f4f4a1 !important;  cursor: pointer; /* ←マウスカーソルを指マークにする（任意） */}
.makel-price-table tbody tr:nth-child(even) td:hover {  background-color: #f4f4a1 !important;}
/* 1列目を強調 */
.makel-price-table tbody td:first-child {  font-weight: 700;  color: #2c6063 !important;}
/* 合計 (¥0,000) を少し小さく */
.makel-price-table .price-total {  background-color: transparent !important;  font-size: 0.9em;}
/*価格表*/

/* ===== 人気ランキング　表示切り替えナビ ===== */
.makel-switch-nav{  display:flex;  gap:10px;  align-items:stretch;  justify-content:flex-start;  margin:16px 0 18px;  padding:10px;  border:1px solid #e6e6e6;  border-radius:12px;  background:#fafafa;}
/* タブ */
.makel-switch-tab{  flex:1;  display:flex;  align-items:center;  justify-content:center;  gap:8px;  padding:12px 14px;  border-radius:10px;  border:1px solid #dddddd;  background:#ffffff;  color:#222;
  text-decoration:none;  font-size:14px;  font-weight:600;  line-height:1.2;  transition:transform .05s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;}
.makel-switch-tab:hover{  border-color:#cfcfcf;  box-shadow:0 2px 10px rgba(0,0,0,.06);}
.makel-switch-tab:active{  transform:translateY(1px);}
/* 右側の「見る＞」感を出す矢印 */
.makel-switch-arrow{  font-size:18px;  line-height:1;  margin-top:-1px;  opacity:.8;}
/* アクティブ表示（ページごとに親にクラス付与） */
.makel-switch-nav.is-newitem a[href="/newitem"],
.makel-switch-nav.is-catnewitem a[href="/cat_newitem"]{  border-color:#0f9ca3;      /* メイクルのブランドカラーに寄せ */
  background:#eaf7f7;  color:#0b6e72;  box-shadow:0 2px 12px rgba(15,156,163,.15);}
/* アクティブ側は矢印を消して「選択中」感を強める（好みで） */
.makel-switch-nav.is-newitem a[href="/newitem"] .makel-switch-arrow,
.makel-switch-nav.is-catnewitem a[href="/cat_newitem"] .makel-switch-arrow{  display:none;}
/* フォーカス（キーボード操作） */
.makel-switch-tab:focus-visible{  outline:3px solid rgba(15,156,163,.35);  outline-offset:2px;}
/* スマホ：縦積み */
@media (max-width: 520px){
  .makel-switch-nav{    flex-direction:column;  }
  .makel-switch-tab{    justify-content:space-between; /* 矢印が右に寄って見やすい */  }
}
/* ===== 人気ランキング　表示切り替えナビ ===== */

/* =========================================  ranking 目次（ページ内専用）  PC：ボタン3列 / SP：テキストリンク========================================= */
.ranking-toc{  margin: 18px 0 24px;}
.ranking-toc__grid{  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 12px;}
.ranking-toc__link{  display: block;  text-decoration: none;  border-radius: 12px;  padding: 14px 12px;  text-align: center;  font-weight: 700;  line-height: 1.2;
  /* #26b7bc ベースで読みやすい配色 */  background: #26b7bc;  color: #ffffff;
  /* 華美にしすぎない影・枠 */  border: 1px solid rgba(0,0,0,.06);  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;}
.ranking-toc__link:hover{  transform: translateY(-1px);  box-shadow: 0 6px 16px rgba(0,0,0,.12);}
.ranking-toc__link:active{  transform: translateY(0px);  box-shadow: 0 2px 10px rgba(0,0,0,.08);  opacity: .92;}
.ranking-toc__link:focus-visible{  outline: 3px solid rgba(38,183,188,.35);  outline-offset: 2px;}
/* 文字が長いときの折返し */
.ranking-toc__link span{  display: inline-block;  word-break: break-word;}
/* =========================  SP：テキストリンク化（装飾を避ける）========================= */
@media (max-width: 767px){
  .ranking-toc__grid{    grid-template-columns: 1fr;    gap: 8px;  }
  .ranking-toc__link{    background: transparent;    border: none;    box-shadow: none;    padding: 6px 0;    text-align: left;    font-weight: 700;    color: #0f6d73; /* #26b7bc系の落ち着いた濃色 */  }
  .ranking-toc__link:hover{    transform: none;    box-shadow: none;    text-decoration: underline;  }
}
/* =========================  任意：目次クリック時のスクロール位置調整  （ヘッダー固定がある場合）========================= */
.ranking-anchor{  scroll-margin-top: 90px;}
/* =========================================  ranking 目次（ページ内専用）  PC：ボタン3列 / SP：テキストリンク========================================= */

/* ページ内リンク汎用 */
.mk-switch{  display:flex;  gap:10px;  align-items:stretch;  justify-content:flex-start;  margin:16px 0 18px;  padding:10px;  /*border:1px solid #e6e6e6;  border-radius:12px; */ background:#fafafa;}
.mk-switch__btn{  flex:1;  display:flex;  align-items:center;  justify-content:center;  gap:8px;  padding:12px 14px;  border-radius:10px;  border:1px solid #dddddd;  background:#ffffff;  color:#222;  text-decoration:none;  font-size:14px;  font-weight:600;  line-height:1.2;  white-space:nowrap;  transition:transform .05s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;}
.mk-switch__btn:hover{  border-color:#cfcfcf;  box-shadow:0 2px 10px rgba(0,0,0,.06);}
.mk-switch__btn:active{  transform:translateY(1px);}
/* アクティブ状態：is-active を付けるだけ */
.mk-switch__btn.is-active{  border-color:#0f9ca3;  background:#eaf7f7;  color:#0b6e72;  box-shadow:0 2px 12px rgba(15,156,163,.15);  pointer-events:none; }
.mk-switch__btn:focus-visible{  outline:3px solid rgba(15,156,163,.35);  outline-offset:2px;}
@media (max-width: 520px){
  .mk-switch{    flex-direction:column;  }
  .mk-switch__btn{    justify-content:space-between; /* 矢印が右寄りで見やすい */    white-space:normal;  }
}
/* ページ内リンク汎用 */

/* === 一覧ページ用アイテムリンクボタン === */
/* PC 3列 / SP 1列 */
.itemlink-card-wrap{  display:grid;  grid-template-columns:repeat(3,1fr);  gap:5% /*20px*/;  margin:20px 0 /*40px 0*/;}
.itemlink-card{  display:block;  text-decoration:none;}
/* 見た目上の“ボタン箱” */
.itemlink-card-btn{  position:relative;  border-radius:64px /*16px*/;  padding:22px 20px;  text-align:center;
  /* 微グラデ（薄水色→さらに薄い水色） */
  background: linear-gradient(180deg, #EAF9FF 0%, #DFF4FA 100%);  border:1px solid #cdebf5;  transition:0.25s ease;}
.itemlink-card-title{  display:inline-block;  font-size:18px;  font-weight:700;  color:#000;  letter-spacing:0.01em;  background: linear-gradient(180deg, #EAF9FF 0%, #DFF4FA 100%);}
/* →アイコン（通常は隠す） */
.itemlink-card-arrow{  position:absolute;  right:16px;  top:50%;  transform:translateY(-50%) translateX(-6px);  opacity:0;  transition:0.25s ease;  color:#000;  font-weight:700;  background: linear-gradient(180deg, #EAF9FF 0%, #DFF4FA 100%);}
/* サブコピーは“ボタン箱の外（下）” */
.itemlink-card-sub{  margin-top:10px;  font-size:16px/*13px*/;  line-height:1.5;  color:#222;  opacity:0.88;  text-align:center;}
/* hover/focusでボタンが浮いて→が出る */
.itemlink-card:hover .itemlink-card-btn,.itemlink-card:focus-visible .itemlink-card-btn{  transform:translateY(-3px);  box-shadow:0 10px 24px rgba(0,0,0,0.10);}
.itemlink-card:hover .itemlink-card-arrow,.itemlink-card:focus-visible .holo-card-arrow{  opacity:1;  transform:translateY(-50%) translateX(0);}
/* キーボード操作でも見やすく */
.itemlink-card:focus-visible{  outline:none;}
/* SP */
@media screen and (max-width:768px){
  .itemlink-card-wrap{    grid-template-columns:1fr;    gap:16px;  }
  .itemlink-card-btn{    padding:20px 18px;  }
  .itemlink-card-title{    font-size:16px;  }
  .itemlink-card-sub{    /*text-align:left;  SPは左寄せの方が読みやすい場合はこれ */  }
}
/* === 一覧ページ用アイテムリンクボタン === */

/* 法人向けページCSS（スコープ：.makel-biz-worries）  ・BtoB配色（ネイビー基調）  ・body * background-color: #fff !important 対策 */
/* ===== 0) body * 対策：このブロック内では “背景色強制” を解除 ===== */
/* ※外部CSSの「body * { background-color:#fff !important; }」に勝つため */
.makel-biz-worries,.makel-biz-worries *{  background-color: initial !important;}
/* ===== 1) ベース ===== */
.makel-biz-worries{  max-width:1400px;  margin:24px auto;  padding:0 16px;  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;  /* BtoB向け：本文色を濃紺に */  color:#0f172a;}
.makel-biz-worries *{ box-sizing:border-box; }
.makel-biz-worries__wrap{  border:1px solid rgba(15,23,42,.12);  border-radius:16px;  background-color:#fff !important; /* body * 対策 */  box-shadow: 0 6px 20px rgba(15,23,42,.06);  padding:24px;}
.makel-biz-worries__grid{  display:grid;  grid-template-columns: 1.1fr .9fr;  gap:20px;  align-items:stretch;}
/* 見出し：ビジネス向けネイビー */
.makel-biz-worries__title{  margin:0 0 12px;  font-size:22px;  line-height:1.35;  letter-spacing:.02em;  font-weight:700;  color:#1e3a8a;}
.makel-biz-worries__lead{  margin:0 0 14px;  color:rgba(15,23,42,.72);  font-size:14px;  line-height:1.8;}
.makel-biz-worries__list{  list-style:none;  margin:0;  padding:0;  display:grid;  gap:10px;}
.makel-biz-worries__item{  display:flex;  gap:10px;  align-items:flex-start;  padding:12px 12px;  border-radius:12px;  /* body * 対策：background-colorで指定 */  background-color: rgba(15,23,42,.03) !important;  border:1px solid rgba(15,23,42,.08);}
.makel-biz-worries__icon{  flex:0 0 auto;  font-size:18px;  line-height:1.2;  margin-top:2px;  /* チェックをややブランド寄りに */  color:#1e3a8a;}
.makel-biz-worries__text{  margin:0;  font-size:15px;  line-height:1.7;}
.makel-biz-worries__aside{  border-radius:14px;  padding:18px;
  /* グラデは background でOKだが、body * 対策として下地も指定 */
  background: linear-gradient(180deg, rgba(30,58,138,.10), rgba(15,23,42,.02));  background-color: rgba(30,58,138,.06) !important;
  border:1px solid rgba(15,23,42,.08);  display:flex;  flex-direction:column;  justify-content:center;}
.makel-biz-worries__badge{  display:inline-flex;  align-items:center;  gap:8px;  font-size:12px;  letter-spacing:.08em;  text-transform:uppercase;
  color:rgba(30,58,138,.95);  background-color: rgba(30,58,138,.08) !important;  border:1px solid rgba(30,58,138,.18);
  padding:6px 10px;  border-radius:999px;  width:max-content;  margin:0 0 12px;}
.makel-biz-worries__cta{  margin:0 0 10px;  font-size:18px;  line-height:1.5;  font-weight:700;  color:#0f172a;}
.makel-biz-worries__note{  margin:0;  color:rgba(15,23,42,.72);  font-size:13px;  line-height:1.75;}
.makel-biz-worries__link{  display:inline-flex;  align-items:center;  justify-content:center;  margin-top:14px;  padding:12px 14px;  border-radius:12px;  text-decoration:none;  font-weight:700;
  border:1px solid rgba(30,58,138,.30);  background-color:#1e3a8a !important; /* body * 対策 */  color:#fff !important;  transition: transform .08s ease, opacity .12s ease;}
.makel-biz-worries__link:hover{ opacity:.92; transform: translateY(-1px); }
.makel-biz-worries__link:active{ transform: translateY(0); }
/* ===== 2) レスポンシブ（ベース） ===== */
@media (max-width: 960px){
  .makel-biz-worries__grid{ grid-template-columns: 1fr; }
  .makel-biz-worries__wrap{ padding:18px; }
  .makel-biz-worries__title{ font-size:20px; }
}
@media (max-width: 480px){
  .makel-biz-worries{ padding:0 12px; margin:18px auto; }
  .makel-biz-worries__item{ padding:12px 10px; }
  .makel-biz-worries__text{ font-size:14px; }
}
/* =========================================================
  3) 法人・大口注文に選ばれる理由（3列×2行カード）
========================================================= */
.makel-biz-worries__reasons{  margin-top:18px;  border-radius:16px;  border:1px solid rgba(15,23,42,.12);  background-color:#fff !important; /* body * 対策 */  box-shadow: 0 6px 20px rgba(15,23,42,.06);  padding:20px;}
.makel-biz-worries__reasonstitle{  margin:0 0 14px;  font-size:18px;  line-height:1.4;  font-weight:700;  color:#1e3a8a; /* 見出し：ビジネス向け */}
.makel-biz-worries__reasonsgrid{  display:grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap:12px;}
.makel-biz-worries__reasoncard{  position:relative;  border-radius:14px;  border:1px solid rgba(15,23,42,.08);
  /* デフォルト（念のため） */
  background-color: rgba(15,23,42,.03) !important;
  padding:14px 14px 14px 14px;  min-height:88px;  display:flex;  gap:12px;  align-items:flex-start;}
/* ★互い違い背景（odd/even） */
.makel-biz-worries__reasoncard:nth-child(odd){  background-color: rgba(30,58,138,.06) !important; /* ネイビー薄 */}
.makel-biz-worries__reasoncard:nth-child(even){  background-color: rgba(14,165,233,.06) !important; /* シアン薄 */}
.makel-biz-worries__reasonmark{  flex:0 0 auto;  width:34px;  height:34px;  border-radius:12px;
  background-color:#1e3a8a !important; /* ブランド */  color:#fff !important;
  display:flex;  align-items:center;  justify-content:center;  font-weight:800;  font-size:14px;  line-height:1;  box-shadow: 0 8px 18px rgba(30,58,138,.18);}
.makel-biz-worries__reasontext{  margin:0;  font-size:14px;  line-height:1.65;  color:rgba(15,23,42,.88);  background-color: initial !important;}
.makel-biz-worries__reasonsnote{  margin:12px 0 0;  font-size:12.5px;  line-height:1.7;  color:rgba(15,23,42,.72);}
/* レスポンシブ：タブレット2列、スマホ1列 */
@media (max-width: 960px){
  .makel-biz-worries__reasons{ padding:16px; }
  .makel-biz-worries__reasonsgrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .makel-biz-worries__reasonsgrid{ grid-template-columns: 1fr; }
  .makel-biz-worries__reasoncard{ min-height:auto; }
}
/* =========================================================
  4) 法人・大口注文の流れ（2カラム・フロー図）
========================================================= */
.makel-biz-worries__flow{  margin-top:18px;  border-radius:16px;  border:1px solid rgba(15,23,42,.12);  background-color:#fff !important; /* body * 対策 */
  box-shadow: 0 6px 20px rgba(15,23,42,.06);  padding:20px;}
.makel-biz-worries__flowhead{ margin:0 0 14px; }
.makel-biz-worries__flowtitle{  margin:0 0 6px;  font-size:18px;  line-height:1.4;  font-weight:700;  color:#1e3a8a; /* 見出し */}
.makel-biz-worries__flowdesc{  margin:0;  font-size:13px;  line-height:1.7;  color:rgba(15,23,42,.72);}
.makel-biz-worries__flowgrid{  display:grid;  grid-template-columns: 1fr 1fr;  gap:12px;}
.makel-biz-worries__flowcard{  border:1px solid rgba(15,23,42,.08);  background-color: rgba(15,23,42,.03) !important; /* body * 対策 */
  border-radius:14px;  padding:14px;}
.makel-biz-worries__flowcard h3{  margin:0 0 10px;  font-size:16px;  line-height:1.4;  font-weight:600;  color:rgba(15,23,42,.92);  background-color: initial !important;}
.makel-biz-worries__steps{  list-style:none;  margin:0;  padding:0;  display:grid;  gap:10px;}
.makel-biz-worries__step{  position:relative;  border-radius:12px;
  /* デフォルト（念のため） */  background-color:#fff !important;
  border:1px solid rgba(15,23,42,.08);  padding:12px 12px 12px 12px;}
/* ★互い違い背景（odd/even） */
.makel-biz-worries__steps > .makel-biz-worries__step:nth-child(odd){  background-color: rgba(30,58,138,.06) !important;}
.makel-biz-worries__steps > .makel-biz-worries__step:nth-child(even){  background-color: rgba(14,165,233,.06) !important;}
.makel-biz-worries__stephead{  display:flex;  gap:10px;  align-items:flex-start;  background-color: initial !important;}
.makel-biz-worries__stepnum{  flex:0 0 auto;  width:28px;  height:28px;  border-radius:10px;  display:flex;  align-items:center;  justify-content:center;  font-weight:800;  font-size:13px;  line-height:1;
  background-color:#1e3a8a !important; /* ブランド */  color:#fff !important;}
.makel-biz-worries__steptitle{  margin:0;  font-size:14px;  line-height:1.6;  font-weight:700;  color:rgba(15,23,42,.92);  background-color: initial !important;}
.makel-biz-worries__stepnote{  margin:6px 0 0 38px; /* 番号分だけインデント */  font-size:12.5px;  line-height:1.7;  color:rgba(15,23,42,.72);  background-color: initial !important;}
.makel-biz-worries__stepnote ul{  margin:6px 0 0;  padding-left:18px;  background-color: initial !important;}
.makel-biz-worries__stepnote li{  margin:2px 0;  background-color: initial !important;}
/* 矢印（ステップ間）：ネイビー寄り */
.makel-biz-worries__step:after{  content:"";  position:absolute;  left:24px;  bottom:-10px;  width:0;  height:0;
  border-left:6px solid transparent;  border-right:6px solid transparent;  border-top:10px solid rgba(30,58,138,.28);}
.makel-biz-worries__step:last-child:after{ display:none; }

@media (max-width: 960px){
  .makel-biz-worries__flow{ padding:16px; }
  .makel-biz-worries__flowgrid{ grid-template-columns: 1fr; }
}
/* =========================================================
  5) 支払い・書類対応
========================================================= */
.makel-biz-worries__pay{  margin-top:18px;  border-radius:16px;  border:1px solid rgba(15,23,42,.12);  background-color:#fff !important; /* body * 対策 */
  box-shadow: 0 6px 20px rgba(15,23,42,.06);  padding:20px;}
.makel-biz-worries__payhead{  display:flex;  gap:10px;  align-items:flex-start;  margin:0 0 14px;}
.makel-biz-worries__paytitle{  margin:0; font-size:18px;  line-height:1.4;  font-weight:700;  color:#1e3a8a; /* 見出し */}
.makel-biz-worries__paydesc{  margin:6px 0 0;  color:rgba(15,23,42,.72);  font-size:13px;  line-height:1.7;}
.makel-biz-worries__paygrid{  display:grid;  grid-template-columns: 1fr 1fr;  gap:12px;}
.makel-biz-worries__paycard{  border:1px solid rgba(15,23,42,.08);  border-radius:14px;  padding:14px;
  /* デフォルト（念のため） */  background-color: rgba(15,23,42,.03) !important;}
/* ★枠内背景配色（左右で差分） */
.makel-biz-worries__paygrid > .makel-biz-worries__paycard:nth-child(1){  background-color: rgba(30,58,138,.06) !important;}
.makel-biz-worries__paygrid > .makel-biz-worries__paycard:nth-child(2){  background-color: rgba(14,165,233,.06) !important;}
.makel-biz-worries__paycard h3{  margin:0 0 10px;  font-size:16px;  line-height:1.4;  font-weight:600;  color:rgba(15,23,42,.92);  background-color: initial !important;}
.makel-biz-worries__paylist{  list-style:none;  margin:0;  padding:0;  display:grid;  gap:8px;  background-color: initial !important;}
.makel-biz-worries__payitem{  display:flex;  gap:10px;  align-items:flex-start;  padding:10px 10px;  border-radius:12px;  border:1px solid rgba(15,23,42,.08);
  background-color:#fff !important; /* body * 対策 */}
.makel-biz-worries__paydot{  flex:0 0 auto;  width:10px;  height:10px;  border-radius:999px;
  background-color: rgba(30,58,138,.75) !important; /* ブランド寄り */  margin-top:6px;}
.makel-biz-worries__paytext{  margin:0;  font-size:14px;  line-height:1.65;}
/* ★タグ（法人・自治体対応）背景配色 */
.makel-biz-worries__paytag{  display:inline-block;  margin-left:8px;  padding:2px 8px;  border-radius:999px;
  border:1px solid rgba(30,58,138,.25);  background-color: rgba(30,58,138,.10) !important;  font-size:12px;  color:rgba(30,58,138,.95);
  vertical-align:1px;  font-weight:700;}
@media (max-width: 960px){
  .makel-biz-worries__pay{ padding:16px; }
  .makel-biz-worries__paygrid{ grid-template-columns: 1fr; }
}
/* =========================================================
  6) よくある質問（法人向け）
========================================================= */
.makel-biz-worries__faq{  margin-top:18px;  border-radius:16px;  border:1px solid rgba(15,23,42,.12);  background-color:#fff !important; /* body * 対策 */  box-shadow: 0 6px 20px rgba(15,23,42,.06);  padding:20px;}
.makel-biz-worries__faqtitle{  margin:0 0 14px;  font-size:18px;  line-height:1.4;  font-weight:700;  color:#1e3a8a; /* 見出し */}
.makel-biz-worries__faqlist{  display:grid;  gap:14px;}
.makel-biz-worries__faqitem{  border-radius:14px;  border:1px solid rgba(15,23,42,.08);
  background-color: rgba(15,23,42,.03) !important; /* body * 対策 */  padding:14px;}
.makel-biz-worries__q,.makel-biz-worries__a{
  display:flex;  gap:12px;  align-items:flex-start;  background-color: initial !important;}
.makel-biz-worries__q{ margin-bottom:8px; }
.makel-biz-worries__qmark,.makel-biz-worries__amark{
  flex:0 0 auto;  width:28px;  height:28px;  border-radius:999px;  display:flex;  align-items:center;  justify-content:center;  font-weight:800;  font-size:14px;}
/* ★Q/A 文字＆バッジ配色 */
.makel-biz-worries__qmark{  background-color:#1e3a8a !important;  color:#fff !important;}
.makel-biz-worries__amark{  background-color: rgba(30,58,138,.10) !important;  color:rgba(30,58,138,.95) !important;  border:1px solid rgba(30,58,138,.25);}
.makel-biz-worries__qtext{  margin:0;  font-size:15px;  line-height:1.6;  font-weight:700;  color:rgba(15,23,42,.95);  background-color: initial !important;}
.makel-biz-worries__atext{  margin:0;  font-size:14px;  line-height:1.7;  color:rgba(15,23,42,.86);  background-color: initial !important;}
.makel-biz-worries__atext span{  display:block;  margin-top:4px;  color:rgba(15,23,42,.72);  background-color: initial !important;}
@media (max-width: 480px){
  .makel-biz-worries__faq{ padding:16px; }
  .makel-biz-worries__qtext{ font-size:14px; }
  .makel-biz-worries__atext{ font-size:13.5px; }
}
/* =========================================================
  7) 相談前チェックリスト
========================================================= */
.makel-biz-worries__precheck{  margin-top:18px;  border-radius:16px;  border:1px solid rgba(15,23,42,.12);  background-color:#fff !important; /* body * 対策 */  box-shadow: 0 6px 20px rgba(15,23,42,.06);  padding:20px;}
.makel-biz-worries__prechecktitle{  margin:0 0 8px;  font-size:18px;  line-height:1.4;  font-weight:700;  color:#1e3a8a;}
.makel-biz-worries__precheckdesc{  margin:0 0 14px;  font-size:13px;  line-height:1.7;  color:rgba(15,23,42,.75);}
.makel-biz-worries__checklist{  list-style:none;  margin:0;  padding:0;  display:grid;  gap:10px;}
.makel-biz-worries__checkitem{  display:flex;  gap:12px;  align-items:flex-start;  padding:12px;  border-radius:12px;
  background-color: rgba(15,23,42,.03) !important; /* body * 対策 */  border:1px solid rgba(15,23,42,.08);}
.makel-biz-worries__checkmark{  flex:0 0 auto;  font-weight:800;  font-size:16px;  line-height:1.2;  color:#1e3a8a;  background-color: initial !important;}
.makel-biz-worries__checktext{  margin:0;  font-size:14px;  line-height:1.7;  background-color: initial !important;}
@media (max-width: 480px){
  .makel-biz-worries__precheck{ padding:16px; }
  .makel-biz-worries__checktext{ font-size:13.5px; }
}
/* =========================================================
  8) 法人・大口注文 CTA（ボタン配色）
========================================================= */
.makel-biz-worries__ctaarea{  margin:42px 0 58px;  text-align:center;}
.makel-biz-worries__ctatitle{  margin:0 0 10px;  font-size:18px;  line-height:1.4;  font-weight:700;  color:#1e3a8a;}
.makel-biz-worries__ctabtn{  display:inline-flex;  align-items:center;  justify-content:center;  gap:10px;  padding:16px 22px;
  min-width:280px;  border-radius:999px;  text-decoration:none;  font-weight:800;  font-size:15px;  color:#fff !important;
  /* ★CTA：ネイビー→ブルーのビジネス配色 */
  background: linear-gradient(180deg, #1e3a8a, #2563eb);
  background-color:#1e3a8a !important; /* body * 対策（下地） */
  border:1px solid rgba(30,58,138,.35);  box-shadow: 0 10px 24px rgba(30,58,138,.22);  transition: transform .1s ease, box-shadow .1s ease, opacity .1s ease;}
.makel-biz-worries__ctabtn:hover{  opacity:.95;  transform: translateY(-1px);  box-shadow: 0 12px 28px rgba(30,58,138,.28);}
.makel-biz-worries__ctabtn:active{  transform: translateY(0);  box-shadow: 0 8px 18px rgba(30,58,138,.20);}
.makel-biz-worries__ctanote{  margin:10px 0 0;  font-size:12.5px;  color:rgba(15,23,42,.70);  line-height:1.6;}
@media (max-width: 480px){
  .makel-biz-worries__ctabtn{
    width:100%;
    min-width:auto;
    padding:16px;
    font-size:14.5px;
  }
}
/* 法人向けページCSS */