@charset "UTF-8";
/* 資料ダウンロード：contact.css を土台に、差分だけ書く（.contact.-download） */
/* ===== フォーム見出し ===== */
.contactForm-lead p span { display: inline-block; }
.contactForm-lead p { margin-top: calc(13 / var(--screen-w) * 100vw); font-size: calc(16 / var(--fs-w) * 100vw); line-height: 1.5; }
.contactForm-dl.-contact { justify-content: flex-end; min-width: calc(379 / var(--screen-w) * 100vw); min-height: calc(88 / var(--screen-w) * 100vw); padding-right: calc(69 / var(--screen-w) * 100vw); }
/* ===== ダウンロード資料（サムネ付きラジオ） ===== */
.contactForm-row .dlDoc-name { color: inherit; }
.dlDoc { grid-template-columns: repeat(3, calc(199 / var(--screen-w) * 100vw)); gap: calc(16 / var(--screen-w) * 100vw); }
.dlDoc-item { display: block; cursor: pointer; }
.dlDoc-name { display: flex; align-items: center; gap: calc(15 / var(--screen-w) * 100vw); font-size: calc(16 / var(--fs-w) * 100vw); line-height: 1.5; white-space: nowrap; }
.contactForm .dlDoc input[type="checkbox"]:not(:checked) { border-color: #929292; }
.contactForm-row .dlDoc-thumb { display: grid; place-content: center; height: calc(109 / var(--screen-w) * 100vw); margin-top: calc(10 / var(--screen-w) * 100vw); background: #515151; border-radius: calc(10 / var(--screen-w) * 100vw); color: #fff; font-size: calc(16 / var(--fs-w) * 100vw); line-height: 1.5; transition: box-shadow .2s; }
.dlDoc-item:has(:checked) .dlDoc-thumb { box-shadow: 0 0 0 2px var(--btn); }
.contact.-download fieldset.contactForm-row:first-child + .contactForm-row { margin-top: calc(30 / var(--screen-w) * 100vw); }

/* ===== SP ===== */
@media (max-width: 900px) {
  .contactForm-lead p { margin-top: calc(8 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); }
  .contactForm-dl.-contact { justify-content: center; min-width: 0; width: 100%; min-height: calc(56 / var(--screen-w) * 100vw); padding: 0 calc(44 / var(--screen-w) * 100vw); }
  .dlDoc { grid-template-columns: repeat(3, 1fr); gap: calc(8 / var(--screen-w) * 100vw); }
  .dlDoc-name { gap: calc(6 / var(--screen-w) * 100vw); font-size: calc(13 / var(--fs-w) * 100vw); white-space: normal; }
  .contactForm-row .dlDoc-thumb { height: auto; aspect-ratio: 199 / 109; margin-top: calc(8 / var(--screen-w) * 100vw); border-radius: calc(6 / var(--screen-w) * 100vw); font-size: calc(12 / var(--fs-w) * 100vw); }
  .contact.-download fieldset.contactForm-row:first-child + .contactForm-row { margin-top: calc(24 / var(--screen-w) * 100vw); }
}
@media (max-width: 600px) {
  .dlDoc-name { gap: calc(4 / var(--screen-w) * 100vw); font-size: calc(12 / var(--fs-w) * 100vw); white-space: nowrap; }
  .contactForm .dlDoc input[type="checkbox"] { width: calc(15 / var(--screen-w) * 100vw); height: calc(15 / var(--screen-w) * 100vw); }
}
