/* common.css適用前提。ここにはsubpage固有の追加分のみ */
    /* セージグリーン用のカスタムメインボタン */
    .custom-btn-sage {
      background-color: #8FA99A;
      color: #FFFFFF;
      transition: all 0.3s ease-out;
    }
    .custom-btn-sage:hover {
      background-color: #7A9687;
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(143, 169, 154, 0.28);
    }
    .custom-btn-sage:active {
      transform: translateY(0);
      box-shadow: none;
    }

    /* チャコール用のカスタムメインボタン */
    .custom-btn-charcoal {
      background-color: #2F2A28;
      color: #FFFFFF;
      transition: all 0.3s ease-out;
    }
    .custom-btn-charcoal:hover {
      background-color: #1A1817;
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(47, 42, 40, 0.28);
    }
    .custom-btn-charcoal:active {
      transform: translateY(0);
      box-shadow: none;
    }

    /* フォーム用標準スタイル（iOSのズーム防止のためfont-size: 16pxを厳守／contact.html原本より） */
    .custom-input {
      height: 52px;
      border-radius: 12px;
      border: 1px solid #D8C8BD;
      padding: 0 16px;
      font-size: 16px;
      background-color: #FAF8F5;
      color: #2F2A28;
      width: 100%;
      transition: border-color 0.2s ease-out;
    }
    .custom-input:focus {
      outline: none;
      border-color: #C98F8F;
    }
    .custom-textarea {
      border-radius: 12px;
      border: 1px solid #D8C8BD;
      padding: 16px;
      font-size: 16px;
      background-color: #FAF8F5;
      color: #2F2A28;
      width: 100%;
      transition: border-color 0.2s ease-out;
    }
    .custom-textarea:focus {
      outline: none;
      border-color: #C98F8F;
    }