@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

/* @font-face でローカルフォントを優先 */
@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
:root {
  --base-font-size: 16;
  --color-black: #333333;
  --color-white: #fff;
  --color-main: #17BED2;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: var(--color-black);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  line-height: 1.875;
}

a {
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.6;
}

figure {
  margin: 0;
  display: block;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.c-color-white {
  color: #fff;
}

.c-color-black {
  color: #333333;
}

.c-color-green {
  color: #06C755;
}

.c-color-dull-green {
  color: #65944a;
}

.c-color-dark-gray {
  color: #545454;
}

.c-color-light-gray {
  color: #f7f7f7;
}

.c-color-vivid-crimson {
  color: #fa0644;
}

.c-head-text {
  text-align: center;
  display: grid;
}

.c-head-text__main {
  font-size: clamp(2rem, 1.0291rem + 4.1424vw, 6rem);
  font-weight: bold;
  color: var(--color-main);
}

.c-head-text__sub {
  font-size: clamp(0.875rem, 0.6019rem + 1.165vw, 2rem);
  font-weight: bold;
}

.c-btn-rectangle, .c-btn-ellipse--l, .c-btn-ellipse--m, .c-btn-ellipse--s {
  display: inline-flex;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  background-color: #06C755;
  color: #fff;
  transition: opacity 0.3s;
  box-shadow: 0 4px 8px rgba(71, 89, 92, 0.6);
}
.c-btn-rectangle:hover, .c-btn-ellipse--l:hover, .c-btn-ellipse--m:hover, .c-btn-ellipse--s:hover {
  cursor: pointer;
  opacity: 0.6;
}

.c-btn-ellipse--l, .c-btn-ellipse--m, .c-btn-ellipse--s {
  border-radius: 50px;
  border: 2px solid #FFFFFF;
}

.c-btn-rectangle {
  font-size: clamp(1.1019rem, 0.9446rem + 0.6712vw, 1.75rem);
  padding: 0.3970504821em 2.4390243902em 0.5399886557em 1.7016449234em;
  box-shadow: 0px 4px 5.1px 0px rgba(71, 89, 92, 0.2196078431);
}
.c-btn-rectangle img {
  width: clamp(1.6563rem, 1.2239rem + 1.8447vw, 3.4375rem);
  height: auto;
}

.c-btn-ellipse--s {
  font-size: 1rem;
  padding: 0.55625em 2.38125em 0.398125em 1.616875em;
}
@media screen and (min-width: 768px) {
  .c-btn-ellipse--s:hover .c-btn-arrow {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
.c-btn-ellipse--s .c-btn__text {
  margin-left: 0.8125em;
}
.c-btn-ellipse--s .c-btn__icon {
  width: 2.1125em;
  aspect-ratio: 1/1;
}
.c-btn-ellipse--s .c-btn-arrow {
  width: 0.4375em;
  aspect-ratio: 7/12;
  margin-left: 1em;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-btn-ellipse--m {
  font-size: clamp(1.2263rem, 1.0991rem + 0.5424vw, 1.75rem);
  padding: 0.4642857143em 2.4228571429em 0.4271428571em 1.5em;
}
@media screen and (min-width: 768px) {
  .c-btn-ellipse--m:hover .c-btn-arrow {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
.c-btn-ellipse--m .c-btn__text {
  margin-left: 0.7857142857em;
}
.c-btn-ellipse--m .c-btn__icon {
  width: 1.9642857143em;
  aspect-ratio: 1/1;
}
.c-btn-ellipse--m .c-btn-arrow {
  width: 0.4167857143em;
  aspect-ratio: 11.67/19.8;
  margin-left: 0.9103571429em;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-btn-ellipse--l {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  padding: 0.55em 2.55em 0.6em 1.8em;
  border-radius: 58px;
  box-shadow: 0px 4px 8.5px 0px rgba(71, 89, 92, 0.2509803922);
}
@media screen and (min-width: 768px) {
  .c-btn-ellipse--l {
    padding: 0.53125em 2.46875em 0.59375em 1.75em;
  }
  .c-btn-ellipse--l:hover .c-btn-arrow {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}
.c-btn-ellipse--l .c-btn__text {
  margin-left: 0.5625em;
}
.c-btn-ellipse--l .c-btn__icon {
  width: 1.8em;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .c-btn-ellipse--l .c-btn__icon {
    width: 1.78125em;
  }
}
.c-btn-ellipse--l .c-btn-arrow {
  width: 0.4em;
  aspect-ratio: 8/15;
  margin-left: 0.85em;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-slider-button {
  width: clamp(2.0625rem, 1.835rem + 0.9709vw, 3rem);
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: solid 2px #CAD0DD;
  transition: opacity 0.3s, background-color 0.3s;
}
.c-slider-button:hover {
  cursor: pointer;
  opacity: 0.6;
  background-color: #fff;
}
.c-slider-button .swiper-navigation-icon {
  display: none;
}
.c-slider-button::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* 前に戻る画像パス */
.c-slider-button--prev::after {
  background-image: url(../img/common/arrow_left.svg);
}

/* 次に進む画像パス */
.c-slider-button--next::after {
  background-image: url(../img/common/arrow_right.svg);
}

.c-card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}
.c-card--bordered {
  border: 1.5px solid #17BED2;
}
.c-card--blue-bg {
  background-color: #f1feff;
  box-shadow: 4px 4px 30px 0px rgba(51, 51, 51, 0.05);
}
.c-card--shadow-gray {
  box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.05);
}

.c-card__head {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.c-card__head--icon {
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.c-card__body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}

@media screen and (max-width: 374px) {
  .hidden-xs {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .hidden-sm {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .hidden-md {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .hidden-lg {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-xl {
    display: none;
  }
}

.visible-xs {
  display: none;
}
@media screen and (max-width: 374px) {
  .visible-xs {
    display: block;
  }
}

.visible-md {
  display: none;
}
@media screen and (min-width: 768px) {
  .visible-md {
    display: block;
  }
}

.visible-lg {
  display: none;
}
@media screen and (min-width: 1024px) {
  .visible-lg {
    display: block;
  }
}

.visible-xl {
  display: none;
}
@media screen and (min-width: 1200px) {
  .visible-xl {
    display: block;
  }
}

.visible-sm-inline {
  display: none;
}
@media screen and (min-width: 600px) {
  .visible-sm-inline {
    display: inline;
  }
}

.visible-md-inline {
  display: none;
}
@media screen and (min-width: 768px) {
  .visible-md-inline {
    display: inline;
  }
}

.visible-lg-inline {
  display: none;
}
@media screen and (min-width: 1024px) {
  .visible-lg-inline {
    display: inline;
  }
}

.visible-md-inline-flex {
  display: none;
}
@media screen and (min-width: 768px) {
  .visible-md-inline-flex {
    display: inline-flex;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}

.l-header__inner {
  padding-top: 5px;
  padding-left: 11px;
  padding-right: 7px;
}
@media screen and (min-width: 768px) {
  .l-header__inner {
    padding-top: 10px;
    padding-left: 35px;
    padding-right: 25px;
  }
}

.l-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.l-header__logo {
  display: block;
  width: clamp(6.125rem, 4.3956rem + 7.3786vw, 13.25rem);
  aspect-ratio: 98/31;
}
.l-header__logo img {
  width: 100%;
  height: auto;
}

.l-header__cta-button {
  font-size: clamp(0.875rem, 0.6626rem + 0.9061vw, 1.75rem);
  padding-top: 0.3907142857em;
  padding-bottom: 0.4685714286em;
  padding-left: 1.5714285714em;
  padding-right: 2.4285714286em;
}
@media screen and (min-width: 768px) {
  .l-header__cta-button {
    padding-top: 0.3928571429em;
    padding-bottom: 0.3214285714em;
    padding-left: 1.4285714286em;
    padding-right: 2.3214285714em;
  }
}
.l-header__cta-button .c-btn__icon {
  width: clamp(1.55rem, 1.0919rem + 1.9547vw, 3.4375rem);
}
.l-header__cta-button .c-btn__text {
  font-size: clamp(0.875rem, 0.6626rem + 0.9061vw, 1.75rem);
  font-weight: 700;
  margin-left: 0.8571428571em;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .l-header__cta-button .c-btn__text {
    margin-left: 0.9642857143em;
  }
}
.l-header__cta-button .c-btn-arrow {
  width: clamp(0.3688rem, 0.2914rem + 0.3301vw, 0.6875rem);
  margin-left: 1.5714285714em;
  aspect-ratio: 5.9/10;
}
@media screen and (min-width: 768px) {
  .l-header__cta-button .c-btn-arrow {
    margin-left: 1.0714285714em;
    aspect-ratio: 11/19;
  }
}

.l-footer {
  background-color: #30426A;
  padding-top: clamp(1.6875rem, 1.4903rem + 0.8414vw, 2.5rem);
  padding-bottom: 0.375rem;
}
@media screen and (min-width: 1200px) {
  .l-footer {
    padding-bottom: 0.8125rem;
  }
}

.l-footer__container {
  color: #fff;
  padding-inline: 16px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .l-footer__container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline: min(56px, 2.9166666667vw) min(110px, 5.7291666667vw);
  }
}

.l-footer__title {
  display: flex;
  justify-content: center;
}

.l-footer__logo {
  width: clamp(12.625rem, 12.0941rem + 2.2654vw, 14.8125rem);
}
.l-footer__logo img {
  width: 100%;
  aspect-ratio: 202/65;
}
@media screen and (min-width: 1200px) {
  .l-footer__logo img {
    aspect-ratio: 237/76;
  }
}

.l-footer__nav {
  margin-top: 1.3125rem;
}
@media screen and (min-width: 1200px) {
  .l-footer__nav {
    margin-top: 0;
  }
}

.l-footer-nav__list {
  display: flex;
  flex-direction: column;
  row-gap: 0.3125rem;
}
@media screen and (min-width: 1200px) {
  .l-footer-nav__list {
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-column-gap: min(72px, 3.75vw);
    -moz-column-gap: min(72px, 3.75vw);
    column-gap: min(72px, 3.75vw);
  }
}

.l-footer-nav__item {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1200px) {
  .l-footer-nav__item {
    letter-spacing: 0;
  }
}

.l-footer-nav__link {
  font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
  font-weight: 700;
}

.l-footer__copyright {
  margin-left: auto;
  color: #C3C3C3;
  margin-top: clamp(1.3125rem, 0.3416rem + 4.1424vw, 5.3125rem);
  font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
  letter-spacing: 0;
}
@media screen and (min-width: 1200px) {
  .l-footer__copyright {
    width: auto;
    margin-left: 0;
    flex-shrink: 0;
  }
}

.p-hero {
  padding-block: clamp(4.4375rem, 3.6335rem + 3.4304vw, 7.75rem) clamp(1.75rem, 0.5212rem + 5.2427vw, 6.8125rem);
}
@media screen and (min-width: 1024px) {
  .p-hero {
    padding-block: 0;
    position: relative;
  }
}

.p-hero__container {
  padding-inline: 16px;
  display: grid;
  grid-template-rows: repeat(4, auto);
}
@media screen and (min-width: 1024px) {
  .p-hero__container {
    display: flex;
    justify-content: center;
    width: min(1200px, 62.5vw);
    margin-inline: auto;
    padding-inline: 0;
    aspect-ratio: 1200/840;
  }
}

.p-hero__contents {
  display: contents;
}
@media screen and (min-width: 1024px) {
  .p-hero__contents {
    display: grid;
    grid-template-rows: repeat(2, auto);
    gap: 6%;
    width: 66.6666666667%;
    margin-block: 10.3333333333% 9.0833333333%;
  }
}

.p-hero__text-area {
  display: contents;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .p-hero__text-area {
    display: block;
    text-align: left;
  }
}

.p-hero-text-top {
  margin-inline: auto;
  display: grid;
  grid-template-rows: repeat(3, auto);
  margin-inline: auto;
  grid-row: 1/2;
}

.p-hero-text-top__top {
  font-size: clamp(0.875rem, 0.7233rem + 0.6472vw, 1.5rem);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .p-hero-text-top__top {
    font-size: min(24px, 1.25vw);
  }
}

.p-hero-text-top__middle {
  font-size: clamp(1.125rem, 0.9126rem + 0.9061vw, 2rem);
  margin-top: 4.7297297297%;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1024px) {
  .p-hero-text-top__middle {
    font-size: min(32px, 1.6666666667vw);
    margin-top: 2.125%;
  }
}

.p-hero-text-top-middle__big {
  font-size: clamp(1.25rem, 1.0073rem + 1.0356vw, 2.25rem);
  color: var(--color-main);
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .p-hero-text-top-middle__big {
    font-size: min(36px, 1.875vw);
  }
}

.p-hero-text-top__bottom {
  font-size: clamp(2rem, 1.7573rem + 1.0356vw, 3rem);
  display: grid;
  grid-template-rows: repeat(2, auto);
  row-gap: 5px;
  margin-top: 3.0201342282%;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .p-hero-text-top__bottom {
    display: flex;
    text-wrap: nowrap;
    font-size: min(48px, 2.5vw);
    margin-top: 3.25%;
  }
}

.p-hero-text-top-bottom__left {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}

.p-hero-text-top-bottom__right {
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-hero-text-top-bottom__right {
    margin-top: clamp(0.3125rem, 0.2063rem + 0.4531vw, 0.75rem);
  }
}

.p-hero-img-text-box {
  display: grid;
  grid-template-rows: repeat(2, auto);
  gap: clamp(0.3125rem, 0.2063rem + 0.4531vw, 0.75rem);
}

.p-hero-img-text__head {
  display: flex;
  justify-content: space-around;
}
.p-hero-img-text__head img {
  width: 0.3125rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-hero-img-text__body {
  width: clamp(8.5rem, 7.6353rem + 3.6893vw, 12.0625rem);
}
@media screen and (min-width: 1024px) {
  .p-hero-img-text__body {
    width: min(193px, 10.0520833333vw);
  }
}
.p-hero-img-text__body img {
  width: 100%;
  height: auto;
  aspect-ratio: 136/37;
}

.p-hero__text-bottom {
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  display: flex;
  flex-direction: column;
  grid-row: 3/4;
  margin-top: 3.2vw;
  row-gap: 0.5em;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 1024px) {
  .p-hero__text-bottom {
    flex-direction: row;
    justify-content: start;
    text-wrap: nowrap;
    font-size: min(20px, 1.0416666667vw);
    margin-top: 2.5%;
    letter-spacing: 0.08em;
  }
}

.p-hero__cta {
  margin-top: 2.25rem;
  margin-inline: auto;
  width: clamp(21.25rem, 18.4284rem + 12.0388vw, 32.875rem);
}
@media screen and (min-width: 1024px) {
  .p-hero__cta {
    margin-inline: 0 auto;
    width: min(526px, 27.3958333333vw);
    margin-top: min(48px, 2.5vw);
  }
}

.p-hero-cta-card {
  position: relative;
  grid-template-rows: repeat(3, auto);
  place-items: center;
  text-align: center;
  box-shadow: 0px 4px 12px 6px rgba(0, 0, 0, 0.0784313725);
  border-radius: 5px;
  grid-row: 4/5;
}

.p-hero-cta-card__head {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  width: 61.4705882353%;
  background-color: var(--color-main);
  color: #F5FBFC;
  font-weight: 700;
  border-radius: 5px;
  padding-block: 7.5px;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .p-hero-cta-card__head {
    font-size: min(32px, 1.6666666667vw);
    padding-block: min(14px, 0.7291666667vw);
    width: 67.3003802281%;
  }
}

@media screen and (min-width: 1024px) {
  .p-hero-cta-card-head__right {
    font-size: 0.875em;
  }
}

.p-hero-cta-card__body {
  padding-top: 6.1764705882%;
  padding-bottom: 5%;
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-hero-cta-card__body {
    padding-top: 6.8441064639%;
    padding-bottom: 5.5133079848%;
  }
}

.p-hero-cta-card__logo {
  margin-inline: auto;
  display: flex;
  width: 46.1764705882%;
}
.p-hero-cta-card__logo img {
  width: 100%;
  aspect-ratio: 147/47;
}

.p-hero-cta-card__text {
  font-size: clamp(1.5rem, 1.318rem + 0.7767vw, 2.25rem);
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-hero-cta-card__text {
    font-size: min(36px, 1.875vw);
    margin-top: 8px;
  }
}

@media screen and (min-width: 1024px) {
  .p-hero-cta-card__button-box {
    margin-top: 3.2319391635%;
  }
}

.p-hero__cta-button {
  letter-spacing: 0.1em;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .p-hero__cta-button {
    font-size: min(32px, 1.6666666667vw);
  }
}

.p-hero__img-box {
  grid-row: 2/3;
}
@media screen and (min-width: 1024px) {
  .p-hero__img-box {
    position: relative;
    width: 38.5833333333%;
  }
}

.p-hero__sp-img-area {
  position: relative;
  margin-top: 4.2666666667vw;
}

.p-hero__sp-img {
  width: 93.0029154519%;
  margin-inline: auto;
}
.p-hero__sp-img img {
  aspect-ratio: 319/204;
  width: 100%;
  height: auto;
}

.p-hero__sp-img-wrap {
  width: 100%;
  aspect-ratio: 343/204;
  position: relative;
  display: flex;
}

.p-hero__sp-img-box {
  position: absolute;
  height: 100%;
  top: 0;
}

.p-hero-sp-img-box {
  aspect-ratio: 163/204;
  bottom: 0;
}

.p-hero-sp-img-box--left {
  left: 4.3731778426%;
}

.p-hero-sp-img-box--right {
  right: 7.5801749271%;
}

.p-hero-sp-img-box__front {
  position: absolute;
  bottom: 0;
  height: 100%;
}
.p-hero-sp-img-box__front img {
  width: auto;
  height: 100%;
}

.p-hero-sp-img-box__back {
  position: absolute;
  bottom: 0;
  right: -9.2024539877%;
  width: 100%;
  z-index: -1;
}
.p-hero-sp-img-box__back img {
  width: 100%;
  height: auto;
}

.p-hero-sp-img-box-left__back {
  right: -7.9754601227%;
}

.p-hero__decoration-img {
  position: absolute;
}
.p-hero__decoration-img img {
  width: 100%;
  height: auto;
}

.p-hero__decoration-img--left-1 {
  width: 7.7259475219%;
  left: -16px;
  top: -20px;
}

.p-hero__decoration-img--left-2 {
  width: 15.306122449%;
  left: -16px;
  top: -36px;
}

.p-hero__decoration-img--right-1 {
  width: 17.4927113703%;
  right: -16px;
  bottom: 0;
}

.p-hero__decoration-img--right-2 {
  width: 10.0583090379%;
  right: -16px;
  bottom: 0;
}

.p-hero__pc-img-area {
  position: absolute;
  right: 7.5593952484%;
  height: 100%;
  aspect-ratio: 530/840;
  z-index: -1;
}

.p-hero__pc-img {
  position: absolute;
}

.p-hero__pc-img--front-1 {
  width: 84.7169811321%;
  right: 15.0943396226%;
  z-index: 2;
  top: 0;
}
.p-hero__pc-img--front-1 img {
  aspect-ratio: 449/550;
}

.p-hero__pc-img--front-2 {
  width: 99.0566037736%;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.p-hero__pc-img--front-2 img {
  aspect-ratio: 525/481;
}

.p-hero__pc-img--back-1 {
  width: 99.0566037736%;
  right: 0;
  top: 0;
  z-index: 0;
}
.p-hero__pc-img--back-1 img {
  aspect-ratio: 1051/1252;
}

.p-hero__pc-img--back-2 {
  width: 99.0566037736%;
  right: -10.3773584906%;
  bottom: 0;
  z-index: 1;
}
.p-hero__pc-img--back-2 img {
  aspect-ratio: 1051/1000;
}

.p-hero__pc-background-area {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.p-hero__pc-decoration-img {
  position: absolute;
}
.p-hero__pc-decoration-img img {
  width: 100%;
  height: auto;
}

.p-hero__pc-decoration-img--left-1 {
  bottom: 0;
  left: 0;
  width: min(122.5px, 6.3802083333vw);
}

.p-hero__pc-decoration-img--left-2 {
  bottom: 0;
  left: 0;
  width: min(292.5px, 15.234375vw);
}

.p-hero__pc-decoration-img--right-1 {
  top: 0;
  right: 0;
  width: min(228px, 11.875vw);
}

.p-hero__pc-decoration-img--right-2 {
  top: 0;
  right: 0;
  width: min(82px, 4.2708333333vw);
}

.p-intro {
  background-color: #F5F6F8;
}

.p-intro__container {
  padding-top: clamp(2.5rem, 1.8932rem + 2.589vw, 5rem);
  padding-bottom: 4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-intro__container {
    padding-bottom: min(12px, 0.625vw);
  }
}

.p-intro__head {
  display: flex;
  flex-direction: column;
  display: grid;
  grid-template-rows: auto auto;
  gap: clamp(1.4375rem, 1.0279rem + 1.7476vw, 3.125rem);
  position: relative;
}
.p-intro__head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, #F5F6F8 0%, #A4ACBD 100%);
  opacity: 0.5;
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  line-height: 1.5;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-intro__head::after {
    display: none;
  }
}

.p-intro-title {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  color: var(--color-main);
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: grid;
  grid-template-rows: repeat(2, auto);
  z-index: 5;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-intro-title {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }
}

.p-intro-title__top {
  font-weight: 700;
}

.p-intro-title__bottom {
  font-weight: 700;
  letter-spacing: 0.15em;
}

.p-intro-head__contents {
  display: grid;
  grid-template-rows: 11.625rem 1fr;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-intro-head__contents {
    width: clamp(23.4375rem, 16.2318rem + 30.7443vw, 53.125rem);
    margin-inline: auto;
    grid-template-rows: auto;
  }
}

.p-intro-contents__text-box {
  position: absolute;
  width: 91.2%;
  height: 15rem;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-intro-contents__text-box {
    width: 100%;
    height: 100%;
  }
}

.p-intro-head-text {
  position: absolute;
  background-color: #fff;
  text-align: center;
  display: grid;
  place-items: center;
  grid-template-rows: repeat(2, auto);
  font-size: 1rem;
  border-radius: 20px;
  padding-block: 0.4375em;
  padding-inline: 0.6875em;
  line-height: 1.5;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .p-intro-head-text {
    line-height: 1.6875;
    font-size: clamp(0.625rem, 0.534rem + 0.3883vw, 1rem);
  }
}
.p-intro-head-text::before, .p-intro-head-text::after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.p-intro-head-text::before {
  width: 1.25rem;
}
.p-intro-head-text::after {
  width: 0.625rem;
}

.p-intro-head-text--1 {
  top: 0;
  left: 0;
  width: calc(11em + 25px);
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--1 {
    width: 43.5294117647%;
    top: 4.5929018789%;
    left: -7.2941176471%;
    padding-block: 0.59375em;
  }
}
.p-intro-head-text--1::before {
  width: 1.0625rem;
  aspect-ratio: 17/21;
  -webkit-transform: rotate(17.91deg);
  transform: rotate(17.91deg);
  bottom: -0.650625rem;
  left: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--1::before {
    width: 4.1891891892%;
    aspect-ratio: 15.5/20;
    bottom: -17.8082191781%;
    left: 76.2162162162%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.p-intro-head-text--1::after {
  width: 0.5625rem;
  aspect-ratio: 9/10;
  -webkit-transform: rotate(17.91deg);
  transform: rotate(17.91deg);
  bottom: -1.0625rem;
  left: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--1::after {
    width: 2.3783783784%;
    aspect-ratio: 1/1;
    left: 81.0810810811%;
    bottom: -24.6575342466%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.p-intro-head-text--2 {
  top: 4.4375rem;
  right: 0;
  width: calc(9em + 37px);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--2 {
    width: 42.5882352941%;
    top: 8.3507306889%;
    right: -6.8235294118%;
    padding-block: 0.625em;
  }
}
.p-intro-head-text--2::before {
  width: 1.125rem;
  aspect-ratio: 18/20;
  -webkit-transform: rotate(163.3deg);
  transform: rotate(163.3deg);
  bottom: -0.875rem;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--2::before {
    width: 4.8895027624%;
    aspect-ratio: 17.7/20;
    bottom: -18.9189189189%;
    right: 62.9834254144%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.p-intro-head-text--2::after {
  width: 0.5625rem;
  aspect-ratio: 1/1;
  bottom: -1.25rem;
  right: 2.4375rem;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--2::after {
    width: 2.5994475138%;
    right: 68.7845303867%;
    bottom: -26.0273972603%;
  }
}

.p-intro-head-text--3 {
  top: 9.5625rem;
  left: 0;
  padding-inline: 17px;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--3 {
    width: 37.1764705882%;
    top: 51.1482254697%;
    left: -3.1764705882%;
    padding-block: 0.625em;
  }
}
.p-intro-head-text--3::before {
  width: 1.1875rem;
  aspect-ratio: 19/20;
  -webkit-transform: rotate(68.09deg);
  transform: rotate(68.09deg);
  bottom: -0.8125rem;
  left: 1rem;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--3::before {
    width: 5.9873417722%;
    aspect-ratio: 18.92/20;
    bottom: 94.5205479452%;
    left: 74.6835443038%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.p-intro-head-text--3::after {
  width: 0.633125rem;
  aspect-ratio: 1/1;
  bottom: -1.0625rem;
  left: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-intro-head-text--3::after {
    width: 3.0791139241%;
    left: 81.9620253165%;
    bottom: 115.4383561644%;
  }
}

.p-intro-head-contents__photo {
  z-index: 5;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px) {
  .p-intro-head-contents__photo {
    box-shadow: none;
  }
}
.p-intro-head-contents__photo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background: linear-gradient(180deg, rgba(94, 130, 208, 0) 0%, rgba(48, 66, 106, 0.44) 100%);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p-intro-head-contents__photo::before {
    background: rgba(48, 66, 106, 0.44);
  }
}
.p-intro-head-contents__photo img {
  aspect-ratio: 375/213;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-intro-head-contents__photo img {
    aspect-ratio: 850/479;
  }
}

.p-intro-message {
  margin-top: 2.625rem;
  display: grid;
  grid-template-rows: repeat(2, auto);
  row-gap: 2.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-intro-message {
    margin-top: min(30px, 1.5625vw);
    row-gap: min(15px, 0.78125vw);
  }
}

.p-intro-message-top-text {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  line-height: 1.5;
  display: grid;
  grid-template-rows: repeat(2, auto);
}
@media screen and (min-width: 768px) {
  .p-intro-message-top-text {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }
}

.p-intro-message-top-text__line {
  font-weight: 400;
}

.p-intro-message-bottom-text {
  display: grid;
  grid-template-rows: repeat(3, auto);
  justify-items: center;
}

.p-intro-message-bottom-text__line {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-intro-message-bottom-text__line {
    line-height: 1;
  }
}

.p-intro-message-bottom-text__line--2 {
  width: clamp(14.75rem, 11.1851rem + 15.2104vw, 29.4375rem);
}
@media screen and (min-width: 768px) {
  .p-intro-message-bottom-text__line--2 {
    margin-top: min(50px, 2.6041666667vw);
  }
}
.p-intro-message-bottom-text__line--2 img {
  aspect-ratio: 236/33;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-intro-message-bottom-text__line--2 img {
    aspect-ratio: 471/66;
  }
}

@media screen and (min-width: 768px) {
  .p-intro-message-bottom-text__line--3 {
    margin-top: min(45px, 2.34375vw);
  }
}

.p-intro-contents {
  margin-top: clamp(1.125rem, 0.1086rem + 4.3366vw, 5.3125rem);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-intro-contents {
    width: clamp(23.4375rem, 12.4393rem + 46.9256vw, 68.75rem);
    margin-inline: auto;
  }
}

.p-intro-content-1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 16px;
  row-gap: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .p-intro-content-1 {
    width: 100%;
    padding-inline: 0;
    flex-direction: row-reverse;
    justify-content: space-between;
    -webkit-column-gap: clamp(0.3125rem, -0.0667rem + 1.6181vw, 1.875rem);
    -moz-column-gap: clamp(0.3125rem, -0.0667rem + 1.6181vw, 1.875rem);
    column-gap: clamp(0.3125rem, -0.0667rem + 1.6181vw, 1.875rem);
  }
}

@media screen and (min-width: 768px) {
  .p-intro-content-1__photo {
    width: 53.7272727273%;
    flex-shrink: 0;
  }
}
.p-intro-content-1__photo img {
  aspect-ratio: 343/228;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-intro-content-1__photo img {
    aspect-ratio: 591/394;
  }
}

.p-intro-content-1-text {
  display: grid;
  grid-template-rows: repeat(3, auto);
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  letter-spacing: 0.1em;
  line-height: 1.5625;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-intro-content-1-text {
    text-align: left;
    align-self: flex-start;
    margin-top: 9.7272727273%;
    width: 43.5454545455%;
  }
}

.p-intro-content-1-text__line {
  font-weight: 400;
}

.p-intro-content-1-text__line--1 {
  letter-spacing: 0.15em;
}

.p-intro-content-1-text__ruby {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  ruby-align: center;
}
@media screen and (min-width: 768px) {
  .p-intro-content-1-text__ruby {
    font-weight: 600;
  }
}
.p-intro-content-1-text__ruby rt {
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  letter-spacing: 0.1em;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-intro-content-1-text__ruby rt {
    font-weight: 500;
  }
}

.p-intro-content-1-text__line-wrap {
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-intro-content-1-text__line-wrap {
    display: block;
  }
}

.p-intro-content-1-text__line--2 {
  margin-top: 1.3636363636%;
}

.p-intro-content-2 {
  margin-top: clamp(1.625rem, 0.8362rem + 3.3657vw, 4.875rem);
  display: grid;
  grid-template-rows: repeat(2, auto);
}
@media screen and (min-width: 768px) {
  .p-intro-content-2 {
    grid-template-rows: 1fr;
    grid-template-columns: 540fr 537fr;
    -webkit-column-gap: 2.0909090909%;
    -moz-column-gap: 2.0909090909%;
    column-gap: 2.0909090909%;
    justify-content: space-between;
  }
}

.p-intro-content-2-box {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-box {
    display: block;
  }
}

.p-intro-content-2-top__photo {
  width: 58.6666666667%;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-top__photo {
    width: 100%;
  }
}
.p-intro-content-2-top__photo img {
  aspect-ratio: 220/181;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-top__photo img {
    aspect-ratio: 540/381;
  }
}

.p-intro-content-2__text {
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  padding: 0.8125em 0.5em;
  letter-spacing: 0.1em;
  text-align: center;
}

.p-intro-content-2-top__text-wrap {
  width: 41.3333333333%;
}

.p-intro-content-2-top__text {
  position: absolute;
  top: 39.226519337%;
  left: 38.1333333333%;
  text-wrap: nowrap;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-top__text {
    font-size: clamp(0.625rem, 0.534rem + 0.3883vw, 1rem);
    top: 7.874015748%;
    left: 0;
    padding: min(22px, 1.1458333333vw) min(52px, 2.7083333333vw);
  }
}

.p-intro-content-2-bottom {
  flex-direction: row-reverse;
}

.p-intro-content-2-bottom__photo {
  width: 59.4666666667%;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-bottom__photo {
    width: 100%;
  }
}
.p-intro-content-2-bottom__photo img {
  aspect-ratio: 223/186;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-bottom__photo img {
    aspect-ratio: 537/381;
  }
}

.p-intro-content-2-bottom__text-wrap {
  width: 40.5333333333%;
}

.p-intro-content-2-bottom-text {
  position: absolute;
  top: 39.7849462366%;
  right: 24.8%;
  text-wrap: nowrap;
  display: grid;
  line-height: 1.5625;
  padding-block: 7px;
}
@media screen and (min-width: 768px) {
  .p-intro-content-2-bottom-text {
    font-size: clamp(0.625rem, 0.534rem + 0.3883vw, 1rem);
    width: 86.7783985102%;
    top: 58.2677165354%;
    right: 13.2216014898%;
    line-height: 1;
    row-gap: 0.6875rem;
    padding-block: min(16px, 0.8333333333vw);
  }
}

.p-intro-content-2-bottom-text__line-1 {
  font-weight: 400;
}

.p-intro-content-2-bottom-text__line-2 {
  font-weight: 400;
}

.p-intro-content-3 {
  margin-top: clamp(1.25rem, 0.4612rem + 3.3657vw, 4.5rem);
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr;
  row-gap: clamp(1.75rem, 1.4769rem + 1.165vw, 2.875rem);
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-intro-content-3 {
    margin-inline: auto;
  }
}

.p-intro-content-3__text-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: clamp(1.1875rem, 1.0358rem + 0.6472vw, 1.8125rem);
  line-height: 1;
}

.p-intro-content-3-text__head {
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  color: #fff;
  background-color: var(--color-main);
  font-weight: 400;
  padding: 0.5em 0.75em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-intro-content-3-text__head {
    padding: 0.4791666667em 1em;
  }
}
.p-intro-content-3-text__head::after {
  position: absolute;
  content: "";
  width: clamp(0.6875rem, 0.46rem + 0.9709vw, 1.625rem);
  aspect-ratio: 11/19;
  left: 50%;
  bottom: clamp(-1.3125rem, -0.5358rem + -0.6472vw, -0.6875rem);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: inherit;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-intro-content-3-text__head::after {
    aspect-ratio: 26/42;
  }
}

.p-intro-content-3-text__body {
  display: grid;
  grid-template-rows: repeat(2, auto);
  gap: clamp(0.6875rem, 0.3234rem + 1.5534vw, 2.1875rem);
}

.p-intro-content-3-text-body__normal {
  font-size: clamp(1rem, 0.818rem + 0.7767vw, 1.75rem);
  letter-spacing: 0.1em;
}

.p-intro-content-3-text-body__bold {
  font-size: clamp(1.25rem, 0.9163rem + 1.4239vw, 2.625rem);
  font-weight: 700;
  letter-spacing: 0.1em;
}

.p-intro-content-3__photo-area {
  display: flex;
  position: relative;
}

.p-intro-content-3__photo img {
  width: 100%;
}

.p-intro-content-3__photo--left {
  width: 57.3333333333%;
}
@media screen and (min-width: 768px) {
  .p-intro-content-3__photo--left {
    width: 57.7272727273%;
  }
}
.p-intro-content-3__photo--left img {
  aspect-ratio: 215/145;
}
@media screen and (min-width: 768px) {
  .p-intro-content-3__photo--left img {
    aspect-ratio: 635/407;
  }
}

.p-intro-content-3__photo--right {
  width: 57.8666666667%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(26% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(26% 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (min-width: 768px) {
  .p-intro-content-3__photo--right {
    width: 58.0909090909%;
    -webkit-clip-path: polygon(22.5% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(22.5% 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.p-intro-content-3__photo--right img {
  aspect-ratio: 217/145;
}
@media screen and (min-width: 768px) {
  .p-intro-content-3__photo--right img {
    aspect-ratio: 639/407;
  }
}

.p-college-explanation {
  padding-top: clamp(0.625rem, 0.3519rem + 1.165vw, 1.75rem);
  padding-bottom: clamp(1.75rem, 1.6893rem + 0.2589vw, 2rem);
  position: relative;
}
.p-college-explanation::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(1rem, 0.105rem + 3.8188vw, 4.6875rem);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #f5f6f8;
}

.p-college-explanation__container {
  display: grid;
  grid-template-rows: repeat(5, auto);
  place-items: center;
}

.p-college-explanation__head {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.p-college-explanation-head__text {
  font-size: clamp(1.05rem, 1.0015rem + 0.2071vw, 1.25rem);
  color: var(--color-main);
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1;
  padding-block: 0.2976190476em;
  padding-inline: 1.0976190476em;
  border: solid 1px var(--color-main);
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-head__text {
    padding-block: 0.6em;
    padding-inline: 0.85em;
    border: solid 1.5px var(--color-main);
  }
}
.p-college-explanation-head__text::after {
  content: "";
  position: absolute;
  width: 11px;
  aspect-ratio: 11/8.9;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-0.05px);
  transform: translateX(-50%) translateY(-0.05px);
  background-image: url(../img/sp/fukidashi_sp.svg);
  background-repeat: no-repeat;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-head__text::after {
    width: 12px;
    aspect-ratio: 12/16;
    background-image: url(../img/pc/fukidashi_pc.svg);
    -webkit-transform: translateX(-50%) translateY(-0.1px);
    transform: translateX(-50%) translateY(-0.1px);
  }
}

.p-college-explanation__content-1 {
  margin-top: clamp(1.9003rem, 1.6989rem + 0.8595vw, 2.7303rem);
  display: grid;
  row-gap: clamp(1.0625rem, 0.9411rem + 0.5178vw, 1.5625rem);
}

.p-college-explanation-title {
  display: grid;
  place-items: center;
  row-gap: 15px;
  letter-spacing: 0;
  color: var(--color-main);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-title {
    font-size: clamp(1.9263rem, 1.9083rem + 0.0764vw, 2rem);
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    align-items: end;
    gap: 1em;
  }
}

.p-college-explanation-title__top {
  font-size: clamp(1.2844rem, 1.1107rem + 0.7411vw, 2rem);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-title__top {
    font-size: clamp(1.9263rem, 1.9083rem + 0.0764vw, 2rem);
  }
}

.p-college-explanation-title__bottom {
  font-size: clamp(1.9263rem, 1.9083rem + 0.0764vw, 2rem);
  font-weight: 700;
}

.p-college-explanation-title__ruby {
  font-size: clamp(1.9263rem, 1.9083rem + 0.0764vw, 2rem);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.p-college-explanation-title__ruby rt {
  font-weight: 400;
  font-size: 1.12375rem;
  text-align: center;
  letter-spacing: 0.4em;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-title__ruby rt {
    font-size: 1rem;
  }
}

.p-college-explanation-content-1-text {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-college-explanation-content-1-text {
    letter-spacing: 0;
  }
}

.p-college-explanation__content-2 {
  margin-top: clamp(1.875rem, 1.7536rem + 0.5178vw, 2.375rem);
  padding-inline: 16px;
  width: 100%;
}

.p-college-explanation__cords {
  display: grid;
  row-gap: 4.8vw;
}
@media screen and (min-width: 768px) {
  .p-college-explanation__cords {
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 4.1176470588%;
    -moz-column-gap: 4.1176470588%;
    column-gap: 4.1176470588%;
    max-width: 850px;
    margin-inline: auto;
    justify-content: space-between;
  }
}

.p-college-explanation-cord {
  display: flex;
  align-items: center;
  -webkit-column-gap: 4.0816326531%;
  -moz-column-gap: 4.0816326531%;
  column-gap: 4.0816326531%;
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  padding-inline: 0.7857142857em;
  padding-block: 0.5714285714em 0.5em;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  min-height: 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-cord {
    flex-direction: column;
    row-gap: min(25px, 1.3020833333vw);
    padding-inline: 1em;
    padding-block: 0.75em 2em;
    align-items: center;
  }
}
.p-college-explanation-cord:nth-child(2) .p-college-explanation-cord__icon img {
  width: 60.5263157895%;
  aspect-ratio: 23/18;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-cord:nth-child(2) .p-college-explanation-cord__icon img {
    width: 61.0169491525%;
    aspect-ratio: 36/28;
  }
}
.p-college-explanation-cord:nth-child(3) .p-college-explanation-cord__icon img {
  width: 52.6315789474%;
  aspect-ratio: 20/26;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-cord:nth-child(3) .p-college-explanation-cord__icon img {
    width: 52.5423728814%;
    aspect-ratio: 31/40;
  }
}

.p-college-explanation-cord__icon {
  width: clamp(2.375rem, 2.0564rem + 1.3592vw, 3.6875rem);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color-main);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-college-explanation-cord__icon img {
  width: 60.5263157895%;
  aspect-ratio: 23/20;
}
@media screen and (min-width: 768px) {
  .p-college-explanation-cord__icon img {
    width: 61.6949152542%;
    aspect-ratio: 36.4/31.8;
  }
}

.p-college-explanation-cord__text {
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  letter-spacing: 0.1em;
}
.p-college-explanation-cord__text-bold {
  font-weight: 700;
}

.p-college-explanation__content-3 {
  margin-top: 1.75rem;
  display: grid;
  row-gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-college-explanation__content-3 {
    margin-top: min(22px, 1.1458333333vw);
    row-gap: min(50px, 2.6041666667vw);
  }
}

.p-college-explanation-content-3-text {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
}
.p-college-explanation__content-4 {
  margin-top: 2.0625rem;
}

@media screen and (min-width: 768px) {
  .p-college-explanation__photo {
    width: min(850px, 44.2708333333vw);
  }
}
.p-college-explanation__photo img {
  width: 100%;
  aspect-ratio: 373/249;
}
@media screen and (min-width: 768px) {
  .p-college-explanation__photo img {
    aspect-ratio: 848/566;
  }
}

.p-service {
  padding-bottom: clamp(2.6875rem, 2.551rem + 0.5825vw, 3.25rem);
  background-color: #F5F6F8;
}

.p-service__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: clamp(1.5625rem, 0.9405rem + 2.6537vw, 4.125rem);
  overflow: hidden;
}

.p-service__head {
  width: 100%;
  background-color: var(--color-main);
  padding-block: clamp(0.5625rem, -0.3629rem + 3.9482vw, 4.375rem) clamp(0.625rem, 0.2458rem + 1.6181vw, 2.1875rem);
}

.p-service-title {
  text-align: center;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: grid;
  row-gap: 0.3125rem;
}

.p-service-title-en {
  display: grid;
  font-size: clamp(2rem, 1.4235rem + 2.4595vw, 4.375rem);
  line-height: 1.09375;
  opacity: 0.6;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-service-title-en {
    grid-template-columns: repeat(2, auto);
    gap: 0.3em;
    justify-content: center;
    letter-spacing: 0;
    line-height: 0.8571428571;
  }
}

.p-service-title-en__top {
  font-weight: 700;
}

.p-service-title-en__bottom {
  font-weight: 700;
}

.p-service-title-ja {
  font-size: clamp(0.875rem, 0.6019rem + 1.165vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-service-title-ja {
    line-height: 1.875;
  }
}

.p-service__contents {
  width: 100%;
  padding-inline: 16px;
}

.p-service-content-1 {
  display: grid;
  row-gap: clamp(1.625rem, 0.73rem + 3.8188vw, 5.3125rem);
}

.p-service-content-1-text-1 {
  font-size: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
  display: grid;
  text-align: center;
  letter-spacing: 0.2em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-service-content-1-text-1 {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }
}

.p-service-content-1-text-1__line {
  font-weight: 600;
}

.p-service-content-1-text-2 {
  display: grid;
  text-align: center;
}

.p-service-content-1-text-2__head {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  font-weight: 600;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
.p-service-content-1-text-2__body {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-service-content-1-text-2__body {
    line-height: 1.6875;
  }
}

.p-service-content-1-text-2-body__line {
  font-weight: 700;
}

.p-service-content-1-text-2-body__color-text {
  color: var(--color-main);
  font-weight: 700;
}

.p-service-content-1-text-2-body__small-text {
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  font-weight: 600;
}

.p-service-content-1-text-2-body__comma {
  letter-spacing: -0.37em;
  font-weight: 600;
}

.p-service-content-2 {
  margin-top: clamp(1rem, 0.6511rem + 1.4887vw, 2.4375rem);
  display: grid;
  row-gap: clamp(0.9375rem, 0.5886rem + 1.4887vw, 2.375rem);
}
@media screen and (min-width: 768px) {
  .p-service-content-2 {
    width: min(68.75rem, 100%);
    margin-inline: auto;
  }
}

.p-service-content-2-photo-box {
  width: 87.4635568513%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 2.1333333333vw;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-service-content-2-photo-box {
    width: 100%;
    grid-template-columns: 252fr 298fr 298fr 252fr;
    gap: 0;
  }
}

.p-service-content-2__photo img {
  width: 100%;
  aspect-ratio: 150/97;
}

@media screen and (min-width: 768px) {
  .p-service-content-2__photo--1 img, .p-service-content-2__photo--4 img {
    aspect-ratio: 252/202;
  }
}

@media screen and (min-width: 768px) {
  .p-service-content-2__photo--2 img, .p-service-content-2__photo--3 img {
    aspect-ratio: 298/202;
  }
}

.p-service-content-2-text {
  display: grid;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-service-content-2-text {
    grid-template-columns: auto auto;
    justify-content: center;
  }
}

.p-service-content-2-text__line {
  font-weight: 400;
}

.p-service-content-3 {
  margin-top: clamp(3.625rem, 3.0637rem + 2.3948vw, 5.9375rem);
}

.p-service-content-3-cards {
  display: grid;
  row-gap: 8.5333333333vw;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-cards {
    width: min(53rem, 100%);
    grid-template-columns: repeat(3, 1fr);
    gap: 4.0094339623%;
    margin-inline: auto;
  }
}

.p-service-content-3-card {
  background-color: #F1FEFF;
  padding-inline: 5.8309037901%;
  min-height: 8.125rem;
  box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card {
    min-height: 15.625rem;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 1;
    padding-block: 4.375rem 1.875rem;
    padding-inline: 10px;
    align-items: start;
  }
}
.p-service-content-3-card:first-child .p-service-content-3-card__icon {
  top: -2.0625rem;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:first-child .p-service-content-3-card__icon {
    top: 0;
  }
}
.p-service-content-3-card:first-child .p-service-content-3-card__icon img {
  width: 1.6875rem;
  aspect-ratio: 27/32;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:first-child .p-service-content-3-card__icon img {
    width: 2.25rem;
    aspect-ratio: 32/43;
  }
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:first-child .p-service-content-3-card-text {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:nth-child(2) .p-service-content-3-card__icon {
    aspect-ratio: 78/84;
  }
}
.p-service-content-3-card:nth-child(2) .p-service-content-3-card__icon img {
  width: 1.3125rem;
  aspect-ratio: 21/37;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:nth-child(2) .p-service-content-3-card__icon img {
    width: 1.8125rem;
    aspect-ratio: 29/51;
  }
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:last-child .p-service-content-3-card__icon {
    aspect-ratio: 78/84;
  }
}
.p-service-content-3-card:last-child .p-service-content-3-card__icon img {
  width: 2.25rem;
  aspect-ratio: 36/36;
  margin-left: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card:last-child .p-service-content-3-card__icon img {
    width: 3.125rem;
    aspect-ratio: 50/50;
  }
}

.p-service-content-3-card__icon {
  width: 3.625rem;
  top: -1.25rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card__icon {
    width: 4.875rem;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
.p-service-content-3-card__icon img {
  width: 2.1875rem;
}

.p-service-content-3-card-text {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  text-align: center;
  display: grid;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-service-content-3-card-text {
    text-align: left;
  }
}

.p-service-content-3-card-text__line {
  font-weight: 400;
}

.p-service-content-3-card__text-bold {
  font-weight: 700;
  color: var(--color-main);
}

.p-service-content-4 {
  margin-top: clamp(1.4375rem, 1.2706rem + 0.712vw, 2.125rem);
  display: grid;
  row-gap: clamp(1.5625rem, 1.4108rem + 0.6472vw, 2.1875rem);
  width: min(1100px, 100%);
  margin-inline: auto;
  padding-bottom: 1.625rem;
}

.p-service-content-4-text-1 {
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  text-align: center;
  color: var(--color-main);
  font-weight: 700;
  letter-spacing: 0.1em;
  display: grid;
  row-gap: clamp(2.5rem, 1.9691rem + 2.2654vw, 4.6875rem);
}

.p-service-content-4-text-2-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.p-service-content-4-text-2 {
  width: clamp(16.9375rem, 14.3283rem + 11.1327vw, 27.6875rem);
  aspect-ratio: 271/81;
  margin-inline: auto;
  display: grid;
  row-gap: 10px;
  grid-template-columns: 11.0701107011% 1fr 11.0701107011%;
  grid-template-rows: 27fr 45fr;
  align-items: center;
  grid-template-areas: "l-leaf top-text r-leaf" "l-leaf bottom-text r-leaf";
}
@media screen and (min-width: 768px) {
  .p-service-content-4-text-2 {
    aspect-ratio: 443/172;
    grid-template-columns: 14.4469525959% 1fr 14.4469525959%;
  }
}

.p-service-content-4-text-2__line {
  text-align: center;
}

.p-service-content-4-text-2__line--1 {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  grid-area: top-text;
  font-weight: 400;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: end;
  height: 100%;
}

.p-service-content-4-text-2__line--2 {
  grid-area: bottom-text;
  letter-spacing: 0.1em;
  align-self: start;
}

.p-service-content-4-text-2__text-num {
  font-family: "Roboto", sans-serif;
  font-size: clamp(2.625rem, 2.2913rem + 1.4239vw, 4rem);
  font-weight: 500;
  line-height: 1;
}

.p-service-content-4-text-2__text-kanji--1 {
  font-size: clamp(2rem, 1.8786rem + 0.5178vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
}

.p-service-content-4-text-2__text-kanji--2 {
  font-size: clamp(1.625rem, 1.4126rem + 0.9061vw, 2.5rem);
  font-weight: 700;
}

.p-service-content-4-text-2__text-hiragana {
  font-size: clamp(1.625rem, 1.534rem + 0.3883vw, 2rem);
  font-weight: 700;
}

.p-service-content-4-text-2__decoration--left {
  grid-area: l-leaf;
}
.p-service-content-4-text-2__decoration--left img {
  aspect-ratio: 30/81;
}

.p-service-content-4-text-2__decoration--right {
  grid-area: r-leaf;
}
.p-service-content-4-text-2__decoration--right img {
  aspect-ratio: 30/81;
}

.p-service-content-4__background-area {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.p-service-content-4__bg-img {
  position: absolute;
}
.p-service-content-4__bg-img img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-service-content-4__bg-img--left-1 {
  top: -38.2716049383%;
  left: -3.6900369004%;
  width: 1.8125rem;
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--left-1 {
    top: -30.2325581395%;
    left: -30.2483069977%;
    width: 5.25rem;
  }
}
.p-service-content-4__bg-img--left-1 img {
  aspect-ratio: 29/32;
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--left-1 img {
    aspect-ratio: 84/92;
  }
}

.p-service-content-4__bg-img--left-2 {
  top: 71.6049382716%;
  left: -11.0701107011%;
  width: 0.6875rem;
  -webkit-transform: rotate(-24deg) translateX(-100%);
  transform: rotate(-24deg) translateX(-100%);
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--left-2 {
    top: 11.0465116279%;
    left: -35.8916478555%;
    width: 2.75rem;
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
}
.p-service-content-4__bg-img--left-2 img {
  aspect-ratio: 11/13;
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--left-2 img {
    aspect-ratio: 44/48;
  }
}

.p-service-content-4__bg-img--left-3 {
  bottom: -28.3950617284%;
  left: 5.9040590406%;
  width: 0.9375rem;
  -webkit-transform: rotate(37deg);
  transform: rotate(37deg);
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--left-3 {
    bottom: -3.3720930233%;
    left: -74.9435665914%;
    width: 2.125rem;
    -webkit-transform: rotate(-155deg);
    transform: rotate(-155deg);
  }
}
.p-service-content-4__bg-img--left-3 img {
  aspect-ratio: 15/16;
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--left-3 img {
    aspect-ratio: 34/37;
  }
}

.p-service-content-4__bg-img--right-1 {
  top: -53.0864197531%;
  right: -10.332103321%;
  width: 0.9375rem;
  -webkit-transform: rotate(142deg);
  transform: rotate(142deg);
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--right-1 {
    top: -13.3720930233%;
    right: -69.3002257336%;
    width: 2.75rem;
  }
}
.p-service-content-4__bg-img--right-1 img {
  aspect-ratio: 15/16;
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--right-1 img {
    aspect-ratio: 44/48;
  }
}

.p-service-content-4__bg-img--right-2 {
  top: 85.1851851852%;
  right: -7.3800738007%;
  width: 0.9375rem;
  -webkit-transform: rotate(-163deg);
  transform: rotate(-163deg);
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--right-2 {
    top: 43.023255814%;
    right: -11.9638826185%;
    width: 2.75rem;
    -webkit-transform: rotate(-163deg);
    transform: rotate(-163deg);
  }
}
.p-service-content-4__bg-img--right-2 img {
  aspect-ratio: 15/16;
}
@media screen and (min-width: 768px) {
  .p-service-content-4__bg-img--right-2 img {
    aspect-ratio: 44/48;
  }
}

.p-service-content-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.625rem;
  margin-top: clamp(0rem, -0.3792rem + 1.6181vw, 1.5625rem);
}

.p-service-content-5-text-1 {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  text-align: center;
  letter-spacing: 0.1em;
  padding: 0.375em 0.8125em;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.05);
}
.p-service-content-5-text-1::after {
  position: absolute;
  content: "";
  width: 1.5625rem;
  aspect-ratio: 25/19;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #fff;
  bottom: 0.1px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(100%);
  transform: translateX(-50%) translateY(100%);
}

.p-service-content-5__bottom {
  display: grid;
  place-items: center;
  row-gap: clamp(0.1875rem, -0.2524rem + 1.877vw, 2rem);
}

.p-service-content-5-text-2 {
  color: var(--color-main);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: clamp(1.25rem, 0.7646rem + 2.0712vw, 3.25rem);
  text-shadow: 4px 4px 12px rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 768px) {
  .p-service-content-5-text-2 {
    letter-spacing: 0;
  }
}

.p-service-content-5-text-2__small {
  font-size: clamp(1rem, 0.6966rem + 1.2945vw, 2.25rem);
  font-weight: 700;
}

.p-service-content-5__img {
  width: clamp(0.9375rem, 0.3914rem + 2.3301vw, 3.1875rem);
}
.p-service-content-5__img img {
  aspect-ratio: 15/14;
}

.p-service-content-6 {
  margin-top: clamp(1.625rem, 1.2609rem + 1.5534vw, 3.125rem);
}

.p-service-content-6-title__main {
  letter-spacing: 0.1em;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-service-content-6-title__main {
    line-height: 1.2;
    letter-spacing: 0;
  }
}

.p-service-content-6-text {
  margin-top: clamp(0.625rem, 0.1699rem + 1.9417vw, 2.5rem);
  display: grid;
  place-items: center;
  line-height: 1.4;
}

.p-service-content-6-text__line {
  letter-spacing: 0.1em;
  text-align: center;
}

.p-service-content-6-text__line--1 {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
}
@media screen and (min-width: 768px) {
  .p-service-content-6-text__line--1 {
    letter-spacing: 0;
  }
}

.p-service-content-6-text__line--2 {
  font-size: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
  font-weight: 700;
  color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .p-service-content-6-text__line--2 {
    letter-spacing: 0;
  }
}

.p-service-content-6-text__line--3 {
  font-size: 0.75rem;
  margin-top: 0.625rem;
  letter-spacing: 0;
}

.p-service-content-6__slider-area {
  position: relative;
  margin-top: clamp(1.5625rem, 1.1074rem + 1.9417vw, 3.4375rem);
}
@media screen and (min-width: 768px) {
  .p-service-content-6__slider-area {
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  .p-service-slider-wrap {
    overflow: hidden;
  }
}

.p-service-slider {
  padding-bottom: 5px;
  width: clamp(21.4375rem, 19.4806rem + 8.3495vw, 29.5rem);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-service-slider {
    overflow: visible;
    /*width: clamp(39.5rem, 35.4345rem + 17.3463vw, 56.25rem);*/
  }
}

.p-service-slide {
  width: clamp(18.75rem, 16.7931rem + 8.3495vw, 26.8125rem);
  background-color: #fff;
  padding: clamp(0.8125rem, 0.8902rem + -0.0647vw, 0.875rem) clamp(1.0625rem, 0.9715rem + 0.3883vw, 1.4375rem) clamp(1rem, 0.8938rem + 0.4531vw, 1.4375rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .p-service-slide {
    min-height: 33.5625rem;
  }
}

.p-service-slide__head {
  display: grid;
  place-items: center;
  gap: clamp(0.4375rem, 0.392rem + 0.1942vw, 0.625rem);
}

.p-service-slide__icon {
  background-color: var(--color-main);
  border-radius: 50%;
  display: grid;
  place-items: center;
  width: clamp(2.75rem, 2.6135rem + 0.5825vw, 3.3125rem);
  aspect-ratio: 1/1;
}
.p-service-slide__icon img {
  width: 62.2641509434%;
  -o-object-fit: contain;
  object-fit: contain;
}

.p-service-slide__title {
  margin-top: clamp(0.1875rem, 0.0813rem + 0.4531vw, 0.625rem);
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  font-weight: 700;
  color: var(--color-main);
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-service-slide__title {
    letter-spacing: 0;
  }
}

.p-service-slide__body {
  display: grid;
  row-gap: clamp(0.5625rem, 0.0922rem + 2.0065vw, 2.5rem);
}

.p-service-slide__photo {
  margin-top: 0.5625rem;
}
.p-service-slide__photo img {
  aspect-ratio: 266/177;
}

.p-service-slide__text {
  margin-top: clamp(0.5625rem, 0.0922rem + 2.0065vw, 2.5rem);
  font-size: 1rem;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) {
  .p-service-slide__br {
    display: none;
  }
}

/* ページネーションのカスタマイズ */
.p-service-slider__pagination.swiper-pagination {
  top: calc(100% - 5px);
}
.p-service-slider__pagination .swiper-pagination-bullet {
  margin: 0 0.21875rem;
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: #D9D9D9;
  opacity: 1;
}
.p-service-slider__pagination .swiper-pagination-bullet-active {
  background-color: var(--color-main);
}

.p-service-slider__button {
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-service-slider__next {
  right: 50%;
  -webkit-transform: translateX(calc(50vw - 16px)) translateY(-50%);
  transform: translateX(calc(50vw - 16px)) translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-service-slider__next {
    right: 50%;
    -webkit-transform: translateX(50vw) translateY(-50%);
    transform: translateX(50vw) translateY(-50%);
  }
}

.p-service-slider__prev {
  left: 50%;
  -webkit-transform: translateX(calc(-50vw + 16px)) translateY(-50%);
  transform: translateX(calc(-50vw + 16px)) translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-service-slider__prev {
    left: 50%;
    -webkit-transform: translateX(-50vw) translateY(-50%);
    transform: translateX(-50vw) translateY(-50%);
  }
}

.p-service-content-6-small-text {
  margin-top: clamp(3.5625rem, 2.6826rem + 3.754vw, 7.1875rem);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .p-service-content-6-small-text {
    width: min(68.75rem, 100%);
    margin-inline: auto;
  }
}

.p-service-content-6-small-text__line {
  display: grid;
  padding-inline: 1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-service-content-6-small-text__line {
    padding-inline: 1.5em;
  }
}

.p-service-content-6-small-text__line--1 {
  text-indent: -1em;
}
@media screen and (min-width: 768px) {
  .p-service-content-6-small-text__line--1 {
    text-indent: -1.4em;
  }
}

.p-support {
  padding-block: clamp(1.25rem, 1.159rem + 0.3883vw, 1.625rem) clamp(2.1875rem, 1.0953rem + 4.6602vw, 6.6875rem);
  background-color: #F1FEFF;
}

.p-support__container {
  display: grid;
  gap: clamp(1.5625rem, 1.2591rem + 1.2945vw, 2.8125rem);
}

.p-support__title {
  row-gap: 4px;
}

.p-support__title-main {
  letter-spacing: 0.1em;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-support__title-main {
    letter-spacing: 0;
  }
}

.p-support__title-sub {
  line-height: 1.4;
}

.p-support__contents {
  padding-inline: 16px;
}

.p-support-top {
  display: grid;
  place-items: center;
}

.p-support-top__top-text {
  display: grid;
  justify-content: center;
  text-align: center;
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  color: #17BED2;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-support-top__top-text {
    letter-spacing: 0;
  }
}

.p-support-top__top-text-line {
  font-weight: 700;
}

.p-support-top__img {
  margin-top: 1.5rem;
  width: clamp(19.1875rem, 17.2458rem + 8.2848vw, 27.1875rem);
}
.p-support-top__img img {
  aspect-ratio: 307/201;
}
@media screen and (min-width: 768px) {
  .p-support-top__img img {
    aspect-ratio: 435/284;
  }
}

.p-support-top__bottom-text {
  margin-top: clamp(0.1875rem, -0.1917rem + 1.6181vw, 1.75rem);
  font-size: 1rem;
  letter-spacing: 0.1em;
  display: grid;
  justify-content: center;
}
.p-support-top__bottom-text-line {
  font-weight: 400;
  width: clamp(18.75rem, 17.2178rem + 6.5372vw, 25.0625rem);
}
@media screen and (min-width: 768px) {
  .p-support-top__bottom-text-line {
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .p-support-top__bottom-text-line--1 {
    letter-spacing: 0.15em;
  }
}

.p-support-point {
  padding-top: clamp(1.375rem, 1.841rem + -0.3883vw, 1.75rem);
}

.p-support-point__list {
  margin-top: clamp(1.4375rem, 1.2706rem + 0.712vw, 2.125rem);
  display: grid;
  row-gap: clamp(2.125rem, 1.8671rem + 1.1003vw, 3.1875rem);
  justify-items: center;
}
@media screen and (min-width: 768px) {
  .p-support-point__list {
    width: min(53.125rem, 100%);
    margin-inline: auto;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: clamp(1.1875rem, 1.0206rem + 0.712vw, 1.875rem);
    -moz-column-gap: clamp(1.1875rem, 1.0206rem + 0.712vw, 1.875rem);
    column-gap: clamp(1.1875rem, 1.0206rem + 0.712vw, 1.875rem);
  }
}

.p-support-point__item {
  display: grid;
  place-items: center;
  width: clamp(21.4375rem, 20.4211rem + 4.3366vw, 25.625rem);
}
@media screen and (min-width: 768px) {
  .p-support-point__item:nth-child(odd) {
    justify-self: right;
  }
  .p-support-point__item:nth-child(even) {
    justify-self: left;
  }
}

.p-support-point__item--4 .p-support-point__card-body-text {
  letter-spacing: 0;
}

.p-support-point__card {
  min-height: 8.125rem;
  width: clamp(21.4375rem, 20.4211rem + 4.3366vw, 25.625rem);
}
@media screen and (min-width: 768px) {
  .p-support-point__card {
    aspect-ratio: 410/325;
  }
}

.p-support-point__card-head {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-52.2954545455%, -50%);
  transform: translate(-52.2954545455%, -50%);
  width: clamp(3.0625rem, 2.6984rem + 1.5534vw, 4.5625rem);
  aspect-ratio: 49/44;
  border-radius: 6.83px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 4px;
  background-color: #17BED2;
  color: #fff;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-support-point__card-head {
    aspect-ratio: 73/65;
    row-gap: 0;
    justify-content: start;
    padding-block: 5px;
  }
}

.p-support-point__card-head-text {
  font-size: clamp(0.6875rem, 0.642rem + 0.1942vw, 0.875rem);
}

.p-support-point__card-head-num {
  font-size: clamp(1.25rem, 0.8708rem + 1.6181vw, 2.8125rem);
  line-height: 0.8;
  font-weight: 700;
}

.p-support-point__card-body {
  max-height: 100%;
  padding: 0;
  -webkit-column-gap: 1.0625rem;
  -moz-column-gap: 1.0625rem;
  column-gap: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-support-point__card-body {
    flex-direction: column;
    row-gap: 1.5rem;
  }
}

:root {
  --support-cord-img-box-base-width-pc: 194;
  --support-cord-img-box-base-height-pc: 151;
}

.p-support-point__card-body-img {
  width: 6.375rem;
  height: 100%;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .p-support-point__card-body-img {
    width: clamp(6.375rem, 4.9794rem + 5.9547vw, 12.125rem);
    aspect-ratio: var(--support-cord-img-box-base-width-pc)/var(--support-cord-img-box-base-height-pc);
  }
}
.p-support-point__card-body-img picture {
  max-height: 100%;
  max-width: 100%;
  width: calc(var(--img-width-sp) / var(--base-font-size) * 1rem);
  aspect-ratio: var(--img-aspect-ratio-sp);
}
@media screen and (min-width: 768px) {
  .p-support-point__card-body-img picture {
    width: calc(var(--img-width-pc) / var(--support-cord-img-box-base-width-pc) * 100%);
    aspect-ratio: var(--img-aspect-ratio-pc);
  }
}
.p-support-point__card-body-img img {
  -o-object-fit: contain;
  object-fit: contain;
}

.p-support-point__card-body-text {
  width: 12.0625rem;
  font-size: 1rem;
  padding-block: 1.25rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-support-point__card-body-text {
    width: 100%;
    text-align: center;
    padding-block: 0;
    letter-spacing: 0;
  }
}

.p-support-more {
  margin-top: clamp(2.5rem, 2.3483rem + 0.6472vw, 3.125rem);
}

.p-support-more__head {
  display: flex;
  justify-content: center;
}

.p-support-more__text-img {
  width: clamp(6.125rem, 4.9417rem + 5.0485vw, 11rem);
  display: block;
  position: relative;
}
.p-support-more__text-img::before, .p-support-more__text-img::after {
  content: "";
  position: absolute;
  background-color: #17BED2;
  width: 1.5625rem;
  width: clamp(1.5625rem, 1.1833rem + 1.6181vw, 3.125rem);
  height: 0.125rem;
  height: clamp(0.0625rem, 0.1402rem + -0.0647vw, 0.125rem);
  top: 45%;
}
.p-support-more__text-img::before {
  left: 0;
  -webkit-transform: translateX(calc(-100% - 4px)) rotate(-120deg);
  transform: translateX(calc(-100% - 4px)) rotate(-120deg);
}
@media screen and (min-width: 768px) {
  .p-support-more__text-img::before {
    -webkit-transform: translateX(calc(-100% - 5px)) rotate(-120deg);
    transform: translateX(calc(-100% - 5px)) rotate(-120deg);
  }
}
.p-support-more__text-img::after {
  right: 0;
  -webkit-transform: translateX(calc(100% + 4px)) rotate(-60deg);
  transform: translateX(calc(100% + 4px)) rotate(-60deg);
}
@media screen and (min-width: 768px) {
  .p-support-more__text-img::after {
    -webkit-transform: translateX(calc(100% + 5px)) rotate(-60deg);
    transform: translateX(calc(100% + 5px)) rotate(-60deg);
  }
}
.p-support-more__text-img img {
  width: 100%;
  aspect-ratio: 98/20;
}
@media screen and (min-width: 768px) {
  .p-support-more__text-img img {
    aspect-ratio: 176/36;
  }
}

.p-support-more__body {
  margin-top: clamp(1.75rem, 1.4314rem + 1.3592vw, 3.0625rem);
  display: grid;
  justify-content: center;
  row-gap: clamp(1.5rem, 0.6353rem + 3.6893vw, 5.0625rem);
}

.p-support-more__card-list {
  display: grid;
  row-gap: 1.1875rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-support-more__card-list {
    max-width: 53.125rem;
    margin-inline: auto;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: clamp(1.1875rem, 1.0206rem + 0.712vw, 1.875rem);
    -moz-column-gap: clamp(1.1875rem, 1.0206rem + 0.712vw, 1.875rem);
    column-gap: clamp(1.1875rem, 1.0206rem + 0.712vw, 1.875rem);
  }
}

.p-support-more__card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(21.4375rem, 20.4211rem + 4.3366vw, 25.625rem);
  aspect-ratio: 343/123;
  background-color: #17BED2;
  color: #fff;
  -webkit-column-gap: clamp(1.875rem, 1.7233rem + 0.6472vw, 2.5rem);
  -moz-column-gap: clamp(1.875rem, 1.7233rem + 0.6472vw, 2.5rem);
  column-gap: clamp(1.875rem, 1.7233rem + 0.6472vw, 2.5rem);
  padding-block: 10px;
}
@media screen and (min-width: 768px) {
  .p-support-more__card {
    aspect-ratio: 410/188;
    justify-content: left;
  }
}
@media screen and (min-width: 768px) {
  .p-support-more__card:nth-child(2) {
    -webkit-column-gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
    -moz-column-gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
    column-gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem);
  }
}
@media screen and (min-width: 768px) {
  .p-support-more__card:nth-child(2) .p-support-more__card-img {
    margin-left: 11.7073170732%;
  }
}

.p-support-more__card-img {
  width: clamp(3.125rem, 2.6699rem + 1.9417vw, 5rem);
}
@media screen and (min-width: 768px) {
  .p-support-more__card-img {
    margin-left: 9.756097561%;
  }
}
.p-support-more__card-img img {
  width: 100%;
  aspect-ratio: 1/1;
}

.p-support-more__card-text {
  width: 15.1875rem;
  font-size: 1rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-support-more__card-text {
    width: 14.0625rem;
    letter-spacing: 0;
  }
}

.p-support-more__card-text--bold {
  font-weight: 700;
}

.p-support-more__next-arrow {
  margin-inline: auto;
  width: clamp(1.5rem, 1.0904rem + 1.7476vw, 3.1875rem);
}
.p-support-more__next-arrow img {
  aspect-ratio: 24/22;
}
@media screen and (min-width: 768px) {
  .p-support-more__next-arrow img {
    aspect-ratio: 51/47;
  }
}

.p-support-goal {
  margin-top: clamp(1.5625rem, 0.9557rem + 2.589vw, 4.0625rem);
}

.p-support-goal__head-text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-support-goal__head-text {
    letter-spacing: 0;
  }
}

.p-support-goal__body {
  margin-top: clamp(1.5rem, 1.1814rem + 1.3592vw, 2.8125rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: clamp(1.4375rem, 1.1189rem + 1.3592vw, 2.75rem);
  -moz-column-gap: clamp(1.4375rem, 1.1189rem + 1.3592vw, 2.75rem);
  column-gap: clamp(1.4375rem, 1.1189rem + 1.3592vw, 2.75rem);
  width: clamp(21.4375rem, 9.9539rem + 48.9968vw, 68.75rem);
  margin-inline: auto;
}

.p-support-goal__item {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 12rem;
  width: clamp(10rem, 4.4175rem + 23.8188vw, 33rem);
  container-type: inline-size;
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-support-goal__item {
    aspect-ratio: 528/268;
    justify-content: center;
    position: relative;
  }
}

.p-support-goal__item--left .p-support-goal__item-img {
  width: 90.625%;
}
@media screen and (min-width: 768px) {
  .p-support-goal__item--left .p-support-goal__item-img {
    width: 55.4924242424%;
  }
}
.p-support-goal__item--left .p-support-goal__item-img picture {
  aspect-ratio: 145/102;
}
@media screen and (min-width: 768px) {
  .p-support-goal__item--left .p-support-goal__item-img picture {
    aspect-ratio: 293/207;
  }
}

.p-support-goal__item--right .p-support-goal__item-img {
  width: 73.125%;
}
@media screen and (min-width: 768px) {
  .p-support-goal__item--right .p-support-goal__item-img {
    width: 42.6136363636%;
  }
}
.p-support-goal__item--right .p-support-goal__item-img img {
  aspect-ratio: 225/205;
}

.p-support-goal__item-text {
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  line-height: 1.5625;
  letter-spacing: 0.1em;
  text-align: center;
  color: #17BED2;
  display: grid;
}
@container (min-width: 290px) {
  .p-support-goal__item-text {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.p-support-goal__item-text {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-support-goal__item-text {
    letter-spacing: 0;
  }
}

.p-support-goal__item-img img {
  width: 100%;
  height: auto;
}

.p-support-goal__bottom-text {
  margin-top: clamp(0.375rem, 0.0109rem + 1.5534vw, 1.875rem);
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-support-goal__bottom-text {
    letter-spacing: 0;
  }
}

.p-recommend {
  padding-block: clamp(1.4375rem, 1.1796rem + 1.1003vw, 2.5rem) clamp(3rem, 2.2567rem + 3.1715vw, 6.0625rem);
}

.p-recommend__container {
  padding-inline: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  container-type: inline-size;
}

.p-recommend-top {
  width: min(100%, 68.75rem);
  margin-inline: auto;
}
@container (min-width: 868px) {
  .p-recommend-top {
    padding-block: 3.75rem 5.1875rem;
    border: 2px solid;
    border-image-source: linear-gradient(90deg, #17BED2 0%, #80B0E1 100%);
    border-image-slice: 1;
  }
}

.p-recommend-title {
  display: grid;
  place-items: center;
  color: var(--color-main);
  row-gap: clamp(0.125rem, 0.0492rem + 0.3236vw, 0.4375rem);
}

.p-recommend-title__main {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-column-gap: clamp(0.5rem, 0.2725rem + 0.9709vw, 1.4375rem);
  -moz-column-gap: clamp(0.5rem, 0.2725rem + 0.9709vw, 1.4375rem);
  column-gap: clamp(0.5rem, 0.2725rem + 0.9709vw, 1.4375rem);
}

.p-recommend-title__main-logo {
  width: 13.75rem;
}
.p-recommend-title__main-logo img {
  width: 100%;
  aspect-ratio: 220/70;
}

.p-recommend-title__main-text {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
}

.p-recommend-title__sub {
  font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem);
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-recommend-title__sub {
    letter-spacing: 0;
  }
}

.p-recommend-top-text {
  margin-top: clamp(0.375rem, 3.0158rem + -2.2006vw, 2.5rem);
  display: grid;
  place-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.p-recommend-top-text__main {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  position: relative;
}

.p-recommend-top-text__main-large {
  font-size: clamp(1.25rem, 1.1286rem + 0.5178vw, 1.75rem);
}

.p-recommend-top-text__under-line {
  width: 100%;
}
.p-recommend-top-text__under-line img {
  width: 100%;
}

.p-recommend-top__cards {
  margin-top: clamp(1.5rem, 1.0601rem + 1.877vw, 3.3125rem);
  display: grid;
  row-gap: 0.75rem;
  justify-items: center;
}
@container (min-width: 868px) {
  .p-recommend-top__cards {
    width: min(61.875rem, 90%);
    margin-inline: auto;
    grid-template-columns: repeat(3, 31.3131313131%);
    -webkit-column-gap: 3.0303030303%;
    -moz-column-gap: 3.0303030303%;
    column-gap: 3.0303030303%;
  }
}

.p-recommend-top-card {
  max-width: 19.375rem;
  border-radius: 20px;
  display: flex;
  align-items: center;
  background-color: rgba(23, 190, 210, 0.7);
  color: #fff;
  padding-inline: 1.25rem 1rem;
  aspect-ratio: 310/85;
  justify-content: space-between;
}
@container (min-width: 868px) {
  .p-recommend-top-card {
    position: relative;
    aspect-ratio: 310/146;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-inline: 0.625rem 0.625rem;
  }
}
.p-recommend-top-card:nth-child(even) {
  flex-direction: row-reverse;
  justify-content: left;
}
@container (min-width: 868px) {
  .p-recommend-top-card:nth-child(even) {
    justify-content: center;
    align-items: center;
  }
}
@container (min-width: 868px) {
  .p-recommend-top-card:first-child .p-recommend-top-card__img {
    right: 5.1612903226%;
  }
}
.p-recommend-top-card:nth-child(2) {
  -webkit-column-gap: 1.0625rem;
  -moz-column-gap: 1.0625rem;
  column-gap: 6.204379562%;
}
@container (min-width: 868px) {
  .p-recommend-top-card:nth-child(2) .p-recommend-top-card__text {
    line-height: 2.5;
    display: block;
  }
}

.p-recommend-top-card__text {
  display: grid;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5625;
}
@container (min-width: 868px) {
  .p-recommend-top-card__text {
    line-height: 2.5;
    text-align: center;
  }
}

.p-recommend-top-card__img {
  width: 26.2773722628%;
  align-self: end;
}
@container (min-width: 868px) {
  .p-recommend-top-card__img {
    position: absolute;
    top: 68.4931506849%;
    right: 1.2903225806%;
    width: 29.6774193548%;
  }
}
.p-recommend-top-card__img picture {
  aspect-ratio: 1;
}

.p-recommend__next-arrow {
  margin-top: clamp(2.3125rem, 2.4678rem + -0.1294vw, 2.4375rem);
  width: clamp(1.5rem, 1.0904rem + 1.7476vw, 3.1875rem);
}
.p-recommend__next-arrow img {
  width: 100%;
  aspect-ratio: 24/22;
}
@media screen and (min-width: 768px) {
  .p-recommend__next-arrow img {
    aspect-ratio: 51/47;
  }
}

.p-recommend-bottom {
  margin-top: clamp(3.5rem, 3.3786rem + 0.5178vw, 4rem);
  display: grid;
  justify-items: center;
}

.p-recommend-bottom-text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  display: grid;
  justify-items: center;
}

@media screen and (min-width: 768px) {
  .p-recommend-bottom-text--top {
    letter-spacing: 0.3em;
  }
}

.p-recommend-bottom-text-bold {
  margin-top: clamp(0.875rem, 0.8295rem + 0.1942vw, 1.0625rem);
  font-size: clamp(1.5rem, 1.2746rem + 0.9618vw, 2.4288rem);
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
  line-height: 1.4583333333;
  display: grid;
  justify-items: center;
  color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .p-recommend-bottom-text-bold {
    display: block;
  }
}

.p-recommend-bottom-text-bold__line {
  font-weight: 700;
}

.p-recommend-bottom-text-bold__ruby rt {
  font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
  letter-spacing: 0.4em;
  font-weight: 500;
  text-align: center;
  margin-bottom: clamp(0rem, -0.0758rem + 0.3236vw, 0.3125rem);
}

.p-recommend-bottom-text-bold__small {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-recommend-bottom-text-bold__small {
    font-size: 0.749871333em;
  }
}

.p-recommend-bottom-text-wrap {
  margin-top: clamp(0.375rem, 0.2536rem + 0.5178vw, 0.875rem);
}
.p-recommend-bottom-text-wrap .p-recommend-bottom-text {
  display: grid;
  justify-items: center;
}
@media screen and (min-width: 768px) {
  .p-recommend-bottom-text-wrap .p-recommend-bottom-text {
    display: block;
  }
}

.p-achievements {
  padding-bottom: clamp(5.9375rem, 3.753rem + 9.3204vw, 14.9375rem);
  background-color: #F1FEFF;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.p-achievements__head {
  position: relative;
  background-image: url(../img/sp/achievements_bg_sp.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-block: clamp(2.1875rem, 1.8234rem + 1.5534vw, 3.6875rem) clamp(3.375rem, 3.3143rem + 0.2589vw, 3.625rem);
}
@media screen and (min-width: 768px) {
  .p-achievements__head {
    background-image: url(../img/pc/achievements_bg_pc.png);
  }
}

.p-achievements__head-container {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-container {
    display: grid;
    place-items: center;
    row-gap: clamp(1.3125rem, 1.2063rem + 0.4531vw, 1.75rem);
  }
}

.p-achievements__title {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.544125; /* 154.412% */
  letter-spacing: 0.1em;
}

.p-achievements__head-content {
  position: absolute;
  top: calc(100% - 1.5625rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: clamp(19.75rem, 18.2482rem + 6.4078vw, 25.9375rem);
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-content {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
}

.p-achievements__head-list {
  display: grid;
  row-gap: clamp(0.6875rem, 0.6268rem + 0.2589vw, 0.9375rem);
  width: 100%;
}

.p-achievements__head-item {
  display: flex;
  background-color: #fff;
  justify-content: right;
  padding-block: 0.5rem;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-item {
    justify-content: center;
    padding-block: 0.5625rem;
  }
}
.p-achievements__head-item:first-child .p-achievements__head-item-text {
  margin-right: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-item:first-child .p-achievements__head-item-text {
    margin-right: 0;
  }
}
.p-achievements__head-item:nth-child(2) .p-achievements__head-item-text {
  margin-right: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-item:nth-child(2) .p-achievements__head-item-text {
    margin-right: 0;
  }
}

.p-achievements__head-item-ribbon {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  top: -1.5px;
  left: 11px;
  background-color: var(--color-main);
  color: #fff;
  width: clamp(2.3125rem, 2.1911rem + 0.5178vw, 2.8125rem);
  aspect-ratio: 37/52;
  padding-top: 0.625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-item-ribbon {
    aspect-ratio: 45/62;
    top: -3px;
  }
}
.p-achievements__head-item-ribbon::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -0.5px;
  width: 100%;
  height: 10px;
  background-color: #fff;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.p-achievements__head-item-ribbon-text {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
}

.p-achievements__head-item-ribbon-num {
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  font-weight: 700;
  line-height: 1;
}

.p-achievements__head-item-text {
  display: grid;
  place-items: center;
  font-size: 1rem;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-item-text {
    line-height: 1.7;
  }
}

.p-achievements__head-item-text-line {
  font-weight: 400;
}

.p-achievements__head-item-text-line-color {
  font-weight: 700;
  color: var(--color-main);
}

.p-achievements__head-text-area {
  margin-top: 0.9375rem;
  display: grid;
  place-items: center;
  width: 100%;
  row-gap: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-text-area {
    margin-top: clamp(1.25rem, 1.0528rem + 0.8414vw, 2.0625rem);
    row-gap: 0;
  }
}

.p-achievements__head-text {
  text-align: center;
  width: 100%;
}

.p-achievements__head-text--color {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  font-weight: 400;
  color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .p-achievements__head-text--color {
    color: #fff;
  }
}

.p-achievements__head-text--bold {
  font-size: clamp(1rem, 0.8786rem + 0.5178vw, 1.5rem);
  font-weight: 700;
  background-color: #fff;
  height: 2.875rem;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .p-achievements__head-text--bold {
    font-weight: 400;
  }
}

.p-achievements__body {
  padding-top: 19.25rem;
  padding-inline: 16px;
}
@media screen and (min-width: 768px) {
  .p-achievements__body {
    padding-top: 5.1875rem;
  }
}

.p-achievements__message {
  width: min(100%, 53.125rem);
  margin-inline: auto;
  background-color: #fff;
  padding-block: clamp(1rem, 0.0291rem + 4.1424vw, 5rem) clamp(0.9375rem, 0.3762rem + 2.3948vw, 3.25rem);
  padding-inline: 1.1875rem;
  display: grid;
  justify-items: center;
}
@media screen and (min-width: 768px) {
  .p-achievements__message {
    justify-items: left;
    position: relative;
    padding-left: clamp(1.1875rem, 0.2773rem + 3.8835vw, 4.9375rem);
  }
}

.p-achievements__message-title-main {
  font-size: clamp(2rem, 1.1808rem + 3.4951vw, 5.375rem);
  letter-spacing: 0.1em;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-title-main {
    letter-spacing: 0;
    line-height: 1.2;
  }
}

.p-achievements__message-title-sub {
  font-size: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
}
@media screen and (min-width: 768px) {
  .p-achievements__message-title-sub {
    text-align: left;
  }
}

.p-achievements__message-head-text {
  margin-top: clamp(1.375rem, 0.9958rem + 1.6181vw, 2.9375rem);
  display: grid;
  justify-items: center;
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  line-height: 1.5;
  letter-spacing: 0.15em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-achievements__message-head-text {
    justify-items: left;
  }
}

@media screen and (min-width: 768px) {
  .p-achievements__message-head-text-line {
    font-weight: 700;
  }
}

.p-achievements__message-img-area {
  margin-top: 0.875rem;
  display: grid;
  justify-items: center;
  row-gap: clamp(0.5rem, 0.3483rem + 0.6472vw, 1.125rem);
  max-width: 24.75rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-area {
    width: 46.5882352941%;
    position: absolute;
    top: 3.25rem;
    right: -3.7647058824%;
    margin-top: 0;
  }
}

.p-achievements__message-photo-box {
  display: grid;
  row-gap: clamp(0.8125rem, 0.7822rem + 0.1294vw, 0.9375rem);
}

.p-achievements__message-photo {
  width: 100%;
}
.p-achievements__message-photo picture {
  aspect-ratio: 305/229;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-photo picture {
    aspect-ratio: 396/349;
  }
}

.p-achievements__message-photo-caption {
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-photo-caption {
    text-align: center;
  }
}

.p-achievements__message-img-box {
  display: flex;
  justify-content: center;
  -webkit-column-gap: 1.75rem;
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-box {
    flex-direction: column;
    align-items: center;
  }
}

.p-achievements__message-img-sign {
  width: 46.2295081967%;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-sign {
    width: 52.0202020202%;
  }
}
.p-achievements__message-img-sign img {
  width: 100%;
  aspect-ratio: 141/59;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-sign img {
    aspect-ratio: 206/86;
  }
}

.p-achievements__message-img-logos {
  width: 40%;
  display: flex;
  align-items: center;
  -webkit-column-gap: 0.6875rem;
  -moz-column-gap: 0.6875rem;
  column-gap: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-logos {
    width: 55.303030303%;
    justify-content: space-between;
  }
}

.p-achievements__message-img-logo:first-child {
  width: 48.3606557377%;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-logo:first-child {
    width: 50.2283105023%;
  }
}
.p-achievements__message-img-logo:first-child picture {
  aspect-ratio: 59/52;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-logo:first-child picture {
    aspect-ratio: 110/96;
  }
}
.p-achievements__message-img-logo:nth-child(2) {
  width: 42.6229508197%;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-logo:nth-child(2) {
    width: 44.2922374429%;
  }
}
.p-achievements__message-img-logo:nth-child(2) picture {
  aspect-ratio: 52/52;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-img-logo:nth-child(2) picture {
    aspect-ratio: 97/96;
  }
}
.p-achievements__message-img-logo:nth-child(2) picture {
  width: 100%;
  aspect-ratio: 1/1;
}

.p-achievements__message-text-area {
  margin-top: 1.4375rem;
  display: grid;
  font-size: 1rem;
  justify-self: left;
  width: 100%;
}
.p-achievements__message-text-area * {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p-achievements__message-text-area {
    margin-top: 6.875rem;
  }
}

.p-achievements__message-text-area-top-text {
  display: grid;
  row-gap: 1lh;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-text-area-top-text {
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 1024px) {
  .p-achievements__message-text-area-top-text {
    letter-spacing: 0.07em;
  }
}

.p-achievements__message-text-area-top-text-line {
  font-weight: 400;
}

.p-achievements__message-extra-content {
  margin-top: 3.75rem;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-extra-content {
    display: grid;
    margin-top: 1.8125rem;
  }
}
.p-achievements__message-extra-content.is-active {
  display: grid;
}

.p-achievements__message-text-block {
  display: grid;
  row-gap: 0.5625rem;
  margin-top: clamp(2.3125rem, 3.3222rem + -0.8414vw, 3.125rem);
}
@media screen and (min-width: 768px) {
  .p-achievements__message-text-block {
    row-gap: 0.625rem;
  }
}
.p-achievements__message-text-block:first-child {
  margin-top: 0;
}

.p-achievements__message-text-heading {
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  font-weight: 600;
  line-height: 1.5;
  display: grid;
  letter-spacing: 0.1em;
}
.p-achievements__message-text-heading.is-letter-spacing-0 {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-text-heading.is-letter-spacing-0 {
    letter-spacing: 0.02em;
  }
}

.p-achievements__message-text-heading-color {
  color: var(--color-main);
  font-weight: 500;
  letter-spacing: 0;
  margin-top: clamp(0rem, -0.0758rem + 0.3236vw, 0.3125rem);
}
@media screen and (min-width: 768px) {
  .p-achievements__message-text-heading-color {
    line-height: 1.6;
  }
}

.p-achievements__message-text-body {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.p-achievements__message-text-list {
  font-weight: 400;
  list-style-type: disc;
  padding-left: 1.5625rem;
  letter-spacing: 0.08em;
}

.p-achievements__message-text-list--num {
  font-weight: 400;
  list-style-type: none;
}
.p-achievements__message-text-list--num .p-achievements__message-text-list-item {
  counter-increment: my-counter;
  position: relative;
}
.p-achievements__message-text-list--num .p-achievements__message-text-list-item::before {
  position: absolute;
  inset: 0;
  margin-block: 0 auto;
  margin-inline: -1.25em auto;
  content: counter(my-counter) ". ";
  pointer-events: none;
}

.p-achievements__message-text-list-item {
  font-weight: 400;
}

.p-achievements__message-text-area-bottom {
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  line-height: 1.5;
  font-weight: 600;
  margin-top: clamp(2.125rem, 3.4454rem + -1.1003vw, 3.1875rem);
  letter-spacing: 0.1em;
}

.p-achievements__message-read-more-button-wrap {
  text-align: center;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-achievements__message-read-more-button-wrap {
    display: none;
  }
}
.p-achievements__message-read-more-button-wrap .non-active {
  display: none;
}

.p-achievements__message-read-more-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem;
  aspect-ratio: 200/38;
  border-radius: 20px;
  border: 1px solid var(--color-main);
  background: #F1FEFF;
  color: var(--color-main);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5625;
  cursor: pointer;
}
.p-achievements__message-read-more-button .non-active {
  display: none;
}

.p-achievements__lecturer-introduction {
  margin-top: clamp(4.625rem, 3.3204rem + 5.5663vw, 10rem);
}

.p-achievements__lecturer-introduction-title {
  font-size: clamp(1.75rem, 1.6893rem + 0.2589vw, 2rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  width: 10.9375rem;
  padding-block: 0.6875rem;
  color: var(--color-main);
  margin-inline: auto;
  border-top: solid 1px var(--color-main);
  border-bottom: solid 1px var(--color-main);
}

.p-achievements__slider-area {
  margin-top: clamp(2.3125rem, 1.7967rem + 2.2006vw, 4.4375rem);
  position: relative;
}

.p-achievements-slider {
  padding-bottom: 0.625rem;
  margin-inline: auto;
  position: relative;
  width: clamp(21.4375rem, 13.8222rem + 32.4919vw, 52.8125rem);
}
@media screen and (min-width: 768px) {
  .p-achievements-slider {
    overflow: visible;
    width: min(100%, 52.8125rem);
  }
}

.p-achievements-slider-wrapper {
  min-height: 32.1875rem;
}
@media screen and (min-width: 768px) {
  .p-achievements-slider-wrapper {
    min-height: 33.5625rem;
  }
}

.p-achievements-slide {
  height: auto;
  padding-top: 3rem;
  width: 21.4375rem;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide {
    width: min(100%, 52.8125rem);
    padding-top: 0;
  }
}

.p-achievements-slide__inner {
  background-color: #fff;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__inner {
    display: grid;
    place-items: center;
  }
}

.p-achievements-slide__content-wrap {
  display: grid;
  position: relative;
  height: 100%;
  padding-top: 1.5rem;
  padding-inline: 1rem;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__content-wrap {
    height: auto;
    padding-inline: 2.5rem 1.875rem;
    padding-block: 1.25rem;
    grid-template-columns: 35.7419354839% 1fr;
    place-items: center;
    -webkit-column-gap: 3.8709677419%;
    -moz-column-gap: 3.8709677419%;
    column-gap: 3.8709677419%;
  }
}

.p-achievements-slide__lecturer-photo {
  position: absolute;
  right: 0;
  top: -3rem;
  width: 7.5rem;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-photo {
    position: static;
    width: min(100%, 17.3125rem);
  }
}
.p-achievements-slide__lecturer-photo picture {
  width: 100%;
  aspect-ratio: 120/154;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-photo picture {
    aspect-ratio: 277/427;
  }
}

.p-achievements-slide__text-area {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 1.125rem;
  padding-bottom: 0.9375rem;
  -webkit-font-feature-settings: "palt" on;
  font-feature-settings: "palt" on;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__text-area {
    align-self: start;
    padding-bottom: 0;
  }
}

.p-achievements-slide__lecturer-name {
  display: grid;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5625;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-name {
    font-size: 1.25rem;
    line-height: 2;
    grid-template-columns: auto auto;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
  }
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-name.is-text-wrap {
    grid-template-columns: auto;
  }
}

.p-achievements-slide__lecturer-name-line {
  font-weight: 600;
}

.p-achievements-slide__lecturer-message {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-message {
    font-size: 1rem;
  }
}

.p-achievements-slide__lecturer-one-word {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  min-height: 3lh;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-one-word {
    min-height: auto;
  }
}

.p-achievements-slide__lecturer-one-word-head {
  font-weight: 400;
}

.p-achievements-slide__lecturer-one-word-body {
  font-weight: 400;
}

.p-achievements-slide__lecturer-important {
  margin-top: 2em;
  display: grid;
  font-weight: 400;
}

.p-achievements-slide__lecturer-important-head {
  font-weight: 400;
}

.p-achievements-slide__lecturer-important-body {
  font-weight: 400;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-important-body {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .p-achievements-slide__lecturer-important-body.is-text-wrap {
    display: grid;
  }
}

.p-achievements-slide__lecturer-important-body-line {
  font-weight: 400;
}

.p-achievements-slider__pagination.swiper-pagination {
  top: calc(100% + 20px);
}
@media screen and (min-width: 768px) {
  .p-achievements-slider__pagination.swiper-pagination {
    top: calc(100% + 66px);
  }
}
.p-achievements-slider__pagination .swiper-pagination-bullet {
  margin: 0 clamp(0.3125rem, 0.4678rem + -0.1294vw, 0.4375rem);
  width: clamp(0.4375rem, 0.4072rem + 0.1294vw, 0.5625rem);
  aspect-ratio: 1;
  background-color: #D9D9D9;
  opacity: 1;
}
.p-achievements-slider__pagination .swiper-pagination-bullet-active {
  background-color: var(--color-main);
}

.p-achievements-slider__button {
  top: 57%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p-achievements-slider__next {
  right: 50%;
  -webkit-transform: translateX(calc(50vw - 11px)) translateY(-50%);
  transform: translateX(calc(50vw - 11px)) translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-achievements-slider__next {
    right: 50%;
    -webkit-transform: translateX(50vw) translateY(-50%);
    transform: translateX(50vw) translateY(-50%);
  }
}

.p-achievements-slider__prev {
  left: 50%;
  -webkit-transform: translateX(calc(-50vw + 11px)) translateY(-50%);
  transform: translateX(calc(-50vw + 11px)) translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-achievements-slider__prev {
    left: 50%;
    -webkit-transform: translateX(-50vw) translateY(-50%);
    transform: translateX(-50vw) translateY(-50%);
  }
}

.p-achievements__back-ground-area {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-achievements__back-ground-area {
    display: block;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
  }
}

.p-achievements__back-ground-bar {
  width: 8px;
  height: 900px;
  position: absolute;
  border-radius: 10px;
}

.p-achievements__back-ground-bar-left {
  background: linear-gradient(180deg, #5E82D0 0%, rgba(48, 66, 106, 0.95) 100%);
}

.p-achievements__back-ground-bar-left--1 {
  left: 16px;
  bottom: 479px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
}

.p-achievements__back-ground-bar-left--2 {
  left: 221px;
  bottom: 642px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
}

.p-achievements__back-ground-bar-left--3 {
  left: 182px;
  bottom: 539px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
}

.p-achievements__back-ground-bar-right {
  background: linear-gradient(180deg, #17BED2 0%, #80B0E1 100%);
}

.p-achievements__back-ground-bar-right--1 {
  right: -27px;
  top: 522px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
}

.p-achievements__back-ground-bar-right--2 {
  right: 268px;
  top: 917px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
}

.p-achievements__back-ground-bar-right--3 {
  right: 143px;
  top: 835px;
  -webkit-transform: rotate(41deg);
  transform: rotate(41deg);
}

.p-flow {
  padding-block: clamp(2.25rem, 1.3398rem + 3.8835vw, 6rem) clamp(2.3125rem, 0.8258rem + 6.343vw, 8.4375rem);
}
@media screen and (min-width: 768px) {
  .p-flow {
    row-gap: 1px;
  }
}

.p-flow__container {
  padding-inline: 16px;
}

.p-flow-title {
  row-gap: 5px;
}

.p-flow-title-main {
  text-transform: uppercase;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-flow-title-main {
    line-height: 1.2;
  }
}

.p-flow-title-sub {
  letter-spacing: 0.25em;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .p-flow-title-sub {
    letter-spacing: 0.1em;
  }
}

.p-flow-request {
  margin-top: clamp(2.4375rem, 1.9066rem + 2.2654vw, 4.625rem);
}

.p-flow-request__content {
  container-type: inline-size;
  container-name: request-area;
}

.p-flow-request__content-inner {
  width: 78.7172011662%;
  margin-inline: auto;
}
@container request-area (min-width: 878px) {
  .p-flow-request__content-inner {
    width: min(95%, 69.375rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-flow-request__title {
  display: grid;
  justify-items: center;
}
@container request-area (min-width: 878px) {
  .p-flow-request__title {
    margin-left: 30.990990991%;
    grid-template-columns: auto auto;
    -webkit-column-gap: clamp(1.625rem, 1.9357rem + -0.2589vw, 1.875rem);
    -moz-column-gap: clamp(1.625rem, 1.9357rem + -0.2589vw, 1.875rem);
    column-gap: clamp(1.625rem, 1.9357rem + -0.2589vw, 1.875rem);
  }
}

.p-flow-request__title-text {
  position: relative;
  display: inline-block;
  margin-bottom: 17px;
  padding: 5px 12px;
  border: 1.5px solid #000000;
  background-color: #ffffff;
  text-align: center;
  font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
@container request-area (min-width: 878px) {
  .p-flow-request__title-text {
    display: block;
    order: 2;
    margin-bottom: 10px;
    padding: 7px 9px;
    font-weight: 400;
    line-height: 1.2;
    align-self: center;
  }
}
.p-flow-request__title-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 17px 5px 0 5px;
  border-color: #000000 transparent transparent;
  translate: -50% 100%;
}
@container request-area (min-width: 878px) {
  .p-flow-request__title-text::before {
    left: 12%;
    bottom: 0.1px;
    z-index: 1;
    border-width: 10px 15px 0 0;
    translate: -50% 100%;
    -webkit-transform: skew(-61deg);
    transform: skew(-61deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}
.p-flow-request__title-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 11.7px 3.4px 0 3.4px;
  border-color: #ffffff transparent transparent;
  translate: -50% 100%;
}
@container request-area (min-width: 878px) {
  .p-flow-request__title-text::after {
    left: 12%;
    bottom: 0.1px;
    z-index: 1;
    border-width: 7.2px 10.8px 0 0;
    translate: calc(-50% - 0.6px) 100%;
    -webkit-transform: skew(-61deg);
    transform: skew(-61deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

.p-flow-request__title-img {
  width: clamp(5.25rem, 4.4308rem + 3.4951vw, 8.625rem);
}
@container request-area (min-width: 878px) {
  .p-flow-request__title-img {
    order: 1;
  }
}
.p-flow-request__title-img picture {
  aspect-ratio: 84/86;
}
@container request-area (min-width: 878px) {
  .p-flow-request__title-img picture {
    aspect-ratio: 138/105;
  }
}

.p-flow-request__list {
  display: grid;
  justify-items: center;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list {
    grid-template-columns: repeat(4, 1fr);
    width: 97.2972972973%;
  }
}

.p-flow-request__list-item {
  display: grid;
  justify-items: center;
  align-content: start;
  text-align: center;
  width: 100%;
  position: relative;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item {
    height: auto;
    padding-left: 21.1111111111%;
    padding-top: 30px;
    padding-bottom: 15px;
    row-gap: 15px;
  }
}
.p-flow-request__list-item::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
  clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
  background-color: inherit;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item::before {
    display: none;
  }
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item::after {
    content: "";
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    height: 100%;
    width: 21.1111111111%;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: inherit;
    z-index: 1;
  }
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item:first-child {
    padding-left: 0;
  }
}
.p-flow-request__list-item:first-child::before {
  display: none;
}
.p-flow-request__list-item:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  height: 30px;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: inherit;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item:last-child::after {
    left: calc(100% - 1px);
    top: 0;
    width: 21.1111111111%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    z-index: 1;
  }
}

.p-flow-request__list-item--1 {
  background-color: #EFF0F2;
  height: 12.75rem;
  padding-top: 17px;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item--1 {
    height: auto;
    padding-top: 44px;
  }
}

.p-flow-request__list-item--2 {
  background-color: #ACF1FA;
  height: 12.0625rem;
  padding-top: 5px;
  row-gap: 3px;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item--2 {
    height: auto;
    padding-top: 44px;
    row-gap: 15px;
  }
}

.p-flow-request__list-item--3 {
  background-color: #32D4E8;
  height: 9.25rem;
  padding-top: 26px;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item--3 {
    height: auto;
    padding-top: 44px;
  }
}

.p-flow-request__list-item--4 {
  background-color: #29A6B6;
  height: 7rem;
  padding-top: 22px;
}
@container request-area (min-width: 878px) {
  .p-flow-request__list-item--4 {
    height: auto;
    padding-top: 44px;
  }
}

.p-flow-request__list-item-num {
  font-size: 3rem;
  font-weight: 700;
  color: var(--color-main);
  line-height: 1;
}
.p-flow-request__list-item-num--white {
  color: #fff;
}

.p-flow-request__list-item-text {
  max-width: 13.2em;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.p-flow-request__list-item-text-bold {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.p-flow-request__list-item-text-bold--white {
  color: #fff;
}

.p-flow-qa {
  padding-top: clamp(7.25rem, 7.3277rem + -0.0647vw, 7.3125rem);
}

.p-flow-qa-title {
  row-gap: 3px;
}

.p-flow-qa-title-main {
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.08em;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-title-main {
    letter-spacing: 0;
  }
}

.p-flow-qa-title-sub {
  letter-spacing: 0.25em;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-title-sub {
    letter-spacing: 0.1em;
    line-height: 1.2;
  }
}

/* style.css に追記 */
/* ユーザー側でアニメーションを減らす設定している場合、開閉アニメーションを無効化する */
@media (prefers-reduced-motion: reduce) {
  .js-details[open] .js-content {
    -webkit-animation: none;
    animation: none;
  }
}
.p-flow-qa__content {
  margin-top: clamp(2.3125rem, 1.9939rem + 1.3592vw, 3.625rem);
  width: min(100%, 53.125rem);
  margin-inline: auto;
  display: grid;
  row-gap: clamp(1.625rem, 2.091rem + -0.3883vw, 2rem);
}

.p-flow-qa-box {
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.p-flow-qa-box.is-opened .p-flow-qa-box__vertical-bar {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.p-flow-qa-box__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-main);
  color: #fff;
  padding-block: clamp(0.5rem, 0.3635rem + 0.5825vw, 1.0625rem);
  padding-inline: clamp(1.125rem, 0.503rem + 2.6537vw, 3.6875rem) clamp(1.125rem, 0.8368rem + 1.2298vw, 2.3125rem);
  cursor: pointer;
  transition: opacity 0.3s;
}
.p-flow-qa-box__head:hover {
  opacity: 0.6;
}
.p-flow-qa-box__head::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

.p-flow-qa-box__q {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.4;
}

.p-flow-qa-box__q-text-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1.25rem, 1.0983rem + 0.6472vw, 1.875rem);
}

.p-flow-qa-box__q-icon {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  font-weight: 700;
  align-self: flex-start;
}

.p-flow-qa-box__q-text {
  display: grid;
  font-size: 1rem;
}

.p-flow-qa-box__q-text-line {
  font-weight: 700;
}

.p-flow-qa-box__trigger {
  width: clamp(0.9375rem, 0.71rem + 0.9709vw, 1.875rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  position: relative;
}

.p-flow-qa-box__bar {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-box__bar {
    height: 3px;
  }
}

.p-flow-qa-box__vertical-bar {
  position: absolute;
  inset: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.p-flow-qa-box__body {
  padding-left: clamp(1.3125rem, 0.736rem + 2.4595vw, 3.6875rem);
  padding-right: 11px;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-box__body {
    padding-right: 9.4117647059%;
  }
}

.p-flow-qa-box__a {
  display: flex;
  align-items: start;
  -webkit-column-gap: clamp(1.25rem, 0.9921rem + 1.1003vw, 2.3125rem);
  -moz-column-gap: clamp(1.25rem, 0.9921rem + 1.1003vw, 2.3125rem);
  column-gap: clamp(1.25rem, 0.9921rem + 1.1003vw, 2.3125rem);
  padding-block: clamp(0.75rem, 0.4466rem + 1.2945vw, 2rem) clamp(1.25rem, 0.9011rem + 1.4887vw, 2.6875rem);
}

.p-flow-qa-box__a-icon {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-box__a-icon {
    font-weight: 400;
  }
}

.p-flow-qa-box__a-text-area {
  font-size: 1rem;
  display: grid;
  row-gap: 1em;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-box__a-text-area {
    row-gap: 1.5em;
  }
}

.p-flow-qa-box__a-text-block {
  display: grid;
}

.p-flow-qa-box__a-text-wrap {
  display: grid;
}

.p-flow-qa-box__a-text {
  display: grid;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-box__a-text {
    display: block;
  }
}

.p-flow-qa-box__a-text-line {
  font-weight: 400;
}

.p-flow-qa-box__a-text-color {
  color: var(--color-main);
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .p-flow-qa-box__a-text-color {
    margin-bottom: 0.8em;
  }
}

.p-change {
  background-color: #F1FEFF;
  padding-block: clamp(0.875rem, -0.02rem + 3.8188vw, 4.5625rem) clamp(1.8125rem, 1.6001rem + 0.9061vw, 2.6875rem);
}

.p-change__container {
  overflow: hidden;
}

.p-change-title {
  color: var(--color-main);
  display: grid;
  place-items: center;
  letter-spacing: 0.1em;
  text-align: center;
}

.p-change-title__top {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  text-align: center;
}

.p-change-title__bottom {
  font-size: clamp(1.625rem, 1.534rem + 0.3883vw, 2rem);
  font-weight: 700;
  line-height: 1.5384615385;
  letter-spacing: 0.1em;
  text-align: center;
}

.p-change__contents {
  margin-top: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

.p-change-message {
  display: grid;
  place-items: center;
}

.p-change-message__head-text-area {
  position: relative;
  width: clamp(18.75rem, 16.8234rem + 8.2201vw, 26.6875rem);
  aspect-ratio: 300/81;
  margin-inline: auto;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 768px) {
  .p-change-message__head-text-area {
    width: 26.6875rem;
    height: 5.375rem;
  }
}

.p-change-message__head-text {
  position: absolute;
  width: clamp(11.4375rem, 10.77rem + 2.8479vw, 14.1875rem);
  aspect-ratio: 183/46;
  display: grid;
  place-items: center;
  font-size: 1rem;
  font-weight: 400;
  border: 1.5px solid var(--color-main);
  -o-border-image: linear-gradient(to right, #17BED2, #5E82D0) 1;
  border-image: linear-gradient(to right, #17BED2, #5E82D0) 1;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .p-change-message__head-text {
    font-weight: 500;
    width: 14.1875rem;
    height: 3.5625rem;
  }
}

.p-change-message__head-text--left {
  left: 0;
  top: 0;
  z-index: 1;
}

.p-change-message__head-text--right {
  right: 0;
  bottom: 0;
}

.p-change-message__text {
  margin-top: clamp(0.625rem, 0.4278rem + 0.8414vw, 1.4375rem);
  display: grid;
  place-items: center;
  font-size: 1rem;
  text-align: center;
}

.p-change-message__text-line {
  font-weight: 400;
}

.p-change-message__text-line--1 {
  letter-spacing: 0.1em;
}

.p-change-message__bottom {
  margin-top: clamp(3.0625rem, 2.8805rem + 0.7767vw, 3.8125rem);
  display: grid;
  place-items: center;
  row-gap: clamp(1.75rem, 2.1383rem + -0.3236vw, 2.0625rem);
}

.p-change-message__bottom-speech-bubble {
  font-size: 1rem;
  font-weight: 400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 1.5625rem;
  padding-block: 0.3125rem;
  background-color: #fff;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.11);
  position: relative;
  z-index: 1;
}
.p-change-message__bottom-speech-bubble::after {
  position: absolute;
  left: 50%;
  top: 2.25rem;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  background-color: inherit;
  width: 1.4375rem;
  aspect-ratio: 23/27;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.p-change-message__bottom-text-block {
  display: grid;
  place-items: center;
  text-align: center;
}

.p-change-message__bottom-text {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.p-change-message__bottom-large-text {
  font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem);
  font-weight: 600;
  color: var(--color-main);
  line-height: 1.2;
}

.p-change-point {
  margin-top: clamp(4.0625rem, 3.9715rem + 0.3883vw, 4.4375rem);
  display: grid;
}

.p-change-point__head-text {
  align-self: center;
  text-align: center;
  font-size: clamp(1.25rem, 1.1893rem + 0.2589vw, 1.5rem);
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.p-change-point__head-text-ruby rt {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
}

.p-change-point__body {
  position: relative;
  padding-bottom: 31px;
  z-index: 1;
  margin-top: clamp(0.9375rem, 0.4066rem + 2.2654vw, 3.125rem);
}
@media screen and (min-width: 768px) {
  .p-change-point__body {
    width: clamp(21.4375rem, 13.7767rem + 32.6861vw, 53rem);
    margin-inline: auto;
    display: flex;
    padding-bottom: 0;
  }
}

.p-change-point__text-area {
  padding-inline: 16px;
  display: grid;
  place-items: center;
  row-gap: clamp(1.625rem, 0.8362rem + 3.3657vw, 4.875rem);
}
@media screen and (min-width: 768px) {
  .p-change-point__text-area {
    padding-inline: 0;
    width: 100%;
    justify-items: start;
  }
}

.p-change-point__text {
  display: grid;
  place-items: center;
  width: min(100%, 39.1875rem);
  background: rgba(255, 255, 255, 0.85);
  padding-block: 8px;
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p-change-point__text {
    background-color: transparent;
    justify-items: start;
    row-gap: 0.75rem;
    width: 100%;
  }
}

.p-change-point__text-line-wrap {
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .p-change-point__text-line-wrap {
    display: block;
    background-color: #fff;
    padding-inline: 0.75rem;
  }
}

.p-change-point__text-line {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-change-point__text-line {
    background-color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .p-change-point__text-line--3 {
    padding-left: 0.75rem;
  }
}

.p-change-point__list {
  display: grid;
  place-items: center;
  row-gap: 12px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-change-point__list {
    width: min(100%, 33.5625rem);
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
  }
}

.p-change-point__card {
  width: 100%;
  min-height: 4.0625rem;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  padding-left: 14px;
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px;
}
@media screen and (min-width: 768px) {
  .p-change-point__card {
    border: 1px solid var(--color-main);
    position: relative;
    padding-left: 0;
    aspect-ratio: 173/148;
    justify-content: center;
  }
  .p-change-point__card:last-child {
    padding-inline: 20px;
  }
}

.p-change-point__card-head {
  width: 1.625rem;
}
@media screen and (min-width: 768px) {
  .p-change-point__card-head {
    position: absolute;
    inset: 0;
    margin-inline: auto;
    margin-block: -13px auto;
  }
}
.p-change-point__card-head img {
  width: 100%;
  aspect-ratio: 1;
  background-color: #1db3ce;
  border-radius: 7px;
}

.p-change-point__card-text {
  display: grid;
  font-size: 1rem;
  line-height: 1.5625;
  letter-spacing: 0.1em;
  color: var(--color-main);
}

@media screen and (min-width: 768px) {
  .p-change-point__card-text-line-wrap {
    display: grid;
    place-items: center;
  }
}

.p-change-point__card-text-line {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .p-change-point__card-text-line {
    text-align: center;
  }
}

.p-change-point__img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  height: 20.3125rem;
}
@media screen and (min-width: 768px) {
  .p-change-point__img {
    height: auto;
    width: clamp(23.4375rem, 21.8447rem + 6.7961vw, 30rem);
    left: 64.1509433962%;
  }
}
@media screen and (min-width: 768px) {
  .p-change-point__img picture {
    aspect-ratio: 480/372;
  }
}
.p-change-point__img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media screen and (min-width: 768px) {
  .p-change-point__img picture img {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.p-change-point__bottom {
  margin-top: clamp(2.875rem, 2.071rem + 3.4304vw, 6.1875rem);
  display: grid;
  place-items: center;
  row-gap: clamp(0.25rem, 0.068rem + 0.7767vw, 1rem);
}

.p-change-point__bottom-text {
  font-size: clamp(1.25rem, 1.0073rem + 1.0356vw, 2.25rem);
  line-height: 1.5;
  display: grid;
  place-items: center;
  color: var(--color-main);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-change-point__bottom-text {
    grid-template-columns: auto auto;
  }
}

.p-change-point__bottom-text-line {
  font-weight: 700;
}

.p-change-point__bottom-next-arrow {
  width: clamp(1.25rem, 0.8404rem + 1.7476vw, 2.9375rem);
}
.p-change-point__bottom-next-arrow img {
  width: 100%;
  aspect-ratio: 20/21.9;
}
@media screen and (min-width: 768px) {
  .p-change-point__bottom-next-arrow img {
    aspect-ratio: 47/51;
  }
}

.p-change-next {
  margin-top: clamp(6rem, 4.5437rem + 6.2136vw, 12rem);
}

.p-change-next-title-wrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-change-next-title-wrap {
    width: min(70%, 53.125rem);
  }
}

.p-change-next-title {
  background: rgba(255, 255, 255, 0.8);
  display: grid;
  place-items: center;
  padding-inline: 10px;
  padding-block: 10px;
  width: clamp(16.8125rem, 7.9988rem + 37.6052vw, 53.125rem);
}
@media screen and (min-width: 768px) {
  .p-change-next-title {
    width: 100%;
    padding-block: 3.4375rem;
    row-gap: 16px;
  }
}

.p-change-next-title__top {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
@media screen and (min-width: 768px) {
  .p-change-next-title__top {
    align-items: end;
  }
}

.p-change-next-title__top-logo {
  width: clamp(9.375rem, 8.3131rem + 4.5307vw, 13.75rem);
}
.p-change-next-title__top-logo img {
  width: 100%;
  aspect-ratio: 150/48.6;
}
@media screen and (min-width: 768px) {
  .p-change-next-title__top-logo img {
    aspect-ratio: 220/70;
  }
}

.p-change-next-title__top-text {
  font-size: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
}
@media screen and (min-width: 768px) {
  .p-change-next-title__top-text {
    font-weight: 700;
  }
}

.p-change-next-title__bottom {
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  letter-spacing: 0.1em;
  line-height: 1.3;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768px) {
  .p-change-next-title__bottom {
    line-height: 1.25;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .p-change-next-title__bottom-line {
    font-weight: 700;
  }
}

.p-change-next__background-area {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.p-change-next__background-img {
  position: absolute;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.2);
}
.p-change-next__background-img picture {
  width: 100%;
}

.p-change-next__background-img--1 {
  width: clamp(9.375rem, 4.9909rem + 18.7055vw, 27.4375rem);
  left: 50%;
  top: clamp(-9.3125rem, -2.4775rem + -5.6958vw, -3.8125rem);
  -webkit-transform: translateX(24.3333333333%);
  transform: translateX(24.3333333333%);
}
@media screen and (min-width: 768px) {
  .p-change-next__background-img--1 {
    -webkit-transform: translateX(35.5353075171%);
    transform: translateX(35.5353075171%);
    right: -20%;
  }
}
.p-change-next__background-img--1 picture {
  aspect-ratio: 150/100;
}
@media screen and (min-width: 768px) {
  .p-change-next__background-img--1 picture {
    aspect-ratio: 439/293;
  }
}
.p-change-next__background-img--1 picture img {
  -o-object-fit: cover;
  object-fit: cover;
}

.p-change-next__background-img--2 {
  width: clamp(12rem, 5.841rem + 26.2783vw, 37.375rem);
  right: 50%;
  top: 7.5rem;
  -webkit-transform: translateX(2.0833333333%);
  transform: translateX(2.0833333333%);
}
@media screen and (min-width: 768px) {
  .p-change-next__background-img--2 {
    top: 12rem;
    -webkit-transform: translateX(-0.3344481605%);
    transform: translateX(-0.3344481605%);
  }
}
.p-change-next__background-img--2 picture {
  aspect-ratio: 192/118;
}
@media screen and (min-width: 768px) {
  .p-change-next__background-img--2 picture {
    aspect-ratio: 598/367;
  }
}

.p-change-next__background-img--3 {
  width: clamp(10.9375rem, 6.0528rem + 20.8414vw, 31.0625rem);
  left: 50%;
  top: calc(100% + 1.8125rem);
  -webkit-transform: translateX(-1.7142857143%);
  transform: translateX(-1.7142857143%);
}
@media screen and (min-width: 768px) {
  .p-change-next__background-img--3 {
    top: calc(100% + 7.0625rem);
    -webkit-transform: translateX(-6.8410462777%);
    transform: translateX(-6.8410462777%);
  }
}
.p-change-next__background-img--3 picture {
  aspect-ratio: 175/98;
}
@media screen and (min-width: 768px) {
  .p-change-next__background-img--3 picture {
    aspect-ratio: 497/280;
  }
}

.p-change-cta {
  margin-top: clamp(10.625rem, 5.8617rem + 20.3236vw, 30.25rem);
  background: rgba(23, 190, 210, 0.6);
}
@media screen and (min-width: 768px) {
  .p-change-cta {
    margin-top: 30.25rem;
  }
}

.p-change-cta__container {
  padding-block: clamp(1.4375rem, 0.4211rem + 4.3366vw, 5.625rem) clamp(1.375rem, 0.7075rem + 2.8479vw, 4.125rem);
  position: relative;
  display: grid;
  place-items: center;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-change-cta__container {
    width: min(60%, 51.25rem);
    margin-inline: auto;
    justify-items: start;
    grid-template-columns: auto auto;
  }
}

.p-change-cta__content-box {
  display: grid;
  place-items: center;
  color: #F1FEFF;
  row-gap: 5px;
}

.p-change-cta__content-head {
  font-size: clamp(0.875rem, 0.784rem + 0.3883vw, 1.25rem);
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-change-cta__content-head {
    font-weight: 600;
  }
}
.p-change-cta__content-head::before, .p-change-cta__content-head::after {
  position: absolute;
  top: 50%;
  width: clamp(0.9375rem, 0.6189rem + 1.3592vw, 2.25rem);
  height: 1px;
  background-color: #F1FEFF;
  content: "";
}
.p-change-cta__content-head::before {
  right: 100%;
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.p-change-cta__content-head::after {
  left: 100%;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.p-change-cta__content-body {
  display: grid;
  place-items: center;
  gap: clamp(0.75rem, 0.5225rem + 0.9709vw, 1.6875rem);
}

.p-change-cta__content-text {
  display: grid;
  place-items: center;
  font-size: clamp(1.25rem, 1.068rem + 0.7767vw, 2rem);
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
}

.p-change-cta__content-text-line {
  font-weight: 700;
}

.p-change-cta__content-button {
  padding: 0.1785714286em 2.4228571429em 0.1785714286em 1.5em;
}

.p-change-cta__img-are {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.p-change-cta__img-front {
  position: absolute;
  display: block;
}
.p-change-cta__img-front picture {
  width: 100%;
}

.p-change-cta__img-front--1 {
  left: -6px;
  top: 0;
  z-index: 4;
  width: clamp(6.5625rem, 4.7118rem + 7.8964vw, 14.1875rem);
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-front--1 {
    left: 54.1463414634%;
  }
}
.p-change-cta__img-front--1 picture {
  aspect-ratio: 105/135;
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-front--1 picture {
    aspect-ratio: 227/293;
  }
}

.p-change-cta__img-front--2 {
  z-index: 3;
  right: -4.15px;
  bottom: 11.5px;
  width: clamp(6.5625rem, 4.7118rem + 7.8964vw, 14.1875rem);
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-front--2 {
    right: auto;
    left: 68.9024390244%;
    bottom: 0;
  }
}
.p-change-cta__img-front--2 picture {
  aspect-ratio: 105/135;
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-front--2 picture {
    aspect-ratio: 227/293;
  }
}

.p-change-cta__img-back {
  position: absolute;
  display: block;
}
.p-change-cta__img-back picture {
  width: 100%;
}

.p-change-cta__img-back--1 {
  z-index: 2;
  top: 5px;
  left: 2.54px;
  width: clamp(6.5625rem, 4.7725rem + 7.6375vw, 13.9375rem);
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-back--1 {
    top: 14.5px;
    left: 56.3414634146%;
  }
}
.p-change-cta__img-back--1 picture {
  aspect-ratio: 104/136;
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-back--1 picture {
    aspect-ratio: 223/287;
  }
}

.p-change-cta__img-back--2 {
  z-index: 1;
  bottom: 4.7px;
  right: -10px;
  width: clamp(6.4375rem, 4.6171rem + 7.767vw, 13.9375rem);
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-back--2 {
    right: auto;
    left: 70.9756097561%;
    bottom: 0;
  }
}
.p-change-cta__img-back--2 picture {
  aspect-ratio: 103/128;
}
@media screen and (min-width: 768px) {
  .p-change-cta__img-back--2 picture {
    aspect-ratio: 223/275;
  }
}

.p-change-bottom {
  margin-top: clamp(2.75rem, 2.4163rem + 1.4239vw, 4.125rem);
  display: grid;
  place-items: center;
  padding-inline: 16px;
}

.p-change-bottom__creator-list {
  display: grid;
  row-gap: 0.9375rem;
  width: clamp(21.4375rem, 16.0825rem + 22.8479vw, 43.5rem);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-list {
    width: min(80%, 43.5rem);
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: min(32px, 1.6666666667vw);
  }
}

.p-change-bottom__creator-card {
  display: grid;
  row-gap: 3px;
  place-items: center;
  border-radius: 5px;
  border: 1.5px solid var(--color-main);
  background: #FFF;
  box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);
  padding-block: 6px;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-card {
    padding-inline: 10px;
    padding-block: 16px 21px;
  }
}

.p-change-bottom__creator-card-head-text {
  font-size: 1rem;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-card-head-text {
    display: grid;
    place-items: center;
    line-height: 1.6;
  }
}

.p-change-bottom__creator-card-head-text-line {
  font-weight: 400;
}

.p-change-bottom__creator-card-body {
  justify-self: start;
  padding-left: 17px;
  display: flex;
  align-items: center;
  -webkit-column-gap: 7px;
  -moz-column-gap: 7px;
  column-gap: 7px;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-card-body {
    justify-self: center;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }
}

.p-change-bottom__creator-card-photo {
  width: clamp(3.9375rem, 3.0728rem + 3.6893vw, 7.5rem);
}
.p-change-bottom__creator-card-photo picture {
  aspect-ratio: 1;
}
.p-change-bottom__creator-card-photo picture img {
  border-radius: 50%;
}

.p-change-bottom__creator-card-bottom-wrap {
  display: grid;
  place-items: center;
  row-gap: 2px;
}

.p-change-bottom__creator-card-bottom-text-box {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  -webkit-column-gap: 0.875rem;
  -moz-column-gap: 0.875rem;
  column-gap: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-card-bottom-text-box {
    grid-template-columns: auto;
    place-items: center;
  }
}

.p-change-bottom__creator-card-role {
  font-size: 0.875rem;
  min-width: 5em;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-card-role {
    min-width: auto;
  }
}

.p-change-bottom__creator-card-role-head {
  text-transform: uppercase;
}

.p-change-bottom__creator-card-name {
  font-size: 1.25rem;
  display: grid;
  grid-template-columns: auto auto;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
}

.p-change-bottom__creator-card-name-last-name {
  font-weight: 400;
}

.p-change-bottom__creator-card-name-first-name {
  font-weight: 400;
}

.p-change-bottom__creator-contact {
  justify-self: left;
  margin-left: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(8rem, 7.5752rem + 1.8123vw, 9.75rem);
  border-radius: 40px;
  background: var(--color-main);
  aspect-ratio: 128/27;
  color: #fff;
  text-align: center;
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  line-height: 1.6; /* 25.6px */
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__creator-contact {
    margin-left: 0;
    aspect-ratio: 156/43;
  }
}

.p-change-bottom-banner {
  margin-top: clamp(2.8125rem, 2.585rem + 0.9709vw, 3.75rem);
  border-radius: 5px;
  border: 0.5px solid var(--color-main);
  background: #fff;
  padding-block: clamp(1.1875rem, 1.0358rem + 0.6472vw, 1.8125rem) clamp(1.375rem, 1.0413rem + 1.4239vw, 2.75rem);
  position: relative;
  z-index: 1;
  width: clamp(21.4375rem, 9.9539rem + 48.9968vw, 68.75rem);
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner {
    width: min(100%, 68.75rem);
    border-radius: 0;
    border: 1.5px solid #455579;
  }
}

@media screen and (min-width: 768px) {
  .p-change-bottom-banner__container {
    width: min(100%, 49.25rem);
    margin-inline: auto;
    display: flex;
  }
}

.p-change-bottom-banner__content-box {
  display: grid;
  row-gap: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__content-box {
    width: min(100%, 40rem);
    justify-items: center;
  }
}

.p-change-bottom-banner__head {
  justify-self: center;
  text-align: center;
  font-size: clamp(1.5rem, 1.3786rem + 0.5178vw, 2rem);
  letter-spacing: 0.1em;
  color: var(--color-main);
  font-weight: 700;
}

.p-change-bottom-banner__list {
  padding-inline: 16px;
  display: grid;
  row-gap: 6px;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__list {
    grid-template-columns: auto auto auto;
    grid-auto-flow: column;
    padding-inline: 0;
    row-gap: 0;
    -webkit-column-gap: 11px;
    -moz-column-gap: 11px;
    column-gap: 11px;
  }
}

.p-change-bottom-banner__item {
  display: flex;
  align-items: center;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  color: var(--color-main);
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__item {
    padding: 3px 17px;
    background-color: var(--color-main);
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__item:first-child {
    grid-column: 2/3;
  }
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__item:nth-child(2) {
    grid-column: 1/2;
  }
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__item:last-child {
    grid-column: 3/4;
  }
}

.p-change-bottom-banner__item-head {
  width: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__item-head {
    display: none;
  }
}
.p-change-bottom-banner__item-head img {
  width: 100%;
  aspect-ratio: 1;
}

.p-change-bottom-banner__item-body {
  font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__item-body {
    font-weight: 700;
  }
}

.p-change-bottom-banner__button-wrap {
  margin-top: 3.5625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__button-wrap {
    margin-top: 2.5rem;
    text-align: left;
  }
}

.p-change-bottom-banner__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(11.3125rem, 9.2797rem + 8.6731vw, 19.6875rem);
  aspect-ratio: 181/40;
  border-radius: 50px;
  border: 1px solid #F1FEFF;
  background: #344B72;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__button {
    aspect-ratio: 315/70;
  }
  .p-change-bottom-banner__button:hover .p-change-bottom-banner__button-arrow {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

.p-change-bottom-banner__button-text {
  color: #F1FEFF;
  text-align: center;
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
  line-height: 1.6; /* 25.6px */
  letter-spacing: 0.1em;
  margin-bottom: 3px;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__button-text {
    font-weight: 700;
  }
}

.p-change-bottom-banner__button-arrow {
  position: absolute;
  inset: 0;
  margin-block: auto;
  margin-inline: auto clamp(0.875rem, 0.3289rem + 2.3301vw, 3.125rem);
  width: clamp(0.6875rem, 0.5358rem + 0.6472vw, 1.3125rem);
  aspect-ratio: 1;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.p-change-bottom-banner__button-arrow img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  aspect-ratio: 1;
}

.p-change-bottom-banner__img {
  position: absolute;
  right: 2px;
  bottom: 4.6875rem;
  z-index: -1;
  width: clamp(10.6875rem, 7.9721rem + 11.5858vw, 21.875rem);
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__img {
    right: 0;
    bottom: 0;
  }
}
.p-change-bottom-banner__img picture {
  aspect-ratio: 171/135;
}
@media screen and (min-width: 768px) {
  .p-change-bottom-banner__img picture {
    aspect-ratio: 350/233;
  }
}

.p-change-bottom__compliance-guidance {
  margin-top: clamp(1.5rem, 0.8477rem + 2.7832vw, 4.1875rem);
  width: clamp(21.4375rem, 9.9539rem + 48.9968vw, 68.75rem);
  display: grid;
  justify-items: left;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__compliance-guidance {
    width: min(100%, 68.75rem);
  }
}

.p-change-bottom__compliance-guidance-head {
  font-weight: 700;
}

.p-change-bottom__compliance-guidance-body {
  display: grid;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.p-change-bottom__compliance-guidance-body-text {
  font-weight: 400;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p-change-bottom__compliance-guidance-body-text {
    display: block;
  }
}

.p-change-bottom__compliance-guidance-body-text-line {
  font-weight: 400;
}

.u-fade-in {
  opacity: 0;
}

.u-fade-in.is-active {
  -webkit-animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-header-inner .u-fade-in:first-child {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}

.u-slide-in-up {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
}

.u-slide-in-up.is-active {
  -webkit-animation: slideInUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  animation: slideInUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
.u-slide-in-up.is-active.p-fv-title {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}