.page-hero.page-hero-photo{padding:0;background:#17211e;position:relative;overflow:hidden}.page-hero-layout{max-width:none;min-height:680px;display:flex;align-items:center;position:relative;isolation:isolate;padding:64px 8%}.page-hero-visual{position:absolute;inset:0;max-width:none;width:100%;height:100%;margin:0;padding:0;border:0;z-index:-2}.page-hero-visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 48%}.page-hero-layout:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,24,.83),rgba(9,20,24,.66) 30%,rgba(9,20,24,.15) 68%,rgba(9,20,24,.08))}.page-hero-copy{max-width:510px;width:44%;padding:12px 0}.page-hero-photo .page-title{color:white;font-weight:600;font-size:clamp(42px,5vw,72px);line-height:1.45;letter-spacing:.08em;text-shadow:0 2px 20px #0003}.page-hero-photo .lead{color:#fff;font-size:16px;line-height:2.1;margin-top:32px;text-shadow:0 1px 6px #0007}.page-hero-photo .crumbs,.page-hero-photo .crumbs a{color:#e1e8e9;font-size:13px}.page-hero-photo .label,.page-hero-photo .label b{color:#d0e8ec;letter-spacing:.2em}.page-hero-photo .label{margin:58px 0 20px}.page-hero-company .page-hero-visual img{object-position:center 66%}.page-hero-company .page-hero-layout:after{background:linear-gradient(90deg,rgba(9,20,24,.88),rgba(9,20,24,.75) 32%,rgba(9,20,24,.17) 70%)}.page-hero-recruit .page-hero-visual img{object-fit:cover;object-position:center 50%}.page-hero-recruit .page-hero-layout{align-items:flex-start;min-height:740px}.page-hero-recruit .page-hero-copy{width:100%;max-width:none;display:grid;grid-template-columns:1fr auto;align-items:start}.page-hero-recruit .crumbs{grid-column:1/-1}.page-hero-recruit .label{grid-column:1;margin:38px 0 14px}.page-hero-recruit .page-title{grid-column:1;margin:0}.page-hero-recruit .page-hero-layout:after{background:linear-gradient(180deg,rgba(9,20,24,.77),rgba(9,20,24,.28) 40%,rgba(9,20,24,.05) 70%,rgba(9,20,24,.4))}@media(min-width:1000px){.page-hero-company .page-hero-visual img{object-fit:cover;object-position:center 53%}}@media(max-width:700px){.page-hero-layout{min-height:720px;align-items:flex-end;padding:36px 24px}.page-hero-copy{max-width:none;width:100%}.page-hero-photo .page-title{font-size:42px}.page-hero-photo .label{margin:24px 0 12px}.page-hero-photo .lead{font-size:15px;margin-top:20px}.page-hero-layout:after,.page-hero-company .page-hero-layout:after{background:linear-gradient(180deg,rgba(9,20,24,.04),rgba(9,20,24,.12) 27%,rgba(9,20,24,.8) 60%,rgba(9,20,24,.94))}.page-hero-visual img{object-position:64% center}.page-hero-company .page-hero-visual img{object-position:center 65%}.page-hero-recruit .page-hero-layout{min-height:660px;padding-top:30px}.page-hero-recruit .page-hero-visual img{object-position:center}.page-hero-recruit .page-hero-copy{display:block}.page-hero-recruit .label{margin-top:28px}.page-hero-recruit .page-hero-layout:after{background:linear-gradient(180deg,rgba(9,20,24,.86),rgba(9,20,24,.5) 30%,rgba(9,20,24,.08) 58%,rgba(9,20,24,.18))}}
.page-hero-company .page-hero-visual img{object-position:center 62%}@media(max-width:700px){.page-hero-company .page-hero-visual img{object-position:center center}}

/* 被写体が欠けないように調整 */
.page-hero-service .page-hero-visual img{object-position:64% top}
.page-hero-company .page-hero-visual{background:url('../images/office-entrance.jpg') center/cover no-repeat}
.page-hero-company .page-hero-visual:before{content:"";position:absolute;inset:0;background:rgba(15,25,28,.5);backdrop-filter:blur(18px)}
.page-hero-company .page-hero-visual img{position:relative;object-fit:contain;object-position:85% center;mask-image:linear-gradient(90deg,transparent 30%,#000 52%);padding:24px 0}
@media(max-width:700px){.page-hero-company .page-hero-visual img{height:490px;object-position:center top;padding:0;mask-image:linear-gradient(#000 85%,transparent)}.page-hero-company .page-hero-layout:after{background:linear-gradient(180deg,rgba(9,20,24,.12),rgba(9,20,24,.12) 52%,rgba(9,20,24,.88) 74%,rgba(9,20,24,.96))}}

/* 顔の高さを調整し、入口写真の境界を背景になじませる */
@media(min-width:701px){.page-hero-service .page-hero-visual img{object-position:64% min(0px,calc(32px - 13.3vw))}}
.page-hero-company .page-hero-visual img{mask-image:none;padding:0;width:auto;height:calc(100% - 48px);position:absolute;right:10%;top:24px;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
@media(max-width:700px){.page-hero-company .page-hero-visual img{width:100%;height:490px;top:0;right:0;object-position:center top;mask-image:linear-gradient(180deg,#000 82%,transparent);mask-composite:add}}

/* ==========================================================================
   事業内容などページ先頭のリード文
   指定した3行（「うちの仕事です。」「軽作業の3つで、」で改行）を保つため、
   1文目が折り返さない字送りにする。2カラムになる幅では余白も詰める。
   ========================================================================== */
.page-hero-photo .lead{letter-spacing:0}
@media (min-width:701px) and (max-width:1000px){
  /* 文章側の幅を広げ、1文目が折り返さないようにする */
  .page-hero-copy{width:62%;max-width:560px}
  .page-hero-photo .lead{font-size:clamp(12px,1.75vw,16px)}
}
@media (max-width:700px){
  .page-hero-photo .lead{font-size:clamp(12px,3.2vw,16px)}
}