/*
Theme Name: simplem
Theme URI: https://example.com/
Author: simplem
Description: A minimal Japanese corporate theme for system integrators.
Version: 1.3.0
Text Domain: simplem
*/

:root{--ink:#191c1d;--muted:#44474e;--base:#f8f9fa;--low:#f3f4f5;--high:#e1e3e4;--white:#fff;--blue:#0059bb;--blue2:#0070ea;--navy:#001b3d;--pale:#d6e3ff;--cyan:#00daf3;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-main{overflow:hidden}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{display:inline-block;padding:.25rem .75rem;border-radius:4px;background:var(--pale);color:var(--navy);font:700 .7rem/1.4 Inter,sans-serif;letter-spacing:.13em}.display{font-family:Manrope,"Noto Sans JP",sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.22}.section{padding:7rem 0}.section-low{background:var(--low)}.section-title{font-size:2.35rem;margin:0 0 .5rem}.lead,.muted{color:var(--muted)}.lead{font-size:1.12rem;max-width:45rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem 1.8rem;border:0;border-radius:6px;font:700 .92rem Inter,sans-serif;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(15deg,var(--blue),var(--blue2))}.button-soft{background:var(--high);color:var(--ink)}
.site-header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(255,255,255,.76);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{font:800 1.5rem/1 Manrope,sans-serif;letter-spacing:-.08em}.nav-links{display:flex;gap:2rem;align-items:center;font-size:.86rem;font-weight:700}.nav-links a{color:#59606b}.nav-links a:hover,.nav-links .current-menu-item a{color:var(--blue)}.nav-links .current-menu-item a{padding-bottom:.4rem;border-bottom:2px solid var(--blue)}.menu-toggle{display:none;background:transparent;border:0;font-size:1.5rem}.header-contact{padding:.7rem 1.25rem;font-size:.8rem}.has-fixed-header{padding-top:76px}
.hero{min-height:780px;display:grid;align-items:center;padding:5rem 0;position:relative}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:center}.hero h1{font-size:clamp(3.1rem,6vw,5.6rem);margin:1.25rem 0 1.6rem}.hero p{max-width:43rem;font-size:1.12rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.3rem}.hero-art{height:430px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(145deg,#dce6ee,#fff 55%,#9abce4)}.hero-art:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(0,89,187,.8);right:-85px;bottom:-100px}.hero-art:after{content:"SYSTEM\A DESIGN\A INTEGRATION";white-space:pre;position:absolute;left:2.2rem;top:2.5rem;font:800 1.35rem/1.7 Manrope,sans-serif;letter-spacing:.08em;color:var(--navy)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.card{background:var(--white);padding:2.5rem;border-radius:12px;transition:transform .25s,background .25s}.card:hover{transform:translateY(-5px)}.service-icon{height:48px;width:48px;display:grid;place-items:center;background:var(--pale);color:var(--navy);border-radius:8px;font-size:1.45rem}.card h3{margin:1.5rem 0 .7rem;font:700 1.3rem Manrope,sans-serif}.card p{font-size:.9rem;color:var(--muted)}.more{color:var(--blue);font-weight:700;font-size:.85rem}.news-list{margin-top:2rem}.news-item{display:grid;grid-template-columns:110px 90px 1fr 20px;gap:1rem;align-items:center;padding:1.35rem;border-radius:9px}.news-item:hover{background:var(--low);color:var(--blue)}.tag{display:inline-block;width:max-content;padding:.1rem .55rem;border-radius:4px;background:var(--pale);font-size:.65rem;font-weight:800;letter-spacing:.08em}.tag-cyan{background:var(--cyan)}.cta{padding:6rem 3rem;text-align:center;border-radius:24px;background:var(--navy);color:white;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(15deg,transparent,rgba(0,112,234,.4));opacity:.6}.cta>*{position:relative}.cta h2{font-size:clamp(2rem,4.5vw,3.8rem);margin:0}.cta p{color:#b9c7df;margin:1.2rem auto 2.5rem}.cta .button{background:#fff;color:var(--navy)}
.page-hero{padding:8rem 0 5rem}.page-hero h1{font-size:clamp(3rem,6vw,5.7rem);margin:1rem 0}.page-hero p{font-size:1.25rem;max-width:45rem;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}.process-item{background:#fff;padding:2rem;min-height:250px;border-radius:12px;position:relative}.process-number{font:800 3rem Manrope;color:#d8e2f5}.process h3{margin:1rem 0 .4rem}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.quote{background:#fff;padding:2rem;border-radius:12px;font-size:.95rem;color:var(--muted)}
.about-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.art-vertical{min-height:440px;border-radius:12px;background:linear-gradient(155deg,#d5dde2,#fff 45%,#8da9bc);position:relative;overflow:hidden}.art-vertical:after{content:"10+\A YEARS OF FOCUS";white-space:pre;position:absolute;bottom:0;left:0;padding:1.6rem 2rem;background:var(--blue2);color:#fff;font:800 1.2rem/1.6 Manrope}.message{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.portrait{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#9ba6b0,#e8ecee 53%,#65717a)}.value-card:hover{background:var(--blue);color:#fff}.value-card:hover p{color:#e8f0ff}.overview{background:#fff;border-radius:12px;padding:3.5rem}.facts{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem 5rem;margin-top:2rem}.facts dt{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.facts dd{margin:.3rem 0 0;font-weight:700}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem;margin-top:3rem}.avatar{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#c7d0d8,#eef1f2 55%,#76838e);margin-bottom:1rem}.team h3{margin:0;font-size:1.1rem}.team p{margin:.1rem 0;color:var(--blue);font-size:.8rem;font-weight:700}
.contact-intro{text-align:center;padding:7rem 0 3rem}.contact-intro h1{font-size:3.2rem;margin:1rem}.contact-link-card{max-width:760px;margin:0 auto 7rem;background:#fff;padding:clamp(2rem,6vw,5rem);border-radius:12px;text-align:center}.contact-link-card .service-icon{margin:0 auto 1.5rem}.contact-link-card h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:.5rem 0}.contact-link-card .button{margin-top:1.5rem}.notice{padding:1rem;border-radius:6px;background:var(--pale);color:var(--navy);margin:1.5rem 0}.customizer-hint{font-size:.78rem;color:var(--muted)}
.site-footer{background:#f1f3f5;padding:4.5rem 0 1.8rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}.site-footer h4{font-size:.8rem;letter-spacing:.08em}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.55rem 0;color:#5b6470;font-size:.85rem}.site-footer a:hover{color:var(--blue)}.copyright{margin-top:3rem;padding-top:1.5rem;color:#68717c;font-size:.75rem}.entry{padding:7rem 0}.entry h1{font-size:3rem}.wp-block-image img{border-radius:12px}
@media(max-width:800px){.wrap{width:min(100% - 32px,var(--max))}.nav-links{display:none}.menu-toggle{display:block}.header-contact{display:none}.nav-links.is-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:76px;left:0;right:0;padding:1rem 1.5rem 1.5rem;background:rgba(255,255,255,.96);box-shadow:0 14px 30px rgba(25,28,29,.08)}.nav-links.is-open a{padding:.7rem}.hero{min-height:auto}.hero-grid,.about-hero,.message{grid-template-columns:1fr;gap:2.5rem}.hero-art{height:280px}.cards,.testimonials{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.team{grid-template-columns:1fr 1fr}.section{padding:4.5rem 0}.page-hero{padding:5.5rem 0 3rem}.news-item{grid-template-columns:1fr;gap:.5rem}.news-item span{margin-top:.2rem}.footer-grid{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr;gap:1.5rem}.overview{padding:2rem}.cta{padding:4rem 1.5rem}}
@media(max-width:460px){.process,.team,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:2.9rem}.contact-intro h1{font-size:2.6rem}}
.hero-art.has-image{background-size:cover;background-position:center}.hero-art.has-image:before,.hero-art.has-image:after{display:none}.custom-logo{display:block;max-height:42px;width:auto}
.nav-links ul{display:flex;align-items:center;gap:2rem;list-style:none;padding:0;margin:0}.nav-links li{margin:0}.nav-links li a{color:#59606b}.nav-links li a:hover,.nav-links .current-menu-item>a{color:var(--blue)}
.pagination,.nav-links+.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination .page-numbers{padding:.45rem .8rem;border-radius:5px;background:#fff}.pagination .current{background:var(--blue);color:#fff}.entry-content{margin-top:3rem;padding:2rem;background:#fff;border-radius:12px}
@media(max-width:800px){.nav-links.is-open ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open li a{display:block;padding:.7rem}}