@charset "UTF-8";
sup {
  font-size: 75%;
  line-height: 1;
  margin-left: 0.25em;
  margin-right: 0.25em;
  vertical-align: middle;
  top: -0.5em;
  position: relative;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

.sbp-article-content {
  padding-inline: 30px;
}
@media only screen and (min-width: 769px) {
  .sbp-article-content {
    background-image: url("/sustainability/sustainability_project/images/bg-article.svg");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
  }
}
.sbp-article-content--wide {
  background-size: min(1580px, 100%);
}
.sbp-article-content--wide .sbp-article-container {
  max-width: 960px;
}

.sbp-article-container {
  width: 100%;
  max-width: 630px;
  margin-inline: auto;
}

.sbp-learn-content__outer--img {
  margin-top: 32px;
}
@media only screen and (min-width: 769px) {
  .sbp-learn-content__outer--img {
    background-image: url("/sustainability/sustainability_project/images/bg-learn.png");
    background-size: 100% auto;
    margin-top: 80px;
  }
}
.sbp-learn-content__outer--red {
  background-color: #DC000C;
}
.sbp-learn-content__outer--yellow {
  background-color: #F8F6ED;
}

.sbp-learn-content__inner {
  width: 100%;
  max-width: 690px;
  margin-inline: auto;
  padding: 48px 30px;
}
.sbp-learn-content__inner--img {
  padding-top: 0;
}
.sbp-learn-content__inner--img > .sbp-text-lead {
  margin-top: 32px;
}
.sbp-learn-content__inner--activity {
  padding: 48px 38px;
}
@media only screen and (min-width: 769px) {
  .sbp-learn-content__inner {
    padding: 80px 30px;
  }
  .sbp-learn-content__inner--img {
    padding-top: 0;
  }
  .sbp-learn-content__inner--point {
    padding: 64px 38px;
  }
  .sbp-learn-content__inner--activity {
    max-width: 1030px;
  }
}

.sbp-learn-content__innerProject {
  width: 100%;
  max-width: 690px;
  margin-inline: auto;
  padding: 48px 30px;
}
@media only screen and (min-width: 769px) {
  .sbp-learn-content__innerProject {
    max-width: 100%;
    width: 1030px;
    padding: 80px 0;
    margin: auto;
  }
}
.sbp-learn-content__innerProject > .sbp-heading-lv2 {
  margin-top: 0;
}
.sbp-learn-content__innerProject ._list-area_1nfa3_318 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  width: 314px;
}
@media only screen and (min-width: 769px) {
  .sbp-learn-content__innerProject ._list-area_1nfa3_318 {
    flex-direction: row;
    justify-content: center;
    gap: 18px;
    width: unset;
  }
}
.sbp-learn-content__innerProject ._list-area_1nfa3_318 ._list-item_13mpz_95 {
  opacity: 1;
}

.sbp-box-interview-others {
  margin: 74px calc(50% - 50vw) 0;
  padding: 42px calc(50vw - 50%) 40px;
  background-color: #FFEEEC;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others {
    margin: 80px 0 0;
    padding: 50px 40px 60px;
    border-radius: 10px;
  }
}

.sbp-box-interview-others__title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DC000C;
  font-size: 1.8rem;
  font-weight: 900;
}
.sbp-box-interview-others__title::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  background-image: url("/sustainability/sustainability_project/images/icon-pen.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__title {
    font-size: 2rem;
  }
  .sbp-box-interview-others__title::before {
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
}

.sbp-box-interview-others__linkList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 20px;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__linkList {
    gap: 30px;
    margin-top: 32px;
  }
}

.sbp-box-interview-others__link {
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
}
.sbp-box-interview-others__link:not(.sbp-box-interview-others__link--disabled) .sbp-box-interview-others__mediaContainer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__link:not(.sbp-box-interview-others__link--disabled) .sbp-box-interview-others__mediaContainer::after {
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
}
.sbp-box-interview-others__link:hover .sbp-box-interview-others__image, .sbp-box-interview-others__link:active .sbp-box-interview-others__image, .sbp-box-interview-others__link:focus-visible .sbp-box-interview-others__image {
  opacity: 1;
}
.sbp-box-interview-others__link:hover:not(.sbp-box-interview-others__link--disabled) .sbp-box-interview-others__mediaContainer::after, .sbp-box-interview-others__link:active:not(.sbp-box-interview-others__link--disabled) .sbp-box-interview-others__mediaContainer::after, .sbp-box-interview-others__link:focus-visible:not(.sbp-box-interview-others__link--disabled) .sbp-box-interview-others__mediaContainer::after {
  background-color: rgba(0, 0, 0, 0.3);
}

.sbp-box-interview-others__articleTitle {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #DC000C;
}
.sbp-box-interview-others__link--disabled .sbp-box-interview-others__articleTitle {
  color: #666;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__articleTitle {
    gap: 8px;
  }
}

.sbp-box-interview-others__articleSmallTitle {
  font-size: 1.4rem;
  line-height: 19px;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__articleSmallTitle {
    line-height: 1;
  }
}

.sbp-box-interview-others__articleBoldTitle {
  line-height: 22px;
  letter-spacing: 0.09em;
}

.sbp-box-interview-others__mediaContainer {
  position: relative;
  border: 2px solid #dc000c;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__mediaContainer {
    border: none;
    padding: 4px;
    background-image: url("/sustainability/sustainability_project/images/frame-interview-red.svg");
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
.sbp-box-interview-others__link--disabled .sbp-box-interview-others__mediaContainer {
  border: none;
}
.sbp-box-interview-others__link--disabled .sbp-box-interview-others__mediaContainer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D9D9D9;
  opacity: 0.3;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__link--disabled .sbp-box-interview-others__mediaContainer {
    background-image: url("/sustainability/sustainability_project/images/frame-interview-gray.svg");
  }
  .sbp-box-interview-others__link--disabled .sbp-box-interview-others__mediaContainer::after {
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
}

.sbp-box-interview-others__number {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 6px;
  border-radius: 2px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.09em;
  color: #DC000C;
  z-index: 1;
}
.sbp-box-interview-others__link--disabled .sbp-box-interview-others__number {
  color: #666;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview-others__number {
    font-size: 16px;
  }
}

.sbp-box-interview {
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
  margin-top: 60px;
  border: #DC000C 1px solid;
  border-radius: 8px;
  padding: 30px 24px;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview {
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 40px;
    padding: 24px;
  }
}

.sbp-box-interview__mediaContainer {
  flex-shrink: 0;
}

.sbp-box-interview__image {
  display: block;
  border-radius: 8px;
  margin-inline: auto;
  max-width: 100%;
}

.sbp-box-interview__title {
  color: #DC000C;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview__title {
    text-align: left;
  }
}

.sbp-box-interview__name {
  margin-top: 8px;
  text-align: center;
  letter-spacing: 0.09em;
  font-size: 1.4rem;
}
.sbp-box-interview__name--lg {
  font-size: 2rem;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview__name {
    text-align: left;
  }
}

.sbp-box-interview__text {
  margin-top: 20px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 769px) {
  .sbp-box-interview__text {
    margin-top: 1.2rem;
  }
}

.sbp-box-point {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}

.sbp-box-point__item {
  display: grid;
  grid-template-rows: subgrid;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  padding: 36px 32px;
  gap: 0;
}

.sbp-box-point__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #DC000C;
  text-align: center;
}

.sbp-box-point__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sbp-box-point__details {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.85;
  text-align: center;
  margin-top: 0;
}

.sbp-box-point__text {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
}
.sbp-box-point__text--number {
  font-size: 7.2rem;
}
.sbp-box-point__text--medium {
  font-size: 3rem;
}
.sbp-box-point__text + .sbp-box-point__details {
  margin-top: -8px;
}

@media only screen and (min-width: 769px) {
  .sbp-box-point {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 38px;
    gap: 12px;
  }
  .sbp-box-point__item {
    padding: 24px 16px;
    max-width: 300px;
  }
  .sbp-box-point__item--full {
    max-width: 100%;
  }
  .sbp-box-point__text {
    font-size: 3rem;
  }
  .sbp-box-point__text--number {
    font-size: 4.8rem;
  }
}
.sbp-box-voice {
  margin-top: 32px;
}

.sbp-box-voice__list {
  display: grid;
  gap: 16px;
  padding: 0 28px;
}

.sbp-box-voice__item {
  position: relative;
  display: grid;
  gap: 16px;
  border-radius: 10px;
  background-color: #FFEEEC;
  max-width: 100%;
  padding: 40px 16px 16px;
  margin-top: 23px;
}
.sbp-box-voice__item::before {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background-image: url("/sustainability/sustainability_project/learn/images/icon-megaphone.svg");
  width: 62px;
  height: 47px;
}

.sbp-box-voice__head {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.66;
  text-align: center;
}

.sbp-box-voice__body {
  background-color: #fff;
  border-radius: 10px;
  max-width: 100%;
  padding: 16px;
}

.sbp-box-voice__content {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
}

@media only screen and (min-width: 769px) {
  .sbp-box-voice {
    margin-top: 48px;
  }
  .sbp-box-voice__list {
    gap: 20px 70px;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
  .sbp-box-voice__item {
    max-width: 280px;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
  .sbp-box-voice__body {
    max-width: 248px;
  }
}
.sbp-heading-interview-lv1 {
  margin-top: 40px;
}
@media only screen and (min-width: 769px) {
  .sbp-heading-interview-lv1 {
    margin-top: 60px;
  }
}

.sbp-heading-interview-lv1__heading {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sbp-heading-interview-lv1__small {
  font-size: 1.6rem;
  line-height: 2.2;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 769px) {
  .sbp-heading-interview-lv1__small {
    font-size: 1.8rem;
  }
}

.sbp-heading-interview-lv1__title {
  position: relative;
  padding-bottom: 18px;
  font-size: 2.6rem;
  font-weight: 900;
  width: fit-content;
  letter-spacing: 0.08em;
  color: #DC000C;
  font-feature-settings: "palt";
}
.sbp-heading-interview-lv1__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #DC000C;
}
@media only screen and (min-width: 769px) {
  .sbp-heading-interview-lv1__title {
    font-size: 3rem;
    padding-bottom: 12px;
  }
}

.sbp-heading-lv1 {
  background-color: #DC000C;
  font-size: 2.8rem;
  font-weight: 700;
  color: #fff;
  padding: 24px 27px;
  width: 100%;
  margin: 0;
}

@media only screen and (min-width: 769px) {
  .sbp-heading-lv1 {
    font-size: 4rem;
    padding: 40px 80px;
  }
}
.sbp-heading-lv2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #DC000C;
  text-align: center;
  margin: 48px 0 0;
}
.sbp-heading-lv2--white {
  color: #fff;
  margin-top: 0;
}
.sbp-heading-lv2 + .sbp-text {
  margin-top: 24px;
}

@media only screen and (min-width: 769px) {
  .sbp-heading-lv2 {
    font-size: 3rem;
    line-height: 1.4;
    margin-top: 80px;
  }
  .sbp-heading-lv2--white {
    margin-top: 0;
  }
  .sbp-heading-lv2 + .sbp-text {
    margin-top: 48px;
  }
}
@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__play {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.sbp-form-checkbox__item:focus-visible + .sbp-form-checkbox__text::before {
  outline: 1px solid #DC000C;
}
.sbp-form-checkbox__item:checked + .sbp-form-checkbox__text::after {
  opacity: 1;
}

.sbp-form-checkbox__text {
  padding-left: 22px;
  position: relative;
}
.sbp-form-checkbox__text::before, .sbp-form-checkbox__text::after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
}
.sbp-form-checkbox__text::before {
  border: 1px solid #DC000C;
  border-radius: 2px;
  top: 5px;
  left: 0;
}
.sbp-form-checkbox__text::after {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23DC000C%22%3e%3cpath%20d%3d%22M97%2e9,16%2e4c2%2e8,2%2e8,2%2e8,7%2e3,0,10%2e1L40%2e8,83%2e6c%2d2%2e8,2%2e8%2d7%2e3,2%2e8%2d10%2e1,0L2%2e1,55c%2d2%2e8%2d2%2e8%2d2%2e8%2d7%2e3,0%2d10%2e1c2%2e8%2d2%2e8,7%2e3%2d2%2e8,10%2e1,0l23%2e3,23%2e5l52%2e3%2d52%2e1C90%2e6,13%2e6,95%2e1,13%2e6,97%2e9,16%2e4L97%2e9,16%2e4z%22%2f%3e%3c%2fsvg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transform: scale(0.7);
  top: 6px;
  left: 1px;
}

.sbp-link-anchor {
  margin-top: 24px;
  padding: 0 46px 0 30px;
}

.sbp-link-anchor__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sbp-link-anchor__text {
  font-weight: 700;
  max-width: fit-content;
  margin-left: 30px;
}

.sbp-link-anchor__item {
  position: relative;
}
.sbp-link-anchor__item::after {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  background-image: url("/sustainability/sustainability_project/images/icon-anchor-arrow.svg");
  height: 10px;
  width: 14px;
}

.sbp-link-anchor__link:hover .sbp-link-anchor__text, .sbp-link-anchor__link:active .sbp-link-anchor__text, .sbp-link-anchor__link:focus-visible .sbp-link-anchor__text {
  color: #DC000C;
  text-decoration: underline;
}

@media only screen and (min-width: 769px) {
  .sbp-link-anchor {
    margin-top: 24px;
    padding: 0 80px;
  }
  .sbp-link-anchor__list {
    flex-flow: row wrap;
    flex-direction: row;
    gap: 8px 24px;
  }
}
.sbp-link-button {
  padding: 50px 30px;
}

.sbp-link-button__link {
  display: block;
  position: relative;
  width: 100%;
  max-width: 278px;
  margin-inline: auto;
  padding: 18px;
  background-color: #DC000C;
  color: #fff !important;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  border-radius: 10px;
}
.sbp-link-button__link:hover, .sbp-link-button__link:active, .sbp-link-button__link:focus-visible {
  filter: brightness(1.08);
}
.sbp-link-button__link::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-50%) rotate(180deg);
  background-color: #fff;
  background-image: url("/sustainability/sustainability_project/images/icon-button-arrow.svg");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
@media only screen and (min-width: 769px) {
  .sbp-link-button__link {
    max-width: 333px;
    padding-block: 22px;
    font-size: 2rem;
  }
  .sbp-link-button__link::before {
    width: 24px;
    height: 24px;
    background-size: 20px;
  }
}

.sbp-link {
  font-size: 1.4rem;
  line-height: 2;
  background-image: url("/sustainability/sustainability_project/images/icon-arrowRed.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 26px;
  word-break: break-all;
}

.sbp-link__icon {
  position: relative;
}

.main-contents-csr-project .sbp-link:hover, .main-contents-csr-project .sbp-link:active, .main-contents-csr-project .sbp-link:focus-visible {
  color: #DC000C;
  text-decoration: underline;
}

.sbp-link-list {
  margin-top: 8px;
}

.sbp-list {
  display: grid;
  gap: 4px;
  margin-top: 32px;
}

.sbp-list__item {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  padding-left: 16px;
}
.sbp-list__item::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #333;
  border-radius: 50%;
  top: 0.7em;
  left: 0;
}

@media only screen and (min-width: 769px) {
  .sbp-list {
    margin-top: 40px;
  }
}
.sbp-list-note {
  display: grid;
  margin-top: 16px;
}
.sbp-list-note--white {
  color: #fff;
}

.sbp-list-note__item {
  display: flex;
  font-size: 1.2rem;
  gap: 4px;
  line-height: 1.6;
}

@media only screen and (min-width: 769px) {
  .sbp-list-note {
    margin-top: 8px;
  }
}
.sbp-media {
  margin-top: 32px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  text-align: center;
}

.sbp-media__caption {
  margin-top: 8px;
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6;
}

.sbp-media-layout {
  display: grid;
  gap: 16px;
  margin-top: 32px;
}
.sbp-media-layout__content > :first-child {
  margin-top: 0;
}
.sbp-media-layout__content > :last-child {
  margin-bottom: 0;
}

.sbp-media-layout__media-content {
  width: auto;
}

@media only screen and (min-width: 769px) {
  .sbp-media-layout {
    grid-template-columns: auto fit-content(50%);
    margin-top: 48px;
  }
}
.sbp-media-external {
  margin-top: 24px;
}

.sbp-media-external__media {
  aspect-ratio: 16/9;
  position: relative;
}

.sbp-media-external__item {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sbp-media-external {
    margin-top: 40px;
  }
}
.sbp-hr {
  display: block;
  width: 100%;
  margin-top: 40px;
  background-color: #DC000C;
  height: 1px;
  box-sizing: content-box;
  border: none;
}
.sbp-hr--gray {
  background-color: #EBEBEB;
  margin-top: 32px;
}

.sbp-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.sbp-panel__inner {
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #DC000C;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  position: relative;
}
.sbp-panel__inner::after {
  position: absolute;
  content: "";
  background-image: url("/sustainability/sustainability_project/images/icon-button-arrowRed.svg");
  height: 24px;
  width: 24px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.sbp-panel__content {
  padding-right: 31px;
}

.sbp-panel__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #DC000C;
}

.sbp-panel__description {
  font-size: 1.4rem;
  line-height: 1.85;
  letter-spacing: 0.06em;
  margin-top: 8px;
}

.sbp-panel__media {
  min-width: 80px;
}

@media only screen and (min-width: 769px) {
  .sbp-panel {
    margin-top: 48px;
  }
  .sbp-panel__inner {
    gap: 24px;
  }
  .sbp-panel__content {
    padding-right: 48px;
  }
  .sbp-panel__description {
    line-height: 2;
    letter-spacing: 0.08em;
  }
}
.sbp-text {
  margin-top: 20px;
}
.sbp-text + .sbp-text {
  margin-top: 40px;
}

.sbp-text__text {
  font-size: 1.4rem;
  line-height: 1.85;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 769px) {
  .sbp-text__text {
    line-height: 2;
    letter-spacing: 0.08em;
  }
}
.sbp-text__text--white {
  color: #fff;
}

.sbp-text-lead-type2 {
  margin-top: 40px;
}

.sbp-text-lead-type2__text {
  font-size: 1.8rem;
  line-height: 1.55;
  color: #DC000C;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 769px) {
  .sbp-text-lead-type2__text {
    line-height: 1.66;
  }
}

.sbp-text-lead {
  margin-top: 40px;
}
@media only screen and (min-width: 769px) {
  .sbp-text-lead {
    font-size: 1.6rem;
  }
}

.sbp-text-lead__text {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.08em;
}

@media only screen and (max-width: 768px) {
  .sp-hidden {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .pc-hidden {
    display: none;
  }
}

.sbp-carousel {
  margin-top: 30px;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .sbp-carousel {
    margin-top: 42px;
  }
}

.sbp-carousel__slide:not(.is-active) {
  opacity: 0.6;
}
@media only screen and (min-width: 769px) {
  .sbp-carousel__slide:not(.is-active) .sbp-carousel__image {
    transform: scale(0.9);
  }
}

.sbp-carousel__image {
  border-radius: 20px;
}

.sbp-carousel__arrows {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 769px) {
  .sbp-carousel__arrows {
    max-width: 630px;
    padding: 0;
  }
}

.sbp-carousel__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: filter 0.2s ease;
}
.sbp-carousel__arrow--prev {
  left: 0;
}
.sbp-carousel__arrow--next {
  right: 0;
}
@media only screen and (min-width: 769px) {
  .sbp-carousel__arrow--prev {
    left: -95px;
  }
  .sbp-carousel__arrow--next {
    right: -95px;
  }
}
.sbp-carousel__arrow:hover, .sbp-carousel__arrow:active, .sbp-carousel__arrow:focus-visible {
  filter: brightness(1.08);
}

.l-main {
  container-type: inline-size;
}

