/* ===============================
# 共通
================================ */
.u-pc {
  display: none;
}

.u-sp {
  display: inline-block;
}

@media (min-width: 768px) {
  .u-pc {
    display: inline-block;
  }

  .u-sp {
    display: none;
  }
}
@media (min-width: 768px) {
  .modal-body {
    max-width: 800px;
  }
}


/* ===============================
# コンポーネント
================================ */
.c-info-btn {
  display: inline-block;
  max-width: calc(300 / 375 * 100vw);
  width: 100%;
  filter: drop-shadow(calc(5 / 375 * 100vw) calc(5 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.5));
}

.c-info-btn__link {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: calc(11 / 375 * 100vw) calc(20 / 375 * 100vw);
  background-image: url('/files/image/20th/info-btn-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #124634;
  font-size: calc(18 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(31 / 18);
  text-align: center;
  clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
  transition: filter 0.3s;
}

@media (any-hover: hover) {
  .c-info-btn__link:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }
}

@media (min-width: 768px) {
  .c-info-btn {
    max-width: min(calc(500 / 1200 * 100vw), 500px);
    filter: drop-shadow(min(calc(8 / 1200 * 100vw), 8px) min(calc(8 / 1200 * 100vw), 8px) min(calc(6 / 1200 * 100vw), 6px) rgba(0, 0, 0, 0.5));
  }

  .c-info-btn__link {
    padding: min(calc(17 / 1200 * 100vw), 19px) min(calc(30 / 1200 * 100vw), 30px);
    font-size: min(calc(30 / 1200 * 100vw), 30px);
    line-height: calc(52 / 30);
  }
}

/* c-list1 */
.c-list1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(40 / 375 * 100vw);
}

.c-list1__link {
  display: block;
  transition: filter 0.3s;
}

@media (any-hover: hover) {
  .c-list1__link:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }
}

.c-list1__img {
  display: block;
  margin-inline: auto;
  width: calc(160 / 375 * 100vw);
  object-fit: contain;
  filter: drop-shadow(calc(7 / 375 * 100vw) calc(7 / 375 * 100vw) calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.3));
  transition: filter 0.3s;
}

.c-list1__lead {
  margin-top: calc(12 / 375 * 100vw);
  color: #124634;
  font-size: calc(14 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(25 / 14);
  text-align: center;
}

.c-list1__title {
  margin-top: calc(4 / 375 * 100vw);
  color: #124634;
  font-size: calc(18 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(25 / 18);
  text-align: center;
}

@media (min-width: 768px) {
  .c-list1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    gap: min(calc(40 / 1200 * 100vw), 40px);
  }

  .c-list1__link {
    display: block;
  }

  .c-list1__img {
    width: min(calc(160 / 1200 * 100vw), 160px);
  }

  .c-list1__lead {
    margin-top: min(calc(12 / 1200 * 100vw), 12px);
    font-size: min(calc(13 / 1200 * 100vw), 13px);
    line-height: calc(25 / 13);
  }

  .c-list1__title {
    margin-top: min(calc(4 / 1200 * 100vw), 4px);
    font-size: min(calc(17 / 1200 * 100vw), 17px);
    line-height: calc(25 / 17);
  }
}

/* c-list2 */
.c-list2 {
  display: flex;
  /* grid-template-columns: 1fr; */
  gap: calc(10 / 375 * 100vw);
}

.c-list2__img {
  display: block;
  margin-inline: auto;
  width: calc(160 / 375 * 100vw);
  object-fit: contain;
  filter: blur(3px) drop-shadow(calc(7 / 375 * 100vw) calc(7 / 375 * 100vw) calc(5 / 375 * 100vw) rgba(0, 0, 0, 0.3));
}

@media (min-width: 768px) {
  .c-list2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: min(calc(70 / 1200 * 100vw), 70px);
  }
}

/* ===============================
# main
================================ */
.p-20th {
  margin: 0;
}

/* ===============================
# wrapper
================================ */
.l-wrapper {
  position: relative;
  z-index: 3;
}

.l-wrapper::before {
  display: none;
}

