/*
Theme Name: kanoa-company-premium
Text Domain: kanoa-company-premium
Description: 合同会社カノアカンパニー公式テーマ
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
:root{--navy:#173f6f;--navy-deep:#0d2948;--red:#d52f39;--red-dark:#b8222d;--white:#fff;--mist:#f3f6f9;--ink:#172b40;--muted:#607286;--line:#ccd8e4;--shadow:0 24px 70px rgba(23,63,111,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8;letter-spacing:.015em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}.k-container,.kanoa-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.k-label,.k-kicker{font:800 12px/1.4 Arial,sans-serif;letter-spacing:.18em}.k-label{color:var(--red);margin:0 0 18px}.k-header,.kanoa-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(23,63,111,.12);backdrop-filter:blur(16px)}.kanoa-header__inner{min-height:82px;display:flex;align-items:center;gap:34px}.kanoa-brand{display:flex;align-items:center;margin-right:auto}.kanoa-brand img{width:340px;max-width:38vw;max-height:68px;object-fit:contain;object-position:left center;border:0;border-radius:0;box-shadow:none;background:transparent}.kanoa-nav{display:flex;align-items:center;gap:28px}.kanoa-nav a{position:relative;padding:28px 0;color:var(--ink);font-size:13px;font-weight:800}.kanoa-nav a:not(.kanoa-nav__cta):after{content:"";position:absolute;left:0;bottom:20px;width:100%;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.kanoa-nav a:hover:after{transform:scaleX(1)}.kanoa-nav__cta{padding:14px 19px!important;background:var(--red);color:var(--white)!important}.kanoa-nav__cta:hover{background:var(--red-dark)}.kanoa-menu-button{display:none;width:48px;height:48px;border:0;background:var(--navy);padding:0}.kanoa-menu-button span{display:block;width:22px;height:2px;margin:5px auto;background:var(--white)}.k-hero{position:relative;min-height:calc(100dvh - 82px);display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}.k-hero__media{position:absolute;inset:0;background:url("https://kanoacompany.com/wp-content/uploads/2026/02/banner_top_01_1900x600.jpg") center/cover no-repeat;transform:scale(1.01);animation:kHero 8s ease-out both}.k-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,38,70,.94) 0%,rgba(10,38,70,.75) 42%,rgba(10,38,70,.18) 74%,rgba(10,38,70,.08) 100%)}.k-hero__inner{position:relative;z-index:2;padding:12vh 0 10vh;color:var(--white)}.k-kicker{margin:0 0 24px;color:#dbe8f5}.k-hero h1{max-width:960px;margin:0;font-size:clamp(44px,6.3vw,92px);line-height:1.08;letter-spacing:-.055em;font-weight:900}.k-hero h1 em{color:var(--white);font-style:normal}.k-hero__lead{max-width:590px;margin:30px 0 0;font-size:clamp(16px,1.4vw,20px);font-weight:500}.k-hero__actions{display:flex;align-items:center;gap:30px;margin-top:42px}.k-cta-primary{display:flex;align-items:center;justify-content:space-between;min-width:245px;padding:19px 22px;background:var(--red);color:var(--white);font-weight:800;transition:transform .25s,background .25s}.k-cta-primary:hover{background:var(--red-dark);transform:translateY(-3px)}.k-cta-secondary{padding:8px 0;border-bottom:2px solid var(--white);font-weight:800}.k-hero__line{position:absolute;z-index:3;left:0;bottom:0;width:38%;height:7px;background:var(--red)}@keyframes kHero{from{transform:scale(1.08)}to{transform:scale(1.01)}}.k-entry{padding:130px 0;background:var(--white)}.k-entry__head{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:end}.k-entry__head p{max-width:26ch;margin:0;color:var(--navy);font-weight:800}.k-entry h2,.k-services h2,.k-work h2,.k-flow h2,.k-company h2,.k-recruit h2,.k-contact h2{margin:0;font-size:clamp(42px,6vw,82px);line-height:1.08;letter-spacing:-.05em;font-weight:900}.k-entry__lead{max-width:620px;margin:42px 0 68px 40%;color:var(--muted);font-size:18px}.k-entry__list{border-top:2px solid var(--navy)}.k-entry__list a{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:26px 10px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.k-entry__list a:hover{padding-left:28px;background:var(--mist)}.k-entry__list span,.k-services__number{font:800 12px/1 Arial,sans-serif;letter-spacing:.12em;color:var(--red)}.k-entry__list strong{font-size:clamp(20px,2.7vw,36px)}.k-entry__list i{font-style:normal;font-size:12px;font-weight:800}.k-promise{display:grid;grid-template-columns:1fr 1fr;background:var(--mist);min-height:800px}.k-promise__photo img{width:100%;height:100%;object-fit:cover}.k-promise__copy{padding:9vw 7vw}.k-promise__copy h2{margin:0 0 55px;font-size:clamp(36px,4.6vw,64px);line-height:1.15;letter-spacing:-.04em}.k-promise article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:27px 0;border-top:1px solid var(--line)}.k-promise article>b{color:var(--red);font:800 12px/1.8 Arial,sans-serif}.k-promise h3{margin:0 0 8px;font-size:20px}.k-promise article p{margin:0;color:var(--muted);font-size:14px}.k-services{padding:140px 0}.k-services__title{margin-bottom:70px}.k-services__list{border-top:2px solid var(--navy)}.k-services__list article{display:grid;grid-template-columns:70px 250px 1fr;gap:35px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.k-services__image{height:155px;overflow:hidden}.k-services__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.k-services__list article:hover img{transform:scale(1.06)}.k-services__body h3{margin:0 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.25}.k-services__body p{max-width:600px;margin:0;color:var(--muted)}.k-license{display:inline-block;margin:35px 0 0;padding:11px 16px;border-left:5px solid var(--red);background:var(--mist);font-weight:800}.k-work{background:var(--navy);color:var(--white);padding:0}.k-work__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.k-work__grid>div:first-child{padding:110px 7vw 80px 0}.k-work__grid>div:first-child p:last-child{max-width:480px;margin-top:34px;color:#d5e1ed}.k-work__image{grid-row:span 2}.k-work__image img{width:100%;height:100%;object-fit:cover}.k-work aside{padding:38px 7vw 65px 0;border-top:1px solid rgba(255,255,255,.24)}.k-work aside strong{color:#ffb7bc;font-size:20px}.k-work aside p{max-width:530px;margin:8px 0 0;color:#d5e1ed}.k-flow{padding:140px 0;overflow:hidden}.k-flow h2{margin-bottom:75px}.k-flow__line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.k-flow__line:before{content:"";position:absolute;left:0;right:0;top:24px;height:4px;background:var(--red)}.k-flow article{position:relative;padding-top:68px}.k-flow article b{position:absolute;top:0;left:0;width:52px;height:52px;display:grid;place-items:center;background:var(--red);color:var(--white);font:800 12px Arial,sans-serif}.k-flow h3{margin:0 0 10px;font-size:19px}.k-flow article p{margin:0;color:var(--muted);font-size:13px}.k-company{padding:140px 0;background:var(--mist)}.k-company__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw}.k-company__intro{margin:0 0 38px;color:var(--navy);font-weight:800}.k-company h2{font-size:clamp(42px,5vw,70px)}.k-company__grid>div>strong{display:block;margin-top:35px;padding-left:18px;border-left:5px solid var(--red)}.k-company dl{margin:0;border-top:2px solid var(--navy)}.k-company dl div{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.k-company dt{color:var(--navy);font-size:12px;font-weight:800}.k-company dd{margin:0;overflow-wrap:anywhere}.k-recruit{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:var(--white)}.k-recruit__photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,37,68,.96),rgba(10,37,68,.62)),url("https://kanoacompany.com/wp-content/uploads/2026/03/Recruitment_bg_image.png") center/cover}.k-recruit__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}.k-recruit__inner p:not(.k-label){max-width:560px;color:#d5e1ed}.k-recruit__inner>a{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid var(--white);border-bottom:1px solid var(--white);font-weight:800;transition:transform .25s}.k-recruit__inner>a:hover{transform:translateX(8px)}.k-contact{padding:125px 0 140px;text-align:center;background:var(--white)}.k-contact__line{width:2px;height:90px;margin:0 auto 42px;background:var(--red)}.k-contact>div>p{max-width:620px;margin:30px auto 48px;color:var(--muted)}.k-contact__actions{display:grid;grid-template-columns:1fr 1fr;max-width:920px;margin:auto}.k-contact__actions a{padding:35px;border:2px solid var(--red)}.k-contact__phone{background:var(--red);color:var(--white)}.k-contact__form{color:var(--red)}.k-contact__actions small,.k-contact__actions strong{display:block}.k-contact__actions strong{margin-top:4px;font-size:clamp(22px,3vw,34px)}.k-mobile-contact{display:none}.kanoa-footer{background:var(--navy-deep);color:var(--white)}.kanoa-footer__main{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:55px;padding:64px 0}.kanoa-footer__brand{display:flex;align-items:center;gap:16px}.kanoa-footer__brand img{width:240px;max-height:65px;object-fit:contain;object-position:left;background:var(--white)}.kanoa-footer__brand strong{display:none}.kanoa-footer p,.kanoa-footer li,.kanoa-footer a{color:#c6d4e2;font-size:13px}.kanoa-footer ul{list-style:none;margin:0;padding:0}.kanoa-footer h4{color:#8eb2d5;font-size:12px;letter-spacing:.14em}.kanoa-footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;color:#8ba1b7;font-size:11px}.kanoa-section,.kanoa-page-content{padding-block:80px}.kanoa-page-hero{padding:72px 0;background:var(--navy);color:var(--white)}.kanoa-page-content{width:min(960px,calc(100% - 40px));margin:auto}.kanoa-page-content h2,.kanoa-page-content h3{color:var(--navy)}.kanoa-page-content a{color:var(--red);text-decoration:underline}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.k-hero__media{animation:none}.k-cta-primary,.k-entry__list a,.k-services__image img,.k-recruit__inner>a{transition:none}}
@media(max-width:980px){.k-container,.kanoa-container{width:min(100% - 38px,1240px)}.kanoa-header__inner{min-height:80px}.kanoa-brand img{width:min(280px,68vw);max-width:none;max-height:62px}.kanoa-menu-button{display:block}.kanoa-nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--white);padding:12px 20px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.kanoa-nav.is-open{display:flex}.kanoa-nav a{padding:15px 8px;border-bottom:1px solid var(--line)}.kanoa-nav__cta{margin-top:10px;text-align:center}.k-promise,.k-company__grid,.k-recruit__inner{grid-template-columns:1fr}.k-promise__photo{height:60vw;min-height:360px}.k-services__list article{grid-template-columns:55px 210px 1fr}.k-flow__line{grid-template-columns:1fr;padding-left:68px}.k-flow__line:before{top:0;bottom:0;left:24px;width:4px;height:auto}.k-flow article{padding:0 0 42px}.k-flow article b{left:-68px}.k-work__grid{grid-template-columns:1fr}.k-work__image{grid-row:auto;height:70vw}.k-work__grid>div:first-child,.k-work aside{padding:80px 0}.k-work aside{padding-top:34px}.k-recruit__inner>a{margin-top:35px}.kanoa-footer__main{grid-template-columns:1fr 1fr}.kanoa-footer__about{grid-column:1/-1}}
@media(max-width:640px){body{padding-bottom:62px}.k-container,.kanoa-container{width:min(100% - 28px,1240px)}.kanoa-brand img{width:min(248px,70vw);height:auto}.k-hero{min-height:690px}.k-hero__media{background-position:62% center}.k-hero__shade{background:linear-gradient(90deg,rgba(10,38,70,.92),rgba(10,38,70,.58))}.k-hero__inner{padding:88px 0 82px}.k-kicker{font-size:10px}.k-hero h1{font-size:clamp(38px,11vw,52px)}.k-hero__lead{font-size:15px}.k-hero__actions{align-items:stretch;flex-direction:column;gap:18px}.k-cta-primary{width:100%}.k-cta-secondary{align-self:flex-start}.k-hero__line{width:64%}.k-entry,.k-services,.k-flow,.k-company{padding:85px 0}.k-entry__head{grid-template-columns:1fr;gap:28px}.k-entry__head p{font-size:14px}.k-entry h2,.k-services h2,.k-work h2,.k-flow h2,.k-company h2,.k-recruit h2,.k-contact h2{font-size:clamp(36px,10.5vw,50px)}.k-entry__lead{margin:30px 0 48px;font-size:15px}.k-entry__list a{grid-template-columns:42px 1fr;padding:21px 4px}.k-entry__list i{display:none}.k-entry__list strong{font-size:20px}.k-promise__photo{height:80vw;min-height:310px}.k-promise__copy{padding:75px 22px}.k-promise__copy h2{font-size:38px}.k-services__list article{grid-template-columns:42px 1fr;gap:18px;padding:25px 0}.k-services__image{grid-column:1/-1;grid-row:2;height:58vw}.k-services__body{grid-column:2;grid-row:1}.k-services__body h3{font-size:25px}.k-services__body p{grid-column:1/-1}.k-license{font-size:13px}.k-work__grid>div:first-child{padding:78px 0 55px}.k-work__image{height:85vw}.k-work aside{padding:34px 0 72px}.k-flow h2{margin-bottom:55px}.k-company__grid{gap:55px}.k-company dl div{grid-template-columns:95px 1fr}.k-recruit{min-height:650px}.k-recruit__photo{background-position:60% center}.k-recruit__inner{padding:80px 0}.k-contact{padding:80px 0 95px}.k-contact__actions{grid-template-columns:1fr}.k-contact__actions a{padding:27px 18px}.k-mobile-contact{position:fixed;z-index:1200;left:0;right:0;bottom:0;height:62px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -8px 24px rgba(13,41,72,.18)}.k-mobile-contact a{display:grid;place-items:center;background:var(--navy);color:var(--white);font-size:13px;font-weight:800}.k-mobile-contact a:last-child{background:var(--red)}.kanoa-footer__main{grid-template-columns:1fr;gap:25px}.kanoa-footer__about{grid-column:auto}.kanoa-footer__brand img{width:230px}}

/* Compact, clickable LINE QR panel on the homepage */
.k-promise__photo.k-line-qr-section{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:clamp(32px,4vw,66px);background:linear-gradient(145deg,#eaf7ef 0%,#f8fbf9 100%)}
.k-line-qr-card{width:min(100%,360px);text-align:center}
.k-line-qr-card__heading{margin:0 0 18px;font-size:clamp(18px,2vw,24px);font-weight:800;line-height:1.5;color:var(--navy)}
.k-line-qr-card__link{display:flex;flex-direction:column;align-items:center;gap:16px;color:inherit;text-decoration:none}
.k-promise__photo .k-line-qr-card__link img{display:block;box-sizing:border-box;width:min(100%,300px);max-width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:14px;border:1px solid #d5e9dc;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(13,41,72,.1)}
.k-line-qr-card__button{box-sizing:border-box;display:block;width:min(100%,300px);padding:12px 16px;border-radius:8px;background:#06c755;color:#fff;font-size:16px;font-weight:800;line-height:1.6;transition:background .2s}
.k-line-qr-card__link:hover .k-line-qr-card__button{background:#04a844}
.k-line-qr-card__link:focus-visible{outline:3px solid var(--navy);outline-offset:5px;border-radius:8px}
.k-line-qr-card__help{margin:14px 0 0;color:#3b5265;font-size:13px;line-height:1.8}
@media(max-width:980px){.k-promise__photo.k-line-qr-section{height:auto;min-height:0;padding:42px 22px}}
@media(max-width:640px){.k-promise__photo.k-line-qr-section{padding:32px 20px}.k-promise__photo .k-line-qr-card__link img{width:min(72vw,270px);padding:12px}.k-line-qr-card__button{width:min(72vw,270px)}}