/* ==================================================
   全体
================================================== */
body {
    font-family: 'Noto Sans JP', sans-serif;
}
:root {
    --primary: #1a5fb4;
    --primary-light: #eef2ff;
    --primary-dark: #0d4a8f;
    --secondary: #4f46e5;
    --gray: #64748b;
    --gray-light: #f1f5f9;
    --gray-dark: #334155;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --white: #ffffff;
    --radius: 10px;
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.top #content {
  padding-top: 0;
}
small {
    font-size: 0.75em;
}

/* サイトヘッダーを非表示 */
.l-header__inner {
    display: none !important;
}
#fix_header {
    display: none;
}

/* ウィジェット フッターの文字サイズ */
#text-2 {
    font-size: 0.75rem;
}


/* スマホ表示時の全体横幅最大化 */
@media (max-width: 768px) {
  /* すべてのコンテナの最大幅制限を解除 */
  .hero-content,
  .ranking-cards,
  .important-points-container,
  .comparison-container,
  .detail-comparison-container,
  .filter-container,
  .banner-container,
  .flow-section,
  .loan-terms-card,
  .countdown-container {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  /* すべてのセクションの横幅最大化 */
  .hero,
  .ranking-section,
  .important-points-section,
  .comparison-section,
  .detail-comparison-section,
  .flow-section,
  .loan-terms-section {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }

  .loan-terms-section .loan-terms-card {
    padding: 7.5px;
  }

  /* カード、バナー、テーブルなどの要素の横幅最大化 */
  .ranking-card,
  .banner-item,
  .comparison-table-container,
  .detail-banner,
  .loan-company-block,
  .loan-company-wrapper {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  /* 内部コンテンツの余白調整（必要に応じて） */
  .section-content,
  .banner-content,
  .feature-details,
  .requirements-list,
  .process-steps,
  .reviews-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* ヘッダーやタイトルの調整 */
  .ranking-title,
  .important-points-title,
  .comparison-title,
  .detail-comparison-title,
  .flow-header h2,
  .loan-terms-header h2,
  .filter-header h2 {
    font-size: 1.8rem;
  }

  /* サブタイトルの調整 */
  .ranking-subtitle,
  .important-points-subtitle,
  .comparison-subtitle,
  .detail-comparison-subtitle,
  .filter-header p {
    font-size: 1rem;
  }
}

/* SP非表示 */
.sp-only {
  display: none!important;
}

/* PC表示 */
@media (max-width: 767px) {
  .pc-only {
    display: none!important;
  }

  .sp-only {
    display: block!important;
  }
}