/* =========================================================
   NEWS
   ========================================================= */
.news-page{
  --news-ink:#213d54;
  --news-blue:#21577d;
  --news-muted:#817a73;
  --news-line:#d9d5cf;
  --news-paper:#f5f2ee;
  --news-paper-deep:#ece7e1;
  color:#303438;
}
.news-inner{
  width:min(1080px, calc(100% - 48px));
  margin:0 auto;
}
.news-hero{
  margin:46px auto 0;
}
.news-hero__panel{
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:58px 74px 50px;
  background:linear-gradient(90deg,var(--news-paper-deep) 0%,var(--news-paper) 15%,var(--news-paper) 85%,var(--news-paper-deep) 100%);
}
.news-hero__ghost{
  position:absolute;
  right:42px;
  top:15px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:120px;
  line-height:1;
  color:rgba(33,61,84,.055);
  letter-spacing:.01em;
  user-select:none;
}
.news-kicker{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  line-height:1;
  letter-spacing:.2em;
  color:#8d867f;
}
.news-title{
  margin:0;
  font-family:Georgia,"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:52px;
  line-height:1;
  font-weight:400;
  color:var(--news-ink);
}
.news-title-ja{
  display:block;
  margin-top:12px;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:15px;
  letter-spacing:.13em;
  color:#736e69;
}
.news-intro{
  position:relative;
  z-index:1;
  margin:38px 0 0;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:16px;
  line-height:1.9;
  color:#4f4b48;
}
.news-section{
  padding:74px 0 90px;
}
.news-heading{
  display:grid;
  grid-template-columns:auto minmax(40px,1fr);
  gap:18px;
  align-items:end;
  margin-bottom:28px;
}
.news-heading__block{
  min-width:max-content;
}
.news-heading__en{
  display:block;
  margin-bottom:7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:10px;
  line-height:1;
  letter-spacing:.18em;
  color:#918a84;
}
.news-heading h2{
  margin:0;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:29px;
  line-height:1.15;
  font-weight:400;
  color:var(--news-ink);
  letter-spacing:.045em;
}
.news-heading__rule{
  height:1px;
  margin-bottom:16px;
  background:var(--news-line);
}
.news-list{
  border-top:1px solid var(--news-line);
}
.news-item{
  display:grid;
  grid-template-columns:120px 92px minmax(0,1fr) 24px;
  gap:18px;
  align-items:center;
  min-height:98px;
  padding:22px 4px;
  border-bottom:1px solid var(--news-line);
  text-decoration:none;
  color:inherit;
  transition:background .18s ease;
}
.news-item:hover{
  background:#faf8f5;
}
.news-date{
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  letter-spacing:.04em;
  color:#766f69;
}
.news-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 10px;
  border:1px solid #b8b0a8;
  font-size:10px;
  letter-spacing:.13em;
  color:#716a63;
  background:#fff;
}
.news-tag.media{
  border-color:#91a7b8;
  color:#3f6885;
}
.news-tag.release{
  border-color:#b7a68d;
  color:#7b684f;
}
.news-copy{
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:15px;
  line-height:1.8;
  letter-spacing:.02em;
}
.news-copy strong{
  font-weight:600;
  color:#293f50;
}
.news-arrow{
  justify-self:end;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  color:#9a938c;
}
.news-note{
  width:min(760px,100%);
  margin:48px auto 0;
  padding-top:22px;
  border-top:1px solid var(--news-line);
  font-size:12px;
  line-height:1.8;
  color:#817a73;
}
@media(max-width:760px){
  .news-inner{width:calc(100% - 30px)}
  .news-hero{margin-top:26px}
  .news-hero__panel{min-height:0;padding:40px 28px 38px}
  .news-hero__ghost{right:-12px;top:20px;font-size:72px}
  .news-title{font-size:40px}
  .news-intro{margin-top:30px;font-size:15px}
  .news-section{padding-top:60px}
  .news-item{
    grid-template-columns:1fr auto;
    grid-template-areas:"date tag" "copy copy";
    gap:9px 12px;
    padding:20px 2px;
  }
  .news-date{grid-area:date}
  .news-tag{grid-area:tag}
  .news-copy{grid-area:copy;font-size:14px}
  .news-arrow{display:none}
}

.news-tag.opinion{color:#7d3f75;border-color:rgba(125,63,117,.28);background:rgba(125,63,117,.05)}
.news-tag.news{color:#17486f;border-color:rgba(23,72,111,.24);background:rgba(23,72,111,.04)}
.news-date--unknown{color:#aaa;letter-spacing:.06em}