#statement {
  padding-bottom: 67px;
  min-height: auto;
}
#statement:has(.js-statement-viewMore__button.is-open) {
  min-height: 1538px;
}
@media only screen and (min-width: 769px) {
  #statement {
    padding-bottom: 55px;
  }
  #statement .illust-area .item-anime2 {
    top: 54px;
  }
  #statement .illust-area .item-icon1 {
    top: 70px;
    left: 120px;
  }
  #statement .illust-area .item-icon2 {
    top: 406px;
    left: 134px;
  }
  #statement .illust-area .item-icon3 {
    top: 406px;
  }
  #statement .illust-area .item-icon4 {
    top: 926px;
    left: 900px;
  }
  #statement .illust-area .item-icon6 {
    top: 1220px;
    left: -3px;
  }
  #statement .illust-area .item-icon7 {
    top: 1256px;
    left: 939px;
  }
  #statement .illust-area .item-anime1 {
    top: 234px;
    left: -32px;
  }
  #statement .illust-area .item-anime3 {
    top: 595px;
    left: 42px;
  }
  #statement .illust-area .item-anime4 {
    top: 813px;
    left: 0;
  }
  #statement .illust-area .item-anime5 {
    top: 573px;
    left: 969px;
  }
  #statement .illust-area .item-anime6 {
    top: 1052px;
    left: 105px;
  }
  #statement .illust-area .item-anime7 {
    top: 1377px;
  }
  #statement .illust-area .item-anime8 {
    left: 972px;
  }
  #statement .illust-area .item-anime10 {
    top: 1368px;
    left: 1046px;
  }
  #statement .illust-area .item-icon8,
  #statement .illust-area .item-anime11,
  #statement .illust-area .item-anime9,
  #statement .illust-area .item-anime13 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) ._list-item_13mpz_95 {
    min-height: auto;
  }
}
@media only screen and (min-width: 769px) {
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) {
    grid-template-rows: max-content auto auto;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) ._list-item-content_13mpz_224 {
    height: auto;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) ._list-item-inner_13mpz_710 {
    display: contents;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) .project-list-item,
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) ._list-item_13mpz_95 {
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) ._list-item_13mpz_95 {
    display: contents;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) .project-list-item {
    width: 244px;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: filter 0.2s ease;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) .project-list-item.is-shown {
    display: grid !important;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) .project-list-item ._list-item-header_13mpz_768 {
    grid-row: 1/2;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) .project-list-item ._list-item-content_13mpz_224 {
    grid-row: 2/3;
  }
  ._list-area_1nfa3_318:not(:has(.js-articleItem-body)) .project-list-item ._list-item-area_13mpz_498 {
    grid-row: 3/4;
  }
}

.illust-bg {
  overflow-y: clip;
}

._map-area-overlay-pin_1vced_190 {
  cursor: default !important;
}

.sbp-top-cm-area {
  background-color: #fff;
  padding: 0 38px 60px;
  margin-inline: calc(50% - 50cqi);
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area {
    padding: 55px 28px 80px;
  }
}

.sbp-top-cm-area__body {
  margin-inline: auto;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__body {
    width: 1000px;
  }
}

.sbp-top-cm-area__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  justify-content: center;
  color: #dc000c;
  font-size: 2.4rem;
  margin-top: 40px;
  font-weight: 900;
  font-feature-settings: "palt" on;
  letter-spacing: 1.76px;
}
.sbp-top-cm-area__title--pen::before {
  content: "";
  background-image: url("/sustainability/sustainability_project/images/project/icon-pen.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
}
.sbp-top-cm-area__title--camera {
  flex-direction: row;
}
.sbp-top-cm-area__title--camera::before {
  content: "";
  background-image: url("/sustainability/sustainability_project/images/project/icon-camera.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 37px;
  height: 28px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__title {
    flex-direction: row;
    margin-top: 44px;
  }
}

.sbp-top-cm-area__subTitle {
  font-size: 1.6rem;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__subTitle {
    font-size: 2.4rem;
  }
}

.sbp-top-cm-area__panelWrap {
  display: grid;
  justify-content: center;
  gap: 16px;
  margin-top: 20px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panelWrap {
    gap: 30px;
    margin-top: 40px;
  }
}

.sbp-top-cm-area__panel {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panel {
    gap: 20px;
  }
}
.sbp-top-cm-area__panel:hover, .sbp-top-cm-area__panel:active, .sbp-top-cm-area__panel:focus-visible {
  opacity: 1;
}
.sbp-top-cm-area__panel:hover .sbp-top-cm-area__panelMedia::before, .sbp-top-cm-area__panel:active .sbp-top-cm-area__panelMedia::before, .sbp-top-cm-area__panel:focus-visible .sbp-top-cm-area__panelMedia::before {
  background-color: rgba(0, 0, 0, 0.3);
}

.sbp-top-cm-area__panelTitle {
  font-size: 1.4rem;
  font-weight: 700;
  color: #dc000c;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panelTitle {
    font-size: 1.6rem;
  }
}

.sbp-top-cm-area__panelTitleSub {
  display: block;
  margin-bottom: 8px;
  font-size: 1.2rem;
  font-weight: 500;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panelTitleSub {
    font-size: 1.3rem;
  }
}

.sbp-top-cm-area__panelMedia {
  position: relative;
  width: fit-content;
  margin-inline: auto;
}
.sbp-top-cm-area__panelMedia::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.2s ease;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panelMedia::before {
    inset: 9px;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
  }
}

@media only screen and (max-width: 768px) {
  .sbp-top-cm-area__panelMediaItem {
    border: 2px solid #dc000c;
  }
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panelMediaItem {
    border: 10px solid transparent;
    border-image: url("/sustainability/sustainability_project/images/project/img-interview-border.webp") 26/11px/0 round;
  }
}

.sbp-top-cm-area__panelNumber {
  position: absolute;
  top: 6px;
  left: 6px;
  background-color: #fff;
  border-radius: 2px;
  color: #dc000c;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 5px;
  letter-spacing: 2px;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__panelNumber {
    font-size: 1.5rem;
    top: 20px;
    left: 20px;
    border-radius: 4px;
  }
}

.sbp-top-cm-area__buttonList {
  display: grid;
  gap: 16px;
  margin-top: 30px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__buttonList {
    grid-template-columns: repeat(3, 1fr);
    gap: 19px;
  }
}

.sbp-top-cm-area__button {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 62px;
  gap: 22px;
  color: #fff !important;
  background-color: #dc000c;
  padding: 8px 42px 8px 20px;
  border-radius: 10px;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  font-size: 1.6rem;
  letter-spacing: 2px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__button {
    font-size: 1.8rem;
    justify-content: flex-start;
  }
}
.sbp-top-cm-area__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  translate: 0 -50%;
  background-image: url("/sustainability/sustainability_project/images/icon-button-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area__button::after {
    width: 19px;
    height: 19px;
    right: 22px;
  }
}
.sbp-top-cm-area__button:hover, .sbp-top-cm-area__button:active, .sbp-top-cm-area__button:focus-visible {
  opacity: 0.8;
}

.sbp-top-statement-movie {
  width: 100% !important;
}

.sbp-top-statement-movieSub {
  width: 100% !important;
}

.sbp-top-initiative {
  padding: 48px 40px;
  background-color: #dc000c;
}

.sbp-top-initiative__inner {
  max-width: 1190px;
  margin-inline: auto;
}

.sbp-top-initiative__heading {
  text-align: center;
}

.sbp-top-initiative__list {
  display: grid;
  gap: 20px;
  margin-top: 32px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-initiative__list {
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    padding-inline: 95px;
  }
}

.sbp-top-initiative__panel {
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
}

.sbp-top-initiative__title {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sbp-top-initiative__title {
    font-size: 1.8rem;
  }
}
.sbp-top-initiative__title::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
  margin-left: 8px;
  width: 7px;
  height: 7px;
  translate: 0 -2px;
}

.sbp-top-initiative__media {
  text-align: center;
}

.sbp-top-initiative__mediaItem {
  border-radius: 20px;
}

.sbp-top-disclosure {
  padding-inline: 30px;
  margin-top: 74px;
  margin-bottom: 48px;
  max-width: 1030px;
  width: 100%;
}
.sbp-top-disclosure[open] .sbp-top-disclosure__head {
  border-radius: 19px 19px 0 0;
}
.sbp-top-disclosure[open] .sbp-top-disclosure__title::after {
  transform: rotate(0);
}

.sbp-top-disclosure__head {
  background-color: #DC000C;
  border-radius: 19px;
  cursor: pointer;
  padding: 20px 60px 20px;
  position: relative;
  text-align: center;
}
.sbp-top-disclosure__head::after {
  background-color: #fff;
  border-radius: 100vw;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  height: 32px;
  width: 32px;
}
.sbp-top-disclosure__head::-webkit-details-marker {
  display: none;
}

.sbp-top-disclosure__title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.sbp-top-disclosure__title::before, .sbp-top-disclosure__title::after {
  background-color: #DC000C;
  border-radius: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 49%;
  right: 23px;
  transition: transform 0.2s;
  height: 2px;
  width: 16px;
  z-index: 1;
}
.sbp-top-disclosure__title::after {
  transform: rotate(90deg);
}

.sbp-top-disclosure__inner {
  background-color: #fff;
  border-radius: 0 0 19px 19px;
  padding: 22px 20px 32px;
}

@media only screen and (min-width: 769px) {
  .sbp-top-disclosure__inner {
    padding: 48px 72px 56px;
  }
}
.sbp-top-filter > :first-child {
  margin-top: 0;
}
.sbp-top-filter > :last-child {
  margin-bottom: 0;
}

.sbp-top-filter__group {
  margin-top: 64px;
}
.sbp-top-filter__group:has(.sbp-top-filter__prefecture) {
  display: none;
  margin-top: 16px;
}
.sbp-top-filter__group:has(.sbp-top-filter__prefecture):has(.sbp-top-filter__item[style*="display: block"]) {
  display: grid;
}

.sbp-top-filter__title {
  display: block;
  text-align: center;
}

.sbp-top-filter__list {
  display: grid;
  gap: 16px 28px;
  margin-top: 16px;
}
.sbp-top-filter__list--area, .sbp-top-filter__list--prefecture {
  grid-template-columns: repeat(auto-fill, minmax(83px, 1fr));
}
.sbp-top-filter__list--category {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.sbp-top-filter__list--year {
  grid-template-columns: repeat(auto-fill, minmax(51px, 1fr));
}

.sbp-top-filter__prefectureTitle {
  color: #DC000C;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  height: fit-content;
}
.sbp-top-filter__prefectureTitle::before {
  background-color: #DC000C;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 3px;
  width: 14px;
}

.sbp-top-filter__utility {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 90px;
}

.sbp-top-filter__utilityButton {
  background-color: #DC000C;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 13px 34px;
  width: fit-content;
}
.sbp-top-filter__utilityButton:hover, .sbp-top-filter__utilityButton:active, .sbp-top-filter__utilityButton:focus-visible {
  opacity: 0.8;
}

.sbp-top-filter__utilityLink {
  border-bottom: 2px solid #DC000C;
  color: #DC000C;
  padding: 0 14px 4px;
  font-size: 14px;
  font-weight: bold;
}
.sbp-top-filter__utilityLink:hover, .sbp-top-filter__utilityLink:active, .sbp-top-filter__utilityLink:focus-visible {
  outline: 1px solid #DC000C;
}

@media only screen and (min-width: 769px) {
  .sbp-top-filter__fieldset,
  .sbp-top-filter__prefecture {
    display: contents;
  }
  .sbp-top-filter__group {
    display: grid;
    gap: 80px;
    grid-template-columns: 204px 1fr;
  }
  .sbp-top-filter__titleImg {
    margin-left: -50px;
  }
  .sbp-top-filter__list {
    gap: 8px 32px;
    margin-top: 0;
  }
  .sbp-top-filter__utility {
    flex-direction: row;
    justify-content: center;
    gap: 64px;
  }
}
.sbp-top-select-category {
  padding: 24px 20px;
  border-radius: 19px;
  background-color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .sbp-top-select-category {
    width: 330px;
  }
}

.sbp-top-select-category__button {
  display: block;
  margin: 9px auto 0;
}
.sbp-top-select-category__button.is-hidden {
  display: none;
}

.sbp-top-select-category__content {
  display: none;
}
.sbp-top-select-category__content.is-shown {
  display: block;
}

.sbp-top-select-category__selectText {
  color: #dc000c;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
}
.sbp-top-select-category__selectText::after {
  content: "";
  display: inline-block;
  background-image: url("/sustainability/sustainability_project/images/project/plus-icon.svg");
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 8px;
  translate: 0 -2px;
}

.sbp-top-category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-block: 16px;
}

.sbp-top-category__radio {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.sbp-top-category__text {
  color: #dc000c;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.42;
  width: auto;
  height: 28px;
  padding: 2px 10px;
  display: inline-flex;
  cursor: pointer;
  border-radius: 14px;
  border: 2px solid #dc000c;
  box-sizing: border-box;
  white-space: pre;
}
.sbp-top-category__radio:checked + .sbp-top-category__text {
  color: #fff;
  background-color: #dc000c;
}
.sbp-top-category__radio:focus-visible + .sbp-top-category__text {
  outline: -webkit-focus-ring-color auto 1px;
}

.sbp-top-category-clear {
  color: #dc000c;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin: 0 auto;
  border-bottom: 1px solid #dc000c;
}

.sbp-top-filter-title {
  display: inline-flex;
  color: #dc000c;
  line-height: 1.3;
  font-weight: 700;
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .sbp-top-filter-title {
    max-width: 314px;
  }
}
@media only screen and (min-width: 769px) {
  .sbp-top-filter-title {
    font-size: 3.6rem;
  }
}

.sbp-top-filter-title__text {
  display: inline-flex;
  min-width: 137px;
  padding: 0 15px;
  justify-content: center;
  align-items: center;
  background: #dc000c;
  color: #fff;
  margin-right: 6px;
  border-radius: 50vh;
  line-height: 1;
  font-weight: 700;
  font-size: 1.6rem;
}
@media only screen and (min-width: 769px) {
  .sbp-top-filter-title__text {
    padding: 0 42px;
    font-size: 2.6rem;
  }
}

.sbp-top-project-title {
  margin-top: 90px !important;
}
@media only screen and (min-width: 769px) {
  .sbp-top-project-title {
    margin-top: 156px !important;
  }
}

.sbp-top-prefectures-item {
  height: unset !important;
}

.fn-categoryText {
  max-width: 80vw;
  margin-top: 24px;
}

.sbp-top-area-link {
  margin: 40px auto 0;
  padding: 0 40px 40px;
  max-width: 710px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-area-link {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) {
  .sbp-top-area-link__inner {
    margin-inline: auto;
    width: 80%;
  }
}

.sbp-toggle + .sbp-toggle {
  margin-top: 40px;
}

.sbp-toggle__summary {
  position: relative;
  padding: 16px 40px 16px 20px;
  font-size: 2rem;
  font-weight: 700;
  border: 2px solid #dc000c;
  background-color: #fff;
  color: #dc000c;
  text-align: center;
  transition: opacity 0.2s;
  cursor: pointer;
}
.sbp-toggle__summary::before, .sbp-toggle__summary::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: currentcolor;
  top: 50%;
  right: 16px;
  transition: rotate 0.2s;
}
.sbp-toggle__summary::after {
  rotate: 90deg;
}
.sbp-toggle[open] .sbp-toggle__summary::after {
  rotate: 180deg;
}
.sbp-toggle__summary:hover, .sbp-toggle__summary:active, .sbp-toggle__summary:focus-visible {
  opacity: 0.8;
}

.sbp-toggle__content {
  overflow: hidden;
}

.sbp-top-cm-main {
  padding: 16px 14px;
  background-color: #dc000c;
  mask-image: url("/sustainability/sustainability_project/images/cm/bg-sp.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
}
@media only screen and (max-width: 768px) {
  .sbp-top-cm-main {
    mask-position: top center;
  }
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-main {
    padding: 24px 38px 30px;
    mask-image: url("/sustainability/sustainability_project/images/cm/bg-pc.svg");
    mask-size: 100% 100%;
  }
}

@media only screen and (max-width: 768px) {
  .sbp-top-cm-main--narrow-wide {
    margin-inline: calc(50% - 50cqi);
  }
}

.sbp-top-cm-main__topContent {
  grid-row: 2/3;
  z-index: 10;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-main__topContent {
    align-self: end;
    padding: 22px;
  }
}

.sbp-top-cm-main__topCoverFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-main__topCoverFrame {
    mask-image: url("/sustainability/sustainability_project/images/cm/bg-pc.svg");
    mask-size: 100% 100%;
  }
}

.sbp-top-cm-main__topCover {
  position: relative;
  grid-row: 1/2;
  text-align: center;
  width: 100%;
  aspect-ratio: 16/9;
}

@media only screen and (min-width: 769px) {
  .sbp-top-cm-main__topContent,
  .sbp-top-cm-main__topCover {
    grid-column: 1/1;
    grid-row: 1/1;
  }
}

.sbp-top-cm-main__top {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 16px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-main__top {
    gap: 0;
  }
}

.sbp-top-cm-area-heading {
  margin-top: 60px;
  font-size: 2.4rem;
  font-weight: 900;
  color: #dc000c;
}
.sbp-top-cm-area-heading + * {
  margin-top: 16px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-area-heading {
    margin-top: 80px;
  }
}

.sbp-top-cm-list-index-article__titleSub,
.sbp-top-cm-list-index-article__title {
  color: #dc000c;
}

.sbp-top-cm-list-index-article__titleSub {
  display: block;
  margin-bottom: 8px;
  font-size: 1.1rem;
  font-weight: normal;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-list-index-article__titleSub {
    font-size: 1.2rem;
  }
}

.sbp-top-cm-list-index-article__title {
  font-weight: 900;
}

.sbp-top-cm-list-index-article__label {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  background-color: #dc000c;
}

.sbp-top-cm-list-index-article__coverImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.sbp-top-cm-list-index-article__new {
  width: 46px;
  height: auto;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-list-index-article__new {
    width: 53px;
  }
}

.sbp-top-cm-list-index-article__cover {
  position: relative;
  border-radius: 20px;
  overflow: clip;
  margin-bottom: 16px;
}
.sbp-top-cm-list-index-article__cover::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.2s;
}
.sbp-top-cm-list-index-article__cover .sbp-top-cm-list-index-article__new {
  position: absolute;
  top: 15px;
  left: 12px;
}
.sbp-top-cm-list-index-article__cover .sbp-top-cm-list-index-article__label {
  position: absolute;
  left: 12px;
  bottom: 12px;
  border-radius: 100px;
  padding: 2px 10px;
}

.sbp-top-cm-list-index-article__item {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  width: 100%;
}
.sbp-top-cm-list-index-article__item:hover .sbp-top-cm-list-index-article__cover::before, .sbp-top-cm-list-index-article__item:active .sbp-top-cm-list-index-article__cover::before, .sbp-top-cm-list-index-article__item:focus-visible .sbp-top-cm-list-index-article__cover::before {
  opacity: 0.2;
}

.sbp-top-cm-list-index-article__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 20px 14px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-list-index-article__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.sbp-top-cm-list-index__title {
  font-size: 1.4rem;
  font-weight: 900;
  color: #dc000c;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-list-index__title {
    font-size: 1.6rem;
  }
}

.sbp-top-cm-list-index__cover {
  position: relative;
}
.sbp-top-cm-list-index__cover::before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  background-image: url("/sustainability/sustainability_project/images/play-btn.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0;
  margin: auto;
  transition: transform 0.2s;
}

.sbp-top-cm-list-index__item {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 6px;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-list-index__item {
    gap: 8px;
  }
}
.sbp-top-cm-list-index__item:hover, .sbp-top-cm-list-index__item:active, .sbp-top-cm-list-index__item:focus-visible {
  outline: revert;
}
.sbp-top-cm-list-index__item:hover .sbp-top-cm-list-index__cover::before, .sbp-top-cm-list-index__item:active .sbp-top-cm-list-index__cover::before, .sbp-top-cm-list-index__item:focus-visible .sbp-top-cm-list-index__cover::before {
  transform: scale(1.351);
}

.sbp-top-cm-list-index__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 16px;
}
@media only screen and (min-width: 769px) {
  .sbp-top-cm-list-index__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.cm-link-list {
  --col-num: 1;
  display: grid;
  grid-template-columns: repeat(var(--col-num), 1fr);
  grid-template-rows: auto;
  gap: 10px;
}
@media only screen and (min-width: 769px) {
  .cm-link-list {
    gap: 20px;
  }
  .cm-link-list[data-col-wide="1"] {
    --col-num: 1;
  }
  .cm-link-list[data-col-wide="2"] {
    --col-num: 2;
  }
  .cm-link-list[data-col-wide="3"] {
    --col-num: 3;
  }
}

.cm-link-list__textSub {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
}

.cm-link-list__text {
  flex-grow: 1;
  color: #dc000c;
  font-size: 1.6rem;
  font-weight: bold;
}

.cm-link-list__coverImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cm-link-list__cover {
  flex-shrink: 0;
  position: relative;
  border-radius: 10px;
  overflow: clip;
  width: 150px;
}
@media only screen and (min-width: 769px) {
  .cm-link-list__cover {
    width: 127px;
  }
}
.cm-link-list__cover::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 3;
}
.cm-link-list__cover::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/sustainability/sustainability_project/images/play-btn.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0;
  margin: auto;
}

