.contact-native .chat.is-answering{padding-bottom:42vh}
.contact-native .user-answer{scroll-margin-top:18px}
.contact-native{--bg:#e9e1d2;--ink:#30372f;--muted:#6d756d;--line:#d7cdbb;--green:#536047;--orange:#dc7a32;--orange-dark:#bc5d1f}
.contact-native *{box-sizing:border-box}
.contact-native{scroll-behavior:smooth}
.contact-native{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;font-size:17px;line-height:1.75}
.contact-native main{max-width:820px;margin:auto;padding:28px 16px 70px}
.contact-native .paper{background:#fff;border:1px solid var(--line);border-top:7px solid var(--orange);padding:clamp(24px,5vw,48px);box-shadow:7px 8px 0 #f4ecde,0 18px 38px #483a241a}
.contact-native .brand{display:inline-block;background:#4d5746;color:#fff;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.18em}
.contact-native .back{float:right;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}
.contact-native h1{margin:22px 0 8px;font-size:clamp(31px,6vw,50px);line-height:1.3}
.contact-native .lead{margin:0 0 28px;color:var(--muted)}
.contact-native .chat{display:grid;gap:14px}
.contact-native .message{display:flex;gap:12px;align-items:flex-start;animation:show .28s ease}
.contact-native .avatar{flex:0 0 64px;text-align:center}
.contact-native .avatar img{display:block;width:62px;height:62px;object-fit:cover;object-position:center 22%;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 14px #46503729}
.contact-native .avatar small{font-size:7px;letter-spacing:.08em;color:var(--green);font-weight:800}
.contact-native .bubble{position:relative;max-width:650px;padding:15px 18px;border:1px solid var(--line);border-radius:17px;background:#fff;font-weight:700}
.contact-native .bubble p{margin:0}
.contact-native .bubble p+p{margin-top:5px}
.contact-native .user-answer{justify-self:end;max-width:78%;padding:12px 18px;border-radius:18px 18px 4px 18px;background:var(--green);color:#fff;font-weight:800;animation:show .25s ease}
.contact-native .options{display:grid;gap:9px;margin:2px 0 8px 76px}
.contact-native .choice{display:flex;align-items:center;gap:12px;width:100%;padding:15px 17px;border:1px solid var(--line);border-bottom:3px solid #bbb3a7;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:750;text-align:left;cursor:pointer}
.contact-native .choice:hover{border-color:#aab89d;background:#edf2e7;transform:translateY(-1px)}
.contact-native .num{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#edf2e7;color:var(--green);font-size:12px}
.contact-native .action{margin-left:auto;color:var(--orange-dark);font-size:12px}
.contact-native .summary{margin:8px 0 0 76px;padding:18px;border:1px solid #bdc8b2;border-left:5px solid var(--green);background:#f4f7f1}
.contact-native .summary h2{margin:0 0 10px;font-size:20px}
.contact-native .summary ul{margin:0;padding-left:20px}
.contact-native .contact-card{margin:8px 0 0 76px;padding:22px;border:1px solid var(--line);background:#fffaf0}
.contact-native .field{margin-bottom:15px}
.contact-native .field label{display:block;margin-bottom:5px;font-weight:800}
.contact-native .required{color:var(--orange-dark);font-size:11px}
.contact-native input, .contact-native textarea{width:100%;padding:12px;border:1px solid #cfc5b4;border-radius:4px;font:inherit}
.contact-native textarea{min-height:110px;resize:vertical}
.contact-native .agree{display:flex;gap:9px;align-items:flex-start;font-size:13px}
.contact-native .agree input{width:auto;margin-top:6px;accent-color:var(--green)}
.contact-native .send, .contact-native .restart{border:0;border-radius:999px;font:inherit;font-weight:850;cursor:pointer}
.contact-native .send{width:100%;margin-top:18px;padding:15px;background:linear-gradient(#ed914a,var(--orange-dark));color:#fff;box-shadow:0 4px 0 #8d4218}
.contact-native .restart{justify-self:center;margin-top:16px;padding:11px 22px;background:#eef1eb;color:var(--green)}
.contact-native .hp{position:absolute;left:-9999px}
.contact-native .note{font-size:11px;color:var(--muted)}
@keyframes show{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:600px){.contact-native main{padding:12px 10px 50px}
.contact-native .paper{padding:24px 16px}
.contact-native .avatar{flex-basis:50px}
.contact-native .avatar img{width:48px;height:48px}
.contact-native .options, .contact-native .summary, .contact-native .contact-card{margin-left:0}
.contact-native .action{display:none}
.contact-native .user-answer{max-width:88%}}
.contact-native{--bg:#e9e1d2;--ink:#30372f;--muted:#6d756d;--line:#d7cdbb;--green:#536047;--orange:#dc7a32;--orange-dark:#bc5d1f;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;font-size:17px;line-height:1.75;box-sizing:border-box}
.contact-native *, .contact-native *::before,.contact-native *::after{box-sizing:border-box}
.contact-native .contact-paper-wrap{max-width:820px;margin:auto;padding:16px}
.contact-native .contact-card{display:block!important}
.contact-native .contact-paper-wrap .paper{background:white}
.contact-native .chat{display:grid;gap:14px}
.contact-native .choice{width:100%}
.contact-native .contact-card .agree{display:flex}