:root{--green:#0d6a3c;--ink:#164f35;--paper:#faf8f0;--mist:#e4eee8;--line:#91aa9c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif;line-height:1.9}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3{word-break:auto-phrase;line-break:strict;text-wrap:balance}.site-nav{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 5vw}.site-logo{display:block;width:145px}.site-logo img,.custom-logo{width:100%;height:auto}.site-nav nav{display:flex;gap:32px;padding:24px 38px;background:var(--paper);font-size:13px}.hero{position:relative;min-height:100svh;background:#dcece6;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76) brightness(1.08)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#dff1ebdd,transparent 78%)}.hero-copy{position:relative;z-index:2;width:min(760px,72vw);padding:155px 6vw 70px}.hero h1{margin:0;color:var(--green);font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.5;letter-spacing:.07em}.hero p{font-size:16px}.button{display:inline-block;margin-top:20px;padding:16px 24px;background:var(--green);color:#fff;font-family:Arial,sans-serif;font-size:13px}.hero small{display:block;margin-top:28px}.intro,.split,.values,.image-copy,.features,.voices,.job{padding:130px 9vw}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.intro h2,.split h2,.values h2,.image-copy h2,.features h2,.voices h2,.job h2,.cta h2{margin:0;color:var(--green);font-size:clamp(36px,4.4vw,62px);font-weight:400;line-height:1.55}.intro p{font-size:14px}.wide-photo{width:84%;height:68vh;margin:0 0 0 auto;overflow:hidden}.wide-photo img{width:100%;height:100%;object-fit:cover}.split{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.split span,.values span,.image-copy span,.voices>span,.job>span,.cta>span{font:700 10px Arial,sans-serif;letter-spacing:.2em}.worries ul{list-style:none;margin:55px 0 0;padding:0;border-top:1px solid var(--line)}.worries li{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.values{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw;background:var(--mist)}.values header img{height:500px;margin-top:60px;object-fit:cover}.number-list{border-top:1px solid var(--line)}.number-list article{position:relative;isolation:isolate;min-height:230px;padding:42px 25px 48px 105px;border-bottom:1px solid var(--line);overflow:hidden}.number-list b,.features article b{position:absolute;z-index:-1;left:0;bottom:-38px;color:#0d6a3c12;font:italic 175px/.8 Georgia,serif}.number-list h3{margin:0 0 14px;color:var(--green);font-size:28px;font-weight:400}.number-list p{font-size:13px}.image-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center;padding-left:0}.image-copy img{height:720px;width:100%;object-fit:cover}.image-copy>div{max-width:470px}.features{background:#f3f0e6}.features>div{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.features article{position:relative;isolation:isolate;min-height:350px;padding:45px;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.features article b{left:auto;right:15px;font-size:220px}.features h3{margin-top:110px;color:var(--green);font-size:24px;font-weight:400}.features p{font-size:13px}.voices>h2{margin-bottom:75px}.voice-grid article{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-bottom:110px}.voice-grid article:nth-child(even) img{order:2}.voice-grid img{width:100%;height:580px;object-fit:cover}.voice-grid h3{color:var(--green);font-size:26px;font-weight:400}.voice-grid p{font-size:14px}.job{background:#f3f0e6}.job dl{margin-top:60px;border-top:1px solid var(--line)}.job dl div{display:grid;grid-template-columns:190px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.job dt{font-weight:700;font-size:12px}.job dd{margin:0;font-size:14px}.cta{padding:120px 9vw;text-align:center;background:var(--green);color:#fff}.cta h2{color:#fff}.cta p{font-size:14px}.button.light{background:#fff;color:var(--green)}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:48px 8vw;background:#174b32;color:#fff;font-family:Arial,sans-serif;font-size:11px}.site-footer img{width:150px}.social-float{position:fixed;z-index:40;right:22px;bottom:22px;display:grid;gap:8px;width:280px;font-family:Arial,sans-serif}.social-float a{display:grid;grid-template-columns:36px 1fr 20px;gap:12px;align-items:center;padding:11px 15px;color:#fff;box-shadow:0 12px 35px #142d1f2e}.social-float span{display:grid;font-weight:700}.social-float small{font-size:9px;font-weight:400}.social-float i{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:9px;font-style:normal;font-size:8px}.instagram{background:radial-gradient(circle at 28% 105%,#feda75,#fa7e1e 28%,#d62976 52%,#962fbf 74%,#4f5bd5)}.line{background:#39a94b}.simple-page{max-width:900px;margin:120px auto;padding:0 24px}
@media(max-width:780px){body{padding-bottom:64px}.site-nav nav{display:none}.site-logo{width:112px}.hero-copy{width:100%;min-height:100svh;padding:120px 22px 60px;display:flex;flex-direction:column;justify-content:flex-end}.hero h1{font-size:37px}.intro,.split,.values,.image-copy{grid-template-columns:1fr}.intro,.split,.values,.image-copy,.features,.voices,.job{padding:90px 22px}.wide-photo{width:100%;height:430px}.values header img{height:420px}.image-copy{padding-left:22px}.image-copy img{height:430px}.features>div{grid-template-columns:1fr}.voice-grid article{grid-template-columns:1fr;gap:28px}.voice-grid article:nth-child(even) img{order:initial}.voice-grid img{height:430px}.job dl div{grid-template-columns:1fr;gap:8px}.site-footer{padding:42px 22px 90px}.social-float{right:0;left:0;bottom:0;width:auto;grid-template-columns:1fr 1fr;gap:0}.social-float a{min-height:64px;padding:8px 10px}.number-list article{padding-left:64px}.number-list b{font-size:140px}.number-list h3{font-size:24px}}

/* Higher contrast white surface and reinforced Instagram glyph */
:root{--ink:#0d3f2b;--paper:#fff;--mist:#edf5f0}.intro p,.worries li,.number-list p,.image-copy p,.features p,.voice-grid p,.job dd{color:#244c37}.instagram-glyph{position:relative!important;display:block!important;opacity:1!important}.instagram-glyph:before{content:'';position:absolute;inset:7px;border:2px solid #fff;border-radius:50%}.instagram-glyph:after{content:'';position:absolute;right:5px;top:5px;width:5px;height:5px;background:#fff;border-radius:50%}.instagram-glyph u{display:none}

.life-message{position:relative;isolation:isolate;min-height:720px;padding:150px 12vw;background:#f7f4ec;overflow:hidden}.life-ghost{position:absolute;left:3vw;top:-135px;z-index:-1;color:#0d6a3c0e;font:italic 340px/.9 Georgia,serif;letter-spacing:-.08em}.life-vertical{position:absolute;left:4vw;top:180px;margin:0;writing-mode:vertical-rl;color:#4d8067;font:700 9px Arial,sans-serif;letter-spacing:.24em}.life-inner{width:min(850px,78vw);margin:0 auto}.life-inner>span{font:700 10px Arial,sans-serif;letter-spacing:.2em}.life-inner h2{margin:0;color:var(--green);font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.5}.life-inner mark{color:inherit;background:linear-gradient(transparent 67%,#efcd5c80 67%,#efcd5c80 94%,transparent 94%)}.life-body{display:grid;grid-template-columns:100px 1fr;gap:35px;align-items:start;width:min(570px,75%);margin:70px 0 0 auto}.life-body i{height:1px;margin-top:15px;background:#6c937b}.life-body p{margin:0;color:#244c37;font-size:15px;line-height:2.2}.life-message>small{position:absolute;right:4vw;bottom:60px;color:#4d8067;font:700 9px/1.7 Arial,sans-serif;letter-spacing:.18em}.life-message>small:before{content:'';display:block;width:34px;height:34px;margin:0 0 12px auto;border:1px solid #6c937b;border-radius:50%}@media(max-width:780px){.life-message{min-height:610px;padding:105px 22px 100px}.life-ghost{left:-20px;top:-42px;font-size:170px}.life-vertical{display:none}.life-inner{width:100%}.life-inner h2{font-size:34px;line-height:1.65}.life-body{grid-template-columns:45px 1fr;gap:16px;width:100%;margin-top:55px}.life-body p{font-size:13px}.life-message>small{right:22px;bottom:28px}}

.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(250,249,245,.84) 38%,rgba(240,248,244,.42) 62%,rgba(240,248,244,.08) 86%)}.hero-copy{width:min(700px,64vw)}.hero h1{font-size:clamp(42px,4.6vw,70px);line-height:1.48;letter-spacing:.055em;text-shadow:0 1px 0 #fff,0 2px 18px #ffffffb8}.hero-copy>p{display:inline-block;padding:5px 10px;background:#ffffffb8;color:#123f2b;font-weight:600}@media(max-width:780px){.hero-copy{width:100%}.hero:after{background:linear-gradient(180deg,#ffffff29,#faf9f566 42%,#faf9f5f5 76%,#faf9f5)}.hero h1{font-size:36px;line-height:1.5;letter-spacing:.04em}}

.wide-photo img{width:106%;height:106%;max-width:none;animation:salonMovie 16s ease-in-out infinite alternate;transform-origin:center 38%;will-change:transform}@keyframes salonMovie{0%{transform:scale(1.01) translate3d(-1.8%,0,0)}50%{transform:scale(1.055) translate3d(0,-1.2%,0)}100%{transform:scale(1.02) translate3d(1.8%,-.4%,0)}}@media(max-width:780px){.wide-photo img{animation-duration:22s}}@media(prefers-reduced-motion:reduce){.wide-photo img{animation:none;transform:none;width:100%;height:100%}}

.values header h2{width:max-content;height:620px;margin-left:auto;writing-mode:vertical-rl;text-orientation:mixed;font-variant-east-asian:full-width;white-space:nowrap;line-height:1.55;letter-spacing:.08em}@media(max-width:780px){.values header h2{height:470px;margin:0 auto 0 0;font-size:36px;line-height:1.55;letter-spacing:.06em}}
.number-list article:nth-child(3) h3 span{display:block;white-space:nowrap}
.cta{position:relative;isolation:isolate;overflow:hidden;background:transparent}.cta:before{content:'';position:absolute;inset:-10%;z-index:-2;background:url('../images/team.jpg') center 42%/cover no-repeat;opacity:.52;filter:grayscale(.16) saturate(.82);animation:entryMovie 13s ease-in-out infinite alternate}.cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#085e33cc,#085e33a8,#085e33c7)}.cta h2,.cta>p{text-shadow:0 2px 16px #002a168c}@keyframes entryMovie{0%{transform:scale(1.03) translate3d(-4%,1%,0)}50%{transform:scale(1.14) translate3d(1%,-3%,0)}100%{transform:scale(1.07) translate3d(4%,1%,0)}}@media(prefers-reduced-motion:reduce){.cta:before{animation:none}}
.site-footer img{filter:brightness(0) invert(1)}
.vertical-five{text-combine-upright:all;-webkit-text-combine:horizontal;font-variant-numeric:tabular-nums}

/* Mobile refinements: vertical 5 + FV readability */
@media(max-width:780px){
  /* Keep the numeral 5 upright and aligned inside the vertical heading. */
  .values header h2 .vertical-five{
    display:inline-block;
    writing-mode:horizontal-tb;
    text-orientation:mixed;
    line-height:1;
    letter-spacing:0;
    vertical-align:middle;
    transform:translateX(-.04em);
  }

  /* Improve first-view copy legibility over photography. */
  .hero:after{
    background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(250,249,245,.46) 38%,rgba(250,249,245,.92) 68%,rgba(250,249,245,.98) 100%);
  }
  .hero-copy{
    padding:110px 22px 52px;
  }
  .hero h1{
    max-width:94%;
    color:#075b33;
    font-size:clamp(31px,9.2vw,38px);
    line-height:1.48;
    letter-spacing:.025em;
    font-weight:500;
    text-shadow:0 1px 0 rgba(255,255,255,.95),0 2px 12px rgba(255,255,255,.92),0 0 28px rgba(255,255,255,.72);
  }
  .hero-copy>p{
    align-self:flex-start;
    margin:16px 0 0;
    padding:6px 10px;
    background:rgba(255,255,255,.88);
    color:#0d3f2b;
    line-height:1.55;
  }
  .hero small{
    color:#173f2d;
    text-shadow:0 1px 8px rgba(255,255,255,.95);
  }
}

/* v2 mobile fixes */
.values header h2 .vertical-five{
  font:inherit;
  font-size:1em;
  font-weight:inherit;
  letter-spacing:0;
  text-combine-upright:all;
  -webkit-text-combine:horizontal;
}
@media(max-width:780px){
  .values header h2 .vertical-five{
    display:inline;
    writing-mode:inherit;
    text-orientation:inherit;
    font:inherit;
    font-size:1em;
    font-weight:inherit;
    letter-spacing:0;
    line-height:inherit;
    vertical-align:baseline;
    transform:none;
    text-combine-upright:all;
    -webkit-text-combine:horizontal;
  }
  .hero:after{
    background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(248,248,243,.34) 30%,rgba(248,248,243,.88) 60%,rgba(248,248,243,.98) 100%);
  }
  .hero-copy{padding:110px 22px 48px;}
  .hero h1{
    color:#07552f;
    font-size:clamp(30px,8.7vw,36px);
    line-height:1.5;
    letter-spacing:.015em;
    font-weight:600;
    text-shadow:0 1px 0 rgba(255,255,255,1),0 2px 10px rgba(255,255,255,.98),0 0 24px rgba(255,255,255,.9);
  }
}

/* =========================
   WIDE VIDEO
========================= */

.wide-photo {
    position: relative;
    width: 100%;
    height: 580px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.wide-photo video {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
    object-position: center center;
}


/* =========================
   TABLET
========================= */

@media screen and (max-width: 1024px) {

    .wide-photo {
        height: 480px;
    }

}


/* =========================
   MOBILE
========================= */

@media screen and (max-width: 767px) {

    .wide-photo {
        width: 100%;
        height: 360px;
    }

    .wide-photo video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

}

/* =================================
   ENTRY 背景動画
================================= */

.cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    /* 元の背景画像を消す */
    background-image: none !important;
}


/* MP4を背景全面に配置 */
.cta-bg-video {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;

    z-index: -2;
}


/* 今までのような緑のフィルター */
.cta::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(0, 100, 65, 0.65);

    z-index: -1;
    pointer-events: none;
}


/* 文字とボタンを最前面 */
.cta > span,
.cta > h2,
.cta > p,
.cta > a {
    position: relative;
    z-index: 1;
}