/* =========================================================
   つきじ治作 — news ページ固有スタイル（抽出元: news/index.html の <style>）
   body名前空間: page-news / url(): css/pages/基準 ../../images/
   ========================================================= */
/* ── Background Images ── */
.lp-hero__image{background-image:url('../../images/visual11.webp');}
.lp-cta__bg{background-image:url('../../images/Img26182.jpg');}

/* ── News List ── */
.nw-list{margin-top:clamp(48px,6vw,80px);}
.nw-item{display:grid;grid-template-columns:auto auto 1fr;gap:0 clamp(16px,2vw,28px);align-items:baseline;padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px dotted rgba(184,147,90,.18);}
.nw-item:first-child{border-top:.5px solid rgba(184,147,90,.35);}
.nw-item__date{font-family:var(--en-body);font-style:italic;font-size:13px;letter-spacing:.06em;color:var(--caption);white-space:nowrap;}
.nw-item__cat{font-family:var(--serif);font-size:11px;letter-spacing:.1em;color:var(--gold);padding:2px 12px;border:.5px solid rgba(184,147,90,.25);white-space:nowrap;}
.nw-item__title{min-width:0;overflow-wrap:anywhere;font-family:var(--serif-display);font-weight:500;font-size:clamp(14px,1.2vw,17px);letter-spacing:.12em;line-height:1.6;color:var(--mute);}
.nw-item__title a{color:inherit;text-decoration:none;}
.nw-item__title a:hover{text-decoration:underline;text-decoration-color:var(--gold);}
.nw-item__excerpt{grid-column:3;min-width:0;overflow-wrap:anywhere;font-family:var(--serif);font-weight:300;font-size:12px;line-height:1.9;letter-spacing:.06em;color:var(--caption);margin-top:6px;}

@media(max-width:768px){
  .nw-item{grid-template-columns:1fr;gap:6px 0;}
  .nw-item__date{font-size:12px;}
  .nw-item__excerpt{grid-column:1;}
}

/* SP hero layout — stack H1 → crumb → image (mirrors lifeevent/children) */
@media (max-width:767px){
  .lp-hero{
    height:auto !important;min-height:0 !important;
    display:flex !important;flex-direction:column !important;
    padding-top:120px !important;
  }
  .lp-hero__content{
    position:relative !important;
    inset:auto !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    height:auto !important;
    padding:0 20px !important;
    order:1;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
  .lp-hero__crumb{
    position:relative !important;
    top:auto !important;left:auto !important;
    margin:10px 20px 0 !important;
    order:2;
  }
  .lp-hero__scrim{display:none !important;}
  .lp-hero__image{
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:55vh !important;
    margin-top:12px !important;
    order:3;
  }
}
/* シンプルHERO（会社情報と共通） — sp-hero / sp-breadcrumb */
.sp-hero{position:relative;height:320px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:48px;overflow:hidden;background:#1a2638;}
.sp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,38,56,.3) 0%,rgba(26,38,56,.85) 100%);}
.sp-hero__title{position:relative;z-index:1;text-align:center;}
.sp-hero__title h1{font-family:var(--serif-display);font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:.2em;color:var(--mute);margin:0 0 8px;}
.sp-hero__title .en{font-family:var(--en-serif);font-size:clamp(11px,1.2vw,14px);letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-style:italic;}
.sp-breadcrumb{padding:16px clamp(24px,8vw,120px);font-family:var(--serif);font-size:11px;letter-spacing:.15em;color:rgba(232,226,212,.4);}
.sp-breadcrumb a{color:rgba(232,226,212,.4);text-decoration:none;transition:color .3s;}
.sp-breadcrumb a:hover{color:var(--gold);}
.sp-breadcrumb span{margin:0 8px;}

/* 切れ目のない英文（移行記事の抜粋に空白が無いものがある）でも一覧が横に広がらないように（2026-09-28）。
   grid の子は既定で min-width:auto＝中身の最長語より縮まないため、min-width:0 と折り返しを入れた。 */
.nw-item > *{min-width:0;}