/** Shopify CDN: Minification failed

Line 72:12 Unexpected "{"
Line 72:21 Expected ":"
Line 73:16 Expected identifier but found whitespace
Line 73:18 Unexpected "{"
Line 73:27 Expected ":"
Line 73:78 Expected ":"
Line 74:19 Expected identifier but found whitespace
Line 74:21 Unexpected "{"
Line 74:30 Expected ":"
Line 74:84 Expected ":"
... and 10 more hidden warnings

**/
.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}
/* セレクト（用途カテゴリ）の高さと内側余白を拡大して文字が欠けないように */
#ContactForm .field select.field__input,
#ContactForm-category.field__input {
  min-height: 56px;       /* 枠を大きく */
  padding-top: 14px;      /* 上下の余白を広げる */
  padding-bottom: 14px;
  line-height: 1.4;       /* 行の高さを十分に */
  font-size: 16px;        /* iOS拡大対策も兼ねて */
}

/* モバイルでも潰れないように最低高さを少しだけ上乗せ */
@media (max-width: 749px) {
  #ContactForm .field select.field__input,
  #ContactForm-category.field__input {
    min-height: 60px;
  }
}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

/* 既存 */
.cpf-conditional { display: none; }

/* 追加：見せるときのクラス */
.cpf-conditional.is-visible { display: block; }
/* 2カラム部品（contact__fields）だけは grid に戻す */
.cpf-conditional.is-visible.contact__fields { display: grid; }

  .cpf-honeypot { position: absolute; left: -9999px; opacity: 0; }