@charset "UTF-8";

.page-environment{background:#fff;color:#000;overflow-x:hidden}.page-environment main{position:relative}
.lower-header{position:fixed;z-index:20;inset:16px 24px auto;display:flex;justify-content:space-between;pointer-events:none}.lower-header a{pointer-events:auto}.page-title,.env-section{width:min(1120px,calc(100% - 40px));margin:auto}.page-title{padding:125px 0 83px}.env-section{position:relative;padding:70px 0 92px}.heading h2{font-size:36px;font-weight:500;line-height:1.7;letter-spacing:0}.heading p{margin-top:-5px;color:#939393;font:20px var(--font-en);letter-spacing:.05em;text-transform:uppercase}.note{margin:23px 0 42px;font-size:15px;line-height:32px}.paid-leave{margin-top:14px;min-height:178px;padding:27px 52px;display:grid;grid-template-columns:150px 280px 1fr;align-items:center;gap:22px;border:1px solid #ddd;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 4px 12px rgba(0,0,0,.05)}.paid-leave img{width:128px;height:105px;object-fit:contain}.paid-leave strong{background:linear-gradient(#f9ca70,#f08696);background-clip:text;color:transparent;font-size:27px}.paid-leave p{font-size:13px;line-height:2}.culture{padding-top:110px}.voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px}.voice-grid article{position:relative;min-height:260px;padding:29px 32px 27px 112px;border:1px solid #e6e6e6;border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 4px 12px rgba(0,0,0,.04)}.voice-card__icon{position:absolute;top:30px;left:27px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f9ca70,#f08696);opacity:.8}.voice-grid b{display:block;background:linear-gradient(#f9ca70,#f08696);background-clip:text;color:transparent;font:700 12px var(--font-en)}.voice-grid h3{margin-top:3px;font-size:18px;line-height:30px}.voice-grid small{display:block;margin-top:1px;color:#acacac;font-size:13px}.voice-grid p{margin:14px 0 0 -84px;font-size:13px;line-height:2.05;letter-spacing:.04em}.interview{padding-top:110px}.interview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.interview-grid article{position:relative;min-height:470px;padding:28px 27px;border:1px solid #ddd;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 4px 12px rgba(0,0,0,.05)}.interview-grid img{display:block;width:100%;height:230px;object-fit:contain}.interview-grid h3{margin-top:13px;font-size:17px;line-height:1.9}.interview-grid a{position:absolute;right:26px;bottom:24px;font:15px var(--font-en)}.related{padding-top:105px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.related-grid a{position:relative;min-height:240px;padding:34px 30px;border:1px solid #eee;border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 4px 12px rgba(0,0,0,.04)}.related-grid a:before{content:"";position:absolute;top:35px;left:27px;width:4px;height:50px;border-radius:2px;background:linear-gradient(#f9ca70,#f08696)}.related-grid b,.related-grid small,.related-grid span{display:block;padding-left:16px}.related-grid b{font-size:20px}.related-grid small{color:#939393;font:12px var(--font-en)}.related-grid span{margin-top:28px;font-size:14px;line-height:2}

@media(max-width:900px){.page-title,.env-section{width:calc(100% - 40px)}.page-title{padding:100px 0 64px}.env-section{padding:45px 0 68px}.heading h2{font-size:25px;line-height:40px}.heading p{font-size:13px;line-height:20px}.note{margin:14px 0 28px;font-size:12px;line-height:24px}.paid-leave{min-height:260px;padding:24px 20px;display:grid;grid-template-columns:90px 1fr;gap:5px 12px}.paid-leave img{width:86px;height:74px}.paid-leave strong{font-size:20px}.paid-leave p{grid-column:1/-1;font-size:11px;line-height:2}.culture,.interview,.related{padding-top:70px}.voice-grid{grid-template-columns:1fr;gap:10px}.voice-grid article{min-height:0;padding:22px 20px 22px 90px}.voice-card__icon{top:24px;left:19px;width:52px;height:52px}.voice-grid h3{font-size:15px;line-height:26px}.voice-grid small{font-size:11px}.voice-grid p{margin:12px 0 0 -70px;font-size:11px;line-height:2}.interview-grid{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.interview-grid article{flex:0 0 255px;min-height:390px;padding:20px;scroll-snap-align:start}.interview-grid img{height:190px}.interview-grid h3{font-size:15px}.related-grid{grid-template-columns:1fr;gap:10px;margin-top:28px}.related-grid a{min-height:190px}.page-environment .site-footer{margin-top:0}}/* NUMBERS: Figma nodes 1521:2411-2413,1521:2415-2448,1531:556-591{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
@media(min-width:550px){
  .related{padding-top:89.09px}
  .numbers{margin-top:-2.534px;padding-top:0px}
  .numbers .heading h2{position:relative;left:-2.5px;font-size:36px;line-height:36.4px}
  .numbers .heading p{margin-top:23.406px;font-size:20px;line-height:24px}
  .numbers .note{margin:30.51px 0 53.718px;font-size:15px;line-height:32px}
  .numbers .note strong{font-weight:600}
}

@media(max-width:549px){
  .numbers .note strong{font-weight:600}
}

/* CULTURE PC: 1531:592-594 / cards 1669:2804, 1669:2862, 1669:2874, 1669:2892, 1669:2910 */
@media(min-width:901px){
  .culture{padding-top:62.92px}
  .culture .heading h2{height:61px;font-family:var(--font-ja);font-size:36px;font-weight:500;line-height:60.4px;white-space:nowrap}
  .culture .heading p{height:24px;margin-top:17px;font-family:var(--font-en);font-size:20px;font-weight:400;line-height:normal;letter-spacing:1px}
  .culture>.note{width:606.73px;height:32px;margin:30.875px 0 50.606px;font-family:var(--font-ja);font-size:15px;font-weight:300;line-height:32px}
  .voice-grid{grid-template-columns:repeat(2,549.99px);column-gap:20.02px;row-gap:20.648px}
  .voice-grid article{position:relative;width:549.99px;height:286.001px;min-height:0;padding:0;overflow:hidden;border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12)}
  .voice-card__icon{position:absolute;top:39.475px;left:40.789px;width:74.484px;height:74.484px;border-radius:50%;opacity:1}
  .voice-grid b{position:absolute;top:31.295px;left:137.594px;width:127.969px;height:27.276px;background:linear-gradient(#f9ca70,#f08696);background-clip:text;color:transparent;font-family:var(--font-en);font-size:12px;font-weight:700;line-height:30px;letter-spacing:1px}
  .voice-grid h3{position:absolute;top:61.994px;left:136.594px;width:349.066px;height:35px;margin:0;font-family:var(--font-ja);font-size:18px;font-weight:600;line-height:30px;letter-spacing:1px;text-align:justify;white-space:nowrap}
  .voice-grid small{position:absolute;top:89.683px;left:137.594px;width:127.969px;height:27.276px;margin:0;color:#acacac;font-family:var(--font-ja);font-size:15px;font-weight:500;line-height:30px;letter-spacing:1px;text-align:justify}
  .voice-grid article>p{position:absolute;top:132.66px;left:40.789px;width:464.18px;height:119px;margin:0;overflow:hidden;font-family:var(--font-ja);font-size:15px;font-weight:300;line-height:30px;letter-spacing:1px;text-align:justify;text-overflow:ellipsis}
  .interview .heading h2{height:61px;font-family:var(--font-ja);font-size:36px;font-weight:500;line-height:60.4px;white-space:nowrap}
  .interview .heading p{height:24px;margin-top:17px;font-family:var(--font-en);font-size:20px;font-weight:400;line-height:normal;letter-spacing:1px}
  .interview>.note{height:32px;margin:30.875px 0 50.606px;font-family:var(--font-ja);font-size:15px;font-weight:300;line-height:32px}
  .interview-grid article{border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12)}
  .interview-grid img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.25) 86%,transparent 95%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.25) 86%,transparent 90%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
}

/* PAID LEAVE: PC 1531:576, 1521:2450-2451, 1634:2671-2673 / SP 2242:1904, 1682:662-667, 1809:525 */
@media(min-width:901px){
  .paid-leave{position:relative;display:block;width:100%;min-height:250.2px;margin-top:16.449px;padding:0;border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 5px 18px rgba(0,0,0,.1)}
  .paid-leave>img{position:absolute;top:61.263px;left:85.115px;width:224.588px;height:139.358px;object-fit:cover}
  .paid-leave>b{position:absolute;top:82.59px;left:372.766px;display:flex;align-items:center;justify-content:center;width:156.842px;height:40.346px;border:1px solid #000;border-radius:40px;font-family:var(--font-ja);font-size:16px;font-weight:500;line-height:18.757px}
  .paid-leave>h3{position:absolute;top:144.763px;left:368.746px;width:224.039px;height:37px;background:linear-gradient(#f9ca70,#f08696);background-clip:text;color:transparent;font-family:var(--font-ja);font-size:36px;font-weight:600;line-height:36.4px;text-align:center;white-space:nowrap}
  .paid-leave>p{position:absolute;top:61.263px;left:627.416px;width:415.963px;height:127px;margin:0;font-family:var(--font-ja);font-size:14.9px;font-weight:300;line-height:32px;letter-spacing:1px;text-align:justify}
.paid-leave>p strong{background:none;color:inherit;font-size:inherit;font-weight:600}
}

@media(max-width:900px){
  .paid-leave{position:relative;display:block;width:336px;min-height:426.09px;margin:20px 0 0 -.5px;padding:0;border:0;border-radius:14px;background:rgba(255,255,255,.7);box-shadow:0 5px 18px rgba(0,0,0,.1)}
  .paid-leave>img{position:absolute;top:79.469px;left:65.777px;width:192.281px;height:119.311px;object-fit:cover}
  .paid-leave>b{position:absolute;top:25px;left:88.434px;display:flex;align-items:center;justify-content:center;width:159.133px;height:36.927px;border:.915px solid #000;border-radius:36.611px;font-family:var(--font-ja);font-size:13px;font-weight:500;line-height:17.168px}
  .paid-leave>h3{position:absolute;top:198.637px;left:66px;width:204px;height:41px;background:linear-gradient(#f9ca70,#f08696);background-clip:text;color:transparent;font-family:var(--font-en);font-size:34px;font-weight:550;line-height:normal;text-align:left;white-space:nowrap}
  .paid-leave>p{position:absolute;top:257.493px;left:23.416px;width:289.168px;height:143.738px;margin:0;overflow:hidden;font-family:var(--font-ja);font-size:14px;font-weight:300;line-height:28px;letter-spacing:1px;text-align:justify;text-overflow:ellipsis}
  .paid-leave>p strong{background:none;color:inherit;font-size:inherit;font-weight:600}
}

@media(min-width:901px){.interview{padding-top:56px}}

/* NUMBERS SP: 2242:1910, 2242:1909, 2242:1908, 2242:1907, 2242:1906, 2242:1905, 2242:1904 */
@media(max-width:549px){
  .paid-leave{width:100%;height:426.09px;min-height:426.09px;margin-top:20px;margin-left:0}
  .paid-leave>img{left:calc(50% - 102.223px)}
  .paid-leave>b{left:calc(50% - 79.566px)}
  .paid-leave>h3{left:calc(50% - 102px)}
  .paid-leave>p{left:calc(50% - 144.584px)}
}



/* CULTURE tablet: identical to the PC cards except for the Voice label position. */
@media(min-width:768px) and (max-width:1023px){
  .page-environment .voice-grid{
    display:grid;
    width:100%;
    margin-left:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(16.4px,calc(-1.77px + 1.775vw),20.02px);
    row-gap:clamp(16.93px,calc(-1.76px + 1.825vw),20.648px);
  }
  .page-environment .voice-grid article,
  .page-environment .voice-grid article.is-active{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    padding:
      clamp(25.66px,calc(-2.62px + 2.762vw),31.295px)
      clamp(36.9px,calc(-4.13px + 4.007vw),45.073px)
      clamp(28.16px,calc(-2.88px + 3.031vw),34.343px)
      clamp(33.45px,calc(-3.39px + 3.598vw),40.789px);
    overflow:hidden;
    border:0;
    border-radius:20px;
    background:var(--shared-card-background);
    box-shadow:0 5px 18px rgba(0,0,0,.1);
  }
  .page-environment .voice-card__header{
    position:relative;
    display:grid;
    grid-template-columns:74.484px minmax(0,1fr);
    column-gap:clamp(18.3px,calc(-1.89px + 1.972vw),22.321px);
    align-items:center;
    height:auto;
    min-height:125px;
    padding-top:30px;
  }
  .page-environment .voice-card__icon{
    position:static;
    grid-column:1;
    grid-row:1;
    align-self:center;
    width:74.484px;
    height:74.484px;

  }
  .page-environment .voice-card__profile{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
  }
  .page-environment .voice-grid b{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    margin:0;
    font-family:var(--font-en);
    font-size:12px;
    font-weight:700;
    line-height:30px;
    letter-spacing:1px;
  }
  .page-environment .voice-grid h3,
  .page-environment .voice-grid small,
  .page-environment .voice-grid article>p{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
  }
  .page-environment .voice-grid h3{
    font-family:var(--font-ja);
    font-size:18px;
    font-weight:600;
    line-height:30px;
    letter-spacing:1px;
    text-align:justify;
  }
  .page-environment .voice-grid small{
    color:#acacac;
    font-family:var(--font-ja);
    font-size:15px;
    font-weight:500;
    line-height:30px;
    letter-spacing:1px;
  }
  .page-environment .voice-grid article>p{
    padding-top:15px;
    font-family:var(--font-ja);
    font-size:15px;
    font-weight:300;
    line-height:30px;
    letter-spacing:1px;
    text-align:justify;
    overflow-wrap:normal;
    word-break:normal;
  }
  .page-environment .voice-controls{display:none}
}

/* Keep the SP Culture composition fluid without fixed text boxes or line breaks. */
@media(max-width:767px){
  .page-environment .voice-grid{
    --culture-sp-scale:clamp(.9,calc(.721 + .0559vw),1.15);
    display:block;
    width:100%;
    margin-left:0;
  }
  .page-environment .voice-grid article{
    display:none;
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    padding:
      calc(28.736px * var(--culture-sp-scale))
      calc(21.789px * var(--culture-sp-scale))
      calc(25px * var(--culture-sp-scale));
    overflow:hidden;
    background:var(--shared-card-background);
  }
  .page-environment .voice-grid article.is-active{display:block}
  .page-environment .voice-card__header{
    position:relative;
    display:grid;
    grid-template-columns:calc(80.519px * var(--culture-sp-scale)) minmax(0,1fr);
    column-gap:calc(9.786px * var(--culture-sp-scale));
    align-items:center;
    height:auto;
    min-height:calc(125.355px * var(--culture-sp-scale));
    padding-top:calc(30px * var(--culture-sp-scale));
  }
  .page-environment .voice-card__icon{
    position:static;
    grid-column:1;
    grid-row:1;
    width:calc(80.519px * var(--culture-sp-scale));
    height:calc(80.519px * var(--culture-sp-scale));

  }
  .page-environment .voice-card__profile{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
  }
  .page-environment .voice-grid b{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    margin:0;
    font-size:calc(13px * var(--culture-sp-scale));
    line-height:calc(30px * var(--culture-sp-scale));
  }
  .page-environment .voice-grid h3,
  .page-environment .voice-grid small,
  .page-environment .voice-grid article>p{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
  }
  .page-environment .voice-grid h3{
    font-size:calc(16px * var(--culture-sp-scale));
    line-height:calc(28px * var(--culture-sp-scale));
  }
  .page-environment .voice-grid small{
    font-size:calc(14px * var(--culture-sp-scale));
    line-height:calc(30px * var(--culture-sp-scale));
  }
  .page-environment .voice-grid article>p{
    padding-top:calc(15px * var(--culture-sp-scale));
    font-size:calc(14px * var(--culture-sp-scale));
    line-height:calc(28px * var(--culture-sp-scale));
    overflow-wrap:normal;
    word-break:normal;
  }
}





/* Replaced by the whole-grid scaling rule below.

*/



@media(max-width:549px){
  .page-environment .paid-leave{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto;
    width:100%;
    height:auto;
    min-height:0;
    margin:20px 0 0;
    padding:25px 23.416px 24px;
    gap:18px;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.7);
    box-shadow:0 5px 18px rgba(0,0,0,.1);
  }
  .page-environment .paid-leave>b{
    position:static;
    grid-row:1;
    justify-self:center;
    width:159.133px;
    height:36.927px;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:.915px solid #000;
    border-radius:36.611px;
    font-family:var(--font-ja);
    font-size:13px;
    font-weight:500;
    line-height:17.168px;
  }
  .page-environment .paid-leave>img{
    position:static;
    grid-row:2;
    justify-self:center;
    width:192.281px;
    height:119.311px;
    margin:0;
  }
  .page-environment .paid-leave>h3{
    position:static;
    grid-row:3;
    justify-self:center;
    width:auto;
    height:auto;
    margin:0;
    background:linear-gradient(#f9ca70,#f08696);
    background-clip:text;
    color:transparent;
    font-family:var(--font-en);
    font-size:34px;
    font-weight:550;
    line-height:1.2;
    text-align:center;
    white-space:nowrap;
  }
  .page-environment .paid-leave>p{
    position:static;
    grid-row:4;
    width:100%;
    height:auto;
    margin:0;
    overflow:visible;
    font-family:var(--font-ja);
    font-size:14px;
    font-weight:300;
    line-height:28px;
    letter-spacing:1px;
    white-space:normal!important;
    overflow-wrap:break-word;
    text-align:justify;
    text-overflow:clip;
  }
}

/* Scale the complete 768px paid-leave composition as one unit down to 550px. */
@media(min-width:550px) and (max-width:767px){
  .page-environment .paid-leave{
    --paid-leave-scale:clamp(.7161,calc((100vw - (2 * var(--page-inline-gutter))) / 691.2px),1);
    width:691.2px;
    margin-right:0;
    margin-left:0;
    zoom:var(--paid-leave-scale);
  }
}



@media(max-width:599px){
  .culture .voice-grid{width:calc(100% + 1.5px);margin-left:-.5px}
  .paid-leave{width:calc(100% + 1px);margin-left:-.5px}
}

.voice-controls,.interview-controls,.interview-cta{display:none}

/* CULTURE SP: 1682:637-656 */
@media(max-width:900px){
  .numbers{padding-bottom:0}
  .culture{padding-top:70.45px;padding-bottom:0}
  .culture .heading h2{width:353px;height:80px;font-family:var(--font-ja);font-size:25px;font-weight:500;line-height:40px;letter-spacing:-1px}
  .culture .heading p{height:19px;margin-top:13.183px;font-family:var(--font-en);font-size:16px;font-weight:400;line-height:normal;letter-spacing:1px}
  .culture>.note{width:336px;height:auto;margin:20.5px 0 34.5px;font-family:var(--font-ja);font-size:14px;font-weight:300;line-height:30px}
  .voice-grid{display:block}
  .voice-grid article{display:none;position:relative;width:100%;height:338px;min-height:338px;padding:0;overflow:hidden;border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12)}
  .voice-grid article.is-active{display:block}
  .voice-card__icon{top:66.849px;left:21.789px;width:80.519px;height:80.519px;opacity:1}
  .voice-grid b{position:absolute;top:28.736px;left:21.789px;width:127.969px;height:27.276px;font-family:var(--font-en);font-size:13px;font-weight:700;line-height:30px;letter-spacing:1px}
  .voice-grid h3{position:absolute;top:69.091px;left:112.094px;width:206.5px;height:56px;margin:0;font-family:var(--font-ja);font-size:16px;font-weight:600;line-height:28px;letter-spacing:1px;text-align:justify;white-space:normal}
  .voice-grid small{position:absolute;top:124.091px;left:112.094px;width:127.969px;height:30px;margin:0;color:#acacac;font-family:var(--font-ja);font-size:14px;font-weight:500;line-height:30px;letter-spacing:1px}
  .voice-grid article>p{position:absolute;top:168.867px;left:21.789px;width:296.805px;height:143.738px;margin:0;overflow:hidden;font-family:var(--font-ja);font-size:14px;font-weight:300;line-height:28px;letter-spacing:1px;text-align:justify;text-overflow:ellipsis}
  .voice-controls{display:grid;grid-template-columns:95px 1fr 95px;align-items:center;width:280.15px;height:40px;margin:38.881px auto 0}
  .voice-controls button{position:relative;width:95px;height:40px;padding:0;border:1px solid #000;border-radius:20px;background:transparent}
  .voice-controls button span{position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:1px solid #000;border-right:1px solid #000}
  .voice-prev span{transform:translate(-35%,-50%) rotate(-135deg)}
  .voice-next span{transform:translate(-65%,-50%) rotate(45deg)}
  .voice-count{font-family:var(--font-en);font-size:14px;font-weight:400;line-height:40px;text-align:center}

  .interview{padding-top:78.46px}
  .interview .heading h2{width:353px;height:40px;font-family:var(--font-ja);font-size:25px;font-weight:500;line-height:40px;letter-spacing:-1px;white-space:nowrap}
  .interview .heading p{height:19px;margin-top:13.183px;font-family:var(--font-en);font-size:16px;font-weight:400;line-height:normal;letter-spacing:1px}
  .interview>.note{width:336px;height:auto;margin:20.5px 0 34.5px;font-family:var(--font-ja);font-size:14px;font-weight:300;line-height:30px}
  .interview-grid{display:flex;width:calc(100vw - 20px);gap:10.258px;margin:-18px 0 -22px -17.326px;padding:18px 22px 22px 18px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none}
  .interview-grid::-webkit-scrollbar{display:none}
  .interview-grid article{position:relative;flex:0 0 306.9px;width:306.9px;height:429.59px;min-height:429.59px;padding:0;overflow:hidden;border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12);scroll-snap-align:start}
  .interview-grid img{position:absolute;top:29.47px;left:39.332px;width:210.928px;height:210.928px;object-fit:contain;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.25) 86%,transparent 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.25) 86%,transparent 90%,transparent 100%)}
  .interview-grid .interview-summary-card__tag{top:231.476px;left:21.248px}
  .interview-grid h3{position:absolute;top:273.084px;left:21.248px;width:253.9px;height:90px;margin:0;font-family:var(--font-ja);font-size:16px;font-weight:600;line-height:30px}
  .interview-grid a{position:absolute;right:26.326px;bottom:21.732px;font-family:var(--font-en);font-size:16px;font-weight:400;line-height:35.758px;white-space:nowrap}
  .interview-controls{display:grid;grid-template-columns:156px 1fr;align-items:center;column-gap:27px;width:336px;height:32px;margin:29px 0 0}
  .interview-buttons{display:flex;gap:12px}
  .interview-buttons button{position:relative;width:72px;height:32px;padding:0;border:1px solid #000;border-radius:16px;background:transparent}
  .interview-buttons button span{position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:1px solid #000;border-right:1px solid #000}
  .interview-prev span{transform:translate(-35%,-50%) rotate(-135deg)}
  .interview-next span{transform:translate(-65%,-50%) rotate(45deg)}
  .interview-scrollbar{position:relative;width:153px;height:4px;border-radius:2px;background:#e3e3d8;touch-action:none}
  .interview-scrollbar__thumb{position:absolute;top:0;left:0;width:50px;height:4px;border-radius:2px;background:#aaa;cursor:grab;touch-action:none;transition:height .12s,top .12s}
  .interview-scrollbar__thumb.is-dragging{top:-2px;height:8px;cursor:grabbing}
  .interview-cta.gradient-button{margin:46px auto 0}
}

/* Shared section headings */
@media(min-width:901px){
  .numbers .heading h2,.culture .heading h2,.interview .heading h2{height:61px;font-family:var(--font-ja);font-size:36px;font-weight:500;line-height:60.4px;letter-spacing:0;white-space:nowrap}
  .numbers .heading p,.culture .heading p,.interview .heading p{height:24px;margin-top:17px;font-family:var(--font-en);font-size:20px;font-weight:400;line-height:normal;letter-spacing:1px}
  .numbers>.note,.culture>.note,.interview>.note{height:32px;margin:30.875px 0 50.606px;font-family:var(--font-ja);font-size:15px;font-weight:300;line-height:32px}
  .numbers>.note strong{font-weight:600}

  .interview-grid{display:grid;grid-template-columns:repeat(3,362.077px);gap:16.923px}
  .interview-grid article{position:relative;width:362.077px;height:518.292px;min-height:518.292px;padding:0;overflow:hidden;border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12)}
  .interview-grid img{position:absolute;width:auto;height:auto;margin:0;object-fit:contain;transform:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.25) 86%,transparent 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.25) 86%,transparent 90%,transparent 100%)}
  
  
  
  .interview-grid .interview-summary-card__tag{top:289.06px;left:29px}
  .interview-grid h3{position:absolute;top:336.06px;left:29px;width:312.949px;height:96px;margin:0;font-family:var(--font-ja);font-size:18px;font-weight:600;line-height:32px}
  .interview-grid a{position:absolute;right:33.362px;bottom:33.232px;font-family:var(--font-en);font-size:17.879px;font-weight:400;line-height:35.758px;white-space:nowrap}
}

@media(min-width:1024px){
  /* Match CONTACT's OTHER INTERVIEW layout: description and CTA share one grid row. */
  .page-environment .interview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .page-environment .interview>.heading{grid-column:1/-1;grid-row:1}
  .page-environment .interview>.note{grid-column:1;grid-row:2}
  .page-environment .interview>.interview-grid{grid-column:1/-1;grid-row:3}
  .page-environment .interview>.interview-controls{grid-column:1/-1;grid-row:4}
  .page-environment .interview>.interview-cta.gradient-button{position:static;grid-column:2;grid-row:2;align-self:end;margin:0}
}

@media(max-width:1023px){
  .interview-cta.gradient-button{position:static;top:auto;right:auto;margin:46px auto 0}
}

@media(max-width:900px){
  .page-title{padding-bottom:0}
  .numbers{padding-top:44.24125px}
  .numbers .heading h2,.culture .heading h2,.interview .heading h2{font-family:var(--font-ja);font-size:25px;font-weight:500;line-height:40px;letter-spacing:-1px}
  .numbers .heading p,.culture .heading p,.interview .heading p{height:19px;margin-top:13.183px;font-family:var(--font-en);font-size:16px;font-weight:400;line-height:normal;letter-spacing:1px}
  .numbers>.note,.culture>.note,.interview>.note{width:336px;height:auto;margin:20.5px 0 34.5px;font-family:var(--font-ja);font-size:14px;font-weight:300;line-height:30px}
  .numbers>.note strong{font-weight:600}
}

@media(max-width:549px){
  .page-environment main .numbers>.note{width:100%;max-width:none;white-space:normal!important;overflow-wrap:normal}
}

.interview-grid b,.interview-grid h3,.interview-grid a{z-index:2}
.interview-grid b,.interview-grid h3,.interview-grid article>a{z-index:2}

@media(min-width:901px){
  .related .heading h2{height:61px;font-family:var(--font-ja);font-size:36px;font-weight:500;line-height:60.4px;letter-spacing:0;white-space:nowrap}
  .related .heading h2 br{display:none}
  .related .heading p{height:24px;margin-top:17px;font-family:var(--font-en);font-size:20px;font-weight:400;line-height:normal;letter-spacing:1px}
  .related-grid{grid-template-columns:repeat(3,361px);justify-content:space-between;gap:0;margin-top:50.964px}
  .related-grid>a{width:361px;height:275.134px;min-height:0;padding:0}
  .related-grid>a::before{top:33.291px;left:30.5px;width:5px;height:50px;border-radius:1.5px}
  .related-grid b{position:absolute;top:25.157px;left:50.625px;padding:0;font-family:var(--font-ja);font-size:22px;font-weight:600;line-height:normal;letter-spacing:2.092px;white-space:nowrap}
  .related-grid small{position:absolute;top:68.098px;left:50.625px;padding:0;color:#939393;font-family:var(--font-en);font-size:12px;font-weight:400;line-height:normal;letter-spacing:1px;text-transform:uppercase}
  .related-grid .related-description{position:absolute;top:109.806px;left:30.5px;width:300px;margin:0;padding:0;font-family:var(--font-ja);font-size:16px;font-weight:300;line-height:32px;letter-spacing:1px}
  .related-grid .related-more{position:absolute;right:26px;bottom:20.277px}
}
@media(max-width:900px){
  .related{padding-top:29.35px}
  .related .heading h2{font-family:var(--font-ja);font-size:25px;font-weight:500;line-height:40px;letter-spacing:-1px}
  .related .heading h2 br{display:block}
  .related .heading p{height:19px;margin-top:13.183px;font-family:var(--font-en);font-size:16px;font-weight:400;line-height:normal;letter-spacing:1px}
  .related-grid{grid-template-columns:336px;gap:24.5px;margin-top:33px}
  .related-grid>a{position:relative;width:336px;height:242.5px;min-height:0;padding:0;border-radius:16px;background:rgba(255,255,255,.7)}
  .related-grid>a::before{top:34.314px;left:25.18px;width:4px;height:43.94px;border-radius:1.5px}
  .related-grid b{position:absolute;top:26.349px;left:43.926px;margin:0;padding:0;font-family:var(--font-ja);font-size:20px;font-weight:600;line-height:normal;letter-spacing:2.092px;white-space:nowrap}
  .related-grid small{position:absolute;top:68.25px;left:43.926px;margin:0;padding:0;color:#939393;font-family:var(--font-en);font-size:12px;font-weight:400;line-height:normal;letter-spacing:1px;text-transform:uppercase}
  .related-grid .related-description{position:absolute;top:101.251px;left:25.18px;width:285.644px;margin:0;padding:0;font-family:var(--font-ja);font-size:14px;font-weight:300;line-height:28px;letter-spacing:1px}
  .related-grid .related-more{position:absolute;right:25.178px;bottom:21.487px;width:108px;font-size:16px;font-weight:400;line-height:35.758px}
}
.related{padding-bottom:0}
.related-grid .related-more{display:flex;width:122px;margin:0;padding:0;align-items:center;justify-content:space-between;font-family:var(--font-en);font-size:17.879px;font-style:normal;font-weight:400;line-height:35.758px;white-space:nowrap}
.related-grid .related-more>span{display:inline-block;margin:0;padding:0;font-size:inherit;line-height:1}
.related-grid .related-more .ui-arrow{margin:0;padding:0}
@media(max-width:900px){.related-grid .related-more{width:108px;font-size:16px;line-height:36px}}
.related-grid a{border:0;border-radius:20px;background:rgba(255,255,255,.5);box-shadow:0 6px 22px rgba(0,0,0,.12)}

/* Preserve the existing SP/PC endpoints while removing the 900px jump. */
.page-environment .page-title {
  padding-top: clamp(100px, calc(91.2px + 2.35vw), 125px);
  padding-bottom: 0;
}
.page-environment .numbers {
  margin-top: 0;
  padding-top: clamp(44.241px, calc(31.487px + 3.401vw), 80.466px);
}

/* Paid-leave card: fixed artwork/headings with a fluid, wrapping body column. */
@media(min-width:901px){
  .page-environment .paid-leave{
    position:relative;
    display:grid;
    grid-template-columns:
      224.588px
      clamp(8px,calc(-89.72px + 9.543vw),47.7px)
      224.039px
      clamp(8px,calc(-89.72px + 9.543vw),47.7px)
      minmax(0,1fr);
    grid-template-rows:40.346px auto;
    width:100%;
    height:auto;
    min-height:250.2px;
    padding:61.263px clamp(40px,calc(-58.46px + 9.615vw),80px) 49px;
    align-items:start;
  }
  .page-environment .paid-leave>img{
    position:static;
    grid-column:1;
    grid-row:1 / 3;
    width:224.588px;
    height:139.358px;
    margin:0;
  }
  .page-environment .paid-leave>b{
    position:static;
    grid-column:3;
    grid-row:1;
    width:156.842px;
    height:40.346px;
    margin:21.327px auto 0;
  }
  .page-environment .paid-leave>h3{
    position:static;
    grid-column:3;
    grid-row:2;
    width:224.039px;
    height:37px;
    margin:20px 0 0;
  }
  .page-environment .paid-leave>p{
    position:static;
    grid-column:5;
    grid-row:1 / 3;
    width:auto;
    min-width:0;
    height:auto;
    margin:0;
    overflow:visible;
    white-space:normal!important;
    overflow-wrap:break-word;
  }
}

@media(max-width:900px){
  .page-environment .paid-leave{
    height:auto;
  }
  .page-environment .paid-leave>p{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    height:auto;
    margin:257.493px 23.416px 24px;
    overflow:visible;
    white-space:normal!important;
    overflow-wrap:break-word;
    text-overflow:clip;
  }
}

@media(min-width:550px) and (max-width:1023px){
  .page-environment .paid-leave{
    position:relative;
    display:grid;
    grid-template-columns:
      minmax(0,1fr)
      192.281px
      40px
      224.039px
      minmax(0,1fr);
    grid-template-rows:auto auto auto;
    width:100%;
    height:auto;
    min-height:0;
    padding:30.796px 32px 32px;
    row-gap:22px;
    column-gap:0;
    align-items:center;
    border:0;
    border-radius:20px;
    background:rgba(255,255,255,.5);
    box-shadow:0 5px 18px rgba(0,0,0,.1);
  }
  .page-environment .paid-leave>b{
    position:static;
    grid-column:1 / -1;
    grid-row:1;
    justify-self:center;
    width:156.842px;
    height:40.346px;
    margin:0;
    padding:0;
    border:1px solid #000;
    border-radius:40px;
    font-family:var(--font-ja);
    font-size:16px;
    font-weight:500;
    line-height:18.757px;
  }
  .page-environment .paid-leave>img{
    position:static;
    grid-column:2;
    grid-row:2;
    width:192.281px;
    height:119.311px;
    margin:0;
  }
  .page-environment .paid-leave>h3{
    position:static;
    grid-column:4;
    grid-row:2;
    align-self:center;
    width:224.039px;
    height:auto;
    margin:0;
    background:linear-gradient(#f9ca70,#f08696);
    background-clip:text;
    color:transparent;
    font-family:var(--font-ja);
    font-size:36px;
    font-weight:600;
    line-height:1.15;
    text-align:center;
  }
  .page-environment .paid-leave>p{
    position:static;
    grid-column:1 / -1;
    grid-row:3;
    justify-self:center;
    width:100%;
    max-width:none;
    height:auto;
    margin:0;
    overflow:visible;
    font-family:var(--font-ja);
    font-size:14.9px;
    font-weight:300;
    line-height:32px;
    letter-spacing:1px;
    white-space:normal!important;
    overflow-wrap:break-word;
    text-align:justify;
  }
}

/* Final SP paid-leave flow: keep the body directly below the preceding row. */
@media(max-width:549px){
  .page-environment .paid-leave{
    padding-right:24px;
    padding-left:24px;
  }
  .page-environment .paid-leave>p{
    position:static;
    grid-column:1;
    grid-row:4;
    width:100%;
    height:auto;
    margin:0;
  }
  .page-environment .paid-leave>h3,
  .page-environment .paid-leave>p{
    transform:translateY(-8px);
  }
}

/* Continuous spacing before the CULTURE and RELATED CONTENTS title groups. */
.page-environment .culture{
  padding-top:clamp(62.92px,calc(73.101px - .707vw),70.45px);
}
.page-environment .related{
  padding-top:clamp(29.35px,calc(8.316px + 5.609vw),89.09px);
}

/* CULTURE: two-column fluid cards from 1024px, using the NUMBERS card surface. */
@media(min-width:1024px){
  .page-environment .voice-grid{
    display:grid;
    width:100%;
    margin-left:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(16.4px,calc(-1.77px + 1.775vw),20.02px);
    row-gap:clamp(16.93px,calc(-1.76px + 1.825vw),20.648px);
  }
  .page-environment .voice-grid article{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    padding:
      clamp(25.66px,calc(-2.62px + 2.762vw),31.295px)
      clamp(36.9px,calc(-4.13px + 4.007vw),45.073px)
      clamp(28.16px,calc(-2.88px + 3.031vw),34.343px)
      clamp(33.45px,calc(-3.39px + 3.598vw),40.789px);
    overflow:hidden;
    border:0;
    border-radius:20px;
  }
  .page-environment .voice-card__header{
    display:grid;
    grid-template-columns:74.484px minmax(0,1fr);
    column-gap:clamp(18.3px,calc(-1.89px + 1.972vw),22.321px);
    align-items:center;
    height:auto;
    min-height:95px;
  }
  .page-environment .voice-card__icon{
    position:static;
    grid-column:1;
    grid-row:1;
    align-self:center;
  }
  .page-environment .voice-card__profile{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
  }
  .page-environment .voice-grid b,
  .page-environment .voice-grid h3,
  .page-environment .voice-grid small,
  .page-environment .voice-grid article>p{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    text-overflow:clip;
  }
  .page-environment .voice-grid b,
  .page-environment .voice-grid h3,
  .page-environment .voice-grid small{
    margin:0;
  }
  .page-environment .voice-grid h3{white-space:normal}
  .page-environment .voice-grid article>p{
    margin:0;
    padding-top:15px;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
  }
}

/* Keep the tablet Culture layout authoritative after the legacy SP/PC rules above. */
@media(min-width:768px) and (max-width:1023px){
  .page-environment .voice-grid{
    display:grid;
    width:100%;
    margin-left:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(16.4px,calc(-1.77px + 1.775vw),20.02px);
    row-gap:clamp(16.93px,calc(-1.76px + 1.825vw),20.648px);
  }
  .page-environment .voice-grid article,
  .page-environment .voice-grid article.is-active{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    padding:
      clamp(25.66px,calc(-2.62px + 2.762vw),31.295px)
      clamp(36.9px,calc(-4.13px + 4.007vw),45.073px)
      clamp(28.16px,calc(-2.88px + 3.031vw),34.343px)
      clamp(33.45px,calc(-3.39px + 3.598vw),40.789px);
    overflow:hidden;
    border:0;
    border-radius:20px;
    background:var(--shared-card-background);
    box-shadow:0 5px 18px rgba(0,0,0,.1);
  }
  .page-environment .voice-card__header{
    position:relative;
    display:grid;
    grid-template-columns:74.484px minmax(0,1fr);
    column-gap:clamp(18.3px,calc(-1.89px + 1.972vw),22.321px);
    align-items:center;
    height:auto;
    min-height:125px;
    padding-top:30px;
  }
  .page-environment .voice-card__icon{
    position:static;
    grid-column:1;
    grid-row:1;
    align-self:center;
    width:74.484px;
    height:74.484px;

  }
  .page-environment .voice-card__profile{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
  }
  .page-environment .voice-grid b{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    margin:0;
    font-family:var(--font-en);
    font-size:12px;
    font-weight:700;
    line-height:30px;
    letter-spacing:1px;
  }
  .page-environment .voice-grid h3,
  .page-environment .voice-grid small,
  .page-environment .voice-grid article>p{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
  }
  .page-environment .voice-grid h3{
    font-family:var(--font-ja);
    font-size:18px;
    font-weight:600;
    line-height:30px;
    letter-spacing:1px;
    text-align:justify;
  }
  .page-environment .voice-grid small{
    color:#acacac;
    font-family:var(--font-ja);
    font-size:15px;
    font-weight:500;
    line-height:30px;
    letter-spacing:1px;
  }
  .page-environment .voice-grid article>p{
    padding-top:15px;
    font-family:var(--font-ja);
    font-size:15px;
    font-weight:300;
    line-height:30px;
    letter-spacing:1px;
    text-align:justify;
    overflow-wrap:normal;
    word-break:normal;
  }
  .page-environment .voice-controls{display:none}
}

/* Final SP override: fluid version of the original single-card composition. */
@media(max-width:767px){
  .page-environment .voice-grid{
    --culture-sp-scale:clamp(.9,calc(.721 + .0559vw),1.15);
    --culture-sp-icon-slot:clamp(72.467px,calc(58.055px + 4.501vw),92.597px);
    display:block;
    width:100%;
    margin-left:0;
  }
  .page-environment .voice-grid article{
    display:none;
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    padding:
      clamp(25.862px,calc(20.722px + 1.606vw),33.046px)
      clamp(19.61px,calc(15.71px + 1.218vw),25.057px)
      clamp(22.5px,calc(18.025px + 1.398vw),28.75px);
    overflow:hidden;
    background:var(--shared-card-background);
  }
  .page-environment .voice-grid article.is-active{display:block}
  .page-environment .voice-card__header{
    position:relative;
    display:grid;
    grid-template-columns:var(--culture-sp-icon-slot) minmax(0,1fr);
    column-gap:clamp(11.807px,calc(10.056px + .547vw),14.254px);
    align-items:center;
    height:auto;
    min-height:clamp(112.82px,calc(90.377px + 7.006vw),144.158px);
    padding-top:clamp(27px,calc(21.63px + 1.677vw),34.5px);
  }
  .page-environment .voice-card__icon{
    position:static;
    grid-column:1;
    grid-row:1;
    justify-self:center;
    width:80.519px;
    height:80.519px;

    scale:var(--culture-sp-scale);
  }
  .page-environment .voice-card__profile{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    flex-direction:column;
    justify-content:center;
  }
  .page-environment .voice-grid b{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    margin:0;
    font-size:clamp(11.7px,calc(9.373px + .727vw),14.95px);
    line-height:clamp(27px,calc(21.63px + 1.677vw),34.5px);
  }
  .page-environment .voice-grid h3,
  .page-environment .voice-grid small,
  .page-environment .voice-grid article>p{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
  }
  .page-environment .voice-grid h3{font-size:clamp(14.4px,calc(11.536px + .894vw),18.4px);line-height:clamp(25.2px,calc(20.188px + 1.566vw),32.2px)}
  .page-environment .voice-grid small{font-size:clamp(12.6px,calc(10.094px + .783vw),16.1px);line-height:clamp(27px,calc(21.63px + 1.677vw),34.5px)}
  .page-environment .voice-grid article>p{
    padding-top:clamp(13.5px,calc(10.815px + .839vw),17.25px);
    font-size:clamp(12.6px,calc(10.094px + .783vw),16.1px);
    line-height:clamp(25.2px,calc(20.188px + 1.566vw),32.2px);
    overflow-wrap:normal;
    word-break:normal;
  }
}

/* Authoritative card gap shared with RELATED CONTENTS. */
.page-environment{
  --inpage-content-card-gap:clamp(33px,calc(22.604px + 2.772vw),50.964px);
}
body.page-environment :is(.numbers,.culture,.interview) > .note{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
  margin-right:0!important;
  margin-left:0!important;
  white-space:normal!important;
  overflow-wrap:normal;
  word-break:normal;
}
.page-environment .numbers > .number-grid,
.page-environment .culture > .voice-grid,
.page-environment .interview > .interview-grid{
  margin-top:var(--inpage-content-card-gap);
}
/* INTERVIEW PC: scale the complete 1440px composition as one unit. */
@media(min-width:1024px){
  .page-environment .interview{
    --interview-pc-scale:clamp(.8228,calc((100vw - (2 * var(--page-inline-gutter))) / 1120px),1);
  }
  .page-environment .interview-grid{
    display:grid;
    grid-template-columns:repeat(3,362.077px);
    gap:16.923px;
    width:1120px;
    margin-right:0;
    margin-left:0;
    zoom:var(--interview-pc-scale);
  }
  .page-environment .interview-controls{display:none}
}
/* Match section-to-section spacing to BENEFITS: INTRODUCTION copy -> HIGHLIGHT title. */
.page-environment{
  --environment-section-gap:clamp(90px,calc(65.352px + 6.573vw),160px);
}
body.page-environment :is(.numbers,.culture,.interview){
  padding-bottom:0!important;
}
body.page-environment :is(.culture,.interview,.related){
  padding-top:var(--environment-section-gap)!important;
}

/* INTERVIEW: one fluid carousel composition from SP through 1023px. */
@media(max-width:1023px){
  .page-environment .interview-grid{
    display:flex;
    box-sizing:border-box;
    width:100vw;
    gap:clamp(10.258px,calc(6.40094px + 1.028549vw),16.923px);
    margin:var(--inpage-content-card-gap) 0 -22px calc(50% - 50vw);
    padding:18px var(--page-inline-gutter) 22px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:auto;
    scroll-padding-inline:var(--page-inline-gutter);
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .page-environment .interview-grid::-webkit-scrollbar{display:none}
  .page-environment .interview-grid article{
    position:relative;
    display:block;
    flex:0 0 clamp(306.9px,calc(274.968866px + 8.514969vw),362.077px);
    width:clamp(306.9px,calc(274.968866px + 8.514969vw),362.077px);
    height:clamp(429.59px,calc(378.257824px + 13.68858vw),518.292px);
    min-height:clamp(429.59px,calc(378.257824px + 13.68858vw),518.292px);
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:20px;
    background:rgba(255,255,255,.5);
    box-shadow:0 6px 22px rgba(0,0,0,.12);
    scroll-snap-align:start;
  }
  .page-environment .interview-grid img{
    position:absolute;
    margin:0;
    object-fit:contain;
    transform:none;
  }
  
  
  
  
  .page-environment .interview-grid .interview-summary-card__tag{top:clamp(231.476px,calc(198.151926px + 8.88642vw),289.06px);left:clamp(21.248px,calc(16.761889px + 1.196296vw),29px)}
  .page-environment .interview-grid h3{
    position:absolute;
    top:clamp(273.084px,calc(236.639556px + 9.718519vw),336.06px);
    left:clamp(21.248px,calc(16.761889px + 1.196296vw),29px);
    width:clamp(253.9px,calc(219.728125px + 9.1125vw),312.949px);
    height:clamp(90px,calc(86.527778px + .925926vw),96px);
    margin:0;
    font-size:clamp(16px,calc(14.842593px + .308642vw),18px);
    line-height:clamp(30px,calc(28.842593px + .308642vw),32px);
  }
  .page-environment .interview-grid a{
    position:absolute;
    right:clamp(26.326px,calc(22.254241px + 1.085802vw),33.362px);
    bottom:clamp(21.732px,calc(15.076907px + 1.774691vw),33.232px);
    margin:0;
    font-size:clamp(16px,calc(14.912616px + .289969vw),17.879px);
    line-height:35.758px;
    white-space:nowrap;
  }
  .page-environment .interview-controls{
    display:grid;
    grid-template-columns:156px 153px;
    align-items:center;
    column-gap:27px;
    width:336px;
    height:32px;
    margin:29px 0 0;
    zoom:clamp(1,calc(.768519 + .061728vw),1.4);
  }
  .page-environment .interview-buttons{display:flex;gap:12px}
  .page-environment .interview-buttons button{
    position:relative;
    width:72px;
    height:32px;
    padding:0;
    border:1px solid #000;
    border-radius:16px;
    background:transparent;
  }
  .page-environment .interview-buttons button span{
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    border-top:1px solid #000;
    border-right:1px solid #000;
  }
  .page-environment .interview-prev span{
    transform:translate(-35%,-50%) rotate(-135deg);
  }
  .page-environment .interview-next span{
    transform:translate(-65%,-50%) rotate(45deg);
  }
  .page-environment .interview-scrollbar{
    position:relative;
    width:100%;
    height:4px;
    border-radius:2px;
    background:#e3e3d8;
    touch-action:none;
  }
  .page-environment .interview-scrollbar__thumb{
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:4px;
    border-radius:2px;
    background:#aaa;
    cursor:grab;
    touch-action:none;
    transition:height .12s,top .12s;
  }
  .page-environment .interview-scrollbar__thumb.is-dragging{
    top:-2px;
    height:8px;
    cursor:grabbing;
  }
}



/* Offset the carousel's 18px shadow buffer so the visible card gap matches the shared value. */
@media(max-width:900px){
  .page-environment .interview > .interview-grid{
    margin-top:calc(var(--inpage-content-card-gap) - 18px);
  }
}/* Images are replaceable in ACF: always fit the complete image{
  position:absolute; top:80px; left:50%; width:140px; height:105px;
  display:block; margin:0; overflow:visible; transform:translateX(-50%);
}


/* All metric cards share the same content-driven layout. */
.number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.number-grid article{display:grid;grid-template-rows:auto 105px auto 1fr;justify-items:center;align-content:start;gap:12px;min-width:0;padding:28px 16px 20px;text-align:center;border-radius:18px;background:rgba(255,255,255,.7)}
.number-grid article>b{max-width:100%;padding:5px 16px;border:1px solid #111;border-radius:40px;font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.number-grid .metric-illustration{display:block;width:140px;max-width:100%;height:105px}
.number-grid .metric-illustration img{display:block;width:100%;height:100%;object-fit:contain}
.number-grid strong{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 6px;max-width:100%;font-weight:500;line-height:1.2;overflow-wrap:anywhere}
.number-grid strong em{font-family:var(--font-en);font-size:clamp(36px,4.4vw,60px);font-weight:500;font-style:normal;background:linear-gradient(#f9ca70,#f08696);background-clip:text;color:transparent}
.number-grid strong small{font-size:clamp(16px,2vw,26px);font-weight:500}
.number-grid article>span:last-child{max-width:100%;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.page-environment .voice-card__icon{object-fit:contain}
@media(min-width:550px) and (max-width:900px){.number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:549px){
 .number-grid{grid-template-columns:1fr;gap:20px}
 .number-grid article{grid-template-columns:90px minmax(0,max-content);grid-template-rows:auto auto auto;justify-content:center;gap:4px 10px;padding:25px 18px 28px}
 .number-grid article>b{grid-column:1/-1;margin-bottom:14px}
 .number-grid .metric-illustration{grid-column:1;grid-row:2/4;width:90px;height:76px;align-self:center}
 .number-grid strong{grid-column:2;align-self:end;justify-self:start;justify-content:flex-start;flex-wrap:nowrap;gap:0 4px;line-height:1;letter-spacing:0;white-space:nowrap}
 .number-grid strong em{font-size:54px;font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase}
 .number-grid strong small{font-family:var(--font-ja);font-size:28px;font-weight:500;line-height:33.32px;letter-spacing:0}
 .number-grid article>span:last-child{grid-column:2;justify-self:start;font-size:13px;line-height:1.4;text-align:left}
 .number-grid article:nth-child(2)>strong,
 .number-grid article:nth-child(5)>strong{justify-self:stretch;justify-content:center}
 .number-grid article:nth-child(2)>span:last-child,
 .number-grid article:nth-child(5)>span:last-child{justify-self:stretch;text-align:center}
 .number-grid article:nth-child(5){column-gap:24px}
 .page-environment .paid-leave{row-gap:12px}
 .page-environment .paid-leave>h3{font-family:var(--font-ja);font-weight:500;transform:none}
 .page-environment .paid-leave>p{transform:none}
}

/* Keep the Figma type sizes on narrow phones by reducing only the artwork column. */
@media(max-width:359px){
 .number-grid article{grid-template-columns:64px minmax(0,max-content);column-gap:6px;padding-right:12px;padding-left:12px}
 .number-grid .metric-illustration{width:64px}
}

/* 人物・掲載順によらず、同じ画像枠と中央配置を使う。 */
.page-environment .interview-grid img{top:clamp(29.47px,calc(27.43px + .544vw),33px);left:50%;width:clamp(210.928px,calc(188.782167px + 5.905556vw),249.196px);height:clamp(210.928px,calc(188.782167px + 5.905556vw),249.196px);margin:0;object-fit:contain;transform:translateX(-50%)}