@charset "utf-8";

.masa-news-inner { width: calc(100% - 64px); }

.masa-news-list {
  border-top: 1px solid rgb(231, 223, 212);
  list-style: none;
  margin: 0;
  padding: 0;
}

.masa-news-row {
  align-items: center;
  border-bottom: 1px solid rgb(231, 223, 212);
  display: grid;
  gap: 12px;
  grid-template-columns: 112px 159px minmax(0, 1fr) 29px;
  min-height: 80px;
  transition: background 180ms ease;
}

.masa-news-row:hover {
  background: rgb(252, 250, 246);
}

.masa-news-row time {
  color: rgb(113, 108, 100);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  letter-spacing: 0.015em;
}

.masa-news-tag {
  background: rgb(247, 237, 217);
  border-radius: 3px;
  color: rgb(117, 100, 69);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  justify-self: start;
  line-height: 1.55;
  margin: 0;
  min-width: 86px;
  padding: 3px 9px 4px;
  text-align: center;
  white-space: nowrap;
}

.masa-news-title {
  color: rgb(48, 53, 47);
  font-size: 13px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.masa-news-arrow {
  color: rgb(155, 107, 45);
  font-family: Georgia, serif;
  font-size: 23px;
  justify-self: end;
  line-height: 1;
  transition: transform 180ms ease;
}

.masa-news-row:hover .masa-news-arrow {
  transform: translateX(4px);
}

.masa-news-pagination {
  align-items: center;
  color: rgb(87, 91, 84);
  display: flex;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  gap: 20px;
  justify-content: center;
  margin-top: 37px;
}

.masa-news-pagination a,
.masa-news-pagination span {
  align-items: center;
  display: inline-flex;
  height: 29px;
  justify-content: center;
  min-width: 18px;
}

.masa-news-pagination .is-current {
  background: rgb(38, 56, 42);
  border-radius: 2px;
  color: rgb(255, 255, 255);
  width: 28px;
}

@media (max-width: 900px) {
  .masa-news-row {
    grid-template-columns: 90px 140px minmax(0, 1fr) 25px;
  }
}

@media (max-width: 620px) {
  .masa-news-row {
    gap: 8px 10px;
    grid-template-areas: "date tag" "title title";
    grid-template-columns: 96px minmax(0, 1fr);
    min-height: 106px;
    padding: 14px 37px 14px 0;
    position: relative;
  }

  .masa-news-row time {
    grid-area: date;
  }

  .masa-news-tag {
    grid-area: tag;
  }

  .masa-news-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    grid-area: title;
    line-height: 1.7;
    white-space: normal;
  }

  .masa-news-arrow {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
  }

  .masa-news-row:hover .masa-news-arrow {
    transform: translate(4px, -50%);
  }

  .masa-news-pagination {
    gap: 16px;
  }
}

*{box-sizing:border-box}

/* Use the plan page's curved two-column hero without changing this page's copy. */
@media (min-width:768px){
  .masa-news-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:460px}
  .masa-news-hero-inner{align-self:center;grid-column:1;grid-row:1;margin:0;max-width:none;padding:64px 48px 64px max(24px,calc((100vw - 1100px) / 2));width:100%}
  .masa-news-hero-image{border-radius:9999px 0 0 9999px;grid-column:2;grid-row:1;height:auto;position:relative;width:100%}
  .masa-news-hero-image img{height:100%;object-position:center;transform:none;width:100%}
  .masa-news-hero-botanical{display:none}
}

.masa-news-row{padding-left:12px;padding-right:12px}
.masa-news-list-component .webgene-pagination{display:flex;justify-content:center;width:100%}
.masa-news-list-component .webgene-pagination>ul{align-items:center;gap:18px}
.masa-news-list-component .webgene-pagination>ul::before,.masa-news-list-component .webgene-pagination>ul::after{align-items:center;color:rgb(38,56,42);content:"‹";display:inline-flex;font-size:28px;height:32px;justify-content:center;line-height:1;width:24px}
.masa-news-list-component .webgene-pagination>ul::after{content:"›"}

#wgc-masa-news-list .masa-news-title{font-size:16px}
#wgc-masa-news-list .webgene-pagination>ul{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:fit-content}
#wgc-masa-news-list .webgene-pagination{margin-top:48px}

/* Match the plan, case, and features page header background. */
body:has(.masa-news-page) .top-header{background-color:rgb(41,58,44)}

*{box-sizing:border-box}

.masa-news-page{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255);color:rgb(51,58,52);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:0.045em;margin-left:16px;margin-right:16px}

.masa-news-page a{color:inherit;text-decoration:none}

.masa-news-hero{background-image:linear-gradient(90deg,rgba(249,247,242,0.98),rgba(248,245,239,0.86) 52%,rgba(255,255,255,0.68)),radial-gradient(circle at 18% 45%,rgb(255,255,255) 0%,rgb(241,236,227) 77%,rgb(236,229,218) 100%);background-position:0% 0%,0% 0%;background-size:auto,auto;background-repeat:repeat,repeat;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-attachment:scroll,scroll;background-color:transparent;background:linear-gradient(90deg,rgba(249,247,242,0.98),rgba(248,245,239,0.86) 52%,rgba(255,255,255,0.68)),radial-gradient(circle at 18% 45%,rgb(255,255,255) 0%,rgb(241,236,227) 77%,rgb(236,229,218) 100%);height:414px;margin-left:-16px;margin-right:-16px;overflow:hidden;position:relative}

