body {
      margin: 0;
      font-family: "Segoe UI", "ヒラギノ角ゴ ProN", sans-serif;
      background-color: #f4f9f4;
      color: #333;
    }

    section {
      padding: 0.5em 1em;
      max-width: 1250px;
      margin: auto;
      background: white;
      margin-bottom: 1em;
      border-radius: 10px;
    }
    section p,ul {
      font-size: 1.3em;
    }
    h2 {
      color: #0a8045;
      font-size: 2.5em;
      text-align: center;
    }
    h3 {
      font-size: 1.8em;
      color: #f57c00;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.95em;
    }
    th, td {
      padding: 0.6em;
      border: 1px solid #ccc;
      text-align: center;
    }
    .p-small {
       font-size: 1.0em;
    }

    /* 上部ナビメニュー */
    .nav-wrapper {
      max-width: 1250px;
      margin: 0 auto;
    }
    nav {
      background: linear-gradient(to right, #a8d08d, #79c36e);
      padding: 1em;
      display: flex;
      justify-content: center;
      gap: 2em;
      font-weight: bold;
    }
    nav a {
      color: white;
      text-decoration: none;
      font-size: 1.1em;
    }
    .nav-bar {
      display: flex;
      background: #a8d08d;
      font-weight: bold;
      text-align: center;
    }
    .nav-bar a {
      flex: 1;
      padding: 0.2em 0;
      text-decoration: none;
      color: white;
      font-size: 1.4em;
      border-right: 1px solid rgba(255,255,255,0.3);
    }
    .nav-bar a:last-child {
      border-right: none;
    }
    .nav-bar a:hover {
      background: #7db75b;
    }

    /* V2Hライフプロジェクト画像部分 */
    header {
      text-align: center;
      padding: 0.5em 0em;
      background-color: f4f9f4;
    }
    header h1 {
      font-size: 2.6em;
      color: #2d7a3e;
    }
    header p {
      font-size: 1.2em;
    }
    .header-image-wrapper {
      max-width: 1250px;
      margin: 0 auto;
      padding: 0em 0em;
      text-align: center;
    }
    .banner {
      display: block;
      width: 100%;
      height: auto;
    }

    /* トップに戻るボタン */
    .top-button {
      position: fixed;
      bottom: 30px;
      right: 30px;
      background: white;
      color: #006633;
      border: 2px solid #006633;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      font-size: 1em;
      text-align: center;
      text-decoration: none;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      transition: all 0.3s ease;
      z-index: 1000;
      /* ↓中央揃えの魔法 */
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1.2;
      flex-direction: column;
    }
    .top-button:hover {
      background: #006633;
      color: white;
    }

    /* 三菱のEV/PHEVラインナップ */
    .car-lineup {
      max-width: 1200px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1.5em;
    }
    .car-box {
      flex: 1 1 22%;
      text-align: center;
      min-width: 200px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .car-box:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      z-index: 1;
    }
    .car-box img {
      width: 100%;
      height: auto;
    }
    .car-button {
      display: inline-block;
      margin-top: 1em;
      padding: 0.8em 1.2em;
      background: #006633;
      color: white;
      text-decoration: none;
      font-weight: bold;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }
    .car-actions {
      margin-top: 3em;
      display: flex;
      justify-content: center;
      gap: 2em;
      flex-wrap: wrap;
    }
    .action-button {
      display: inline-block;
      width: 280px; /* 横幅固定で統一 */
      text-align: center;
      font-weight: bold;
      padding: 1em 2em;
      border-radius: 6px;
      text-decoration: none;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      color: white;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .action-button:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    }
    .action-button.red {
      background: #d8342c;
    }
    .action-button.black {
      background: black;
    }
    @media screen and (max-width: 480px) {
      .car-box {
        flex: 1 1 100%;
      }
    }

    /* 補助金のチャンスあり！ */
    .subsidy-section {
      background: #fff;
      padding: 2em 1em;
    }
    .subsidy-container {
      max-width: 1250px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start; /* ← ここを中央揃えから上揃えに */
      align-items: center;
      gap: 2em;
    }
    .subsidy-text {
      flex: 1 1 80%;
    }
    .subsidy-title {
      font-size: 1.2em;
      color: #f57c00;
      font-weight: bold;
      margin-bottom: 1em;
    }
    .subsidy-description {
      font-size: 1.3em;
      line-height: 1.7;
      color: #222;
    }
    .subsidy-qr {
      flex: 1 1 140px;
      text-align: center;
    }
    .qr-box {
      background: #006633;
      border-radius: 12px;
      padding: 1em;
      text-align: center;
    }
    .qr-box-small {
      border-radius: 8px;
      padding: 0.4em 0.6em;
    }
    .qr-text {
      color: white;
      font-size: 0.9em;
      margin-bottom: 0.5em;
    }
    .qr-text-small {
      font-size: 0.8em;
    }
    .qr-image {
      width: 100px;
      height: auto;
    }
    .qr-image-small {
      width: 90px;
    }
    @media screen and (max-width: 768px) {
      .subsidy-container {
        flex-direction: column;
        text-align: center;
      }
      .subsidy-text, .subsidy-qr {
        flex: 1 1 100%;
      }
    }

    /* KMGグループ取扱い　V2H/V2X製品一覧 */
    .v2h-link-section {
      background: #f8f9f9;
      padding: 2em 1em;
    }
    .v2h-link-container {
      max-width: 900px;
      margin: auto;
      text-align: center;
    }
    .v2h-title {
      font-size: 1.6em;
      color: #006633;
      font-weight: bold;
      margin-bottom: 1.5em;
    }
    .v2h-buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2em;
      margin-bottom: 1em;
    }
    .v2h-button {
      display: inline-block;
      padding: 1em 2em;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
      color: white;
      font-size: 1.05em;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .v2h-button:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    }
    .v2h-button.green {
      background: #006633;
    }
    .v2h-button.blue {
      background: #004a85;
    }
    .v2h-note {
      font-size: 0.9em;
      color: #666;
      margin-top: 0.5em;
    }
    @media screen and (max-width: 600px) {
      .v2h-button {
        width: 100%;
        text-align: center;
      }
    }

    /* KMGグループ安心のご提案体制を整えております！ */
    .contact-us-section {
      background: linear-gradient(to bottom, #f1f9ed, #d8eac7);
      padding: 3em 1em;
      text-align: center;
      font-size: 1.1em;
    }
    .contact-us-section h2 {
      color: #2b4f2f;
    }
    .contact-us-section hr {
      margin: 2em auto;
      width: 80%;
      border: none;
      border-top:
      1px solid #666;
    }
    .contact-us-section hr {
      margin: 2em auto;
      width: 80%;
      border: none;
      border-top:
      1px solid #666;
    }
    .contact-us-section p {
      color: #000;
      margin-top: 0.5em;
    }
    .contact-us-area {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2em;
      margin-top: 2em;
      flex-wrap: wrap;
    }
    .contact-us-link {
      text-decoration: none;
      background-color: #006633;
      color: white;
      padding: 1.2em 1.5em;
      border-radius: 50%;
      font-size: 1em;
      text-align: center;
    }
    .contact-us-form {
      text-align: center;
      background: white;
      border-radius: 10px;
      padding: 1em 2em;
      display: inline-block;
    }
    .contact-us-qr {
      margin-top: 0.5em;
      width: 120px;
      height: 120px;
    }
    .contact-us-kmghd {
      font-size: 1.3em;
      font-weight: bold;
      margin-top: 10em;
    }