/* お問い合わせフォーム専用。トップ・会社ページのCSSとは独立しています。 */
* { box-sizing: border-box; }
body { margin: 0; padding: 28px 18px; background: #fff9ed; color: #171717; font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
body.company { background: #111; color: #f7f5ef; }
body.embedded { padding: 8px 2px 14px; background: transparent; }
.wrap { max-width: 720px; margin: auto; }
.label { display: inline-block; margin: 0 0 12px; padding: 5px 9px; border: 2px solid #171717; border-radius: 99px; background: #ffe13d; font-size: .68rem; font-weight: 900; transform: rotate(-3deg); }
h1 { margin: 0 0 18px; font-size: clamp(1.9rem,6vw,2.8rem); letter-spacing: -.04em; }
.intro { margin: 0 0 24px; font-size: .85rem; line-height: 1.8; }
.card { padding: 28px; border: 2px solid #171717; border-radius: 20px; background: #fff; box-shadow: 5px 5px 0 #171717; }
.field { display: grid; gap: 8px; margin-bottom: 20px; }
label { font-size: .85rem; font-weight: 800; }
.required { margin-left: 8px; color: #b5235d; font-size: .68rem; }
.optional { margin-left: 8px; color: #666; font-size: .68rem; font-weight: 400; }
input, select, textarea { width: 100%; min-height: 46px; padding: 12px; border: 1px solid #bbb; border-radius: 8px; background: #fff; color: #171717; font: inherit; font-size: 16px; }
textarea { min-height: 180px; resize: vertical; line-height: 1.7; }
input:focus, select:focus, textarea:focus { outline: 2px solid #f13983; outline-offset: 2px; }
.privacy { margin: 24px 0 14px; padding: 14px; background: #fff9ed; border-radius: 8px; font-size: .75rem; line-height: 1.8; }
.consent { display: flex; align-items: flex-start; gap: 9px; line-height: 1.7; font-size: .78rem; }
.consent input { flex: none; width: 18px; height: 18px; min-height: 0; margin: 3px 0 0; accent-color: #f13983; }
button { display: block; width: 100%; margin-top: 24px; padding: 15px; border: 2px solid #171717; border-radius: 10px; background: #ff5f9e; color: #171717; font: inherit; font-weight: 900; cursor: pointer; box-shadow: 3px 3px 0 #171717; }
button:hover { background: #ff83b4; }
button:disabled { opacity: .7; cursor: wait; }
button:focus-visible, a:focus-visible { outline: 3px solid #f13983; outline-offset: 4px; }
.notice { margin-bottom: 22px; padding: 18px; border: 1px solid #b5235d; border-radius: 10px; background: #fff2f5; color: #8b2148; line-height: 1.8; font-size: .85rem; }
.notice ul { margin: 8px 0 0; padding-left: 20px; }
.success { border-color: #29754b; background: #effaf3; color: #205735; }
.success h2 { margin: 0 0 10px; font-size: 1.2rem; }
.success p { margin: 0; }
.direct { margin: 22px 0 0; font-size: .76rem; line-height: 1.8; overflow-wrap: anywhere; }
.direct a, .back a { text-decoration: underline; text-underline-offset: 3px; color: inherit; }
.back { display: flex; gap: 22px; flex-wrap: wrap; margin-bottom: 25px; font-size: .8rem; }
.trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.company .label { background: transparent; border: 1px solid #b5964d; border-radius: 0; color: #dcc18a; transform: none; letter-spacing: .14em; }
.company .card { border: 1px solid #b5964d; border-radius: 0; background: #191919; box-shadow: none; }
.company input, .company select, .company textarea { border-color: #666; background: #222; color: #f7f5ef; border-radius: 0; }
.company input:focus, .company select:focus, .company textarea:focus { outline-color: #b5964d; }
.company .required { color: #e6c782; }
.company .optional { color: #bbb; }
.company .privacy { background: #25231e; color: #e1dbce; border-radius: 0; }
.company .consent input { accent-color: #b5964d; }
.company button { border: 1px solid #b5964d; border-radius: 0; background: #b5964d; color: #111; box-shadow: none; }
.company button:hover { background: #cfb370; }
@media (max-width: 600px) { .card { padding: 20px 16px; } }