:root{--mint:#09b7b2;--mint-dark:#008e91;--coral:#ff7463;--ink:#193b43;--cream:#fffaf3;--white:#fff;--line:#d8e9e7}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(145deg,#fffaf3,#eefaf8);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.75}header{height:76px;padding:0 max(5vw,22px);display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line)}header img{width:142px;display:block}header>a:last-child{margin-left:auto;color:var(--mint-dark);font-size:13px;font-weight:700}a{color:var(--mint-dark)}main{width:min(900px,calc(100% - 36px));margin:58px auto 90px}.form-head{text-align:center}.form-head>span,.step-label{font-size:12px;letter-spacing:.16em;color:var(--mint-dark);font-weight:900}.form-head h1{font-size:clamp(34px,6vw,56px);line-height:1.3;margin:8px 0 14px}.form-head p{color:#61767b}.progress{display:flex;align-items:center;justify-content:center;margin:38px auto;max-width:500px}.progress i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dfeceb;color:#718487;font-style:normal;font-weight:900;font-size:13px;transition:.25s}.progress i.active{background:var(--mint);color:#fff;box-shadow:0 6px 16px rgba(9,183,178,.3)}.progress b{height:3px;flex:1;background:#dfeceb}.progress b.active{background:var(--mint)}form{background:#fff;border-radius:32px;padding:clamp(25px,5vw,58px);box-shadow:0 24px 70px rgba(25,59,67,.12)}.step{display:none}.step.active{display:block;animation:show .25s ease}@keyframes show{from{opacity:0;transform:translateY(8px)}}h2{font-size:clamp(27px,4vw,38px);margin:2px 0 28px;line-height:1.35}.plans{display:grid;grid-template-columns:1fr 1fr;gap:15px}.plans label{cursor:pointer}.plans input{position:absolute;opacity:0}.plans span{position:relative;min-height:148px;border:2px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;transition:.2s}.plans input:checked+span{border-color:var(--mint);background:#effbf9;box-shadow:0 7px 18px rgba(9,183,178,.12)}.plans small{color:var(--mint-dark);font-weight:900;letter-spacing:.12em}.plans strong{font-size:20px;margin-top:6px}.plans em{font-style:normal;color:var(--coral);font-weight:900;margin-top:auto}.plans mark{position:absolute;right:12px;top:-12px;border-radius:99px;padding:3px 9px;background:var(--coral);color:#fff;font-size:11px;font-weight:900}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label,legend{font-weight:700;font-size:14px}label>span:not(.upload span){font-size:11px;color:var(--coral);margin-left:7px}input,select,textarea{display:block;width:100%;margin-top:7px;border:2px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--mint)}fieldset{border:0;padding:0;margin:28px 0 0}.choice-row{display:flex;gap:10px;margin-top:9px}.choice-row label{flex:1}.choice-row input{position:absolute;opacity:0}.choice-row span{display:block;text-align:center;border:2px solid var(--line);border-radius:13px;padding:12px;color:var(--ink)!important;margin:0!important}.choice-row input:checked+span{border-color:var(--mint);background:#effbf9;color:var(--mint-dark)!important}.upload{min-height:180px;border:2px dashed var(--mint);background:#f2fcfa;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.upload input{position:absolute;opacity:0;width:1px}.upload span{background:var(--mint);color:#fff;border-radius:99px;padding:11px 22px}.upload small{margin-top:10px;color:#70868a}.previews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.previews figure{margin:0;aspect-ratio:1;border-radius:15px;overflow:hidden;background:#edf4f3;position:relative}.previews img{width:100%;height:100%;object-fit:cover}.previews button{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(25,59,67,.8);color:#fff;cursor:pointer}.tips,.test-box{margin-top:22px;padding:18px 22px;border-radius:16px;background:#fff8e3}.tips ul{margin:5px 0 0;padding-left:20px}.step>label{display:block;margin:22px 0}.check{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0!important;font-weight:500}.check input{width:20px;height:20px;flex:0 0 auto;margin:3px 0 0}.check span{font-size:14px!important;color:var(--ink)!important;margin:0!important}.summary{border:1px solid var(--line);border-radius:18px;overflow:hidden}.summary dl{margin:0;display:grid;grid-template-columns:145px 1fr}.summary dt,.summary dd{padding:13px 16px;margin:0;border-bottom:1px solid var(--line)}.summary dt{background:#effaf8;font-weight:800}.agreements{margin-top:26px}.error{color:#c94336;font-weight:700;font-size:13px;min-height:1.5em}.form-actions{display:flex;gap:12px;margin-top:34px}.form-actions button{border:0;border-radius:99px;padding:15px 24px;font-weight:900;font-size:15px;cursor:pointer}.form-actions #next,.form-actions #checkout{margin-left:auto;background:var(--coral);color:#fff;min-width:210px}.form-actions #checkout:disabled{opacity:.55;cursor:not-allowed}.back{background:#eaf3f2;color:var(--ink)}footer{text-align:center;padding:32px;font-size:13px;background:#fff}@media(max-width:650px){main{margin-top:35px}form{border-radius:24px}.plans,.field-grid{grid-template-columns:1fr}.plans span{min-height:120px}.choice-row{flex-direction:column}.previews{grid-template-columns:repeat(3,1fr)}.summary dl{grid-template-columns:1fr}.summary dt{padding-bottom:3px}.summary dd{padding-top:3px}.form-actions button{padding:13px 17px}.form-actions #next,.form-actions #checkout{min-width:170px}}

.plans label{min-width:0}.plans input{width:1px;height:1px;margin:0}.plans label:last-child{grid-column:1/-1}
