@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 資金調達ナビ：画像付きメインビジュアル */

.shikin-hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.shikin-hero .shikin-hero-content {
  flex: 1 1 50%;
  min-width: 0;
  max-width: none;
}

.shikin-hero-image {
  flex: 1 1 50%;
  min-width: 0;
  text-align: center;
}

.shikin-hero-image img {
  display: block;
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
}

/* スマートフォン対応 */

@media screen and (max-width: 768px) {

  .shikin-hero-inner {
    flex-direction: column;
    gap: 20px;
  }

  .shikin-hero .shikin-hero-content {
    width: 100%;
  }

  .shikin-hero-image {
    width: 100%;
  }

  .shikin-hero-image img {
    max-width: 320px;
  }

}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* 資金調達ナビ：トップページ専用設定（ID:61） */

/* ページタイトルを非表示 */
.page-id-61 .entry-title {
  display: none;
}

/* SNSシェアボタンを非表示 */
.page-id-61 .sns-share {
  display: none;
}

/* 投稿日付・更新日を非表示 */
.page-id-61 .date-tags {
  display: none;
}
/* 資金調達ナビ：おすすめ記事3列 */

.page-id-61 .shikin-recommend .new-entry-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.page-id-61 .shikin-recommend .new-entry-card {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e0ecf7;
  border-radius: 12px;
  box-sizing: border-box;
}

.page-id-61 .shikin-recommend .new-entry-card-thumb {
  width: 100%;
  float: none;
  margin: 0 0 12px;
}

.page-id-61 .shikin-recommend .new-entry-card-title {
  color: #173b68;
  font-size: 15px;
  line-height: 1.6;
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
  .page-id-61 .shikin-recommend .new-entry-cards {
    grid-template-columns: 1fr;
  }
}
/* =====================================
   資金調達ナビ：ファクタリング会社比較カード
===================================== */

.page-id-61 .shikin-company-card {
  background: #ffffff;
  border: 1px solid #dceaf7;
  border-radius: 14px;
  padding: 24px;
  margin: 24px 0;
  box-shadow: 0 4px 16px rgba(25, 65, 110, 0.06);
}

/* カード上部 */
.page-id-61 .shikin-company-card-header {
  border-bottom: 1px solid #e5eff8;
  padding-bottom: 16px;
  margin-bottom: 20px;
}

/* ラベル */
.page-id-61 .shikin-company-label {
  display: inline-block;
  background: #e8f4ff;
  color: #1764a0;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
}

/* 会社名 */
.page-id-61 .shikin-company-card h3 {
  color: #173b68;
  font-size: 22px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

/* 比較情報 */
.page-id-61 .shikin-company-card-body {
  background: #f5faff;
  padding: 18px;
  border-radius: 10px;
}

.page-id-61 .shikin-company-card-body p {
  margin: 0 0 12px;
  color: #334155;
  line-height: 1.7;
}

.page-id-61 .shikin-company-card-body p:last-child {
  margin-bottom: 0;
}

/* 注意書き */
.page-id-61 .shikin-company-note {
  color: #718096;
  font-size: 12px;
  margin: 16px 0 0;
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
  .page-id-61 .shikin-company-card {
    padding: 16px;
  }

  .page-id-61 .shikin-company-card h3 {
    font-size: 19px;
  }
}
/* =====================================
   資金調達ナビ：比較カード3列表示
===================================== */

/* パソコン：横3列 */
.page-id-61 .shikin-company-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
}

/* カードの幅を調整 */
.page-id-61 .shikin-company-grid .shikin-company-card {
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 16px;
  box-sizing: border-box;
}