@media (min-width: 768px) {
  .l-wrapper::before {
    display: block;
    position: absolute;
    top: 1220px;
    left: calc(50% - min(calc(840 / 1200 * 100vw), 840px));
    z-index: 5;
    width: min(calc(433 / 1200 * 100vw), 433px);
    height: min(calc(214 / 1200 * 100vw), 214px);
    background-image: url('/files/image/20th/trial-bubble.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .l-wrapper::before {
    top: 800px;
  }
}

/* ===============================
# MV
================================ */
.p-20th-mv {
  position: relative;
  z-index: 1;
  margin-top: calc(8 / 375 * 100vw);
  height: calc(692 / 375 * 100vw);
  background-image: url('/files/image/20th/sp/mv-bg-sp.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.p-20th-mv__list {
  display: none;
}

.p-20th-mv__title {
  position: relative;
  z-index: 2;
  margin-inline: auto;
  padding-top: calc(80 / 375 * 100vw);
  width: calc(158 / 375 * 100vw);
}

.p-20th-mv__content {
  width: calc(335 / 375 * 100vw);
  margin-top: calc(-40 / 375 * 100vw);
  margin-inline: auto;
  padding: calc(40 / 375 * 100vw) calc(70 / 375 * 100vw) calc(55 / 375 * 100vw);
  background-image: url('/files/image/20th/sp/mv-leaf-sp.png');
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

.p-20th-mv__sub-title {
  color: #124634;
  font-size: calc(25 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(33 / 25);
  text-align: center;
}

.p-20th-mv__text {
  margin-top: calc(12 / 375 * 100vw);
  font-size: calc(14 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(20 / 14);
}

.p-20th-mv__bonolon {
  position: absolute;
  z-index: 3;
  bottom: calc(115 / 375 * 100vw);
  left: 50%;
  translate: -50% 0;
  width: calc(191 / 375 * 100vw);
  height: calc(237 / 375 * 100vw);
}

.p-20th-mv__bonolon img {
  width: 100%;
  height: auto;
}

/* MV PC */
@media (min-width: 768px) {
  .p-20th-mv {
    margin-top: 0;
    height: min(calc(1440 / 1200 * 100vw), 1440px);
    background-image: url('/files/image/20th/mv-bg-pc.jpg');
  }

  .p-20th-mv__list {
    display: flex;
    margin-inline: auto;
    max-width: 1200px;
    padding-inline: 40px;
    padding-top: min(calc(198 / 1200 * 100vw), 198px);
  }

  .p-20th-mv__item {
    position: relative;
  }

  .p-20th-mv__item:nth-child(n + 2)::before {
    display: inline-block;
    margin-inline: 4px;
    content: ">";
    font-size: clamp(10px, calc(14 / 1200 * 100vw), 14px);
    font-weight: 500;
    line-height: calc(24 / 14);
  }

  .p-20th-mv__link {
    font-size: clamp(10px, calc(14 / 1200 * 100vw), 14px);
    font-weight: 500;
    line-height: calc(24 / 14);
    transition: opacity 0.3s;
  }

  @media (any-hover: hover) {
    .p-20th-mv__link:hover {
      opacity: 0.7;
    }
  }

  .p-20th-mv__current {
    font-size: clamp(10px, calc(14 / 1200 * 100vw), 14px);
    font-weight: 500;
    line-height: calc(24 / 14);
  }

  .p-20th-mv__title {
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% 0;
    padding-top: min(calc(200 / 1200 * 100vw), 200px);
    width: min(calc(303 / 1200 * 100vw), 303px);
  }

  .p-20th-mv__content {
    width: min(calc(861 / 1200 * 100vw), 861px);
    margin-top: 0;
    padding: min(calc(286 / 1200 * 100vw), 286px) min(calc(140 / 1200 * 100vw), 140px) min(calc(100 / 1200 * 100vw), 100px);
    background-image: url('/files/image/20th/mv-leaf-pc.png');
  }

  .p-20th-mv__sub-title {
    font-size: min(calc(58 / 1200 * 100vw), 58px);
    line-height: calc(75 / 58);
  }

  .p-20th-mv__text {
    margin-top: min(calc(20 / 1200 * 100vw), 20px);
    padding-inline: min(calc(100 / 1200 * 100vw), 100px);
    font-size: min(calc(19 / 1200 * 100vw), 19px);
    line-height: calc(31 / 19);
    text-align: center;
  }

  .p-20th-mv__bonolon {
    bottom: min(calc(325 / 1200 * 100vw), 325px);
    left: 50%;
    translate: -50% 0;
    width: min(calc(374 / 1200 * 100vw), 374px);
    height: min(calc(450 / 1200 * 100vw), 450px);
  }
}

/* ===============================
# nav
================================ */
.p-20th-nav {
  position: absolute;
  top: calc(575 / 375 * 100vw);
  left: 50%;
  translate: -50% 0;
  z-index: 3;
}

.p-20th-nav__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(10 / 375 * 100vw);
}

.p-20th-nav__item {
  width: calc(89 / 375 * 100vw);
}

.p-20th-nav__link {
  display: block;
  transition: filter 0.3s;
}

@media (any-hover: hover) {
  .p-20th-nav__link:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }
}

.p-20th-nav__link img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* nav PC */
@media (min-width: 768px) {
  .p-20th-nav {
    top: min(calc(1120 / 1200 * 100vw), 1120px);
  }

  .p-20th-nav__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(calc(40 / 1200 * 100vw), 40px);
  }

  .p-20th-nav__item {
    width: min(calc(203 / 1200 * 100vw), 203px);
  }
}

/* ===============================
# trial
================================ */
.p-20th-trial {
  position: relative;
  z-index: 2;
  margin-top: calc(-50 / 375 * 100vw);
  padding-block: calc(60 / 375 * 100vw) calc(95 / 375 * 100vw);
  background-image: url('/files/image/20th/sp/trial-bg-sp.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.p-20th-trial__inner {
  padding-inline: calc(22 / 375 * 100vw);
}

.p-20th-trial__title {
  color: #124634;
  font-size: calc(22 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(38 / 22);
  text-align: center;
}

.p-20th-trial__lead {
  margin-top: calc(12 / 375 * 100vw);
  padding-inline: calc(20 / 375 * 100vw);
  color: #124634;
  font-size: calc(16 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(25 / 16);
}

.p-20th-trial__wrapper {
  position: relative;
  margin-top: calc(40 / 375 * 100vw);
}

.p-20th-trial__wrapper::after {
  position: absolute;
  top: calc(-42 / 375 * 100vw);
  right: calc(10 / 375 * 100vw);
  z-index: 5;
  width: calc(62 / 375 * 100vw);
  height: calc(79 / 375 * 100vw);
  background-image: url('/files/image/20th/trial-dog.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}

.p-20th-trial__content {
  position: relative;
}

.p-20th-trial__content::before {
  position: absolute;
  top: 0;
  left: calc(4 / 375 * 100vw);
  z-index: 1;
  border-radius: calc(45 / 375 * 100vw);
  width: 99.5%;
  height: 100%;
  content: '';
  box-shadow: calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) calc(8 / 375 * 100vw) rgba(0, 0, 0, 0.5);
}

.p-20th-trial__content::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border-radius: calc(45 / 375 * 100vw);
  width: 101%;
  height: 100%;
  background-image: url('/files/image/20th/sp/trial-content-sp.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}

.p-20th-trial__public {
  position: relative;
  z-index: 4;
  padding: calc(50 / 375 * 100vw) calc(20 / 375 * 100vw) calc(40 / 375 * 100vw);
}

.p-20th-trial__public-title {
  position: absolute;
  top: calc(-22 / 375 * 100vw);
  left: 50%;
  translate: -50% 0;
  width: calc(202 / 375 * 100vw);
}

.p-20th-trial__public-title img {
  width: 100%;
  object-fit: contain;
}

.p-20th-trial__public-period {
  color: #124634;
  font-size: calc(14 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(28 / 14);
  text-align: center;
}

.p-20th-trial__public-list {
  margin-top: calc(24 / 375 * 100vw);
}

.p-20th-trial__leaf1 {
  position: absolute;
  top: calc(-24 / 375 * 100vw);
  left: calc(-21 / 375 * 100vw);
  z-index: 2;
  width: calc(87 / 375 * 100vw);
  height: calc(1032 / 375 * 100vw);
}

.p-20th-trial__leaf2 {
  position: absolute;
  top: calc(50 / 375 * 100vw);
  right: calc(-20 / 375 * 100vw);
  z-index: 2;
  width: calc(56 / 375 * 100vw);
  height: calc(840 / 375 * 100vw);
}

.p-20th-trial__leaf3 {
  position: absolute;
  bottom: calc(-35 / 375 * 100vw);
  left: calc(-20 / 375 * 100vw);
  z-index: 2;
  width: calc(150 / 375 * 100vw);
  height: calc(447 / 375 * 100vw);
}

.p-20th-trial__leaf4 {
  position: absolute;
  bottom: calc(-20 / 375 * 100vw);
  right: calc(-20 / 375 * 100vw);
  z-index: 2;
  width: calc(119 / 375 * 100vw);
  height: calc(598 / 375 * 100vw);
}

.p-20th-trial__leaf1 img,
.p-20th-trial__leaf2 img,
.p-20th-trial__leaf3 img,
.p-20th-trial__leaf4 img {
  width: 100%;
  object-fit: contain;
  filter: drop-shadow(calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.5));
}

.p-20th-trial__soon {
  margin-top: calc(40 / 375 * 100vw);
}

.p-20th-trial__soon-title {
  margin-inline: auto;
  width: calc(127 / 375 * 100vw);
}

.p-20th-trial__soon-title img {
  width: 100%;
  object-fit: contain;
}

.p-20th-trial__soon-period {
  color: #124634;
  font-size: calc(14 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(28 / 14);
  text-align: center;
}

.p-20th-trial__soon-list {
  position: relative;
  margin-top: calc(28 / 375 * 100vw);
}

.p-20th-trial__soon-list::before {
  position: absolute;
  top: calc(200 / 375 * 100vw);
  left: 0;
  z-index: 1;
  width: calc(70 / 375 * 100vw);
  height: calc(88 / 375 * 100vw);
  background-image: url('/files/image/20th/trial-child.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}

.p-20th-trial__soon-list::after {
  display: none;
}

/* trial PC */
@media (min-width: 768px) {
  .p-20th-trial {
    margin-top: max(calc(-160 / 1200 * 100vw), -160px);
    padding-block: min(calc(110 / 1200 * 100vw), 110px) min(calc(280 / 1200 * 100vw), 280px);
    background-image: url('/files/image/20th/trial-bg-pc.png');
  }

  .p-20th-trial__inner {
    margin-inline: auto;
    max-width: min(calc(1296 / 1200 * 100vw), 1296px);
    width: 100%;
    padding-inline: min(calc(20 / 1200 * 100vw), 20px);
  }

  .p-20th-trial__head {
    margin-inline: auto;
    max-width: min(calc(700 / 1200 * 100vw), 700px);
    width: 100%;
  }

  .p-20th-trial__title {
    font-size: min(calc(48 / 1200 * 100vw), 48px);
    line-height: calc(84 / 48);
  }

  .p-20th-trial__lead {
    margin-top: min(calc(20 / 1200 * 100vw), 20px);
    padding-inline: 0;
    font-size: min(calc(16 / 1200 * 100vw), 16px);
    line-height: calc(40 / 16);
    text-align: center;
  }

  .p-20th-trial__wrapper {
    position: relative;
    margin-top: min(calc(80 / 1200 * 100vw), 80px);
  }

  .p-20th-trial__wrapper::after {
    top: max(calc(-250 / 1200 * 100vw), -250px);
    right: min(calc(50% - 480px), 50% - 480px);
    width: min(calc(129 / 1200 * 100vw), 129px);
    height: min(calc(162 / 1200 * 100vw), 162px);
  }

  .p-20th-trial__content {
    position: relative;
  }

  .p-20th-trial__content::before {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 1;
    border-radius: min(calc(68 / 1200 * 100vw), 68px);
    width: 99%;
    height: 99%;
    content: '';
    box-shadow: calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) calc(8 / 375 * 100vw) rgba(0, 0, 0, 0.5);
  }

  .p-20th-trial__content::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: min(calc(68 / 1200 * 100vw), 68px);
    width: 100%;
    height: 100%;
    background-image: url('/files/image/20th/trial-content-pc.png');
  }

  .p-20th-trial__public {
    padding: min(calc(105 / 1200 * 100vw), 105px) min(calc(20 / 1200 * 100vw), 20px) min(calc(53 / 1200 * 100vw), 53px);
  }

  .p-20th-trial__public-title {
    top: max(calc(-44 / 1200 * 100vw), -44px);
    width: min(calc(384 / 1200 * 100vw), 384px);
  }

  .p-20th-trial__public-period {
    font-size: min(calc(18 / 1200 * 100vw), 18px);
    line-height: calc(28 / 18);
  }

  .p-20th-trial__public-list {
    margin-top: min(calc(24 / 1200 * 100vw), 24px);
    margin-inline: auto;
    max-width: min(calc(1110 / 1200 * 100vw), 1110px);
  }

  .p-20th-trial__leaf1 {
    top: max(calc(-26 / 1200 * 100vw), -26px);
    left: max(calc(-30 / 1200 * 100vw), -30px);
    width: min(calc(172 / 1200 * 100vw), 172px);
    height: min(calc(262 / 1200 * 100vw), 262px);
  }

  .p-20th-trial__leaf2 {
    top: max(calc(-40 / 1200 * 100vw), -40px);
    right: max(calc(-44 / 1200 * 100vw), -44px);
    width: min(calc(268 / 1200 * 100vw), 268px);
    height: min(calc(176 / 1200 * 100vw), 176px);
  }

  .p-20th-trial__leaf3 {
    bottom: max(calc(-50 / 1200 * 100vw), -50px);
    left: min(calc(160 / 1200 * 100vw), 160px);
    width: min(calc(137 / 1200 * 100vw), 137px);
    height: min(calc(72 / 1200 * 100vw), 72px);
  }

  .p-20th-trial__leaf4 {
    bottom: max(calc(-50 / 1200 * 100vw), -50px);
    right: min(calc(220 / 1200 * 100vw), 220px);
    width: min(calc(142 / 1200 * 100vw), 142px);
    height: min(calc(85 / 1200 * 100vw), 85px);
  }

  .p-20th-trial__soon {
    margin-top: min(calc(50 / 1200 * 100vw), 50px);
  }

  .p-20th-trial__soon-title {
    width: min(calc(221 / 1200 * 100vw), 221px);
  }

  .p-20th-trial__soon-period {
    font-size: min(calc(18 / 1200 * 100vw), 18px);
    line-height: calc(28 / 18);
  }

  .p-20th-trial__soon-list {
    margin-top: min(calc(24 / 1200 * 100vw), 24px);
    margin-inline: auto;
    max-width: min(calc(1080 / 1200 * 100vw), 1080px);
  }

  .p-20th-trial__soon-list::before {
    top: max(calc(-90 / 1200 * 100vw), -90px);
    left: calc(50% - min(calc(750 / 1200 * 100vw), 750px));
    width: min(calc(110 / 1200 * 100vw), 110px);
    height: min(calc(138 / 1200 * 100vw), 138px);
  }

  .p-20th-trial__soon-list::after {
    display: block;
    position: absolute;
    top: max(calc(10 / 1200 * 100vw), 10px);
    left: calc(50% + min(calc(600 / 1200 * 100vw), 600px));
    z-index: 1;
    width: min(calc(126 / 1200 * 100vw), 126px);
    height: min(calc(235 / 1200 * 100vw), 235px);
    background-image: url('/files/image/20th/woman.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
  }
}

/* ===============================
# news
================================ */
.p-20th-news {
  position: relative;
  z-index: 3;
  margin-top: calc(-30 / 375 * 100vw);
  padding-block: calc(55 / 375 * 100vw) calc(90 / 375 * 100vw);
  background-image: url('/files/image/20th/sp/news-bg-sp.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.p-20th-news .c-list__item {
  font-size: calc(14 / 375 * 100vw);
  font-weight: 500;
}

.p-20th-news .p-20th-info__list {
  margin-top: calc(16 / 375 * 100vw);
}

.p-20th-news .p-20th-info__item {
  font-size: calc(14 / 375 * 100vw);
  border-color: #bbb;
}

.p-20th-news .p-20th-info__item:last-child {
  border-color: #bbb;
}

.p-20th-news .p-20th-info__item span:nth-child(2) {
  margin-bottom: 0;
}

.p-20th-news::before {
  position: absolute;
  top: calc(-50 / 375 * 100vw);
  left: calc(38 / 375 * 100vw);
  width: calc(81 / 375 * 100vw);
  height: calc(102 / 375 * 100vw);
  background-image: url('/files/image/20th/news-bird.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}

.p-20th-news::after {
  position: absolute;
  top: calc(-110 / 375 * 100vw);
  right: calc(20 / 375 * 100vw);
  width: calc(75 / 375 * 100vw);
  height: calc(141 / 375 * 100vw);
  background-image: url('/files/image/20th/woman.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}

.p-20th-news__inner {
  padding-inline: calc(20 / 375 * 100vw);
}

.p-20th-news__head {
  padding-inline: calc(17.5 / 375 * 100vw);
}

.p-20th-news__title {
  width: 100%;
}

.p-20th-news__lead {
  margin-top: calc(26 / 375 * 100vw);
  color: #124634;
  font-size: calc(16 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(25.5 / 16);
}

.p-20th-news__contents {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(65 / 375 * 100vw);
  margin-top: calc(60 / 375 * 100vw);
}

.p-20th-news__content {
  position: relative;
  border-radius: calc(10 / 375 * 100vw);
  padding: calc(55 / 375 * 100vw) calc(17.5 / 375 * 100vw) calc(40 / 375 * 100vw);
  background-color: #fff;
  box-shadow: calc(9 / 375 * 100vw) calc(9 / 375 * 100vw) calc(9 / 375 * 100vw) rgba(0, 0, 0, 0.5);
}

.p-20th-news__sub-title {
  position: absolute;
  top: calc(-20 / 375 * 100vw);
  left: 50%;
  translate: -50% 0;
  width: calc(180 / 375 * 100vw);
  height: calc(52 / 375 * 100vw);
  background-image: url('/files/image/20th/news-title-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #124634;
  font-size: calc(20 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(38 / 20);
  text-align: center;
}

.p-20th-news__list {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
}

.p-20th-news__item {
  border-top: 1px solid #000;
}

.p-20th-news__item:last-child {
  border-bottom: 1px solid #000;
}

.p-20th-news__item-head {
  position: relative;
  padding: calc(16 / 375 * 100vw) calc(50 / 375 * 100vw) calc(16 / 375 * 100vw) 0;
  cursor: pointer;
}

.p-20th-news__item-head::after {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: calc(43 / 375 * 100vw);
  height: calc(27 / 375 * 100vw);
  background-image: url('/files/image/20th/icon-plus.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  transition: all 0.3s;
}

.p-20th-news__item-head.is-open::after {
  background-image: url('/files/image/20th/icon-minus.png');
}

.p-20th-news__item-date {
  font-size: calc(16 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(25.5 / 16);
}

.p-20th-news__item-title {
  margin-left: calc(16 / 375 * 100vw);
  font-size: calc(16 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(25.5 / 16);
}

.p-20th-news__item-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  gap: calc(12 / 375 * 100vw);
  transition: grid-template-rows 0.5s;
}

.p-20th-news__item-wrapper.is-open {
  grid-template-rows: 1fr;
}

.p-20th-news__item-body {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(12 / 375 * 100vw);
}

.p-20th-news__item-body *:last-child {
  margin-bottom: calc(16 / 375 * 100vw);
}

.p-20th-news__item-img {
  display: block;
  margin-inline: auto;
  max-width: calc(250 / 375 * 100vw);
  width: 100%;
  max-height: calc(250 / 375 * 100vw);
  object-fit: contain;
}

.p-20th-news__item-text {
  margin: 0;
  font-size: calc(14 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(24.5 / 14);
}

/* news PC */
@media (min-width: 768px) {
  .p-20th-news {
    padding-block: min(calc(110 / 1200 * 100vw), 110px) min(calc(310 / 1200 * 100vw), 310px);
    background-image: url('/files/image/20th/news-bg-pc.png');
  }

  .p-20th-news .c-list__item {
    font-size: min(calc(14 / 1200 * 100vw), 14px);
  }

  .p-20th-news .p-20th-info__item {
    font-size: min(calc(14 / 1200 * 100vw), 14px);
    grid-template-columns: min(calc(60 / 1200 * 100vw), 130px) 1fr;
    padding: min(calc(16 / 1200 * 100vw), 16px) min(calc(20 / 1200 * 100vw), 20px);
    grid-template-areas: 
    "item1 item2"
    "empty item4";
  }
  .p-20th-news .item-1 { grid-area: item1; }
  .p-20th-news .item-2 { grid-area: item2; }
  .p-20th-news .item-3 { grid-area: item3; }
  .p-20th-news .item-4 { grid-area: item4; }

  .p-20th-news::before {
    top: min(calc(65 / 1200 * 100vw), 65px);
    left: calc(50% - min(calc(550 / 1200 * 100vw), 550px));
    width: min(calc(157 / 1200 * 100vw), 157px);
    height: min(calc(200 / 1200 * 100vw), 200px);
  }

  .p-20th-news::after {
    display: none;
  }

  .p-20th-news__inner {
    max-width: 1140px;
    margin-inline: auto;
    padding-inline: min(calc(40 / 1200 * 100vw), 40px);
  }

  .p-20th-news__head {
    margin-inline: auto;
    max-width: min(calc(680 / 1200 * 100vw), 680px);
    width: 100%;
    padding-inline: 0;
  }

  .p-20th-news__title {
    margin-inline: auto;
    max-width: min(calc(620 / 1200 * 100vw), 620px);
  }

  .p-20th-news__lead {
    margin-top: min(calc(30 / 1200 * 100vw), 30px);
    font-size: min(calc(16 / 1200 * 100vw), 16px);
    line-height: calc(40 / 16);
    text-align: center;
  }

  .p-20th-news__contents {
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: min(calc(70 / 1200 * 100vw), 70px);
    margin-top: min(calc(85 / 1200 * 100vw), 85px);
  }

  .p-20th-news__content {
    border-radius: min(calc(12 / 1200 * 100vw), 12px);
    padding: min(calc(75 / 1200 * 100vw), 75px) min(calc(47 / 1200 * 100vw), 47px) min(calc(40 / 1200 * 100vw), 40px);
    box-shadow: min(calc(10 / 1200 * 100vw), 10px) min(calc(10 / 1200 * 100vw), 10px) min(calc(10 / 1200 * 100vw), 10px) rgba(0, 0, 0, 0.5);
  }

  .p-20th-news__sub-title {
    top: min(calc(-39 / 1200 * 100vw), -39px);
    width: min(calc(280 / 1200 * 100vw), 280px);
    height: min(calc(80 / 1200 * 100vw), 80px);
    font-size: min(calc(38 / 1200 * 100vw), 38px);
    line-height: calc(55 / 38);
  }

  .p-20th-news__item-head {
    /* display: grid;
    grid-template-columns: min(calc(125 / 1200 * 100vw), 125px) 1fr;
    gap: min(calc(6 / 1200 * 100vw), 6px);
    align-items: start; */
    padding: min(calc(16 / 1200 * 100vw), 16px) min(calc(50 / 1200 * 100vw), 50px) min(calc(16 / 1200 * 100vw), 16px) min(calc(16 / 1200 * 100vw), 16px);
  }

  .p-20th-news__item-head::after {
    right: min(calc(8 / 1200 * 100vw), 8px);
    width: min(calc(43 / 1200 * 100vw), 43px);
    height: min(calc(27 / 1200 * 100vw), 27px);
  }

  .p-20th-news__item-date {
    font-size: min(calc(16 / 1200 * 100vw), 16px);
  }

  .p-20th-news__item-title {
    margin-left: 0;
    font-size: min(calc(16 / 1200 * 100vw), 16px);
  }

  .p-20th-news__item-wrapper {
    gap: min(calc(12 / 1200 * 100vw), 12px);
  }

  .p-20th-news__item-body {
    gap: min(calc(12 / 1200 * 100vw), 12px);
    padding-inline: min(calc(16 / 1200 * 100vw), 16px);
  }

  .p-20th-news__item-body *:last-child {
    margin-bottom: min(calc(16 / 1200 * 100vw), 16px);
  }

  .p-20th-news__item-img {
    max-width: min(calc(250 / 1200 * 100vw), 250px);
    max-height: min(calc(250 / 1200 * 100vw), 250px);
  }

  .p-20th-news__item-text {
    font-size: min(calc(14 / 1200 * 100vw), 14px);
  }
}

/* ===============================
# info
================================ */
.p-20th-info {
  position: relative;
  z-index: 4;
  margin-top: calc(-40 / 375 * 100vw);
  padding-block: calc(40 / 375 * 100vw) calc(50 / 375 * 100vw);
  background-image: url('/files/image/20th/sp/info-bg-sp.png');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.p-20th-info::after {
  display: none;
}

.p-20th-info__inner {
  padding-inline: calc(20 / 375 * 100vw);
}

.p-20th-info__wrapper {
  position: relative;
}

.p-20th-info__wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: calc(45 / 375 * 100vw);
  width: 99.5%;
  height: 100%;
  content: '';
  box-shadow: calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) calc(8 / 375 * 100vw) rgba(0, 0, 0, 0.5);
}

.p-20th-info__wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border-radius: calc(45 / 375 * 100vw);
  width: 100%;
  height: 100%;
  background-image: url('/files/image/20th/sp/info-content-sp.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}

.p-20th-info__content {
  position: relative;
  z-index: 4;
  padding: calc(30 / 375 * 100vw) calc(17.5 / 375 * 100vw) calc(20 / 375 * 100vw);
}

.p-20th-info__title {
  color: #124634;
  font-size: calc(22 / 375 * 100vw);
  font-weight: bold;
  line-height: calc(38.5 / 22);
  text-align: center;
}

.p-20th-info__lead {
  margin-top: calc(10 / 375 * 100vw);
  font-size: calc(16 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(25.5 / 16);
}

.p-20th-info__list {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: calc(36 / 375 * 100vw);
}

.p-20th-info__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(4 / 375 * 100vw);
  border-top: 1px solid #000;
  padding-block: calc(16 / 375 * 100vw);
  font-size: calc(16 / 375 * 100vw);
  font-weight: 500;
  line-height: calc(21 / 16);
}

.p-20th-info__item iframe {
  width: 100%;
  height: 300px;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .p-20th-info__item iframe {
    height: 200px;
  }
}

.p-20th-info__item:last-child {
  border-bottom: 1px solid #000;
}

.p-20th-info__item span:nth-child(2) {
  display: inline-block;
  margin-left: calc(16 / 375 * 100vw);
}

.p-20th-info__btn {
  margin-top: calc(30 / 375 * 100vw);
  text-align: center;
}

.p-20th-info__img {
  margin-inline: auto;
  width: calc(203 / 375 * 100vw);
}

.p-20th-info__img img {
  width: 100%;
}

.p-20th-info__leaf1 {
  position: absolute;
  top: calc(18 / 375 * 100vw);
  left: 0;
  z-index: 2;
  width: calc(86 / 375 * 100vw);
  height: calc(537 / 375 * 100vw);
}

.p-20th-info__leaf2 {
  position: absolute;
  top: calc(87 / 375 * 100vw);
  right: calc(2 / 375 * 100vw);
  z-index: 2;
  width: calc(57 / 375 * 100vw);
  height: calc(494 / 375 * 100vw);
}

.p-20th-info__leaf3 {
  position: absolute;
  bottom: calc(16 / 375 * 100vw);
  left: calc(5 / 375 * 100vw);
  z-index: 2;
  width: calc(147 / 375 * 100vw);
  height: calc(187 / 375 * 100vw);
}

.p-20th-info__leaf4 {
  position: absolute;
  bottom: calc(30 / 375 * 100vw);
  right: calc(3 / 375 * 100vw);
  z-index: 2;
  width: calc(116 / 375 * 100vw);
  height: calc(110 / 375 * 100vw);
}

.p-20th-info__leaf1 img,
.p-20th-info__leaf2 img,
.p-20th-info__leaf3 img,
.p-20th-info__leaf4 img {
  width: 100%;
  object-fit: contain;
  filter: drop-shadow(calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.5));
}

/* info PC */
@media (min-width: 768px) {
  .p-20th-info {
    margin-top: max(calc(-230 / 1200 * 100vw), -230px);
    padding-block: min(calc(165 / 1200 * 100vw), 165px) min(calc(155 / 1200 * 100vw), 155px);
    background-image: url('/files/image/20th/info-bg-pc.png');
  }

  .p-20th-info::after {
    display: block;
    position: absolute;
    top: 0;
    left: min(calc(50% + 610px), 50% + 610px);
    z-index: 5;
    width: min(calc(269 / 1200 * 100vw), 269px);
    height: min(calc(190 / 1200 * 100vw), 190px);
    background-image: url('/files/image/20th/info-bubble.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
  }

  .p-20th-info__inner {
    max-width: min(calc(1200 / 1200 * 100vw), 1200px);
    width: 100%;
    margin-inline: auto;
    padding-inline: min(calc(50 / 1200 * 100vw), 50px);
  }

  .p-20th-info__wrapper::before {
    border-radius: min(calc(68 / 1200 * 100vw), 68px);
    width: 99.5%;
    height: 99.5%;
    box-shadow: min(calc(10 / 1200 * 100vw), 10px) min(calc(10 / 1200 * 100vw), 10px) min(calc(10 / 1200 * 100vw), 10px) rgba(0, 0, 0, 0.5);
  }

  .p-20th-info__wrapper::after {
    border-radius: min(calc(68 / 1200 * 100vw), 68px);
    background-image: url('/files/image/20th/info-content-pc.png');
  }

  .p-20th-info__content {
    position: relative;
    z-index: 4;
    padding: min(calc(45 / 1200 * 100vw), 45px) min(calc(50 / 1200 * 100vw), 50px) min(calc(60 / 1200 * 100vw), 60px);
  }

  .p-20th-info__title {
    font-size: min(calc(48 / 1200 * 100vw), 48px);
    line-height: calc(84 / 48);
  }

  .p-20th-info__lead {
    margin-top: min(calc(16 / 1200 * 100vw), 16px);
    font-size: min(calc(16 / 1200 * 100vw), 16px);
    line-height: calc(40 / 16);
    text-align: center;
  }

  .p-20th-info__list {
    margin-top: min(calc(36 / 1200 * 100vw), 36px);
    margin-inline: auto;
    max-width: min(calc(800 / 1200 * 100vw), 526px);
    width: 100%;
  }

  .p-20th-info__item {
    grid-template-columns: min(calc(200 / 1200 * 100vw), 200px) 1fr;
    gap: min(calc(20 / 1200 * 100vw), 20px);
    padding: min(calc(16 / 1200 * 100vw), 16px) min(calc(40 / 1200 * 100vw), 40px);
    font-size: min(calc(16 / 1200 * 100vw), 16px);
  }

  .p-20th-info__item span:nth-child(2) {
    margin-left: 0;
  }

  /* .p-20th-info__item span:first-child {
    text-align-last: justify;
  } */

  .p-20th-info__btn {
    margin-top: min(calc(45 / 1200 * 100vw), 45px);
  }

  .p-20th-info__img {
    position: absolute;
    top: min(calc(237 / 1200 * 100vw), 237px);
    right: min(calc(50 / 1200 * 100vw), 50px);
    margin-inline: 0;
    width: min(calc(261 / 1200 * 100vw), 261px);
  }

  .p-20th-info__leaf1 {
    top: min(calc(125 / 1200 * 100vw), 125px);
    left: calc(50% - min(calc(575 / 1200 * 100vw), 575px));
    width: min(calc(562 / 1200 * 100vw), 562px);
    height: min(calc(273 / 1200 * 100vw), 273px);
  }

  .p-20th-info__leaf2 {
    top: min(calc(125 / 1200 * 100vw), 125px);
    right: calc(50% - min(calc(600 / 1200 * 100vw), 600px));
    width: min(calc(268 / 1200 * 100vw), 268px);
    height: min(calc(176 / 1200 * 100vw), 176px);
  }

  .p-20th-info__leaf3 {
    bottom: min(calc(110 / 1200 * 100vw), 110px);
    left: calc(50% - min(calc(600 / 1200 * 100vw), 600px));
    width: min(calc(330 / 1200 * 100vw), 330px);
    height: min(calc(258 / 1200 * 100vw), 258px);
  }

  .p-20th-info__leaf4 {
    bottom: min(calc(102 / 1200 * 100vw), 102px);
    right: calc(50% - min(calc(590 / 1200 * 100vw), 590px));
    width: min(calc(372 / 1200 * 100vw), 372px);
    height: min(calc(367 / 1200 * 100vw), 367px);
  }

}