*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#29323b;background:#fff;line-height:1.8}a{color:#ba561c}img{max-width:100%;height:auto}header{border-bottom:3px solid #e47632;background:#fff;position:relative}header .bar{max-width:1140px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}header .logo{max-width:270px;max-height:80px;object-fit:contain}header .nav{display:flex;flex-wrap:wrap;gap:6px}header .nav a{color:#28323b;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:5px}header .nav a:hover{background:#fff1e8}main{max-width:1080px;margin:0 auto;padding:36px 24px 70px;min-height:60vh}h1{font-size:clamp(25px,3vw,36px);border-left:6px solid #e47632;padding-left:16px;line-height:1.4}h2{font-size:24px;border-bottom:2px solid #ed9b66;padding-bottom:9px;margin-top:34px}h3{font-size:20px;color:#a44d1c}p{margin:14px 0}.hero{padding:45px 25px;background:linear-gradient(120deg,#fff3e8,#f9fafb);border-radius:12px}.hero h1{border:0;padding:0}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:30px}.tile{display:block;border:1px solid #ddd;border-radius:8px;padding:20px;color:#29323b;text-decoration:none;background:#fff}.tile:hover{border-color:#e47632;background:#fff8f3}.tile b{display:block;font-size:18px}.note{padding:14px 18px;background:#fff4d7;border-left:4px solid #e9a200;margin:20px 0}.body img{max-width:100%;height:auto}.body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.body td,.body th{border:1px solid #ddd;padding:8px}.body iframe{max-width:100%}.body input,.body textarea{max-width:100%}footer{background:#30373e;color:#fff;padding:28px 24px;text-align:center}footer a{color:#ffe0c6}.small{font-size:13px;color:#68707a}.contact-link{display:inline-block;background:#ce6022;color:white;text-decoration:none;padding:12px 22px;border-radius:5px}.body form{display:none} @media(max-width:760px){header .bar{display:block}header .nav{margin-top:14px}header .nav a{padding:6px}main{padding:22px 15px}.hero{padding:25px 18px}}
/* v5: 旧サイトのトップ画像・主要説明を反映したレイアウト */
.legacy-hero img{display:block;width:100%;height:auto}.legacy-section{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid #eee}.legacy-section img{width:100%;object-fit:contain}.legacy-banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.legacy-banners img{width:100%;object-fit:contain}.zinc-hero{position:relative}.zinc-hero>img{width:100%;display:block}.zinc-hero h1{position:absolute;top:12%;left:5%;border:0;color:#fff;text-shadow:0 2px 8px #333;background:#0005;padding:15px}.zinc-feature{padding:25px 0}.zinc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.zinc-feature-grid img{width:100%}.zinc-contact{padding:25px;background:#f5f7f9;text-align:center;margin:25px 0}@media(max-width:760px){.legacy-section{grid-template-columns:1fr}.legacy-banners{grid-template-columns:1fr}.zinc-hero h1{font-size:clamp(17px,4vw,26px);top:8%;padding:8px}.zinc-feature-grid{grid-template-columns:1fr}}