/* カード内の見出し */
.page-id-61 .shikin-company-grid .shikin-company-card h3 {
  font-size: 17px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* 比較情報の余白 */
.page-id-61 .shikin-company-grid .shikin-company-card-body {
  padding: 12px;
}

/* タブレット：横2列 */
@media screen and (max-width: 1024px) {
  .page-id-61 .shikin-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* スマートフォン：縦1列 */
@media screen and (max-width: 768px) {
  .page-id-61 .shikin-company-grid {
    grid-template-columns: 1fr;
  }
}
/* 比較カード3列表示：WordPressグループ対応 */
.page-id-61 .shikin-company-grid,
.page-id-61 .shikin-company-grid > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.page-id-61 .shikin-company-grid .shikin-company-card {
  width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}

/* スマートフォンでは縦1列 */
@media screen and (max-width: 768px) {
  .page-id-61 .shikin-company-grid,
  .page-id-61 .shikin-company-grid > .wp-block-group__inner-container {
    grid-template-columns: 1fr !important;
  }
}
/* 比較カード：読みやすい横2列に変更 */
@media screen and (min-width: 769px) {
  .page-id-61 .shikin-company-grid,
  .page-id-61 .shikin-company-grid > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* 比較カードを横幅いっぱいの1列にする */
.page-id-61 .shikin-company-grid,
.page-id-61 .shikin-company-grid > .wp-block-group__inner-container {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* カード内の余白を調整 */
.page-id-61 .shikin-company-grid .shikin-company-card {
  padding: 20px;
}

/* 比較情報を読みやすくする */
.page-id-61 .shikin-company-grid .shikin-company-card-body {
  padding: 16px 20px;
}
/* =====================================
   資金調達ナビ：カテゴリーカード
===================================== */

/* カテゴリーを横2列に並べる */
.page-id-61 .shikin-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0 36px;
}

/* カード全体 */
.page-id-61 .shikin-category-card {
  display: block;
  min-width: 0;
  padding: 24px 18px;
  background: #ffffff;
  border: 1px solid #dceaf7;
  border-radius: 14px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(25, 65, 110, 0.05);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* マウスを乗せたとき */
.page-id-61 .shikin-category-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(25, 65, 110, 0.12);
}

/* アイコン */
.page-id-61 .shikin-category-icon {
  display: block;
  font-size: 32px;
  margin-bottom: 12px;
}

/* カテゴリー名 */
.page-id-61 .shikin-category-card h3 {
  color: #173b68;
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
  border: none;
  background: none;
}

/* 説明文 */
.page-id-61 .shikin-category-card p {
  color: #64748b;
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}

/* スマートフォンでは縦1列 */
@media screen and (max-width: 600px) {
  .page-id-61 .shikin-category-grid {
    grid-template-columns: 1fr;
  }

  .page-id-61 .shikin-category-card {
    padding: 20px 16px;
  }
}
/* FAQを淡いブルーのカード風にする */
.page-id-61 .shikin-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 24px 0;
  padding: 24px;
  background: #f2f8ff;
  border: 1px solid #dceaf7;
  border-radius: 16px;
}

.page-id-61 .shikin-faq-list h3 {
  margin: 0 0 12px;
  padding: 16px 18px;
  color: #173b68;
  background: #ffffff;
  border: 1px solid #dceaf7;
  border-radius: 10px;
  font-size: 17px;
}

.page-id-61 .shikin-faq-list p {
  margin: 0 0 20px;
  padding: 0 18px;
  color: #334155;
  line-height: 1.9;
}

@media screen and (max-width: 600px) {
  .page-id-61 .shikin-faq-list {
    padding: 14px;
    gap: 12px;
  }

  .page-id-61 .shikin-faq-list h3 {
    padding: 14px;
    font-size: 16px;
  }

  .page-id-61 .shikin-faq-list p {
    padding: 0 8px;
  }
}
/* FAQの質問と回答の間隔を調整 */
.page-id-61 .shikin-faq-list h3 {
  margin-bottom: 8px;
}

.page-id-61 .shikin-faq-list p {
  margin-top: 0;
  margin-bottom: 24px;
  line-height: 1.9;
}
/* 資金調達ナビ：会社紹介カードのデザイン */
.page-id-61 .shikin-company-card {
  background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%);
  border: 1px solid #d6e6f7;
  border-radius: 18px;
  padding: 28px;
  margin: 28px 0;
  box-shadow: 0 5px 18px rgba(36, 83, 135, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* 会社名 */
.page-id-61 .shikin-company-card h3 {
  color: #173b68;
  font-size: 24px;
  font-weight: 700;
  border-bottom: 2px solid #dceafa;
  padding-bottom: 14px;
  margin-bottom: 18px;
}

/* 会社情報 */
.page-id-61 .shikin-company-card-body {
  background: #ffffff;
  border-radius: 12px;
  padding: 16px 20px;
  margin: 18px 0;
}

.page-id-61 .shikin-company-card-body p {
  color: #334155;
  line-height: 1.9;
  margin: 8px 0;
}

/* 公式サイトへのリンク */
.page-id-61 .shikin-company-card a {
  display: inline-block;
  background: #2878c7;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  padding: 13px 24px;
  border-radius: 8px;
  margin-top: 10px;
  transition: background 0.2s ease;
}

.page-id-61 .shikin-company-card a:hover {
  background: #173b68;
  color: #ffffff;
}

/* スマートフォン対応 */
@media screen and (max-width: 600px) {
  .page-id-61 .shikin-company-card {
    padding: 18px;
    margin: 20px 0;
    border-radius: 14px;
  }

  .page-id-61 .shikin-company-card h3 {
    font-size: 21px;
  }

  .page-id-61 .shikin-company-card-body {
    padding: 14px;
  }

  .page-id-61 .shikin-company-card a {
    display: block;
    text-align: center;
    padding: 14px 12px;
  }
}
/* 資金調達ナビ：会社情報をアイコン付きで表示 */
.page-id-61 .shikin-company-card-body p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #e6eff9;
  line-height: 1.8;
}

/* 最後の項目の下線を消す */
.page-id-61 .shikin-company-card-body p:last-child {
  border-bottom: none;
}

/* 項目名のデザイン */
.page-id-61 .shikin-company-card-body p strong {
  flex-shrink: 0;
  color: #173b68;
  font-weight: 700;
}

/* 手数料アイコン */
.page-id-61 .shikin-company-card-body p:nth-of-type(1) strong::before {
  content: "💰 ";
}

/* 入金スピードアイコン */
.page-id-61 .shikin-company-card-body p:nth-of-type(2) strong::before {
  content: "⚡ ";
}

/* 対象者アイコン */
.page-id-61 .shikin-company-card-body p:nth-of-type(3) strong::before {
  content: "👤 ";
}

/* 買取可能額アイコン */
.page-id-61 .shikin-company-card-body p:nth-of-type(4) strong::before {
  content: "📋 ";
}

/* スマートフォン対応 */
@media screen and (max-width: 600px) {
  .page-id-61 .shikin-company-card-body p {
    flex-wrap: wrap;
    gap: 4px;
    padding: 12px 0;
  }

  .page-id-61 .shikin-company-card-body p strong {
    min-width: 100%;
  }
}
/* 資金調達ナビ：3社比較表 */
.page-id-61 .shikin-comparison {
  margin: 36px 0;
  padding: 28px;
  background: #f2f8ff;
  border: 1px solid #dceaf7;
  border-radius: 18px;
}

.page-id-61 .shikin-comparison h3 {
  margin: 0 0 12px;
  color: #173b68;
  font-size: 24px;
  text-align: center;
}

.page-id-61 .shikin-comparison-note {
  margin-bottom: 22px;
  color: #475569;
  text-align: center;
  line-height: 1.8;
}

.page-id-61 .shikin-table-wrap {
  overflow-x: auto;
  background: #ffffff;
  border-radius: 12px;
}

.page-id-61 .shikin-comparison table {
  width: 100%;
  min-width: 600px;
  margin: 0;
  border-collapse: collapse;
  background: #ffffff;
}

.page-id-61 .shikin-comparison th,
.page-id-61 .shikin-comparison td {
  padding: 16px 14px;
  border: 1px solid #dceaf7;
  text-align: center;
  line-height: 1.8;
  vertical-align: middle;
}

.page-id-61 .shikin-comparison thead th {
  background: #dcecff;
  color: #173b68;
  font-weight: 700;
}

.page-id-61 .shikin-comparison tbody th {
  background: #f4f8fd;
  color: #173b68;
  white-space: nowrap;
}

.page-id-61 .shikin-comparison tbody td {
  color: #334155;
}

.page-id-61 .shikin-comparison-disclaimer {
  margin: 16px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.8;
}

@media screen and (max-width: 600px) {
  .page-id-61 .shikin-comparison {
    padding: 16px;
    margin: 24px 0;
  }

  .page-id-61 .shikin-comparison h3 {
    font-size: 20px;
  }

  .page-id-61 .shikin-comparison th,
  .page-id-61 .shikin-comparison td {
    padding: 12px 10px;
    font-size: 14px;
  }
}

/* ==========================================================
   資金調達ナビ 2026リニューアル（cn-）ここから
   ※元に戻す場合はこのブロックを削除してください
   ========================================================== */
:root{--cn-white:#FFFFFF;--cn-pale:#F0F7FF;--cn-blue:#1683E8;--cn-navy:#183153;--cn-orange:#FF8A00;--cn-orange-d:#D96F00;--cn-line:#E3ECF7;--cn-sub:#3A4F6E;--cn-muted:#4A5D78;}
body{background:#FFFFFF !important;color:#183153;}

/* ---------- ヘッダー（全ページ） ---------- */
body #header-container,body #header-container .header,body #header{background:#FFFFFF !important;}
body #header-container{border-bottom:1px solid var(--cn-line);box-shadow:0 1px 6px rgba(24,49,83,.05);}
body #header .header-in{min-height:0;padding:10px 0;}
body #header .logo-header img{max-height:52px;width:auto;}
body #header .tagline{color:var(--cn-muted) !important;font-size:12px;}
body #navi,body #navi .navi-in,body #header-container .navi{background:#FFFFFF !important;}
body #navi .navi-in > ul{justify-content:center;align-items:center;gap:4px;}
body #navi .navi-in > ul > li{width:auto;}
body #navi .navi-in > ul > li > a{color:var(--cn-navy) !important;font-weight:700;font-size:15px;padding:0 16px;border-radius:8px;background:transparent !important;}
body #navi .navi-in > ul > li > a:hover{background:var(--cn-pale) !important;color:var(--cn-blue) !important;}
body #navi .navi-in > ul > li.current-menu-item > a{color:var(--cn-blue) !important;}
body #navi .navi-in > ul .sub-menu{background:#FFFFFF !important;border:1px solid var(--cn-line);border-radius:10px;box-shadow:0 8px 24px rgba(24,49,83,.12);overflow:hidden;}
body #navi .navi-in > ul .sub-menu a{color:var(--cn-navy) !important;background:#FFFFFF !important;font-size:14px;font-weight:500;}
body #navi .navi-in > ul .sub-menu a:hover{background:var(--cn-pale) !important;}
body #navi .navi-in > ul > li.menu-cta-button > a,body .menu-cta-button > a{background:var(--cn-orange) !important;color:#FFFFFF !important;font-weight:800;border-radius:999px;padding:0 22px;margin-left:8px;line-height:44px;height:44px;box-shadow:0 3px 0 var(--cn-orange-d);}
body #navi .navi-in > ul > li.menu-cta-button > a:hover,body .menu-cta-button > a:hover{background:#FF9A24 !important;color:#FFFFFF !important;}
body .mobile-menu-buttons{background:#FFFFFF !important;border-top:1px solid var(--cn-line);}
body .mobile-menu-buttons .menu-button > a,body .mobile-menu-buttons .menu-button{color:var(--cn-navy) !important;}
body .navi-menu-content,body .navi-menu-content .menu-drawer a{background:#FFFFFF;color:var(--cn-navy);}

/* ---------- 共通部品 ---------- */
.cn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:800;font-size:16px;line-height:1.4;text-decoration:none !important;text-align:center;box-sizing:border-box;transition:background .15s, transform .15s;}
.cn-btn-orange{background:var(--cn-orange);color:#FFFFFF !important;box-shadow:0 3px 0 var(--cn-orange-d);}
.cn-btn-orange:hover{background:#FF9A24;color:#FFFFFF !important;transform:translateY(1px);}
.cn-btn-outline{background:#FFFFFF;color:var(--cn-blue) !important;border:2px solid var(--cn-blue);}
.cn-btn-outline:hover{background:var(--cn-pale);}
.cn-btn-soft{background:var(--cn-pale);color:var(--cn-blue) !important;}
.cn-btn-soft:hover{background:#E1EEFD;}
.cn-pr{display:inline-block;font-size:11px;font-weight:700;color:var(--cn-muted);border:1px solid #C5D3E5;border-radius:4px;padding:0 6px;line-height:1.6;}
.cn-pixel{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden;}

/* ---------- トップページ ---------- */
.home #sidebar,.home .sidebar{display:none !important;}
.home #main,.home .main{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;border:none !important;background:transparent !important;box-shadow:none !important;}
.home #content-in,.home .content-in{display:block;}
.home .article-header,.home .entry-title,.home .date-tags,.home .toc,.home .sns-share,.home .sns-follow,.home .author-info,.home .article-footer,.home .under-entry-content,.home .breadcrumb{display:none !important;}
.home #content{margin-top:0;}
.home .entry-content{margin:0 !important;padding:0 !important;}
.home .entry-content > *{margin-bottom:0;}
.home .content{margin-top:0;}
.home .content-top,.home .content-bottom{display:none;}

.cn-top{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;color:var(--cn-navy);font-size:16px;line-height:1.75;}
html body.home{overflow-x:clip;}
.cn-top *{box-sizing:border-box;}
.cn-top a{text-decoration:none;}
.article .cn-top h1,.article .cn-top h2,.article .cn-top h3,.article .cn-top h4{background:none !important;border:none !important;padding:0 !important;margin:0;color:var(--cn-navy);box-shadow:none !important;line-height:1.35;}
.article .cn-top h2::before,.article .cn-top h2::after,.article .cn-top h3::before,.article .cn-top h3::after{display:none !important;content:none !important;}
.article .cn-top p{margin:0;}
.article .cn-top ul,.article .cn-top ol{margin:0;padding:0;list-style:none;}
.article .cn-top li{margin:0;padding:0;}
.article .cn-top dl,.article .cn-top dd,.article .cn-top dt{margin:0;padding:0;}
.cn-top .cn-section{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:56px 16px;}
.cn-top .cn-section.cn-pale{background:var(--cn-pale);}
.cn-top .cn-inner{max-width:1160px;margin:0 auto;}
.cn-top .cn-narrow{max-width:880px;margin:0 auto;}
.article .cn-top .cn-h2{font-size:clamp(24px,4.4vw,34px);font-weight:800;text-align:center;}
.cn-top .cn-lead{text-align:center;color:var(--cn-sub);margin:8px 0 28px !important;font-size:15px;}

/* メインビジュアル */
.cn-top .cn-hero{background:linear-gradient(180deg,#F0F7FF 0%,#FFFFFF 100%);padding:48px 16px 40px;}
.cn-top .cn-hero .cn-inner{display:flex;flex-wrap:wrap;align-items:center;gap:32px;}
.cn-top .cn-hero-text{flex:999 1 460px;min-width:0;}
.cn-top .cn-hero-art{flex:1 1 280px;min-width:0;display:flex;justify-content:center;}
.cn-top .cn-hero-art svg{width:100%;max-width:380px;height:auto;}
.cn-top .cn-badge{display:inline-block;background:#FFFFFF;color:var(--cn-blue);font-weight:700;font-size:13px;padding:4px 12px;border-radius:999px;border:1px solid #CFE3F8;margin-bottom:12px !important;}
.article .cn-top .cn-hero h1{font-size:clamp(30px,6vw,52px);font-weight:800;line-height:1.3;}
.cn-top .cn-hero h1 span{color:var(--cn-blue);}
.cn-top .cn-hero-sub{font-size:clamp(18px,3.2vw,24px);font-weight:700;margin-top:12px !important;}
.cn-top .cn-hero-desc{color:var(--cn-sub);margin-top:12px !important;font-size:15px;}
.cn-top .cn-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.cn-top .cn-hero-btns .cn-btn{flex:1 1 220px;font-size:17px;min-height:56px;}
.cn-top .cn-checks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px !important;font-size:13px;color:var(--cn-sub);}
.cn-top .cn-checks li::before{content:"✓ ";color:var(--cn-blue);font-weight:800;}

/* PR表記 */
.cn-top .cn-disclosure{max-width:1160px;margin:16px auto 0;padding:0 16px;}
.cn-top .cn-disclosure p{font-size:12px;line-height:1.7;color:var(--cn-muted);background:#FAFBFD;border:1px solid var(--cn-line);border-radius:10px;padding:10px 14px;}

/* 比較カード */
.cn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.cn-card{background:#FFFFFF;border:1px solid var(--cn-line);border-radius:16px;box-shadow:0 4px 16px rgba(24,49,83,.07);padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;}
.cn-card-head{display:flex;align-items:center;gap:12px;}
.cn-logo{width:60px;height:60px;flex:0 0 60px;border-radius:12px;background:var(--cn-pale);color:var(--cn-blue);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;text-align:center;line-height:1.2;}
.article .cn-card h3,.cn-card h3{font-size:21px !important;font-weight:800;margin:2px 0 0 !important;}
.cn-card .cn-tagline{font-size:12px !important;color:var(--cn-blue);font-weight:700;}
.cn-spec{display:grid;grid-template-columns:96px 1fr;border-top:1px solid var(--cn-line);}
.cn-spec dt,.cn-spec dd{padding:8px 0 !important;border-bottom:1px solid var(--cn-line);}
.cn-spec dt{font-size:13px;color:var(--cn-muted);font-weight:500;}
.cn-spec dd{font-weight:800;font-size:15px;}
.cn-spec dd.cn-big{font-size:17px;color:var(--cn-navy);}
.cn-feat{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.6;}
.cn-feat li{padding-left:22px !important;position:relative;}
.cn-feat li::before{content:"✓";position:absolute;left:2px;top:0;color:var(--cn-blue);font-weight:800;}
.cn-note{font-size:11.5px !important;color:var(--cn-muted);line-height:1.6;}
.cn-card-btns{margin-top:auto;display:flex;flex-direction:column;gap:8px;}
.cn-card-btns .cn-btn{width:100%;}
.cn-card-btns .cn-btn-soft{min-height:42px;font-size:14px;padding:8px 12px;}

/* 比較表 */
.article .cn-top .cn-h3{font-size:20px;font-weight:800;margin:40px 0 12px !important;}
.cn-table-wrap{overflow-x:auto;border:1px solid var(--cn-line);border-radius:12px;-webkit-overflow-scrolling:touch;}
.article .cn-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px;background:#FFFFFF;margin:0;border:none;}
.article .cn-table th,.article .cn-table td{padding:12px;border:none;border-top:1px solid var(--cn-line);text-align:left;background:#FFFFFF;vertical-align:middle;}
.article .cn-table thead th{background:var(--cn-pale);border-top:none;font-weight:800;}
.article .cn-table tbody th{position:sticky;left:0;font-weight:800;z-index:1;}
.article .cn-table thead th:first-child{position:sticky;left:0;z-index:2;}
.cn-table .cn-btn{min-height:40px;padding:8px 14px;font-size:14px;white-space:nowrap;}
.cn-table-note{font-size:12px !important;color:var(--cn-muted);margin-top:8px !important;}

/* 目的別 */
.cn-purpose{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
.cn-purpose a{display:flex;flex-direction:column;gap:6px;background:#FFFFFF;border-radius:14px;padding:18px;color:var(--cn-navy) !important;box-shadow:0 2px 10px rgba(24,49,83,.06);border:1px solid var(--cn-line);height:100%;}
.cn-purpose a:hover{border-color:var(--cn-blue);}
.cn-purpose .cn-ico{width:44px;height:44px;border-radius:12px;background:var(--cn-pale);color:var(--cn-blue);display:flex;align-items:center;justify-content:center;}
.cn-purpose .cn-p-title{font-size:17px;font-weight:800;}
.cn-purpose .cn-p-desc{font-size:13px;color:var(--cn-sub);}
.cn-purpose .cn-p-co{font-size:13px;font-weight:700;color:var(--cn-blue);}
.cn-purpose .cn-p-go{font-size:13px;font-weight:800;margin-top:auto;}

/* 流れ */
.cn-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:none;}
.cn-flow li{background:#FFFFFF;border-radius:14px;padding:20px !important;border:1px solid var(--cn-line);}
.cn-flow .cn-step{display:flex;align-items:center;gap:10px;}
.cn-flow .cn-num{width:32px;height:32px;border-radius:50%;background:var(--cn-blue);color:#FFFFFF;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;}
.cn-flow li:last-child .cn-num{background:var(--cn-orange);}
.article .cn-flow h3{font-size:17px !important;font-weight:800;margin:10px 0 4px !important;}
.cn-flow p{font-size:14px;color:var(--cn-sub);line-height:1.65;}
.cn-center{text-align:center;margin-top:24px !important;}

/* 計算機 */
.cn-calc-box{background:#FFFFFF;border:1px solid var(--cn-line);border-radius:16px;box-shadow:0 4px 16px rgba(24,49,83,.06);padding:8px;}

/* FAQ */
.cn-faq{display:flex;flex-direction:column;gap:10px;}
.cn-faq details{background:#FFFFFF;border:1px solid var(--cn-line);border-radius:12px;padding:0 18px;margin:0;}
.cn-faq summary{cursor:pointer;padding:16px 28px 16px 0;font-weight:800;font-size:16px;list-style:none;position:relative;line-height:1.5;}
.cn-faq summary::-webkit-details-marker{display:none;}
.cn-faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:var(--cn-blue);font-weight:700;}
.cn-faq details[open] summary::after{content:"−";}
.cn-faq summary span,.cn-faq .cn-a span{font-weight:800;margin-right:6px;}
.cn-faq summary span{color:var(--cn-blue);}
.cn-faq .cn-a{margin:0 0 16px !important;font-size:14.5px;color:var(--cn-sub);line-height:1.75;}
.cn-faq .cn-a span{color:var(--cn-orange-d);}

/* 記事 */
.cn-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.cn-articles a{display:flex;flex-direction:column;background:#FFFFFF;border-radius:14px;overflow:hidden;color:var(--cn-navy) !important;border:1px solid var(--cn-line);height:100%;}
.cn-articles a:hover{border-color:var(--cn-blue);}
.cn-articles img{width:100%;height:auto;aspect-ratio:300/158;object-fit:cover;display:block;margin:0 !important;}
.cn-articles .cn-a-body{padding:12px 14px 14px;}
.cn-articles .cn-a-cat{font-size:12px;font-weight:700;color:var(--cn-blue);}
.cn-articles .cn-a-title{font-weight:700;font-size:15px;line-height:1.5;margin-top:4px !important;}
.cn-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px !important;}
.cn-cats a{background:#FFFFFF;border:1px solid var(--cn-line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;color:var(--cn-navy) !important;}

/* ---------- スマホ固定ボタン（全ページ） ---------- */
.cn-fixed-cta{display:none;}
@media screen and (max-width:1023px){
  .cn-fixed-cta{display:block;position:fixed;left:0;right:0;bottom:calc(50px + env(safe-area-inset-bottom,0px));z-index:999;padding:8px 12px;background:rgba(255,255,255,.96);border-top:1px solid var(--cn-line);box-shadow:0 -2px 10px rgba(24,49,83,.08);transition:transform .2s ease, opacity .2s ease;}
  .cn-fixed-cta.cn-hide{transform:translateY(120%);opacity:0;pointer-events:none;}
  .cn-fixed-cta a{display:flex;align-items:center;justify-content:center;max-width:520px;margin:0 auto;min-height:48px;border-radius:12px;background:var(--cn-orange);color:#FFFFFF !important;font-weight:800;font-size:16px;text-decoration:none !important;box-shadow:0 3px 0 var(--cn-orange-d);}
  body{padding-bottom:72px;}
}

/* ---------- 記事ページ ---------- */
.cn-inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--cn-pale);border:1px solid #CFE3F8;border-radius:12px;padding:14px 16px;margin:8px 0 28px;}
.cn-inline-cta p{margin:0 !important;flex:1 1 260px;font-size:15px;font-weight:700;color:var(--cn-navy);line-height:1.6;}
.cn-inline-cta .cn-btn{flex:0 0 auto;min-height:44px;padding:8px 18px;font-size:15px;}
.cn-end{margin:32px 0 8px;padding:24px 18px;border-radius:16px;background:var(--cn-pale);border:1px solid #CFE3F8;}
.article .cn-end .cn-end-title{font-size:21px !important;font-weight:800;text-align:center;margin:0 0 6px !important;padding:0 !important;background:none !important;border:none !important;color:var(--cn-navy);}
.article .cn-end .cn-end-title::before,.article .cn-end .cn-end-title::after{display:none !important;}
.cn-end .cn-end-lead{text-align:center;font-size:14px;color:var(--cn-sub);margin:0 0 16px !important;}
.cn-end .cn-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.cn-end .cn-card{padding:16px;gap:10px;box-shadow:0 2px 10px rgba(24,49,83,.06);}
.article .cn-end .cn-card h4{font-size:18px !important;font-weight:800;margin:0 !important;padding:0 !important;background:none !important;border:none !important;}
.article .cn-end .cn-card h4::before,.article .cn-end .cn-card h4::after{display:none !important;}
.cn-end .cn-mini{font-size:13.5px;line-height:1.6;margin:0 !important;color:var(--cn-sub);}
.cn-end .cn-mini b{color:var(--cn-navy);}
.cn-end .cn-card.cn-current{border:2px solid var(--cn-blue);}
.cn-end .cn-current-label{display:none;position:absolute;top:-11px;left:14px;background:var(--cn-blue);color:#FFFFFF;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;}
.cn-end .cn-card.cn-current .cn-current-label{display:inline-block;}
.cn-end .cn-end-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;}
.cn-end .cn-end-links .cn-btn{flex:1 1 220px;max-width:360px;}
.cn-end .cn-note{text-align:center;margin-top:12px !important;}

@media screen and (max-width:600px){
  .cn-top .cn-section{padding:40px 16px;}
  .cn-top .cn-hero{padding:28px 16px 32px;}
  .cn-top .cn-hero-art{display:none;}
  .cn-card{padding:16px;}
  .cn-spec{grid-template-columns:88px 1fr;}
  .cn-end .cn-cards{grid-template-columns:1fr;}
  .cn-end{padding:20px 12px;}
}
/* v2 追加調整 2026-10-28 */
.cn-note{font-size:12px !important;}
.cn-spec .cn-cond{display:block;font-size:12px;font-weight:500;color:var(--cn-muted);line-height:1.5;}
.article .cn-table th,.article .cn-table td{font-size:14px !important;}
.article .cn-table small{font-size:12px;color:var(--cn-muted);font-weight:500;}
.cn-table .cn-btn{min-height:44px;}
.cn-lead small{font-size:13px;color:var(--cn-muted);}
.cn-adpolicy{margin-top:20px;}
.cn-adpolicy p{font-size:12.5px !important;line-height:1.75;color:var(--cn-muted);background:#FAFBFD;border:1px solid var(--cn-line);border-radius:10px;padding:12px 14px;margin:0 !important;}
.cn-adpolicy a{color:var(--cn-blue);text-decoration:underline;}
.cn-top .cn-checks{gap:6px 14px;}
.cn-top .cn-checks li{font-weight:700;color:var(--cn-navy);}
.cn-inline-cta-extra{display:block;margin-top:6px;font-size:14px;font-weight:700;}
.cn-inline-cta-extra a{color:var(--cn-blue);text-decoration:underline;}
@media screen and (max-width:600px){.cn-inline-cta .cn-btn{width:100%;}}
/* 資金調達ナビ 2026リニューアル ここまで */