#iframeContainer[data-astro-cid-3ef6ksr2]{position:fixed;bottom:20px;right:20px;width:420px;height:72px;box-shadow:0px 0px 10px rgba(0,0,0,0.2);border-radius:12px;transition:all 0.1s ease;z-index:2000}iframe[data-astro-cid-3ef6ksr2]{width:100%;height:100%;border:none;border-radius:12px}:root {
  --rem: 10px;
}
@media screen and (max-width: 1280px) {
  :root {
    --rem: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --rem: 2.5641025641vw;
  }
}
.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 {
  display: flex;
}
.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 linear infinite;
  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 {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: 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__arrow svg {
  display: none;
}
.splide__pagination__page {
  display: block;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
#root,
#__next {
  isolation: isolate;
}
h1,
h2,
h3,
h4,
h5,
h6,
th {
  font-size: inherit;
  font-weight: inherit;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
em {
  font-style: normal;
}
sup {
  font-size: 0.5em;
}
img,
picture,
video,
canvas,
svg {
  height: auto;
}
img,
iframe {
  display: block;
  width: 100%;
}
picture {
  display: contents;
}
button {
  padding: 0;
  border: none;
  background-color: transparent;
  touch-action: manipulation;
  color: inherit;
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th,
td {
  text-align: left;
  vertical-align: top;
  padding: 0;
}
@media screen and (min-width: 769px) {
  .h-only-sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .h-only-pc {
    display: none !important;
  }
}
.h-slide-up {
  opacity: 0;
  translate: 0 calc(6 * var(--rem));
  transition: translate 0.5s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: translate, opacity;
}
.h-slide-up.is-inview {
  translate: 0;
  opacity: 1;
}
.h-delay-01 {
  transition-delay: 0.1s;
}
@media screen and (min-width: 769px) {
  .h-delay-01-pc {
    transition-delay: 0.1s;
  }
}
.h-delay-02 {
  transition-delay: 0.2s;
}
body:has(.c-modal.is-show) {
  overflow: hidden;
}
.c-modal {
  position: fixed;
  inset: 0;
  display: flex;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), visibility 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .c-modal {
    bottom: -100vh;
    height: calc(100% + 100vh);
    padding-bottom: 100vh;
  }
}
.c-modal__overlay {
  position: fixed;
  inset: 0;
  opacity: 0.4;
  background-color: #000;
  z-index: -1;
}
.c-modal__inner {
  margin: auto;
  pointer-events: none;
}
.c-modal__content {
  position: relative;
  width: calc(120 * var(--rem));
  margin: calc(8 * var(--rem)) auto;
  border-radius: calc(1.5 * var(--rem));
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-modal__content {
    width: calc(35 * var(--rem));
    margin: calc(4 * var(--rem)) auto;
  }
}
.c-modal__content > * {
  pointer-events: none;
}
.c-modal__close {
  position: absolute;
  top: calc(1.2 * var(--rem));
  right: calc(1.2 * var(--rem));
  width: calc(3 * var(--rem));
  height: calc(3 * var(--rem));
  border-radius: 100%;
  background-color: #D9D9D9;
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .c-modal__close {
    top: calc(2 * var(--rem));
    right: calc(2 * var(--rem));
  }
}
@media (hover: hover) {
  .c-modal__close:hover {
    background-color: #0068A2;
  }
}
@media (hover: none) {
  .c-modal__close:active {
    background-color: #0068A2;
  }
}
.c-modal__close::before, .c-modal__close::after {
  display: block;
  width: calc(1.8 * var(--rem));
  height: calc(0.3 * var(--rem));
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #fff;
}
.c-modal__close::before {
  rotate: 45deg;
}
.c-modal__close::after {
  rotate: -45deg;
}
.c-modal.is-show {
  opacity: 1;
  visibility: visible;
}
.c-modal.is-show .c-modal__content > * {
  pointer-events: auto;
}
.l-content {
  color: #000;
  font-weight: 400;
  font-size: calc(1.6 * var(--rem));
  line-height: 1.7;
  letter-spacing: 0;
  font-family: Yakuhanjp, "Noto Sans JP", sans-serif;
  text-align: justify;
  word-break: break-all;
  font-feature-settings: "palt" 1;
  font-optical-sizing: auto;
}
.p-purpose-section__inner {
  width: 100%;
  max-width: calc(95.6 * var(--rem));
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .p-purpose-section__inner {
    padding-right: calc(2 * var(--rem));
    padding-left: calc(2 * var(--rem));
  }
}
.p-purpose-section__heading {
  font-weight: 500;
  font-size: calc(4.2 * var(--rem));
  font-family: Yakuhanjp, "Noto Serif JP", serif;
  line-height: 1.4;
}
.p-purpose-section__heading-ja {
  margin-left: calc(-0.4 * var(--rem));
}
.p-purpose-section__heading-en {
  display: block;
  margin-top: calc(0 * var(--rem));
  font-size: calc(2.4 * var(--rem));
  line-height: 1.5;
}
.p-purpose-hero {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-purpose-hero {
    padding-top: calc(4.5 * var(--rem));
  }
}
.p-purpose-hero::before {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #fff;
}
.p-purpose-hero video {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-purpose-hero video {
    width: calc(45.3 * var(--rem));
    max-width: calc(45.3 * var(--rem));
    margin-right: calc(-3.1 * var(--rem));
    margin-left: calc(-3.1 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-introduction {
    padding-top: calc(7 * var(--rem));
  }
}
@media screen and (min-width: 769px) {
  .p-purpose-introduction .p-purpose-section__inner {
    max-width: calc(84 * var(--rem));
  }
}
@media screen and (min-width: 769px) {
  .p-purpose-introduction__text {
    font-size: calc(2 * var(--rem));
    line-height: 1.64;
  }
}
.p-purpose-introduction__text:nth-child(n+2) {
  margin-top: calc(2.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-introduction__text:nth-child(n+2) {
    margin-top: calc(1.4 * var(--rem));
  }
}
.p-purpose-movie {
  padding-top: calc(12 * var(--rem));
}
@media screen and (min-width: 769px) {
  .p-purpose-movie:has(.p-purpose-section__text.is-inview) .p-purpose-movie__thumbnail {
    opacity: 1 !important;
    translate: 0 !important;
  }
}
.p-purpose-movie .p-purpose-section__inner {
  display: flex;
  align-items: center;
  gap: calc(5 * var(--rem)) calc(3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-movie .p-purpose-section__inner {
    flex-direction: column;
  }
}
.p-purpose-movie .p-purpose-section__text {
  margin-top: calc(4 * var(--rem));
}
.p-purpose-movie__content {
  flex: 1;
}
.p-purpose-movie__thumbnail {
  flex-shrink: 0;
  width: calc(46.5 * var(--rem));
}
@media screen and (min-width: 769px) {
  .p-purpose-movie__thumbnail {
    opacity: 0 !important;
    translate: 0 calc(6 * var(--rem)) !important;
    transition-delay: 0.2s;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-movie__thumbnail {
    width: 100%;
  }
}
.p-purpose-movie__thumbnail button {
  position: relative;
  transition: translate 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: transform;
}
@media (hover: hover) {
  .p-purpose-movie__thumbnail button:hover {
    translate: calc(-1 * var(--rem)) calc(-1 * var(--rem));
    box-shadow: calc(1 * var(--rem)) calc(1 * var(--rem)) calc(1 * var(--rem)) rgba(0, 0, 0, 0.2);
  }
}
@media (hover: none) {
  .p-purpose-movie__thumbnail button:active {
    translate: calc(-1 * var(--rem)) calc(-1 * var(--rem));
    box-shadow: calc(1 * var(--rem)) calc(1 * var(--rem)) calc(1 * var(--rem)) rgba(0, 0, 0, 0.2);
  }
}
.p-purpose-movie__thumbnail button::before {
  display: block;
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../purpose/img/icn_play.svg") no-repeat center/calc(6.5 * var(--rem)) calc(6.5 * var(--rem)) rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .p-purpose-movie__thumbnail button::before {
    background-size: calc(4.8 * var(--rem)) calc(4.8 * var(--rem));
  }
}
.p-purpose-movie .c-modal__content {
  padding: calc(6 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-movie .c-modal__content {
    padding: calc(7 * var(--rem)) calc(2 * var(--rem)) calc(7 * var(--rem));
  }
}
.p-purpose-movie__movie {
  aspect-ratio: 16/9;
}
.p-purpose-poster {
  padding-top: calc(12 * var(--rem));
}
.p-purpose-poster .p-purpose-section__text {
  margin-top: calc(4 * var(--rem));
  margin-left: calc(-0.2 * var(--rem));
}
.p-purpose-poster__content {
  margin-top: calc(3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster__content {
    margin: calc(5 * var(--rem)) calc(-2 * var(--rem)) auto;
  }
}
.p-purpose-poster__content:nth-of-type(n + 2) {
  margin-top: calc(7 * var(--rem));
  padding-top: calc(8 * var(--rem));
  border-top: calc(0.3 * var(--rem)) dotted #BBD1DF;
}
@media screen and (max-width: 768px) {
  .p-purpose-poster__content:nth-of-type(n + 2) {
    margin-top: calc(6 * var(--rem));
    padding-top: calc(6 * var(--rem));
  }
}
.p-purpose-poster__heading {
  font-weight: 500;
  font-size: calc(2.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster__heading {
    padding: 0 calc(2 * var(--rem));
    font-size: calc(1.6 * var(--rem));
  }
}
@media screen and (min-width: 769px) {
  .p-purpose-poster__heading--center {
    text-align: center;
  }
}
.p-purpose-poster .p-purpose-poster-thumbnail {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(2.7 * var(--rem));
  margin-top: calc(2.5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-thumbnail {
    gap: calc(1.3333333 * var(--rem));
    margin-top: 0;
    padding: calc(2 * var(--rem)) calc(2 * var(--rem)) calc(1.5 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-thumbnail:not(:has(.p-purpose-poster-thumbnail__item:nth-of-type(n + 2))) {
    display: none;
  }
}
.p-purpose-poster .p-purpose-poster-thumbnail__item {
  width: calc(33.333333% - 1.7999982 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-thumbnail__item {
    width: calc(33.333333% - 0.8888879778 * var(--rem));
  }
}
.p-purpose-poster .p-purpose-poster-thumbnail__item button {
  box-shadow: 0 0 calc(1.5 * var(--rem)) rgba(0, 0, 0, 0.2);
  transition: translate 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: transform;
}
@media (hover: hover) {
  .p-purpose-poster .p-purpose-poster-thumbnail__item button:hover {
    translate: calc(-1 * var(--rem)) calc(-1 * var(--rem));
    box-shadow: calc(1 * var(--rem)) calc(1 * var(--rem)) calc(1.5 * var(--rem)) rgba(0, 0, 0, 0.2);
  }
}
@media (hover: none) {
  .p-purpose-poster .p-purpose-poster-thumbnail__item button:active {
    translate: calc(-1 * var(--rem)) calc(-1 * var(--rem));
    box-shadow: calc(1 * var(--rem)) calc(1 * var(--rem)) calc(1.5 * var(--rem)) rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .c-modal {
    display: contents;
    visibility: visible;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .c-modal__overlay, .p-purpose-poster .c-modal__close {
    display: none;
  }
}
.p-purpose-poster .c-modal__content {
  width: calc(90 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .c-modal__content {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .c-modal__content > * {
    pointer-events: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide {
    visibility: visible;
    margin: calc(-1 * var(--rem)) calc(-2 * var(--rem)) 0;
  }
}
.p-purpose-poster .p-purpose-poster-slide:not(:has(.splide__slide:nth-of-type(n + 2))) {
  margin-top: 0;
}
.p-purpose-poster .p-purpose-poster-slide:not(:has(.splide__slide:nth-of-type(n + 2))) .splide__arrows {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide:has(.is-clicked) .p-purpose-poster-slide-content__inner {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide:has(.is-clicked) .p-purpose-poster-slide__more {
    display: none;
  }
}
.p-purpose-poster .p-purpose-poster-slide .splide__arrow {
  position: absolute;
  top: calc(36.5 * var(--rem));
  width: calc(1.5 * var(--rem));
  height: calc(2.5 * var(--rem));
  z-index: 1;
  translate: 0 -50%;
  background-color: #000;
  -webkit-mask: url("../../purpose/img/arw_line.svg") no-repeat center/contain;
          mask: url("../../purpose/img/arw_line.svg") no-repeat center/contain;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide .splide__arrow {
    display: none;
  }
}
@media (hover: hover) {
  .p-purpose-poster .p-purpose-poster-slide .splide__arrow:hover {
    background-color: #0068A2;
  }
}
@media (hover: none) {
  .p-purpose-poster .p-purpose-poster-slide .splide__arrow:active {
    background-color: #0068A2;
  }
}
.p-purpose-poster .p-purpose-poster-slide .splide__arrow[disabled] {
  opacity: 0;
  pointer-events: none;
}
.p-purpose-poster .p-purpose-poster-slide .splide__arrow--prev {
  rotate: 180deg;
  left: calc(3.6 * var(--rem));
}
.p-purpose-poster .p-purpose-poster-slide .splide__arrow--next {
  right: calc(3.6 * var(--rem));
}
.p-purpose-poster .p-purpose-poster-slide .splide__slide {
  padding: calc(5.5 * var(--rem)) calc(3 * var(--rem)) calc(3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide .splide__slide {
    padding: calc(1.5 * var(--rem)) 0 0;
  }
}
.p-purpose-poster .p-purpose-poster-slide__image {
  width: 100%;
  max-width: calc(43.9 * var(--rem));
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 calc(1.5 * var(--rem)) rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide__image {
    width: calc(35 * var(--rem));
    max-width: calc(35 * var(--rem));
  }
}
.p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content {
  margin-top: calc(2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content {
    padding: 0 calc(2 * var(--rem));
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content__inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: left;
  }
}
.p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content__heading {
  font-weight: 500;
  font-size: calc(2.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content__heading {
    padding: 0 calc(2 * var(--rem));
    font-size: calc(1.6 * var(--rem));
  }
}
.p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content__text {
  font-size: calc(1.6 * var(--rem));
  line-height: 1.5;
}
.p-purpose-poster .p-purpose-poster-slide .p-purpose-poster-slide-content__text:nth-child(n+2) {
  margin-top: calc(0.5 * var(--rem));
}
.p-purpose-poster .p-purpose-poster-slide__more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(0.8 * var(--rem));
  width: 100%;
  margin-top: calc(1.2 * var(--rem));
}
.p-purpose-poster .p-purpose-poster-slide__more::after {
  display: block;
  content: "";
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  width: calc(1.2 * var(--rem));
  height: calc(0.6 * var(--rem));
  background-color: #000;
}
.p-purpose-poster .p-purpose-poster-slide__note {
  margin-top: calc(2 * var(--rem));
  text-align: right;
  font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-poster .p-purpose-poster-slide__note {
    padding-right: calc(2 * var(--rem));
    padding-left: calc(2 * var(--rem) + 1.2em);
    text-indent: -1.2em;
    text-align: left;
  }
}
.p-purpose-narrative {
  padding-top: calc(12.5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative {
    padding-top: calc(12 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-header {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: calc(2.5 * var(--rem)) calc(3 * var(--rem));
  margin-top: calc(4.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-header {
    flex-direction: column;
  }
}
.p-purpose-narrative .p-purpose-section__text {
  flex: 1;
}
.p-purpose-narrative__image {
  flex-shrink: 0;
  width: calc(46.5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative__image {
    width: 100%;
  }
}
.p-purpose-narrative .p-purpose-narrative-body {
  margin-top: calc(8 * var(--rem));
}
.p-purpose-narrative .p-purpose-narrative-body__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(3.2 * var(--rem));
  color: #0068A2;
  font-weight: 600;
  font-size: calc(2.2 * var(--rem));
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body__heading {
    gap: calc(1.2 * var(--rem));
    padding: 0 calc(2 * var(--rem));
    font-size: calc(1.6 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body__heading::before, .p-purpose-narrative .p-purpose-narrative-body__heading::after {
  display: block;
  width: calc(0.2 * var(--rem));
  height: calc(3.5 * var(--rem));
  content: "";
  scale: 1 0;
  transform-origin: center bottom;
  background-color: #0068A2;
  will-change: scale;
  transition: scale 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  will-change: scale;
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body__heading::before, .p-purpose-narrative .p-purpose-narrative-body__heading::after {
    height: calc(6 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body__heading::before {
  rotate: -30deg;
}
.p-purpose-narrative .p-purpose-narrative-body__heading::after {
  rotate: 30deg;
}
.p-purpose-narrative .p-purpose-narrative-body__heading.is-inview::before, .p-purpose-narrative .p-purpose-narrative-body__heading.is-inview::after {
  scale: 1;
}
.p-purpose-narrative .p-purpose-narrative-body__content {
  width: calc(95.6 * var(--rem));
  height: calc(41.9 * var(--rem));
  position: relative;
  margin-top: calc(2 * var(--rem));
  border: 1px solid #BBD1DF;
  border-radius: calc(1.5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body__content {
    width: 100%;
    height: calc(23.3 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body__map {
  position: absolute;
  top: calc(4.2 * var(--rem));
  left: calc(4 * var(--rem));
  width: calc(30.7 * var(--rem));
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(1) .p-purpose-narrative-body-contents__text {
  top: calc(7.7 * var(--rem));
  left: calc(40.3 * var(--rem));
  width: calc(5.9 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(1) .p-purpose-narrative-body-contents__text {
    top: calc(4.5 * var(--rem));
    left: calc(3 * var(--rem));
    width: calc(3.4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(2) .p-purpose-narrative-body-contents__text {
  top: calc(8.5 * var(--rem));
  left: calc(46.5 * var(--rem));
  width: calc(6.9 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(2) .p-purpose-narrative-body-contents__text {
    top: calc(4.9 * var(--rem));
    left: calc(6.6 * var(--rem));
    width: calc(4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(3) .p-purpose-narrative-body-contents__text {
  top: calc(8.4 * var(--rem));
  left: calc(54.2 * var(--rem));
  width: calc(6 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(3) .p-purpose-narrative-body-contents__text {
    top: calc(4.9 * var(--rem));
    left: calc(10.9 * var(--rem));
    width: calc(3.4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(4) .p-purpose-narrative-body-contents__text {
  top: calc(7.9 * var(--rem));
  left: calc(61.3 * var(--rem));
  width: calc(6.7 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(4) .p-purpose-narrative-body-contents__text {
    top: calc(4.6 * var(--rem));
    left: calc(15 * var(--rem));
    width: calc(3.8 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(5) .p-purpose-narrative-body-contents__text {
  top: calc(8.2 * var(--rem));
  left: calc(68.1 * var(--rem));
  width: calc(6.3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(5) .p-purpose-narrative-body-contents__text {
    top: calc(4.8 * var(--rem));
    left: calc(18.9 * var(--rem));
    width: calc(3.6 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(6) .p-purpose-narrative-body-contents__text {
  top: calc(8 * var(--rem));
  left: calc(74.9 * var(--rem));
  width: calc(6.7 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(6) .p-purpose-narrative-body-contents__text {
    top: calc(4.6 * var(--rem));
    left: calc(22.8 * var(--rem));
    width: calc(3.8 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(7) .p-purpose-narrative-body-contents__text {
  top: calc(8.2 * var(--rem));
  left: calc(82 * var(--rem));
  width: calc(6.1 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(7) .p-purpose-narrative-body-contents__text {
    top: calc(4.8 * var(--rem));
    left: calc(26.9 * var(--rem));
    width: calc(3.5 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(8) .p-purpose-narrative-body-contents__text {
  top: calc(12.4 * var(--rem));
  left: calc(89.1 * var(--rem));
  width: calc(2.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(8) .p-purpose-narrative-body-contents__text {
    top: calc(7.2 * var(--rem));
    left: calc(30.9 * var(--rem));
    width: calc(1.4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(9) .p-purpose-narrative-body-contents__text {
  top: calc(17 * var(--rem));
  left: calc(39.5 * var(--rem));
  width: calc(7 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(9) .p-purpose-narrative-body-contents__text {
    top: calc(9.8 * var(--rem));
    left: calc(2.5 * var(--rem));
    width: calc(4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(10) .p-purpose-narrative-body-contents__text {
  top: calc(16.8 * var(--rem));
  left: calc(46 * var(--rem));
  width: calc(6.6 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(10) .p-purpose-narrative-body-contents__text {
    top: calc(9.7 * var(--rem));
    left: calc(6.2 * var(--rem));
    width: calc(3.8 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(11) .p-purpose-narrative-body-contents__text {
  top: calc(16.6 * var(--rem));
  left: calc(53.2 * var(--rem));
  width: calc(7.3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(11) .p-purpose-narrative-body-contents__text {
    top: calc(9.6 * var(--rem));
    left: calc(10.4 * var(--rem));
    width: calc(4.2 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(12) .p-purpose-narrative-body-contents__text {
  top: calc(16.9 * var(--rem));
  left: calc(60.6 * var(--rem));
  width: calc(6.9 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(12) .p-purpose-narrative-body-contents__text {
    top: calc(9.7 * var(--rem));
    left: calc(14.6 * var(--rem));
    width: calc(4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(13) .p-purpose-narrative-body-contents__text {
  top: calc(17 * var(--rem));
  left: calc(68 * var(--rem));
  width: calc(6.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(13) .p-purpose-narrative-body-contents__text {
    top: calc(9.8 * var(--rem));
    left: calc(18.9 * var(--rem));
    width: calc(3.5 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(14) .p-purpose-narrative-body-contents__text {
  top: calc(25.8 * var(--rem));
  left: calc(40 * var(--rem));
  width: calc(6.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(14) .p-purpose-narrative-body-contents__text {
    top: calc(14.9 * var(--rem));
    left: calc(2.8 * var(--rem));
    width: calc(3.5 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(15) .p-purpose-narrative-body-contents__text {
  top: calc(26 * var(--rem));
  left: calc(47.5 * var(--rem));
  width: calc(5.3 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(15) .p-purpose-narrative-body-contents__text {
    top: calc(15 * var(--rem));
    left: calc(7.1 * var(--rem));
    width: calc(3 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(16) .p-purpose-narrative-body-contents__text {
  top: calc(25.8 * var(--rem));
  left: calc(53.4 * var(--rem));
  width: calc(6.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(16) .p-purpose-narrative-body-contents__text {
    top: calc(14.9 * var(--rem));
    left: calc(10.5 * var(--rem));
    width: calc(3.6 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(17) .p-purpose-narrative-body-contents__text {
  top: calc(26.9 * var(--rem));
  left: calc(60.2 * var(--rem));
  width: calc(6.8 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(17) .p-purpose-narrative-body-contents__text {
    top: calc(15.5 * var(--rem));
    left: calc(14.4 * var(--rem));
    width: calc(3.9 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(18) .p-purpose-narrative-body-contents__text {
  top: calc(26.8 * var(--rem));
  left: calc(66.7 * var(--rem));
  width: calc(6.5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(18) .p-purpose-narrative-body-contents__text {
    top: calc(15.4 * var(--rem));
    left: calc(18.1 * var(--rem));
    width: calc(3.7 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(19) .p-purpose-narrative-body-contents__text {
  top: calc(25.8 * var(--rem));
  left: calc(73.7 * var(--rem));
  width: calc(6.6 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(19) .p-purpose-narrative-body-contents__text {
    top: calc(14.9 * var(--rem));
    left: calc(22.1 * var(--rem));
    width: calc(3.8 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(20) .p-purpose-narrative-body-contents__text {
  top: calc(25.8 * var(--rem));
  left: calc(81 * var(--rem));
  width: calc(5.2 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(20) .p-purpose-narrative-body-contents__text {
    top: calc(14.8 * var(--rem));
    left: calc(26.3 * var(--rem));
    width: calc(3 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(21) .p-purpose-narrative-body-contents__text {
  top: calc(30.1 * var(--rem));
  left: calc(86.8 * var(--rem));
  width: calc(2.4 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__item:nth-of-type(21) .p-purpose-narrative-body-contents__text {
    top: calc(17.3 * var(--rem));
    left: calc(29.3 * var(--rem));
    width: calc(1.4 * var(--rem));
  }
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents .p-purpose-narrative-body__map {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: opacity;
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text {
  position: absolute;
  cursor: pointer;
  transition: translate 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: transform, filter;
}
.p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text img {
  filter: brightness(0);
  transition: filter 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: filter;
}
@media (hover: hover) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text:hover {
    translate: calc(-0.6 * var(--rem)) calc(-0.6 * var(--rem));
    filter: drop-shadow(calc(0.6 * var(--rem)) calc(0.6 * var(--rem)) calc(0.6 * var(--rem)) rgba(0, 0, 0, 0.2));
  }
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text:hover img {
    filter: brightness(1);
  }
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text:hover + .p-purpose-narrative-body__map {
    opacity: 1;
  }
}
@media (hover: none) {
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text:active {
    translate: calc(-0.6 * var(--rem)) calc(-0.6 * var(--rem));
    filter: drop-shadow(calc(0.6 * var(--rem)) calc(0.6 * var(--rem)) calc(0.6 * var(--rem)) rgba(0, 0, 0, 0.2));
  }
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text:active img {
    filter: brightness(1);
  }
  .p-purpose-narrative .p-purpose-narrative-body .p-purpose-narrative-body-contents__text:active + .p-purpose-narrative-body__map {
    opacity: 1;
  }
}
.p-purpose-narrative .c-modal__content {
  padding: calc(6 * var(--rem)) calc(5 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal__content {
    padding: calc(4 * var(--rem)) calc(2 * var(--rem)) calc(5 * var(--rem));
  }
}
.p-purpose-narrative .c-modal#narrative01 .p-purpose-narrative-modal__text img {
  width: calc(15 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative02 .p-purpose-narrative-modal__text img {
  width: calc(17.6 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative03 .p-purpose-narrative-modal__text img {
  width: calc(15.3 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative04 .p-purpose-narrative-modal__text img {
  width: calc(16.9 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative05 .p-purpose-narrative-modal__text img {
  width: calc(15.9 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative06 .p-purpose-narrative-modal__text img {
  width: calc(17 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative07 .p-purpose-narrative-modal__text img {
  width: calc(15.4 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative08 .p-purpose-narrative-modal__text img {
  width: calc(6.2 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative09 .p-purpose-narrative-modal__text img {
  width: calc(17.8 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative10 .p-purpose-narrative-modal__text img {
  width: calc(16.7 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative11 .p-purpose-narrative-modal__text img {
  width: calc(18.6 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative12 .p-purpose-narrative-modal__text img {
  width: calc(17.6 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative13 .p-purpose-narrative-modal__text img {
  width: calc(15.9 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative14 .p-purpose-narrative-modal__text img {
  width: calc(15.7 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative15 .p-purpose-narrative-modal__text img {
  width: calc(13.4 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative16 .p-purpose-narrative-modal__text img {
  width: calc(15.8 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative17 .p-purpose-narrative-modal__text img {
  width: calc(17.3 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative18 .p-purpose-narrative-modal__text img {
  width: calc(16.4 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative19 .p-purpose-narrative-modal__text img {
  width: calc(16.8 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative20 .p-purpose-narrative-modal__text img {
  width: calc(13.2 * var(--rem));
}
.p-purpose-narrative .c-modal#narrative21 .p-purpose-narrative-modal__text img {
  width: calc(6.2 * var(--rem));
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide {
  margin: calc(3 * var(--rem)) calc(-5 * var(--rem)) 0;
  padding-bottom: calc(5.5 * var(--rem)) !important;
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide {
    margin: calc(4 * var(--rem)) calc(-2 * var(--rem)) 0;
  }
}
@media screen and (min-width: 769px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 5))) .splide__track {
    padding: 0 !important;
    pointer-events: none;
  }
}
@media screen and (min-width: 769px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 5))) .splide__list {
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 5))) .splide__arrows, .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 5))) .splide__progress {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 2))) .splide__track {
    padding: 0 !important;
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 2))) .splide__list {
    justify-content: center;
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 2))) .splide__arrows, .p-purpose-narrative .c-modal .p-purpose-narrative-slide:not(:has(.splide__slide:nth-of-type(n + 2))) .splide__progress {
    display: none;
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__track {
  padding: 0 calc(9 * var(--rem)) !important;
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__track {
    padding: 0 calc(12 * var(--rem)) 0 calc(2 * var(--rem)) !important;
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__list {
  gap: calc(3 * var(--rem));
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrows {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% calc(50% - 0.3 * var(--rem));
  display: flex;
  justify-content: space-between;
  width: calc(69.7 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrows {
    width: calc(31.5 * var(--rem));
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrow {
  width: calc(1 * var(--rem));
  height: calc(1.7 * var(--rem));
  background-color: #000;
  -webkit-mask: url("../../purpose/img/arw_line.svg") no-repeat center/contain;
          mask: url("../../purpose/img/arw_line.svg") no-repeat center/contain;
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrow:hover {
    background-color: #0068A2;
  }
}
@media (hover: none) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrow:active {
    background-color: #0068A2;
  }
}
@media (hover: hover) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrow:hover {
    background-color: #0068A2;
  }
}
@media (hover: none) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrow:active {
    background-color: #0068A2;
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__arrow--prev {
  rotate: 180deg;
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__slide {
  display: flex;
  flex-direction: column;
  width: calc(20.6 * var(--rem));
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__progress {
  position: absolute;
  bottom: calc(0.3 * var(--rem));
  left: 50%;
  width: 100%;
  max-width: calc(65.6 * var(--rem));
  margin-left: auto;
  margin-right: auto;
  translate: -50% 50%;
  height: calc(0.6 * var(--rem));
  background-color: #D9D9D9;
  border-radius: calc(0.6 * var(--rem));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  transition: height 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__progress {
    max-width: calc(27 * var(--rem));
  }
}
@media (hover: hover) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__progress:hover {
    height: calc(1.2 * var(--rem));
  }
}
@media (hover: none) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__progress:active {
    height: calc(1.2 * var(--rem));
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide .splide__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #0068A2;
  border-radius: calc(0.6 * var(--rem));
  pointer-events: none;
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide__heading {
  color: #0068A2;
  font-weight: 600;
}
.p-purpose-narrative .c-modal .p-purpose-narrative-slide__image {
  margin-top: auto;
  padding-top: calc(1.5 * var(--rem));
}
.p-purpose-narrative .c-modal .p-purpose-narrative-modal__content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(1.8 * var(--rem)) calc(10 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-modal__content {
    flex-direction: column;
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-modal__text {
  display: flex;
  align-items: center;
  width: calc(18.6 * var(--rem));
  height: calc(18.6 * var(--rem));
  justify-content: flex-end;
  filter: brightness(0);
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-modal__text {
    width: auto;
  }
}
.p-purpose-narrative .c-modal .p-purpose-narrative-modal__heading {
  font-weight: 600;
}
.p-purpose-narrative .c-modal .p-purpose-narrative-modal__note {
  margin-top: calc(5 * var(--rem));
  font-size: calc(1.4 * var(--rem));
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-purpose-narrative .c-modal .p-purpose-narrative-modal__note {
    padding-left: 1.2em;
    text-indent: -1.2em;
    text-align: left;
  }
}
.p-purpose-top {
  width: 100%;
  max-width: calc(95.6 * var(--rem));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(9 * var(--rem));
  margin-bottom: calc(9 * var(--rem));
}
@media screen and (max-width: 768px) {
  .p-purpose-top {
    margin-top: calc(6 * var(--rem));
    margin-bottom: calc(6 * var(--rem));
    padding: 0 calc(2 * var(--rem));
  }
}
.p-purpose-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(18.4 * var(--rem));
  height: calc(9.4 * var(--rem));
  flex-direction: column;
  gap: 5;
  margin-left: auto;
  border: calc(0.2 * var(--rem)) solid #0068A2;
  color: #0068A2;
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (hover: hover) {
  .p-purpose-top a:hover {
    background-color: #0068A2;
    color: #fff;
  }
  .p-purpose-top a:hover::after {
    background-color: #fff;
  }
}
@media (hover: none) {
  .p-purpose-top a:active {
    background-color: #0068A2;
    color: #fff;
  }
  .p-purpose-top a:active::after {
    background-color: #fff;
  }
}
.p-purpose-top a::after {
  display: block;
  width: calc(2.5 * var(--rem));
  height: calc(2.5 * var(--rem));
  content: "";
  background-color: #0068A2;
  -webkit-mask: url("../../purpose/img/arw_circle.svg") no-repeat center/contain;
          mask: url("../../purpose/img/arw_circle.svg") no-repeat center/contain;
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}