@charset "UTF-8";
body {
  background-color: #ff008e;
}

.page-title__main {
  padding-top: 16px;
}
@media screen and (max-width: 767px) {
  .page-title__main {
    padding-top: 6px;
  }
}

@media screen and (min-width: 768px) {
  .copy {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1340px) {
  .copy {
    /* 幅1340px以下の場合の非表示 */
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-height: 660px) {
  .copy {
    /* 高さ660px以下の場合の非表示 */
    display: none;
  }
}

.scroll {
  position: fixed;
  right: 30px;
  font-family: "Noto Serif JP", serif;
  color: #ffffff;
  font-size: 13px;
  flex-direction: column;
  align-items: center;
  display: none;
  z-index: 99;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .scroll {
    display: flex;
    bottom: min(124px, 22%);
  }
}
.scroll.is-up {
  flex-direction: column-reverse;
  cursor: pointer;
}
.scroll.is-up svg {
  transform: rotate(-90deg);
  position: relative;
  top: 0;
  transition: top 0.3s ease;
}
.scroll.is-up:hover svg {
  top: -6px;
  transition: top 0.3s ease;
}
.scroll svg {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.scroll.fade {
  opacity: 0;
}

.news {
  position: relative;
  margin-bottom: 264px;
}
@media screen and (max-width: 767px) {
  .news {
    margin-bottom: 136px;
  }
}
.news__copyright {
  display: none;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  z-index: 10;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 1230px) {
  .news__copyright {
    display: block;
  }
}
.news__copyright-text {
  font-size: 1.1rem;
  font-family: "Noto Serif", serif;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: 0;
  color: #0d0d0d;
}

.single__content {
  background-color: #ff008e;
  border: none;
  outline: none;
  padding: 0 20px 59px;
}
.single__content p:not([class]) > a {
  color: #ffffff;
}
.single__content p:not([class]) > a[target=_blank]::after {
  background-image: url(../../images/page/icon-link-external-01-white.svg) !important;
}
.single__content ul.wp-block-list li > a {
  color: #ffffff;
}
.single__content ul.wp-block-list li > a[target=_blank]::after {
  background-image: url(../../images/page/icon-link-external-01-white.svg) !important;
}
.single__content ol.wp-block-list li > a {
  color: #ffffff;
}
.single__content ol.wp-block-list li > a[target=_blank]::after {
  background-image: url(../../images/page/icon-link-external-01-white.svg) !important;
}
.single__content .custom-remarks-section {
  background-color: #ffffff;
}
.single__content .custom-remarks-section p {
  color: #0d0d0d;
}
.single__content .custom-card__title {
  color: #ffffff;
}
.single__content figure.wp-block-flexible-table-block-table td {
  background-color: #ffffff;
}
.single__content .wp-element-caption a {
  color: #ffffff !important;
  text-decoration: underline;
  text-decoration-color: #ffffff;
  text-underline-offset: 2px;
  transition: text-decoration-color 0.2s;
}
.single__content .wp-element-caption a:hover {
  text-decoration: none;
}
.single__content .wp-element-caption a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url(../../images/page/icon-link-external-01-white.svg) !important;
  background-size: cover;
  margin-inline: 10px;
  vertical-align: middle;
}
.single__content .custom-profile-card {
  background-color: #ffffff;
}
.single__content .custom-lead::before {
  background-image: url(../../images/common/block-lead-icon-left-01-white.svg);
}
.single__content .custom-lead::after {
  background-image: url(../../images/common/block-lead-icon-right-01-white.svg);
}
.single__content .custom-download-button {
  background-color: #ffffff;
}
.single__content .custom-download-button:hover {
  background-color: #0d0d0d;
}

/* sparkle-stars */
.sparkle-stars {
  position: relative;
  top: 444px;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .sparkle-stars {
    display: none;
  }
}

@keyframes sparkle-pulse {
  0% {
    transform: scale(0.7);
    opacity: 1;
  }
  25% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    transform: scale(0);
    opacity: 0.8;
  }
  85% {
    transform: scale(0.2);
    opacity: 0.8;
  }
  100% {
    transform: scale(0.5);
    opacity: 1;
  }
}
.sparkle-star-wrapper {
  position: absolute;
  width: 100%;
}
.sparkle-star-wrapper.--01 {
  max-width: 30px;
  top: -28px;
  left: 14px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--01 {
    max-width: 48px;
    top: -4px;
    left: -90px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--01 {
    left: 16px;
  }
}
.sparkle-star-wrapper.--02 {
  max-width: 16px;
  top: -4px;
  left: 37px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--02 {
    max-width: 26px;
    top: 34px;
    left: -54px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--02 {
    top: 36px;
    left: 46px;
  }
}
.sparkle-star-wrapper.--03 {
  max-width: 25px;
  top: 423px;
  right: 8px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--03 {
    max-width: 52px;
    top: 294px;
    right: -116px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--03 {
    right: -26px;
  }
}
.sparkle-star-wrapper.--04 {
  max-width: 14px;
  top: 444px;
  right: 20px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--04 {
    max-width: 29px;
    top: 345px;
    right: -84px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--04 {
    right: -24px;
  }
}
.sparkle-star-wrapper.--05 {
  max-width: 25px;
  top: 679px;
  left: 15px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--05 {
    max-width: 61px;
    top: 841px;
    left: -108px;
  }
}
.sparkle-star-wrapper.--06 {
  max-width: 10px;
  top: 701px;
  left: 33px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--06 {
    max-width: 24px;
    top: 894px;
    left: -61px;
  }
}
.sparkle-star-wrapper.--07 {
  max-width: 10px;
  top: 712px;
  left: 12px;
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--07 {
    right: -26px;
  }
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--07 {
    max-width: 20px;
    top: 920px;
    left: -112px;
  }
}
.sparkle-star-wrapper.--08 {
  display: none;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--08 {
    display: block;
    max-width: 64px;
    top: 1133px;
    right: -116px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--08 {
    right: -28px;
  }
}
.sparkle-star-wrapper.--09 {
  display: none;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--09 {
    display: block;
    max-width: 21px;
    top: 1193px;
    right: -126px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--09 {
    right: -36px;
  }
}
.sparkle-star-wrapper.--10 {
  max-width: 41px;
  top: 1412px;
  left: 38px;
}
@media screen and (min-width: 768px) {
  .sparkle-star-wrapper.--10 {
    max-width: 65px;
    top: 1992px;
    left: -124px;
  }
}
@media screen and (min-width: 786px) and (max-width: 1080px) {
  .sparkle-star-wrapper.--10 {
    left: 16px;
  }
}

.sparkle-star {
  animation: sparkle-pulse 1.5s ease infinite;
  transform-origin: center center;
  display: inline-block;
}