/* 旧サイトのロゴ、オレンジ色、濃いグレーの見出しを引き継ぐ。 */
:root { color-scheme: light; --orange: #ff7f23; --ink: #333; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #fff; font: 16px/1.9 "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; }
a { color: #985000; text-underline-offset: 4px; overflow-wrap: anywhere; }
a:hover { color: #663300; }
a:focus-visible { outline: 3px solid #125b9c; outline-offset: 5px; }
.wrap { width: min(1080px, calc(100% - 40px)); margin: auto; }
.header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; }
.header img { display: block; max-width: 100%; height: auto; }
.anniversary { margin: 0; color: #a54c00; font-weight: bold; text-align: center; }
.anniversary span { font-size: 30px; margin-left: 8px; }
.anniversary small { display: block; color: #555; font-size: 12px; }
.contact { font-size: 12px; margin: 0; }
.contact a { display: block; color: #333; font-size: 26px; line-height: 1.3; font-weight: bold; text-decoration: none; }
.title-band { background: #333; border-top: 5px solid var(--orange); color: white; padding: 28px 0 32px; text-align: center; }
.title-band p { font-size: 13px; color: #ddd; margin: 0 0 4px; }
h1 { font-size: clamp(23px, 4vw, 32px); margin: 0; }
h2 { font-size: 21px; line-height: 1.6; }
p { margin: 0 0 22px; }
.content { max-width: 860px; padding: 38px 0 48px; }
.notice > h2 { border-bottom: 2px solid var(--orange); padding-bottom: 12px; margin: 0 0 24px; }
.business { background: #fff6ed; border-left: 4px solid var(--orange); padding: 22px 28px; margin: 28px 0 36px; }
.business h2 { margin: 0 0 8px; }
.business p:last-child { margin-bottom: 0; }
.reassurance { font-weight: bold; }
.request h2 { margin-bottom: 8px; }
dl { border-top: 1px solid #ddd; margin: 22px 0 28px; }
dl > div { display: grid; grid-template-columns: 180px 1fr; border-bottom: 1px solid #ddd; }
dt { padding: 15px 18px; background: #f5f5f5; font-weight: bold; }
dd { margin: 0; padding: 15px 18px; }
.button { display: block; padding: 14px 20px; background: var(--orange); color: #242424; text-align: center; font-weight: bold; text-decoration: none; border-radius: 3px; }
.button:hover { background: #ffab00; color: #242424; }
.button span { margin-left: 12px; }
.mail { text-align: center; margin: 14px 0 8px; font-size: 20px; font-weight: bold; }
.hint { color: #666; font-size: 13px; }
footer { border-top: 4px solid var(--orange); background: #f3f3f3; padding: 28px 0; font-size: 14px; }
footer h2 { font-size: 18px; margin: 0 0 12px; }
address { font-style: normal; margin-bottom: 16px; }
footer p { margin: 0; }
@media (max-width: 760px) { .header { flex-wrap: wrap; gap: 14px; padding: 18px 0; } .header > a { width: 100%; } .header img { width: 270px; } .anniversary { text-align: left; font-size: 12px; } .anniversary span { font-size: 24px; } .anniversary small { display: none; } .contact a { font-size: 20px; } .desktop { display: none; } .business { padding: 18px; } dl > div { grid-template-columns: 1fr; } dt { padding: 8px 14px; } dd { padding: 12px 14px; } .content { padding-top: 28px; } }