/*
Theme Name: loki Assist Corporate
Author: loki Assist
Description: 株式会社lokiアシスト公式サイト用オリジナルテーマ
Version: 1.0.0
*/
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-option{display:flex;flex-direction:column;align-items:flex-start}.contact-option h2{font-size:clamp(26px,3vw,38px)}.contact-option .button{max-width:100%;overflow-wrap:anywhere}.contact-note{margin-top:30px}
@media(max-width:860px){.contact-options{grid-template-columns:1fr}.contact-option .button{width:100%;padding:10px 14px}}
:root{--ink:#111315;--charcoal:#1c2024;--steel:#656c73;--line:#d9dde0;--paper:#f5f6f6;--white:#fff;--accent:#f2c230;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(15,17,19,.92);color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}.header-inner{height:78px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:116px;height:60px;object-fit:contain}.nav{display:flex;gap:23px;align-items:center;font-size:14px;font-weight:700}.nav a:hover{color:var(--accent)}.nav .nav-recruit{background:var(--accent);color:#111;padding:11px 18px}.menu-button{display:none;border:0;background:none;color:#fff;font-size:28px}.hero{min-height:760px;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(8,10,12,.88) 0%,rgba(8,10,12,.45) 55%,rgba(8,10,12,.18)),url('assets/images/hero.jpg') center/cover}.hero-inner{padding:180px 0 92px}.eyebrow{display:flex;gap:12px;align-items:center;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800;color:var(--accent)}.eyebrow:before{content:"";width:42px;height:2px;background:currentColor}.hero h1{max-width:820px;font-size:clamp(44px,7vw,88px);line-height:1.08;letter-spacing:.02em;margin:20px 0}.hero-lead{font-size:clamp(17px,2vw,22px);max-width:680px}.actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:1px solid var(--ink);font-weight:800}.button-primary{background:var(--accent);border-color:var(--accent);color:#111}.button-ghost{border-color:#fff;color:#fff}.facts{background:var(--ink);color:#fff}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.fact{padding:30px;border-right:1px solid #353a3f}.fact strong{display:block;font-size:27px}.fact span{color:#aeb5bb;font-size:13px}.section{padding:110px 0}.section-gray{background:var(--paper)}.section-dark{background:var(--charcoal);color:#fff}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:55px}.section h2,.page-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.2;margin:10px 0}.lead{font-size:18px;color:var(--steel)}.section-dark .lead{color:#bdc3c8}.service-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.photo-frame{position:relative}.photo-frame:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--accent);z-index:-1}.feature-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:30px}.feature{background:#fff;padding:20px 24px}.feature b{display:block}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:#fff;color:#111}.work-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.work-card div{padding:20px}.work-card span{font-size:12px;color:#6d747a}.recruit-band{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.recruit-photo{background:url('assets/images/recruit.jpg') center/cover}.recruit-copy{background:var(--accent);padding:70px;display:flex;flex-direction:column;justify-content:center}.recruit-copy h2{font-size:clamp(38px,5vw,64px);line-height:1.15}.conditions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.condition{background:rgba(255,255,255,.65);padding:15px;text-align:center;font-weight:800}.cta{background:#0d0f11;color:#fff;padding:75px 0;text-align:center}.cta h2{font-size:clamp(30px,4vw,52px);margin:0 0 10px}.site-footer{background:#090a0b;color:#aeb4ba;padding:55px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-grid h3{color:#fff}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid #2a2d30;margin-top:40px;padding-top:22px;font-size:12px}.page-hero{padding:175px 0 80px;background:#171a1d;color:#fff}.page-body{padding:80px 0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.card{border:1px solid var(--line);padding:30px;background:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{width:28%;background:var(--paper)}.form-grid{display:grid;gap:18px}.form-grid label{font-weight:700}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:14px;border:1px solid #bfc4c8;font:inherit}.form-grid textarea{min-height:180px}.note{padding:18px;border-left:4px solid var(--accent);background:#fff8dc}.mobile-apply{display:none}
@media(max-width:860px){.header-inner{height:66px}.brand img{width:94px;height:52px}.menu-button{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#111;flex-direction:column;align-items:stretch;padding:20px}.nav.open{display:flex}.hero{min-height:680px}.hero-inner{padding-bottom:65px}.facts-grid{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid #353a3f}.section{padding:74px 0}.section-head,.service-grid,.recruit-band,.content-grid,.footer-grid{grid-template-columns:1fr}.works-grid{grid-template-columns:1fr}.recruit-photo{min-height:360px}.recruit-copy{padding:45px 25px}.conditions{grid-template-columns:1fr 1fr}.table th,.table td{display:block;width:100%}.table th{padding-bottom:6px}.mobile-apply{display:flex;position:fixed;z-index:19;bottom:12px;left:12px;right:12px;background:var(--accent);justify-content:center;padding:14px;font-weight:900;box-shadow:0 5px 20px #0008}.site-footer{padding-bottom:90px}}