/*
Theme Name: 西建工業 トップページ（テスト版）
Version: 0.1.0
Description: 西建工業の写真を使った、動画案内の検証用トップページ。
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
@font-face{font-family:NishikenJP;src:url('assets/fonts/nishiken-jp.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#102a45;--blue:#145886;--gold:#c28d32;--paper:#f6f7f8;--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:NishikenJP,-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button,a:focus-visible{outline-color:var(--gold)}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;background:#fff;padding:10px;z-index:20000}.skip-link:focus{top:10px}
.site-header{height:var(--header);padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:#fff;transition:box-shadow .3s}.site-header.is-scrolled{box-shadow:0 6px 20px #102a4510}.brand{width:260px;flex-shrink:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600;letter-spacing:.05em}.desktop-nav>a{padding:12px 0}.desktop-nav a:not(.nav-recruit):hover{color:var(--blue)}.desktop-nav .nav-recruit{background:var(--ink);color:#fff;padding:14px 22px;display:flex;gap:34px}.menu-toggle{display:none}.mobile-menu{position:fixed;top:var(--header);left:0;right:0;z-index:99;padding:20px 7vw 30px;background:var(--ink);color:#fff}.mobile-menu a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff30;font-size:19px}.mobile-menu a span{color:#a8bacb;font-size:11px}
.hero{height:calc(100svh - var(--header));min-height:630px;max-height:1000px;position:relative;overflow:hidden;color:#fff;background:#162c3e}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1.5s ease}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:scale(1.02);transition:transform 9s linear}.hero-slide.is-active img{transform:scale(1.08)}.hero-shade{background:linear-gradient(90deg,#061c36bf 0%,#071b3260 43%,#071b3220 76%),linear-gradient(0deg,#081d3299 0%,transparent 40%)}.hero-copy{position:relative;padding:clamp(85px,12vh,160px) 7vw 0;max-width:860px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.7;display:flex;align-items:center;gap:18px}.hero-eyebrow{font-size:10px;color:#f0f3f5;letter-spacing:.14em;margin-bottom:30px}.hero-eyebrow>span{height:1px;width:30px;background:#d8ac5c}.hero h1{font-size:clamp(48px,5.8vw,84px);letter-spacing:-.04em;font-weight:750;line-height:1.35}.hero-lead{font-size:14px;font-weight:400;line-height:2.1;max-width:360px;margin-top:23px;margin-bottom:28px;color:#edf2f6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:56px;padding:9px 12px 9px 24px;font-size:13px;letter-spacing:.04em;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-white{background:#fff;color:var(--ink)}.button-blue{background:var(--ink);color:#fff}.round-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b4c3ce;border-radius:50%;font-size:19px;font-weight:400}.button-blue .round-arrow{border-color:#ffffff55}.hero-bottom{position:absolute;left:7vw;right:130px;bottom:30px;display:flex;align-items:center;gap:28px}.slider-controls{display:flex;align-items:center;gap:9px}.slide-dot{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 6px;width:42px;border:0;border-bottom:2px solid #ffffff50;background:none;color:#fff;font-size:11px;letter-spacing:.04em}.slide-dot.is-active{border-bottom-color:#e5b554}.slide-pause{background:none;border:1px solid #ffffff50;color:#fff;font-size:12px;width:29px;height:29px;border-radius:50%;padding:0}.hero-caption{font-size:10px;letter-spacing:.1em;color:#e0e7ed;margin-left:8px}.scroll-cue{font-size:9px;letter-spacing:.2em;display:flex;gap:15px;align-items:center;margin-left:auto}.scroll-cue span{font-size:20px}
.section-wrap{max-width:1440px;margin:0 auto;padding:110px 7vw}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.section-index{color:var(--gold);letter-spacing:.05em}.section-copy h2,.section-heading h2{font-size:clamp(29px,3.1vw,44px);letter-spacing:-.04em;font-weight:650;line-height:1.6;margin:22px 0}.body-copy{font-size:14px;line-height:2.15;letter-spacing:.02em;max-width:425px;color:#627285}.text-link{display:inline-flex;align-items:center;gap:42px;font-size:13px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #b3bdc7;margin-top:32px}.text-link span{font-size:18px;color:var(--gold)}.about-photo img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:58% center}.about-photo figcaption{font-size:9px;letter-spacing:.14em;margin-top:14px;color:#7f8d9a}
.machines{background:#0c2238;color:#fff}.machines-inner{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.machines .body-copy{color:#b6c5d2;max-width:330px;padding-bottom:7px}.machine-gallery{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.machine-primary img{width:100%;height:calc(100% - 92px);object-fit:cover;min-height:460px}.machine-secondary{display:grid;gap:22px}.machine-secondary figure img{width:100%;aspect-ratio:2.2;object-fit:cover}.machine-gallery figcaption{display:flex;gap:18px;align-items:center;padding:16px 0 4px;min-height:70px}.gallery-number{color:#c9a05c;font-size:10px;align-self:flex-start;padding-top:3px}.machine-gallery small{font-size:9px;letter-spacing:.12em;color:#aabcc9}.machine-gallery h3{font-size:17px;font-weight:500;letter-spacing:.02em;margin-top:4px}.gallery-plus{margin-left:auto;border:1px solid #53677b;display:grid;place-items:center;border-radius:50%;height:38px;width:38px;font-size:22px;font-weight:300}
.recruit{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7vw}.recruit-photo{position:relative}.recruit-photo img{width:100%;aspect-ratio:.98;object-fit:cover;object-position:48% center}.recruit-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c213975,transparent 65%)}.image-label{position:absolute;left:24px;bottom:28px;z-index:1;color:#fff;font-size:clamp(22px,2.7vw,36px);letter-spacing:-.015em;line-height:1.22;font-weight:650}.recruit .button{margin-top:30px}.recruit-contact{display:flex;width:fit-content;margin-top:24px}.site-footer{border-top:1px solid #e0e5e9;padding:42px 7vw;display:flex;flex-wrap:wrap;align-items:center;gap:30px}.footer-brand{width:230px;margin-right:auto}.back-to-top{font-size:9px;letter-spacing:.12em;display:flex;gap:20px;align-items:center;margin-right:80px}.back-to-top span{font-size:20px}.site-footer small{font-size:9px;letter-spacing:.1em;color:#7d8a96}.content-page{min-height:60vh}.content-page h1{font-size:40px;margin:0 0 32px}.entry-content{line-height:1.9}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s ease}.will-reveal.is-visible{opacity:1;transform:none}.admin-bar .site-header{top:32px}
@media(min-width:1800px){.hero-copy{padding-left:max(7vw,calc((100vw - 1440px)/2 + 100px))}.hero-bottom{left:max(7vw,calc((100vw - 1440px)/2 + 100px))}}
@media(max-width:1100px){.desktop-nav{gap:22px;font-size:12px}.brand{width:230px}.section-wrap{padding-left:6vw;padding-right:6vw}.machine-primary img{min-height:410px}.hero h1{font-size:65px}.back-to-top{margin-right:15px}}
@media(max-width:900px){:root{--header:74px}.site-header{padding:0 6vw}.brand{width:225px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #d8e1e8;border-radius:50%;width:40px;height:40px;padding:10px;background:#fff}.menu-toggle span{display:block;background:var(--ink);height:1px;width:18px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-copy{padding-top:90px}.hero h1{font-size:60px}.hero-bottom{right:115px}.hero-caption{display:none}.section-wrap{padding-top:75px;padding-bottom:75px}.about,.recruit{gap:5vw}.section-heading{align-items:flex-start}.section-heading .body-copy{max-width:240px;font-size:12px}.machine-primary img{min-height:350px}.machine-gallery h3{font-size:14px}}
@media(max-width:600px){:root{--header:68px}html{scroll-padding-top:85px}.brand{width:210px}.site-header{padding:0 20px}.hero{min-height:610px;max-height:830px;height:calc(100svh - 68px)}.hero-copy{padding:82px 24px 0;max-width:100%}.hero h1{font-size:48px;line-height:1.4}.hero-eyebrow{font-size:8px;gap:10px;letter-spacing:.08em;margin-bottom:25px}.hero-eyebrow>span{width:18px}.hero-lead{font-size:12px;max-width:275px;line-height:2.1;margin-top:23px;margin-bottom:25px}.hero-shade{background:linear-gradient(90deg,#061b35bb,#061b3570 70%,#061b3540),linear-gradient(0deg,#081d3299,transparent 65%)}.hero-slide img{object-position:55% center}.button{font-size:12px;min-height:52px;padding-left:20px;gap:30px}.round-arrow{height:32px;width:32px}.hero-bottom{left:24px;right:110px;bottom:28px;gap:15px}.slide-dot{width:32px;padding:10px 3px}.slider-controls{gap:6px}.scroll-cue{display:none}.section-wrap{padding:64px 24px}.about,.recruit{grid-template-columns:1fr;gap:38px}.eyebrow{font-size:9px;gap:12px}.section-copy h2,.section-heading h2{font-size:30px;line-height:1.6;margin:18px 0}.body-copy{font-size:13px;max-width:none}.about-photo img{aspect-ratio:1.3}.about-photo figcaption{font-size:8px}.section-heading{display:block;margin-bottom:32px}.section-heading .body-copy{margin-top:20px;font-size:12px;max-width:none}.machine-gallery{grid-template-columns:1fr;gap:28px}.machine-primary img{height:auto;min-height:0;aspect-ratio:1.16;object-position:45% center}.machine-secondary{grid-template-columns:1fr;gap:25px}.machine-secondary figure img{aspect-ratio:1.55}.machine-gallery figcaption{min-height:60px;padding-top:13px}.machine-gallery h3{font-size:16px}.machine-gallery small{font-size:8px}.recruit-photo img{aspect-ratio:1.18;object-position:center}.recruit .section-copy{order:-1}.image-label{font-size:27px;bottom:22px;left:20px}.site-footer{padding:32px 24px 40px;gap:25px}.footer-brand{width:205px;margin-right:0}.back-to-top{margin-left:auto;margin-right:0;font-size:8px;gap:12px}.site-footer small{width:100%;font-size:8px}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-slide img{transform:none!important}.will-reveal{opacity:1;transform:none}}