/*
Theme Name: REX Gifu
Theme URI: https://example.com/
Author: OpenAI
Description: Custom corporate WordPress theme for 合同会社レックス — 土木工事・足場工事・解体工事.
Version: 1.0.0
Text Domain: rex-gifu
*/
:root{--navy:#07345f;--navy2:#041f3a;--ink:#17202a;--muted:#65717d;--line:#e6e9ec;--white:#fff;--bg:#f7f8fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.8;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);box-shadow:0 1px 10px rgba(0,0,0,.08)}.head{height:86px;display:flex;align-items:center;gap:34px}.brand img{width:245px;max-height:72px;object-fit:contain}.nav{margin-left:auto;display:flex;gap:27px;font-weight:700;font-size:14px}.phone{background:var(--navy);color:white;padding:18px 24px;font-size:19px;font-weight:800;white-space:nowrap}
.hero{min-height:650px;background:linear-gradient(90deg,rgba(2,27,52,.80),rgba(2,27,52,.15)),url('assets/images/rex-hero.png') center/cover no-repeat;display:flex;align-items:center;color:#fff}.hero-copy{max-width:720px}.eyebrow{letter-spacing:.18em;font-weight:700}.hero h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(44px,6vw,78px);line-height:1.35;margin:.18em 0}.hero p{font-size:18px;max-width:650px}.btn{display:inline-block;border:1px solid currentColor;padding:13px 25px;margin-top:16px;font-weight:700}.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.section{padding:86px 0}.section.alt{background:var(--bg)}.title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section h2{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:42px;line-height:1.2;margin:0}.en{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.18em;color:var(--navy);margin-top:8px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:360px;position:relative;overflow:hidden;background:#13263a;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:end}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,38,.92),rgba(0,20,38,.08)),var(--bgimg) center/cover no-repeat;transition:.4s}.card:hover:before{transform:scale(1.04)}.card>*{position:relative}.card h3{font-size:30px;margin:0}.card p{margin:5px 0 0}
.civil{--bgimg:url('assets/images/rex-hero.png')}.scaffold{--bgimg:url('assets/images/rex-hero.png')}.demo{--bgimg:url('assets/images/rex-hero.png')}
.works{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work{background:#fff;border:1px solid var(--line)}.work .ph{height:220px;background:url('assets/images/rex-hero.png') center/cover}.work .txt{padding:20px}.work h3{margin:0}.note{font-size:12px;color:var(--muted)}
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.about-photo{min-height:430px;background:url('assets/images/rex-hero.png') center/cover}.facts{display:grid;grid-template-columns:130px 1fr;border-top:1px solid var(--line)}.facts div{padding:11px;border-bottom:1px solid var(--line)}
.contact{background:linear-gradient(90deg,var(--navy2),var(--navy));color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.tel{font-size:34px;font-weight:800}.formbox{background:#fff;color:var(--ink);padding:30px}.formbox input,.formbox textarea{width:100%;padding:12px;border:1px solid #ccd2d8;margin:5px 0 15px;font:inherit}.formbox button{border:0;background:var(--navy);color:#fff;padding:14px 28px;font-weight:800}
footer{padding:35px 0;background:#fff}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot img{width:220px}.small{font-size:12px;color:var(--muted)}
@media(max-width:900px){.nav{display:none}.phone{margin-left:auto;font-size:15px;padding:14px}.head{height:72px}.brand img{width:190px}.hero{min-height:560px}.services,.works,.about,.contact-grid{grid-template-columns:1fr}.section{padding:60px 0}.title-row{display:block}.section h2{font-size:34px}.about-photo{min-height:300px}.foot{display:block}.hero h1{font-size:45px}}