.cm-link-list__link {
  position: relative;
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  column-gap: 16px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 2px solid #dc000c;
  border-radius: 10px;
  padding: 12px 46px 12px 12px;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  .cm-link-list__link {
    padding: 12px;
  }
}
.cm-link-list__link::before {
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin-block: auto;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .cm-link-list__link::before {
    width: 7px;
    height: 8px;
    right: 24px;
    clip-path: path("M6.5 3.13397C7.16667 3.51887 7.16667 4.48113 6.5 4.86603L2 7.4641C1.33333 7.849 0.5 7.36788 0.5 6.59808L0.5 1.40192C0.5 0.632124 1.33333 0.150998 2 0.535898L6.5 3.13397Z");
  }
}
@media only screen and (min-width: 769px) {
  .cm-link-list__link::before {
    display: none;
  }
}
.cm-link-list__link::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  z-index: 5;
  margin-block: auto;
  border-radius: 50%;
  background-color: #dc000c;
}
@media only screen and (min-width: 769px) {
  .cm-link-list__link::after {
    display: none;
  }
}
.cm-link-list__link:hover, .cm-link-list__link:active, .cm-link-list__link:focus-visible {
  outline: revert;
}
.cm-link-list__link:hover .cm-link-list__cover::after, .cm-link-list__link:active .cm-link-list__cover::after, .cm-link-list__link:focus-visible .cm-link-list__cover::after {
  opacity: 0.2;
}

.cm-btn-list {
  display: flex;
  flex-direction: column;
  gap: 10px 14px;
  margin-top: 10px;
}
@media only screen and (min-width: 769px) {
  .cm-btn-list {
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 26px;
  }
}

.cm-btn-list__text {
  font-size: 1.6rem;
}

.cm-btn-list__textSub {
  font-size: 1.2rem;
}

.cm-btn-list__body {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  color: #dc000c;
}
@media only screen and (max-width: 768px) {
  .cm-btn-list__body {
    width: 100%;
    justify-content: center;
    gap: 12px;
  }
}
@media only screen and (min-width: 769px) {
  .cm-btn-list__body {
    gap: 10px;
    color: #fff;
  }
}

.cm-btn-list__btn {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 100px;
  padding: 18px 19px;
  font-weight: 900;
  background-color: #fff;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 768px) {
  .cm-btn-list__btn {
    padding-inline: 68px;
  }
}
@media only screen and (min-width: 769px) {
  .cm-btn-list__btn {
    max-width: 400px;
    padding: 12px 36px;
    background-color: #dc000c;
  }
}
.cm-btn-list__btn:hover, .cm-btn-list__btn:active, .cm-btn-list__btn:focus-visible {
  opacity: 0.8;
}
.cm-btn-list__btn::before {
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  margin-block: auto;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .cm-btn-list__btn::before {
    width: 7px;
    height: 8px;
    right: 24px;
    clip-path: path("M6.5 3.13397C7.16667 3.51887 7.16667 4.48113 6.5 4.86603L2 7.4641C1.33333 7.849 0.5 7.36788 0.5 6.59808L0.5 1.40192C0.5 0.632124 1.33333 0.150998 2 0.535898L6.5 3.13397Z");
  }
}
@media only screen and (min-width: 769px) {
  .cm-btn-list__btn::before {
    width: 10px;
    height: 12px;
    left: 22px;
    clip-path: path("M9.25 5.56738C9.5831 5.75987 9.5831 6.24013 9.25 6.43262L1.75 10.7627C1.41667 10.9551 1 10.715 1 10.3301V1.66992C1 1.28502 1.41667 1.04485 1.75 1.2373L9.25 5.56738Z");
  }
}
.cm-btn-list__btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  z-index: 5;
  margin-block: auto;
  border-radius: 50%;
  background-color: #dc000c;
}
@media only screen and (min-width: 769px) {
  .cm-btn-list__btn::after {
    display: none;
  }
}

root[data-astro-cid-hey4qruv] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-hey4qruv] a[data-astro-cid-hey4qruv], .main-contents-csr-project[data-astro-cid-hey4qruv] a[data-astro-cid-hey4qruv]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-hey4qruv] a[data-astro-cid-hey4qruv]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-hey4qruv] [data-astro-cid-hey4qruv]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-hey4qruv] ::-webkit-scrollbar [data-astro-cid-hey4qruv] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .pc[data-astro-cid-hey4qruv], .main-contents-csr-project[data-astro-cid-hey4qruv] .show-pc[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .pc-only[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .pc-only[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .sp[data-astro-cid-hey4qruv], .main-contents-csr-project[data-astro-cid-hey4qruv] .show-sp[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .sp[data-astro-cid-hey4qruv], .main-contents-csr-project[data-astro-cid-hey4qruv] .show-sp[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .tablet-below[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .tablet[data-astro-cid-hey4qruv], .main-contents-csr-project[data-astro-cid-hey4qruv] .show-tablet[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-hey4qruv] .tablet[data-astro-cid-hey4qruv], .main-contents-csr-project[data-astro-cid-hey4qruv] .show-tablet[data-astro-cid-hey4qruv] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-hey4qruv] html.is-fixed, .main-contents-csr-project[data-astro-cid-hey4qruv] html.is-fixed body, .main-contents-csr-project[data-astro-cid-hey4qruv] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-hey4qruv] .hidden[data-astro-cid-hey4qruv] {
  display: none;
}

img[data-astro-cid-hey4qruv] {
  width: 100%;
  height: auto;
  -webkit-user-drag: none;
  user-select: none;
}

root[data-astro-cid-voup3a6i] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-voup3a6i] a[data-astro-cid-voup3a6i], .main-contents-csr-project[data-astro-cid-voup3a6i] a[data-astro-cid-voup3a6i]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-voup3a6i] a[data-astro-cid-voup3a6i]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-voup3a6i] [data-astro-cid-voup3a6i]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-voup3a6i] ::-webkit-scrollbar [data-astro-cid-voup3a6i] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .pc[data-astro-cid-voup3a6i], .main-contents-csr-project[data-astro-cid-voup3a6i] .show-pc[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .pc-only[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .pc-only[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .sp[data-astro-cid-voup3a6i], .main-contents-csr-project[data-astro-cid-voup3a6i] .show-sp[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .sp[data-astro-cid-voup3a6i], .main-contents-csr-project[data-astro-cid-voup3a6i] .show-sp[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .tablet-below[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .tablet[data-astro-cid-voup3a6i], .main-contents-csr-project[data-astro-cid-voup3a6i] .show-tablet[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-voup3a6i] .tablet[data-astro-cid-voup3a6i], .main-contents-csr-project[data-astro-cid-voup3a6i] .show-tablet[data-astro-cid-voup3a6i] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-voup3a6i] html.is-fixed, .main-contents-csr-project[data-astro-cid-voup3a6i] html.is-fixed body, .main-contents-csr-project[data-astro-cid-voup3a6i] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-voup3a6i] .hidden[data-astro-cid-voup3a6i] {
  display: none;
}

.key-visual[data-astro-cid-voup3a6i] {
  background-color: #dc000c;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .key-visual[data-astro-cid-voup3a6i] {
    min-height: 151.7948717949vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .key-visual[data-astro-cid-voup3a6i] {
    min-height: 35.6302521008%;
  }
}
@media (min-width: 768px) {
  .key-visual[data-astro-cid-voup3a6i] {
    min-height: 29.4444444444vw;
  }
}
@media (min-width: 1440px) {
  .key-visual[data-astro-cid-voup3a6i] {
    min-height: 424px;
  }
}
.key-visual[data-astro-cid-voup3a6i] .key-visual-image[data-astro-cid-voup3a6i] {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
  height: 100%;
}

@media (max-width: 767px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    width: 369.2307692308vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    width: 121.0084033613%;
  }
}
@media (min-width: 768px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    width: 100vw;
  }
}
@media (min-width: 1440px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    width: 1440px;
  }
}
@media (max-width: 767px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    max-width: 369.2307692308vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    max-width: 121.0084033613%;
  }
}
@media (min-width: 768px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    max-width: 100vw;
  }
}
@media (min-width: 1440px) {
  .key-visual[data-astro-cid-voup3a6i] .key-visual-inner[data-astro-cid-voup3a6i] {
    max-width: 1440px;
  }
}
.illust-area {
  position: relative;
  width: 1190px;
  height: 3377px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 768px) {
  .illust-area {
    width: 1190px;
    height: 3377px;
  }
}
@media (max-width: 767px) {
  .illust-area {
    width: 100vw;
  }
}
.illust-area .item {
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .illust-area .item {
    transform: scale(0.95) !important;
  }
}
.illust-area .item img {
  width: 100%;
}

.illust-area .item-temp {
  width: 1190px;
  max-width: 1190px;
  filter: saturate(0);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-temp {
    width: 1440px;
  }
}
@media (max-width: 767px) {
  .illust-area .item-temp {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
  }
}
.illust-area .item-icon1 {
  width: 166px;
  height: 136px;
  top: 74px;
  left: 180px;
}

