/* --------------------------------------------------- */
/*
/* マニュフェスト その他の取組み（共通）に使用
/* 下記ページにて適用
/*　https://www.docomo.ne.jp/area/nwpr/manifesto/2024/
/*　https://www.docomo.ne.jp/area/nwpr/manifesto/2025/
/*
/* --------------------------------------------------- */

/* nwpr-manifesto-other
-------------------------------------------*/

.nwpr-manifesto-sec:has(.nwpr-manifesto-other) {
  background: #f3f3f3;
}

.nwpr-manifesto-other .nwpr-manifesto-other-lists {
  display: flex;
  justify-content: center;
}

.nwpr-manifesto-other .nwpr-manifesto-other-link {
  display: block;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: left;
}

.nwpr-manifesto-other .nwpr-manifesto-other-link:hover,
.nwpr-manifesto-other .nwpr-manifesto-other-link:focus {
  color: #cc0033;
}

.nwpr-manifesto-other .nwpr-manifesto-other-link p {
  text-align: left;
}

@media (min-width: 768px) {
  .nwpr-manifesto-other .nwpr-manifesto-other-lists {
    column-gap: 34px;
    width: 100%;
  }

  .nwpr-manifesto-other .nwpr-manifesto-other-item {
    width: calc((100% - 102px) / 4);
  }

  .nwpr-manifesto-other .nwpr-manifesto-other-item figure > img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .nwpr-manifesto-other
    .nwpr-manifesto-other-scroll
    .nwpr-manifesto-other-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }
  .nwpr-manifesto-other .nwpr-manifesto-other-lists {
    column-gap: 20px;
    padding: 5px;
  }

  .nwpr-manifesto-other
    .nwpr-manifesto-other-lists:has(
      > .nwpr-manifesto-other-item:nth-child(4):last-child
    ) {
    width: calc((259px * 4 + 20px * 3));
  }

  .nwpr-manifesto-other
    .nwpr-manifesto-other-lists:has(
      > .nwpr-manifesto-other-item:nth-child(3):last-child
    ) {
    width: calc((259px * 3 + 20px * 2));
  }

  .nwpr-manifesto-other
    .nwpr-manifesto-other-lists:has(
      > .nwpr-manifesto-other-item:nth-child(2):last-child
    ) {
    width: calc((259px * 2 + 20px));
  }

  .nwpr-manifesto-other h2 img {
    width: calc(100% - 130px);
  }

  .nwpr-manifesto-other h2 .sub-ttl img {
    width: calc(100% - 200px);
  }

  .nwpr-manifesto-other
    .nwpr-manifesto-other-scroll
    .nwpr-manifesto-other-scroll-guide {
    display: block;
    margin: 10px 0 10px;
    text-align: right;
  }

  .nwpr-manifesto-other
    .nwpr-manifesto-other-scroll
    .nwpr-manifesto-other-scroll-guide
    .nwpr-manifesto-other-scroll-guide-icon {
    margin-right: 5px;
  }
}

/*コンテンツが追加されたら調整*/
@media (min-width: 598px) {
  .nwpr-manifesto-other
    .nwpr-manifesto-other-scroll
    .nwpr-manifesto-other-scroll-guide {
    display: none;
  }
}