.masa-news-hero-inner{height:100%;position:relative;z-index:2}

.masa-news-breadcrumb{color:rgb(140,133,124);display:flex;font-family:"Noto Sans JP",sans-serif;font-size:10px;gap:12px;padding-left:56px;padding-top:48px}

.masa-news-kicker{color:rgb(155,107,45);font-family:"Noto Sans JP",sans-serif;font-size:12px;letter-spacing:0.16em;margin-top:0px;margin-right:0px;margin-bottom:10px;margin-left:0px;margin:0px 0px 10px;text-transform:uppercase}

.masa-news-hero-image{border-radius:51%0 0 45%/61%0 0 34%;height:100%;overflow:hidden;position:absolute;right:0px;top:0px;width:57%;z-index:1}

.masa-news-hero-image img{display:block;filter:brightness(1.05) saturate(0.82) contrast(0.94);height:100%;object-fit:cover;object-position:center 54%;transform:scale(1.04);width:100%}

.masa-news-hero-botanical{bottom:-8px;left:calc(43% - 136px);pointer-events:none;position:absolute;width:170px;z-index:3}

.masa-news-row:hover .masa-news-arrow{transform:translateX(4px)}

.masa-news-pagination a,.masa-news-pagination span{align-items:center;display:inline-flex;height:29px;justify-content:center;min-width:18px}

.masa-news-pagination .is-current{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(38,56,42);background:rgb(38,56,42);border-radius:2px;color:rgb(255,255,255);width:28px}

.masa-news-list-component .webgene-pagination>ul{display:flex;justify-content:center;list-style:none;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:0px}

.masa-news-list-component .webgene-pagination>ul>li{list-style:none}

@media (max-width:900px){.masa-news-hero{height:590px}.masa-news-hero-inner{padding-left:0px;width:calc(100% - 44px)}.masa-news-breadcrumb{padding-left:0px;padding-top:28px}.masa-news-hero-copy{left:0px;top:112px}.masa-news-hero h1{font-size:39px}.masa-news-hero-image{border-radius:48%0 0 0/35%0 0 0;bottom:0px;height:325px;right:0px;top:auto;width:100%}.masa-news-hero-botanical{display:none}.masa-news-inner{width:calc(100% - 40px)}}

@media (max-width:620px){.masa-news-page{margin-left:10px;margin-right:10px}.masa-news-hero{margin-left:-10px;margin-right:-10px}.masa-news-hero-image{right:0px;width:100%}.masa-news-hero h1{font-size:34px}.masa-news-hero-copy>p:last-child{font-size:12px}.masa-news-list-section{padding-top:37px;padding-right:0px;padding-bottom:49px;padding-left:0px;padding:37px 0px 49px}.masa-news-row time{grid-area:date}.masa-news-row:hover .masa-news-arrow{transform:translate(4px,-50%)}}

@media (max-width:767px){.masa-news-page h1{font-size:32px}.masa-news-page h2{font-size:24px}}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}

/* Match the plan page's hero content alignment while keeping this page's rectangular photo. */
.masa-news-hero{background:#f5f0ea;height:auto;min-height:460px}
.masa-news-hero-inner{height:auto;margin:0 auto;max-width:1100px;padding:64px 48px;position:relative;z-index:2}
.masa-news-hero-copy{left:auto;max-width:460px;position:relative;top:auto}

@media (min-width:768px) and (max-width:1023px){.masa-news-hero{min-height:0}.masa-news-hero-inner{padding:48px 40px 36px}.masa-news-hero-copy{max-width:none}.masa-news-hero-image{bottom:auto;height:340px;position:relative;right:auto;top:auto;width:100%}}
@media (max-width:767px){.masa-news-hero{min-height:0}.masa-news-hero-inner{padding:40px 24px 32px}.masa-news-hero-copy{max-width:none}.masa-news-hero-image{bottom:auto;height:260px;position:relative;right:auto;top:auto;width:100%}}

*{box-sizing:border-box}

/* Final desktop precedence for the plan-style news hero and list controls. */
@media (min-width:768px){
  .masa-news-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:460px}
  .masa-news-hero-inner{align-self:center;grid-column:1;grid-row:1;margin:0;max-width:none;padding:64px 48px 64px max(24px,calc((100vw - 1100px) / 2));width:100%}
  .masa-news-hero-image{border-radius:9999px 0 0 9999px;grid-column:2;grid-row:1;height:auto;position:relative;width:100%}
  .masa-news-hero-image img{height:100%;object-position:center;transform:none;width:100%}
  .masa-news-hero-botanical{display:none}
}
.masa-news-row{padding-left:12px;padding-right:12px}
.masa-news-list-component .webgene-pagination{display:flex;justify-content:center;width:100%}
.masa-news-list-component .webgene-pagination>ul{align-items:center;gap:18px}
.masa-news-list-component .webgene-pagination>ul::before,.masa-news-list-component .webgene-pagination>ul::after{align-items:center;color:rgb(38,56,42);content:"‹";display:inline-flex;font-size:28px;height:32px;justify-content:center;line-height:1;width:24px}
.masa-news-list-component .webgene-pagination>ul::after{content:"›"}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}

*{box-sizing:border-box}