テスト

<style> @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;600&display=swap'); .io-entry { --black:#111; --gray:#666; --border:#e8e8e8; --soft:#f7f7f7; width:100%; background:#fff; color:var(--black); font-family:"Zen Kaku Gothic New","Noto Sans JP","Yu Gothic",sans-serif; font-feature-settings:"palt"; } .io-entry *, .io-entry *::before, .io-entry *::after { box-sizing:border-box; } .io-entry-container { width:calc(100% - 80px); max-width:900px; margin:0 auto; } /* ============================== HERO ============================== */ .io-entry-hero { padding:80px 0 65px; border-bottom:1px solid var(--border); } .io-entry-eyebrow { margin:0 0 18px; color:#888; font-size:10px; font-weight:500; letter-spacing:.28em; } .io-entry-title { margin:0; font-size:clamp(42px,5vw,66px); line-height:1.3; font-weight:500; letter-spacing:.07em; } .io-entry-lead { max-width:620px; margin-top:35px; color:#444; font-size:15px; line-height:2; letter-spacing:.035em; } .io-entry-lead p { margin:0 0 13px; } /* ============================== CONDITION ============================== */ .io-entry-notice { margin:52px 0 70px; padding:30px 34px; background:var(--soft); } .io-entry-notice-title { margin:0 0 16px; font-size:14px; font-weight:500; } .io-entry-notice ul { margin:0; padding-left:20px; } .io-entry-notice li { margin:7px 0; color:#555; font-size:13px; line-height:1.8; } /* ============================== FORM ============================== */ .io-entry-form { padding-bottom:110px; } .io-form-section { margin-bottom:70px; } .io-form-number { margin:0 0 6px; color:#999; font-size:10px; letter-spacing:.22em; } .io-form-section-title { margin:0 0 24px; padding-bottom:17px; border-bottom:1px solid #111; font-size:21px; font-weight:500; letter-spacing:.07em; } .io-form-row { display:grid; grid-template-columns:190px minmax(0,1f