@media (max-width: 767px) {
  .illust-area .item-icon1 {
    top: 11.3076923077vw;
    left: -6.9230769231vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon1 {
    width: 26.4102564103vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon1 {
    width: 8.6554621849%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon1 {
    width: 7.1527777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon1 {
    width: 103px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon1 {
    height: 21.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon1 {
    height: 7.0588235294%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon1 {
    height: 5.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon1 {
    height: 84px;
  }
}
.illust-area .item-icon2 {
  width: 151px;
  height: 107px;
  top: 475px;
  left: 100px;
}

@media (max-width: 767px) {
  .illust-area .item-icon2 {
    top: 2.5641025641vw;
    left: 2.5641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon2 {
    width: 38.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon2 {
    width: 12.6890756303%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon2 {
    width: 10.4861111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon2 {
    width: 151px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon2 {
    height: 27.4358974359vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon2 {
    height: 8.9915966387%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon2 {
    height: 7.4305555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon2 {
    height: 107px;
  }
}
.illust-area .item-icon3 {
  width: 170px;
  height: 122px;
  top: 248px;
  left: 842px;
}

@media (max-width: 767px) {
  .illust-area .item-icon3 {
    top: 47.6923076923vw;
    left: 86.9230769231vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon3 {
    width: 26.9230769231vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon3 {
    width: 8.8235294118%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon3 {
    width: 7.2916666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon3 {
    width: 105px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon3 {
    height: 18.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon3 {
    height: 6.1344537815%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon3 {
    height: 5.0694444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon3 {
    height: 73px;
  }
}
.illust-area .item-icon4 {
  width: 222px;
  height: 97px;
  top: 398px;
  left: 1028px;
}

@media (max-width: 767px) {
  .illust-area .item-icon4 {
    top: 88vw;
    left: 80vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon4 {
    width: 24.8717948718vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon4 {
    width: 8.1512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon4 {
    width: 6.7361111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon4 {
    width: 97px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon4 {
    height: 11.0256410256vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon4 {
    height: 3.6134453782%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon4 {
    height: 2.9861111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon4 {
    height: 43px;
  }
}
.illust-area .item-icon5 {
  width: 101px;
  height: 151px;
  top: 648px;
  left: 18px;
}

@media (max-width: 767px) {
  .illust-area .item-icon5 {
    top: 117.9487179487vw;
    left: 3.0769230769vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon5 {
    width: 15.8974358974vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon5 {
    width: 5.2100840336%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon5 {
    width: 4.3055555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon5 {
    width: 62px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon5 {
    height: 23.8461538462vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon5 {
    height: 7.8151260504%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon5 {
    height: 6.4583333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon5 {
    height: 93px;
  }
}
.illust-area .item-icon6 {
  width: 168px;
  height: 125px;
  top: 1928px;
  left: 30px;
}

@media (max-width: 767px) {
  .illust-area .item-icon6 {
    top: 225.8974358974vw;
    left: 1.0256410256vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon6 {
    width: 21.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon6 {
    width: 7.0588235294%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon6 {
    width: 5.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon6 {
    width: 84px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon6 {
    height: 16.9230769231vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon6 {
    height: 5.5462184874%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon6 {
    height: 4.5833333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon6 {
    height: 66px;
  }
}
.illust-area .item-icon6-bird {
  width: 168px;
  height: 125px;
  top: 845px;
  left: 30px;
}

@media (max-width: 767px) {
  .illust-area .item-icon6-bird {
    top: 220.5128205128vw;
    left: 5.641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon6-bird {
    width: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon6-bird {
    width: 1.6806722689%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon6-bird {
    width: 1.3888888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon6-bird {
    width: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon6-bird {
    height: 4.1025641026vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon6-bird {
    height: 1.3445378151%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon6-bird {
    height: 1.1111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon6-bird {
    height: 16px;
  }
}
.illust-area .item-icon7 {
  width: 152px;
  height: 113px;
  top: 834px;
  left: 960px;
}

@media (max-width: 767px) {
  .illust-area .item-icon7 {
    top: 207.1794871795vw;
    left: 78.2051282051vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon7 {
    width: 23.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon7 {
    width: 7.731092437%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon7 {
    width: 6.3888888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon7 {
    width: 92px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon7 {
    height: 17.6923076923vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon7 {
    height: 5.7983193277%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon7 {
    height: 4.7916666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon7 {
    height: 69px;
  }
}
.illust-area .item-icon8 {
  width: 211px;
  height: 103px;
  top: 2530px;
  left: -47px;
}

@media (max-width: 767px) {
  .illust-area .item-icon7 {
    display: none;
  }
}
@media (max-width: 767px) {
  .illust-area .item-icon8 {
    top: 25.641025641vw;
    left: 268.4615384615vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon8 {
    width: 54.1025641026vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon8 {
    width: 17.731092437%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon8 {
    width: 14.6527777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon8 {
    width: 211px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon8 {
    height: 26.4102564103vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon8 {
    height: 8.6554621849%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon8 {
    height: 7.1527777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon8 {
    height: 103px;
  }
}
.illust-area .item-icon9 {
  width: 135px;
  height: 131px;
  top: 1544px;
  left: 15px;
}

@media (max-width: 767px) {
  .illust-area .item-icon9 {
    top: 359.4871794872vw;
    left: 1.0256410256vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon9 {
    width: 21.2820512821vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon9 {
    width: 6.974789916%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon9 {
    width: 5.7638888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon9 {
    width: 83px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon9 {
    height: 20.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon9 {
    height: 6.7226890756%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon9 {
    height: 5.5555555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon9 {
    height: 80px;
  }
}
.illust-area .item-icon10 {
  width: 177px;
  height: 97px;
  top: 2540px;
  left: 1060px;
}

@media (max-width: 767px) {
  .illust-area .item-icon10 {
    top: 232.8205128205vw;
    left: 83.8461538462vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon10 {
    width: 24.1025641026vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon10 {
    width: 7.8991596639%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon10 {
    width: 6.5277777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon10 {
    width: 94px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon10 {
    height: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon10 {
    height: 4.3697478992%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon10 {
    height: 3.6111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon10 {
    height: 52px;
  }
}
.illust-area .item-icon11 {
  width: 182px;
  height: 144px;
  top: 2980px;
  left: 982px;
}

@media (max-width: 767px) {
  .illust-area .item-icon11 {
    top: 357.1794871795vw;
    left: 78.2051282051vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon11 {
    width: 23.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon11 {
    width: 7.5630252101%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon11 {
    width: 6.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon11 {
    width: 90px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-icon11 {
    height: 17.6923076923vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-icon11 {
    height: 5.7983193277%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-icon11 {
    height: 4.7916666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-icon11 {
    height: 69px;
  }
}
.illust-area .item-icon12 {
  top: 2775px;
  left: 1003px;
}

@media (max-width: 767px) {
  .illust-area .item-icon12 {
    display: none;
  }
}
.illust-area .item-icon13 {
  top: 2255px;
  left: 20px;
}

@media (max-width: 767px) {
  .illust-area .item-icon13 {
    display: none;
  }
}
.illust-area .item-icon14 {
  top: 2455px;
  left: 975px;
}

@media (max-width: 767px) {
  .illust-area .item-icon14 {
    display: none;
  }
}
.illust-area .item-icon15 {
  top: 2668px;
  left: 25px;
}

@media (max-width: 767px) {
  .illust-area .item-icon15 {
    display: none;
  }
}
.illust-area .item-icon16 {
  top: 2645px;
  left: 1045px;
}

@media (max-width: 767px) {
  .illust-area .item-icon16 {
    display: none;
  }
}
.illust-area .item-anime1 {
  width: 190px;
  top: 200px;
  left: 10px;
}

@media (max-width: 767px) {
  .illust-area .item-anime1 {
    top: 25.641025641vw;
    left: 2.5641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime1 {
    width: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime1 {
    width: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime1 {
    width: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime1 {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime1 {
    height: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime1 {
    height: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime1 {
    height: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime1 {
    height: 100px;
  }
}
.illust-area .item-anime2 {
  width: 384px;
  top: 20px;
  left: 780px;
}

@media (max-width: 767px) {
  .illust-area .item-anime2 {
    top: 3.8461538462vw;
    left: 59.4871794872vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime2 {
    width: 60.2564102564vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime2 {
    width: 19.7478991597%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime2 {
    width: 16.3194444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime2 {
    width: 235px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime2 {
    height: 36.9230769231vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime2 {
    height: 12.1008403361%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime2 {
    height: 10vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime2 {
    height: 144px;
  }
}
.illust-area .item-anime3 {
  width: 230px;
  top: 658px;
  left: 40px;
}

@media (max-width: 767px) {
  .illust-area .item-anime3 {
    top: 25.641025641vw;
    left: 2.5641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime3 {
    width: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime3 {
    width: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime3 {
    width: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime3 {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime3 {
    height: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime3 {
    height: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime3 {
    height: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime3 {
    height: 100px;
  }
}
.illust-area .item-anime4 {
  width: 225px;
  top: 1090px;
  left: 10px;
}

@media (max-width: 767px) {
  .illust-area .item-anime4 {
    top: 78.641025641vw;
    left: -3.3333333333vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime4 {
    width: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime4 {
    width: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime4 {
    width: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime4 {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime4 {
    height: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime4 {
    height: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime4 {
    height: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime4 {
    height: 100px;
  }
}
.illust-area .item-anime5 {
  width: 280px;
  top: 515px;
  left: 920px;
}

@media (max-width: 767px) {
  .illust-area .item-anime5 {
    top: 135.7435897436vw;
    left: 73.7948717949vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime5 {
    width: 28vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime5 {
    width: 11.4285714286%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime5 {
    width: 9.4444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime5 {
    width: 136px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime5 {
    height: 28vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime5 {
    height: 11.4285714286%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime5 {
    height: 9.4444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime5 {
    height: 136px;
  }
}
.illust-area .item-anime6 {
  width: 155px;
  top: 1440px;
  left: 90px;
}

@media (max-width: 767px) {
  .illust-area .item-anime6 {
    top: 182.3076923077vw;
    left: -0.5128205128vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime6 {
    width: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime6 {
    width: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime6 {
    width: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime6 {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime6 {
    height: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime6 {
    height: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime6 {
    height: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime6 {
    height: 100px;
  }
}
.illust-area .item-anime7 {
  width: 190px;
  top: 2140px;
  left: 5px;
}

@media (max-width: 767px) {
  .illust-area .item-anime7 {
    top: 150vw;
    left: -9.2307692308vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime7 {
    width: 28.9743589744vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime7 {
    width: 9.4957983193%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime7 {
    width: 7.8472222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime7 {
    width: 113px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime7 {
    height: 28.9743589744vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime7 {
    height: 9.4957983193%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime7 {
    height: 7.8472222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime7 {
    height: 113px;
  }
}
.illust-area .item-anime8 {
  width: 255px;
  top: 1015px;
  left: 940px;
}

@media (max-width: 767px) {
  .illust-area .item-anime8 {
    top: 186.7435897436vw;
    left: 74.1025641026vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime8 {
    width: 30.7692307692vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime8 {
    width: 10.0840336134%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime8 {
    width: 8.3333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime8 {
    width: 120px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime8 {
    height: 30.7692307692vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime8 {
    height: 10.0840336134%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime8 {
    height: 8.3333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime8 {
    height: 120px;
  }
}
.illust-area .item-anime9 {
  width: 190px;
  top: 1850px;
  left: 1000px;
}

@media (max-width: 767px) {
  .illust-area .item-anime9 {
    top: 259.1538461538vw;
    left: 77.1794871795vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime9 {
    width: 29.4871794872vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime9 {
    width: 9.6638655462%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime9 {
    width: 7.9861111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime9 {
    width: 115px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime9 {
    height: 29.4871794872vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime9 {
    height: 9.6638655462%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime9 {
    height: 7.9861111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime9 {
    height: 115px;
  }
}
.illust-area .item-anime10 {
  width: 210px;
  top: 1240px;
  left: 1030px;
}

@media (max-width: 767px) {
  .illust-area .item-anime10 {
    top: 299.2307692308vw;
    left: 85.8974358974vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime10 {
    width: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime10 {
    width: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime10 {
    width: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime10 {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime10 {
    height: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime10 {
    height: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime10 {
    height: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime10 {
    height: 100px;
  }
}
.illust-area .item-anime11 {
  width: 180px;
  top: 1550px;
  left: 950px;
}

@media (max-width: 767px) {
  .illust-area .item-anime11 {
    top: 25.641025641vw;
    left: 2.5641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime11 {
    width: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime11 {
    width: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime11 {
    width: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime11 {
    width: 100px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime11 {
    height: 25.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime11 {
    height: 8.4033613445%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime11 {
    height: 6.9444444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime11 {
    height: 100px;
  }
}
.illust-area .item-anime12 {
  width: 210px;
  top: 2720px;
  left: 39px;
}

@media (max-width: 767px) {
  .illust-area .item-anime12 {
    top: 800px;
    left: -3.8461538462vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime12 {
    width: 28.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime12 {
    width: 9.243697479%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime12 {
    width: 7.6388888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime12 {
    width: 110px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime12 {
    height: 28.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime12 {
    height: 9.243697479%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime12 {
    height: 7.6388888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime12 {
    height: 110px;
  }
}
.illust-area .item-anime13 {
  width: 200px;
  top: 1688px;
  left: 77px;
}

@media (max-width: 767px) {
  .illust-area .item-anime13 {
    top: 265.7948717949vw;
    left: -2.5641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime13 {
    width: 24.8717948718vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime13 {
    width: 8.1512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime13 {
    width: 6.7361111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime13 {
    width: 97px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime13 {
    height: 24.8717948718vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime13 {
    height: 8.1512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime13 {
    height: 6.7361111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime13 {
    height: 97px;
  }
}
.illust-area .item-anime14 {
  width: 194px;
  top: 2965px;
  left: -2px;
}

@media (max-width: 767px) {
  .illust-area .item-anime14 {
    top: 305.2307692308vw;
    left: -3.5897435897vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime14 {
    width: 26.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime14 {
    width: 8.5714285714%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime14 {
    width: 7.0833333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime14 {
    width: 102px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime14 {
    height: 26.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime14 {
    height: 8.5714285714%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime14 {
    height: 7.0833333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime14 {
    height: 102px;
  }
}
.illust-area .item-anime15 {
  width: 200px;
  top: 2125px;
  left: 968px;
}

@media (max-width: 767px) {
  .illust-area .item-anime15 {
    top: 305.6923076923vw;
    left: 75.7948717949vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime15 {
    width: 20.4102564103vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime15 {
    width: 8.6554621849%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime15 {
    width: 7.1527777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime15 {
    width: 103px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .illust-area .item-anime15 {
    height: 26.4102564103vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .illust-area .item-anime15 {
    height: 8.6554621849%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .illust-area .item-anime15 {
    height: 7.1527777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .illust-area .item-anime15 {
    height: 103px;
  }
}
.illust-area .item-anime16 {
  top: 2405px;
  left: -55px;
}

@media (max-width: 767px) {
  .illust-area .item-anime16 {
    display: none;
  }
}
.illust-area .item-anime17 {
  top: 2790px;
  left: -35px;
}

@media (max-width: 767px) {
  .illust-area .item-anime17 {
    display: none;
  }
}
.illust-area .item-anime18 {
  top: 2755px;
  left: 960px;
}

@media (max-width: 767px) {
  .illust-area .item-anime18 {
    display: none;
  }
}
.illust-area .item-anime19 {
  top: 3125px;
  left: 20px;
}

@media (max-width: 767px) {
  .illust-area .item-anime19 {
    display: none;
  }
}
.illust-area .item-anime20 {
  top: 3005px;
  left: 970px;
}

@media (max-width: 767px) {
  .illust-area .item-anime20 {
    display: none;
  }
}
.illust-area .item-anime16, .illust-area .item-anime17, .illust-area .item-anime18, .illust-area .item-anime19, .illust-area .item-anime20, .illust-area .item-icon14, .illust-area .item-icon15, .illust-area .item-icon16 {
  display: none;
}

.statement-copy {
  position: relative;
  width: 620px;
  height: 190px;
  margin: 100px auto 0;
}

@media (max-width: 767px) {
  .statement-copy {
    width: 73.3333333333vw;
    height: 22.5641025641vw;
    margin-top: 10.6923076923vw;
  }
}
.statement-copy .temp {
  position: absolute;
  top: 0;
  left: 0;
  filter: saturate(0) opacity(1);
}

.statement-copy .l1, .statement-copy .l2, .statement-copy .l3 {
  position: absolute;
  display: block;
}

.statement-copy .l1 .l-content, .statement-copy .l2 .l-content, .statement-copy .l3 .l-content {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  justify-content: flex-start;
  align-items: center;
}

.statement-copy .l1 picture, .statement-copy .l2 picture, .statement-copy .l3 picture, .statement-copy .l1 img, .statement-copy .l2 img, .statement-copy .l3 img {
  height: auto;
}

.statement-copy .l1 {
  top: 0;
  left: 36px;
  width: 100%;
  height: 50px;
}

@media (max-width: 767px) {
  .statement-copy .l1 {
    width: 64.1025641026vw;
    height: 6.1538461538vw;
    top: 0;
    left: 4.358974359vw;
  }
}
.statement-copy .l1 .l-content {
  height: 50px;
}

@media (max-width: 767px) {
  .statement-copy .l1 .l-content {
    height: 5.3846153846vw;
  }
}
.statement-copy .l2 {
  width: auto;
  height: 45px;
  top: 73px;
  left: 164px;
}

@media (max-width: 767px) {
  .statement-copy .l2 {
    width: 32.8205128205vw;
    height: 5.3846153846vw;
    top: 8.7179487179vw;
    left: 19.4871794872vw;
  }
}
.statement-copy .l2 .l-content {
  width: 100%;
  height: 45px;
}

@media (max-width: 767px) {
  .statement-copy .l2 .l-content {
    height: 5.3846153846vw;
  }
}
.statement-copy .l3 {
  width: 620px;
  height: 52px;
  top: 137px;
  left: 0;
}

@media (max-width: 767px) {
  .statement-copy .l3 {
    width: 78.7179487179vw;
    height: 6.1538461538vw;
    top: 16.9230769231vw;
    left: 0;
  }
}
.statement-copy .l3 .l-content {
  height: 52px;
}

@media (max-width: 767px) {
  .statement-copy .l3 .l-content {
    height: 6.1538461538vw;
  }
}
.statement-copy .char {
  width: 20px;
}

.statement-copy .l1-1 {
  width: 50px;
  margin-top: -14px;
}

@media (max-width: 767px) {
  .statement-copy .l1-1 {
    width: 5.8974358974vw;
    margin-top: -3.5897435897vw;
    margin-left: 0;
  }
}
.statement-copy .l1-2 {
  width: 51px;
  margin-top: 0;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .statement-copy .l1-2 {
    width: 6.1538461538vw;
    margin-top: 0.5128205128vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l1-3 {
  width: 34px;
  margin-top: 4px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .statement-copy .l1-3 {
    width: 4.1025641026vw;
    margin-top: 1.0256410256vw;
    margin-left: 1.0256410256vw;
  }
}
.statement-copy .l1-4 {
  width: 50px;
  margin-top: 0;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .statement-copy .l1-4 {
    width: 5.8974358974vw;
    margin-top: 0.5128205128vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l1-5 {
  width: 50px;
  margin-top: 0;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l1-5 {
    width: 5.8974358974vw;
    margin-top: 0.5128205128vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l1-6 {
  width: 36px;
  margin-top: 4px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .statement-copy .l1-6 {
    width: 4.358974359vw;
    margin-top: 1.2820512821vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l1-7 {
  width: 48px;
  margin-top: 0;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l1-7 {
    width: 5.641025641vw;
    margin-top: 0.5128205128vw;
    margin-left: 0.7692307692vw;
  }
}
.statement-copy .l1-8 {
  width: 36px;
  margin-top: 5px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .statement-copy .l1-8 {
    width: 4.1025641026vw;
    margin-top: 1.0256410256vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l1-9 {
  width: 34px;
  margin-top: 5px;
  margin-left: 8px;
}

@media (max-width: 767px) {
  .statement-copy .l1-9 {
    width: 4.1025641026vw;
    margin-top: 1.0256410256vw;
    margin-left: 1.0256410256vw;
  }
}
.statement-copy .l1-10 {
  width: 34px;
  margin-top: 6px;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .statement-copy .l1-10 {
    width: 3.8461538462vw;
    margin-top: 1.2820512821vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l1-11 {
  width: 20px;
  margin-top: 28.5px;
  margin-left: 9.5px;
}

@media (max-width: 767px) {
  .statement-copy .l1-11 {
    width: 2.3076923077vw;
    margin-top: 1.5384615385vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l2-1 {
  width: 34px;
  margin-top: 0;
  margin-left: 0;
}

@media (max-width: 767px) {
  .statement-copy .l2-1 {
    width: 4.0128205128vw;
    margin-top: -0.2564102564vw;
    margin-left: -0.2564102564vw;
  }
}
.statement-copy .l2-2 {
  width: 27px;
  margin-top: 8px;
  margin-left: 7px;
}

@media (max-width: 767px) {
  .statement-copy .l2-2 {
    width: 3.3333333333vw;
    margin-top: -0.2564102564vw;
    margin-left: 0.7692307692vw;
  }
}
.statement-copy .l2-3 {
  width: 36px;
  margin-top: -1px;
  margin-left: 8px;
}

@media (max-width: 767px) {
  .statement-copy .l2-3 {
    width: 4.358974359vw;
    margin-top: 0;
    margin-left: 1.0256410256vw;
  }
}
.statement-copy .l2-4 {
  width: 25px;
  margin-top: -14px;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .statement-copy .l2-4 {
    width: 3.0769230769vw;
    margin-top: -3.8461538462vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l2-5 {
  width: 37px;
  margin-top: 0;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l2-5 {
    width: 4.358974359vw;
    margin-top: -0.2564102564vw;
    margin-left: 1.0256410256vw;
  }
}
.statement-copy .l2-6 {
  width: 36px;
  margin-top: 0;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .statement-copy .l2-6 {
    width: 4.2615384615vw;
    margin-top: 0;
    margin-left: 1.4102564103vw;
  }
}
.statement-copy .l2-7 {
  width: 12.5px;
  margin-top: 0;
  margin-left: 18px;
}

@media (max-width: 767px) {
  .statement-copy .l2-7 {
    width: 1.5384615385vw;
    margin-top: 0;
    margin-left: 2.3076923077vw;
  }
}
.statement-copy .l3-1 {
  width: 34px;
  margin-top: 6px;
  margin-left: -1px;
}

@media (max-width: 767px) {
  .statement-copy .l3-1 {
    width: 4.1025641026vw;
    margin-top: -0.5128205128vw;
    margin-left: -0.2564102564vw;
  }
}
.statement-copy .l3-2 {
  width: 30px;
  margin-top: 14px;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .statement-copy .l3-2 {
    width: 3.4435897436vw;
    margin-top: -0.2564102564vw;
    margin-left: 1.5384615385vw;
  }
}
.statement-copy .l3-3 {
  width: 37px;
  margin-top: 7px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .statement-copy .l3-3 {
    width: 4.358974359vw;
    margin-top: -0.5128205128vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l3-4 {
  width: 35px;
  margin-top: 8px;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l3-4 {
    width: 4.358974359vw;
    margin-top: -0.2564102564vw;
    margin-left: 0.7692307692vw;
  }
}
.statement-copy .l3-5 {
  width: 37px;
  margin-top: 7px;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l3-5 {
    width: 4.6153846154vw;
    margin-top: -0.2564102564vw;
    margin-left: 0.7692307692vw;
  }
}
.statement-copy .l3-6 {
  width: 35px;
  margin-top: 10px;
  margin-left: 12px;
}

@media (max-width: 767px) {
  .statement-copy .l3-6 {
    width: 4.358974359vw;
    margin-top: 0;
    margin-left: 1.0256410256vw;
  }
}
.statement-copy .l3-7 {
  width: 35px;
  margin-top: 8px;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .statement-copy .l3-7 {
    width: 4.1025641026vw;
    margin-top: -0.2564102564vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l3-8 {
  width: 37px;
  margin-top: 8px;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .statement-copy .l3-8 {
    width: 4.358974359vw;
    margin-top: -0.2564102564vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l3-9 {
  width: 38px;
  margin-top: -2px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .statement-copy .l3-9 {
    width: 4.6153846154vw;
    margin-top: -1.5384615385vw;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l3-10 {
  width: 34px;
  margin-top: 6px;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l3-10 {
    width: 4.1025641026vw;
    margin-top: -0.5128205128vw;
    margin-left: 1.0256410256vw;
  }
}
.statement-copy .l3-11 {
  width: 39px;
  margin-top: -3px;
  margin-left: 13px;
}

@media (max-width: 767px) {
  .statement-copy .l3-11 {
    width: 4.6153846154vw;
    margin-top: -1.5384615385vw;
    margin-left: 1.7948717949vw;
  }
}
.statement-copy .l3-12 {
  width: 30px;
  margin-top: 14px;
  margin-left: 9px;
}

@media (max-width: 767px) {
  .statement-copy .l3-12 {
    width: 3.5025641026vw;
    margin-top: -0.5128205128vw;
    margin-left: 0.5128205128vw;
  }
}
.statement-copy .l3-13 {
  width: 34px;
  margin-top: 6px;
  margin-left: 11px;
}

@media (max-width: 767px) {
  .statement-copy .l3-13 {
    width: 3.958974359vw;
    margin-top: 0;
    margin-left: 1.2820512821vw;
  }
}
.statement-copy .l3-14 {
  width: 31px;
  margin-top: 8px;
  margin-left: 13px;
}

@media (max-width: 767px) {
  .statement-copy .l3-14 {
    width: 3.6205128205vw;
    margin-top: -0.2564102564vw;
    margin-left: 1.5384615385vw;
  }
}
root[data-astro-cid-4eazn2e5] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-4eazn2e5] a[data-astro-cid-4eazn2e5], .main-contents-csr-project[data-astro-cid-4eazn2e5] a[data-astro-cid-4eazn2e5]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-4eazn2e5] a[data-astro-cid-4eazn2e5]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-4eazn2e5] [data-astro-cid-4eazn2e5]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-4eazn2e5] ::-webkit-scrollbar [data-astro-cid-4eazn2e5] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .pc[data-astro-cid-4eazn2e5], .main-contents-csr-project[data-astro-cid-4eazn2e5] .show-pc[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .pc-only[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .pc-only[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .sp[data-astro-cid-4eazn2e5], .main-contents-csr-project[data-astro-cid-4eazn2e5] .show-sp[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .sp[data-astro-cid-4eazn2e5], .main-contents-csr-project[data-astro-cid-4eazn2e5] .show-sp[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .tablet-below[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .tablet[data-astro-cid-4eazn2e5], .main-contents-csr-project[data-astro-cid-4eazn2e5] .show-tablet[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-4eazn2e5] .tablet[data-astro-cid-4eazn2e5], .main-contents-csr-project[data-astro-cid-4eazn2e5] .show-tablet[data-astro-cid-4eazn2e5] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-4eazn2e5] html.is-fixed, .main-contents-csr-project[data-astro-cid-4eazn2e5] html.is-fixed body, .main-contents-csr-project[data-astro-cid-4eazn2e5] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-4eazn2e5] .hidden[data-astro-cid-4eazn2e5] {
  display: none;
}

.statement[data-astro-cid-4eazn2e5] {
  position: relative;
  min-height: 100vh;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 160px;
  width: 1190px;
}

@media screen and (min-width: 768px) and (max-width: 768px) {
  .statement[data-astro-cid-4eazn2e5] {
    width: 1190px;
  }
}
@media (max-width: 767px) {
  .statement[data-astro-cid-4eazn2e5] {
    width: 100vw;
    padding-bottom: 0;
  }
}
.illust-bg[data-astro-cid-4eazn2e5] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 100%;
}

.statement-inner[data-astro-cid-4eazn2e5] {
  position: relative;
  width: 980px;
}

@media (max-width: 767px) {
  .statement-inner[data-astro-cid-4eazn2e5] {
    width: 100vw;
  }
}
.statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] {
  width: 980px;
  margin: 140px auto 0;
}

@media (max-width: 767px) {
  .statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] {
    width: 75.641025641vw;
    margin: 37.4358974359vw auto 0;
  }
}
.statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text[data-astro-cid-4eazn2e5] {
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 1.8px;
  margin-bottom: 36px;
}

@media (max-width: 767px) {
  .statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text[data-astro-cid-4eazn2e5] {
    font-size: 4.1025641026vw;
    line-height: 190%;
    letter-spacing: 0.4102564103vw;
    margin-bottom: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text[data-astro-cid-4eazn2e5] {
    line-height: 220%;
  }
}
.statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text2[data-astro-cid-4eazn2e5] {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text2[data-astro-cid-4eazn2e5] {
    margin-bottom: 5.1282051282vw;
  }
}
.statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text3[data-astro-cid-4eazn2e5] {
  margin-bottom: 33px;
}

@media (max-width: 767px) {
  .statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text3[data-astro-cid-4eazn2e5] {
    margin-bottom: 5.1282051282vw;
  }
}
.statement-inner[data-astro-cid-4eazn2e5] .statement-body[data-astro-cid-4eazn2e5] .statement-text4[data-astro-cid-4eazn2e5] {
  margin-bottom: 0;
}

.lg {
  display: inline-block;
}

.lg .lg-inner {
  display: block;
}

.lg .char {
  display: inline-block;
}

root[data-astro-cid-yc5dxsdh] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-yc5dxsdh] a[data-astro-cid-yc5dxsdh], .main-contents-csr-project[data-astro-cid-yc5dxsdh] a[data-astro-cid-yc5dxsdh]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-yc5dxsdh] a[data-astro-cid-yc5dxsdh]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-yc5dxsdh] [data-astro-cid-yc5dxsdh]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-yc5dxsdh] ::-webkit-scrollbar [data-astro-cid-yc5dxsdh] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .pc[data-astro-cid-yc5dxsdh], .main-contents-csr-project[data-astro-cid-yc5dxsdh] .show-pc[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .pc-only[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .pc-only[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .sp[data-astro-cid-yc5dxsdh], .main-contents-csr-project[data-astro-cid-yc5dxsdh] .show-sp[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .sp[data-astro-cid-yc5dxsdh], .main-contents-csr-project[data-astro-cid-yc5dxsdh] .show-sp[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .tablet-below[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .tablet[data-astro-cid-yc5dxsdh], .main-contents-csr-project[data-astro-cid-yc5dxsdh] .show-tablet[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-yc5dxsdh] .tablet[data-astro-cid-yc5dxsdh], .main-contents-csr-project[data-astro-cid-yc5dxsdh] .show-tablet[data-astro-cid-yc5dxsdh] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-yc5dxsdh] html.is-fixed, .main-contents-csr-project[data-astro-cid-yc5dxsdh] html.is-fixed body, .main-contents-csr-project[data-astro-cid-yc5dxsdh] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-yc5dxsdh] .hidden[data-astro-cid-yc5dxsdh] {
  display: none;
}

.photo-area[data-astro-cid-yc5dxsdh] {
  width: 100%;
  min-height: 100px;
  background-color: #dc000c;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 38px 0;
}

@media (max-width: 767px) {
  .photo-area[data-astro-cid-yc5dxsdh] {
    padding: 0;
  }
}
.photo-area[data-astro-cid-yc5dxsdh] .photo-area-inner[data-astro-cid-yc5dxsdh].pc {
  width: 1300px;
  min-width: 1300px;
  margin: 0 auto;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 28px;
}

.photo-area[data-astro-cid-yc5dxsdh] .photo-area-inner[data-astro-cid-yc5dxsdh].pc .photo-item[data-astro-cid-yc5dxsdh] {
  width: 303px;
  margin: 0;
}

@media (max-width: 767px) {
  .photo-area[data-astro-cid-yc5dxsdh] .photo-area-inner[data-astro-cid-yc5dxsdh].pc .photo-item[data-astro-cid-yc5dxsdh] {
    width: 51.7948717949vw;
  }
}
.photo-area[data-astro-cid-yc5dxsdh] .photo-area-inner[data-astro-cid-yc5dxsdh].sp {
  width: 100vw;
  display: flex;
}

.photo-area[data-astro-cid-yc5dxsdh] .photo-area-inner[data-astro-cid-yc5dxsdh].sp picture[data-astro-cid-yc5dxsdh], .photo-area[data-astro-cid-yc5dxsdh] .photo-area-inner[data-astro-cid-yc5dxsdh].sp img[data-astro-cid-yc5dxsdh] {
  display: block;
}

root[data-astro-cid-w2pcbhjp] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-w2pcbhjp] a[data-astro-cid-w2pcbhjp], .main-contents-csr-project[data-astro-cid-w2pcbhjp] a[data-astro-cid-w2pcbhjp]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-w2pcbhjp] a[data-astro-cid-w2pcbhjp]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-w2pcbhjp] [data-astro-cid-w2pcbhjp]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-w2pcbhjp] ::-webkit-scrollbar [data-astro-cid-w2pcbhjp] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .pc[data-astro-cid-w2pcbhjp], .main-contents-csr-project[data-astro-cid-w2pcbhjp] .show-pc[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .pc-only[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .pc-only[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .sp[data-astro-cid-w2pcbhjp], .main-contents-csr-project[data-astro-cid-w2pcbhjp] .show-sp[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .sp[data-astro-cid-w2pcbhjp], .main-contents-csr-project[data-astro-cid-w2pcbhjp] .show-sp[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .tablet-below[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .tablet[data-astro-cid-w2pcbhjp], .main-contents-csr-project[data-astro-cid-w2pcbhjp] .show-tablet[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-w2pcbhjp] .tablet[data-astro-cid-w2pcbhjp], .main-contents-csr-project[data-astro-cid-w2pcbhjp] .show-tablet[data-astro-cid-w2pcbhjp] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-w2pcbhjp] html.is-fixed, .main-contents-csr-project[data-astro-cid-w2pcbhjp] html.is-fixed body, .main-contents-csr-project[data-astro-cid-w2pcbhjp] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-w2pcbhjp] .hidden[data-astro-cid-w2pcbhjp] {
  display: none;
}

.project-footer[data-astro-cid-w2pcbhjp] {
  width: 1190px;
  margin: 0 auto;
  background-color: #dc000c;
  color: #fff;
  padding: 16px 0 39px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 767px) {
  .project-footer[data-astro-cid-w2pcbhjp] {
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .project-footer[data-astro-cid-w2pcbhjp] {
    padding: 7.6923076923vw 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .project-footer[data-astro-cid-w2pcbhjp] {
    padding: 2.5210084034% 0%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .project-footer[data-astro-cid-w2pcbhjp] {
    padding: 2.0833333333vw 0;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .project-footer[data-astro-cid-w2pcbhjp] {
    padding: 30px 0;
  }
}
h4[data-astro-cid-w2pcbhjp] {
  margin-bottom: 14px;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 767px) and (max-width: 767px) {
  h4[data-astro-cid-w2pcbhjp] {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  h4[data-astro-cid-w2pcbhjp] {
    font-size: 1.6806722689%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  h4[data-astro-cid-w2pcbhjp] {
    font-size: 1.3888888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  h4[data-astro-cid-w2pcbhjp] {
    font-size: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  h4[data-astro-cid-w2pcbhjp] {
    margin-bottom: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  h4[data-astro-cid-w2pcbhjp] {
    margin-bottom: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  h4[data-astro-cid-w2pcbhjp] {
    margin-bottom: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  h4[data-astro-cid-w2pcbhjp] {
    margin-bottom: 14px;
  }
}
ul[data-astro-cid-w2pcbhjp] {
  list-style-type: none;
  padding-left: 0;
  width: 794px;
}

@media (max-width: 767px) and (max-width: 767px) {
  ul[data-astro-cid-w2pcbhjp] {
    width: 86.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ul[data-astro-cid-w2pcbhjp] {
    width: 28.2352941176%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ul[data-astro-cid-w2pcbhjp] {
    width: 23.3333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ul[data-astro-cid-w2pcbhjp] {
    width: 336px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ul[data-astro-cid-w2pcbhjp] {
    margin-bottom: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ul[data-astro-cid-w2pcbhjp] {
    margin-bottom: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ul[data-astro-cid-w2pcbhjp] {
    margin-bottom: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ul[data-astro-cid-w2pcbhjp] {
    margin-bottom: 14px;
  }
}
li[data-astro-cid-w2pcbhjp] {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 700;
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width: 767px) {
  li[data-astro-cid-w2pcbhjp] {
    line-height: 1.6;
    text-align: justify;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  li[data-astro-cid-w2pcbhjp] {
    font-size: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  li[data-astro-cid-w2pcbhjp] {
    font-size: 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  li[data-astro-cid-w2pcbhjp] {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  li[data-astro-cid-w2pcbhjp] {
    font-size: 12px;
  }
}
root[data-astro-cid-ysg2n5bq] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-ysg2n5bq] a[data-astro-cid-ysg2n5bq], .main-contents-csr-project[data-astro-cid-ysg2n5bq] a[data-astro-cid-ysg2n5bq]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-ysg2n5bq] a[data-astro-cid-ysg2n5bq]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-ysg2n5bq] [data-astro-cid-ysg2n5bq]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-ysg2n5bq] ::-webkit-scrollbar [data-astro-cid-ysg2n5bq] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .pc[data-astro-cid-ysg2n5bq], .main-contents-csr-project[data-astro-cid-ysg2n5bq] .show-pc[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .pc-only[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .pc-only[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .sp[data-astro-cid-ysg2n5bq], .main-contents-csr-project[data-astro-cid-ysg2n5bq] .show-sp[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .sp[data-astro-cid-ysg2n5bq], .main-contents-csr-project[data-astro-cid-ysg2n5bq] .show-sp[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .tablet-below[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .tablet[data-astro-cid-ysg2n5bq], .main-contents-csr-project[data-astro-cid-ysg2n5bq] .show-tablet[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-ysg2n5bq] .tablet[data-astro-cid-ysg2n5bq], .main-contents-csr-project[data-astro-cid-ysg2n5bq] .show-tablet[data-astro-cid-ysg2n5bq] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-ysg2n5bq] html.is-fixed, .main-contents-csr-project[data-astro-cid-ysg2n5bq] html.is-fixed body, .main-contents-csr-project[data-astro-cid-ysg2n5bq] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-ysg2n5bq] .hidden[data-astro-cid-ysg2n5bq] {
  display: none;
}

.sns-area[data-astro-cid-ysg2n5bq] {
  width: 326px;
  margin: 121px auto 0;
  text-align: center;
  padding-bottom: 40px;
  border-top: 4px solid #dc000c;
}

.sns-area[data-astro-cid-ysg2n5bq] h3[data-astro-cid-ysg2n5bq] {
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #dc000c;
  margin-top: 26px;
}

.sns-area[data-astro-cid-ysg2n5bq] .sns-icon-area[data-astro-cid-ysg2n5bq] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.sns-area[data-astro-cid-ysg2n5bq] .sns-icon-area[data-astro-cid-ysg2n5bq] img[data-astro-cid-ysg2n5bq] {
  width: 42px;
  height: 42px;
  margin: 0 10px;
}

.sns-area[data-astro-cid-ysg2n5bq] .sns-icon-area[data-astro-cid-ysg2n5bq] img[data-astro-cid-ysg2n5bq].x {
  width: 37px;
  height: 38px;
}

root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project a, .main-contents-csr-project a:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project a:visited {
  color: unset;
}

.main-contents-csr-project *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project .pc, .main-contents-csr-project .show-pc {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project .pc-only {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project .pc-only {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project .sp, .main-contents-csr-project .show-sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project .sp, .main-contents-csr-project .show-sp {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project .tablet-below {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project .tablet, .main-contents-csr-project .show-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project .tablet, .main-contents-csr-project .show-tablet {
    display: none !important;
  }
}
.main-contents-csr-project html.is-fixed, .main-contents-csr-project html.is-fixed body, .main-contents-csr-project body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project .hidden {
  display: none;
}

.project-area .base {
  width: 100%;
}

.project-area .temp {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: saturate(0) opacity(0);
  display: none;
}

.project-area .item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.project-area .item img {
  width: 100%;
}

root[data-astro-cid-23i7pz7j] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-23i7pz7j] a[data-astro-cid-23i7pz7j], .main-contents-csr-project[data-astro-cid-23i7pz7j] a[data-astro-cid-23i7pz7j]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-23i7pz7j] a[data-astro-cid-23i7pz7j]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-23i7pz7j] [data-astro-cid-23i7pz7j]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-23i7pz7j] ::-webkit-scrollbar [data-astro-cid-23i7pz7j] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .pc[data-astro-cid-23i7pz7j], .main-contents-csr-project[data-astro-cid-23i7pz7j] .show-pc[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .pc-only[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .pc-only[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .sp[data-astro-cid-23i7pz7j], .main-contents-csr-project[data-astro-cid-23i7pz7j] .show-sp[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .sp[data-astro-cid-23i7pz7j], .main-contents-csr-project[data-astro-cid-23i7pz7j] .show-sp[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .tablet-below[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .tablet[data-astro-cid-23i7pz7j], .main-contents-csr-project[data-astro-cid-23i7pz7j] .show-tablet[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-23i7pz7j] .tablet[data-astro-cid-23i7pz7j], .main-contents-csr-project[data-astro-cid-23i7pz7j] .show-tablet[data-astro-cid-23i7pz7j] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-23i7pz7j] html.is-fixed, .main-contents-csr-project[data-astro-cid-23i7pz7j] html.is-fixed body, .main-contents-csr-project[data-astro-cid-23i7pz7j] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-23i7pz7j] .hidden[data-astro-cid-23i7pz7j] {
  display: none;
}

.project-area[data-astro-cid-23i7pz7j] {
  width: 100%;
  min-height: 100px;
  background-color: #dc000c;
}

.project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] {
  box-sizing: border-box;
  width: 1190px;
  border: 23px solid #dc000c;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background-color: #f6f3e4;
}

@media (max-width: 767px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] {
    width: 100vw;
  }
}
.project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] .title[data-astro-cid-23i7pz7j] {
  margin: 178px auto 0;
  width: 527px;
  height: 108px;
}

@media (max-width: 767px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] .title[data-astro-cid-23i7pz7j] {
    margin: 0 auto;
    width: 78.2051282051vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] .title[data-astro-cid-23i7pz7j] {
    margin-top: 26.4102564103vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] .title[data-astro-cid-23i7pz7j] {
    margin-top: 8.6554621849%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] .title[data-astro-cid-23i7pz7j] {
    margin-top: 7.1527777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] .title[data-astro-cid-23i7pz7j] {
    margin-top: 103px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] {
    border-width: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] {
    border-width: 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] {
    border-width: 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  .project-area[data-astro-cid-23i7pz7j] .project-area-inner[data-astro-cid-23i7pz7j] {
    border-width: 12px;
  }
}
root[data-astro-cid-efwlrnyv] {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

.main-contents-csr-project[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv], .main-contents-csr-project[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv]:link {
  text-decoration: none;
  color: unset;
}

.main-contents-csr-project[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv]:visited {
  color: unset;
}

.main-contents-csr-project[data-astro-cid-efwlrnyv] [data-astro-cid-efwlrnyv]:not(a) {
  -webkit-tap-highlight-color: transparent;
}

.main-contents-csr-project[data-astro-cid-efwlrnyv] ::-webkit-scrollbar [data-astro-cid-efwlrnyv] {
  display: none;
}

@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .pc[data-astro-cid-efwlrnyv], .main-contents-csr-project[data-astro-cid-efwlrnyv] .show-pc[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .pc-only[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .pc-only[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .sp[data-astro-cid-efwlrnyv], .main-contents-csr-project[data-astro-cid-efwlrnyv] .show-sp[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .sp[data-astro-cid-efwlrnyv], .main-contents-csr-project[data-astro-cid-efwlrnyv] .show-sp[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .tablet-below[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .tablet[data-astro-cid-efwlrnyv], .main-contents-csr-project[data-astro-cid-efwlrnyv] .show-tablet[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .main-contents-csr-project[data-astro-cid-efwlrnyv] .tablet[data-astro-cid-efwlrnyv], .main-contents-csr-project[data-astro-cid-efwlrnyv] .show-tablet[data-astro-cid-efwlrnyv] {
    display: none !important;
  }
}
.main-contents-csr-project[data-astro-cid-efwlrnyv] html.is-fixed, .main-contents-csr-project[data-astro-cid-efwlrnyv] html.is-fixed body, .main-contents-csr-project[data-astro-cid-efwlrnyv] body.is-fixed {
  overflow: hidden;
  overscroll-behavior: contain;
}

.main-contents-csr-project[data-astro-cid-efwlrnyv] .hidden[data-astro-cid-efwlrnyv] {
  display: none;
}

.link-area[data-astro-cid-efwlrnyv] {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 50px;
}

@media (max-width: 767px) {
  .link-area[data-astro-cid-efwlrnyv] {
    padding: 12.8205128205vw;
  }
}
.link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 22px;
  background-color: #dc000c;
  padding-right: 20px;
  width: 333px;
  height: 62px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-size: 2rem;
  letter-spacing: 2px;
}

.link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv]:hover {
  opacity: 0.8;
}

.link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv]:hover .icon[data-astro-cid-efwlrnyv] {
  opacity: 1 !important;
}

@media (min-width: 1440px) {
  .link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv] {
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media (max-width: 767px) {
  .link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv] {
    width: 71.2820512821vw;
    height: 14.1025641026vw;
    font-size: 4.6153846154vw;
    letter-spacing: 0.4615384615vw;
    padding-right: 26px;
    line-height: 100%;
    gap: 2.3076923077vw;
  }
  .link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv] span[data-astro-cid-efwlrnyv] {
    margin-top: -1.0256410256vw;
  }
}
.link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv] .icon[data-astro-cid-efwlrnyv] {
  width: 24px;
  height: 24px;
}

@media (max-width: 767px) {
  .link-btn[data-astro-cid-efwlrnyv] a[data-astro-cid-efwlrnyv] .icon[data-astro-cid-efwlrnyv] {
    width: 4.6153846154vw;
    height: 4.6153846154vw;
  }
}
._main-contents-csr-project_ruin4_27 a, ._main-contents-csr-project_ruin4_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_ruin4_27 a:visited {
  color: unset;
}

._main-contents-csr-project_ruin4_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_ruin4_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_ruin4_27 ._pc_ruin4_42, ._main-contents-csr-project_ruin4_27 ._show-pc_ruin4_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_ruin4_27 ._pc-only_ruin4_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_ruin4_27 ._pc-only_ruin4_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_ruin4_27 ._sp_ruin4_58, ._main-contents-csr-project_ruin4_27 ._show-sp_ruin4_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_ruin4_27 ._sp_ruin4_58, ._main-contents-csr-project_ruin4_27 ._show-sp_ruin4_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_ruin4_27 ._tablet-below_ruin4_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_ruin4_27 ._tablet_ruin4_70, ._main-contents-csr-project_ruin4_27 ._show-tablet_ruin4_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_ruin4_27 ._tablet_ruin4_70, ._main-contents-csr-project_ruin4_27 ._show-tablet_ruin4_76 {
    display: none !important;
  }
}
._main-contents-csr-project_ruin4_27 html._is-fixed_ruin4_86, ._main-contents-csr-project_ruin4_27 html._is-fixed_ruin4_86 body, ._main-contents-csr-project_ruin4_27 body._is-fixed_ruin4_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_ruin4_27 ._hidden_ruin4_92 {
  display: none;
}

._cm-area_ruin4_95 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffeeec;
  width: 710px;
  margin: 60px auto 0;
  padding: 40px 40px 45px;
  gap: 36px;
}

@media (max-width: 767px) {
  ._cm-area_ruin4_95 {
    width: 100vw;
    margin: 33.5897435897vw auto 0;
    padding: 15.3846153846vw;
  }
}
._cm-area-sub_ruin4_113 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px 30px;
  margin-top: 18px;
}

._cm-area-sub_ruin4_113._is-single_ruin4_120 {
  grid-template-columns: 1fr;
}

._photo-gallery-button_ruin4_123 {
  display: inline-flex;
  padding: 22.138px 56px 21.862px 66px;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  border-radius: 12px;
  background: #dc000c;
  white-space: pre;
  color: #fff7f7;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 1.8px;
  cursor: pointer;
}

._photo-gallery-button_ruin4_123 ._btn-icon_ruin4_141 {
  display: block;
  width: 47px;
  height: 36px;
}

@media (min-width: 768px) {
  ._photo-gallery-button_ruin4_123 {
    transition: filter 0.3s ease-out;
  }
  ._photo-gallery-button_ruin4_123:hover {
    filter: brightness(1.08);
  }
}
@media (max-width: 767px) {
  ._photo-gallery-button_ruin4_123 {
    display: inline-flex;
    padding: 4.358974359vw 7.1794871795vw 4.358974359vw 9.2307692308vw;
    gap: 3.7179487179vw;
    border-radius: 2.1794871795vw;
    font-family: "Noto Sans JP";
    font-size: 3.5897435897vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0.358974359vw;
  }
  ._photo-gallery-button_ruin4_123 ._btn-icon_ruin4_141 {
    display: block;
    width: 9.8717948718vw;
    height: 7.1794871795vw;
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_quwf5_27 a, ._main-contents-csr-project_quwf5_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_quwf5_27 a:visited {
  color: unset;
}

._main-contents-csr-project_quwf5_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_quwf5_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_quwf5_27 ._pc_quwf5_42, ._main-contents-csr-project_quwf5_27 ._show-pc_quwf5_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_quwf5_27 ._pc-only_quwf5_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_quwf5_27 ._pc-only_quwf5_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_quwf5_27 ._sp_quwf5_58, ._main-contents-csr-project_quwf5_27 ._show-sp_quwf5_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_quwf5_27 ._sp_quwf5_58, ._main-contents-csr-project_quwf5_27 ._show-sp_quwf5_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_quwf5_27 ._tablet-below_quwf5_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_quwf5_27 ._tablet_quwf5_70, ._main-contents-csr-project_quwf5_27 ._show-tablet_quwf5_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_quwf5_27 ._tablet_quwf5_70, ._main-contents-csr-project_quwf5_27 ._show-tablet_quwf5_76 {
    display: none !important;
  }
}
._main-contents-csr-project_quwf5_27 html._is-fixed_quwf5_86, ._main-contents-csr-project_quwf5_27 html._is-fixed_quwf5_86 body, ._main-contents-csr-project_quwf5_27 body._is-fixed_quwf5_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_quwf5_27 ._hidden_quwf5_92 {
  display: none;
}

._statement-movie-wrapper_quwf5_95 {
  position: relative;
}

._statement-movie_quwf5_95 {
  position: relative;
  width: 628px;
  min-height: 336px;
  margin: 0 auto;
  cursor: pointer;
}

@media (max-width: 767px) {
  ._statement-movie_quwf5_95 {
    width: 81.7948717949vw;
    height: 46.1538461538vw;
    min-height: 46.1538461538vw;
  }
}
._statement-movie_quwf5_95._small_quwf5_112 {
  width: 300px;
  min-height: 159px;
  cursor: pointer;
}

@media (max-width: 767px) {
  ._statement-movie_quwf5_95._small_quwf5_112 {
    width: 41.0256410256vw;
    height: 22.0512820513vw;
    min-height: 22.0512820513vw;
  }
}
._statement-movie_quwf5_95._small_quwf5_112 ._play-btn_quwf5_124 {
  width: 37px;
  height: 37px;
}

@media (max-width: 767px) {
  ._statement-movie_quwf5_95._small_quwf5_112 ._play-btn_quwf5_124 {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
._statement-movie_quwf5_95 ._play-btn_quwf5_124 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  width: 75px;
  height: 75px;
  transition: transform 0.15s cubic-bezier(0, 0.5, 0.5, 1.2);
  transform-origin: left top;
}

@media (max-width: 767px) {
  ._statement-movie_quwf5_95 ._play-btn_quwf5_124 {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    transform: scale(1) translate(-50%, -50%);
  }
}
._statement-movie_quwf5_95 ._play-btn_quwf5_124 img {
  width: 100%;
}

._statement-movie_quwf5_95:hover ._play-btn_quwf5_124 {
  transform: scale(1.2) translate(-50%, -50%);
}

._movie-title_quwf5_160 {
  color: #dc000c;
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.76px;
  margin-top: 10px;
}

._movie-title_quwf5_160._title-small_quwf5_172 {
  color: #dc000c;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.28px;
}

@media (max-width: 767px) {
  ._movie-title_quwf5_160._title-small_quwf5_172 {
    font-size: 4.1025641026vw;
    letter-spacing: 0.3282051282vw;
  }
}
._new-badge_quwf5_187 {
  width: 100px;
  height: 48px;
  position: absolute;
  top: -13px;
  right: -20px;
  transform: rotate(22deg);
  transform-origin: center center;
}

@media (max-width: 767px) {
  ._new-badge_quwf5_187 {
    top: -1.7948717949vw;
    right: -3.8461538462vw;
  }
}
._new-badge_quwf5_187._small_quwf5_112 {
  width: 61px;
  height: 29px;
  top: -10px;
  right: -15px;
}

@media (max-width: 767px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    top: -1.7948717949vw;
    right: -2.5641025641vw;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    width: 9.8384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    width: 3.2243697479%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    width: 2.6645833333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    width: 38.37px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    height: 4.6692307692vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    height: 1.5302521008%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    height: 1.2645833333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._new-badge_quwf5_187._small_quwf5_112 {
    height: 18.21px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._new-badge_quwf5_187 {
    width: 15.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._new-badge_quwf5_187 {
    width: 5.1260504202%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._new-badge_quwf5_187 {
    width: 4.2361111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._new-badge_quwf5_187 {
    width: 61px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._new-badge_quwf5_187 {
    height: 7.4358974359vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._new-badge_quwf5_187 {
    height: 2.4369747899%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._new-badge_quwf5_187 {
    height: 2.0138888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._new-badge_quwf5_187 {
    height: 29px;
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_gu9aw_27 a, ._main-contents-csr-project_gu9aw_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_gu9aw_27 a:visited {
  color: unset;
}

._main-contents-csr-project_gu9aw_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_gu9aw_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_gu9aw_27 ._pc_gu9aw_42, ._main-contents-csr-project_gu9aw_27 ._show-pc_gu9aw_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_gu9aw_27 ._pc-only_gu9aw_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_gu9aw_27 ._pc-only_gu9aw_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_gu9aw_27 ._sp_gu9aw_58, ._main-contents-csr-project_gu9aw_27 ._show-sp_gu9aw_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_gu9aw_27 ._sp_gu9aw_58, ._main-contents-csr-project_gu9aw_27 ._show-sp_gu9aw_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_gu9aw_27 ._tablet-below_gu9aw_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_gu9aw_27 ._tablet_gu9aw_70, ._main-contents-csr-project_gu9aw_27 ._show-tablet_gu9aw_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_gu9aw_27 ._tablet_gu9aw_70, ._main-contents-csr-project_gu9aw_27 ._show-tablet_gu9aw_76 {
    display: none !important;
  }
}
._main-contents-csr-project_gu9aw_27 html._is-fixed_gu9aw_86, ._main-contents-csr-project_gu9aw_27 html._is-fixed_gu9aw_86 body, ._main-contents-csr-project_gu9aw_27 body._is-fixed_gu9aw_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_gu9aw_27 ._hidden_gu9aw_92 {
  display: none;
}

._top-modal-container_gu9aw_95 {
  position: fixed;
  inset: 0;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  overflow: visible;
  pointer-events: none;
}

._top-modal-container_gu9aw_95._show_gu9aw_43 {
  opacity: 1;
  pointer-events: unset;
}

._modal-bg_gu9aw_111 {
  position: fixed;
  inset: 0;
  z-index: 11;
  transition: all 0.3s ease-in-out;
  background: rgba(220, 0, 12, 0.2);
  width: 100%;
  height: 100%;
  overflow: scroll;
}

._modal-bg_gu9aw_111 ._modal-bg-inner_gu9aw_124 {
  position: relative;
  width: 100%;
  height: calc(100vh + 1px);
}

._modal-close-btn_gu9aw_129 {
  position: fixed;
  top: -64px;
  right: 0;
  z-index: 11;
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: transform 0.15s cubic-bezier(0, 0.5, 0.5, 1.2);
  pointer-events: auto;
}

._modal-close-btn_gu9aw_129:hover {
  transform: scale(1.05);
}

._modal-close-btn_gu9aw_129 img {
  width: 100%;
}

@media (max-width: 767px) {
  ._modal-close-btn_gu9aw_129 {
    top: -11.7948717949vw;
    right: 0;
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
}
._modal-contents_gu9aw_154 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
}

@media (max-width: 767px) {
  ._modal-contents_gu9aw_154 {
    width: 85.641025641vw;
    left: 50%;
    transform: translate(-50%);
    height: auto;
    overflow-y: visible;
  }
  ._modal-contents_gu9aw_154::after {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._modal-contents_gu9aw_154 {
    top: 21.7948717949vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._modal-contents_gu9aw_154 {
    top: 7.1428571429%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._modal-contents_gu9aw_154 {
    top: 5.9027777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._modal-contents_gu9aw_154 {
    top: 85px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._modal-contents_gu9aw_154::after {
    height: 8.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._modal-contents_gu9aw_154::after {
    height: 2.6890756303%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._modal-contents_gu9aw_154::after {
    height: 2.2222222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._modal-contents_gu9aw_154::after {
    height: 32px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._modal-contents_gu9aw_154::after {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._modal-contents_gu9aw_154::after {
    border-radius: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._modal-contents_gu9aw_154::after {
    border-radius: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._modal-contents_gu9aw_154::after {
    border-radius: 10px;
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_1g1ax_27 a, ._main-contents-csr-project_1g1ax_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_1g1ax_27 a:visited {
  color: unset;
}

._main-contents-csr-project_1g1ax_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_1g1ax_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_1g1ax_27 ._pc_1g1ax_42, ._main-contents-csr-project_1g1ax_27 ._show-pc_1g1ax_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1g1ax_27 ._pc-only_1g1ax_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1g1ax_27 ._pc-only_1g1ax_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1g1ax_27 ._sp_1g1ax_58, ._main-contents-csr-project_1g1ax_27 ._show-sp_1g1ax_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1g1ax_27 ._sp_1g1ax_58, ._main-contents-csr-project_1g1ax_27 ._show-sp_1g1ax_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1g1ax_27 ._tablet-below_1g1ax_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1g1ax_27 ._tablet_1g1ax_70, ._main-contents-csr-project_1g1ax_27 ._show-tablet_1g1ax_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1g1ax_27 ._tablet_1g1ax_70, ._main-contents-csr-project_1g1ax_27 ._show-tablet_1g1ax_76 {
    display: none !important;
  }
}
._main-contents-csr-project_1g1ax_27 html._is-fixed_1g1ax_86, ._main-contents-csr-project_1g1ax_27 html._is-fixed_1g1ax_86 body, ._main-contents-csr-project_1g1ax_27 body._is-fixed_1g1ax_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_1g1ax_27 ._hidden_1g1ax_92 {
  display: none;
}

._top-modal-container_1g1ax_95 {
  position: fixed;
  inset: 0;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  overflow: visible;
  pointer-events: none;
}

._top-modal-container_1g1ax_95._show_1g1ax_43 {
  opacity: 1;
  pointer-events: unset;
}

._modal-bg_1g1ax_111 {
  position: fixed;
  inset: 0;
  z-index: 11;
  transition: all 0.3s ease-in-out;
  background: rgba(220, 0, 12, 0.4);
  width: 100%;
  height: 100%;
  overflow: scroll;
}

._modal-bg_1g1ax_111 ._modal-bg-inner_1g1ax_124 {
  position: relative;
  width: 100%;
  height: calc(100vh + 100px);
  background-color: rgba(0, 0, 0, 0);
}

._modal-close-btn_1g1ax_130 {
  position: fixed;
  top: -64px;
  right: 0;
  z-index: 11;
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: transform 0.15s cubic-bezier(0, 0.5, 0.5, 1.2);
  pointer-events: auto;
}

._modal-close-btn_1g1ax_130:hover {
  transform: scale(1.05);
}

._modal-close-btn_1g1ax_130 img {
  width: 100%;
}

@media (max-width: 767px) {
  ._modal-close-btn_1g1ax_130 {
    top: -11.7948717949vw;
    right: 0;
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
}
._photo-gallery-container_1g1ax_155, ._photo-gallery-container-in-modal_1g1ax_156 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  width: 1030px;
  height: 758px;
  background-color: #fff;
  border-radius: 10px;
}

@media (max-width: 767px) {
  ._photo-gallery-container_1g1ax_155, ._photo-gallery-container-in-modal_1g1ax_156 {
    top: 21.7948717949vw;
    left: 50%;
    transform: translate(-50%);
    width: 86.1538461538vw;
    max-height: 164.1025641026vw;
    height: auto;
    border-radius: 2.5641025641vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (max-width: 767px) {
  ._photo-gallery-container_1g1ax_155::after {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (height >= 0) and (height <= 880px) {
  ._photo-gallery-container_1g1ax_155 {
    transform: scale(0.75) translate(-50%, -50%);
    transform-origin: left top;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._photo-gallery-container_1g1ax_155::after {
    height: 8.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._photo-gallery-container_1g1ax_155::after {
    height: 2.6890756303%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._photo-gallery-container_1g1ax_155::after {
    height: 2.2222222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._photo-gallery-container_1g1ax_155::after {
    height: 32px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._photo-gallery-container_1g1ax_155::after {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._photo-gallery-container_1g1ax_155::after {
    border-radius: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._photo-gallery-container_1g1ax_155::after {
    border-radius: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._photo-gallery-container_1g1ax_155::after {
    border-radius: 10px;
  }
}
._photo-gallery-container-in-modal_1g1ax_156 {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

._photo-gallery-container-in-modal_1g1ax_156._show_1g1ax_43 {
  opacity: 1;
  pointer-events: unset;
}

@media screen and (min-width: 768px) and (height >= 0) and (height <= 880px) {
  ._photo-gallery-container-in-modal_1g1ax_156 {
    transform: scale(0.75) translate(-50%, -50%);
    transform-origin: left top;
  }
}
._photo-gallery-container-inner_1g1ax_256 {
  position: relative;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  ._photo-gallery-container-inner_1g1ax_256 {
    height: calc(var(--vh) * 100 - 34.6153846154vw);
    margin-top: 8.2051282051vw;
    padding-bottom: 7.6923076923vw;
    overflow: scroll;
  }
}
._photo-gallery-container-in-modal_1g1ax_156 {
  background: rgba(255, 220, 220, 0.8);
}

@media (max-width: 767px) {
  ._photo-gallery-container-in-modal_1g1ax_156 {
    height: calc(var(--vh) * 100 - 26.9230769231vw);
  }
}
._photo-gallery-title_1g1ax_277 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  padding: 48px 0 34px;
  color: #dc000c;
  text-align: center;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  z-index: 2;
}

._photo-gallery-title_1g1ax_277 ._title-icon_1g1ax_294 {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: calc(50% - 325px);
  transform: translateY(-50%);
  width: 100px;
  height: 87px;
}

._photo-gallery-title_1g1ax_277 ._title-text_1g1ax_304 {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  ._photo-gallery-title_1g1ax_277 {
    padding: 0 0 4.6153846154vw;
    text-align: center;
    font-feature-settings: "palt" on;
    font-family: "Noto Sans JP";
    font-size: 4.6153846154vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }
  ._photo-gallery-title_1g1ax_277 ._title-icon_1g1ax_294 {
    top: calc(50% - 2.5641025641vw);
    left: calc(50% - 39.7435897436vw);
    transform: translateY(-50%);
    width: 15.8974358974vw;
    height: 13.8461538462vw;
  }
}
@media (max-width: 767px) {
  ._photo-gallery-list_1g1ax_328 {
    overflow: scroll;
    min-height: 116.6666666667vw;
    max-height: 116.6666666667vw;
  }
}
._photo-gallery-list_1g1ax_328 ._photo-gallery-list-inner_1g1ax_334 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  width: 805px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  ._photo-gallery-list_1g1ax_328 ._photo-gallery-list-inner_1g1ax_334 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5641025641vw;
    width: 65.3846153846vw;
    margin: 0 auto;
  }
}
._photo-gallery-item_1g1ax_349 {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

@media (min-width: 768px) {
  ._photo-gallery-item_1g1ax_349 {
    transition: filter 0.3s ease-out;
  }
  ._photo-gallery-item_1g1ax_349:hover {
    filter: brightness(0.8);
  }
}
@media (max-width: 767px) {
  ._photo-gallery-item_1g1ax_349 {
    border-radius: 0.7692307692vw;
    height: auto;
  }
}
._photo-gallery-link_1g1ax_369 {
  display: flex;
  width: 506px;
  padding-bottom: 1px;
  flex-direction: column;
  align-items: center;
  color: #dc000c;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin: 25px auto 0;
  text-decoration: underline;
}

._photo-gallery-link_1g1ax_369:hover {
  opacity: 0.8;
}

@media (min-width: 768px) {
  ._photo-gallery-link_1g1ax_369 {
    transition: filter 0.3s ease-out;
  }
  ._photo-gallery-link_1g1ax_369:hover {
    filter: brightness(1.05);
  }
}
@media (max-width: 767px) {
  ._photo-gallery-link_1g1ax_369 {
    font-size: 3.0769230769vw;
    line-height: 160%;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin: 4.1025641026vw auto 0;
    padding-bottom: 8.4615384615vw;
  }
}
._modal-in-modal-container_1g1ax_408 ._modal-in-modal-contents_1g1ax_408 {
  position: absolute;
  top: 54px;
  left: 50%;
  transform: translate(-50%);
  width: 884px;
  height: 590px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) {
  ._modal-in-modal-container_1g1ax_408 ._modal-in-modal-contents_1g1ax_408 {
    top: calc(50% - 41.5384615385vw);
    left: 50%;
    transform: translate(-50%);
    width: 86.1538461538vw;
    height: 57.6923076923vw;
    border-radius: 0;
  }
}
._modal-in-modal-container_1g1ax_408 ._modal-in-modal-contents_1g1ax_408 ._photo-detail-item_1g1ax_428 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s linear 0.2s;
  opacity: 0;
  z-index: 10;
}

._modal-in-modal-container_1g1ax_408 ._modal-in-modal-contents_1g1ax_408 ._photo-detail-item_1g1ax_428._active_1g1ax_442 {
  transition: opacity 0.2s linear;
  z-index: 11;
  opacity: 1;
}

._modal-in-modal-nav-inner_1g1ax_447 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  width: 215px;
  position: absolute;
  top: calc(50% + 318px);
  left: 50%;
  transform: translateY(-50%) translate(-50%);
  z-index: 2;
}

._modal-in-modal-nav-inner_1g1ax_447 img {
  width: 27px;
  height: 36px;
}

._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-left_1g1ax_464, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-right_1g1ax_465 {
  cursor: pointer;
}

._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-left_1g1ax_464:hover, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-right_1g1ax_465:hover {
  opacity: 0.8;
}

._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-left_1g1ax_464 img, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-right_1g1ax_465 img, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-left_1g1ax_464 picture, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-right_1g1ax_465 picture {
  width: 37px;
  height: 46px;
}

@media (max-width: 767px) {
  ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-left_1g1ax_464 img, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-right_1g1ax_465 img, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-left_1g1ax_464 picture, ._modal-in-modal-nav-inner_1g1ax_447 ._modal-in-modal-nav-right_1g1ax_465 picture {
    width: 6.4102564103vw;
    height: 7.6923076923vw;
  }
}
@media (max-width: 767px) {
  ._modal-in-modal-nav-inner_1g1ax_447 {
    top: calc(50% + 24.358974359vw);
    left: 50%;
    width: 37.4358974359vw;
    height: 5.8974358974vw;
    padding: 0 2.5641025641vw;
  }
  ._modal-in-modal-nav-inner_1g1ax_447 img {
    width: 3.8461538462vw;
    height: 5.1282051282vw;
  }
}
._modal-in-modal-nav-back_1g1ax_501 {
  background: #dc000c;
  width: 148px;
  height: 34px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% + 318px);
  left: calc(50% + 290px);
  transform: translateY(-50%) translate(-50%);
  z-index: 2;
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  cursor: pointer;
}

._modal-in-modal-nav-back_1g1ax_501:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  ._modal-in-modal-nav-back_1g1ax_501 {
    top: calc(50% + 39.7435897436vw);
    left: 50%;
    font-size: 3.0769230769vw;
    width: 25.641025641vw;
    height: 6.1538461538vw;
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_1qzhm_27 a, ._main-contents-csr-project_1qzhm_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_1qzhm_27 a:visited {
  color: unset;
}

._main-contents-csr-project_1qzhm_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_1qzhm_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_1qzhm_27 ._pc_1qzhm_42, ._main-contents-csr-project_1qzhm_27 ._show-pc_1qzhm_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1qzhm_27 ._pc-only_1qzhm_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1qzhm_27 ._pc-only_1qzhm_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1qzhm_27 ._sp_1qzhm_58, ._main-contents-csr-project_1qzhm_27 ._show-sp_1qzhm_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1qzhm_27 ._sp_1qzhm_58, ._main-contents-csr-project_1qzhm_27 ._show-sp_1qzhm_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1qzhm_27 ._tablet-below_1qzhm_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1qzhm_27 ._tablet_1qzhm_70, ._main-contents-csr-project_1qzhm_27 ._show-tablet_1qzhm_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1qzhm_27 ._tablet_1qzhm_70, ._main-contents-csr-project_1qzhm_27 ._show-tablet_1qzhm_76 {
    display: none !important;
  }
}
._main-contents-csr-project_1qzhm_27 html._is-fixed_1qzhm_86, ._main-contents-csr-project_1qzhm_27 html._is-fixed_1qzhm_86 body, ._main-contents-csr-project_1qzhm_27 body._is-fixed_1qzhm_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_1qzhm_27 ._hidden_1qzhm_92 {
  display: none;
}

._top-modal-container_1qzhm_95 {
  position: fixed;
  inset: 0;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  overflow: visible;
  pointer-events: none;
}

._top-modal-container_1qzhm_95._show_1qzhm_43 {
  opacity: 1;
  pointer-events: unset;
}

._modal-bg_1qzhm_111 {
  position: fixed;
  inset: 0;
  z-index: 11;
  transition: all 0.3s ease-in-out;
  background: rgba(220, 0, 12, 0.4);
  width: 100%;
  height: 100%;
  overflow: scroll;
}

._modal-bg_1qzhm_111 ._modal-bg-inner_1qzhm_124 {
  position: relative;
  width: 100%;
  height: calc(100vh + 100px);
  background-color: rgba(0, 0, 0, 0);
}

._modal-close-btn_1qzhm_130 {
  position: fixed;
  top: -64px;
  right: 0;
  z-index: 11;
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: transform 0.15s cubic-bezier(0, 0.5, 0.5, 1.2);
}

._modal-close-btn_1qzhm_130:hover {
  transform: scale(1.05);
}

._modal-close-btn_1qzhm_130 img {
  width: 100%;
}

@media (max-width: 767px) {
  ._modal-close-btn_1qzhm_130 {
    display: none;
    top: -11.7948717949vw;
    right: 5.1282051282vw;
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
}
._modal-close-btn-sp_1qzhm_155 {
  display: none;
}

._modal-close-btn-sp_1qzhm_155 img {
  width: 100%;
}

@media (max-width: 767px) {
  ._modal-close-btn-sp_1qzhm_155 {
    display: block;
    position: fixed;
    z-index: 11;
    cursor: pointer;
    top: calc(50% - 35.1282051282vw);
    left: calc(50% + 40.2564102564vw);
    width: 9.2307692308vw;
    height: 9.2307692308vw;
    transform: translate(-50%, -50%);
    overscroll-behavior: none;
    overflow: scroll;
  }
}
._youtube-contents_1qzhm_176 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  width: 884px;
  height: 498px;
  background-color: rgba(0, 0, 0, 0);
  aspect-ratio: 16/9;
}

._youtube-contents_1qzhm_176 iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

@media (max-width: 767px) {
  ._youtube-contents_1qzhm_176 {
    display: none;
    width: 100vw;
    height: 56.25vw;
  }
}
._youtube-contents-sp_1qzhm_199 {
  position: relative;
  z-index: 15;
  display: none;
}

@media (max-width: 767px) {
  ._youtube-contents-sp_1qzhm_199 {
    display: block;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    overscroll-behavior: none;
  }
  ._youtube-contents-sp_1qzhm_199 ._youtube-contents-sp-inner_1qzhm_212 {
    width: 100%;
    height: calc(100vh + 1px);
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._youtube-contents-sp_1qzhm_199 ._youtube-contents_1qzhm_176 {
    position: static;
    display: block;
    top: unset;
    left: unset;
    transform: unset;
    z-index: 15;
    width: 100vw;
    height: 56.25vw;
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_1nfa3_27 a, ._main-contents-csr-project_1nfa3_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_1nfa3_27 a:visited {
  color: unset;
}

._main-contents-csr-project_1nfa3_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_1nfa3_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_1nfa3_27 ._pc_1nfa3_42, ._main-contents-csr-project_1nfa3_27 ._show-pc_1nfa3_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1nfa3_27 ._pc-only_1nfa3_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1nfa3_27 ._pc-only_1nfa3_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1nfa3_27 ._sp_1nfa3_58, ._main-contents-csr-project_1nfa3_27 ._show-sp_1nfa3_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1nfa3_27 ._sp_1nfa3_58, ._main-contents-csr-project_1nfa3_27 ._show-sp_1nfa3_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1nfa3_27 ._tablet-below_1nfa3_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1nfa3_27 ._tablet_1nfa3_70, ._main-contents-csr-project_1nfa3_27 ._show-tablet_1nfa3_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1nfa3_27 ._tablet_1nfa3_70, ._main-contents-csr-project_1nfa3_27 ._show-tablet_1nfa3_76 {
    display: none !important;
  }
}
._main-contents-csr-project_1nfa3_27 html._is-fixed_1nfa3_86, ._main-contents-csr-project_1nfa3_27 html._is-fixed_1nfa3_86 body, ._main-contents-csr-project_1nfa3_27 body._is-fixed_1nfa3_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_1nfa3_27 ._hidden_1nfa3_92 {
  display: none;
}

._project-list_1nfa3_95 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 1030px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 767px) {
  ._project-list_1nfa3_95 {
    width: 100%;
  }
}
._title_1nfa3_109 {
  display: inline-flex;
  font-size: 3.6rem;
  color: #dc000c;
  line-height: 1.4;
  font-weight: 700;
}

@media (max-width: 767px) {
  ._title_1nfa3_109 {
    line-height: 1;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title_1nfa3_109 {
    font-size: 6.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title_1nfa3_109 {
    font-size: 2.0168067227%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title_1nfa3_109 {
    font-size: 1.6666666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title_1nfa3_109 {
    font-size: 24px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title_1nfa3_109 {
    height: 8.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title_1nfa3_109 {
    height: 2.8571428571%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title_1nfa3_109 {
    height: 2.3611111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title_1nfa3_109 {
    height: 34px;
  }
}
._title-label_1nfa3_161 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #dc000c;
  color: #fff;
  width: 137px;
  height: 44px;
  margin-right: 6px;
  margin-top: 5px;
  border-radius: 22px;
  line-height: 1;
  padding-bottom: 2px;
  font-weight: 700;
  font-size: 2.6rem;
  box-sizing: border-box;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    font-size: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    font-size: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    font-size: 18px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    margin-right: 2.0512820513vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    margin-right: 0.6722689076%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    margin-right: 0.5555555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    margin-right: 8px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    width: 30.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    width: 10%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    width: 8.2638888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    width: 119px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    height: 8.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    height: 2.8571428571%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    height: 2.3611111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    height: 34px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    border-radius: 5.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    border-radius: 1.8487394958%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    border-radius: 1.5277777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    border-radius: 22px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    margin-top: -0.7692307692vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    margin-top: -0.2521008403%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    margin-top: -0.2083333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    margin-top: -3px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._title-label_1nfa3_161 {
    padding-bottom: 0.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._title-label_1nfa3_161 {
    padding-bottom: 0.1680672269%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._title-label_1nfa3_161 {
    padding-bottom: 0.1388888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._title-label_1nfa3_161 {
    padding-bottom: 2px;
  }
}
._list-area_1nfa3_318 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px 18px;
  width: 100%;
  margin-top: 50px;
}

@media (max-width: 767px) {
  ._list-area_1nfa3_318 {
    justify-content: center;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 30px;
    margin: 0 auto;
    width: 314px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-area_1nfa3_318 {
    margin-top: 8.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-area_1nfa3_318 {
    margin-top: 2.8571428571%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-area_1nfa3_318 {
    margin-top: 2.3611111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-area_1nfa3_318 {
    margin-top: 34px;
  }
}
._more-btn_1nfa3_355 {
  min-width: 186px;
  height: 24px;
  overflow: hidden;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background-color: #dc000c;
  padding: 15px 26px;
  box-sizing: content-box;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

._more-btn_1nfa3_355:hover {
  transition: all 0.15s ease-out;
  filter: saturate(1.05);
  scale: 1;
}

._more-btn_1nfa3_355:hover ._icon_1nfa3_376 {
  transition: rotate 0.2s ease-out;
  rotate: 90deg;
}

._more-btn_1nfa3_355 ._label_1nfa3_380 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2px;
}

._back-to-area-select-btn_1nfa3_388 {
  position: fixed;
  top: unset;
  bottom: -100px;
  left: calc(50% + 475px);
  transform: translate(-50%);
  width: 76px;
  height: 76px;
  cursor: pointer;
  opacity: 0;
  transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

._back-to-area-select-btn_1nfa3_388._visible_1nfa3_400 {
  top: unset;
  bottom: 20px;
  transform: translate(-50%);
  opacity: 1;
}

._back-to-area-select-btn_1nfa3_388._at-bottom_1nfa3_406 {
  position: absolute;
  bottom: unset;
  top: 100%;
  transform: translate(-50%);
  opacity: 1;
}

@media (max-width: 767px) {
  ._back-to-area-select-btn_1nfa3_388 {
    top: calc(100% + 2.5641025641vw);
    left: calc(50% + 33.3333333333vw);
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_13mpz_27 a, ._main-contents-csr-project_13mpz_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_13mpz_27 a:visited {
  color: unset;
}

._main-contents-csr-project_13mpz_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_13mpz_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_13mpz_27 ._pc_13mpz_42, ._main-contents-csr-project_13mpz_27 ._show-pc_13mpz_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_13mpz_27 ._pc-only_13mpz_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_13mpz_27 ._pc-only_13mpz_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_13mpz_27 ._sp_13mpz_58, ._main-contents-csr-project_13mpz_27 ._show-sp_13mpz_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_13mpz_27 ._sp_13mpz_58, ._main-contents-csr-project_13mpz_27 ._show-sp_13mpz_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_13mpz_27 ._tablet-below_13mpz_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_13mpz_27 ._tablet_13mpz_70, ._main-contents-csr-project_13mpz_27 ._show-tablet_13mpz_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_13mpz_27 ._tablet_13mpz_70, ._main-contents-csr-project_13mpz_27 ._show-tablet_13mpz_76 {
    display: none !important;
  }
}
._main-contents-csr-project_13mpz_27 html._is-fixed_13mpz_86, ._main-contents-csr-project_13mpz_27 html._is-fixed_13mpz_86 body, ._main-contents-csr-project_13mpz_27 body._is-fixed_13mpz_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_13mpz_27 ._hidden_13mpz_92 {
  display: none;
}

._list-item_13mpz_95 {
  width: 244px;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: filter 0.2s ease;
}

._list-item_13mpz_95 * {
  font-family: "Noto Sans JP";
}

._list-item_13mpz_95:hover {
  transition: filter 0.3s ease;
  filter: brightness(1.05);
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95 {
    width: 80.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95 {
    width: 26.3865546218%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95 {
    width: 21.8055555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95 {
    width: 314px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95 {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95 {
    border-radius: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95 {
    border-radius: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95 {
    border-radius: 10px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95 {
    padding-bottom: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95 {
    padding-bottom: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95 {
    padding-bottom: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95 {
    padding-bottom: 10px;
  }
}
._list-item-photo_13mpz_177 {
  width: 244px;
  height: 183px;
}

._list-item-photo_13mpz_177 figcaption {
  display: none;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-photo_13mpz_177 {
    width: 80.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-photo_13mpz_177 {
    width: 26.3865546218%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-photo_13mpz_177 {
    width: 21.8055555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-photo_13mpz_177 {
    width: 314px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-photo_13mpz_177 {
    height: 60.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-photo_13mpz_177 {
    height: 19.8319327731%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-photo_13mpz_177 {
    height: 16.3888888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-photo_13mpz_177 {
    height: 236px;
  }
}
._list-item-content_13mpz_224 {
  width: 217px;
  height: 218px;
  overflow: hidden;
  margin: 18px auto 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  ._list-item-content_13mpz_224 {
    height: auto !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-content_13mpz_224 {
    width: 68.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-content_13mpz_224 {
    width: 22.3529411765%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-content_13mpz_224 {
    width: 18.4722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-content_13mpz_224 {
    width: 266px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-content_13mpz_224 {
    margin-top: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-content_13mpz_224 {
    margin-top: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-content_13mpz_224 {
    margin-top: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-content_13mpz_224 {
    margin-top: 18px;
  }
}
._list-item-tag_13mpz_276 {
  width: 227px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

@media (max-width: 767px) {
  ._list-item-tag_13mpz_276 {
    width: auto;
    white-space: nowrap;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-tag_13mpz_276 {
    gap: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-tag_13mpz_276 {
    gap: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-tag_13mpz_276 {
    gap: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-tag_13mpz_276 {
    gap: 10px;
  }
}
._list-item-tag-item_13mpz_309 {
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
  line-height: 1;
  height: 16px;
  width: auto;
  overflow: hidden;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-tag-item_13mpz_309 {
    height: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-tag-item_13mpz_309 {
    height: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-tag-item_13mpz_309 {
    height: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-tag-item_13mpz_309 {
    height: 18px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-tag-item_13mpz_309 {
    gap: 1.0256410256vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-tag-item_13mpz_309 {
    gap: 0.3361344538%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-tag-item_13mpz_309 {
    gap: 0.2777777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-tag-item_13mpz_309 {
    gap: 4px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-tag-item_13mpz_309 {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-tag-item_13mpz_309 {
    font-size: 1.3445378151%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-tag-item_13mpz_309 {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-tag-item_13mpz_309 {
    font-size: 16px;
  }
}
._list-item-tag-item-1_13mpz_381 {
  color: #ffa39d;
}

._list-item-tag-item-2_13mpz_384 {
  color: #ff693a;
}

._list-item-tag-item-3_13mpz_387 {
  color: #afbc1d;
}

._list-item-tag-icon_13mpz_390 {
  height: 16px !important;
  width: auto !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  ._list-item-tag-icon_13mpz_390 {
    height: 4.6153846154vw !important;
  }
}
._list-item-title_13mpz_400 {
  margin-top: 10px;
  color: #dc000c;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  font-feature-settings: "palt" on;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-title_13mpz_400 {
    margin-top: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-title_13mpz_400 {
    margin-top: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-title_13mpz_400 {
    margin-top: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-title_13mpz_400 {
    margin-top: 10px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-title_13mpz_400 {
    font-size: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-title_13mpz_400 {
    font-size: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-title_13mpz_400 {
    font-size: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-title_13mpz_400 {
    font-size: 18px;
  }
}
._list-item-description_13mpz_449 {
  margin-top: 5px;
  color: #333;
  text-align: justify;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 160%;
  overflow: hidden;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-description_13mpz_449 {
    margin-top: 1.2820512821vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-description_13mpz_449 {
    margin-top: 0.4201680672%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-description_13mpz_449 {
    margin-top: 0.3472222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-description_13mpz_449 {
    margin-top: 5px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-description_13mpz_449 {
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-description_13mpz_449 {
    font-size: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-description_13mpz_449 {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-description_13mpz_449 {
    font-size: 14px;
  }
}
._list-item-area_13mpz_498 {
  width: 217px;
  margin: 16px auto 0;
  border-top: 2px solid #dc000c;
  display: flex;
  padding: 10px 0;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area_13mpz_498 {
    width: 68.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area_13mpz_498 {
    width: 22.3529411765%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area_13mpz_498 {
    width: 18.4722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area_13mpz_498 {
    width: 266px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area_13mpz_498 {
    margin-top: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area_13mpz_498 {
    margin-top: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area_13mpz_498 {
    margin-top: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area_13mpz_498 {
    margin-top: 18px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area_13mpz_498 {
    padding-top: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area_13mpz_498 {
    padding-top: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area_13mpz_498 {
    padding-top: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area_13mpz_498 {
    padding-top: 18px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area_13mpz_498 {
    padding: 2.5641025641vw 0 3.8461538462vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area_13mpz_498 {
    padding: 0.8403361345% 0% 1.2605042017%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area_13mpz_498 {
    padding: 0.6944444444vw 0 1.0416666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area_13mpz_498 {
    padding: 10px 0 15px;
  }
}
._list-item-area-item_13mpz_586 {
  width: auto;
  height: 24px;
  display: inline-flex;
  padding: 5px 12px;
  align-items: center;
  background: #dc000c;
  border-radius: 13px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  white-space: pre;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area-item_13mpz_586 {
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    font-size: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area-item_13mpz_586 {
    font-size: 14px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area-item_13mpz_586 {
    height: 6.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    height: 2.0168067227%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    height: 1.6666666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area-item_13mpz_586 {
    height: 24px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area-item_13mpz_586 {
    border-radius: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    border-radius: 1.0924369748%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    border-radius: 0.9027777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area-item_13mpz_586 {
    border-radius: 13px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item-area-item_13mpz_586 {
    padding: 1.2820512821vw 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    padding: 0.4201680672% 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item-area-item_13mpz_586 {
    padding: 0.3472222222vw 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item-area-item_13mpz_586 {
    padding: 5px 12px;
  }
}
._list-item-close-inner_13mpz_682, ._list-item-annotation-list_13mpz_683, ._list-item-tag-modal_13mpz_684, ._list-item-sub-comment_13mpz_685 {
  display: none;
}

@media (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    width: 1030px;
    height: auto;
    display: flex;
    flex-direction: row;
    cursor: unset;
    padding-bottom: 58px;
  }
}
._list-item_13mpz_95._modal_13mpz_689:hover {
  transition: unset;
  filter: unset;
}

@media (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    overflow-y: scroll;
    position: relative;
    min-height: auto;
  }
}
@media (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    width: 1030px;
    display: flex;
    flex-direction: row;
    cursor: unset;
  }
}
@media (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    pointer-events: auto;
    padding-top: 1px;
    height: calc(var(--vh) * 100 - 45.3846153846vw);
    margin: 0 auto;
    overflow-y: scroll;
    min-height: auto;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    width: 68.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    width: 22.5210084034%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    width: 18.6111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    width: 268px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    margin-top: 8.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    margin-top: 2.6890756303%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    margin-top: 2.2222222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-inner_13mpz_710 {
    margin-top: 32px;
  }
}
@media (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-header_13mpz_768 {
    width: 335px;
    margin: 48px 0 0 48px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
  width: 337px;
  height: 252px;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
  display: block;
  width: 337px;
  height: 252px;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    width: 68.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    width: 22.5210084034%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    width: 18.6111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    width: 268px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    height: 51.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    height: 16.8907563025%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    height: 13.9583333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figure {
    height: 201px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 ._list-item-photo-wrap_13mpz_826 {
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 ._list-item-photo-wrap_13mpz_826 {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 ._list-item-photo-wrap_13mpz_826 {
    border-radius: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 ._list-item-photo-wrap_13mpz_826 {
    border-radius: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 ._list-item-photo-wrap_13mpz_826 {
    border-radius: 10px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
  display: block;
  color: #dc000c;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 4px;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    font-size: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    font-size: 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    font-size: 12px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    margin-top: 1.0256410256vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    margin-top: 0.3361344538%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    margin-top: 0.2777777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 figcaption {
    margin-top: 4px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    width: 68.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    width: 22.5210084034%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    width: 18.6111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    width: 268px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    height: 51.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    height: 16.8907563025%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    height: 13.9583333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-photo_13mpz_177 {
    height: 201px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  margin-top: 40px;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    gap: 4.6153846154vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    gap: 1.512605042%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    gap: 1.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    gap: 18px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    margin-top: 8.7179487179vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    margin-top: 2.8571428571%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    margin-top: 2.3611111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal_13mpz_684 {
    margin-top: 34px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-modal-icon_13mpz_984 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 17px;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990 {
  height: 52px;
  filter: saturate(0) brightness(1.2);
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990._category-1_13mpz_994 {
  filter: saturate(0) brightness(1.2);
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990._category-2_13mpz_997 {
  filter: saturate(0) brightness(1.6);
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990._category-3_13mpz_1000 {
  filter: saturate(0) brightness(1.2);
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990._active_13mpz_1003 {
  filter: saturate(1) brightness(1);
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990 {
    height: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990 {
    height: 3.3613445378%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990 {
    height: 2.7777777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-item-large_13mpz_990 {
    height: 40px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-icon-large_13mpz_1026 {
  height: 52px;
  width: auto;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-icon-large_13mpz_1026 {
    height: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-icon-large_13mpz_1026 {
    height: 3.3613445378%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-icon-large_13mpz_1026 {
    height: 2.7777777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag-icon-large_13mpz_1026 {
    height: 40px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-border_13mpz_1050 {
  width: 2px;
  height: 50px;
  background-color: #dc000c;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-border_13mpz_1050 {
    height: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-border_13mpz_1050 {
    height: 3.3613445378%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-border_13mpz_1050 {
    height: 2.7777777778vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-border_13mpz_1050 {
    height: 40px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-tag_13mpz_276 {
  display: none;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 13px 6px;
  font-size: 1.6rem;
  height: 23px;
  border-radius: 30px;
  box-sizing: content-box;
  line-height: 1;
}

@media (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    box-sizing: border-box;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    font-size: 1.3445378151%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    font-size: 16px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    padding: 1.2820512821vw 3.3333333333vw 1.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    padding: 0.4201680672% 1.0924369748% 0.5042016807%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    padding: 0.3472222222vw 0.9027777778vw 0.4166666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    padding: 5px 13px 6px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    width: 23.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    width: 7.5630252101%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    width: 6.25vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    width: 90px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    height: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    height: 2.1848739496%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    height: 1.8055555556vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    height: 26px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    border-radius: 7.6923076923vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    border-radius: 2.5210084034%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    border-radius: 2.0833333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-area-modal_13mpz_1078 ._list-item-area-item_13mpz_586 {
    border-radius: 30px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-area_13mpz_498 {
  display: none;
}

@media (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-content_13mpz_224 {
    width: 568px;
    height: auto;
    overflow: hidden;
    margin: 44px 0 0 29px;
    box-sizing: border-box;
  }
}
@media (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-content_13mpz_224 {
    overflow: visible;
  }
}
@media (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-content-top-wrap_13mpz_1212 {
    min-height: 248px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
  margin-top: 0;
  color: #dc000c;
  text-align: justify;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 140%;
}

@media (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
    white-space: pre-wrap;
    word-wrap: break-word;
  }
}
@media (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
    font-size: 1.3445378151%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-title_13mpz_400 {
    font-size: 16px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-description_13mpz_449 {
  margin-top: 14px;
  color: #333;
  text-align: justify;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 160%;
  line-clamp: unset;
  -webkit-line-clamp: unset;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-description_13mpz_449 {
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-description_13mpz_449 {
    font-size: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-description_13mpz_449 {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-description_13mpz_449 {
    font-size: 14px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-title_13mpz_1287 {
  color: #333;
  text-align: justify;
  font-family: "Noto Sans JP";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 160%;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
  display: block;
  margin-top: 24px;
  padding: 14px;
  border-radius: 10px;
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 160%;
  background-color: #f8f6ed;
  font-family: "Noto Sans JP";
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    font-size: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    font-size: 14px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    padding: 3.5897435897vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    padding: 1.1764705882%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    padding: 0.9722222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    padding: 14px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    border-radius: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    border-radius: 0.8403361345%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    border-radius: 0.6944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-comment_13mpz_685 {
    border-radius: 10px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-sub-text_13mpz_1367 {
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 160%;
  background-color: #f8f6ed;
  font-family: "Noto Sans JP";
  white-space: pre-wrap;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 {
  display: block;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683._multi_13mpz_1379 li {
  padding-left: 2.2rem;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
  margin-top: 6px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 160%;
  text-align: justify;
  display: block;
  padding-left: 1.2rem;
  position: relative;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li._annotation-1_13mpz_1398::before {
  content: "※1";
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li._annotation-2_13mpz_1401::before {
  content: "※2";
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li._annotation-3_13mpz_1404::before {
  content: "※3";
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li._annotation-4_13mpz_1407::before {
  content: "※4";
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li._annotation-5_13mpz_1410::before {
  content: "※5";
}

._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li._annotation-6_13mpz_1413::before {
  content: "※6";
}

@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    font-size: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    font-size: 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    font-size: 12px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    margin-top: 1.5384615385vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    margin-top: 0.5042016807%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    margin-top: 0.4166666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    margin-top: 6px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    padding-left: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    padding-left: 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    padding-left: 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-annotation-list_13mpz_683 li {
    padding-left: 12px;
  }
}
._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 {
  display: none;
}

@media (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #dc000c;
    padding-left: 3.8461538462vw;
  }
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 img {
    margin-top: 0.5128205128vw;
  }
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 ._label_13mpz_1495 {
    color: #dc000c;
    font-family: "Noto Sans JP";
    font-size: 4.1025641026vw;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 {
    margin-top: 7.4358974359vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 {
    margin-top: 2.4369747899%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 {
    margin-top: 2.0138888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 {
    margin-top: 29px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 {
    gap: 0.5128205128vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 {
    gap: 0.1680672269%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 {
    gap: 0.1388888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 ._list-item-close-inner-wrap_13mpz_1485 {
    gap: 2px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    width: 6.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    width: 2.0168067227%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    width: 1.6666666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    width: 24px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    height: 6.1538461538vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    height: 2.0168067227%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    height: 1.6666666667vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 ._list-item-close-inner_13mpz_682 img {
    height: 24px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    width: 85.641025641vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    width: 28.0672268908%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    width: 23.1944444444vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    width: 334px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    padding-bottom: 8.2051282051vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    padding-bottom: 2.6890756303%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    padding-bottom: 2.2222222222vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._list-item_13mpz_95._modal_13mpz_689 {
    padding-bottom: 32px;
  }
}
root {
  --vh: 100vh;
  --background-color: #ececec;
  --foreground-color: #292626;
  --red: #dc000c;
  --transition-clip-1: clip-path .3s cubic-bezier(0, .6, .4, 1);
  --transition-all-2: all .2s cubic-bezier(0, .8, .2, 1);
  --transition-all-3: all .4s cubic-bezier(0, .8, .2, 1);
  --easeInSine: cubic-bezier(.47, 0, .745, .715);
  --easeInQuart: cubic-bezier(.895, .03, .685, .22);
  --easeInExpo: cubic-bezier(.95, .05, .795, .035);
  --easeOutExpo: cubic-bezier(.19, 1, .22, 1);
  --easeInOutExpo: cubic-bezier(1, 0, 0, 1);
  --easeInOutSine: cubic-bezier(.445, .05, .55, .95);
  --easeInOutQuad: cubic-bezier(.455, .03, .515, .955);
  --easeInOutQuart: cubic-bezier(.77, 0, .175, 1);
  --easeOutSine: cubic-bezier(.39, .575, .565, 1);
  --easeOutQuad: cubic-bezier(.25, .46, .45, .94);
  --easeOutQuart: cubic-bezier(.165, .84, .44, 1);
  --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
  --easeOriginal: cubic-bezier(.18, 1.01, .29, 1.04);
  --easeOutCirc: cubic-bezier(.075, .82, .165, 1);
  --easeOutBack: cubic-bezier(.39, .005, .32, 1.275);
  --easeOutCubic: cubic-bezier(.33, 1, .68, 1);
  --easeInOutCubic: cubic-bezier(.65, 0, .35, 1);
}

._main-contents-csr-project_1vced_27 a, ._main-contents-csr-project_1vced_27 a:link {
  text-decoration: none;
  color: unset;
}

._main-contents-csr-project_1vced_27 a:visited {
  color: unset;
}

._main-contents-csr-project_1vced_27 *:not(a) {
  -webkit-tap-highlight-color: transparent;
}

._main-contents-csr-project_1vced_27 ::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  ._main-contents-csr-project_1vced_27 ._pc_1vced_42, ._main-contents-csr-project_1vced_27 ._show-pc_1vced_43 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1vced_27 ._pc-only_1vced_48 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1vced_27 ._pc-only_1vced_48 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1vced_27 ._sp_1vced_58, ._main-contents-csr-project_1vced_27 ._show-sp_1vced_59 {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  ._main-contents-csr-project_1vced_27 ._sp_1vced_58, ._main-contents-csr-project_1vced_27 ._show-sp_1vced_59 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1vced_27 ._tablet-below_1vced_70 {
    display: none !important;
  }
}
@media (min-width: 768px) {
  ._main-contents-csr-project_1vced_27 ._tablet_1vced_70, ._main-contents-csr-project_1vced_27 ._show-tablet_1vced_76 {
    display: none !important;
  }
}
@media (max-width: 767px) {
  ._main-contents-csr-project_1vced_27 ._tablet_1vced_70, ._main-contents-csr-project_1vced_27 ._show-tablet_1vced_76 {
    display: none !important;
  }
}
._main-contents-csr-project_1vced_27 html._is-fixed_1vced_86, ._main-contents-csr-project_1vced_27 html._is-fixed_1vced_86 body, ._main-contents-csr-project_1vced_27 body._is-fixed_1vced_86 {
  overflow: hidden;
  overscroll-behavior: contain;
}

._main-contents-csr-project_1vced_27 ._hidden_1vced_92 {
  display: none;
}

._project-map_1vced_95 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 509px;
  position: relative;
}

@media (max-width: 767px) {
  ._project-map_1vced_95 {
    align-items: flex-start;
  }
}
._map-area_1vced_108 {
  position: relative;
  width: 707px;
  height: 509px;
  margin: 80px 0;
}

@media (max-width: 767px) {
  ._map-area_1vced_108 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}
._map-area_1vced_108 ._map-area-pc-base_1vced_121 {
  position: absolute;
  top: 5px;
  left: 11px;
  width: 696px;
  height: 504px;
  user-select: none;
  pointer-events: none;
}

._map-area_1vced_108 ._map-area-sp-base_1vced_130 {
  position: absolute;
  user-select: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  ._map-area_1vced_108 ._map-area-sp-base_1vced_130 {
    top: 0;
    left: 3.8461538462vw;
    width: 86.1538461538vw;
    height: 80.5128205128vw;
  }
  ._map-area_1vced_108 ._map-area-sp-base_1vced_130 img {
    width: 100%;
  }
}
._map-area_1vced_108 ._pc-temp_1vced_146 {
  filter: saturate(0);
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 707px;
  height: 509px;
  z-index: 10;
  opacity: 1;
  display: none;
}

._map-area_1vced_108 ._sp-temp_1vced_160 {
  filter: saturate(0);
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 3.8461538462vw;
  width: 86.1538461538vw;
  height: 84.1025641026vw;
  z-index: 10;
  opacity: 1;
  display: none;
}

._map-area_1vced_108 ._sp-temp_1vced_160 img {
  width: 100%;
}

._map-area-overlay_1vced_176 {
  position: relative;
  top: 0;
  left: 0;
  width: 707px;
  height: 509px;
  z-index: 11;
}

@media (max-width: 767px) {
  ._map-area-overlay_1vced_176 {
    width: 86.1538461538vw;
    height: 84.1025641026vw;
  }
}
._map-area-overlay-pin_1vced_190 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  cursor: pointer;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 77px;
  height: 68px;
}

._map-area-overlay-pin_1vced_190 ._img_1vced_203 {
  width: 100%;
  height: 100%;
}

._map-area-overlay-pin_1vced_190._active_1vced_207 ._icon-active_1vced_207 {
  opacity: 1;
  transition: opacity 0.3s;
}

._map-area-overlay-pin_1vced_190._inactive_1vced_211 ._icon-active_1vced_207 {
  opacity: 0;
  transition: opacity 0.3s;
}

._map-area-overlay-pin_1vced_190._inactive_1vced_211 ._icon-inactive_1vced_215 {
  opacity: 1;
  transition: opacity 0.3s;
}

._map-area-overlay-pin_1vced_190._active_1vced_207 ._icon-inactive_1vced_215 {
  opacity: 1;
  transition: opacity 0.3s 1;
}

._map-area-overlay-pin_1vced_190._force-inactive_1vced_223 {
  cursor: unset;
}

._map-area-overlay-pin_1vced_190._force-inactive_1vced_223 ._icon-active_1vced_207 {
  display: none;
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190 {
    width: auto;
    height: 11.0256410256vw;
  }
  ._map-area-overlay-pin_1vced_190 img {
    width: auto;
    height: 11.0256410256vw !important;
  }
}
._map-area-overlay-pin_1vced_190 ._map-area-overlay-pin-inner_1vced_239 {
  position: relative;
  width: auto;
  height: 100%;
  user-select: none;
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190 ._map-area-overlay-pin-inner_1vced_239 {
    width: 100%;
  }
}
._map-area-overlay-pin_1vced_190 ._map-area-overlay-pin-inner_1vced_239 ._icon-active_1vced_207 {
  position: absolute;
  top: 0;
  left: 0;
}

._map-area-overlay-pin_1vced_190._pin-hokkaido_1vced_255 {
  top: 123px;
  left: calc(50% + 169px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-hokkaido_1vced_255 {
    top: 18.9743589744vw;
    left: calc(50% + 29.2307692308vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-tohoku_1vced_265 {
  top: 265px;
  left: calc(50% + 139px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-tohoku_1vced_265 {
    top: 44.8717948718vw;
    left: calc(50% + 23.5897435897vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-chubuhokuriku_1vced_275 {
  top: 345px;
  left: calc(50% + 13px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-chubuhokuriku_1vced_275 {
    top: 56.6666666667vw;
    left: calc(50% + 2.8205128205vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-kitakanto_1vced_285 {
  top: 359px;
  left: calc(50% + 87px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-kitakanto_1vced_285 {
    top: 59.7435897436vw;
    left: calc(50% + 15.8974358974vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-shutoken_1vced_295 {
  top: 398px;
  left: calc(50% + 148px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-shutoken_1vced_295 {
    top: 66.6666666667vw;
    left: calc(50% + 26.1538461538vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-tokai_1vced_305 {
  top: 442px;
  left: calc(50% + 61px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-tokai_1vced_305 {
    top: 73.0769230769vw;
    left: calc(50% + 10.5128205128vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-kinki_1vced_315 {
  top: 420px;
  left: calc(50% - 17px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-kinki_1vced_315 {
    top: 68.9743589744vw;
    left: calc(50% - 2.3076923077vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-chugokushikoku_1vced_325 {
  top: 450px;
  left: calc(50% - 84px);
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-chugokushikoku_1vced_325 {
    top: 74.1025641026vw;
    left: calc(50% - 14.1025641026vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-kyushuokinawa_1vced_335 {
  top: 422px;
  left: calc(50% - 175px);
  width: 80px;
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-kyushuokinawa_1vced_335 {
    top: 69.7435897436vw;
    left: calc(50% - 25.641025641vw);
  }
}
._map-area-overlay-pin_1vced_190._pin-kaigai_1vced_346 {
  top: 405px;
  left: calc(50% + 291px);
  width: 89px;
}

@media (max-width: 767px) {
  ._map-area-overlay-pin_1vced_190._pin-kaigai_1vced_346 {
    width: 14.6153846154vw;
    height: 18.2051282051vw;
    top: 86.9230769231vw;
    left: calc(50% + 39.7435897436vw);
  }
  ._map-area-overlay-pin_1vced_190._pin-kaigai_1vced_346 img {
    width: 100%;
    height: 100% !important;
  }
}
._map-area_1vced_108._empty_1vced_363 ._map-area-overlay-pin_1vced_190 ._icon-active_1vced_207 {
  opacity: 1 !important;
}

._area-select-container_1vced_366 {
  width: 324px;
  height: 212px;
  position: absolute;
  top: 80px;
  left: 220px;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  ._area-select-container_1vced_366 {
    position: absolute;
    width: 80.5128205128vw;
    height: 64.6153846154vw;
    top: 93.5897435897vw;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
._area-select-container_1vced_366 ._area-select-inner_1vced_390 {
  user-select: none;
  width: 324px;
  min-height: 112px;
  border-radius: 19px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 0 20px;
}

@media (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-select-inner_1vced_390 {
    width: 80.5128205128vw;
    min-height: 41.0256410256vw;
    border-radius: 4.8717948718vw;
    padding: 6.1538461538vw 0;
  }
}
._area-select-container_1vced_366 ._area-select-title_1vced_410 {
  width: 201px;
  height: 30px;
}

@media (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-select-title_1vced_410 {
    width: 48.2051282051vw;
    height: 7.6923076923vw;
  }
}
._area-select-container_1vced_366 ._area-select-body_1vced_420 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

._area-select-container_1vced_366 ._area-select-text_1vced_426 {
  color: #dc000c;
  font-family: "Noto Sans JP";
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 9px;
}

@media (max-width: 767px) and (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    font-size: 5.1282051282vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    font-size: 1.6806722689%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    font-size: 1.3888888889vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    font-size: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    margin-top: 3.0769230769vw;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 768px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    margin-top: 1.0084033613%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    margin-top: 0.8333333333vw;
  }
}
@media (max-width: 767px) and (min-width: 1440px) {
  ._area-select-container_1vced_366 ._area-select-text_1vced_426 {
    margin-top: 12px;
  }
}
._area-select-container_1vced_366 ._area-select_1vced_366 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5019607843);
  z-index: 20;
  pointer-events: auto;
}

._area-select-container_1vced_366 ._area-list_1vced_485 {
  display: grid;
  grid-template-columns: repeat(3, 80px);
  gap: 10px 6px;
  margin-top: 14px;
  width: 256px;
  overflow: hidden;
}

@media (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-list_1vced_485 {
    grid-template-columns: repeat(3, 20.5128205128vw);
    gap: 4.1025641026vw 3.0769230769vw;
    margin-top: 3.5897435897vw;
    width: 69.7435897436vw;
  }
}
._area-select-container_1vced_366 ._area-list_1vced_485._area-list-single_1vced_503 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item-container_1vced_508 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item_1vced_508 {
  color: #dc000c;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.42;
  width: auto;
  max-width: 80px;
  height: 28px;
  padding: 2px 10px;
  display: inline-flex;
  cursor: pointer;
  border-radius: 14px;
  border: 2px solid #dc000c;
  box-sizing: border-box;
  white-space: pre;
}

@media (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item_1vced_508 {
    font-size: 3.5897435897vw;
    height: 7.1794871795vw;
    padding: 0.2564102564vw 2.5641025641vw 0.5128205128vw;
    border-radius: 3.5897435897vw;
    max-width: 20.5128205128vw;
  }
}
._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item_1vced_508._inactive_1vced_211 {
  color: #d2d2d2;
  border-color: #d2d2d2;
  cursor: unset;
}

._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item_1vced_508._selected_1vced_552 {
  color: #fff;
  background-color: #dc000c;
}

@media (min-width: 768px) {
  ._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item_1vced_508._active_1vced_207:hover {
    color: #fff;
    background-color: #dc000c;
  }
}
._area-select-container_1vced_366 ._area-clear-text_1vced_562 {
  color: #dc000c;
  font-family: "Noto Sans JP";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 100%;
  margin: 14px auto 0;
  cursor: pointer;
  border-bottom: 1px solid #dc000c;
}

@media (max-width: 767px) {
  ._area-select-container_1vced_366 ._area-clear-text_1vced_562 {
    font-size: 3.5897435897vw;
    margin: 6.1538461538vw auto 0;
  }
}
._area-select-container_1vced_366 ._area-clear-text_1vced_562:hover {
  text-decoration: underline;
  filter: brightness(1.05);
}

.illust-area {
  height: auto;
}

.modal {
  z-index: 200;
  visibility: hidden;
}
.modal.is-open {
  opacity: 1;
  pointer-events: unset;
  visibility: visible;
}

html:has(.modal.is-open) {
  scrollbar-gutter: stable;
}

.modal__container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  background-color: rgba(0, 0, 0, 0);
}
.modal--youtube .modal__container {
  width: 884px;
  height: 498px;
  aspect-ratio: 16/9;
}
@media only screen and (max-width: 768px) {
  .modal--youtube .modal__container {
    width: 100vw;
    height: 56vw;
  }
}
@media only screen and (max-width: 768px) {
  .modal--article .modal__container {
    top: 55%;
  }
}

.modal__content {
  width: 100%;
}
.modal--youtube .modal__content {
  width: 100%;
  height: 100%;
}

.modal__inner {
  opacity: 1;
}

.modal__closeButton {
  display: block;
}

.modal__articleTag {
  height: 52px;
  filter: saturate(1) brightness(1);
}
.modal__articleTag.is-false {
  filter: saturate(0) brightness(1.2);
}
.modal__articleTag--community.is-false {
  filter: saturate(0) brightness(1.6);
}

.modal__articleAnnotationListItem {
  display: flex !important;
  padding-left: 0 !important;
  gap: 4px;
}
.modal__articleAnnotationListItem::before {
  content: none !important;
}

.modal__articleBenefitList {
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 160%;
  background-color: #f8f6ed;
}

.modal__articleBenefitListItem::before {
  content: "・";
}

._more-btn_1nfa3_355 {
  margin-inline: auto;
}

._more-btn_1nfa3_355:focus-within {
  transition: all 0.15s ease-out;
  filter: saturate(1.05);
  scale: 1;
}

._more-btn_1nfa3_355:focus-within ._icon_1nfa3_376 {
  transition: rotate 0.2s ease-out;
  rotate: 90deg;
}

@keyframes fade-in {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.project-list-item {
  transform: translateY(50px);
  opacity: 0;
}
.project-list-item.is-shown {
  animation: fade-in 0.6s ease-out forwards;
}
@media only screen and (min-width: 769px) {
  .project-list-item.is-shown[style*="--index: 1"] {
    animation-delay: 0.1s;
  }
  .project-list-item.is-shown[style*="--index: 2"] {
    animation-delay: 0.2s;
  }
  .project-list-item.is-shown[style*="--index: 3"] {
    animation-delay: 0.3s;
  }
  .project-list-item.is-shown[style*="--index: 4"] {
    animation-delay: 0.4s;
  }
}
.project-list-item ._list-item_13mpz_95 {
  opacity: 1;
  height: 100%;
}
.project-list-item ._list-item-photo-wrap_13mpz_826 {
  overflow: hidden;
}
.project-list-item .js-articleItem-src {
  transition: transform 0.2s ease-out;
}
.project-list-item:hover, .project-list-item:active, .project-list-item:focus-visible {
  outline: 0;
}
.project-list-item:hover ._list-item_13mpz_95, .project-list-item:active ._list-item_13mpz_95, .project-list-item:focus-visible ._list-item_13mpz_95 {
  outline: 2px solid #dc000c;
}
.project-list-item:hover .js-articleItem-src, .project-list-item:active .js-articleItem-src, .project-list-item:focus-visible .js-articleItem-src {
  transform: scale(1.1);
  transform-origin: center;
}

@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.js-moreInfo-skeleton {
  opacity: 1;
  transform: translateY(0);
}

.js-moreInfo-skeleton-item {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  background-color: #eef1f2;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--width)/var(--height);
}
.js-moreInfo-skeleton-item::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  animation: skeleton-animation 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  z-index: 100;
}

._project-map_1vced_95 {
  flex-direction: column;
  align-items: center;
}

._map-area_1vced_108 {
  margin-bottom: 0;
}

._area-select-container_1vced_366 {
  position: static;
  height: unset;
  min-height: unset;
  transform: unset;
}
@media only screen and (max-width: 768px) {
  ._area-select-container_1vced_366 {
    width: 100%;
  }
}
._area-select-container_1vced_366 ._area-select-inner_1vced_390 {
  min-height: unset;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  ._area-select-container_1vced_366 ._area-select-inner_1vced_390 {
    width: 324px;
  }
}

._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item_1vced_508._selected_1vced_552 {
  pointer-events: none;
}

._area-select-container_1vced_366 ._area-list_1vced_485 ._area-list-item-container_1vced_508, ._area-clear-text_1vced_562 {
  display: none;
}

.modal-list-prefecture-category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.list-prefecture-category {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.category-item {
  display: flex;
  width: auto;
  height: 24px;
  padding: 5px 12px;
  align-items: center;
  background: #fff;
  border-radius: 13px;
  box-sizing: border-box;
  border: 2px solid #dc000c;
  color: #dc000c;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  white-space: pre;
}

html.js-enabled .statement-body {
  position: relative;
  overflow: hidden;
  height: 300px;
}
html.js-enabled .statement-body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  display: block;
  width: 80%;
  height: 100%;
  transition: 1s;
  background: linear-gradient(to bottom, transparent 75%, #fff 100%);
  pointer-events: none;
}
@media only screen and (min-width: 769px) {
  html.js-enabled .statement-body::after {
    width: 50%;
  }
}
html.js-enabled .statement-body.is-open {
  height: auto;
}
html.js-enabled .statement-body.is-open::after {
  content: none;
}

.is-viewMore-hidden {
  display: none;
}
@media only screen and (min-width: 769px) {
  .is-viewMore-hidden {
    display: block;
  }
}

.statement-button {
  position: relative;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin: 45px auto 10px;
  color: #dc000c;
  letter-spacing: 1.76px;
  font-feature-settings: "palt" on;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 900;
  padding-bottom: 6px;
}
.statement-button:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
html:not(.js-enabled) .statement-button {
  display: none;
}
.statement-button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 1px;
  transition: width 1s;
  background-color: #dc000c;
}
.statement-button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 3px solid #dc000c;
  border-bottom: 3px solid #dc000c;
  rotate: 45deg;
  transition: rotate 0.3s ease;
}
.statement-button.is-shown::before {
  width: 100%;
}
.statement-button.is-open::after {
  translate: 0 6px;
  rotate: -135deg;
}
@media only screen and (min-width: 769px) {
  .statement-button {
    font-size: 2rem;
  }
}
.statement-button:hover::before, .statement-button:active::before, .statement-button:focus-visible::before {
  animation-name: animate-border;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

@keyframes animate-border {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}