/* Morethan — ホームページ制作 料金ガイド（無料ダウンロード） (page ID 1384) 固有CSS */

.mt-optin{ --ink:#1b2631; --green:#06c755; --line:#e6e2da; --muted:#8a8a8a; color:#4a4a4a; font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif; line-height:1.9; }
.mt-optin *{ box-sizing:border-box; }
.mt-optin-hero{ background:var(--ink); color:#fff; padding:56px 24px; }
.mt-optin-hero .in{ max-width:720px; margin:0 auto; }
.mt-optin-hero .eyebrow{ font-size:11.5px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.6); font-weight:700; margin:0 0 14px; }
.mt-optin-hero h1{ color:#fff; font-size:32px; line-height:1.4; font-weight:800; margin:0 0 18px; }
.mt-optin-hero .rule{ width:52px; height:4px; background:var(--green); border-radius:2px; margin:0 0 20px; }
.mt-optin-hero p{ color:rgba(255,255,255,.85); font-size:15.5px; margin:0 0 22px; }
.mt-optin-hero ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.mt-optin-hero li{ padding-left:26px; position:relative; font-size:15px; color:#fff; }
.mt-optin-hero li::before{ content:"✓"; position:absolute; left:0; color:var(--green); font-weight:800; }
.mt-optin-body{ max-width:640px; margin:0 auto; padding:48px 24px 64px; }
.mt-optin-body h2{ color:var(--ink); font-size:23px; font-weight:800; margin:0 0 8px; }
.mt-optin-body .sub{ font-size:14.5px; color:var(--muted); margin:0 0 28px; }
.mt-optin-form .mt-field{ margin:0 0 20px; }
.mt-optin-form label{ display:block; font-weight:700; color:var(--ink); font-size:14.5px; margin-bottom:8px; }
.mt-optin-form .req{ display:inline-block; margin-left:8px; font-size:11px; font-weight:700; color:#fff; background:var(--ink); border-radius:999px; padding:2px 9px; }
.mt-optin-form input[type=text], .mt-optin-form input[type=email], .mt-optin-form select{ width:100%; padding:14px 16px; border:1px solid #ddd; border-radius:12px; font-size:16px; background:#fff; }
.mt-optin-form input:focus, .mt-optin-form select:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(27,38,49,.08); }
.mt-optin-form .mt-submit{ margin-top:28px; }
.mt-optin-form .mt-submit input{ width:100%; padding:17px; border:none; border-radius:999px; background:var(--ink); color:#fff; font-weight:800; font-size:16px; cursor:pointer; transition:opacity .2s ease; }
.mt-optin-form .mt-submit input:hover{ opacity:.9; }
.mt-optin-note{ margin-top:18px; font-size:12.5px; color:var(--muted); }
.mt-optin .wpcf7-spinner{ margin-top:12px; }
@media(max-width:640px){ .mt-optin-hero h1{ font-size:26px; } }