#header { background-image: none !important; background-color: #f7f7f3 !important; min-height: 0 !important; }
#header > div { box-sizing: border-box; }
body { color: #29382f; }
a { text-underline-offset: .18em; }
img { max-width: 100%; height: auto; }
@media (max-width: 767px) { #header { background-size: auto !important; } }
#menu-wrapper { background: #304a3b !important; }
@media (min-width: 769px) { #menu > ul > li > a { padding: 17px 13px !important; font-size: 13px !important; letter-spacing: .02em; } #menu > ul > li { vertical-align: top; } }
.salon-motion { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #e9ece7; overflow: hidden; }
.salon-motion > .box-fadein { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.salon-motion > .box-fadein:first-child { opacity: 1 !important; }
.salon-motion > .box-fadein:nth-child(2) { opacity: 0; animation: salonFade 10s ease-in-out infinite; }
.salon-motion img { display: block; width: 100%; height: 100%; object-fit: cover; }
@keyframes salonFade { 0%, 42% { opacity: 0; } 50%, 92% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .salon-motion > .box-fadein:nth-child(2) { animation: none; } }
#footer { background: #304a3b !important; color: #f7f7f2 !important; }
#footer .container, #footer .container * { color: #f7f7f2 !important; }
#footer a { color: #e8f0e6 !important; text-decoration: underline; }
#footer .container { padding-top: 22px; padding-bottom: 22px; }
#sidebar { display: none !important; }
#content { float: none !important; width: 100% !important; padding: 0 18px !important; box-sizing: border-box !important; }
.bob-hero { box-sizing:border-box; min-height:650px; display:flex; align-items:center; padding:65px max(5vw,28px); color:#fff; background-image:linear-gradient(90deg,rgba(24,43,34,.73) 0%,rgba(24,43,34,.28) 48%,rgba(24,43,34,0) 80%),url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/g-company/1751182499015913300.jpg); background-size:cover; background-position:center 38%; }
.bob-hero-copy { max-width:610px; text-shadow:0 1px 12px rgba(0,0,0,.22); }
@media (max-width:767px) { .bob-hero { min-height:640px; align-items:flex-end; padding:35px 24px; background-image:linear-gradient(0deg,rgba(21,39,30,.8),rgba(21,39,30,0) 65%),url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/g-company/1751182499015913300.jpg); background-position:62% center; } .bob-hero-copy h2 { font-size:30px !important; } .bob-nav { padding:16px 20px !important; } }
@media (min-width:768px) { body:has(.bob-hero) #menu-wrapper { display:none !important; } }
#sidebar { display:none !important; }
#content { float:none !important; width:100% !important; padding:0 18px !important; box-sizing:border-box !important; }
body:has(.bob-hero) #header > .container { display:none !important; }
.bob-hero-copy { max-width:500px; }
.bob-hero-copy h2 { font-size:clamp(31px,3vw,40px) !important; }
@media (max-width:767px) { .bob-hero { min-height:790px; background-position:60% 30%; padding:26px 18px; } .bob-hero-copy { background:rgba(23,42,33,.86); padding:22px 20px; margin:0 -8px -18px; max-width:none; } .bob-hero-copy h2 { font-size:28px !important; } }
@media (max-width:767px) { .bob-hero { display:block; min-height:0; padding:0; background:none !important; } .bob-hero::before { content:""; display:block; width:100%; height:420px; background:url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/g-company/1751182499015913300.jpg) center 22% / cover no-repeat; } .bob-hero-copy { margin:0; padding:27px 23px 31px; background:#304a3b; } .bob-hero-copy h2 { font-size:28px !important; } }
@media (min-width:768px) { .bob-hero-copy { max-width:420px; } .bob-hero-copy h2 { font-size:34px !important; } }
/* g.company editorial 2026 */
.g-editorial { max-width:1080px; margin:auto; color:#263b30; font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif; background:#faf9f5; line-height:1.85; }
.g-editorial * { box-sizing:border-box; }
.g-editorial a { color:inherit; text-decoration:none; }
.g-editorial a:focus-visible,.g-recruit a:focus-visible { outline:2px solid #856d4b; outline-offset:4px; }
.g-editorial .bob-hero { min-height:640px; padding:60px 7%; align-items:center; background-image:linear-gradient(90deg,rgba(24,40,32,.70),rgba(24,40,32,.22) 57%,transparent 80%),url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/g-company/1751182499015913300.jpg); }
.g-editorial .bob-hero-copy { max-width:580px; background:none; margin:0; padding:0; color:#fff; }
.g-editorial .bob-hero h1 { margin:0 0 20px; font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; font-size:clamp(36px,4.2vw,58px); font-weight:400; line-height:1.48; letter-spacing:.08em; text-shadow:0 8px 20px rgba(11,23,16,.35); animation:gRise 1.1s both; }
.g-editorial .bob-hero-copy > p:not(.g-eyebrow) { font-size:15px; line-height:2.1; animation:gRise 1s .18s both; }
.g-eyebrow { font:12px Georgia,serif; letter-spacing:.22em; margin:0 0 24px; }
.g-hero-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:36px; animation:gRise 1s .3s both; }
.g-hero-links a { color:#fff; border-bottom:1px solid rgba(255,255,255,.8); padding:8px 0; font-size:13px; }
.g-editorial a span { display:inline-block; margin-left:12px; transition:transform .25s; }
.g-editorial a:hover span { transform:translate(3px,-3px); }
.g-nav { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:18px 5%; background:#faf9f5; border-bottom:1px solid #dedfd6; }
.g-nav .g-mark { font:27px Georgia,serif; letter-spacing:-.04em; }
.g-nav > div { display:flex; flex-wrap:wrap; gap:10px 25px; font-size:12px; }
.g-notice { display:flex; align-items:baseline; gap:18px; background:#f0f1ea; padding:16px 5%; font-size:12px; }
.g-notice strong { white-space:nowrap; }
.g-notice a { text-decoration:underline; text-underline-offset:3px; }
.g-story { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding:130px 9% 145px; }
.g-story-head small { display:block; color:#7c8e7c; font-size:12px; margin-bottom:24px; }
.g-story h2,.g-work h2 { font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; font-weight:400; letter-spacing:.045em; line-height:1.65; font-size:clamp(30px,3.8vw,46px); margin:0; }
.g-story-body { padding-top:45px; max-width:430px; }
.g-story-body p { margin:0 0 28px; font-size:15px; line-height:2.25; }
.g-story-body .g-signature { margin-top:45px; font-size:12px; letter-spacing:.07em; }
.g-signature span { color:#778278; font:12px Georgia,serif; }
.g-pause { margin:0 0 130px; padding:62px 20px; text-align:center; color:#faf9f5; background:#314c3c; font-family:'Noto Serif JP','Yu Mincho',serif; font-size:clamp(20px,2.6vw,31px); letter-spacing:.18em; }
.g-salons { padding:0 7% 80px; }
.g-salon { display:grid; grid-template-columns:57% 1fr; gap:6%; align-items:center; margin-bottom:140px; }
.g-salon-second { grid-template-columns:1fr 57%; }
.g-salon-second .g-salon-photo { order:2; }
.g-salon-photo { display:block; overflow:hidden; }
.g-salon-photo img { width:100%; height:540px; object-fit:cover; display:block; transition:transform .8s; }
.g-salon-photo:hover img { transform:scale(1.035); }
.g-salon-second .g-salon-photo img { height:490px; }
.g-salon-copy { align-self:center; }
.g-salon-index { font:12px Georgia,serif; letter-spacing:.15em; color:#728573; }
.g-salon-copy h2 { margin:18px 0 27px; font:400 clamp(37px,4.5vw,60px) Georgia,'Yu Mincho',serif; letter-spacing:-.03em; line-height:1.1; }
.g-salon-copy p { font-size:14px; line-height:2.1; margin:0 0 18px; }
.g-salon-copy .g-lead { font-family:'Noto Serif JP','Yu Mincho',serif; font-size:19px; line-height:1.8; }
.g-salon-copy .g-caption { font-size:11px; color:#69736c; }
.g-actions { display:flex; flex-wrap:wrap; gap:10px 25px; margin-top:35px; }
.g-actions a { border-bottom:1px solid #829184; padding:7px 0; font-size:13px; }
.g-work { display:grid; grid-template-columns:26% 1fr; gap:9%; padding:110px 9%; background:#e9ede5; }
.g-work-side { font-size:13px; padding-top:8px; }
.g-work-side span { color:#768878; font:11px Georgia,serif; letter-spacing:.12em; }
.g-work h2 { font-size:clamp(29px,3.2vw,40px); }
.g-work p { max-width:580px; font-size:14px; line-height:2.2; margin:30px 0; }
.g-work a { display:inline-block; border-bottom:1px solid; padding:7px 0; font-size:14px; }
.g-end { display:flex; justify-content:space-between; gap:25px; padding:65px 9% 80px; background:#2b4234; color:#f9f8f2; }
.g-end p { margin:0; font:25px 'Yu Mincho',serif; }
.g-end div { display:flex; flex-direction:column; gap:10px; font-size:12px; }
@keyframes gRise { from { opacity:0; transform:translateY(22px); filter:blur(3px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
@supports (animation-timeline:view()) { .g-story-head,.g-story-body,.g-salon-photo,.g-salon-copy,.g-work>div,.g-pause span { animation:gRise linear both; animation-timeline:view(); animation-range:entry 0% entry 35%; } }
@media(max-width:767px) { .g-editorial .bob-hero { display:block; min-height:0; padding:0; background:none!important; } .g-editorial .bob-hero::before { content:''; display:block; height:420px; background:url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/g-company/1751182499015913300.jpg) 58% 23%/cover no-repeat; } .g-editorial .bob-hero-copy { background:#314b3b; padding:32px 24px 38px; text-shadow:none; } .g-editorial .bob-hero h1 { font-size:34px; } .g-editorial .bob-hero-copy > p:not(.g-eyebrow) { font-size:14px; } .g-nav { align-items:flex-start; flex-direction:column; padding:18px 24px; } .g-nav>div { gap:10px 17px; } .g-notice { display:block; padding:18px 24px; } .g-notice strong { display:block; margin-bottom:5px; } .g-story { display:block; padding:88px 25px 85px; } .g-story-body { padding-top:35px; } .g-pause { margin:0 0 85px; } .g-salons { padding:0 24px 10px; } .g-salon,.g-salon-second { display:flex; flex-direction:column; align-items:stretch; gap:28px; margin-bottom:95px; } .g-salon-second .g-salon-photo { order:0; } .g-salon-photo img,.g-salon-second .g-salon-photo img { height:auto; aspect-ratio:4/5; object-fit:cover; } .g-salon-copy h2 { font-size:45px; } .g-work { display:block; padding:80px 25px 90px; } .g-work-side { margin-bottom:35px; } .g-end { display:block; padding:60px 25px; } .g-end div { margin-top:32px; } }
@media(prefers-reduced-motion:reduce) { .g-editorial *, .g-recruit * { animation:none!important; transition:none!important; } }

/* Recruitment editorial */
.g-recruit { max-width:1080px; margin:auto; background:#faf9f5; color:#263b30; font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif; line-height:1.9; }
.g-recruit * { box-sizing:border-box; }
.g-recruit a { color:inherit; text-decoration:none; }
.g-recruit-hero { display:grid; grid-template-columns:50% 50%; min-height:560px; overflow:hidden; }
.g-recruit-hero-text { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:65px 9%; background:#314b3b; color:#faf9f5; }
.g-recruit-hero-text > p:first-child { font:12px Georgia,serif; letter-spacing:.22em; margin:0 0 35px; }
.g-recruit-hero .g-recruit-hero-title { font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; font-size:clamp(34px,4.6vw,56px); line-height:1.55; letter-spacing:.055em; font-weight:400; margin:0 0 32px; color:#fff; text-shadow:0 8px 17px rgba(7,20,10,.35); animation:gRise 1s both; }
.g-recruit-hero .g-recruit-sub { font-size:14px; line-height:2.2; margin:0 0 36px; animation:gRise 1s .18s both; }
.g-recruit-hero a { border-bottom:1px solid #efeee5; padding:8px 0; font-size:13px; animation:gRise 1s .3s both; }
.g-recruit-hero a span { margin-left:20px; }
.g-recruit-hero-image { min-height:560px; }
.g-recruit-hero-image img { width:100%; height:100%; min-height:560px; object-fit:cover; display:block; }
.g-recruit-nav { display:flex; flex-wrap:wrap; gap:14px 30px; align-items:center; padding:19px 5%; border-bottom:1px solid #dcded6; font-size:12px; }
.g-recruit-nav a:first-child { font:24px Georgia,serif; margin-right:auto; }
.g-recruit-story { display:grid; grid-template-columns:1fr 1fr; gap:11%; padding:120px 9% 115px; }
.g-recruit-story small { color:#69816f; font-size:12px; }
.g-recruit-story h2 { font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif!important; font-size:clamp(29px,3.7vw,44px)!important; line-height:1.7!important; font-weight:400!important; letter-spacing:.04em; margin:23px 0 0!important; color:#263b30!important; }
.g-recruit-story p { font-size:14px; line-height:2.3; margin:0 0 25px; }
.g-recruit-divider { padding:47px 20px; background:#e6eadf; text-align:center; font:clamp(20px,2.5vw,29px) 'Noto Serif JP','Yu Mincho',serif; letter-spacing:.12em; }
.g-recruit-details { display:grid; grid-template-columns:23% 1fr; gap:6%; padding:85px 9% 115px; }
.g-recruit-details-label { position:sticky; top:30px; align-self:start; font-size:12px; color:#657e68; letter-spacing:.04em; }
.g-recruit-terms { min-width:0; }
.g-recruit-terms > h2 { margin:60px 0 20px!important; padding:0 0 12px!important; border:0!important; border-bottom:1px solid #adbdae!important; color:#263b30!important; font:400 29px/1.5 'Noto Serif JP','Yu Mincho',serif!important; }
.g-recruit-terms > h2:first-child { margin-top:0!important; }
.g-recruit-terms > div { border-radius:0!important; box-shadow:none!important; border-color:#d9e0d7!important; }
.g-recruit-terms > div[style*="background"] { background:#f2f4ee!important; }
.g-recruit-terms h3 { font-size:18px!important; line-height:1.6; }
.g-recruit-terms p,.g-recruit-terms li { font-size:14px; line-height:1.9; }
.g-recruit-terms a[href^="https://lin.ee"] { background:#314b3b!important; border-radius:0!important; box-shadow:none!important; display:inline-block; }
.g-recruit-terms a:hover,.g-recruit-hero a:hover,.g-recruit-nav a:hover { opacity:.72; }
@supports(animation-timeline:view()) { .g-recruit-story>div,.g-recruit-divider,.g-recruit-terms>h2 { animation:gRise linear both; animation-timeline:view(); animation-range:entry 0% entry 35%; } }
@media(max-width:767px) { .g-recruit-hero { display:flex; flex-direction:column; } .g-recruit-hero-image { order:-1; min-height:0; } .g-recruit-hero-image img { height:380px; min-height:0; object-fit:cover; } .g-recruit-hero-text { padding:48px 25px 55px; } .g-recruit-hero .g-recruit-hero-title { font-size:37px; } .g-recruit-nav { padding:18px 25px; gap:10px 18px; } .g-recruit-nav a:first-child { width:100%; } .g-recruit-story { display:block; padding:85px 25px; } .g-recruit-story>div+div { margin-top:38px; } .g-recruit-details { display:block; padding:75px 24px 100px; } .g-recruit-details-label { position:static; margin-bottom:35px; } .g-recruit-terms>h2 { font-size:25px!important; } .g-recruit-terms>div { padding:18px!important; } }

body:has(.g-recruit) #header { display:none!important; }
body:has(.g-recruit) #content_nosidebar { width:100%!important; padding:0 18px!important; box-sizing:border-box!important; }

/* Light editorial palette inspired by the supplied references */
.g-editorial,.g-recruit { background:#fffefa; color:#182228; }
.g-editorial .bob-hero { background-image:linear-gradient(90deg,rgba(16,24,29,.62),rgba(16,24,29,.12) 58%,transparent 80%),url(https://s3-ap-northeast-1.amazonaws.com/img.p-kit.com/g-company/1751182499015913300.jpg); }
.g-nav,.g-recruit-nav { background:#fffefa; border-color:#1b2930; }
.g-nav .g-mark,.g-recruit-nav a:first-child { color:#11191c; font-weight:700; }
.g-nav>div a,.g-recruit-nav a:not(:first-child) { display:inline-block; padding:6px 15px; border:1px solid #1b2930; border-radius:100px; line-height:1.35; transition:background .25s,color .25s; }
.g-nav>div a:hover,.g-recruit-nav a:not(:first-child):hover { background:#1b2930; color:#fff; opacity:1; }
.g-notice { background:#d8e9f5; color:#17252d; }
.g-story-head small,.g-salon-index,.g-work-side span,.g-recruit-story small,.g-recruit-details-label { color:#517ca0; }
.g-story h2,.g-work h2,.g-salon-copy h2,.g-recruit-story h2,.g-recruit-terms>h2 { color:#182228!important; }
.g-pause { background:#8dbce0; color:#16232b; }
.g-salon-copy .g-caption { color:#526a77; }
.g-actions a { border-color:#17252d; }
.g-work,.g-recruit-divider { background:#a7cce8; color:#14242b; }
.g-work a { border-color:#14242b; }
.g-end { background:#17252d; color:#fffefa; }
.g-recruit-hero-text { background:#8dbce0; color:#14242b; }
.g-recruit-hero .g-recruit-hero-title { color:#14242b; text-shadow:0 8px 18px rgba(255,255,255,.34); }
.g-recruit-hero a { border-color:#14242b; }
.g-recruit-terms>div[style*="background"] { background:#f3f7f9!important; }
.g-recruit-terms a[href^="https://lin.ee"] { background:#17252d!important; color:#fff!important; }
@media(max-width:767px) { .g-editorial .bob-hero-copy { background:#17252d; } .g-nav>div a,.g-recruit-nav a:not(:first-child) { padding:5px 10px; } }
