.boq-head{padding-block-end:clamp(var(--space-8),4vw,var(--space-12))}.boq-head__meta{margin-block:var(--space-4) var(--space-3)}.boq-head__lead{max-inline-size:68ch}.boq-main{padding-block-end:clamp(var(--space-16),8vw,var(--space-24))}.boq-gate{background:var(--color-primary);border-radius:var(--radius-xl);padding:clamp(var(--space-6),4vw,var(--space-10));color:#ffffffd9;margin-block:clamp(var(--space-6),3vw,var(--space-10)) clamp(var(--space-12),6vw,var(--space-16));background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.boq-gate__text h2,.boq-gate__done h2{color:var(--color-white);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.boq-gate__text p,.boq-gate__done p{margin:0 0 var(--space-5);color:#ffffffb3;max-inline-size:58ch}.boq-gate__form{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:720px){.boq-gate__form{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:stretch}}.boq-gate__form input{padding:var(--space-3) var(--space-4);background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--text-base);color:var(--color-white)}.boq-gate__form input::placeholder{color:#ffffff73}.boq-gate__form input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #c22e2e4d}.boq-gate__error{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:#f2a6a0}.boq-table-wrap{overflow-x:auto;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-photo)}.boq-table{width:100%;min-width:720px;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-white)}.boq-table th{background:var(--color-primary);color:var(--color-white);padding:var(--space-3) var(--space-4);text-align:right;font-weight:var(--font-semibold);white-space:nowrap}.boq-table td{padding:var(--space-2) var(--space-4);border-block-end:1px solid var(--color-hairline);color:var(--color-text);vertical-align:top}.boq-num{font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.boq-table__chapter td{background:var(--color-page);color:var(--color-secondary);font-weight:var(--font-bold)}.boq-table__subtotal td{background:var(--color-page);font-weight:var(--font-semibold);color:var(--color-ink)}.boq-table__grand td{background:var(--color-primary);color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-base)}.boq-explain{margin-block-start:clamp(var(--space-12),6vw,var(--space-20))}.boq-explain__grid{display:grid;grid-template-columns:1fr;gap:clamp(var(--space-5),3vw,var(--space-8))}@media(min-width:860px){.boq-explain__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.boq-explain__item h3{font-size:var(--text-lg);color:var(--color-ink);margin:0 0 var(--space-2);padding-block-start:var(--space-3);border-block-start:2px solid var(--color-secondary)}.boq-explain__item p{margin:0;color:var(--color-text);line-height:var(--leading-relaxed)}.boq-faq{margin-block-start:clamp(var(--space-12),6vw,var(--space-20))}.boq-faq__item{border-block-end:1px solid var(--color-hairline);padding-block:var(--space-4)}.boq-faq__item summary{cursor:pointer;font-weight:var(--font-semibold);color:var(--color-ink)}.boq-faq__item p{margin:var(--space-3) 0 0;color:var(--color-text);line-height:var(--leading-relaxed);max-inline-size:75ch}.boq-cta{margin-block-start:clamp(var(--space-12),6vw,var(--space-20))}.boq-cta__inner{text-align:center;border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:clamp(var(--space-8),5vw,var(--space-12))}.boq-cta__inner h2{font-size:var(--text-2xl);color:var(--color-ink);margin:0 0 var(--space-3)}.boq-cta__inner p{margin:0 auto var(--space-6);color:var(--color-text);max-inline-size:62ch}.boq-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}