/* 資料詳細専用。共通ヘッダー・フッターや他ページへ適用しない。 */
.fazom-dl{color:#0d1726;background:#fff;line-height:1.7}
.fazom-dl *{box-sizing:border-box}
.fazom-dl-wrap{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.fazom-dl-hero{padding:48px 0 34px;background:linear-gradient(180deg,#f5fbff,#fff)}
.fazom-dl-back{font-size:13px;color:#087eaf}
.fazom-dl-category{font-size:13px;font-weight:800;color:#0091d5;margin:16px 0 12px}
.fazom-dl-hero h1{font-size:clamp(26px,3vw,36px);line-height:1.6;max-width:24em;margin:12px 0 0;overflow-wrap:anywhere}
.fazom-dl-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:52px;align-items:start;padding:12px 0 64px}
.fazom-dl-grid>*{min-width:0}
.fazom-dl-cover{display:block;width:100%;height:auto;border:1px solid #dce6ee;border-radius:16px;margin:0 0 28px}
.fazom-dl-copy{font-size:14px;line-height:1.95;max-width:36em;color:#526274;overflow-wrap:anywhere}
.fazom-dl-copy h2,.fazom-dl-copy h3{font-size:18px;color:#0d1726;line-height:1.7;margin:28px 0 12px}
.fazom-dl-copy ul{padding-left:1.4em}
.fazom-dl-copy li{margin:8px 0}
.fazom-dl-copy p{margin:12px 0}
.fazom-dl-copy img,.fazom-dl-copy video,.fazom-dl-copy iframe{max-width:100%;height:auto}
.fazom-dl-form{padding:28px;background:#fff;border:1px solid #dce6ee;border-radius:18px;box-shadow:0 8px 30px #0d172609;min-width:0}
.fazom-dl-form h2{font-size:22px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}
.fazom-dl-form-intro{font-size:14px;line-height:1.9;margin:0 0 24px}
.fazom-dl-hubspot,.fazom-dl-hubspot iframe{width:100%;max-width:100%;min-width:0}
.fazom-dl-action{width:100%;justify-content:center;white-space:normal;text-align:center}
/* フォームがHTMLで出力される場合。iframe内の設定は既存フォームに任せる。 */
.fazom-dl-hubspot .hs-form-field{margin-bottom:18px;min-width:0}
.fazom-dl-hubspot .hs-form-field>label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.fazom-dl-hubspot .hs-form-required{color:#087eaf;margin-left:6px}
.fazom-dl-hubspot input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),.fazom-dl-hubspot select,.fazom-dl-hubspot textarea{width:100%;max-width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid #ccd9e3;border-radius:8px;font:inherit;font-size:14px;background:white;color:#0d1726}
.fazom-dl-hubspot input:focus-visible,.fazom-dl-hubspot select:focus-visible,.fazom-dl-hubspot textarea:focus-visible{outline:2px solid #0091d5;outline-offset:2px}
.fazom-dl-hubspot fieldset{max-width:100%!important;min-width:0}
.fazom-dl-hubspot .hs-error-msgs{color:#a02c2c;font-size:12px;line-height:1.7}
.fazom-dl-hubspot .hs-button{width:100%;min-height:56px;border:0;border-radius:8px;color:#fff;background:linear-gradient(100deg,#00c4f0,#0091d5);padding:12px;font:inherit;font-weight:700;font-size:16px;white-space:normal;cursor:pointer}
@media(max-width:900px){.fazom-dl-grid{grid-template-columns:1fr;gap:30px}.fazom-dl-copy{max-width:40em}.fazom-dl-cover{max-width:680px}.fazom-dl-hero{padding:30px 0 24px}}
@media(max-width:600px){.fazom-dl-wrap{width:calc(100% - 32px)}.fazom-dl-grid{padding-bottom:40px}.fazom-dl-form{padding:22px 18px}.fazom-dl-hero h1{font-size:26px}}