/* single.php 専用：必要クラスのみの軽量スタイル */

.news-container-wrapper {
  width: 100%;
  box-sizing: border-box;
  padding-block: clamp(50px, calc(20px + 8vw), 100px);
  padding-inline: var(--padding-20);
  background-image: url("../img/common/wave-short@2x.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}

.news-container2 {
  width: min(100%, var(--layout-content-max));
  margin-inline: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(24px, 4vw, 64px);
}

.news-title {
  width: auto;
  max-width: 594px;
  color: var(--mana-ocean-blue);
  font-family: var(--font-montserrat), sans-serif;
}

.news4 {
  width: 594px;
  max-width: 100%;
  margin: 0;
  font-size: var(--fs-18);
  line-height: var(--lh-36);
  letter-spacing: 0.2em;
  font-weight: 500;
}

.h123 {
  margin: 0;
  color: var(--mana-ocean-blue);
  font-size: var(--fs-42);
  line-height: var(--lh-72);
  letter-spacing: 0.2em;
  font-family: var(--font-m-plus-1p), sans-serif;
  font-weight: 200;
}

.suisai-04-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: min(100%, var(--width-300));
  padding-top: clamp(10px, 2vw, 24px);
}

.suisai-04-icon5 {
  width: 100%;
  max-width: min(100%, var(--width-300));
  height: auto;
  object-fit: contain;
  display: block;
}

.article-container-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 var(--padding-20) 100px;
  box-sizing: border-box;
}

.article-container {
  width: min(100%, var(--layout-content-inner-medium));
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 38px);
  color: var(--mana-dark-gray);
  font-family: var(--font-m-plus-1p), sans-serif;
}

.article-details-parent {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 3vw, 30px);
}

.article-details {
  display: flex;
  align-items: center;
  gap: var(--gap-20);
}

.b11 {
  margin: 0;
  letter-spacing: 0.1em;
  line-height: var(--lh-36);
  font-size: var(--fs-18);
}

.article-details .news-item__tag {
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  background-color: var(--mana-ocean-blue);
  color: var(--mana-Ivory1);
  font-size: var(--fs-16);
  letter-spacing: 0.2em;
  line-height: var(--lh-36);
  white-space: nowrap;
}

.parent46 {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vw, 26px);
}

.h338 {
  margin: 0;
  color: var(--mana-ocean-blue);
  font-size: var(--fs-30);
  line-height: var(--lh-60);
  letter-spacing: 0.2em;
  font-family: var(--font-biz-udpgothic), sans-serif;
}

.frame-child35 {
  width: 100%;
  border-top: 1px solid rgba(45, 168, 219, 0.45);
}

.article-content {
  display: flex;
  flex-direction: column;
  gap: clamp(24px, 4vw, 40px);
}

@media screen and (max-width: 1400px) {
  .news-container-wrapper {
    padding-inline: 64px;
  }
}

@media screen and (max-width: 925px) {
  .news-container-wrapper {
    padding-inline: 32px;
  }

  .news-container2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .suisai-04-wrapper {
    width: min(100%, 220px);
    align-self: flex-end;
    padding-top: 0;
  }
}

@media screen and (max-width: 900px) {
  .h123 {
    font-size: var(--fs-42);
    line-height: var(--lh-72);
  }

  .h338 {
    font-size: var(--fs-24);
    line-height: var(--lh-48);
  }
}