*,
*::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 {
  border: 0;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

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

ol,
ul {
  list-style: none;
}

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

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

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

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

body {
  background-color: #ffffff;
  color: #000;
  font-family:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

html,
body {
  overflow-x: hidden;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

.l-header {
  inline-size: 100%;
  inset-block-start: 28px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 0.35rem + 2.6666666667vi, 2.75rem);
  position: fixed;
  z-index: 40;
  border-radius: 100vw;
  /* box-shadow: 0px 4px 20px -6px rgba(223, 240, 255, 0.3); */
}

.l-header__inner {
  align-items: center;
  background: #fff;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  padding-block: 14.5px;
  padding-inline: 35px 20px;
  position: relative;
  height: inherit;
}

.l-header__inner::before {
  background: linear-gradient(90deg, #4da7f5, #f74fab);
  border-radius: inherit;
  content: "";
  inset: 0;
  padding: 2px;
  position: absolute;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.l-header__logo {
  inline-size: 195px;
}

.l-header__logo--selfee {
  inline-size: 109px;
}

.l-header__logo--wakuwaku {
  inline-size: 175px;
}

.l-header__logo-link {
  inline-size: 100%;
}

.l-gnav__list {
  align-items: center;
  display: flex;
  gap: clamp(0.9375rem, -2.5rem + 5vi, 2rem);
}

.l-gnav__item--button {
  position: relative;
}

.l-gnav__link,
.l-gnav__button {
  color: #004097;
  display: inline-flex;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.3px;
  padding-block: 17px;
  line-height: 1.15;
  text-transform: uppercase;
}

.l-gnav__link {
  line-height: 1;
}

.l-gnav__button {
  padding-inline-end: clamp(
    1.125rem,
    -2.5147058824rem + 5.2941176471vi,
    2.25rem
  );
  position: relative;
}

.l-gnav__button::before,
.l-gnav__button::after {
  background: #004097;
  block-size: 2.3px;
  border-radius: 20px;
  content: "";
  inline-size: 12px;
  inset-block-start: 50%;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
  translate: 0 -50%;
}

.l-gnav__button::after {
  transform: rotate(90deg);
  transition: transform 0.3s;
}

.l-gnav__dropdown {
  background: #fff;
  box-shadow: 0 4px 20px 0 #cecccc;
  display: flex;
  flex-direction: column;
  gap: 12px;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  inset-block-start: calc(100% - 2px);
  inset-inline-start: 50%;
  min-inline-size: 302px;
  opacity: 0;
  padding: 16px 8px;
  pointer-events: none;
  position: absolute;
  transition: all 0.3s;
  translate: -50%;
  visibility: hidden;
  z-index: 5;
}

.l-gnav__dropdown::before {
  background: linear-gradient(90deg, #4da7f5, #f74fab);
  border-radius: inherit;
  content: "";
  inset: 0;
  padding: 2px;
  position: absolute;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.l-gnav__dropdown-link {
  border-radius: 50px;
  display: block;
  inline-size: 100%;
  padding-block: 11px;
  padding-inline: 40px;
}

.l-gnav__dropdown-text {
  color: #474747;
  display: inline-block;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.4px;
  padding-inline-start: 26px;
  position: relative;
  transition: all 0.3s;
}

.l-gnav__dropdown-text::before {
  background: url(../img/ui/icons/arrow-right.svg) no-repeat center
    center/contain;
  block-size: 24px;
  content: "";
  inline-size: 12px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

/* Selfee用 */

.l-gnav__dropdown.l-gnav__dropdown--selfee {
  position: fixed; /* ← absolute→fixed */
  left: 0;
  right: 0;
  width: 100vw;
  transform: none;
  translate: none;
  top: calc(35px + 70px);
  padding: 0;
}

.selfeeMega {
  background: #ebf3ff;
  padding-block: 32px 40px;
  position: relative;
}

.selfeeMega__inner {
  max-inline-size: 1200px;
  margin-inline: auto;
  padding-inline: 32px;

  display: grid;
  grid-template-columns: 140px 1fr;
  column-gap: 40px;
}

.selfeeMega__labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.selfeeMega__label {
  font-weight: 900;
  position: relative;
  color: #474747;
  font-size: 19px;
  letter-spacing: 0.08em;
  line-height: 2;
}
.selfeeMega__label:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c0c0c0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.selfeeMega__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.selfeeMega__row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.selfeeMega__row--three .selfeeMega__pill {
  width: calc(100% / 3 - 11px);
}
.selfeeMega__pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  width: 100%;
  background: #fff;
  border: 1px solid #d9e6ff;
  font-weight: 700;
  color: #004097;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}

.selfeeMega__pill:hover {
  background: #004097;
  color: #fff;
}
.selfeeMega__small {
  font-size: 12px;
  font-weight: normal;
}
/* Selfeeメガメニューは hoverで開閉しない（JSで制御） */
.is-selfee-page .l-gnav__dropdown.l-gnav__dropdown--selfee {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* JSで付ける is-open で表示 */
.is-selfee-page
  .l-gnav__item--button.is-open
  .l-gnav__dropdown.l-gnav__dropdown--selfee {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.p-drawer__dropdown-heading {
  padding: 10px 0 4px;
  font-weight: 700;
  opacity: 0.7;
  list-style: none;
  margin-inline-start: 40px;
}
#js-drawer-service-dropdown .p-drawer__dropdown-link {
  color: #004097;
}
.p-drawer__dropdown-link--small {
  font-weight: normal;
  font-size: 12px;
}
/* Selfee用 */

.dummny {
  block-size: 2000px;
}

.l-footer {
  background: #f5f5f5;
}
.l-footer__isms {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 40px 20px;
}
.l-footer__isms img {
  inline-size: min(120px, 100%);
}
.l-footer__isms p {
  line-height: 1.5;
  font-feature-settings: "palt";
  inline-size: min(449px, 100%);
}
.l-footer__inner {
  inline-size: min(1168px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.l-footer__wrapper {
  display: grid;
  gap: 24px;
  grid-template-areas: "logo nav" "links links";
  justify-content: space-between;
  padding-block: 80px;
}

.l-footer__logo {
  grid-area: logo;
  inline-size: 300px;
}

.l-footer__nav {
  align-self: center;
  grid-area: nav;
}

.l-footer__nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: end;
}

.l-footer__nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.l-footer__links {
  display: flex;
  gap: 17.5px;
  grid-area: links;
}

.l-footer__sns {
  inline-size: 40px;
}

.l-footer__copy {
  background: #004097;
  padding-block: 22.5px;
  text-align: center;
}

.l-footer__copy-text {
  color: #ffffff;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.l-inner {
  inline-size: min(
    1080px + clamp(1rem, 0.4428571429rem + 2.2857142857vi, 2.5rem) * 2,
    100%
  );
  margin-inline: auto;
  padding-inline: clamp(1rem, 0.4428571429rem + 2.2857142857vi, 2.5rem);
}

.l-inner--sm {
  inline-size: min(
    900px + clamp(1rem, 0.4428571429rem + 2.2857142857vi, 2.5rem) * 2,
    100%
  );
  margin-inline: auto;
  padding-inline: clamp(1rem, 0.4428571429rem + 2.2857142857vi, 2.5rem);
}

.c-button {
  background: #1887e8;
  border-radius: 50px;
  color: #fffafa;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  padding-block: 17.5px;
  padding-inline: 53px;
  position: relative;
  text-transform: uppercase;
}

.c-button--contact::after {
  background: url(../img/ui/icons/button-arrow-circle.svg) no-repeat center
    center/contain;
  block-size: 21px;
  content: "";
  inline-size: 21px;
  inset-block-start: 50%;
  inset-inline-end: 23px;
  position: absolute;
  translate: 0 -50%;
}

.c-button--blue {
  padding-block: 19.5px;
}

.c-button--blue::after {
  background: url(../img/ui/icons/button-arrow-circle.svg) no-repeat center
    center/contain;
  block-size: 38px;
  content: "";
  inline-size: 38px;
  inset-block-start: 50%;
  inset-inline-end: 23px;
  position: absolute;
  translate: 0 -50%;
}

.c-button--white {
  background-color: #ffffff;
  padding-block: 16px;
  padding-inline: 68.5px;
}

.c-button--white p {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 100%);
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-button--white p::after {
  background: url(../img/ui/icons/button-arrow-gradient.svg) no-repeat center
    center/contain;
  block-size: 10px;
  content: "";
  inline-size: 10px;
  inset-block-start: 50%;
  inset-inline-end: -52px;
  position: absolute;
  translate: 0 -42%;
}

.c-button--white::before {
  background: linear-gradient(90deg, #4da7f5, #f74fab);
  border-radius: inherit;
  content: "";
  inset: 0;
  padding: 1px;
  position: absolute;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.c-button-detail {
  color: #1887e8;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.03597;
  padding-inline-end: 49px;
  position: relative;
}

.c-button-detail::before {
  background: url(../img/ui/icons/button-arrow-circle-blue.webp) no-repeat
    center center/contain;
  block-size: 38px;
  content: "";
  inline-size: 38px;
  inset-block-start: 50%;
  inset-inline-end: 0;
  position: absolute;
  transition: all 0.3s;
  translate: 0 -50%;
}

.c-drawer-icon {
  align-items: center;
  background: #1d86ff;
  block-size: 45.79px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  inline-size: 45.79px;
  justify-content: center;
  padding: 0;
  position: relative;
  touch-action: manipulation;
}

.c-drawer-icon--selfee {
  background: linear-gradient(117deg, #b2a5e9 25.69%, #5cb1e7 75.07%);
}

.c-drawer-icon--wakuwaku {
  background: #f0831e;
}

/* 白い3本線 */

.c-drawer-icon__bar {
  background: #fff;
  block-size: 2px;
  border-radius: 4px;
  display: block;
  inline-size: 17px;
}

.c-drawer-icon__bar:not(:last-child) {
  margin-block-end: 2.5px;
}

.c-drawer-icon__bar {
  transition: all 0.3s;
}

.c-drawer-icon.js-show .c-drawer-icon__bar:nth-child(1) {
  transform: translateY(4.5px) rotate(45deg);
}

.c-drawer-icon.js-show .c-drawer-icon__bar:nth-child(2) {
  opacity: 0;
}

.c-drawer-icon.js-show .c-drawer-icon__bar:nth-child(3) {
  transform: translateY(-4.5px) rotate(-45deg);
}

.c-learning-card {
  background: #ffffff;
  border-radius: 4.613px;
  box-shadow: 0 1.845px 18.452px 0 rgba(24, 135, 232, 0.29);
  display: flex;
  flex-direction: column;
  gap: 13.15px;
  min-block-size: 467px;
  padding: 22.14px;
}

.c-learning-card__head {
  align-items: center;
  display: flex;
  gap: 22px;
  justify-content: center;
}

.c-learning-card__num {
  background: var(--Linear, linear-gradient(90deg, #4da7f5 0%, #f74fab 100%));
  border-radius: 100%;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 32.29px;
  font-weight: 500;
  /* padding: 22px 25px; */
  text-align: center;
  width: 83px;
  height: 83px;
  line-height: 83px;
  position: relative;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-learning-card__num::before {
  background: linear-gradient(90deg, #4da7f5, #f74fab);
  border-radius: inherit;
  content: "";
  inset: 0;
  padding: 1px;
  position: absolute;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.c-learning-card__title {
  color: #1887e8;
  font-size: 22.142px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.55px;
  line-height: 1.5;
  text-transform: uppercase;
}

.c-learning-card__img {
  aspect-ratio: 322.9/199.27;
  border-radius: 4.61px;
  inline-size: 100%;
}

.c-learning-card__img img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.c-learning-card__text {
  color: #474747;
  font-size: 15px;
  font-weight: 500;
  inline-size: min(300px, 100%);
  line-height: 1.6666;
  margin-inline: auto;
}

.c-topSeminarArchive-card.swiper-slide {
  block-size: 442px;
  inline-size: 374px;
}

.c-topSeminarArchive-card__link {
  block-size: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  inline-size: 100%;
  position: relative;
}

.c-topSeminarArchive-card__link::after {
  background: url(../img/ui/icons/service-link-arrow-blue.svg) no-repeat center
    center/contain;
  block-size: 44px;
  content: "";
  inline-size: 44px;
  inset-block-end: 0;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
  transition: all 0.25s;
}

.c-topSeminarArchive-card__head {
  aspect-ratio: 374/212;
  border-radius: 5px;
  overflow: hidden;
}

.c-topSeminarArchive-card__head img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: transform 0.25s;
}

.c-topSeminarArchive-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.c-topSeminarArchive-card__meta {
  display: flex;
  justify-content: space-between;
}

.c-topSeminarArchive-card__tags {
  align-items: center;
  display: flex;
  gap: 4px;
}

.c-topSeminarArchive-card__tag {
  background: #ffffff;
  border: 1px solid #1887e8;
  border-radius: 50px;
  color: #1887e8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  padding-inline: 8px;
  transition: all 0.25s;
}

.c-topSeminarArchive-card__date {
  color: #8f8989;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.c-topSeminarArchive-card__title {
  color: #474747;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s;
}

.c-topSeminarArchive-card__text {
  color: #474747;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.25s;
}

.c-topSeminarArchive-card__next,
.c-topSeminarArchive-card__prev {
  position: absolute;
}

.c-topSeminarArchive-card__next:after,
.c-topSeminarArchive-card__prev:after {
  block-size: 63px;
  content: "" !important;
  inline-size: 63px;
  inset-block-start: -45%;
  position: absolute;
  transform: translateY(-50%);
}

.c-topSeminarArchive-card__next::after {
  background: url(../img/ui/icons/swiper-next.webp) no-repeat center
    center/contain;
  inset-inline-end: clamp(
    3.125rem,
    -10.2321428571rem + 27.8273809524vi,
    14.8125rem
  );
}

.c-topSeminarArchive-card__prev::after {
  background: url(../img/ui/icons/swiper-prev.webp) no-repeat center
    center/contain;
  inset-inline-start: clamp(3.125rem, -10.875rem + 29.1666666667vi, 15.375rem);
}

.c-topMedia-card {
  aspect-ratio: 360/388;
  background: #ffffff;
  border-radius: 4.82px;
  box-shadow: 0 1.93px 19.299px 0 rgba(24, 135, 232, 0.29);
  display: inline-block;
  inline-size: 100%;
}

.c-topMedia-card__head {
  aspect-ratio: 360/204;
  inline-size: 100%;
  overflow: hidden;
}

.c-topMedia-card__head img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: transform 0.25s;
}

.c-topMedia-card__content {
  padding: 11px 23px;
}

.c-topMedia-card__title {
  color: #3674c0;
  display: -webkit-box;
  font-size: 16.699px;
  font-weight: 700;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s;
}

.c-topMedia-card__text {
  color: #474747;
  display: -webkit-box;
  font-size: 14.735px;
  font-weight: 400;
  line-height: 1.5;
  margin-block-start: 11.5px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s;
}

.c-topNews-card {
  border-block-end: 1px solid #bcbcbc;
  inline-size: 100%;
}

.c-topNews-card__link {
  align-items: center;
  display: flex;
  padding: 24px 24px 40px;
}

.c-topNews-card__meta {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 24px;
  inline-size: clamp(15.625rem, 8.2144077449rem + 11.8451025057vi, 18.875rem);
  padding-block: 3.5px;
}

.c-topNews-card__category {
  background: #474747;
  border-radius: 50px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  inline-size: 132px;
  letter-spacing: 0.56px;
  padding-block: 6px;
  text-align: center;
  transition: background-color 0.3s;
}

.c-topNews-card__date {
  color: #474747;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.64px;
  transition: color 0.3s;
}

.c-topNews-card__content {
  inline-size: 100%;
  position: relative;
}

.c-topNews-card__content::before {
  background: url(../img/ui/icons/button-arrow-circle-black.webp) no-repeat
    center center/contain;
  block-size: 38px;
  content: "";
  inline-size: 38px;
  inset-block-start: 50%;
  inset-inline-end: 28px;
  position: absolute;
  transition: all 0.3s;
  translate: 0 -50%;
}

.c-topNews-card__title {
  color: #474747;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 500;
  inline-size: clamp(34.375rem, 12.9982915718rem + 34.1685649203vi, 43.75rem);
  line-height: 1.8;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.3s;
}

.c-topService-card {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(24, 135, 232, 0.29);
  display: block;
  min-height: 387px;
  padding-block-end: 30px;
  padding-block-start: 23px;
  padding-inline-end: 40px;
  padding-inline-start: 28px;
  position: relative;
}

.c-topService-card__category {
  background: #1887e8;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  padding-block-end: 3px;
  padding-block-start: 2px;
  padding-inline: 9px;
  text-align: center;
}

.c-topService-card__category--green {
  background: #2fce03;
}

.c-topService-card__category--orange {
  background: #e87518;
}

.c-topService-card__logo {
  inset-block-start: 73.8px;
  inset-inline-start: 50%;
  max-width: 86.4px;
  position: absolute;
  transform: translateX(-50%);
}

/* .c-topService-card__logo::before {
  block-size: 120px;
  border: 1px solid #b2b1b9;
  border-radius: 50%;
  content: "";
  inline-size: 120px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
} */

.c-topService-card__logo--big {
  inset-block-start: 56.8px;
  max-width: 85.042px;
  transform: translateX(-50%);
}

.c-topService-card__logo--selfee {
  inset-block-start: 84px;
  max-width: 230px;
}
.c-topService-card__logo--wakuwaku {
  inset-block-start: 37px;
  max-width: 147px;
}
.c-topService-card__logo--method {
  inset-block-start: 61px;
  max-width: 212px;
}
.c-topService-card__logo--takumi {
  inset-block-start: 65px;
  max-width: 212px;
}
.c-topService-card__logo--club {
  max-width: 188px;
}
.c-topService-card__logo--restaurant {
  inset-block-start: 81px;
  max-width: 212px;
}

.c-topService-card__content {
  margin-block-start: 106px;
  padding-inline-start: 15px;
}

.c-topService-card__content--small {
  margin-block-start: 100px;
}

.c-topService-card__title {
  color: #474747;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}

.c-topService-card__title--little {
  color: #474747;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}

.c-topService-card__description {
  color: #1887e8;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 1.33px;
  line-height: normal;
  margin-block-start: 5px;
}

.c-topService-card__text {
  color: #474747;
  font-size: 15px;
  line-height: 25px;
  margin-block-start: 13px;
}

.c-pagination {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}

.c-pagination__link {
  background: #ffffff;
  block-size: 44px;
  border: 1px solid #cacaca;
  border-radius: 4px;
  color: #333;
  display: grid;
  font-style: normal;
  font-weight: 500;
  inline-size: 44px;
  line-height: 1;
  place-items: center;
  transition: all 0.3s;
}

.c-pagination__link.is-current {
  background: #004097;
  border: none;
  color: #ffffff;
}

.c-pagination__link--prev,
.c-pagination__link--next {
  position: relative;
}

.c-pagination__link--prev::before,
.c-pagination__link--next::before {
  block-size: 10px;
  content: "";
  inline-size: 5px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  pointer-events: none;
  position: absolute;
  transition: all 0.3s;
  translate: -50% -50%;
}

.c-pagination__link--prev::before {
  background: url(../img/ui/icons/pagination-arrow-prev.webp) no-repeat center
    center/contain;
}

.c-pagination__link--next::before {
  background: url(../img/ui/icons/pagination-arrow-next.webp) no-repeat center
    center/contain;
}

.c-pagination__ellipsis {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.c-seminarArchive-link {
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  display: block;
  display: flex;
  gap: 40px;
  padding: 24px 16px;
}

.c-seminarArchive__thumbnail {
  aspect-ratio: 535/298;
  inline-size: 100%;
  min-block-size: 120px;
  overflow: hidden;
}

.c-seminarArchive__thumbnail img {
  block-size: 100%;
  display: block;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: transform 0.25s;
}

.c-seminarArchive__content {
  flex-shrink: 0;
  inline-size: min(780px, 100%);
}

.c-seminarArchive__meta {
  align-items: center;
  display: flex;
  gap: 12px;
}

.c-seminarArchive__category {
  border: 0.75px solid #034495;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding: 4px 20px;
}

.c-seminarArchive__date {
  color: #333;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 13px;
  letter-spacing: 1.04px;
  line-height: 2;
  transition: color 0.25s;
}

.c-seminarArchive__title {
  color: #333;
  display: -webkit-box;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 1.76px;
  line-height: 1.6;
  margin-block-start: 16px;
  transition: color 0.25s;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c-seminarArchive__text {
  color: #333;
  display: -webkit-box;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 1.8;
  margin-block-start: 12px;
  transition: color 0.25s;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.c-singleSeminarArchiveCard {
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 16px;
  padding: 16px 24px;
}

.c-singleSeminarArchiveCard__thumbnail {
  aspect-ratio: 154/112;
  flex-shrink: 0;
  inline-size: 154px;
  overflow: hidden;
}

.c-singleSeminarArchiveCard__thumbnail img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
  transition: transform 0.25s;
}

.c-singleSeminarArchiveCard__date {
  color: #474747;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.04px;
  line-height: 2;
  transition: color 0.25s;
}

.c-singleSeminarArchiveCard__title {
  color: #474747;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  margin-block-start: 2px;
  transition: color 0.25s;
}

.c-singleSeminarArchiveCard__title-type {
  display: block;
  font-weight: 900;
  margin-block-end: 10px;
}

.c-singleSeminarSpeakerCard {
  background: #ffffff;
  border-radius: 10px;
  flex: 1;
  padding: 24px 24px 29px;
  position: relative;
}

.c-singleSeminarSpeakerCard::before {
  background: linear-gradient(90deg, #4da7f5, #f74fab);
  border-radius: inherit;
  content: "";
  inset: 0;
  padding: 2px;
  position: absolute;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.c-singleSeminarSpeakerCard__head {
  align-items: center;
  display: flex;
  gap: 15px;
}

.c-singleSeminarSpeakerCard__img {
  flex-shrink: 0;
  inline-size: 85px;
}

.c-singleSeminarSpeakerCard__name {
  color: #1b1717;
  font-size: 29px;
  font-weight: 900;
  letter-spacing: 2.03px;
}

.c-singleSeminarSpeakerCard__position {
  color: #474747;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-block-start: 8px;
}

.c-singleSeminarSpeakerCard__text {
  color: #474747;
  font-weight: 600;
  letter-spacing: -0.1px;
  margin-block-start: 30px;
}

.c-section-title-left-line {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.c-section-title-left-line__en {
  color: #b2b1b9;
  display: inline-block;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1.19px;
  line-height: normal;
  padding-inline-start: 99px;
  position: relative;
  text-transform: uppercase;
}

.c-section-title-left-line__en::before,
.c-section-title-left-line__cat::before {
  background: #1887e8;
  content: "";
  height: 5px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  transform: translateY(-50%);
  width: 84px;
}

.c-section-title-left-line__ja {
  color: #474747;
  font-size: clamp(1.5rem, 1.1285714286rem + 1.5238095238vi, 2.5rem);
  font-style: normal;
  font-weight: 900;
  line-height: clamp(2.25rem, 1.6928571429rem + 2.2857142857vi, 3.75rem);
}

.c-section-title-left-line__cat {
  color: #474747;
  display: inline-block;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1.19px;
  line-height: normal;
  padding-inline-start: 99px;
  position: relative;
  margin-bottom: 10px;
}
.c-section-title-both-line {
  text-align: center;
}

.c-section-title-both-line__en {
  color: var(--Subheading-Color, #b2b1b9);
  display: inline-block;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1.19px;
  line-height: normal;
  padding-inline: 55px;
  position: relative;
  text-transform: uppercase;
}

.c-section-title-both-line__en::before {
  background: #1887e8;
  block-size: 5px;
  content: "";
  inline-size: 40px;
  inset-block-start: 35%;
  inset-inline-start: 0;
  position: absolute;
}

.c-section-title-both-line__en::after {
  background: #1887e8;
  block-size: 5px;
  content: "";
  inline-size: 40px;
  inset-block-start: 35%;
  inset-inline-end: 0;
  position: absolute;
}

.c-section-title-both-line__ja {
  color: #2c2e43;
  font-size: clamp(1.5rem, 1.0125rem + 2vi, 2.8125rem);
  font-weight: 900;
  letter-spacing: clamp(0.105rem, 0.070875rem + 0.14vi, 0.196875rem);
  line-height: normal;
  margin-block-start: 20px;
}

.c-section-title-blue-text {
  text-align: center;
}

.c-section-title-blue-text__en {
  color: #004097;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.85px;
  line-height: normal;
  padding-block-end: 16px;
  position: relative;
  text-transform: uppercase;
}

.c-section-title-blue-text__en::before {
  background: #004097;
  content: "";
  height: 2px;
  inset-block-end: -2px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 32px;
}

.c-section-title-blue-text__en--light {
  color: #1887e8;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.85px;
  line-height: normal;
  padding-block-end: 16px;
  position: relative;
  text-transform: uppercase;
}

.c-section-title-blue-text__en--light::before {
  background: #1887e8;
  content: "";
  height: 2px;
  inset-block-end: -2px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 32px;
}

.c-section-title-blue-text__ja {
  color: #474747;
  font-size: clamp(1.5rem, 1.1285714286rem + 1.5238095238vi, 2.5rem);
  font-weight: 900;
  line-height: clamp(
    2.25rem,
    1.6928571429rem + 2.2857142857vi,
    3.75rem
  ); /* 150% */
}

.c-service-card {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(24, 135, 232, 0.29);
  display: block;
  min-height: 387px;
  padding-block-end: 30px;
  padding-block-start: 23px;
  padding-inline-end: 40px;
  padding-inline-start: 28px;
  position: relative;
}

.c-service-card__category {
  background: #1887e8;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px; /* 133.333% */
  padding-block-end: 3px;
  padding-block-start: 2px;
  padding-inline: 9px;
  text-align: center;
}

.c-service-card__category--green {
  background: #2fce03;
}

.c-service-card__category--orange {
  background: #e87518;
}

.c-service-card__logo {
  inset-block-start: 73.8px;
  inset-inline-start: 50%;
  max-width: 212px;
  position: absolute;
  transform: translateX(-50%);
}

/* .c-service-card__logo::before {
  block-size: 120px;
  border: 1px solid #b2b1b9;
  border-radius: 50%;
  content: "";
  inline-size: 120px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
} */

.c-service-card__logo--big {
  inset-block-start: 56px;
  inset-inline-start: 50%;
  max-width: 85.042px;
}
.c-service-card__logo--selfee {
  inset-block-start: 84px;
  max-width: 212px;
}
.c-service-card__logo--wakuwaku {
  inset-block-start: 37px;
  max-width: 147px;
}
.c-service-card__logo--method {
  inset-block-start: 61px;
  max-width: 212px;
}
.c-service-card__logo--takumi {
  inset-block-start: 65px;
  max-width: 212px;
}
.c-service-card__logo--club {
  max-width: 188px;
}
.c-service-card__logo--restaurant {
  inset-block-start: 81px;
  max-width: 212px;
}

.c-service-card__content {
  margin-block-start: 106px;
  padding-inline-start: 14px;
}

.c-service-card__content--small {
  margin-block-start: 100px;
}

.c-service-card__title {
  color: #474747;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}

.c-service-card__title--little {
  color: #474747;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}

.c-service-card__description {
  color: #1887e8;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 1.33px;
  line-height: normal;
  margin-block-start: 5px;
}

.c-service-card__text {
  color: #474747;
  font-size: 15px;
  line-height: 25px; /* 166.667% */
  margin-block-start: 13px;
}

.c-section-title-lp {
  display: flex;
  flex-direction: column;
  gap: 14.5px;
  text-align: center;
}

.c-section-title-lp--gap {
  gap: 21px;
}

.c-section-title-lp--gap .c-section-title-lp__en::before {
  inset-block-end: -14px;
}

.c-section-title-lp__en {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.85px;
  position: relative;
}

.c-section-title-lp__en::before {
  block-size: 2px;
  border-radius: 12px;
  content: "";
  inline-size: 32px;
  inset-block-end: -8px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.c-section-title-lp__en--blue {
  color: #004097;
}

.c-section-title-lp__en--blue::before {
  background-color: #004097;
}

.c-section-title-lp__en--orange {
  color: #f0831e;
}

.c-section-title-lp__en--orange::before {
  background-color: #f0831e;
}

.c-section-title-lp__ja {
  color: #474747;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 2px;
}

.c-section-title-lp__ja--blue {
  color: #004097;
  font-weight: 900;
}

.c-section-title-lp__ja--orange {
  color: #f0831e;
  font-weight: 900;
}

.c-section-subtitle-lp {
  flex-shrink: 0;
  padding-inline-start: 33px;
  position: relative;
}

.c-section-subtitle-lp::before {
  background: #004097;
  block-size: 50px;
  content: "";
  inline-size: 9px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

.c-section-subtitle-lp__title {
  color: #474747;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.8;
  position: relative;
}

.c-cardFeature {
  position: relative;
}

.c-cardFeature__wrap {
  background: #ffffff;
  border: 2px solid #a9a9a9;
  border-radius: 10px;
  box-shadow: 8px 8px 13px 0 rgba(0, 0, 0, 0.13);
  overflow: hidden;
}

.c-cardFeature--problem .c-cardFeature__wrap {
  aspect-ratio: 330/451;
  inline-size: 340px;
  padding: 50px 40px;
}

.c-cardFeature--service .c-cardFeature__wrap {
  align-items: center;
  aspect-ratio: 330/490;
  display: flex;
  flex-direction: column;
  inline-size: 330px;
  padding: 50px 40px 0;
}

.c-cardFeature--service .c-cardFeature__num::before {
  background: #f0831e;
}

.c-cardFeature--service .c-cardFeature__head {
  aspect-ratio: 250/183;
  flex-shrink: 0;
}

.c-cardFeature--service .c-cardFeature__title {
  color: #f0831e;
  line-height: 1.5;
}

.c-cardFeature--service .c-cardFeature__title.--mgn {
  margin-inline: -18px;
}

.c-cardFeature--service .c-cardFeature__title::before {
  background: #f0831e;
}

.c-cardFeature--service .c-cardFeature__text {
  font-size: 15px;
  letter-spacing: 0.6px;
  margin-block-start: 38px;
}

.c-cardFeature__num {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  inset-block-start: 0;
  inset-inline-start: 50%;
  letter-spacing: 1.5px;
  position: absolute;
  translate: -50% -50%;
  z-index: 1;
}

.c-cardFeature__num::before {
  background: #004097;
  block-size: 91px;
  border-radius: 100%;
  content: "";
  inline-size: 91px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50% -50%;
  z-index: -1;
}

.c-cardFeature__head {
  aspect-ratio: 260/173;
  inline-size: 100%;
  overflow: hidden;
}

.c-cardFeature__head img {
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.c-cardFeature__body {
  margin-block-start: 15px;
}

.c-cardFeature__title {
  color: #004097;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 1.2px;
  line-height: 1.2;
  text-align: center;
}

.c-cardFeature__title {
  position: relative;
}

.c-cardFeature__title::before {
  background: #004097;
  block-size: 5px;
  content: "";
  inline-size: 45px;
  inset-block-end: -20px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.c-cardFeature__text {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.85px;
  line-height: 1.8;
  margin-block-start: 35px;
}

.c-lpService-card {
  background: #ffffff;
  block-size: 248px;
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(24, 135, 232, 0.29);
  display: inline-block;
  inline-size: 260px;
  position: relative;
}

.c-lpService-card__category {
  background: #1887e8;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  padding-block: 2px 3px;
  padding-inline: 9px;
  text-align: center;
}

.c-lpService-card__category--green {
  background: #2fce03;
}

.c-lpService-card__category--orange {
  background: #e87518;
}

.c-lpService-card__logo {
  inline-size: 86.4px;
  inset-block-start: 88.8px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.c-lpService-card__logo::before {
  block-size: 120px;
  border: 1px solid #b2b1b9;
  border-radius: 50%;
  content: "";
  inline-size: 120px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.c-lpService-card__logo--big {
  inset-block-start: 70px;
  max-width: 85.042px;
  transform: translateX(-50%);
}

.c-lpService-card__content {
  margin-block-start: 152px;
}

.c-lpService-card__content--small {
  margin-block-start: 149px;
  text-align: center;
}

.c-lpService-card__title {
  color: #474747;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.c-lpService-card__title--little {
  color: #474747;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  margin-block-end: -10px;
}

.c-lpService-card__description {
  display: none;
}

.c-lpService-card__text {
  display: none;
}

.c-wakuwakuService-card,
.c-serviceList-card {
  background: #ffffff;
  block-size: 248px;
  border-radius: 5px;
  box-shadow: 0 10px 30px rgba(212, 140, 100, 0.18);
  display: inline-block;
  inline-size: 260px;
  position: relative;
}

.c-wakuwakuService-card__category,
.c-serviceList-card__category {
  background: #1887e8;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  padding-block: 2px 3px;
  padding-inline: 9px;
  text-align: center;
}

.c-wakuwakuService-card__category--green,
.c-serviceList-card__category--green {
  background: #2fce03;
}

.c-wakuwakuService-card__category--orange,
.c-serviceList-card__category--orange {
  background: #e87518;
}

.c-wakuwakuService-card__logo,
.c-serviceList-card__logo {
  inset-block-start: 88.8px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
}

/* .c-wakuwakuService-card__logo::before,
.c-serviceList-card__logo::before {
  block-size: 120px;
  border: 1px solid #b2b1b9;
  border-radius: 50%;
  content: "";
  inline-size: 120px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
} */

.c-wakuwakuService-card__content,
.c-serviceList-card__content {
  margin-block-start: 152px;
}

.c-wakuwakuService-card__content--small,
.c-serviceList-card__content--small {
  margin-block-start: 149px;
  text-align: center;
}

.c-wakuwakuService-card__title,
.c-serviceList-card__title {
  color: #474747;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.c-wakuwakuService-card__title--little,
.c-serviceList-card__title--little {
  color: #474747;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  margin-block-end: -10px;
}

.c-wakuwakuService-card__description,
.c-serviceList-card__description {
  display: none;
}

.c-wakuwakuService-card__text,
.c-serviceList-card__text {
  display: none;
}

.c-selfeeProgram-card {
  background: #ffffff;
  border-radius: 18.559px;
  box-shadow: 0 1.28px 6.92px 2.22px rgba(0, 0, 0, 0.1);
  display: flex;
  flex: 1;
  flex-direction: column;
  inline-size: 100%;
  padding: 30px 44px;
}

.c-selfeeProgram-card.--1 {
  aspect-ratio: 470/444;
}

.c-selfeeProgram-card.--1 .c-selfeeProgram-card__img {
  aspect-ratio: 220/111;
  inline-size: 220px;
  margin-inline: auto;
}

.c-selfeeProgram-card.--1 .c-selfeeProgram-card__text {
  margin-block-start: 20px;
}

.c-selfeeProgram-card.--2 {
  aspect-ratio: 470/444;
}

.c-selfeeProgram-card.--2 .c-selfeeProgram-card__img {
  aspect-ratio: 90/99;
  inline-size: 90px;
  margin-inline: auto;
}

.c-selfeeProgram-card.--2 .c-selfeeProgram-card__text {
  margin-block-start: 20px;
}

.c-selfeeProgram-card.--3 {
  aspect-ratio: 459/259;
  position: relative;
}

.c-selfeeProgram-card.--3 .c-selfeeProgram-card__body {
  align-items: center;
  display: flex;
  margin-block-start: 20px;
}

.c-selfeeProgram-card.--3 .c-selfeeProgram-card__title {
  font-size: 27px;
}

.c-selfeeProgram-card.--3 .c-selfeeProgram-card__img {
  aspect-ratio: 88/99;
  inline-size: 88px;
}

.c-selfeeProgram-card.--3 .c-selfeeProgram-card__text {
  margin-inline-start: 26px;
}

.c-selfeeProgram-card.--3::before {
  background: url(../img/content/selfee/program-arrow-horizontal.webp) no-repeat
    center center/contain;
  block-size: 57px;
  content: "";
  inline-size: 48px;
  inset-block-start: 50%;
  inset-inline-end: -55px;
  position: absolute;
  translate: 0 -50%;
}

.c-selfeeProgram-card.--4 {
  block-size: 259px;
}

.c-selfeeProgram-card.--4 .c-selfeeProgram-card__body {
  align-items: center;
  display: flex;
  margin-block-start: 39px;
}

.c-selfeeProgram-card.--4 .c-selfeeProgram-card__img {
  aspect-ratio: 113/111;
  inline-size: 113px;
}

.c-selfeeProgram-card.--4 .c-selfeeProgram-card__text {
  margin-inline-start: 30px;
}

.c-selfeeProgram-card__title {
  align-items: center;
  align-self: center;
  color: #004097;
  display: inline-flex;
  font-size: 31.982px;
  font-weight: 900;
  letter-spacing: 0.64px;
  line-height: 1.78;
  padding-inline-start: 25px;
  position: relative;
  text-align: center;
}

.c-selfeeProgram-card__title::before {
  background: #004097;
  block-size: 32px;
  content: "";
  inline-size: 5px;
  inset-block-start: 50%;
  inset-inline-start: -5px;
  position: absolute;
  translate: 0 -50%;
}

.c-selfeeProgram-card__title--small {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.36px;
  line-height: 1.78;
}

.c-selfeeProgram-card__body {
  margin-block-start: 20px;
}

.c-selfeeProgram-card__img {
  flex-shrink: 0;
}

.c-selfeeProgram-card__text {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  line-height: 1.8;
}

.c-selfeeChallenges-media {
  align-items: center;
  display: flex;
  gap: clamp(1.25rem, -2.3011363636rem + 5.6818181818vi, 2.8125rem);
  margin-inline: 50px 0;
}

.c-selfeeChallenges-media--reverse {
  flex-direction: row-reverse;
  margin-inline: 0 50px;
}

.c-selfeeChallenges-media__head {
  align-items: center;
  display: flex;
  gap: 20px;
}

.c-selfeeChallenges-media__num {
  inline-size: 48px;
}

.c-selfeeChallenges-media__title {
  color: #474747;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.62;
}

.c-selfeeChallenges-media__title--accent {
  color: #004097;
  font-size: 28px;
  font-weight: 700;
  line-height: 39px;
}

.c-selfeeChallenges-media__text {
  color: #4b5563;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.95;
  margin-block-start: 30px;
}

.c-selfeeChallenges-media__img {
  flex-shrink: 0;
  inline-size: clamp(28.125rem, 17.4715909091rem + 17.0454545455vi, 32.8125rem);
}

.c-selfeePoint-card {
  background: #ffffff;
  border-radius: 18.559px;
  box-shadow: 0 1.28px 6.92px 2.22px rgba(0, 0, 0, 0.1);
  padding: 37px 27px;
}

.c-selfeePoint-card__head {
  padding-inline-start: 43px;
  position: relative;
}

.c-selfeePoint-card__head::before {
  background: url(../img/content/selfee/point-glass.webp) no-repeat center
    center/contain;
  block-size: 30px;
  content: "";
  inline-size: 28px;
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
}

.c-selfeePoint-card__title {
  color: #111827;
  font-size: 22.271px;
  font-weight: 700;
  line-height: 1.333;
}

.c-selfeePoint-card__lead {
  color: #636363;
  font-size: 14.847px;
  line-height: 1.5;
  margin-block-start: 7px;
}

.c-selfeePoint-card__text {
  color: #374151;
  font-size: 14.847px;
  line-height: 1.5;
  margin-block-start: 13px;
}

.c-selfeePoint-card__img {
  inline-size: min(320px, 100%);
  margin-block-start: 8px;
  margin-inline: auto;
}

.c-selfeeAb-card {
  display: flex;
  flex-direction: column;
  inline-size: 300px;
  padding-block-start: 173.42px;
  position: relative;
}

.c-selfeeAb-card::before {
  block-size: 232.25px;
  content: "";
  inline-size: 272.83px;
  inset-block-start: -82px;
  inset-inline-start: -13px;
  position: absolute;
}

.c-selfeeAb-card:nth-of-type(1)::before {
  background: url(../img/content/selfee/ab-1.webp) no-repeat center
    center/contain;
}

.c-selfeeAb-card:nth-of-type(2)::before {
  background: url(../img/content/selfee/ab-2.webp) no-repeat center
    center/contain;
}

.c-selfeeAb-card:nth-of-type(3)::before {
  background: url(../img/content/selfee/ab-3.webp) no-repeat center
    center/contain;
}

.c-selfeeAb-card:nth-of-type(4)::before {
  background: url(../img/content/selfee/ab-4.webp) no-repeat center
    center/contain;
}

.c-selfeeAb-card:nth-of-type(5)::before {
  background: url(../img/content/selfee/ab-5.webp) no-repeat center
    center/contain;
}

.c-selfeeAb-card__tag {
  align-self: center;
  background: #fafffe;
  border: 2px solid #26c4f5;
  border-radius: 4px;
  color: #26c4f5;
  font-size: 18px;
  font-weight: 700;
  padding: 9px 22px;
}

.c-selfeeAb-card__text {
  color: #474747;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  margin-block-start: 23px;
}

.p-drawer {
  background: #ebf4ff;
  block-size: 100vb;
  inline-size: min(400px, 100%);
  inset-block-start: 0;
  inset-inline-end: 0;
  overflow-y: auto;
  position: fixed;
  transition: all 0.3s;
  translate: 100% 0;
  z-index: 30;
}

.p-drawer.is-open {
  translate: 0 0;
}

.p-drawer.js-show {
  translate: 0;
}

.p-drawer__inner {
  padding-block-end: 64px;
  padding-block-start: clamp(7.75rem, 6.45rem + 5.3333333333vi, 11.25rem);
  padding-inline: 32px;
}

.p-drawer__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.p-drawer__item {
  border-block-end: 1px solid #adb5c0;
}

.p-drawer__item-link,
.p-drawer__item-button {
  color: #21416c;
  display: block;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  inline-size: 100%;
  letter-spacing: 1.5px;
  line-height: normal;
  padding-block-end: 32px;
  text-align: start;
  text-transform: uppercase;
}

.p-drawer__item-button {
  position: relative;
}

.p-drawer__item-button::before,
.p-drawer__item-button::after {
  background: #004097;
  block-size: 2.3px;
  border-radius: 20px;
  content: "";
  inline-size: 12px;
  inset-block-start: 10px;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
}

.p-drawer__item-button::after {
  transform: rotate(90deg);
  transition: transform 0.3s;
}

.p-drawer__item.is-open .p-drawer__dropdown {
  display: flex;
}

.p-drawer__item.is-open .p-drawer__item-button::after {
  transform: rotate(180deg);
}

.p-drawer__dropdown {
  display: none;
  flex-direction: column;
  gap: 8px;
  padding-block-end: 32px;
}

.p-drawer__dropdown-item {
  margin-inline-start: 40px;
}

.p-drawer__dropdown-link {
  display: block;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1.5px;
  padding-block: 11px;
  padding-inline-start: 26px;
  position: relative;
}

.p-drawer__dropdown-link::before {
  background: url(../img/ui/icons/arrow-right.svg) no-repeat center
    center/contain;
  block-size: 24px;
  content: "";
  inline-size: 12px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

.p-topFv {
  block-size: 850px;
  position: relative;
  z-index: 1;
  background: url(../img/content/top/fv-new-bg-pc.webp) no-repeat center
    center/cover;
}

/* .p-topFv::before {
  background: url(../img/content/top/fv-bg.webp) no-repeat center center/contain;
  block-size: 850px;
  content: "";
  inline-size: 973px;
  inset-block-start: 0;
  inset-inline-start: 50%;
  position: absolute;
  translate: -100px;
  translate: -253px;
  z-index: -1;
} */

.p-topFv::after {
  background: url(../img/content/top/scroll-pc.webp) no-repeat center
    center/contain;
  block-size: 107px;
  content: "";
  inline-size: 54px;
  inset-block-end: -17px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.p-topFv__inner {
  inline-size: min(1172px, 100%);
  margin-inline: auto;
  padding-block-start: 247px;
  padding-inline: 16px;
}

.p-topFv__title-en {
  color: #b2b1b9;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 1.19px;
  padding-inline-start: 100px;
  position: relative;
}

.p-topFv__title-en::before {
  background: #1887e8;
  block-size: 5px;
  content: "";
  inline-size: 84px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

.p-topFv__title-ja {
  margin-block-start: 124px;
}

.p-topFv__title-line {
  color: #474747;
  font-size: 46.425px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 3.25px;
  line-height: 1.63;
  padding-inline: 23px;
  position: relative;
  z-index: 1;
}

/* .p-topFv__title-line::before {
  background: #ffffff;
  block-size: 100%;
  border-radius: 4.643px;
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1);
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0.8;
  position: absolute;
  z-index: -1;
} */

.p-topFv__title-line .accent {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 120%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 46.425px;
  font-weight: 800;
  letter-spacing: 3.25px;
}

.p-topFv__text {
  color: #474747;
  font-size: 17px;
  font-weight: 500;
  line-height: 2;
  margin-block-start: 3px;
}

.p-topFv__actions {
  display: flex;
  gap: 18px;
  margin-block-start: 52px;
}

.p-topFv__button {
  block-size: 55px;
  border: 2px solid #ffffff;
  border-radius: 50px;
  display: grid;
  font-size: 13px;
  font-weight: 700;
  inline-size: 265px;
  letter-spacing: 1.3px;
  place-items: center;
}

.p-topFv__button-light {
  background: #dcedfc;
  color: #4b4b4b;
}

.p-topFv__button-blue {
  background: #1887e8;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.p-topPhilosophy {
  inline-size: min(1440px, 100%);
  margin-inline: auto;
  padding-block: 116px 68px;
}

.p-topPhilosophy {
  position: relative;
  z-index: 1;
}

.p-topPhilosophy::before {
  aspect-ratio: 987/991;
  background: url(../img/content/top/decor-philosophy.webp) no-repeat center
    center/contain;
  content: "";
  inline-size: clamp(22.5625rem, 8.0303571429rem + 59.619047619vi, 61.6875rem);
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  transform: translate(-182px, -116px);
  z-index: -1;
}

.p-topPhilosophy__inner {
  display: flex;
  flex-direction: row-reverse;
  inline-size: min(1472px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-topPhilosophy__body {
  padding-inline-end: clamp(
    0.0625rem,
    -14.397102526rem + 30.1634472511vi,
    12.75rem
  );
}

.p-topPhilosophy__heading {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.p-topPhilosophy__heading::before {
  background: url(../img/content/top/decor-blue.webp) no-repeat center
    center/contain;
  block-size: 112.72px;
  content: "";
  inline-size: 222.13px;
  inset-block-start: 20px;
  inset-inline-end: -121px;
  pointer-events: none;
  position: absolute;
  transform: rotate(-45.947deg);
  z-index: -1;
}

.p-topPhilosophy__heading .c-section-title-left-line {
  gap: 11.5px;
}

.p-topPhilosophy__content {
  margin-block-start: 48px;
}

.p-topPhilosophy__text {
  line-height: 2;
}

.p-topPhilosophy__text:nth-of-type(2) {
  margin-block-start: 66px;
}

.p-topPhilosophy__text:nth-of-type(3) {
  margin-block-start: 17px;
}

.p-topPhilosophy__action {
  margin-block-start: 56px;
  text-align: end;
}

.p-topAbout {
  inline-size: min(1440px, 100%);
  margin-inline: auto;
  padding-block: 196px
    clamp(5rem, -4.5447622585rem + 19.9108469539vi, 13.375rem);
}

.p-topAbout {
  position: relative;
  z-index: 1;
}

.p-topAbout::before {
  aspect-ratio: 987.086/991.351;
  background: url(../img/content/top/decor-about.webp) no-repeat center
    center/contain;
  content: "";
  inline-size: clamp(
    22.5625rem,
    8.0283607143rem + 59.6272380952vi,
    61.692875rem
  );
  inset-block-start: 0;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
  transform: translate(195px, -106px);
  z-index: -1;
}

.p-topAbout__inner {
  inline-size: min(1472px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-topAbout__body {
  display: inline-block;
  padding-inline-start: clamp(
    0.0625rem,
    -9.7946428571rem + 20.5357142857vi,
    8.6875rem
  );
}

.p-topAbout__heading {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.p-topAbout__heading::before {
  background: url(../img/content/top/decor-blue.webp) no-repeat center
    center/contain;
  block-size: 93.594px;
  content: "";
  inline-size: 184.444px;
  inset-block-start: 7px;
  inset-inline-end: -93px;
  pointer-events: none;
  position: absolute;
  transform: rotate(-134.05deg);
  z-index: -1;
}

.p-topAbout__heading .c-section-title-left-line {
  gap: 12px;
}

.p-topAbout__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-block-start: 42px;
}

.p-topAbout__text {
  line-height: 2;
}

.p-topService {
  padding-block-end: clamp(
    3.9375rem,
    1.9178571429rem + 8.2857142857vi,
    9.375rem
  );
  padding-block-start: clamp(3.9rem, 2.3075rem + 6.5333333333vi, 8.1875rem);
}

.p-topService__inner {
  inline-size: min(1107px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-topService__heading .c-section-title-both-line__ja {
  margin-block-start: 11px;
}

.p-topService__description {
  color: #474747;
  font-size: clamp(1rem, 0.9767857143rem + 0.0952380952vi, 1.0625rem);
  line-height: clamp(1.5rem, 1.4651785714rem + 0.1428571429vi, 1.59375rem);
  margin-block-start: clamp(1.875rem, 1.8285714286rem + 0.1904761905vi, 2rem);
  text-align: center;
}

.p-topService__container {
  background: #ebf4ff;
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(2, 3fr);
  margin-block-start: 50px;
  padding-block-end: 80px;
  padding-block-start: 81px;
  padding-inline-end: clamp(1rem, -0.0910714286rem + 4.4761904762vi, 3.9375rem);
  padding-inline-start: clamp(1rem, -0.1142857143rem + 4.5714285714vi, 4rem);
  position: relative;
  row-gap: 30px;
  -moz-column-gap: 22.5px;
  column-gap: 22.5px;
}

/* .p-topService__container::before {
  background-image: url(../img/content/page-introduce/service-bg-woman.webp);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: 172px;
  content: "";
  inline-size: 310px;
  inset-block-start: -91px;
  inset-inline-start: 70px;
  inset-inline-start: clamp(
    0.0625rem,
    -4.8660714286rem + 10.2678571429vi,
    4.375rem
  );
  position: absolute;
  z-index: 1;
} */
/* 
.p-topService__container::after {
  background-image: url(../img/content/page-introduce/service-bg-man.webp);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: 190px;
  content: "";
  inline-size: 239px;
  inset-block-start: -109px;
  inset-inline-end: 38px;
  inset-inline-end: clamp(
    0.0625rem,
    -2.5803571429rem + 5.505952381vi,
    2.375rem
  );
  position: absolute;
  z-index: 1;
} */

.p-learning {
  padding-block: 40px 54px;
  position: relative;
  z-index: 1;
}

.p-learning::before {
  background: url(../img/common/learning/background.webp) no-repeat center
    top/cover;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
  z-index: -1;
}

.p-learning__inner {
  inline-size: min(1172px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-learning__circle {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-block: 113px 133px;
  position: relative;
  z-index: 1;
}

.p-learning__circle::before {
  background: rgba(255, 255, 255, 0.75);
  block-size: clamp(40.625rem, 36.125rem + 9.375vi, 44.5625rem);
  border: 3px solid #4da7f5;
  border-radius: 100%;
  content: "";
  inline-size: clamp(40.625rem, 36.125rem + 9.375vi, 44.5625rem);
  inset-block-start: 0;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
  z-index: -1;
}

.p-learning__circle-heading {
  margin-block-end: 40px;
}

.p-learning__circle-heading .c-section-title-both-line__ja {
  color: #4da7f5;
  font-size: clamp(1.5rem, 1.1285714286rem + 1.5238095238vi, 2.5rem);
  letter-spacing: 0;
  margin-block-start: 5px;
}

.p-learning__circle-text {
  color: gray;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}

.p-learning__circle-text + .p-learning__circle-text {
  margin-block-start: 16px;
}

.p-learning__action {
  margin-block-start: 40px;
}

.p-learning__list {
  display: flex;
  gap: 16.81px;
  justify-content: center;
  margin-block-start: 51px;
}

.p-serviceLinks {
  padding-block-end: 43.5px;
  position: relative;
  z-index: 1;
}

.p-serviceLinks::before {
  background: #f5f5f5;
  block-size: 290px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.p-serviceLinks__inner {
  inline-size: min(1113px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-serviceLinks__container {
  display: grid;
  gap: clamp(0.5rem, -1.7857142857rem + 4.7619047619vi, 2.5rem);
  grid-template-columns: repeat(3, 1fr);
}

.p-serviceLinks__card,
.p-aboutContents__card {
  border-radius: 20px;
  display: inline-block;
  max-width: 333.253px;
  position: relative;
  transition: translate 0.3s;
}

.p-serviceLinks__card::before {
  background: #484848;
  block-size: 100%;
  border-radius: 20px;
  content: "";
  inline-size: 100%;
  opacity: 0.4;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
}

.p-serviceLinks__card::after,
.p-aboutContents__card::after {
  background: linear-gradient(90deg, #4da7f5, #f74fab);
  border-radius: inherit;
  content: "";
  inset: 0;
  padding: 4px;
  position: absolute;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.p-serviceLinks__layer {
  position: relative;
}

.p-serviceLinks__layer::after {
  background: url(../img/ui/icons/service-link-arrow-white.svg) no-repeat center
    center/contain;
  block-size: 44px;
  content: "";
  inline-size: 44px;
  inset-block-end: clamp(
    0.9375rem,
    -0.3482142857rem + 2.6785714286vi,
    2.0625rem
  );
  inset-inline-end: clamp(
    0.9375rem,
    0.0803571429rem + 1.7857142857vi,
    1.6875rem
  );
  position: absolute;
  transition: all 0.3s;
}

.p-serviceLinks__img {
  opacity: 0.5;
}

.p-serviceLinks__img img {
  border-radius: 20px;
}

.p-serviceLinks__content {
  inline-size: 100%;
  inset-block-start: clamp(1.25rem, -1.3214285714rem + 5.3571428571vi, 3.5rem);
  inset-inline-start: 50%;
  padding-inline-end: clamp(
    1rem,
    0.1978571429rem + 1.6711309524vi,
    1.701875rem
  );
  padding-inline-start: clamp(
    1rem,
    0.1264285714rem + 1.8199404762vi,
    1.764375rem
  );
  position: absolute;
  transform: translateX(-50%);
}

.p-serviceLinks__content--pos {
  inset-block-start: clamp(1.25rem, -2.4642857143rem + 7.7380952381vi, 4.5rem);
}

.p-serviceLinks__title {
  color: #ffffff;
  font-size: 22.763px;
  font-weight: 900;
  letter-spacing: 1.593px;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 0 5.463px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}

.p-serviceLinks__text {
  color: #ffffff;
  font-size: clamp(1rem, 0.8420714286rem + 0.3290178571vi, 1.1381875rem);
  font-weight: 500;
  line-height: 1.5;
  margin-block-start: clamp(0.9375rem, -0.0525rem + 2.0625vi, 1.80375rem);
  text-shadow: 0 0 5px #000;
}

.p-serviceLinks__text--mbs {
  margin-block-start: clamp(
    0.9375rem,
    -0.9810714286rem + 3.9970238095vi,
    2.61625rem
  );
}

.p-serviceLinks__card.is-active {
  translate: 0
    calc(clamp(1.875rem, -0.8392857143rem + 5.6547619048vi, 4.25rem) * -1);
}

.p-serviceLinks__card.is-active::before {
  background: #000;
  opacity: 0.6;
}

.p-serviceLinks__card.is-active::after {
  opacity: 1;
}

.p-serviceLinks__card.is-active .p-serviceLinks__layer::after {
  background: url(../img/ui/icons/service-link-arrow-blue.svg) no-repeat center
    center/contain;
}

.p-topSeminarIntro {
  background: #f5f5f5;
  overflow: hidden;
  padding-block: 128px;
}

.p-topSeminarIntro__inner {
  inline-size: min(1170px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
  position: relative;
}

.p-topSeminarIntro__inner::before {
  aspect-ratio: 747/793;
  background: url(../img/content/top/seminar-intro-decor-pc.webp) no-repeat
    center center/contain;
  content: "";
  inline-size: clamp(27.5rem, 5.5714285714rem + 45.6845238095vi, 46.6875rem);
  inset-block-start: -127px;
  inset-inline-start: clamp(
    25.9375rem,
    13.5803571429rem + 25.744047619vi,
    36.75rem
  );
  position: absolute;
}

.p-topSeminarIntro__body {
  inline-size: clamp(29.375rem, 17.6607142857rem + 24.4047619048vi, 39.625rem);
}

.p-topSeminarIntro__heading .c-section-title-both-line {
  gap: 14px;
  text-align: left;
}

.p-topSeminarIntro__heading .c-section-title-both-line__ja {
  font-size: clamp(1.5rem, 1.0125rem + 2vi, 2.8125rem);
  letter-spacing: 3px;
  line-height: 1.2;
  margin-block-start: 10px;
}

.p-topSeminarIntro__textwrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-block-start: 40px;
}

.p-topSeminarIntro__text {
  color: #474747;
  font-size: 16px;
  line-height: 1.5;
}

.p-topSeminarIntro__list {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 24px;
  inline-size: 100%;
  margin-block-start: 40px;
  padding-block: 15px;
  padding-inline-start: 54px;
}

.p-topSeminarIntro__item {
  color: #474747;
  font-size: 18px;
  font-weight: 500;
}

.p-topSeminarIntro__actions {
  margin-block-start: 38px;
  text-align: center;
}

.p-topSeminarIntro__actions a {
  padding-inline: 77.5px;
}

.p-topSeminarArchive {
  padding-block: 120px;
}

.p-topSeminarArchive__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.p-topSeminarArchive__heading .c-section-title-both-line__ja {
  margin-block-end: 31px;
  margin-block-start: -3px;
}

.p-topSeminarArchive__lead {
  color: #474747;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  padding-inline: 16px;
  text-align: center;
}

.p-topSeminarArchive__swiper-container {
  margin-block-start: 75px;
}

.p-topSeminarArchive__actions {
  margin-block-start: 40px;
  text-align: center;
}

.p-topSeminarArchive__actions a {
  inline-size: 265px;
}

.p-topSeminarArchive__actions a::after {
  inset-inline-end: 11.5px;
}

.p-topMedia {
  background: url(../img/content/top/background-media.webp) no-repeat center
    center/cover;
  padding-block: 80px 42px;
}

.p-topMedia__inner {
  display: flex;
  flex-direction: column;
  gap: 57px;
  inline-size: min(1170px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-topMedia__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.p-topMedia__heading .c-section-title-both-line__ja {
  margin-block-end: 31px;
  margin-block-start: -3px;
}

.p-topMedia__lead {
  color: #474747;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.p-topMedia__body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 24.56px;
  column-gap: 24.56px;
  margin-inline: auto;
  row-gap: 50.52px;
}

.p-topMedia__actions {
  text-align: center;
}

.p-topMedia__actions a {
  inline-size: 265px;
}

.p-topMedia__actions a::after {
  inset-inline-end: 11.5px;
}

.p-topNews {
  padding-block: 80px;
}

.p-topNews__inner {
  inline-size: min(1204px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-topNews__head {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.p-topNews__heading {
  display: inline-block;
}

.p-topNews__heading .c-section-title-both-line__ja {
  margin-block-end: 22px;
  margin-block-start: -3px;
}

.p-topNews__linkMore {
  text-align: right;
}

.p-topNews__category {
  margin-block-start: 26.5px;
}

.p-topNews__category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: end;
}

.p-topNews__category-button {
  background-color: #ffffff;
  border: 3px solid #1887e8;
  border-radius: 50px;
  color: #1887e8;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.56px;
  padding: 3px 13px;
  transition: all 0.3s;
}

.p-topNews__category-button.is-active {
  background-color: #1887e8;
  color: #ffffff;
}

.p-topNews__body {
  margin-block-start: 48px;
}

.p-topNews__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.p-news {
  padding-block: 64px;
  background-color: #ebf4ff;
}

.p-news__inner {
  inline-size: min(1032px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-news__category__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.p-news__category__button {
  background: #ffffff;
  border: 1px solid #004097;
  border-radius: 20px;
  color: #474747;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 0.85;
  padding: 12px 16px;
  transition: all 0.25s;
}

.p-news__category__button.is-current {
  background: #004097;
  color: #ffffff;
}

.p-news__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  inline-size: 100%;
  margin-block-start: 30px;
}

.p-news__card-link {
  align-items: center;
  background: #ffffff;
  display: block;
  display: flex;
  padding-block: clamp(0.5rem, -0.2428571429rem + 3.0476190476vi, 2.5rem);
  padding-inline-end: clamp(
    4.125rem,
    3.3821428571rem + 3.0476190476vi,
    6.125rem
  );
  padding-inline-start: clamp(1rem, 0.2571428571rem + 3.0476190476vi, 3rem);
  position: relative;
}

.p-news__card-link::after {
  background: url(../img/ui/icons/service-link-arrow-blue.svg) no-repeat center
    center/contain;
  block-size: 38px;
  content: "";
  inline-size: 38px;
  inset-block-start: 50%;
  inset-inline-end: clamp(1rem, 0.2571428571rem + 3.0476190476vi, 3rem);
  pointer-events: none;
  position: absolute;
  transition: all 0.25s;
  translate: 0 -50%;
}

.p-news__card-meta {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 16px;
  inline-size: 198px;
}

.p-news__card-date {
  color: #777;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.28px;
  line-height: 1.2;
  transition: all 0.25s;
}

.p-news__card-category {
  background: #333333;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 1;
  padding: 4px 8px;
  text-align: center;
  transition: all 0.25s;
}

.p-news__card-title {
  color: #333;
  display: -webkit-box;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.25s;
}

.p-news__pagination {
  margin-block-start: 30px;
}
.s-news .p-latest-news {
  margin-bottom: 0;
}

.s-news__inner {
  inline-size: min(1032px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.s-news__article {
  border: 1px solid #ddd;
  margin-bottom: 50px;
  position: relative;
  padding: 47px 50px 50px;
}

.s-news__article:before {
  content: "";
  width: 100%;
  background-color: #004097;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
}

.p-seminarNew {
  padding-block: 40px 40px;
}

.p-seminarNew__inner {
  inline-size: min(1169px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}
.p-seminarNew__list {
  margin-block-start: 30px;
}

.p-seminarNew__list--double,
.p-seminarNew__list--triple {
  display: flex;
  gap: 16px;
}

.p-seminarNew__list--double .p-seminarNew__body {
  width: calc(100% / 2);
}
.p-seminarNew__list--triple .p-seminarNew__body {
  width: calc(100% / 3);
}

.p-seminarNew__list--double .p-seminarNew__body,
.p-seminarNew__list--triple .p-seminarNew__body {
  gap: 20px;
  flex-direction: column;
  padding: 30px 17px;
}

.p-seminarNew__body {
  align-items: center;
  background: linear-gradient(
    242deg,
    rgba(77, 167, 245, 0.2) 11.16%,
    rgba(247, 79, 171, 0.2) 88.84%
  );
  border-radius: 20px;
  display: flex;
  gap: clamp(1.375rem, 0.4696428571rem + 3.7142857143vi, 3.8125rem);
  padding: 40px 37px;
}

.p-seminarNew__swiper {
  margin-block-start: 30px;
}

.p-seminarNew__body.swiper-slide {
  flex-direction: column;
  gap: 16px;
  padding: 30px 17px;
  height: auto;
  justify-content: space-between;
}
.p-seminarNew__body.swiper-slide .p-seminarNew__thumbnail {
  padding: 12px 7px;
}

.p-seminarNew__body.swiper-slide .c-section-title-left-line__ja--small,
.p-seminarNew__body.swiper-slide .c-section-title-left-line__ja--medium {
  font-size: 16px;
}

.p-seminarNew__thumbnail {
  background: #ffffff;
  border-radius: 20px;
  padding: 19px 11px;
}

.p-seminarNew__img {
  aspect-ratio: 491/277;
  inline-size: 100%;
  display: block;
  overflow: hidden;
}

.p-seminarNew__img img {
  block-size: 100%;
  inline-size: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.p-seminarNew__content {
  flex-shrink: 0;
  inline-size: min(490px, 100%);
}

.p-seminarNew__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.p-seminarNew__heading {
  font-feature-settings: "palt";
}

.p-seminarNew__heading .c-section-title-left-line {
  gap: 5px;
}

.p-seminarNew__heading .c-section-title-left-line__ja--small {
  color: #474747;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5;
}

.p-seminarNew__heading .c-section-title-left-line__ja--medium {
  color: #474747;
  font-size: 32px;
  font-weight: 900;
  line-height: 1.5;
}
.p-seminarNew__list--double .p-seminarNew__body .p-seminarNew__text,
.p-seminarNew__list--triple .p-seminarNew__body .p-seminarNew__text {
  flex-grow: 1;
}

.p-seminarNew__text {
  color: #474747;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-block-start: 24px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.p-seminarNew__meta {
  background: #ffffff;
  inline-size: 100%;
  margin-block-start: 24px;
  padding: 7px;
  text-align: center;
}

.p-seminarNew__meta time {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 100%);
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 24px;
  font-weight: 700;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-seminarNew__action {
  margin-block-start: 8px;
}

.p-seminarNew__link {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 100%);
  border: 2px solid #ffffff;
  border-radius: 50px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
  display: block;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.3px;
  padding-block: 12.5px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
}

.p-seminarNew__link::after {
  block-size: 7.823px;
  content: "";
  inline-size: 7.823px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  mask: url(../img/ui/icons/button-arrow-white.svg) no-repeat center
    center/contain;
  pointer-events: none;
  position: absolute;
  translate: 100px -50%;
  -webkit-mask: url(../img/ui/icons/button-arrow-white.svg) no-repeat center
    center/contain;
  background-color: #ffffff;
}

.p-seminarNew__next:after,
.p-seminarNew__prev:after {
  block-size: 63px;
  content: "" !important;
  inline-size: 63px;
  inset-block-start: -45%;
  position: absolute;
  transform: translateY(-50%);
}
.p-seminarNew__next::after {
  content: "";
  background: url(../img/ui/icons/swiper-next.webp) no-repeat center center /
    contain;
  right: 0;
}
.p-seminarNew__prev::after {
  content: "";
  background: url(../img/ui/icons/swiper-prev.webp) no-repeat center center /
    contain;
  left: 0;
}

.p-seminarArchive {
  padding-block: 120px 64px;
}

.p-seminarArchive__inner {
  inline-size: min(1168px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-seminar__category {
  margin-block-start: 64px;
}
.p-seminarArchive__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-block-start: 64px;
  margin-bottom: 40px;
}

.p-seminarArchive__action {
  margin-block-start: 40px;
  text-align: center;
}

.p-seminarArchive__action a {
  inline-size: 265px;
}

.p-seminarArchive__action a::after {
  inset-inline-end: 11.5px;
}

.p-seminarArchive__pagination {
  margin-block-start: 40px;
}

.p-seminar__category__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-block-start: 20px;
}

.p-seminar__category__button {
  background: #fff;
  border: 1px solid #004097;
  border-radius: 20px;
  color: #474747;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 0.85;
  padding: 12px 16px;
  transition: all 0.25s;
}

.p-seminar__category__button.is-current {
  background: #004097;
  color: #fff;
}

.p-contact {
  background: #e8f2ff;
  padding-block: 81px 43px;
  position: relative;
  z-index: 1;
}

.p-contact::before {
  background: url(../img/content/contact/background-pc.webp) no-repeat center
    center/cover;
  block-size: 100%;
  content: "";
  inline-size: 1440px;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.p-contact__inner {
  inline-size: min(1276px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-contact__wrap {
  align-items: end;
  display: flex;
  justify-content: space-between;
}

.p-contact__heading {
  color: #474747;
  display: inline-block;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1px;
  position: relative;
  z-index: 1;
}

.p-contact__heading::before {
  background: url(../img/content/contact/contact-text-stroke-pc.webp) no-repeat
    center center/contain;
  block-size: 116px;
  content: "";
  inline-size: 360px;
  inset-block-start: -0.8px;
  inset-inline-start: -1px;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.p-contact__heading-en {
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 800;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  letter-spacing: 1.19px;
  padding-inline: 55px;
  position: relative;
}

.p-contact__heading-en::before,
.p-contact__heading-en::after {
  background: #1887e8;
  block-size: 5px;
  content: "";
  inline-size: 40px;
  inset-block-start: 50%;
  pointer-events: none;
  position: absolute;
  translate: 0 -50%;
}

.p-contact__heading-en::before {
  inset-inline-start: 0;
}

.p-contact__heading-en::after {
  inset-inline-end: 0;
}

.p-contact__heading-ja {
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 45px;
  font-weight: 800;
  letter-spacing: 3px;
  white-space: nowrap;
}

.p-contact__heading-lead {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}

.p-contact__form {
  color: #474747;
  display: flex;
  flex-direction: column;
  gap: 22.8px;
  inline-size: min(520px, 100%);
  padding-block-end: 12px;
}

.p-contact__formItem {
  display: flex;
  flex-direction: column;
}

.p-contact__label {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  margin-block-end: 4px;
}

.p-contact__label .--mbs {
  margin-inline-start: 10px;
}

.p-contact__required {
  background: #3674c0;
  border-radius: 50px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  margin-inline-start: 16px;
  padding: 3px 8px;
}

.p-contact__input:focus-visible,
.p-contact__textarea:focus-visible {
  border-color: #3674c0;
  outline: 2px solid rgba(54, 116, 192, 0.35);
  outline-offset: 1px;
}

.p-contact__input {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  font-size: 14px;
  inline-size: 100%;
  padding: 8px 12px;
}

.p-contact__input::-moz-placeholder {
  color: #808080;
}

.p-contact__input::placeholder {
  color: #808080;
}

.p-contact__textarea {
  block-size: 92px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  max-inline-size: 100%;
  min-inline-size: 100%;
  padding: 8px 12px;
}

.p-contact__data-checkbox {
  margin-block-start: 6px;
}

.p-contact__data-checkbox label {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.p-contact__data-checkbox .wpcf7-form-control.wpcf7-checkbox {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
}

.p-contact__data-checkbox .wpcf7-list-item {
  margin: 0;
}

.p-contact__data-checkbox .wpcf7-list-item-label {
  display: inline-block;
  font-size: 16px;
  padding-inline-start: 32px;
  position: relative;
}

.p-contact__data-checkbox .wpcf7-list-item-label::before {
  background: #ffffff;
  block-size: 20px;
  border: 1px solid #adb5c0;
  border-radius: 4px;
  content: "";
  inline-size: 20px;
  inset-block-start: 50%;
  inset-inline-start: -3px;
  position: absolute;
  translate: 0 -55%;
}

.p-contact__data-checkbox .wpcf7-list-item-label::after {
  background: url(../img/ui/icons/icon-check.webp) no-repeat center
    center/contain;
  block-size: 11px;
  content: "";
  inline-size: 15px;
  inset-block-start: 50%;
  inset-inline-start: 0px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
  translate: 0 -50%;
}

.p-contact__data-checkbox input[type="checkbox"] {
  height: 1px;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
}

.p-contact__data-checkbox input[type="checkbox"]:checked + span::after {
  opacity: 1;
}

.p-contact__data-checkbox
  input[type="checkbox"]:focus-visible
  + .wpcf7-list-item-label::before {
  border-color: #3674c0;
  box-shadow: 0 0 0 3px rgba(54, 116, 192, 0.35);
}

.p-contact__submit {
  align-self: center;
  justify-self: center;
  position: relative;
}

.p-contact__submit::after {
  background: url(../img/ui/icons/button-arrow-white-contact.svg) no-repeat
    center center/contain;
  block-size: 10px;
  content: "";
  inline-size: 10px;
  inset-block-start: 50%;
  inset-inline-end: 28.5px;
  pointer-events: none;
  position: absolute;
  translate: 0 -50%;
}

.p-contact__submit > input {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 100%);
  border: none;
  border-radius: 50px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  margin-inline: auto;
  padding: 15.5px 100.5px;
  transition: all 0.3s;
}

.p-contact__submit > input:focus-visible {
  filter: brightness(1.1);
  outline: 3px solid rgba(54, 116, 192, 0.5);
  outline-offset: 3px;
}

.wpcf7-spinner {
  display: none;
}

.p-contact__submit input[disabled] {
  cursor: not-allowed;
  filter: brightness(0.9);
}

.p-singleSeminar__main {
  display: flex;
  gap: clamp(1.25rem, -13.7132352941rem + 21.7647058824vi, 5.875rem);
  inline-size: min(1332px, 100%);
  margin-inline: auto;
  padding-block: 80px;
  padding-inline: 16px;
}

.p-singleSeminar__detail {
  align-items: start;
  display: flex;
  gap: clamp(1.25rem, -15.1286764706rem + 23.8235294118vi, 6.3125rem);
  inline-size: min(1332px, 100%);
  margin-inline: auto;
  padding-block: 80px 85px;
  padding-inline: 16px;
}

.p-singleSeminarMain {
  flex: 1;
}

.p-singleSeminarMain__meta {
  align-items: center;
  display: flex;
  gap: 12px;
}

.p-singleSeminarMain__tag {
  border: 0.75px solid #034495;
  border-radius: 12px;
  color: #034495;
  font-size: 10px;
  letter-spacing: 0.4px;
  padding: 4px 20px;
}

.p-singleSeminarMain__date {
  color: #333;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 13px;
  font-style: normal;
  letter-spacing: 1.04px;
  line-height: 2;
}

.p-singleSeminarMain__title {
  color: #1b1717;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 2.8px;
  line-height: 1.2;
  margin-block-start: 16px;
}

.p-singleSeminarMain__title .p-singleSeminarMain__title-type {
  display: block;
  font-weight: 900;
}

.p-singleSeminarMain__thumbnail {
  inline-size: 100%;
  margin-block-start: 40px;
}

.p-singleSeminarMain__content {
  margin-block-start: 40px;
}

.p-singleSeminarMain__content-title {
  background: #1887e8;
  color: #ffffff;
  display: flex;
  font-size: 26px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 1.82px;
  margin-block-end: 40px;
  padding: 7px;
}

.p-singleSeminarMain__content-text {
  color: #6e6e6e;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 9.5px;
  line-height: 1.5;
}

.p-singleSeminarMain__content-text + .p-singleSeminarMain__content-text {
  margin-block-start: 24px;
}

.p-singleSeminarArchive {
  align-items: center;
  background: #ebf4ff;
  display: flex;
  flex-direction: column;
  inline-size: min(428px, 100%);
  padding: 24px;
}

.p-singleSeminarArchive__head {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
}

.p-singleSeminarArchive__head-sub {
  color: #b2b1b9;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1.19px;
}

.p-singleSeminarArchive__head-main {
  color: #1b1717;
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-weight: 900;
  letter-spacing: 2.24px;
}

.p-singleSeminarArchive__list {
  display: flex;
  flex-direction: column;
  gap: 25.3px;
  margin-block-start: 20px;
}

.p-singleSeminarArchive__action {
  margin-block-start: 24px;
  text-align: center;
}

.p-singleSeminarArchive__action a {
  inline-size: 265px;
}

.p-singleSeminarArchive__action a::after {
  inset-inline-end: 11.5px;
}

.p-singleSeminarSpeaker {
  background: #ebf4ff;
  padding-block: 48px;
}

.p-singleSeminarSpeaker__inner {
  inline-size: min(1364px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-singleSeminarSpeaker__heading .c-section-title-blue-text__en {
  color: #b2b1b9;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1.19px;
}

.p-singleSeminarSpeaker__heading .c-section-title-blue-text__en::before {
  inset-block-end: 7.5px;
}

.p-singleSeminarSpeaker__heading .c-section-title-blue-text__ja {
  color: #474747;
  font-weight: 900;
  line-height: 1.5;
}

.p-singleSeminarSpeaker__body {
  display: flex;
  gap: 32px;
  margin-block-start: 40px;
}

.p-singleSeminarDetail__head {
  inline-size: 100%;
}

.p-singleSeminarDetail__body {
  margin-block-start: 21px;
}

.p-singleSeminarDetail__title {
  color: #1b1717;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1.4px;
}

.p-singleSeminarDetail__table {
  margin-block-start: 12px;
}

.p-singleSeminarDetail__row {
  border-block-start: 1px solid #9ca3af;
  display: flex;
}

.p-singleSeminarDetail__row:last-child {
  border-block-end: 1px solid #9ca3af;
}

.p-singleSeminarDetail__term {
  align-items: center;
  background: #f5f5f5;
  color: #474747;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  inline-size: 166px;
  padding: 16px 24px;
}

.p-singleSeminarDetail__desc {
  color: #474747;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 15px;
  line-height: 1.5;
  padding: 15px 24px;
}

.p-singleSeminarDetail__desc__note {
  font-size: 12px;
  font-weight: 400;
}

.p-entry {
  flex-shrink: 0;
  inline-size: clamp(32.75rem, 20.2132352941rem + 18.2352941176vi, 36.625rem);
  margin-inline: auto;
}
.l-primary .p-entry {
  inline-size: unset;
}

.p-entry__heading-lead {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}

.p-entry__form {
  color: #474747;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block-end: 12px;
}

.p-entry__formRow {
  display: flex;
  gap: clamp(1.5rem, 1.2678571429rem + 0.9523809524vi, 2.125rem);
}

.p-entry__formItem {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}

.p-entry__formItem.--short textarea {
  block-size: 67px;
  margin-block-start: 1px;
  padding: 22px 10px;
}

.p-entry__label {
  align-items: center;
  color: #6e6e6e;
  display: flex;
  font-size: 16px;
  margin-block-end: 6px;
}

.p-entry__label .--mbs {
  margin-inline-start: 10px;
}

.p-entry__label.--mg {
  margin-block-end: 11px;
}

.p-entry__option {
  background: #474747;
  border-radius: 50px;
  color: #ffffff;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  margin-inline-end: 4px;
  padding: 1px 8px;
}

.p-entry__input:focus-visible,
.p-entry__textarea:focus-visible {
  border-color: #3674c0;
  outline: 2px solid rgba(54, 116, 192, 0.35);
  outline-offset: 1px;
}

.p-entry__input {
  background: #f5f5f5;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  inline-size: 100%;
  padding: 23px 10px;
}

.p-entry__input::-moz-placeholder {
  color: #808080;
}

.p-entry__input::placeholder {
  color: #808080;
}

.p-entry__textarea {
  background: #f5f5f5;
  block-size: 148px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  max-inline-size: 100%;
  min-inline-size: 100%;
  padding: 13px 10px;
}

.p-entry__data-checkbox {
  margin-block-start: 6px;
}

.p-entry__data-checkbox label {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.p-entry__data-checkbox .wpcf7-form-control.wpcf7-checkbox {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px 32px;
}

.p-entry__data-checkbox .wpcf7-list-item {
  margin: 0;
}

.p-entry__data-checkbox .wpcf7-list-item-label {
  display: inline-block;
  font-size: 16px;
  padding-inline-start: 32px;
  position: relative;
}

.p-entry__data-checkbox .wpcf7-list-item-label::before {
  background: #ffffff;
  block-size: 20px;
  border: 1px solid #adb5c0;
  border-radius: 4px;
  content: "";
  inline-size: 20px;
  inset-block-start: 50%;
  inset-inline-start: -3px;
  position: absolute;
  translate: 0 -55%;
}

.p-entry__data-checkbox .wpcf7-list-item-label::after {
  background: url(../img/ui/icons/icon-check.webp) no-repeat center
    center/contain;
  block-size: 11px;
  content: "";
  inline-size: 15px;
  inset-block-start: 50%;
  inset-inline-start: 0px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
  translate: 0 -50%;
}

.p-entry__data-checkbox input[type="checkbox"] {
  height: 1px;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
}

.p-entry__data-checkbox input[type="checkbox"]:checked + span::after {
  opacity: 1;
}

.p-entry__data-checkbox
  input[type="checkbox"]:focus-visible
  + .wpcf7-list-item-label::before {
  border-color: #3674c0;
  box-shadow: 0 0 0 3px rgba(54, 116, 192, 0.35);
}

.p-entry__data-radio {
  margin-block-end: 3px;
}

.p-entry__data-radio label {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.p-entry__data-radio .wpcf7-form-control.wpcf7-radio {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 31px;
}

.p-entry__data-radio .wpcf7-list-item {
  margin: 0;
}

.p-entry__data-radio .wpcf7-list-item-label {
  display: inline-block;
  letter-spacing: 1.68px;
  padding-left: 32px;
  position: relative;
}

.p-entry__data-radio .wpcf7-list-item-label::before {
  background: #ffffff;
  block-size: 20px;
  border: 1px solid #adb5c0;
  border-radius: 4px;
  content: "";
  inline-size: 20px;
  inset-block-start: 50%;
  inset-inline-start: -3px;
  position: absolute;
  translate: 0 -55%;
}

.p-entry__data-radio .wpcf7-list-item-label::after {
  background: url(../img/ui/icons/icon-check.webp) no-repeat center
    center/contain;
  block-size: 11px;
  content: "";
  inline-size: 15px;
  inset-block-start: 50%;
  inset-inline-start: 0px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
  translate: 0 -50%;
}

.p-entry__data-radio input[type="radio"] {
  height: 1px;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
}

.p-entry__data-radio input[type="radio"]:checked + span::after {
  opacity: 1;
}

.p-entry__data-radio
  input[type="radio"]:focus-visible
  + .wpcf7-list-item-label::before {
  border-color: #3674c0;
  box-shadow: 0 0 0 3px rgba(54, 116, 192, 0.35);
}

.p-entry__privacyText {
  color: #333;
  font-size: 16px;
}

.p-entry__privacyText a {
  color: #0066a0;
  margin-inline-end: -2px;
}

.p-entry__checkboxLabel {
  align-items: center;
  display: flex;
  gap: 8px;
  letter-spacing: 0.64px;
  margin-block-start: 7px;
}

.p-entry__checkboxLabel
  .wpcf7-list-item:focus-within
  .wpcf7-list-item-label::before {
  border-color: #3674c0;
  box-shadow: 0 0 0 3px rgba(54, 116, 192, 0.35);
}

.p-entry__checkboxLabel .wpcf7-list-item {
  margin: 0;
}

.p-entry__checkbox {
  block-size: 1px;
  inline-size: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.p-entry__checkbox:checked + span::after {
  opacity: 1;
}

.p-entry__checkbox + span {
  display: inline-block;
  letter-spacing: 1.68px;
  margin-inline-start: 29px;
  position: relative;
}

.p-entry__checkbox + span::before,
.p-entry__checkbox + span::after {
  content: "";
  position: absolute;
}

.p-entry__checkbox + span::before {
  background: #ffffff;
  block-size: 20px;
  border: 1px solid #adb5c0;
  border-radius: 4px;
  inline-size: 20px;
  inset-block-start: 50%;
  inset-inline-start: -28px;
  translate: 0 -50%;
}

.p-entry__checkbox + span::after {
  background: url(../img/ui/icons/icon-check.webp) no-repeat center
    center/contain;
  block-size: 11px;
  inline-size: 15px;
  inset-block-start: 50%;
  inset-inline-start: -25px;
  opacity: 0;
  transition: opacity 0.3s;
  translate: 0 -50%;
}

.p-entry__submit {
  align-self: center;
  justify-self: center;
  position: relative;
}

.p-entry__submit::after {
  background: url(../img/ui/icons/button-arrow-white-entry.svg) no-repeat center
    center/contain;
  block-size: 10px;
  content: "";
  inline-size: 10px;
  inset-block-start: 50%;
  inset-inline-end: 28.5px;
  pointer-events: none;
  position: absolute;
  translate: 0 -50%;
}

.p-entry__submit > input {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 100%);
  border: none;
  border-radius: 50px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  margin-inline: auto;
  padding: 15.5px 100.5px;
  transition: all 0.3s;
}

.p-entry__submit > input:focus-visible {
  filter: brightness(1.1);
  outline: 3px solid rgba(54, 116, 192, 0.5);
  outline-offset: 3px;
}

.wpcf7-spinner {
  display: none;
}

.p-entry__submit input[disabled] {
  cursor: not-allowed;
  filter: brightness(0.9);
}

.p-fv {
  overflow: hidden;
  position: relative;
}

.p-fv--simple {
  block-size: clamp(19.125rem, 17.2678571429rem + 7.619047619vi, 24.125rem);
}

.p-fv--simple .p-fv__title {
  inset-block-start: clamp(9.6875rem, 9.2rem + 2vi, 11rem);
}

.p-fv__title {
  /* inline-size: min(1440px, 100%); */
  inset-block-start: 51%;
  inset-inline-start: clamp(1rem, -0.3464285714rem + 5.5238095238vi, 4.625rem);
  position: absolute;
}

.p-fv__title--main {
  color: #474747;
  font-size: clamp(2rem, 1.35rem + 2.6666666667vi, 3.75rem);
  font-weight: 900;
  letter-spacing: clamp(0.14rem, 0.0945rem + 0.1866666667vi, 0.2625rem);
  line-height: normal;
}

.p-fv__title--sub {
  color: #474747;
  font-size: 16px;
  line-height: 24px;
  margin-block-start: 21px;
}

.p-fv__img {
  text-align: right;
}

.p-fv__img img {
  block-size: 100%;
  inline-size: min(1014px, 100%);
}

.p-service {
  padding-block-end: clamp(
    5.6875rem,
    5.2464285714rem + 1.8095238095vi,
    6.875rem
  );
  padding-block-start: clamp(2.5rem, 0.6428571429rem + 7.619047619vi, 7.5rem);
}

.p-service__inner {
  inline-size: min(1107px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-service__heading .c-section-title-both-line__ja {
  margin-block-start: 13px;
}

.p-service__description {
  color: #474747;
  font-size: clamp(1rem, 0.9767857143rem + 0.0952380952vi, 1.0625rem);
  line-height: clamp(1.5rem, 1.4651785714rem + 0.1428571429vi, 1.59375rem);
  margin-block-start: clamp(1.875rem, 1.8285714286rem + 0.1904761905vi, 2rem);
  text-align: center;
}

.p-service__container {
  background: #ebf4ff;
  border-radius: 20px;
  display: grid;
  grid-template-columns: repeat(2, 3fr);
  margin-block-start: 86px;
  padding-block-end: 80px;
  padding-block-start: 81px;
  padding-inline-end: clamp(1rem, -0.0910714286rem + 4.4761904762vi, 3.9375rem);
  padding-inline-start: clamp(1rem, -0.1142857143rem + 4.5714285714vi, 4rem);
  position: relative;
  row-gap: 30px;
  -moz-column-gap: 22.5px;
  column-gap: 22.5px;
}

/* .p-service__container::before {
  background-image: url(../img/content/page-introduce/service-bg-woman.webp);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: 172px;
  content: "";
  inline-size: 310px;
  inset-block-start: -91px;
  inset-inline-start: 70px;
  inset-inline-start: clamp(
    0.0625rem,
    -4.8660714286rem + 10.2678571429vi,
    4.375rem
  );
  position: absolute;
  z-index: 1;
} */

/* .p-service__container::after {
  background-image: url(../img/content/page-introduce/service-bg-man.webp);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: 190px;
  content: "";
  inline-size: 239px;
  inset-block-start: -109px;
  inset-inline-end: 38px;
  inset-inline-end: clamp(
    0.0625rem,
    -2.5803571429rem + 5.505952381vi,
    2.375rem
  );
  position: absolute;
  z-index: 1;
} */

.p-aboutUs {
  overflow: hidden;
  padding-block: 40px 80px;
}

.p-aboutUs__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
  inline-size: min(1332px, 100%);
  justify-content: space-between;
  margin-inline: auto;
  padding-inline: 16px;
}

.p-aboutUs__content {
  flex: 1;
  max-width: 591px;
}

.p-aboutUs__texts {
  margin-block-start: 34px;
  line-height: 1.85;
}

.p-aboutUs__texts p + p {
  margin-block-start: 16px;
}

.p-aboutUs__texts .--space {
  margin-block-start: 0;
}

.p-aboutUs__imgs {
  flex: 1;
  inline-size: 100%;
  max-width: 644px;
  padding-block-end: clamp(
    1.414375rem,
    0.9459107143rem + 1.9219047619vi,
    2.675625rem
  );
  padding-block-start: clamp(
    1.65625rem,
    1.4589285714rem + 0.8095238095vi,
    2.1875rem
  );
  position: relative;
}

.p-aboutUs__img--top {
  border-radius: 24.223px;
  inline-size: 100%;
  max-width: clamp(
    16.208125rem,
    10.8412607143rem + 22.0179047619vi,
    30.657375rem
  );
  position: relative;
}

.p-aboutUs__img--top img {
  border-radius: 24.223px;
}

.p-aboutUs__img--top::before {
  background-image: url(../img/content/page-introduce/about-us-bg-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: clamp(3.724625rem, 2.4913428571rem + 5.0596190476vi, 7.045rem);
  content: "";
  inline-size: clamp(
    7.3400625rem,
    4.9096660714rem + 9.9708571429vi,
    13.8834375rem
  );
  inset-block-start: clamp(
    1.125rem,
    0.9160714286rem + 0.8571428571vi,
    1.6875rem
  );
  inset-inline-end: -35.1%;
  position: absolute;
  transform: rotate(-45.947deg);
}

.p-aboutUs__img--top::after {
  background-image: url(../img/content/page-introduce/about-us-bg-pink.svg);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: clamp(1.953375rem, 1.3065785714rem + 2.6535238095vi, 3.69475rem);
  content: "";
  inline-size: clamp(3.8495rem, 2.5748964286rem + 5.2291428571vi, 7.281125rem);
  inset-block-end: -15%;
  inset-inline-start: 0;
  opacity: 0.6;
  position: absolute;
  transform: rotate(-127.689deg);
}

.p-aboutUs__img--bottom {
  border-radius: 26.486px;
  inline-size: 100%;
  margin-block-start: clamp(
    0.660625rem,
    0.4417142857rem + 0.8980952381vi,
    1.25rem
  );
  margin-inline: auto 14px;
  max-width: clamp(
    13.08425rem,
    8.7518839286rem + 17.7738095238vi,
    24.7483125rem
  );
  overflow: hidden;
}

.p-aboutCompany {
  background: var(--Linear, linear-gradient(0deg, #fff 0%, #e8f2ff 100%));
  mix-blend-mode: multiply;
  position: relative;
}

.p-aboutCompany::before {
  background-image: url(../img/content/page-introduce/about-company-bg.webp);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  opacity: 0.4;
  position: absolute;
  z-index: -1;
}

.p-aboutCompany__inner {
  inline-size: min(1000px, 100%);
  margin-inline: auto;
  padding-block: 64px;
  padding-inline: 16px;
}

.p-aboutCompany__container {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 0 20px 0 rgba(61, 94, 72, 0.1);
  margin-block-start: clamp(2.5rem, 1.9428571429rem + 2.2857142857vi, 4rem);
  padding-block: 40px;
  padding-inline: clamp(1rem, -0.4857142857rem + 6.0952380952vi, 5rem);
}

/* .p-aboutCompany__container .p-aboutCompany__item + .p-aboutCompany__item {
  margin-block-start: 32px;
} */

.p-aboutCompany__item {
  display: flex;
  flex-direction: row;
}
.p-aboutCompany__item:first-child {
  padding-block-start: 0;
}
.p-aboutCompany__item:last-child {
  padding-block-end: 0;
}

/* .p-aboutCompany__item:last-child .p-aboutCompany__label,
.p-aboutCompany__item:last-child .p-aboutCompany-value{
  padding-block-end: 0;
} */

.p-aboutCompany__item--row {
  display: flex;
  flex-direction: row;
  /* margin-block-start: 32px; */
}

.p-aboutCompany__item .gmap-iframe {
  max-width: 1000px;
  width: 100%;
  height: 300px;
  padding-block: 16px;
}

.p-aboutCompany__item--last .p-aboutCompany__label,
.p-aboutCompany__item--last .p-aboutCompany-value {
  border-bottom: none;
}

.p-aboutCompany__label {
  align-items: flex-start;
  border-bottom: 1px solid #1887e8;
  color: #474747;
  display: flex;
  font-size: 15.941px;
  font-weight: 700;
  letter-spacing: 0.319px;
  line-height: normal;
  min-width: 196px;
  padding-block: 32px;
  /* padding-block-end: clamp(1rem, 0.8142857143rem + 0.7619047619vi, 1.5rem); */
}

.p-aboutCompany-value--row {
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  gap: 15.94px;
  inline-size: 100%;
  padding-block-end: 24px;
}

.p-aboutCompany-value--row
  .p-aboutCompany-value__texts
  + .p-aboutCompany-value__texts {
  margin-block-start: 16px;
}

.p-aboutCompany-value {
  border-bottom: 1px solid #ddd;
  inline-size: 100%;
  padding-block: 32px;
  /* padding-block-end: 24px; */
}

.p-aboutCompany-value
  .p-aboutCompany-value__texts
  + .p-aboutCompany-value__texts {
  margin-block-start: 16px;
}

.p-aboutCompany-value__img {
  max-width: 203px;
}

.p-aboutCompany-value__text--bold {
  color: #474747;
  font-size: 15.941px;
  font-weight: 900;
  letter-spacing: 0.319px;
  line-height: 25.505px; /* 160% */
}

.p-aboutCompany-value__text--normal {
  color: #474747;
  letter-spacing: 0.32px;
  line-height: 25.6px; /* 160% */
}

.p-aboutCompany-value__text--space {
  margin-block-start: 15.94px;
}

.p-aboutContents {
  position: relative;
}

.p-aboutContents::after {
  background: #f5f5f5;
  block-size: clamp(12.5rem, 6.0714285714rem + 13.3928571429vi, 18.125rem);
  content: "";
  inline-size: 100%;
  inset-block-end: 0px;
  inset-inline-start: 0px;
  position: absolute;
  z-index: -1;
}

.p-aboutContents__inner {
  inline-size: min(1112px, 100%);
  margin-inline: auto;
  padding-block-end: 43.05px;
  padding-inline: 16px;
}

.p-aboutContents__heading .c-section-title-both-line__ja {
  line-height: 1.3;
  margin-block-start: 12px;
}

.p-aboutContents__container {
  display: grid;
  gap: clamp(0.5rem, -1.7857142857rem + 4.7619047619vi, 2.5rem);
  grid-template-columns: repeat(3, 1fr);
  padding-block-start: clamp(2.125rem, -0.15rem + 9.3333333333vi, 8.25rem);
}

.p-aboutContents__card {
  border-radius: 20px;
  max-width: 333.253px;
  position: relative;
}

.p-aboutContents__card::before {
  background:
    linear-gradient(0deg, rgba(0, 64, 151, 0.7) 0%, rgba(0, 64, 151, 0.7) 100%),
    #fff;
  block-size: 100%;
  border-radius: 20px;
  content: "";
  inline-size: 100%;
  opacity: 0.8;
  position: absolute;
}

.p-aboutContents-card__img img {
  border-radius: 20px;
}

.p-aboutContents__content {
  inline-size: 100%;
  inset-block-start: 32px;
  inset-inline-start: 50%;
  padding-inline-end: clamp(
    1rem,
    0.1978571429rem + 1.6711309524vi,
    1.701875rem
  );
  padding-inline-start: clamp(
    1rem,
    0.1264285714rem + 1.8199404762vi,
    1.764375rem
  );
  position: absolute;
  transform: translateX(-50%);
}

.p-aboutContents-content__title {
  color: #ffffff;
  text-align: center;
}

.p-aboutContents-content__title--en {
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.98px;
  line-height: normal;
  text-transform: uppercase;
}

.p-aboutContents-content__title--ja {
  font-size: clamp(1.25rem, 1.0526428571rem + 0.4111607143vi, 1.4226875rem);
  font-weight: 900;
  letter-spacing: 1.593px;
  line-height: normal;
  margin-block-start: 5px;
  text-shadow: 0 0 5.463px rgba(0, 0, 0, 0.7);
}

.p-aboutContents-content__text {
  color: #fff;
  font-size: clamp(1rem, 0.8571428571rem + 0.2976190476vi, 1.125rem);
  font-weight: 500;
  line-height: 27px; /* 150% */
  margin-block-start: clamp(
    3rem,
    2.4192857143rem + 1.2098214286vi,
    3.508125rem
  );
  text-shadow: 0 0 5px #000;
}

.p-worksTrack {
  overflow: hidden;
  padding-block-end: clamp(2.5rem, 1.5714285714rem + 3.8095238095vi, 5rem);
  padding-block-start: clamp(
    0.0625rem,
    -1.6785714286rem + 7.1428571429vi,
    4.75rem
  );
}

.p-worksTrack__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 18px;
  inline-size: min(1340px, 100%);
  justify-content: space-between;
  margin-inline: auto;
  padding-inline: 16px;
}

.p-worksTrack__content {
  flex: 1.1;
  margin-block-start: -35px;
}

.p-worksTrack__texts {
  margin-block-start: 34px;
  line-height: 1.85;
}

.p-worksTrack__imgs {
  flex: 1;
}

.p-worksTrack__img--top {
  margin-inline-start: 32px;
  max-width: clamp(13.125875rem, 8.5994142857rem + 18.5700952381vi, 25.3125rem);
  position: relative;
}

.p-worksTrack__img--top::before {
  background-image: url(../img/content/page-works/track-bg-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: clamp(3.724625rem, 2.4913428571rem + 5.0596190476vi, 7.045rem);
  content: "";
  inline-size: clamp(
    7.3400625rem,
    4.9096660714rem + 9.9708571429vi,
    13.8834375rem
  );
  inset-block-start: clamp(1.125rem, 0.5214285714rem + 2.4761904762vi, 2.75rem);
  inset-inline-end: -45%;
  position: absolute;
  transform: rotate(-45.947deg);
}

.p-worksTrack__img--top img {
  border-radius: 20px;
}

.p-worksTrack__imgBottom {
  display: flex;
  flex-direction: row;
  margin-block-start: 68px;
}

.p-worksTrack__imgBottom--left {
  max-width: clamp(9.6904375rem, 6.3486714286rem + 13.7098095238vi, 18.6875rem);
  position: relative;
  transform: rotate(-5.767deg);
}

.p-worksTrack__imgBottom--left::after {
  background-image: url(../img/content/page-works/track-bg-pink.svg);
  background-repeat: no-repeat;
  background-size: contain;
  block-size: clamp(1.953375rem, 1.3065785714rem + 2.6535238095vi, 3.69475rem);
  content: "";
  inline-size: clamp(3.8495rem, 2.5748964286rem + 5.2291428571vi, 7.281125rem);
  inset-block-start: -25%;
  inset-inline-start: -10%;
  opacity: 0.6;
  position: absolute;
  transform: rotate(-127.689deg);
}

.p-worksTrack__imgBottom--left img {
  border-radius: 20px;
}

.p-worksTrack__imgBottom--right {
  margin-block-start: -24px;
  margin-inline-start: -32px;
  max-width: 299px;
  max-width: clamp(9.6904375rem, 6.3486714286rem + 13.7098095238vi, 18.6875rem);
  position: relative;
  transform: rotate(2.516deg);
  z-index: -1;
}

.p-worksTrack__imgBottom--right img {
  border-radius: 20px;
}

.p-works {
  background: #ebf4ff;
  padding-block: clamp(4rem, 2.7rem + 5.3333333333vi, 7.5rem);
}

.p-works__inner {
  inline-size: min(1170px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-works__container {
  display: grid;
  grid-template-columns: repeat(3, 2fr);
  -moz-column-gap: 17px;
  column-gap: 17px;
  margin-block-start: clamp(
    2.068125rem,
    1.3041428571rem + 3.1342857143vi,
    4.125rem
  );
  row-gap: clamp(2.068125rem, 1.3505714286rem + 2.9438095238vi, 4rem);
}

.p-works__card {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: block;
  padding: 10px 8px 10px 9px;
  position: relative;
}

.p-works-card__img {
  aspect-ratio: 352/285;
  inline-size: 100%;
  overflow: hidden;
}

.p-works-card__img img {
  block-size: 100%;
  border-radius: 10px;
  inline-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  transition: transform 0.25s;
}

.p-works-card__title {
  align-items: center;
  background: #ffffff;
  border-radius: 0 10px 10px 10px;
  color: #474747;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  inline-size: 89.701897019%;
  inset-block-end: 0px;
  inset-inline-start: 0px;
  line-height: normal;
  min-block-size: 92px;
  padding-block: 13px;
  padding-inline-end: 54px;
  padding-inline-start: 10px;
  position: absolute;
  transition: color 0.25s;
}

.p-works-card__title::before {
  background: url(../img/ui/icons/arrow-right-2.svg) no-repeat center
    center/contain;
  block-size: 13px;
  content: "";
  inline-size: 11px;
  inset-block-start: 50%;
  inset-inline-end: 15.5px;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
}

.p-works-card__title::after {
  background: #1887e8;
  block-size: 24px;
  border-radius: 50%;
  content: "";
  inline-size: 24px;
  inset-block-start: 50%;
  inset-inline-end: 10px;
  position: absolute;
  transform: translateY(-50%);
  transition: all 0.25s;
}

.p-works__description {
  color: #474747;
  font-size: 14px;
  line-height: 21px; /* 150% */
  margin-block-start: 20px;
}

.p-works__button {
  inline-size: 100%;
  margin-block-start: clamp(2.5rem, 1.9428571429rem + 2.2857142857vi, 4rem);
  text-align: center;
}

.p-works-button {
  border-radius: 50px;
  display: inline-block;
  font-size: 13px;
  letter-spacing: 1.3px;
  line-height: normal;
  padding-block: 16px;
  padding-inline: 46px;
  position: relative;
  text-align: center;
}

.p-works-button p {
  background: var(--Linear, linear-gradient(90deg, #4da7f5 0%, #f74fab 100%));
  background-clip: text;
  font-weight: 600;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
}

.p-works-button p::after {
  background: url(../img/ui/icons/arrow-right-gradation.svg) no-repeat center
    center/contain;
  block-size: 13px;
  content: "";
  inline-size: 13px;
  inset-block-start: 55%;
  inset-inline-end: -28px;
  position: absolute;
  transform: translate(0, -50%);
}

.p-works-button::before {
  background: linear-gradient(90deg, #4da7f5 0%, #f74fab 100%);
  block-size: 100%;
  border-radius: 50px;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  position: absolute;
  transition: all 0.3s;
  z-index: 0;
}

.p-works-button::after {
  background: #ffffff;
  block-size: calc(100% - 2px);
  border-radius: 50px;
  content: "";
  inline-size: calc(100% - 2px);
  inset-block-start: 1px;
  inset-inline-start: 1px;
  position: absolute;
  z-index: 1;
}

.p-history {
  padding-block-end: clamp(4rem, 3.4892857143rem + 2.0952380952vi, 5.375rem);
  padding-block-start: 80px;
}

.p-history-section-title {
  inline-size: min(1440px, 100%);
  margin-inline: auto;
  padding-inline: clamp(1rem, -0.2535714286rem + 5.1428571429vi, 4.375rem);
}

.p-history__container {
  inline-size: min(1169px, 100%);
  margin-block-start: clamp(
    2.5rem,
    1.6410714286rem + 3.5238095238vi,
    4.8125rem
  );
  margin-inline: auto;
  padding-inline: 19px;
}

.p-history__image {
  margin-block-end: clamp(2.5rem, 1.6410714286rem + 3.5238095238vi, 4.8125rem);
}

.p-history__item {
  display: flex;
  flex-direction: row;
  gap: clamp(2.5rem, 0.8571428571rem + 3.4226190476vi, 3.9375rem);
}

.p-history__item--large {
  min-block-size: 206px;
}

.p-history-year__container {
  align-items: center;
  border-bottom: 3px solid #61b8ff;
  display: flex;
  flex-shrink: 0;
  inline-size: 215px;
  padding-block: 22.5px;
}

.p-history__year {
  color: #474747;
  font-size: 16px;
  letter-spacing: 1.12px;
  line-height: 100%;
}

.p-history__item:first-child .p-history-year__container {
  border-top: 3px solid #61b8ff;
}

.p-history__year--large {
  color: #474747;
  font-family: "Bebas Neue";
  font-size: clamp(1.25rem, 0.6rem + 2.6666666667vi, 3rem);
  letter-spacing: clamp(0.0875rem, 0.042rem + 0.1866666667vi, 0.21rem);
  line-height: clamp(1.25rem, 0.6rem + 2.6666666667vi, 3rem); /* 100% */
}

.p-history__information {
  align-items: flex-start;
  border-bottom: 2px solid #d9d9d9;
  color: #4b5563;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
  inline-size: 100%;
  justify-content: center;
  line-height: 24px; /* 150% */
  padding-block: 12px;
  padding-inline: 21px;
}

.p-history__item:first-child .p-history__information {
  border-top: 2px solid #d9d9d9;
}

.p-worksService {
  padding-block-start: clamp(2.5rem, 1.4321428571rem + 4.380952381vi, 5.375rem);
}

.p-worksService__body {
  margin-block-start: 78.3px;
}

.p-future__inner {
  inline-size: min(1472px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-future__inner .p-future__card:nth-child(n + 2):not(:last-child)::before {
  block-size: 100%;
  box-shadow: 0 4px 20px 0 rgba(140, 140, 140, 0.2);
  content: "";
  inline-size: calc(100% + 32px);
  inset-inline-start: -16px;
  position: absolute;
}

.p-future__card {
  display: flex;
  flex-direction: row;
  gap: 23px;
  padding-block-end: 26px;
  position: relative;
}

.p-future__img {
  flex: 1;
  max-inline-size: 730px;
}

.p-future__content {
  flex: 1;
  margin-block-start: 66px;
  max-inline-size: 605.728px;
}

.p-future-content__top {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.p-future-content__category {
  background: #1887e8;
  border-radius: 50.477px;
  color: #ffffff;
  font-size: 17.162px;
  font-weight: 900;
  letter-spacing: 1.201px;
  line-height: normal;
  padding: 8.095px 20px;
}

.p-future-content__number {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 55.535px;
  position: relative;
}

.p-future-content__number::before {
  background: #91959f;
  block-size: 0.505px;
  content: "";
  inline-size: 35.334px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.p-future-content__number p:nth-of-type(1) {
  color: #1887e8;
  font-family: "Bebas Neue";
  font-size: 20.191px;
  letter-spacing: 0.404px;
  line-height: 20.191px; /* 100% */
}

.p-future-content__number p:nth-of-type(2) {
  color: #91959f;
  font-family: "Bebas Neue";
  font-size: 20.191px;
  letter-spacing: 0.404px;
  line-height: 20.191px; /* 100% */
}

.p-future-content__title {
  color: #474747;
  font-size: clamp(1.5rem, 1.1197035714rem + 1.5601904762vi, 2.523875rem);
  font-weight: 900;
  line-height: clamp(
    2.25rem,
    1.6795553571rem + 2.3402857143vi,
    3.7858125rem
  ); /* 150% */
  margin-block-start: 20.19px;
}

.p-future-content__text {
  color: #474747;
  font-size: 16.153px;
  line-height: 32.306px; /* 200% */
  margin-block-start: 64.61px;
  margin-block-start: clamp(
    1.5rem,
    0.5572678571rem + 3.8676190476vi,
    4.038125rem
  );
}

.p-future-content__text p + p {
  margin-block-start: clamp(
    1rem,
    0.9965178571rem + 0.0142857143vi,
    1.009375rem
  );
}

.p-philosophy-fv__title--sub {
  max-inline-size: 655px;
}

.p-philosophy {
  inline-size: min(1440px, 100%);
  margin-inline: auto;
  padding-block: 148px 46px;
}

.p-philosophy__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  inline-size: min(1472px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-philosophy__img {
  flex: 1;
  margin-block-start: -100px;
}

.p-philosophy__body {
  flex: 1;
  padding-inline-end: clamp(
    0.0625rem,
    -3.2140601783rem + 6.8350668648vi,
    2.9375rem
  );
}

.p-philosophy__heading {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.p-philosophy__heading::before {
  background: url(../img/content/top/decor-blue.webp) no-repeat center
    center/contain;
  block-size: 112.72px;
  content: "";
  inline-size: 222.13px;
  inset-block-start: 20px;
  inset-inline-end: -121px;
  pointer-events: none;
  position: absolute;
  transform: rotate(-45.947deg);
  z-index: -1;
}

.p-philosophy__heading .c-section-title-left-line {
  gap: 23.5px;
}

.p-philosophy__content {
  margin-block-start: 72px;
}

.p-philosophyProblem-top .p-philosophy__content {
  inline-size: min(573px, 100%);
}

.p-philosophy__subtitle {
  font-size: clamp(
    20px,
    calc(20px + (24 - 20) * ((100vw - 390px) / (1440 - 390))),
    24px
  );
  font-weight: bold;
}

.p-philosophy__text {
  line-height: 1.85;
}

.p-philosophy__text + .p-philosophy__text {
  margin-block-start: 22px;
}
.p-philosophy__text--blue {
  color: #004097;
  font-weight: 900;
  font-size: 18px;
}

.p-philosophy__text--large {
  font-size: 20px;
  font-weight: bold;
}

.p-philosophy__text--bold {
  font-weight: bold;
}
.p-philosophyService {
  padding-block-start: clamp(2.5rem, 1.1071428571rem + 5.7142857143vi, 6.25rem);
}

.p-philosophyService__logo {
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-block-start: 8px;
  max-inline-size: 526px;
  -moz-column-gap: 129px;
  column-gap: 129px;
  -moz-column-gap: clamp(
    3.13375rem,
    1.3030714286rem + 7.5104761905vi,
    8.0625rem
  );
  align-items: baseline;
  column-gap: clamp(3.13375rem, 1.3030714286rem + 7.5104761905vi, 8.0625rem);
  margin-inline: auto;
  padding-inline: 32.13px; */
  display: grid;
  place-content: center;
}
.p-philosophyService__logo--cosmotopia {
  max-inline-size: clamp(
    300px,
    calc(300px + (480 - 300) * ((100vw - 390px) / (1440 - 390))),
    480px
  );
}
.p-philosophyService__body {
  margin-block-start: 68.3px;
}

.p-philosophyProblem-top__inner {
  padding-block: 40px;
}
.p-philosophyProblem__heading {
  margin-block-end: 40px;
}

.p-philosophyProblem-top__subject {
  background: #f5f5f5;
  margin-block-start: 40px;
}

.p-philosophyProblem-top-subject__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  inline-size: min(982px, 100%);
  margin-inline: auto;
  padding-block: 50px 52px;
  padding-inline: 16px;
  -moz-column-gap: clamp(0.5rem, -2.2142857143rem + 5.6547619048vi, 2.875rem);
  column-gap: clamp(0.5rem, -2.2142857143rem + 5.6547619048vi, 2.875rem);
}

.p-philosophyProblem-top-subject__card {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 189px;
  text-align: center;
}

.p-philosophyProblem-top-subject__text {
  color: #474747;
  font-size: 18px;
  font-weight: 900;
  line-height: 27px; /* 150% */
}

.p-philosophyProblem-top-subject__text--blue {
  color: #1887e8;
  font-size: 18px;
  font-weight: 900;
  line-height: 27px; /* 150% */
}

.p-philosophyProblem-middle {
  inline-size: min(1152px, 100%);
  margin-inline: auto;
  max-width: 848px;
  /* padding-block: clamp(3.1875rem, 1.1214285714rem + 8.4761904762vi, 12.5rem)
    clamp(1.25rem, 0.7857142857rem + 1.9047619048vi, 2.5rem); */
  padding-block: clamp(3.1875rem, 1.1214285714rem + 8.4761904762vi, 8.75rem)
    clamp(1.25rem, 0.7857142857rem + 1.9047619048vi, 2.5rem);

  padding-inline: 16px;
  position: relative;
}

.p-philosophyProblem-middle::before {
  background: url(../img/content/page-philosophy/problem-bg.webp) no-repeat
    center center/contain;
  block-size: clamp(2.125rem, 0.6625rem + 6vi, 6.0625rem);
  content: "";
  inline-size: clamp(8.5rem, 4.1821428571rem + 17.7142857143vi, 20.125rem);
  inset-block-start: clamp(
    0.0625rem,
    -0.1464285714rem + 0.8571428571vi,
    0.625rem
  );
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.p-philosophyProblem-middle .c-section-title-left-line__ja {
  margin-block-start: 20px;
}
.p-philosophyProblem-middle__body {
  margin-block-start: 40px;
}

.p-philosophyProblem-middle .p-philosophy__text {
  /* inline-size: min(650px, 100%); */
}

/* .p-philosophyProblem-middle__inner {
  background: #3b5f91;
  display: flex;
  flex-direction: row;
  padding-block: 43px 57px;
  padding-inline-start: clamp(
    1rem,
    -3.9575688073rem + 10.0917431193vi,
    5.125rem
  );
  position: relative;
}

.p-philosophyProblem-middle__inner::after {
  background: url(../img/content/page-philosophy/problem.webp) no-repeat center
    center/cover;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-end: 0;
  max-width: 658.796px;
  position: absolute;
}

.p-philosophyProblem-middle__container {
  position: relative;
  z-index: 1;
} */

/* .p-philosophyProblem-middle-heading__top {
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  line-height: 36px;
}

.p-philosophyProblem-middle-heading__bottom {
  color: #ffffff;
  font-size: 48px;
  font-weight: 900;
  line-height: 72px;
  margin-block-start: 16px;
}

.p-philosophyProblem-middle-heading__bottom--blue {
  background: #fff;
  color: #004097;
  font-weight: 900;
  padding-inline: 8px;
}

.p-philosophyProblem-middle__content {
  margin-block-start: 40px;
  max-width: 650px;
} */

/* .p-philosophyProblem-middle__text {
  color: #ffffff;
  font-size: 16px;
  line-height: 28.8px;
} */

/* .p-philosophyProblem-middle__text + .p-philosophyProblem-middle__text {
  margin-block-start: 16.8px;
} */

.p-philosophyProblem-deco {
  margin-block-start: 20px;
  padding-block: 11px;
  position: relative;
  text-align: center;
}

.p-philosophyProblem-deco::before {
  background: url(../img/content/page-philosophy/problem-bg.webp) no-repeat
    center center/contain;
  block-size: 97px;
  content: "";
  inline-size: clamp(22.375rem, 21.5857142857rem + 3.2380952381vi, 24.5rem);
  inset-block-start: 0;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: -2;
}

.p-philosophyProblem-deco__text {
  color: #474747;
  display: inline-block;
  font-size: 32px;
  font-weight: 900;
  line-height: normal;
  position: relative;
}

.p-philosophyProblem-deco__text::before {
  background: url(../img/content/page-philosophy/problem-deco-bg.webp) no-repeat
    center center/cover;
  block-size: 38px;
  content: "";
  inline-size: 522px;
  inset-block-start: 6px;
  inset-inline-start: -3px;
  position: absolute;
  z-index: -1;
}

.p-philosophyProblem-bottom {
  max-width: 848px;
  /* margin-block-start: clamp(
    2.1875rem,
    1.8392857143rem + 1.4285714286vi,
    3.125rem
  ); */
  inline-size: min(1152px, 100%);
  margin-inline: auto;
  padding-block: clamp(3.1875rem, 1.1214285714rem + 8.4761904762vi, 8.75rem)
    clamp(1.25rem, 0.7857142857rem + 1.9047619048vi, 2.5rem);
  padding-inline: 16px;
  position: relative;
}
.p-philosophyProblem-bottom__body {
  margin-block-start: 40px;
}
.p-wakuwakuFeature {
  padding-block: 78px 90px;
}

.p-wakuwakuFeature__inner {
  inline-size: min(1164px, 100%);
  margin-inline: auto;
  padding-inline: 41px;
}

.p-wakuwakuFeature__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 75px 40px;
  justify-content: center;
  margin-block-start: 99px;
}

.is-selfee-page {
  position: relative;
}

.banner-right {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
}

.banner-right .p-wakuwakuFv__button {
  width: 100%;
  display: block;
  text-align: center;
}

.p-selfeeProblem__heading {
  padding-block: 76px 40px;
}

.p-selfeeProblem__visual {
  background: #f6f6f6;
  padding-block: 49px 59px;
}

.p-selfeeProblem__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  inline-size: min(994px, 100%);
  justify-content: space-between;
  margin-inline: auto;
  padding-inline: 16px;
  position: relative;
}

.p-selfeeProblem__list::before {
  aspect-ratio: 354/254;
  background: url(../img/content/selfee/problem-1.webp) no-repeat center
    center/contain;
  block-size: auto;
  content: "";
  inline-size: clamp(12.5rem, 1.4285714286rem + 23.0654761905vi, 22.1875rem);
  inset-block-end: 39px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.p-selfeeProblem__item {
  background: #ffffff;
  border-radius: 150px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  color: #474747;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.85px;
  line-height: 1.58;
  padding: 21px 33px;
  text-align: center;
  white-space: nowrap;
}

.p-selfeeProblem__item--accent {
  color: #004097;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.85px;
  line-height: 27px;
}

.p-selfeeProblem__item:nth-of-type(1) {
  grid-column: 1/-1;
  justify-self: center;
  margin-inline-end: 57px;
}

.p-selfeeProblem__item:nth-of-type(2) {
  justify-self: start;
  margin-block-start: 35px;
  margin-inline-start: 24px;
}

.p-selfeeProblem__item:nth-of-type(3) {
  justify-self: end;
  margin-block-start: 35px;
  margin-inline-end: 44px;
}

.p-selfeeProblem__item:nth-of-type(4) {
  justify-self: start;
  margin-block-start: 53px;
  margin-inline-start: 2px;
}

.p-selfeeProblem__item:nth-of-type(5) {
  justify-self: end;
  margin-block-start: 53px;
}

.p-selfeeProblem__body {
  background: #edf5ff;
  padding-block: 53px 22px;
}

.p-selfeeProblem__lead {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12.5px;
  position: relative;
  text-align: center;
}

.p-selfeeProblem__lead::before {
  aspect-ratio: 257/88.6;
  background: url(../img/content/selfee/problem-arrow.webp) no-repeat center
    center/contain;
  block-size: auto;
  content: "";
  inline-size: 257px;
  inset-block-end: -100px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.p-selfeeProblem__lead-text {
  color: #474747;
  font-size: 21.832px;
  font-weight: 700;
  letter-spacing: 1.092px;
  line-height: 2.41;
}

.p-selfeeProblem__lead-main {
  background: #ffe667;
  color: #004097;
  padding: 5px 30px;
}

.p-selfeeProblem__lead-main--strong {
  font-size: 38.527px;
  font-weight: 900;
  letter-spacing: 1.926px;
  line-height: 1.36;
}

.p-selfeeProblem__lead-main--large {
  color: #004097;
  font-size: 38.527px;
  font-weight: 700;
  letter-spacing: 1.926px;
  line-height: 52.654px;
}

.p-selfeeProblem__lead-main--base {
  font-size: 25.685px;
  font-weight: 700;
  letter-spacing: 1.284px;
  line-height: 52.654px;
}

.p-selfeeProblem__flex {
  display: flex;
  flex-wrap: wrap;
  inline-size: min(1164px, 100%);
  justify-content: center;
  margin-block-start: 187px;
  margin-inline: auto;
  padding-inline: 32px;
  row-gap: 75px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.p-selfeeFlow {
  background-color: #f2f9ff;
  padding-block: 90px;
}

.p-selfeeFlow__inner {
  inline-size: min(1112px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeeFlow__body {
  margin-block-start: 50px;
}

.p-selfeeFlow__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.p-selfeeFlow__item {
  align-items: center;
  background-color: #ffffff;
  /* block-size: 162px; */
  min-height: 162px;
  border-radius: 20px;
  display: flex;
  inline-size: 100%;
  padding-block: 57px;
  /* padding-block: 24px; */
  padding-inline: clamp(1rem, -1.3678571429rem + 9.7142857143vi, 7.375rem)
    clamp(1rem, 0.4428571429rem + 2.2857142857vi, 2.5rem);
  position: relative;
}

.p-selfeeFlow__item::before {
  background: url(../img/content/selfee/flow-arrow.webp) no-repeat center
    center/contain;
  block-size: 18px;
  content: "";
  inline-size: 83px;
  inset-block-end: -29.5px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.p-selfeeFlow__item:last-child::before {
  content: none;
}

.p-selfeeFlow__head {
  align-items: center;
  display: grid;
  grid-template-areas: "icon num" "icon title";
  justify-content: start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  flex-shrink: 0;
  inline-size: clamp(17.5rem, 11.1428571429rem + 13.244047619vi, 23.0625rem);
  row-gap: 4px;
}

.p-selfeeFlow__head-icon {
  grid-area: icon;
  inline-size: 58px;
}

.p-selfeeFlow__head-num {
  color: #004097;
  font-size: 18px;
  font-weight: 700;
  grid-area: num;
  letter-spacing: 1.44px;
  line-height: 1;
}

.p-selfeeFlow__head-title {
  color: #004097;
  font-size: 24px;
  font-weight: 700;
  grid-area: title;
  line-height: 1.5;
}

.p-selfeeFlow__text {
  color: #474747;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.p-selfeeFlow__qr {
  inline-size: 110px;
  margin-inline-start: 32px;
}

.p-wakuwakuFlow {
  background-color: #fdecdd;
  padding-block: 90px;
}

.p-wakuwakuFlow__inner {
  inline-size: min(1112px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuFlow__body {
  margin-block-start: 50px;
}

.p-wakuwakuFlow__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.p-wakuwakuFlow__item {
  align-items: center;
  background-color: #ffffff;
  /* block-size: 162px; */
  min-height: 162px;
  border-radius: 20px;
  display: flex;
  inline-size: 100%;
  padding-block: 57px;
  /* padding-block: 24px; */
  padding-inline: clamp(1rem, -1.3678571429rem + 9.7142857143vi, 7.375rem)
    clamp(1rem, 0.4428571429rem + 2.2857142857vi, 2.5rem);
  position: relative;
}

.p-wakuwakuFlow__item::before {
  background: url(../img/content/wakuwaku/flow-arrow.webp) no-repeat center
    center/contain;
  block-size: 18px;
  content: "";
  inline-size: 83px;
  inset-block-end: -29.5px;
  inset-inline-start: 50%;
  position: absolute;
  translate: -50%;
}

.p-wakuwakuFlow__item:last-child::before {
  content: none;
}

.p-wakuwakuFlow__head {
  align-items: center;
  display: grid;
  grid-template-areas: "icon num" "icon title";
  justify-content: start;
  -moz-column-gap: 16px;
  column-gap: 16px;
  flex-shrink: 0;
  inline-size: clamp(17.5rem, 11.1428571429rem + 13.244047619vi, 23.0625rem);
  row-gap: 4px;
}

.p-wakuwakuFlow__head-icon {
  grid-area: icon;
  inline-size: 58px;
}

.p-wakuwakuFlow__head-num {
  color: #f0831e;
  font-size: 18px;
  font-weight: 700;
  grid-area: num;
  letter-spacing: 1.44px;
  line-height: 1;
}

.p-wakuwakuFlow__head-title {
  color: #f0831e;
  font-size: 24px;
  font-weight: 700;
  grid-area: title;
  line-height: 1.5;
}

.p-wakuwakuFlow__text {
  color: #474747;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.p-wakuwakuFlow__text-link {
  color: #f0831e;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.p-wakuwakuFlow__button,
.p-selfeeFlow__button {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  font-weight: 600;
  display: block;
  background-color: #4688db;
  border-radius: 100vw;
  width: 100%;
  max-width: 240px;
  padding: 0.8rem 0;
  text-align: center;
  position: relative;
  margin-block-start: 27px;
}
.p-wakuwakuFlow__button:after,
.p-selfeeFlow__button:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: 38px;
  width: 7px;
  height: 13px;
  background-color: #fff;
  clip-path: polygon(7px 50%, 0% 0%, 0% 13px);
}

.p-wakuwakuFlow__button .text,
.p-selfeeFlow__button .text {
  display: inline-block;
  margin-left: -10px;
}

.p-wakuwakuFlow__qr {
  inline-size: 110px;
  margin-inline-start: 32px;
}

.p-selfeeFaq {
  padding-block: 90px;
}

.p-selfeeFaq__inner {
  inline-size: min(986px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-selfeeFaq__body {
  display: flex;
  flex-direction: column;
  gap: 19.6px;
  margin-block-start: 71px;
}

.p-selfeeFaq__item {
  background-color: #f2faff;
  border-radius: 17.2px;
  inline-size: 100%;
  position: relative;
}

.p-selfeeFaq__item::before,
.p-selfeeFaq__item::after {
  background: #004097;
  block-size: 1.5px;
  content: "";
  inline-size: 10px;
  inset-block-start: 32px;
  inset-inline-end: 35px;
  position: absolute;
}

.p-selfeeFaq__item::after {
  transform: rotate(-90deg);
  transition: transform 0.3s;
}

.p-selfeeFaq__check {
  display: none;
}

.p-selfeeFaq__question {
  color: #004097;
  cursor: pointer;
  display: block;
  font-size: 17.731px;
  font-weight: 600;
  line-height: 1.5;
  padding-block: 16px 20px;
  padding-inline: clamp(3.5625rem, 2.8660714286rem + 2.8571428571vi, 5.4375rem)
    clamp(2.125rem, -0.8232142857rem + 12.0952380952vi, 10.0625rem);
}

.p-selfeeFaq__question {
  position: relative;
}

.p-selfeeFaq__question::before {
  background: url(../img/content/selfee/icon-q.webp) no-repeat center
    center/contain;
  block-size: 33.2px;
  content: "";
  inline-size: 33.2px;
  inset-block-start: 15px;
  inset-inline-start: 31.5px;
  position: absolute;
}

.p-selfeeFaq__answer {
  color: #474747;
  font-size: 17.731px;
  font-weight: 600;
  line-height: 1.5;
  max-block-size: 0;
  overflow: hidden;
  padding-inline: clamp(3.5625rem, 2.8660714286rem + 2.8571428571vi, 5.4375rem)
    clamp(1rem, -2.3892857143rem + 13.9047619048vi, 10.125rem);
  transition: all 0.6s;
}

.p-selfeeFaq__answer {
  position: relative;
}

.p-selfeeFaq__answer::before {
  background: url(../img/content/selfee/icon-a.webp) no-repeat center
    center/contain;
  block-size: 33.2px;
  content: "";
  inline-size: 33.2px;
  inset-block-start: 15px;
  inset-inline-start: 31.5px;
  position: absolute;
}

.p-selfeeFaq__check:checked ~ .p-selfeeFaq__answer {
  max-block-size: 500px;
  padding-block: 14px 22px;
}

.p-selfeeFaq__item:has(.p-selfeeFaq__check:checked)::after {
  transform: rotate(0deg);
}

.p-wakuwakuFaq {
  padding-block: 90px;
}

.p-wakuwakuFaq__inner {
  inline-size: min(950px, 100%);
  margin-inline: auto;
  padding-inline: 14px;
}

.p-wakuwakuFaq__body {
  display: flex;
  flex-direction: column;
  gap: 19.6px;
  margin-block-start: 68px;
}

.p-wakuwakuFaq__item {
  background: #f8f8f8;
  border-radius: 4px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  inline-size: 100%;
  position: relative;
}

.p-wakuwakuFaq__item::before,
.p-wakuwakuFaq__item::after {
  background: #f0831e;
  block-size: 1.5px;
  content: "";
  inline-size: 10px;
  inset-block-start: 32px;
  inset-inline-end: 35px;
  position: absolute;
}

.p-wakuwakuFaq__item::after {
  transform: rotate(-90deg);
  transition: transform 0.3s;
}

.p-wakuwakuFaq__check {
  display: none;
}

.p-wakuwakuFaq__question {
  color: #474747;
  cursor: pointer;
  display: block;
  font-size: 17.731px;
  font-weight: 600;
  line-height: 1.5;
  padding-block: 16px 20px;
  padding-inline: clamp(3.6875rem, 3.0375rem + 2.6666666667vi, 5.4375rem)
    clamp(2.125rem, -0.8232142857rem + 12.0952380952vi, 10.0625rem);
}

.p-wakuwakuFaq__question {
  position: relative;
}

.p-wakuwakuFaq__question::before {
  background: url(../img/content/wakuwaku/icon-q.webp) no-repeat center
    center/contain;
  block-size: 33.2px;
  content: "";
  inline-size: 33.2px;
  inset-block-start: 15px;
  inset-inline-start: 31.5px;
  position: absolute;
}

.p-wakuwakuFaq__answer {
  color: #474747;
  font-size: 17.731px;
  font-weight: 600;
  line-height: 1.5;
  max-block-size: 0;
  overflow: hidden;
  padding-inline: clamp(3.6875rem, 3.0375rem + 2.6666666667vi, 5.4375rem)
    clamp(1rem, -2.3892857143rem + 13.9047619048vi, 10.125rem);
  transition: all 0.6s;
}

.p-wakuwakuFaq__answer {
  position: relative;
}

.p-wakuwakuFaq__answer::before {
  background: url(../img/content/wakuwaku/icon-a.webp) no-repeat center
    center/contain;
  block-size: 33.2px;
  content: "";
  inline-size: 33.2px;
  inset-block-start: 15px;
  inset-inline-start: 31.5px;
  position: absolute;
}

.p-wakuwakuFaq__check:checked ~ .p-wakuwakuFaq__answer {
  max-block-size: 500px;
  padding-block: 14px 22px;
}

.p-wakuwakuFaq__item:has(.p-wakuwakuFaq__check:checked)::after {
  transform: rotate(0deg);
}

.p-selfeeService__body {
  background: #ebf4ff;
  margin-block-start: 51px;
  padding: 81px 16px;
}

.p-selfeeService__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 49px;
  inline-size: min(878px, 100%);
  justify-content: center;
  margin-inline: auto;
}

.p-wakuwakuService__body,
.p-serviceList__body {
  margin-block-start: 38px;
  padding: 81px 16px;
}

.p-serviceList__body--orange {
  background: #fdecdd;
}
.p-serviceList__body--skyblue {
  background: #ebf4ff;
}

.p-wakuwakuService__flex,
.p-serviceList__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 28px 49px;
  inline-size: min(878px, 100%);
  justify-content: center;
  margin-inline: auto;
}

.p-selfeeProgram {
  background: #edf5ff;
  padding-block: 85px 83px;
}

.p-selfeeProgram__inner {
  inline-size: min(1064px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-selfeeProgram__heading .c-section-title-lp {
  gap: 8px;
}

.p-selfeeProgram__body {
  margin-block-start: 46px;
  position: relative;
}
.p-selfeeProgram__sp {
  display: none;
}

.p-selfeeProgram__wrap {
  display: flex;
  flex-direction: column;
  gap: 104px;
}

.p-selfeeProgram__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.p-selfeeProgram__row:nth-child(2) {
  align-items: end;
  flex-direction: row;
  gap: 58px;
}

.p-selfeeProgram__row:first-child::before,
.p-selfeeProgram__row:first-child::after {
  content: "";
  position: absolute;
}

.p-selfeeProgram__row:first-child::before {
  background: url(../img/content/selfee/program-arrow-vertical.webp) no-repeat
    center center/contain;
  block-size: 69px;
  inline-size: 60px;
  inset-block-end: -86px;
  inset-inline-start: 211px;
}

.p-selfeeProgram__row:first-child::after {
  background: url(../img/content/selfee/program-arrow-diagonal.webp) no-repeat
    center center/contain;
  block-size: 144px;
  inline-size: 144px;
  inset-block-end: -141px;
  inset-inline-start: 460px;
}

.p-selfeeProgram__head {
  background: #004097;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  padding-block: 3px;
  text-align: center;
}

.p-selfeeProgram__has-head {
  display: flex;
  gap: 40px;
}

.p-selfeeProgram__has-head-2 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  inline-size: min(459px, 100%);
}

.p-selfeeProgram__bottom {
  margin-block-start: 50px;
}

.p-selfeeProgram__lead-text {
  color: #474747;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.p-selfeeProgram__lead-main {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block-start: 20px;
}

.p-selfeeProgram__lead-main p {
  background-color: #004097;
  color: #ffffff;
  color: #fff;
  display: inline-block;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.8;
  padding-inline: 10px;
}

.p-selfeeChallenges {
  padding-block: 90px;
}

.p-selfeeChallenges__inner {
  inline-size: min(1172px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeeChallenges__heading .c-section-title-lp__ja {
  line-height: 1.35;
}

.p-selfeeChallenges__heading-lead {
  color: #474747;
  font-size: 15px;
  letter-spacing: 0.75px;
  margin-block-start: 12px;
  text-align: center;
}

.p-selfeeChallenges__body {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-block-start: 80px;
}

.p-selfeePoint {
  padding-block: 90px;
}

.p-selfeePoint__inner {
  inline-size: min(1172px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeePoint__tags {
  background: #ffffff;
  border-radius: 18.559px;
  box-shadow: 0 1.28px 6.92px 2.22px rgba(0, 0, 0, 0.1);
  margin-block-start: 41px;
  margin-inline: 9px;
  padding: 53px 14px;
}

.p-selfeePoint__tags-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  inline-size: min(944px, 100%);
  justify-content: center;
  margin-inline: auto;
}

.p-selfeePoint__tag {
  align-items: center;
  block-size: 80px;
  border: 3px solid #004097;
  border-radius: 10px;
  color: #004097;
  display: flex;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  inline-size: 230px;
  justify-content: center;
  letter-spacing: 0.85px;
  padding: 10px;
  text-align: center;
}

.p-selfeePoint__body {
  margin-block-start: 50px;
}

.p-selfeePoint__cards {
  display: grid;
  gap: 24px 18px;
  grid-template-columns: repeat(2, auto);
}

.p-selfeeSystem {
  padding-block: 20px 80px;
}

.p-selfeeSystem__inner {
  inline-size: min(1172px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeeSystem__heading {
  align-items: center;
  display: flex;
  gap: 24px;
}

.p-selfeeSystem__heading-lead {
  color: #474747;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.p-selfeeSystem__body {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25);
  margin-block-start: 59px;
  padding-block: 55px 45px;
  padding-inline: 16px;
}

.p-selfeeSystem__block {
  inline-size: min(1002px, 100%);
  margin-inline: auto;
}

.p-selfeeSystem__block:first-child .p-selfeeSystem__img {
  inline-size: min(693px, 100%);
  margin-block-start: 24px;
  margin-inline: auto;
}

.p-selfeeSystem__block:nth-child(2) {
  margin-block-start: 34px;
}

.p-selfeeSystem__block:nth-child(2) .p-selfeeSystem__img {
  margin-inline-start: 10px;
}

.p-selfeeSystem__block:nth-child(2) .p-selfeeSystem__feature {
  flex-shrink: 0;
  inline-size: clamp(16.875rem, 11.0178571429rem + 12.2023809524vi, 22rem);
  margin-block-start: 77px;
}

.p-selfeeSystem__title {
  align-items: center;
  color: #474747;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  gap: 26px;
  letter-spacing: 1px;
  line-height: 1.5;
}

.p-selfeeSystem__title--accent {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.8;
}

.p-selfeeSystem__title--accent.--blue {
  color: #004097;
}

.p-selfeeSystem__title--accent.--green {
  color: #13c48f;
}

.p-selfeeSystem__content {
  display: flex;
  gap: clamp(0.625rem, -2.0892857143rem + 5.6547619048vi, 3rem);
  justify-content: center;
  margin-block-start: 24px;
}

.p-selfeeSystem__wrap {
  display: flex;
  gap: clamp(0.3125rem, -1.4017857143rem + 3.5714285714vi, 1.8125rem);
  margin-block-start: 41px;
}

.p-selfeeSystem__card {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.p-selfeeSystem__card:nth-child(1) {
  inline-size: 228px;
}

.p-selfeeSystem__card:nth-child(2) {
  inline-size: 219px;
}

.p-selfeeSystem__card:nth-child(3) {
  gap: 23px;
  inline-size: 221px;
}

.p-selfeeSystem__card-title {
  color: #004097;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.p-selfeeSystem__card-text {
  color: #474747;
  font-size: 13px;
  font-weight: 500;
}

.p-selfeeAb {
  padding-block: 0px 73px;
}

.p-selfeeAb__inner {
  inline-size: min(1172px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeeAb__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.p-selfeeAb__heading-lead {
  color: #474747;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.p-selfeeAb__body {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25);
  margin-block-start: 40px;
  padding-block: 127px 50px;
  padding-inline: 16px;
}

.p-selfeeAb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 110px 49px;
  justify-content: center;
}

.p-selfeeAb__voice {
  background: #f4fcfe;
  border: 2px solid #26c4f5;
  border-radius: 4px;
  inline-size: min(800px, 100%);
  margin-block-start: 54px;
  margin-inline: auto;
  padding-block: 25px;
  padding-inline: clamp(1.125rem, 0.3125rem + 3.3333333333vi, 3.3125rem);
  position: relative;
}

.p-selfeeAb__voice::before {
  background: url(../img/content/selfee/voice-bubble.webp) no-repeat center
    center/contain;
  block-size: 39px;
  content: "";
  inline-size: 152px;
  inset-block-start: -24px;
  inset-inline-start: -1px;
  position: absolute;
}

.p-selfeeAb__voice-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.p-selfeeAb__voice-item {
  color: #474747;
  font-size: 13px;
  font-weight: 500;
}

.p-selfeeLineup {
  padding-block: 0 60px;
}

.p-selfeeLineup__inner {
  inline-size: min(1171px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeeLineup__body {
  margin-block-start: 34px;
}

.p-selfeeLineup__list {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.p-selfeeLineup__item {
  flex: 1;
}

.p-selfeeLineup__item:nth-child(1) .p-selfeeLineup__title::before {
  background: #f0831e;
}

.p-selfeeLineup__item:nth-child(1) .p-selfeeLineup__subjects {
  background: #fffdf2;
}

.p-selfeeLineup__item:nth-child(2) .p-selfeeLineup__title::before {
  background: #13c48f;
}

.p-selfeeLineup__item:nth-child(2) .p-selfeeLineup__subjects {
  background: #fafffe;
}

.p-selfeeLineup__item:nth-child(3) .p-selfeeLineup__title::before {
  background: #004097;
}

.p-selfeeLineup__item:nth-child(3) .p-selfeeLineup__subjects {
  background: #f2fcff;
}

.p-selfeeLineup__title {
  color: #474747;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.8;
  padding-inline-start: 33px;
  position: relative;
}

.p-selfeeLineup__title::before {
  block-size: 50px;
  content: "";
  inline-size: 9px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

.p-selfeeLineup__subjects {
  block-size: 68px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-block-start: 11.5px;
  padding: 10px 40px;
}

.p-selfeeLineup__subjects p {
  color: #474747;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.p-selfeeSample {
  background: url(../img/content/selfee/sample-bg.webp) no-repeat center
    center/cover;
  padding-block: 87px 80px;
}

.p-selfeeSample__body {
  margin-block-start: 32px;
}

.p-selfeeSample__list {
  display: flex;
  flex-direction: column;
  gap: 42px;
  inline-size: min(1073px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-selfeeSample__item {
  align-items: center;
  display: flex;
}

.p-selfeeSample__item:nth-child(1) .p-selfeeSample__title::before {
  background: #f0831e;
}

.p-selfeeSample__item:nth-child(1) .p-selfeeSample__button {
  border: 2px solid #f0831e;
}
.p-selfeeSample__button--elem {
  color: #f0831e;
}

.p-selfeeSample__item:nth-child(2) .p-selfeeSample__title::before {
  background: #13c48f;
}

.p-selfeeSample__item:nth-child(2) .p-selfeeSample__button {
  border: 2px solid #13c48f;
}
.p-selfeeSample__button--junior {
  color: #13c48f;
}
.p-selfeeSample__item:nth-child(3) .p-selfeeSample__title::before {
  background: #004097;
}

.p-selfeeSample__item:nth-child(3) .p-selfeeSample__buttons {
  inline-size: 100%;
}

.p-selfeeSample__item:nth-child(3) .p-selfeeSample__button {
  border: 2px solid #004097;
  flex: 1;
}
.p-selfeeSample__button--high {
  color: #004097;
}

.p-selfeeSample__title {
  color: #474747;
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 900;
  inline-size: 177px;
  line-height: 1.8;
  padding-inline-start: 33px;
  position: relative;
}

.p-selfeeSample__title::before {
  block-size: 50px;
  content: "";
  inline-size: 9px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  translate: 0 -50%;
}

.p-selfeeSample__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
}

.p-selfeeSample__button {
  background: #ffffff;
  background: #ffffff;
  border-radius: 50px;
  box-shadow: 3px 4px 0 0 #474747;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.8;
  padding: 2px 46px;
  text-align: center;
  transition: all 0.3s;
}

.p-selfeeSample__galley {
  padding-block: 50px;
  position: relative;
}

.p-selfeeSample__swiper-container {
  background: #fffdf2;
  padding-block: 40px;
}

.p-selfeeSample__swiper .swiper-slide {
  flex-shrink: 0;
}
.p-selfeeSample__swiper-slide.w-275 {
  inline-size: 275px;
}

.p-selfeeSample__swiper-slide.w-348 {
  inline-size: 348px;
}

.p-selfeeSample__swiper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.p-selfeeSample__swiper-wrapper {
  display: flex;
  gap: 16px;
}
.p-selfeeSample__swiper-slide {
  flex: 0 0 auto;
}
#TB_closeAjaxWindow {
  display: none;
}

.p-selfeeSample__swiper-slide.is-hidden {
  display: none;
}
.p-selfeeSample__swiper-container.is-few {
  display: flex;
  justify-content: center;
}
.p-selfeeSample__button--elem.is-active {
  background-color: #f0831e;
  color: #fff;
}
.p-selfeeSample__button--junior.is-active {
  background-color: #13c48f;
  color: #fff;
}
.p-selfeeSample__button--high.is-active {
  background-color: #004097;
  color: #fff;
}

.p-selfeeSample__swiper-bottom {
  align-items: center;
  display: flex;
  gap: 36px;
  justify-content: center;
  margin-block-start: 78px;
  position: relative;
}

.p-selfeeSample__swiper-pagination {
  flex-shrink: 0;
  inline-size: auto !important;
  inset-block-end: auto !important;
  inset-block-start: auto !important;
  inset-inline-end: auto !important;
  inset-inline-start: auto !important;
  position: static !important;
  transform: none !important;
}

.p-selfeeSample__swiper-pagination
  .swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.p-selfeeSample__swiper-pagination
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin-inline: 12px;
}

.p-selfeeSample__swiper-pagination {
  /* ページネーションのサイズと色 */
}

.p-selfeeSample__swiper-pagination .swiper-pagination-bullet {
  background-color: #e2e2e2;
  height: 10px;
  width: 10px;
}

.p-selfeeSample__swiper-pagination .swiper-pagination-bullet-active {
  background-color: #004097;
  height: 10px;
  width: 10px;
}

.p-selfeeSample__swiper-next,
.p-selfeeSample__swiper-prev {
  block-size: 50px !important;
  cursor: pointer;
  inline-size: 50px !important;
  position: static !important;
  z-index: 10;
}

.p-selfeeSample__swiper-next::after,
.p-selfeeSample__swiper-prev::after {
  background: no-repeat center center/contain;
  block-size: 50px !important;
  content: "" !important;
  display: block;
  font-size: 0 !important;
  inline-size: 50px !important;
  inset-block-start: 10px;
  position: relative;
}

.p-selfeeSample__swiper-next.swiper-button-disabled,
.p-selfeeSample__swiper-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.p-selfeeSample__swiper-prev::after {
  background-image: url(../img/content/selfee/sample-prev.webp);
}

.p-selfeeSample__swiper-next::after {
  background-image: url(../img/content/selfee/sample-next.webp);
}

.p-selfeeApply {
  background: url(../img/content/selfee/apply-bg.webp) no-repeat center
    center/cover;
  padding-block: 90px 70px;
}

.p-selfeeApply__inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-inline: 16px;
}

.p-selfeeApply__text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-shadow: 1px 1px 4px #474747;
}

.p-selfeeApply__button {
  align-items: center;
  background: #f0831e;
  block-size: 73px;
  border-radius: 50px;
  box-shadow: 0 4px 4px 0 #456680;
  color: #ffffff;
  display: inline-block;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  inline-size: 350px;
  justify-content: center;
  letter-spacing: 0.9px;
  position: relative;
}

.p-selfeeApply__button::before {
  background: url(../img/content/selfee/apply-arrow.webp) no-repeat center
    center/contain;
  block-size: 16px;
  content: "";
  inline-size: 16px;
  inset-block-start: 50%;
  inset-inline-end: 52px;
  position: absolute;
  translate: 0 -50%;
}

.p-selfeeFv__inner {
  min-block-size: 404.25px;
  position: relative;
}

.p-selfeeFv__img img {
  min-block-size: 404.25px;
  -o-object-fit: cover;
  inline-size: 100%;
  object-fit: cover;
}

.p-selfeeFv__container {
  inline-size: min(552px, 100%);
  inset-block-end: 40%;
  inset-inline-start: 50%;
  margin-inline: auto;
  padding-inline: 16px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, 50%);
}

.p-selfeeFv__title {
  color: #474747;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.8px;
  line-height: 48px;
}

.p-selfeeFv__text {
  line-height: 24px;
  margin-block-start: 24px;
}

.p-selfeeFv__buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin-block-start: 24px;
}

.p-fv-selfee__button {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  min-width: 240px;
  padding-block: 11px;
}

.p-selfeeFv__button--apply {
  background: #ffffff;
  border: 1px solid #004097;
  color: #004097;
}

.p-selfeeFv__button--request {
  background: #ea3a2d;
  border: 1px solid #ea3a2d;
  color: #ffffff;
}

.p-wakuwakuFv__inner {
  min-block-size: 404.25px;
  position: relative;
}

.p-wakuwakuFv__img img {
  min-block-size: 404.25px;
  -o-object-fit: cover;
  inline-size: 100%;
  object-fit: cover;
}

.p-wakuwakuFv__container {
  inline-size: min(552px, 100%);
  inset-block-end: 39%;
  inset-inline-start: 50%;
  margin-inline: auto;
  padding-inline: 16px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, 50%);
}

.p-wakuwakuFv__title {
  color: #474747;
  font-family:
    "Montserrat",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0.8px;
  line-height: 48px;
}

.p-wakuwakuFv__text {
  line-height: 24px;
  margin-block-start: 24px;
}

.p-wakuwakuFv__buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin-block-start: 24px;
}

.p-wakuwakuFv__button {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  min-width: 240px;
  padding-block: 11px;
}

.p-wakuwakuFv__button--apply {
  background: #ffffff;
  border: 1px solid #004097;
  color: #004097;
}

.p-wakuwakuFv__button--request {
  background: #ea3a2d;
  border: 1px solid #ea3a2d;
  color: #ffffff;
}
.p-wakuwakuFv__button--request:hover {
  outline: solid 1px #ea3a2d;
}

.p-wakuwakuCta {
  background: url(../img/content/wakuwaku/cta-bg.webp) no-repeat center
    center/cover;
  padding-block: 77px 79px;
}

.p-selfeeCta {
  background: url(../img/content/selfee/cta-bg.webp) no-repeat center
    center/cover;
  padding-block: 77px 79px;
}

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

.p-cta__title {
  color: #004097;
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}

.p-cta__text {
  line-height: 28px;
  margin-block-start: 16px;
  text-align: center;
}

.p-cta__buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  margin-block-start: 35px;
}

.p-cta__button {
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  padding-block: 15px 19px;
  text-align: center;
}

.p-cta__button--apply {
  background: #ffffff;
  border: 1px solid #004097;
  color: #004097;
  min-width: 208px;
}

.p-cta__button--request {
  background: #ea3a2d;
  border: 1px solid #ea3a2d;
  color: #ffffff;
  min-width: 230px;
}

.p-selfeeTrial {
  background: #f9fafb;
  padding-block: 87px 73px;
}

.p-selfeeTrial__inner {
  inline-size: min(1064px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-selfeeTrial__heading .c-section-title-lp--gap {
  gap: 9px;
}

.p-selfeeTrial__heading
  .c-section-title-lp--gap
  .c-section-title-lp__en::before {
  inset-block-end: -8px;
}

.p-selfeeTrial__container {
  background: #ffffff;
  box-shadow: 0 2px 18px 0 rgba(126, 126, 126, 0.1);
  margin-block-start: 44px;
  padding-block: 57px 59px;
  padding-inline: 24px;
  position: relative;
  text-align: center;
}

.p-selfeeTrial__container::before {
  background: url(../img/content/selfee/trial-pop.webp) no-repeat center
    center/contain;
  block-size: 104.979px;
  content: "";
  inline-size: 105.719px;
  inset-block-start: -10px;
  inset-inline-start: clamp(2.5rem, -7.2142857143rem + 20.2380952381vi, 11rem);
  position: absolute;
}

.p-selfeeTrial__title {
  color: #4688db;
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
}

.p-selfeeTrial__title .sp-indent {
  display: none;
}

.p-selfeeTrial__title--red {
  color: #ea3a2d;
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
}

.p-selfeeTrial__text {
  color: #474747;
  font-weight: 500;
  line-height: 32px;
  margin-block-start: 20px;
  margin-inline: auto;
  max-width: 823px;
}

.p-selfeeTrial__points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-block-start: 55px;
  -moz-column-gap: 9.6625766871%;
  column-gap: 9.6625766871%;
  margin-inline: auto;
  max-width: 652px;
}

.p-selfeeTrial-point__img {
  padding-inline: 4.6px;
}

.p-selfeeTrial-point__text {
  color: #474747;
  font-weight: 700;
  line-height: 24px;
  margin-block-start: 9px;
}

.p-wakuwakuTrial {
  padding-block: 87px 73px;
}

.p-wakuwakuTrial__inner {
  inline-size: min(1064px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-wakuwakuTrial__heading .c-section-title-lp--gap {
  gap: 9px;
}

.p-wakuwakuTrial__heading
  .c-section-title-lp--gap
  .c-section-title-lp__en::before {
  inset-block-end: -8px;
}

.p-wakuwakuTrial__container {
  background: #ffffff;
  box-shadow: 0 2px 18px 0 rgba(126, 126, 126, 0.1);
  margin-block-start: 44px;
  padding-block: 57px 59px;
  padding-inline: 24px;
  position: relative;
  text-align: center;
}

.p-wakuwakuTrial__container::before {
  background: url(../img/content/wakuwaku/trial-pop.webp) no-repeat center
    center/contain;
  block-size: 104.979px;
  content: "";
  inline-size: 105.719px;
  inset-block-start: -10px;
  inset-inline-start: clamp(2.5rem, -7.2142857143rem + 20.2380952381vi, 11rem);
  position: absolute;
}

.p-wakuwakuTrial__title {
  color: #474747;
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
}

.p-wakuwakuTrial__title .sp-indent {
  display: none;
}

.p-wakuwakuTrial__title--orange {
  color: #f0831e;
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
}

.p-wakuwakuTrial__text {
  color: #474747;
  font-weight: 500;
  line-height: 32px;
  margin-block-start: 20px;
  margin-inline: auto;
  max-width: 823px;
}

.p-wakuwakuTrial__points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-block-start: 55px;
  -moz-column-gap: 9.6625766871%;
  column-gap: 9.6625766871%;
  margin-inline: auto;
  max-width: 652px;
}

.p-wakuwakuTrial-point__img {
  padding-inline: 4.6px;
}

.p-wakuwakuTrial-point__text {
  color: #474747;
  font-weight: 700;
  line-height: 24px;
  margin-block-start: 9px;
}

.p-selfeeCase {
  background: #fbfaf9;
  padding-block: 90px;
}

.p-selfeeCase__inner {
  padding-inline: clamp(
    1.8125rem,
    -8.9732142857rem + 22.4702380952vi,
    11.25rem
  );
}

.p-selfeeCase__heading--gap .c-section-title-lp--gap {
  gap: 18px;
}

.p-selfeeCase__heading--gap
  .c-section-title-lp--gap
  .c-section-title-lp__en::before {
  inset-block-end: -8px;
}

.p-selfeeCase__container {
  margin-block-start: 50px;
  margin-inline: auto;
  max-width: 1077px;
  overflow: hidden;
}

.p-selfeeCase__container .p-selfeeCase__swiper {
  height: 1115px;
  padding-inline-end: 76px;
  position: relative;
}

.p-selfeeCase__container .p-selfeeCase__swiper .p-selfeeCase-button {
  block-size: 184px;
  inline-size: 49px;
  inset-block-end: 0px;
  inset-inline-end: 0px;
  position: absolute;
}

.p-selfeeCase__container .p-selfeeCase__swiper .p-selfeeCase-button__prev {
  background: url(../img/content/selfee/case-arrow-prev.svg) no-repeat center
    center/contain;
  block-size: 49px;
  content: "";
  inline-size: 49px;
  inset-block-start: 0px;
  position: absolute;
  z-index: 1;
}

.p-selfeeCase__container .p-selfeeCase__swiper .p-selfeeCase-button__next {
  background: url(../img/content/selfee/case-arrow-next.svg) no-repeat center
    center/contain;
  block-size: 49px;
  content: "";
  inline-size: 49px;
  inset-block-end: 0px;
  position: absolute;
  z-index: 1;
}

.p-selfeeCase__container
  .p-selfeeCase__swiper
  .swiper-pagination-vertical.swiper-pagination-bullets
  .swiper-pagination-bullet,
.p-selfeeCase__container
  .p-selfeeCase__swiper
  .swiper-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 13px 13px;
}

.p-selfeeCase__container
  .p-selfeeCase__swiper
  .swiper-pagination-vertical.swiper-pagination-bullets,
.p-selfeeCase__container
  .p-selfeeCase__swiper
  .swiper-vertical
  > .swiper-pagination-bullets {
  inset-block-start: 52%;
  inset-inline-end: auto;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.p-selfeeCase__container .p-selfeeCase__swiper .swiper-pagination-bullet {
  background-color: #004097;
  height: 10px;
  width: 10px;
}

.p-selfeeCase__card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 #cdcdcd;
  display: flex;
  gap: 40px;
  max-inline-size: 1000px;
  padding-block: 30px 49px;
  padding-inline: 32px;
}

.p-selfeeCase__left {
  background: #f9f9f9;
  block-size: 100%;
  border-radius: 8px;
  /* max-inline-size: clamp(
    14.375rem,
    7.0689269747rem + 15.2011922504vi,
    20.75rem
  ); */
  max-width: 336px;
  flex-shrink: 0;
  padding-block: 16px 27px;
  padding-inline: 24px;
}

.p-selfeeCase__card--example .p-selfeeCase__left {
  max-inline-size: 132px;
  padding-block: 11px 14px;
  padding-inline: 14px;
}
.p-selfeeCase-left__img {
  margin-inline: auto;
  max-inline-size: 187px;
  text-align: center;
}
.p-selfeeCase-left__img--small {
  max-inline-size: 288px;
}

.p-selfeeCase-left__info {
  display: flex;
  flex-direction: row;
  gap: 14.5px;
  margin-block-start: 12px;
}

.p-selfeeCase-left__name {
  color: #474747;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.p-selfeeCase-left__position {
  color: #474747;
  font-size: 13px;
  line-height: 15.6px;
}

.p-selfeeCase-left__profile {
  border-radius: 50px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  margin-block-start: 15px;
  text-align: center;
}

.p-selfeeCase-left__profile--blue {
  background: #004097;
}

.p-selfeeCase-left__description {
  color: #474747;
  font-size: 12px;
  line-height: 27px;
  margin-block-start: 7px;
}

.p-selfeeCase-left__btn {
  color: #4688db;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  margin-block-start: 9px;
  padding-inline-end: 19px;
  position: relative;
  text-align: right;
  transition: all 0.4s ease-in-out;
}

.p-selfeeCase-left__btn::after {
  background: url(../img/content/selfee/case-details-arrow.svg) no-repeat center
    center/contain;
  block-size: 11px;
  content: "";
  inline-size: 11px;
  inset-block-start: 50%;
  inset-inline-end: 0px;
  position: absolute;
  transform: translateY(-50%);
}

.p-selfeeCase__right {
  margin-block-start: 6px;
}

.p-selfeeCase-right__num {
  color: #f0831e;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.p-selfeeCase-right__num--blue {
  color: #004097;
}

.p-selfeeCase-right__num--large {
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.p-selfeeCase-right__title {
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  margin-block-start: 11px;
}

.p-selfeeCase-right__title--blue {
  color: #004097;
}

.p-selfeeCase-right__content {
  margin-block-start: 32px;
}

.p-selfeeCase-right__text {
  color: #474747;
  font-weight: 500;
  line-height: 32px;
}

.p-selfeeCase-right__text .p-selfeeCase-right__text--blue {
  color: #4688db;
  font-weight: 700;
  line-height: 32px;
}

.p-selfeeCase-right__text + .p-selfeeCase-right__text {
  margin-block-start: 16px;
}

.p-selfeeCase-right__text--sharp {
  color: #474747;
  line-height: 27px;
  margin-block-start: 16px;
  text-align: right;
}

.p-wakuwakuCase {
  background: #fbfaf9;
  padding-block: 90px;
}

.p-wakuwakuCase__inner {
  padding-inline: clamp(
    1.8125rem,
    -8.9732142857rem + 22.4702380952vi,
    11.25rem
  );
}

.p-wakuwakuCase__heading--gap .c-section-title-lp--gap {
  gap: 18px;
}

.p-wakuwakuCase__heading--gap
  .c-section-title-lp--gap
  .c-section-title-lp__en::before {
  inset-block-end: -8px;
}

.p-wakuwakuCase__container {
  margin-block-start: 50px;
  margin-inline: auto;
  max-width: 1077px;
  overflow: hidden;
}

.p-wakuwakuCase__container .p-wakuwakuCase__swiper {
  height: 1200px;
  padding-inline-end: 76px;
  position: relative;
  overflow: hidden;
}

.p-wakuwakuCase__container .p-wakuwakuCase__swiper .p-wakuwakuCase-button {
  block-size: 184px;
  inline-size: 49px;
  inset-block-end: 0px;
  inset-inline-end: 0px;
  position: absolute;
}

.p-wakuwakuCase__container
  .p-wakuwakuCase__swiper
  .p-wakuwakuCase-button__prev {
  background: url(../img/content/wakuwaku/case-arrow-prev.svg) no-repeat center
    center/contain;
  block-size: 49px;
  content: "";
  inline-size: 49px;
  inset-block-start: 0px;
  position: absolute;
  z-index: 1;
}

.p-wakuwakuCase__container
  .p-wakuwakuCase__swiper
  .p-wakuwakuCase-button__next {
  background: url(../img/content/wakuwaku/case-arrow-next.svg) no-repeat center
    center/contain;
  block-size: 49px;
  content: "";
  inline-size: 49px;
  inset-block-end: 0px;
  position: absolute;
  z-index: 1;
}

.p-wakuwakuCase__container
  .p-wakuwakuCase__swiper
  .swiper-pagination-vertical.swiper-pagination-bullets
  .swiper-pagination-bullet,
.p-wakuwakuCase__container
  .p-wakuwakuCase__swiper
  .swiper-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 13px 13px;
}

.p-wakuwakuCase__container
  .p-wakuwakuCase__swiper
  .swiper-pagination-vertical.swiper-pagination-bullets,
.p-wakuwakuCase__container
  .p-wakuwakuCase__swiper
  .swiper-vertical
  > .swiper-pagination-bullets {
  inset-block-start: 52%;
  inset-inline-end: auto;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.p-wakuwakuCase__container .p-wakuwakuCase__swiper .swiper-pagination-bullet {
  background-color: #f0831e;
  height: 10px;
  width: 10px;
}

.p-wakuwakuCase__card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 #cdcdcd;
  display: flex;
  gap: 40px;
  max-inline-size: 1000px;
  padding-block: 30px 49px;
  padding-inline: 32px;
}

.p-wakuwakuCase__left {
  background: #f9f9f9;
  block-size: 100%;
  border-radius: 8px;
  max-inline-size: clamp(
    14.375rem,
    7.0689269747rem + 15.2011922504vi,
    20.75rem
  );
  padding-block: 16px 27px;
  padding-inline: 24px;
}

.p-wakuwakuCase-left__img {
  margin-inline: auto;
  max-inline-size: 187px;
  text-align: center;
}

.p-wakuwakuCase-left__info {
  display: flex;
  flex-direction: row;
  gap: 14.5px;
  margin-block-start: 12px;
}

.p-wakuwakuCase-left__name {
  color: #474747;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.p-wakuwakuCase-left__position {
  color: #474747;
  font-size: 13px;
  line-height: 15.6px;
}

.p-wakuwakuCase-left__profile {
  border-radius: 50px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  margin-block-start: 15px;
  text-align: center;
}

.p-wakuwakuCase-left__profile--orange {
  background: #f0831e;
}

.p-wakuwakuCase-left__description {
  color: #474747;
  font-size: 12px;
  line-height: 27px;
  margin-block-start: 7px;
}

.p-wakuwakuCase-left__btn {
  color: #4688db;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  margin-block-start: 9px;
  padding-inline-end: 19px;
  position: relative;
  text-align: right;
  transition: all 0.4s ease-in-out;
}

.p-wakuwakuCase-left__btn::after {
  background: url(../img/content/wakuwaku/case-details-arrow.svg) no-repeat
    center center/contain;
  block-size: 11px;
  content: "";
  inline-size: 11px;
  inset-block-start: 50%;
  inset-inline-end: 0px;
  position: absolute;
  transform: translateY(-50%);
}

.p-wakuwakuCase__right {
  margin-block-start: 6px;
}

.p-wakuwakuCase-right__num {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.p-wakuwakuCase-right__num--orange {
  color: #f0831e;
}

.p-wakuwakuCase-right__num--large {
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.p-wakuwakuCase-right__title {
  color: #f0831e;
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  margin-block-start: 11px;
}

.p-wakuwakuCase-right__title--orange {
  color: #f0831e;
}

.p-wakuwakuCase-right__content {
  margin-block-start: 32px;
}

.p-wakuwakuCase-right__text {
  color: #474747;
  font-weight: 500;
  line-height: 32px;
}

.p-wakuwakuCase-right__text + .p-wakuwakuCase-right__text {
  margin-block-start: 16px;
}

.p-wakuwakuCase-right__text--sharp {
  color: #474747;
  line-height: 27px;
  margin-block-start: 16px;
  text-align: right;
}

.p-wakuwakuPrice {
  background: linear-gradient(
    281deg,
    #ffefb4 0%,
    #ffc76b 57.54%,
    #f0831e 128.68%
  );
  padding-block: 80px 94px;
}

.p-wakuwakuPrice__inner {
  inline-size: min(1264px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuPrice__heading .c-section-title-lp__en--orange {
  color: #ffffff;
}

.p-wakuwakuPrice__heading .c-section-title-lp__en--orange::before {
  background-color: #ffffff;
}

.p-wakuwakuPrice__card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 19px 0 rgba(145, 92, 0, 0.19);
  margin-block-start: 50px;
  padding-block: 32px;
  padding-inline: 32px;
  text-align: center;
}

/* .p-wakuwakuPrice-card__top {
  border-bottom: 1px solid #e5e7eb;
  padding-block-end: 32px;
} */

.p-wakuwakuPrice-card__title {
  color: #f0831e;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

.p-wakuwakuPrice-card__description {
  color: #474747;
  line-height: 26px;
  margin-block-start: 16px;
}

.p-wakuwakuPrice-card__btns {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
  margin-block-start: 50px;
}

.p-wakuwakuPrice-card__apply {
  background: #f0831e;
  border: 1px solid #f0831e;
  border-radius: 8px;
  color: #ffffff;
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding-block: 11px;
  padding-inline: 23px;
}

.p-wakuwakuPrice-card__request {
  border: 1px solid #f0831e;
  border-radius: 8px;
  color: #f0831e;
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding-block: 12px;
  padding-inline: 24px;
}

.p-wakuwakuPrice-card__bottom {
  padding-block-start: 32px;
}

.p-wakuwakuPrice-card__text {
  color: #474747;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 8px;
  line-height: 20px;
}
.p-wakuwakuPrice-card__text a {
  font-weight: bold;
  color: #f0831e;
  text-decoration: underline;
}
.p-wakuwakuReason {
  padding-block: 90px;
}

.p-wakuwakuReason__inner {
  inline-size: min(1264px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuReason-heading__text {
  color: #474747;
  font-size: 15px;
  letter-spacing: 0.75px;
  line-height: normal;
  margin-block-start: 15px;
  text-align: center;
}

.p-wakuwakuReason__body {
  display: flex;
  flex-direction: column;
  gap: 86px;
  margin-block-start: 86px;
}

.p-wakuwakuReason__item {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1rem, -1.0714285714rem + 4.3154761905vi, 2.8125rem);
  padding-inline: clamp(0.0625rem, -3.1517857143rem + 6.6964285714vi, 2.875rem);
}

.p-wakuwakuReason__item .p-wakuwakuReason-item__content {
  padding-inline-start: clamp(0.0625rem, -3.4375rem + 7.2916666667vi, 3.125rem);
}

.p-wakuwakuReason__item--row {
  flex-direction: row;
}

.p-wakuwakuReason__item--row .p-wakuwakuReason-item__content {
  padding-inline-end: clamp(
    0.0625rem,
    -1.1517857143rem + 2.5297619048vi,
    1.125rem
  );
  padding-inline-start: 0;
}

.p-wakuwakuReason-item__img {
  border-radius: 20px;
  box-shadow:
    0 0 6px -4px rgba(0, 0, 0, 0.1),
    0 0 15px -3px rgba(0, 0, 0, 0.1);
  flex: 1;
  max-inline-size: 525px;
}

.p-wakuwakuReason-item__img img {
  border-radius: 20px;
}

.p-wakuwakuReason-item__content {
  flex: 1;
}

.p-wakuwakuReason-item__titles {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.p-wakuwakuReason-item__num {
  background: #f0831e;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  padding-block: 10px;
  padding-inline: 18.5px;
}

.p-wakuwakuReason-item__title {
  color: #474747;
  font-size: 24px;
  font-weight: 700;
  line-height: 39px;
  max-inline-size: 379px;
}

.p-wakuwakuReason-item__title--orange {
  color: #f0831e;
  font-size: 28px;
  font-weight: 700;
  line-height: 39px;
}

.p-wakuwakuReason-item__text {
  color: #474747;
  font-size: 15px;
  font-weight: 500;
  line-height: 29.25px;
  margin-block-start: 13px;
}

.p-wakuwakuStructure {
  padding-block: 90px;
}

.p-wakuwakuStructure__inner {
  inline-size: min(1062px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuStructure__body {
  margin-block-start: 45px;
  position: relative;
}

.p-wakuwakuStructure__boxes {
  display: flex;
  flex-direction: column;
  gap: clamp(0.40625rem, -0.0108816964rem + 1.7113095238vi, 1.125rem);
  inset-block-start: clamp(
    1.4375rem,
    -0.1584821429rem + 6.5476190476vi,
    4.1875rem
  );
  inset-inline-end: clamp(1.375rem, -0.1943231441rem + 6.6957787482vi, 4.25rem);
  position: absolute;
}

.p-wakuwakuStructure__boxes .p-wakuwakuStructure__box {
  inline-size: clamp(9.75rem, -0.9623362445rem + 45.7059679767vi, 29.375rem);
  position: relative;
}

.p-wakuwakuStructure__boxes .p-wakuwakuStructure__box:nth-child(-n + 4) {
  block-size: clamp(3.75rem, -0.4121179039rem + 17.7583697234vi, 11.375rem);
}

.p-wakuwakuStructure__boxes .p-wakuwakuStructure__box:nth-child(5) {
  block-size: clamp(4.3125rem, -0.3954694323rem + 20.0873362445vi, 12.9375rem);
}

.p-wakuwakuStructure__btn {
  color: #474747;
  display: inline-block;
  font-size: clamp(0.375rem, 0.0485491071rem + 1.3392857143vi, 0.9375rem);
  font-weight: 700;
  letter-spacing: 0.75px;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  inset-block-end: clamp(0.1875rem, -0.1389508929rem + 1.3392857143vi, 0.75rem);
  inset-inline-end: clamp(0.3125rem, -0.1953125rem + 2.0833333333vi, 1.1875rem);
  position: absolute;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: color 0.25s ease-in-out;
}

.p-wakuwakuStructure-dialog {
  border: none;
  background: transparent;
  overflow: visible;
  inline-size: 716px;
}

.p-wakuwakuStructure-dialog__inner {
  border-radius: 20px;
  border: none;
  padding: 0;
  position: relative;
  outline: solid 3px #83c7f1;
}

.p-wakuwakuStructure-dialog__inner--yellow {
  background-color: #fef4d6;
}
.p-wakuwakuStructure-dialog__inner--orange {
  background-color: #fff5ec;
}
.p-wakuwakuStructure-dialog__inner--pink {
  background-color: #ffeded;
}
.p-wakuwakuStructure-dialog__inner--gray {
  background-color: #f3f1f2;
}
.p-wakuwakuStructure-dialog__inner--skyblue {
  background-color: #e0f7fb;
}

.p-wakuwakuStructure-dialog__body {
  position: relative;
  padding: 30px 15px;
  border-radius: 20px;
  text-align: center;
}
.p-wakuwakuStructure-dialog__body:after {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 35px;
  width: 88px;
  height: 85px;
  display: block;
  background: url(../img/content/wakuwaku/icon-modal-book.webp) no-repeat center
    center/contain;
}
/* thickbox内では dialog の強制中央寄せを止める */
dialog[open] {
  margin: auto;
}

.p-wakuwakuStructure-dialog__content {
  background-color: #fff;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25);
  max-inline-size: 538px;
  margin: 0 auto;
  padding: 18px 15px;
}

.p-wakuwakuStructure-dialog__title {
  font-size: clamp(
    12px,
    calc(12px + (15 - 12) * ((100vw - 390px) / (1440 - 390))),
    15px
  );
  font-weight: bold;
  margin-bottom: 7px;
}
.p-wakuwakuStructure-dialog__subtitle {
  font-size: clamp(
    12px,
    calc(12px + (15 - 12) * ((100vw - 390px) / (1440 - 390))),
    15px
  );
  font-weight: bold;
}

.p-wakuwakuStructure-dialog__text {
  font-size: clamp(
    14px,
    calc(14px + (17 - 14) * ((100vw - 390px) / (1440 - 390))),
    17px
  );
  font-weight: bold;
  margin-block-start: 10px;
}
.p-wakuwakuStructure-dialog__detail {
  font-size: 13px;
  text-align: left;
}

.p-wakuwakuStructure-dialog__flex {
  display: flex;
  margin-bottom: 10px;
}

.p-wakuwakuStructure-dialog__flex--three {
  gap: 7px;
}
.p-wakuwakuStructure-dialog__flex--two {
  gap: 60px;
}

.p-wakuwakuStructure-dialog__flex--three .p-wakuwakuStructure-dialog__item {
  width: calc(100% / 3);
}

.p-wakuwakuStructure-dialog__flex--three
  .p-wakuwakuStructure-dialog__item
  video {
  max-width: 164px;
}

.p-wakuwakuStructure-dialog__item .js-videoHost {
  position: relative;
}
.p-wakuwakuStructure-dialog__item .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-image: url(../img/content/wakuwaku/icon-play.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-wakuwakuStructure-dialog__flex--three .p-wakuwakuStructure-dialog__image {
  height: 100px;
  overflow: hidden;
}

.p-wakuwakuStructure-dialog__close {
  position: absolute;
  top: -23px;
  cursor: pointer;
  right: -23px;
  width: 45px;
  height: 45px;
  z-index: 9999;
  display: block;
  background: url(../img/content/wakuwaku/icon-modal-close.svg) no-repeat center
    center/cover;
}

iframe.p-wakuwakuStructure-dialog__youtube {
  width: 100%;
  max-width: 312px;
  height: auto;
  aspect-ratio: 16 / 9;
}
.p-wakuwakuLineup {
  padding-block: 90px;
  position: relative;
  min-height: 1190px;
}

.p-wakuwakuLineup::before {
  background: url(../img/content/wakuwaku/lineup-bg.webp) repeat-x center
    center/cover;
  content: "";
  inset: 0;
  opacity: 0.6;
  position: absolute;
  z-index: -1;
}
/* .p-wakuwakuLineup::before {
  background: url(../img/content/wakuwaku/lineup-bg.webp) no-repeat center
    center/cover;
  content: "";
  inset: 0;
  opacity: 0.6;
  position: absolute;
  z-index: -1;
} */

.p-wakuwakuLineup__swiper {
  margin-block-start: 47px;
}

.p-wakuwakuLineup__swiper .swiper-wrapper {
  padding-block-end: 82.2px;
}

.p-wakuwakuLineup__swiper .swiper-slide {
  height: auto;
}

.p-wakuwakuLineup__swiper .p-wakuwakuLineup-swiper__img {
  height: 100%;
}

.p-wakuwakuLineup__swiper .p-wakuwakuLineup-swiper__btns {
  block-size: 38.2px;
  display: flex;
  flex-direction: row;
  inline-size: 200px;
  inset-block-end: 0;
  inset-inline-start: 50%;
  justify-content: space-between;
  position: absolute;
  transform: translateX(-50%);
}

.p-wakuwakuLineup__swiper .p-wakuwakuLineup-swiper-button-prev {
  background: url(../img/content/wakuwaku/lineup-arrow-prev.svg) no-repeat
    center center/contain;
  block-size: 38.2px;
  inline-size: 38.2px;
}

.p-wakuwakuLineup__swiper .p-wakuwakuLineup-swiper-button-next {
  background: url(../img/content/wakuwaku/lineup-arrow-next.svg) no-repeat
    center center/contain;
  block-size: 38.2px;
  inline-size: 38.2px;
  inset-inline-end: 0;
}

.p-wakuwakuLineup__swiper .swiper-horizontal > .swiper-pagination-bullets,
.p-wakuwakuLineup__swiper
  .swiper-pagination-bullets.swiper-pagination-horizontal,
.p-wakuwakuLineup__swiper .swiper-pagination-custom,
.p-wakuwakuLineup__swiper .swiper-pagination-fraction {
  padding-block-start: 5px;
  width: auto;
}

.p-wakuwakuLineup__swiper .swiper-pagination-bullet-active {
  background: #f0831e;
}

.p-wakuwakuLineup__body {
  inline-size: min(1112px, 100%);
  margin-block-start: 50px;
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuLineup__box {
  background: #ffffff;
  border: 3px solid #dadada;
  display: flex;
  flex-wrap: wrap;
}

.p-wakuwakuLineup__box .p-wakuwakuLineup-box__label {
  background: #ffffff;
  border-bottom: 3px solid #dadada;
  cursor: pointer;
  flex: 1 1 auto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  order: -1;
  padding-block: 19.17px 16.83px;
  text-align: center;
}

.indent {
  display: none;
}

.p-wakuwakuLineup__box input {
  display: none;
}

.p-wakuwakuLineup-box__content {
  display: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
  padding-block: 45.83px 55.17px;
  padding-inline: 79px;
  width: 100%;
}
.p-wakuwakuLineup-box__list {
  display: flex;
  flex-wrap: wrap;
}

.p-wakuwakuLineup-box__book {
  width: calc(100% / 3);
  list-style-type: disc;
  list-style-position: inside;
}
.p-wakuwakuLineup__box .p-wakuwakuLineup-box__label:has(:checked) {
  border-bottom: 3px solid #f0831e;
  color: #f0831e;
}

.p-wakuwakuLineup__box
  .p-wakuwakuLineup-box__label:has(:checked)
  + .p-wakuwakuLineup-box__content {
  display: block;
}

.p-wakuwakuLineup-box__supplement {
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  margin-block-start: 8.83px;
  text-align: right;
}

.p-wakuwakuPoint {
  padding-block: 90px 39.9px;
}

.p-wakuwakuPoint__inner {
  inline-size: min(1204px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.p-wakuwakuPoint-heading__text {
  color: #474747;
  font-size: 15px;
  letter-spacing: 0.75px;
  line-height: normal;
  margin-block-start: 15px;
  text-align: center;
}

.p-wakuwakuPoint___container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-block-start: 56px;
  row-gap: 24.13px;
  -moz-column-gap: 17.87px;
  column-gap: 17.87px;
}

.p-wakuwakuPoint__card {
  background: #fff;
  border-radius: 18.559px;
  box-shadow: 0 1.28px 6.92px 2.22px rgba(0, 0, 0, 0.1);
  padding-block: 37.12px 35.98px;
  padding-inline: 27.84px;
}

.p-wakuwakuPoint__card--full {
  grid-column: 1/-1;
}

.p-wakuwakuPoint-card__title {
  padding-inline-start: 43.13px;
  position: relative;
}

.p-wakuwakuPoint-card__title::before {
  background: url(../img/content/wakuwaku/point-icon.svg) no-repeat center
    center/contain;
  block-size: 30px;
  content: "";
  inline-size: 28.28px;
  inset-block-start: 3px;
  inset-inline-start: 0px;
  position: absolute;
}

.p-wakuwakuPoint-card__title--main {
  color: #111827;
  font-size: 22.271px;
  font-weight: 700;
  line-height: 29.694px;
}

.p-wakuwakuPoint-card__title--sub {
  color: #636363;
  font-size: 14.847px;
  line-height: 22.271px;
  margin-block-start: 6.9px;
}

.p-wakuwakuPoint-card__text {
  color: #374151;
  font-size: 14.847px;
  line-height: 22.271px;
  margin-block-start: 21.91px;
}

.p-wakuwakuPoint-card__text--little {
  margin-block-start: 6.97px;
}

.p-wakuwakuPoint-card__img {
  margin-block-start: 14.85px;
  margin-inline: auto;
}

.p-wakuwakuPoint-card__img--382 {
  max-inline-size: 382px;
}

.p-wakuwakuPoint-card__img--282 {
  max-inline-size: 282px;
}

.p-wakuwakuPoint-card__img--501 {
  max-inline-size: 501px;
}

.p-wakuwakuPoint-card__bottom {
  align-items: center;
  background: rgba(192, 192, 192, 0.17);
  display: flex;
  flex-direction: row;
  gap: 22px;
  margin-block-start: 30.85px;
  padding-block: 18.56px 18.68px;
  padding-inline: 14.38px 19.49px;
}

.p-wakuwakuPoint-card-bottom__img {
  max-inline-size: 295.288px;
}

.p-wakuwakuPoint-card-bottom__details {
  flex-grow: 1;
  flex-shrink: 0;
  text-align: center;
}

.p-wakuwakuPoint-card-bottom__category {
  background: #f0831e;
  border-radius: 46.397px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18.559px;
  padding: 2.784px 20.803px;
}

.p-wakuwakuPoint-card-bottom__category
  + .p-wakuwakuPoint-card-bottom__category {
  margin-block-start: 8.35px;
}

.p-wakuwakuPoint-card-bottom__archive {
  color: #000;
  display: block;
  font-size: 14.847px;
  font-weight: 500;
  line-height: 22.271px;
  margin-block-start: 12.77px;
  position: relative;
}

.p-wakuwakuPoint-card-bottom__archive::after {
  content: "→";
  font-size: 14.847px;
  font-weight: 500;
  inset-inline-end: 0px;
  line-height: 22.271px;
  position: absolute;
}

.p-wakuwakuPoint-card__imgs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-block-start: 14.85px;
  margin-inline: auto;
  max-inline-size: 758px;
}

.p-wakuwakuPoint-card__imgs > :nth-child(1) {
  max-inline-size: 246px;
}

.p-wakuwakuPoint-card__imgs > :nth-child(2) {
  max-inline-size: 246px;
}

.p-wakuwakuPoint-card__imgs > :nth-child(3) {
  max-inline-size: 246px;
}

.p-wakuwakuPoint-card__imgs > :nth-child(4) {
  max-inline-size: 128px;
}

.p-wakuwakuPoint-card__imgs > :nth-child(5) {
  max-inline-size: 246px;
}

.p-wakuwakuPoint-card-6__content {
  margin-block-start: 14.85px;
}

.p-wakuwakuPoint-card-6-content__top {
  align-items: center;
  background: #f4f4f4;
  display: flex;
  flex-direction: row;
  gap: 53.82px;
  justify-content: center;
  padding-block: 10.21px 9.28px;
  padding-inline: 16px;
}

.p-wakuwakuPoint-card-6-content__top > :nth-child(1) {
  max-inline-size: 259.824px;
}

.p-wakuwakuPoint-card-6-content__top > :nth-child(2) {
  max-inline-size: 139.191px;
}

.p-wakuwakuPoint-card-6-content__top > :nth-child(3) {
  max-inline-size: 185.588px;
}

.p-wakuwakuPoint-card-6-content__bottom {
  background: #f4f4f4;
  display: flex;
  flex-direction: row;
  gap: 70.52px;
  justify-content: center;
  margin-block-start: 75.16px;
  padding-block: 21.34px 12.99px;
  padding-inline: 16px;
  position: relative;
}

.p-wakuwakuPoint-card-6-content__bottom::before {
  background: url(../img/content/wakuwaku/point-arrow.svg) no-repeat center
    center/contain;
  block-size: 75.163px;
  content: "";
  inline-size: 44.541px;
  inset-block-start: -75.163px;
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.p-wakuwakuPoint-card-6-content-bottom__left {
  max-inline-size: 335px;
}

.p-wakuwakuPoint-card-6-content-bottom__img {
  max-inline-size: 323px;
}

.p-wakuwakuPoint-card-6-content-bottom__text {
  color: #374151;
  font-size: 14.847px;
  line-height: 22.271px;
}

.p-wakuwakuPoint-card-6-content-bottom__right {
  max-inline-size: 310px;
}

.p-wakuwakuActivity {
  padding-block: 112px 109px;
}

.p-wakuwakuActivity__inner {
  padding-inline: 20px;
}

.p-wakuwakuActivity__card {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  margin-inline: auto;
  max-inline-size: 1400px;
  overflow: hidden;
  padding-block: clamp(3.125rem, 2.6375rem + 2vi, 4.4375rem);
  padding-inline: clamp(2rem, -5rem + 14.5833333333vi, 8.125rem);
}

.p-wakuwakuActivity__card--top {
  position: relative;
}

.p-wakuwakuActivity__card--top::before {
  background: url(../img/content/wakuwaku/activity-top-bg.webp) no-repeat center
    center/cover;
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__inner {
  align-items: center;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  gap: 19.68px;
  justify-content: flex-end;
  padding-block: 26.54px;
  padding-inline-end: clamp(
    1rem,
    -3.9285714286rem + 10.2678571429vi,
    5.3125rem
  );
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__img {
  margin-block-start: -19px;
  max-inline-size: 416px;
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__content {
  margin-block-start: 15px;
  max-inline-size: 578px;
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__title {
  color: #474747;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 1.5px;
  line-height: normal;
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__text {
  color: #474747;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  line-height: 28.8px;
  margin-block-start: 35px;
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card-btn {
  display: flex;
  justify-content: flex-end;
  margin-block-start: 43px;
}
.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card-btn {
  margin-block-start: 43px;
}

.p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__btn {
  background: #f0831e;
  border: 1px solid #f0831e;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.3px;
  line-height: normal;
  padding-block: 19px;
  padding-inline: 62px;
  text-align: center;
}

.p-wakuwakuActivity__card--bottom {
  margin-block-start: 75px;
  position: relative;
}

.p-wakuwakuActivity__card--bottom::before {
  background: url(../img/content/wakuwaku/activity-bottom-bg.webp) no-repeat
    center center/cover;
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__inner {
  align-items: center;
  background: #ffffff;
  display: flex;
  flex-direction: row-reverse;
  gap: 19.68px;
  justify-content: flex-end;
  padding-block: 26.54px;
  padding-inline-start: clamp(
    1rem,
    -3.9285714286rem + 10.2678571429vi,
    5.3125rem
  );
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__img {
  flex: 1;
  margin-block-start: -20px;
  max-inline-size: 416px;
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__content {
  flex: 1;
  max-inline-size: 578px;
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__title {
  color: #474747;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 1.5px;
  line-height: normal;
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__text {
  color: #474747;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  line-height: 28.8px;
  margin-block-start: 18px;
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card-btn {
  display: flex;
  justify-content: flex-end;
}

.p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__btn {
  background: #f0831e;
  border: 1px solid #f0831e;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.3px;
  line-height: normal;
  padding-block: 19px;
  padding-inline: 62px;
  text-align: center;
}

.p-wakuwakuMeritTop {
  background:
    linear-gradient(
      0deg,
      rgba(255, 156, 63, 0.1) 0%,
      rgba(255, 156, 63, 0.1) 100%
    ),
    #fff;
  padding-block: 111px 86px;
}

.p-wakuwakuMeritTop-heading__text {
  color: #474747;
  font-size: 15px;
  letter-spacing: 0.75px;
  line-height: normal;
  margin-block-start: 15px;
  text-align: center;
}

.p-wakuwakuMeritTop__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  inline-size: min(1159px, 100%);
  margin-block-start: 84.96px;
  margin-inline: auto;
  padding-inline: 16px;
  -moz-column-gap: clamp(
    0.5rem,
    -2.8692857143rem + 7.0193452381vi,
    3.448125rem
  );
  column-gap: clamp(0.5rem, -2.8692857143rem + 7.0193452381vi, 3.448125rem);
}

.p-wakuwakuMeritTop__item a {
  text-decoration: underline;
}

.p-wakuwakuMeritTop-item__img {
  border-radius: 15px;
}

.p-wakuwakuMeritTop-item__img img {
  border-radius: 15px;
}

.p-wakuwakuMeritTop-item__titles {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-block-start: 25.29px;
}

.p-wakuwakuMeritTop-item__title__num {
  color: #f0831e;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.85px;
  line-height: normal;
}

.p-wakuwakuMeritTop-item__title {
  color: #474747;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: normal;
  padding-inline-start: 3px;
  position: relative;
}

.p-wakuwakuMeritTop-item__title::before {
  background: #f0831e;
  block-size: 2px;
  content: "";
  inline-size: calc(100% - 3px);
  inset-block-end: 0px;
  inset-inline-start: 0px;
  position: absolute;
}

.p-wakuwakuMeritTop-item__text {
  color: #474747;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.85px;
  line-height: 30.6px;
  margin-block-start: 22px;
}

.p-wakuwakuMeritTop__body {
  inline-size: min(1174px, 100%);
  margin-block-start: 40px;
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuMeritTop-body__inner {
  background: #ffffff;
  padding-block: 75px 73px;
  padding-inline: clamp(1rem, -5.6428571429rem + 13.8392857143vi, 6.8125rem)
    clamp(1rem, -4.4285714286rem + 11.3095238095vi, 5.75rem);
  text-align: center;
}

.p-wakuwakuMeritTop-body__title {
  background: #9dc815;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.25px;
  line-height: normal;
  padding-block: 10px 9px;
  padding-inline: 103.92px 100.92px;
  text-align: center;
}

.p-wakuwakuMeritTop__table {
  margin-block-start: 31px;
}

.p-wakuwakuMeritBottom {
  background:
    linear-gradient(
      0deg,
      rgba(255, 156, 63, 0.1) 0%,
      rgba(255, 156, 63, 0.1) 100%
    ),
    #fff;
  padding-block: 0px 86px;
}

.p-wakuwakuMeritBottom-heading__text {
  color: #474747;
  font-size: 15px;
  letter-spacing: 0.75px;
  line-height: normal;
  margin-block-start: 15px;
  text-align: center;
}

.p-wakuwakuMeritBottom__body {
  inline-size: min(1185px, 100%);
  margin-block-start: 47px;
  margin-inline: auto;
  padding-inline: 16px;
}

.p-wakuwakuMeritBottom-body__inner {
  background: #fff;
  border-radius: 15px;
  padding-block: 77px 63px;
}

.p-wakuwakuMeritBottom__table {
  margin-inline-start: clamp(
    2.5rem,
    -4.8571428571rem + 15.3273809524vi,
    8.9375rem
  );
  max-inline-size: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-inline-end: 40px;
}

.p-wakuwakuMeritBottom__table::-webkit-scrollbar {
  display: none;
}

.p-wakuwakuMeritBottom-table__row,
.p-wakuwakuMeritBottom-table__row--top {
  max-inline-size: 867px;
  min-inline-size: 866px;
}

.p-wakuwakuMeritBottom-table__row--top {
  border-bottom: 2px solid #b0b0b0;
  display: flex;
  flex-direction: row;
  gap: 120px;
  padding-block-end: 15px;
}

.p-wakuwakuMeritBottom-table__row--top p {
  color: #f0831e;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.85px;
  line-height: normal;
  min-inline-size: 135px;
}

.p-wakuwakuMeritBottom-table__row {
  border-bottom: 1px solid #cecece;
  display: flex;
  flex-direction: row;
  gap: 120px;
  padding-block: 18px 17.5px;
}

.p-wakuwakuMeritBottom-table__row p {
  color: #474747;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.85px;
  line-height: normal;
  min-inline-size: 135px;
}

.p-wakuwakuMeritBottom-table__explain {
  color: #474747;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.85px;
  line-height: normal;
  margin-block-start: 18px;
  padding-inline-start: 19px;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-wakuwakuMeritBottom-table__explain .small {
    font-size: 14px;
  }
}

.p-wakuwakuMeritBottom-table__explain::before {
  background: #f0831e;
  block-size: calc(100% - 2px);
  content: "";
  inline-size: 5px;
  inset-block-start: 1px;
  inset-inline-start: 0px;
  position: absolute;
}

.p-wakuwakuMeritBottom-table__annotation {
  margin-block-start: 20px;
  font-size: 14px;
}

.p-wakuwakuMeritBottom__btn {
  margin-block-start: 45px;
  text-align: center;
}

.p-wakuwakuMeritBottom-btn {
  background: #f0831e;
  border: 1px solid #f0831e;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.85px;
  line-height: normal;
  padding-block: 16px 15px;
  padding-inline: 51px 50px;
  text-align: center;
}

/* 組織体制ここから */
.p-organization__inner {
  inline-size: min(1332px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
  padding-block: 40px;
}
.p-organization__card {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.p-organization__card .c-button {
  padding-inline: 69px;
}

.p-organization__content {
  width: 100%;
}
.p-organization__card--production {
  flex-direction: row-reverse;
  gap: 30px;
  justify-content: flex-end;
}

.p-organization__img {
  max-inline-size: 651px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 384px;
  flex-shrink: 0;
}

.p-organization__card--marketing .p-organization__img {
  background-image: url(/wordpress/wp-content/uploads/2019/10/事業案内_背景.jpg);
}
.p-organization__card--production .p-organization__img {
  background-image: url(/wordpress/wp-content/uploads/2019/10/caf8ac89110cc9fc884bf27929f67344_s.jpg);
}
.p-organization__card--management .p-organization__img {
  background-image: url(/wordpress/wp-content/uploads/2019/10/bb994bc5e60722f5a2c54d5a7b4b8e46_s.jpg);
}

.p-organization__card:first-child .p-organization-content__title {
  margin-block-start: 34px;
}
.p-organization-content__title {
  font-size: 25px;
  font-weight: 600;
}
.p-organization-content__text {
  margin-block-start: 34px;
  font-weight: 400;
  line-height: 1.5;
}

.p-organization-content__link {
  margin-block-start: 34px;
  display: flex;
  flex-direction: row;
  gap: 50px;
  flex-wrap: wrap;
}

/* 組織体制 - (公教育事業・私教育事業・ 生涯学習事業）*/
.p-organization-detail__card {
  display: flex;
  padding-block-start: 70px;
  align-items: flex-start;
}
.p-organization__card--public .p-organization-content__title {
  max-inline-size: 316px;
}

.p-organization__card--lifelong .p-organization-content__title {
  max-inline-size: 316px;
}

.p-organization-detail__content {
  padding-block-start: 60px;
}
.p-organization-detail__img {
  flex-shrink: 0;
  max-inline-size: 565px;
}
.p-organization-detail__card--private {
  gap: 142px;
}
.p-organization-detail__card--public {
  gap: 142px;
}
.p-organization-detail__card--lifelong {
  gap: 72px;
}

.p-organization-detail__card--public .p-organization-detail__img {
  max-inline-size: 608px;
}

.p-organization-detail__title {
  /* font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem); */
  line-height: 1.5;
  font-weight: 400;
}
.p-organization-detail__text {
  margin-block-start: 34px;
  line-height: 1.5;
  font-weight: 400;
}

.p-organization__card--public,
.p-organization__card--private,
.p-organization__card--lifelong {
  gap: 56px;
}

/* 組織体制ここまで */

/* 自立学習型指導とは　ここから */

.p-independent__inner {
  inline-size: min(1332px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
  padding-block: 40px;
}
.p-independent__card {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.p-independent__card--head {
  gap: 58px;
}
.p-independent-content__title {
  line-height: 1.5;
  font-weight: 900;
  font-size: clamp(1.25rem, 0.81rem + 1.88vw, 2.5rem);
}
.p-independent-content__text {
  padding-block-start: 34px;
  font-size: 16px;
  line-height: 1.5;
}
.p-independent-about {
  max-width: 740px;
  margin: 0 auto;
  padding-block-start: 97px;
}
.p-independent-about__title {
  font-size: clamp(1.25rem, 0.81rem + 1.88vw, 2.5rem);
  font-weight: 900;
  padding-block-start: 34px;
}
.p-independent-about__text {
  padding-block-start: 34px;
}
.p-independent-about__text--color {
  color: #1887e8;
}
.p-independent-about__point {
  padding-block-start: 34px;
  display: flex;
  gap: 25px;
}
.p-independent-about__point-item {
  border-radius: 10px;
  background-color: #dbedfd;
  font-weight: 600;
  padding: 15px 27px;
}
.p-independent-about__subtitle {
  position: relative;
  font-size: 1.4em;
  margin-bottom: 10px;
  line-height: 1.5em;
  padding-left: 14px;
  margin-bottom: 19px;
  padding-bottom: 5px;
}
.p-independent-about__subtitle::before {
  content: "";
  height: 3px;
  width: 200px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  background-color: #3399ff;
}
.p-independent-about__subtitle::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ccc;
}
.p-independent-about__card {
  display: flex;
  gap: 24px;
  padding-block-start: 34px;
}
.p-independent-about__content {
  width: 100%;
}
.p-independent-about__content:first-child {
  max-width: 273px;
  flex-shrink: 0;
}
.p-independent-about__item {
  list-style: disc;
  list-style-position: inside;
}
.p-independent-flow {
  padding-block-start: 34px;
}
.p-independent__card--can {
  flex-direction: row-reverse;
  gap: 30px;
}
.p-independent__card--can .p-independent__img {
  max-inline-size: 630px;
  flex-shrink: 0;
}
.p-independent__card--future {
  padding-block-start: 34px;
  align-items: flex-start;
}
.p-independent__card--future .p-independent__img {
  max-inline-size: 630px;
  flex-shrink: 0;
}
/* 自立学習型指導とは　ここまで */
/* コーポお問い合わせ　ここから */
.page .c-contact__inner {
  margin-block-start: 78px;
}
.c-contact__inner {
  inline-size: min(1140px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}
.c-contact.thanks p {
  line-height: 1.5;
}
.c-contact__title {
  margin-block-start: 60px;
  font-weight: 600;
  font-size: clamp(
    20px,
    calc(20px + (34 - 20) * ((100vw - 390px) / (1440 - 390))),
    34px
  );
  font-weight: 500;
  line-height: 1.5;
}
.c-contact__text {
  margin-block-start: 40px;
  line-height: 1.5;
  font-size: clamp(
    14px,
    calc(14px + (18 - 14) * ((100vw - 390px) / (1440 - 390))),
    18px
  );
}

.c-contact__text--bold {
  font-weight: bold;
  display: inline-block;
  padding: auto;
}

.c-contact__text a {
  color: #1887e8;
}

.c-form {
  inline-size: min(950px, 100%);
  margin: 90px auto 0 auto;
}

.c-form__head {
  border-bottom: solid 3px #1887e8;
  padding-bottom: 6px;
  text-align: left;
}
.c-form__title {
  font-size: 21px;
  display: inline-block;
  font-weight: 400;
  margin-right: 21px;
}

.c-form__required {
  font-size: 17px;
  display: inline-block;
}

.c-form__required .color {
  color: #eb0000;
}

.c-form__body {
  background-color: #ebf4ff;
  margin-block-start: 35px;
  padding: 30px !important;
  margin-bottom: 30px;
}

.c-form .checkbox-text {
  text-align: center;
  font-size: 15px;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 800px) {
  .nf-field-container .checkbox-wrap .nf-field-label label:before {
    left: 0 !important;
  }
}
.checkbox-container.label-right label:before {
  left: 0 !important;
}
.label-above .nf-field-element {
  text-align: center;
}
.field-wrap.checkbox-wrap a {
  padding-left: 30px;
  color: #1887e8;
}
.checkbox-container.label-right .field-wrap {
  justify-content: center;
}
.checkbox-container.label-right .field-wrap > div {
  width: auto !important;
}
.c-form .checkbox-container.label-right label:after {
  left: 0 !important;
}

.nf-form-content {
  padding: 0 !important;
}
.nf-form-content label {
  font-size: 14px !important;
  font-weight: normal !important;
  margin: 5px !important;
}

#ninja_forms_required_items,
.nf-field-container {
  margin-bottom: 6px !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
  background-color: #fff !important;
  border-radius: 5px !important;
}

.nf-form-content input[type="submit"] {
  background-color: #1887e8 !important;
  border-radius: 100vw !important;
  text-align: center !important;
  min-width: 230px;
}

.c-tel {
  inline-size: min(950px, 100%);
  background-color: #ebf4ff;
  margin: 0 auto;
  padding: 60px 30px;
  text-align: center;
}

.c-contact.thanks .c-tel {
  margin-block-start: 64px;
}

.c-tel__text {
  font-size: 15px;
}

.c-tel__number {
  font-size: 40px;
  color: #1887e8;
  font-weight: 900;
  margin-block-start: 10px;
}

.c-tel__cta {
  display: flex;
  margin-block-start: 27px;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 767px) {
  .c-tel__cta {
    flex-direction: column;
  }
}

.c-tel__button {
  letter-spacing: 0.05rem;
  text-align: center;
  border-radius: 100vw;
  box-shadow: 0px 2px 4px #98b1cf;
  line-height: 1;
  padding: 1.4rem 3.6rem;
}
.c-tel__button .text {
  position: relative;
  font-weight: bold;
  font-size: clamp(
    14px,
    calc(14px + (18 - 14) * ((100vw - 390px) / (1440 - 390))),
    18px
  );
  margin: 0;
  line-height: 1;
}

.c-tel__button .text:after {
  content: "";
  width: 11px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-tel__button:hover {
  text-decoration: none !important;
}

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

.c-tel__button--white .text {
  color: #1887e8;
}

.c-tel__button--white .text:after {
  background-image: url(../img/content/contact/icon-arrow-blue.svg);
  right: -23px;
}
.c-tel__button--blue {
  background-color: #1887e8;
}
.c-tel__button--blue .text {
  color: #fff;
}
.c-tel__button--blue .text:after {
  background-image: url(../img/content/contact/icon-arrow-white.svg);
  right: -20px;
}

.l-main.no-fv {
  margin-block-start: clamp(
    40px,
    calc(40px + (100 - 40) * ((100vw - 390px) / (1440 - 390))),
    100px
  );
}

.c-closed {
  padding: 30px 20px;
  box-shadow: 0px 0px 20px rgba(61, 94, 72, 0.1);
  margin-block-start: 30px;
  background-color: #fff;
}

.c-closed__inner {
  max-width: 790px;
  margin: 0 auto;
}

.c-closed__text {
  line-height: 1.75;
  font-size: clamp(
    14px,
    calc(14px + (16 - 14) * ((100vw - 390px) / (1440 - 390))),
    16px
  );
}

/* コーポお問い合わせ　ここまで */

.u-visuallyHidden {
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

html.is-fixed,
body.is-fixed {
  overflow-y: hidden;
  width: 100%;
}

.u-nowrap {
  white-space: nowrap;
}

[data-animation] {
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-animation].is-animated {
  opacity: 1;
}

[data-animation="fade-in"] {
  transform: translateY(30px);
}

[data-animation="fade-in"].is-animated {
  transform: translateY(0);
}

[data-animation="fade-in-left"] {
  transform: translateX(-50px);
}

[data-animation="fade-in-left"].is-animated {
  transform: translateX(0);
}

[data-animation="fade-in-right"] {
  transform: translateX(50px);
}

[data-animation="fade-in-right"].is-animated {
  transform: translateX(0);
}

[data-animation="fade-in-down"] {
  transform: translateY(-50px);
}

[data-animation="fade-in-down"].is-animated {
  transform: translateY(0);
}

[data-animation="fade-in-up"] {
  transform: translateY(50px);
}

[data-animation="fade-in-up"].is-animated {
  transform: translateY(0);
}

[data-animation="scale-fade"] {
  transform: scale(0.8);
}

[data-animation="scale-fade"].is-animated {
  transform: scale(1);
}

[data-animation="zoom-fade"] {
  transform: scale(1.1);
}

[data-animation="zoom-fade"].is-animated {
  transform: scale(1);
}

[data-animation="rotate-fade"] {
  transform: rotate(10deg);
}

[data-animation="rotate-fade"].is-animated {
  transform: rotate(0deg);
}

[data-animation="slide-rotate"] {
  transform: translateX(-50px) rotate(-5deg);
}

[data-animation="slide-rotate"].is-animated {
  transform: translateX(0) rotate(0deg);
}

[data-animation="bounce-in"] {
  transform: translateY(30px) scale(0.9);
}

[data-animation="bounce-in"].is-animated {
  transform: translateY(0) scale(1);
}

[data-animation-delay="0.1s"] {
  transition-delay: 0.1s;
}

[data-animation-delay="0.2s"] {
  transition-delay: 0.2s;
}

[data-animation-delay="0.3s"] {
  transition-delay: 0.3s;
}

[data-animation-delay="0.4s"] {
  transition-delay: 0.4s;
}

[data-animation-delay="0.5s"] {
  transition-delay: 0.5s;
}

[data-animation-delay="0.6s"] {
  transition-delay: 0.6s;
}

[data-animation-delay="0.7s"] {
  transition-delay: 0.7s;
}

[data-animation-delay="0.8s"] {
  transition-delay: 0.8s;
}

[data-animation-delay="0.9s"] {
  transition-delay: 0.9s;
}

[data-animation-delay="1s"] {
  transition-delay: 1s;
}

[data-animation-duration="fast"] {
  transition-duration: 0.4s;
}

[data-animation-duration="slow"] {
  transition-duration: 1.2s;
}

[data-animation-duration="very-slow"] {
  transition-duration: 2s;
}

[data-animation-easing="ease-in"] {
  transition-timing-function: ease-in;
}

[data-animation-easing="ease-out"] {
  transition-timing-function: ease-out;
}

[data-animation-easing="ease-in-out"] {
  transition-timing-function: ease-in-out;
}

[data-animation-easing="bounce"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.u-animation-paused {
  animation-play-state: paused !important;
}

.is-animation-immediate [data-animation] {
  opacity: 1;
  transform: none;
}

.is-animation-ready [data-animation] {
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-animation="flip-x"] {
  transform: perspective(400px) rotateX(90deg);
}

[data-animation="flip-x"].is-animated {
  transform: perspective(400px) rotateX(0deg);
}

[data-animation="flip-y"] {
  transform: perspective(400px) rotateY(90deg);
}

[data-animation="flip-y"].is-animated {
  transform: perspective(400px) rotateY(0deg);
}

[data-animation="slide-fade-diagonal"] {
  transform: translate(-30px, 30px);
}

[data-animation="slide-fade-diagonal"].is-animated {
  transform: translate(0, 0);
}

[data-animation="elastic"] {
  transform: scale(0.3);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-animation="elastic"].is-animated {
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  [data-animation] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (min-width: 450px) and (max-width: 767px) {
  .u-hidden-mid {
    display: none;
  }
}

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

@media screen and (min-width: 768px) {
  .l-header__logo {
    transition: opacity 0.3s;
  }

  .l-header__logo:hover {
    opacity: 0.6;
  }

  /* 通常：hover / focus-within で開く（全メニュー共通） */
  .l-gnav__item--button:hover .l-gnav__dropdown,
  .l-gnav__item--button:focus-within .l-gnav__dropdown {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }

  /* Selfeeページ：サービスだけは hover / focus-within で開かせない（JSのis-openで制御したいから） */
  .is-selfee-page .l-gnav__item--service:hover .l-gnav__dropdown,
  .is-selfee-page .l-gnav__item--service:focus-within .l-gnav__dropdown {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  /* Selfeeページ：サービスは is-open のときだけ開く */
  .is-selfee-page .l-gnav__item--service.is-open #js-service-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .l-gnav__item--button:hover .l-gnav__button::after,
  .l-gnav__item--button:focus-within .l-gnav__button::after {
    transform: rotate(180deg);
  }

  .l-gnav__link,
  .l-gnav__button {
    transition: all 0.3s;
  }

  .l-gnav__link:hover,
  .l-gnav__button:hover {
    color: #a6a8ab;
  }

  .l-gnav__link:hover::before,
  .l-gnav__link:hover::after,
  .l-gnav__button:hover::before,
  .l-gnav__button:hover::after {
    background: #a6a8ab;
  }

  .l-gnav__link:hover::after,
  .l-gnav__button:hover::after {
    transform: rotate(180deg);
  }

  .l-gnav__dropdown-link {
    transition: all 0.3s;
  }

  .l-gnav__dropdown-link:hover {
    background: #ebf4ff;
  }

  .l-gnav__dropdown-link:hover .l-gnav__dropdown-text {
    color: #004097;
    translate: 33px;
  }

  .l-footer__logo {
    transition: opacity 0.3s;
  }

  .l-footer__logo:hover {
    opacity: 0.6;
  }

  .l-footer__nav-link {
    transition: color 0.3s;
  }

  .l-footer__nav-link:hover {
    color: #a6a8ab;
  }

  .l-footer__sns {
    transition: opacity 0.3s;
  }

  .l-footer__sns:hover {
    opacity: 0.6;
  }

  .c-button {
    transition: all 0.3s;
  }

  .c-button:hover {
    background: #a6a8ab;
  }

  .c-button-detail {
    transition: color 0.3s;
  }

  .c-button-detail:hover {
    color: #cbcbcb;
  }

  .c-button-detail:hover::before {
    background: url(../img/ui/icons/button-arrow-circle-gray.webp) no-repeat
      center center/contain;
  }

  .c-learning-card__head {
    gap: clamp(0.5rem, -0.4972139673rem + 2.0802377415vi, 1.375rem);
  }

  .c-learning-card__num {
    font-size: clamp(1.25rem, 0.3745885958rem + 1.8261515602vi, 2.018125rem);
    /* padding: clamp(0.9375rem, 0.4388930163rem + 1.0401188707vi, 1.375rem)
      clamp(0.9375rem, 0.2252043091rem + 1.485884101vi, 1.5625rem); */
  }

  .c-learning-card__title {
    font-size: clamp(1.0625rem, 0.6962375557rem + 0.7640416048vi, 1.383875rem);
  }

  .c-topSeminarArchive-card.swiper-slide:hover .c-topSeminarArchive-card__title,
  .c-topSeminarArchive-card.swiper-slide:hover .c-topSeminarArchive-card__text {
    color: #bcbcbc;
  }

  .c-topSeminarArchive-card.swiper-slide:hover
    .c-topSeminarArchive-card__link::after {
    background: url(../img/ui/icons/service-link-arrow-gray.webp) no-repeat
      center center/contain;
  }

  .c-topSeminarArchive-card.swiper-slide:hover
    .c-topSeminarArchive-card__head
    img {
    transform: scale(1.02);
  }

  .c-topSeminarArchive-card.swiper-slide:hover .c-topSeminarArchive-card__tag {
    border: 1px solid #bcbcbc;
    color: #bcbcbc;
  }

  .c-topMedia-card:hover .c-topMedia-card__head img {
    transform: scale(1.02);
  }

  .c-topMedia-card:hover .c-topMedia-card__title,
  .c-topMedia-card:hover .c-topMedia-card__text {
    color: #cbcbcb;
  }

  .c-topNews-card:hover .c-topNews-card__category {
    background-color: #bcbcbc;
  }

  .c-topNews-card:hover .c-topNews-card__date {
    color: #bcbcbc;
  }

  .c-topNews-card:hover .c-topNews-card__title {
    color: #bcbcbc;
  }

  .c-topNews-card:hover .c-topNews-card__content::before {
    background: url(../img/ui/icons/button-arrow-circle-gray.webp) no-repeat
      center center/contain;
  }

  .c-pagination__link:hover {
    background: #004097;
    border: none;
    color: #ffffff;
  }

  .c-pagination__link:hover.c-pagination__link--prev::before {
    background: url(../img/ui/icons/pagination-arrow-prev-white.webp) no-repeat
      center center/contain;
  }

  .c-pagination__link:hover.c-pagination__link--next::before {
    background: url(../img/ui/icons/pagination-arrow-next-white.webp) no-repeat
      center center/contain;
  }

  .c-seminarArchive-link:hover .c-seminarArchive__thumbnail img {
    transform: scale(1.02);
  }

  .c-seminarArchive-link:hover .c-seminarArchive__date,
  .c-seminarArchive-link:hover .c-seminarArchive__title,
  .c-seminarArchive-link:hover .c-seminarArchive__text {
    color: #bcbcbc;
  }

  .c-singleSeminarArchiveCard:hover .c-singleSeminarArchiveCard__thumbnail img {
    transform: scale(1.05);
  }

  .c-singleSeminarArchiveCard:hover .c-singleSeminarArchiveCard__date,
  .c-singleSeminarArchiveCard:hover .c-singleSeminarArchiveCard__title {
    color: #bcbcbc;
  }

  .c-cardFeature--problem:nth-of-type(4) .c-cardFeature__wrap,
  .c-cardFeature--problem:nth-of-type(5) .c-cardFeature__wrap {
    aspect-ratio: 372/463;
    inline-size: 372px;
  }

  .c-cardFeature--problem:nth-of-type(4) .c-cardFeature__head,
  .c-cardFeature--problem:nth-of-type(5) .c-cardFeature__head {
    inline-size: calc(100% - 32px);
    margin-inline: auto;
  }

  .c-cardFeature--problem:nth-of-type(4) .c-cardFeature__text {
    margin-inline: -8px;
  }

  .c-cardFeature--problem:nth-of-type(5) .c-cardFeature__title {
    margin-inline: -8px;
  }

  .c-wakuwakuService-card__logo::before,
  .c-serviceList-card__logo::before {
    content: none;
  }

  .c-wakuwakuService-card__logo.--1,
  .c-serviceList-card__logo.--1 {
    inline-size: 175px;
    inset-block-start: 87px;
  }

  .c-wakuwakuService-card__logo.--2,
  .c-serviceList-card__logo.--2 {
    inline-size: 135px;
    inset-block-start: 47px;
  }

  .c-wakuwakuService-card__logo.--3,
  .c-serviceList-card__logo.--3 {
    inline-size: 202px;
    inset-block-start: 61px;
  }

  .c-wakuwakuService-card__logo.--4,
  .c-serviceList-card__logo.--4 {
    inline-size: 180px;
    inset-block-start: 68px;
  }

  .c-wakuwakuService-card__logo.--5,
  .c-serviceList-card__logo.--5 {
    inline-size: 159px;
    inset-block-start: 71px;
  }

  .c-wakuwakuService-card__logo.--6,
  .c-serviceList-card__logo.--6 {
    inline-size: 200px;
    inset-block-start: 74px;
  }

  .c-selfeeChallenges-media__img--3 img {
    padding-block: 10px;
    padding-inline-end: 14px;
  }

  .p-drawer__item-link,
  .p-drawer__item-button {
    transition: all 0.3s;
  }

  .p-drawer__item-link:hover,
  .p-drawer__item-button:hover {
    color: #a6a8ab;
  }

  .p-drawer__dropdown-link {
    transition: all 0.3s;
  }

  .p-drawer__dropdown-link:hover {
    color: #a6a8ab;
  }

  .p-topFv__button {
    transition: all 0.3s;
  }

  .p-topFv__button:hover {
    background: #bcbcbc;
    color: #ffffff;
  }

  .p-serviceLinks__card:hover,
  .p-aboutContents__card:hover {
    translate: 0
      calc(clamp(1.875rem, -0.8392857143rem + 5.6547619048vi, 4.25rem) * -1);
  }

  .p-serviceLinks__card:hover::before {
    background: #000;
    opacity: 0.6;
  }

  .p-serviceLinks__card:hover::after,
  .p-aboutContents__card:hover::after {
    opacity: 1;
  }

  .p-serviceLinks__card:hover .p-serviceLinks__layer::after {
    background: url(../img/ui/icons/service-link-arrow-blue.svg) no-repeat
      center center/contain;
  }

  .p-topNews__category-button:hover {
    background-color: #1887e8;
    color: #ffffff;
  }

  .p-news__category__button:hover {
    background: #004097;
    color: #ffffff;
  }

  .p-news__card-link:hover::after {
    background: url(../img/ui/icons/service-link-arrow-gray.webp) no-repeat
      center center/contain;
  }

  .p-news__card-link:hover .p-news__card-date,
  .p-news__card-link:hover .p-news__card-title {
    color: #bcbcbc;
  }

  .p-news__card-link:hover .p-news__card-category {
    background: #bcbcbc;
  }

  .p-seminarNew__link:hover {
    opacity: 0.7;
  }

  .p-contact__submit:hover > input {
    filter: brightness(1.1);
  }

  .p-entry__privacyText a {
    transition: opacity 0.3s;
  }

  .p-entry__privacyText a:hover {
    opacity: 0.7;
  }

  .p-entry__submit:hover > input {
    filter: brightness(1.1);
  }

  .p-works__card:hover .p-works-card__img img {
    transform: scale(1.05);
  }

  .p-works__card:hover .p-works-card__title {
    color: #bcbcbc;
  }

  .p-works__card:hover .p-works-card__title::after {
    background: #bcbcbc;
  }

  .p-works-button {
    transition: opacity 0.3s;
  }

  .p-works-button:hover {
    opacity: 0.7;
  }

  .p-wakuwakuFlow__text-link {
    transition: opacity 0.3s;
  }

  .p-wakuwakuFlow__text-link:hover {
    opacity: 0.6;
  }

  .p-selfeeSample__item:nth-child(1) .p-selfeeSample__button:hover {
    background: #f0831e;
    box-shadow: none;
    color: #ffffff;
    translate: 0 3px;
  }

  .p-selfeeSample__item:nth-child(2) .p-selfeeSample__button:hover {
    background: #13c48f;
    box-shadow: none;
    color: #ffffff;
    translate: 0 3px;
  }

  .p-selfeeSample__item:nth-child(3) .p-selfeeSample__button:hover {
    background: #004097;
    box-shadow: none;
    color: #ffffff;
    translate: 0 3px;
  }

  .p-selfeeApply__button {
    transition: all 0.3s;
  }

  .p-selfeeApply__button:hover {
    box-shadow: none;
    translate: 0 4px;
  }

  .p-selfeeFv__button--apply {
    transition: all 0.3s;
  }

  .p-selfeeFv__button--apply:hover {
    background: #004097;
    color: #ffffff;
  }

  .p-selfeeFv__button--request {
    transition: all 0.3s;
  }

  .p-selfeeFv__button--request:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #ea3a2d;
  }

  .p-wakuwakuFv__button--apply {
    transition: all 0.3s;
  }

  .p-wakuwakuFv__button--apply:hover {
    background: #004097;
    color: #ffffff;
  }

  .p-wakuwakuFv__button--request {
    transition: all 0.3s;
  }

  .p-wakuwakuFv__button--request:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #ea3a2d;
  }

  .p-cta__button--apply {
    transition: all 0.3s;
  }

  .p-cta__button--apply:hover {
    background: #004097;
    color: #ffffff;
  }

  .p-cta__button--request {
    transition: all 0.3s;
  }

  .p-cta__button--request:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #ea3a2d;
  }

  .p-selfeeCase-left__btn:hover {
    filter: grayscale(0.8);
    opacity: 0.6;
  }

  .p-wakuwakuCase-left__btn:hover {
    filter: grayscale(0.8);
    opacity: 0.6;
  }

  .p-wakuwakuPrice-card__apply {
    transition: all 0.5s ease-in-out;
  }

  .p-wakuwakuPrice-card__apply:hover {
    background: #ffffff;
    color: #f0831e;
  }

  .p-wakuwakuPrice-card__request {
    transition: all 0.5s ease-in-out;
  }

  .p-wakuwakuPrice-card__request:hover {
    background: #f0831e;
    color: #ffffff;
    opacity: 0.8;
  }

  .p-wakuwakuStructure__btn:hover {
    color: #1887e8;
  }

  .p-wakuwakuPoint-card-bottom__archive {
    transition: opacity 0.4s ease-in-out;
  }

  .p-wakuwakuPoint-card-bottom__archive:hover {
    opacity: 0.4;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__btn {
    transition: all 0.5s ease-in-out;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__btn:hover {
    background: #ffffff;
    color: #f0831e;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__btn {
    transition: all 0.5s ease-in-out;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__btn:hover {
    background: #ffffff;
    color: #f0831e;
  }

  .p-wakuwakuMeritBottom-btn {
    transition: all 0.55s ease-in-out;
  }

  .p-wakuwakuMeritBottom-btn:hover {
    background: #ffffff;
    color: #f0831e;
  }
  .u-hidden-pc {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .p-serviceLinks__container {
    gap: 40px;
    grid-template-areas: "card1 card1" "card2 card3";
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }

  .p-serviceLinks__card:nth-of-type(1) {
    grid-area: card1;
  }

  .p-serviceLinks__card:nth-of-type(2) {
    grid-area: card2;
  }

  .p-serviceLinks__card:nth-of-type(3) {
    grid-area: card3;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .p-works__container {
    grid-template-columns: repeat(2, 3fr);
  }

  .u-hidden-tab {
    display: none;
  }
}

@media (min-width: 1100px) {
  .c-drawer-icon {
    display: none;
  }

  .p-drawer {
    display: none;
  }

  .u-hidden-lg {
    display: none;
  }

  .u-hidden-1100up {
    display: none;
  }
}

@media (max-width: 1100px) and (min-width: 768px) {
  .p-topFv::after {
    inset-block-end: -70px;
  }
}

@media (min-width: 1441px) {
  /* .p-topFv::before {
    inset-inline-end: 0;
    translate: 0;
  } */

  .p-contact::before {
    background: url(../img/content/contact/background-pc.webp) no-repeat left
      center/cover;
  }
}

@media (max-width: 1336px) {
  .p-wakuwakuCase__container .p-wakuwakuCase__swiper {
    height: 1200px;
  }
}

@media (max-width: 1256px) {
  .p-selfeeCase__container .p-selfeeCase__swiper {
    height: 1200px;
  }

  .p-wakuwakuCase__container .p-wakuwakuCase__swiper {
    height: 1300px;
  }
}

@media (max-width: 1150px) {
  .c-selfeePoint-card__title br {
    display: none;
  }
}

@media (max-width: 1147px) {
  .p-selfeeCase__container .p-selfeeCase__swiper {
    height: 1230px;
  }

  .p-wakuwakuCase__container .p-wakuwakuCase__swiper {
    height: 1400px;
  }
}

@media (max-width: 1100px) {
  .p-contact::before {
    background: url(../img/content/contact/background-pc.webp) no-repeat -200px
      center/cover;
  }

  .p-singleSeminarDetail {
    inline-size: min(950px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 1099px) {
  .l-header--lp {
    inset-block-start: 0;
    padding-inline: 0;
  }

  .l-header--lp .l-header__inner {
    border-radius: 0;
  }

  .l-header--lp .l-header__inner::before {
    content: none;
  }

  .l-gnav {
    display: none;
  }

  .c-singleSeminarArchiveCard {
    flex-direction: column;
    inline-size: min(520px, 100%);
    margin-inline: auto;
  }

  .c-singleSeminarArchiveCard__thumbnail {
    aspect-ratio: 262/112;
    inline-size: 100%;
  }

  .p-singleSeminar__detail {
    flex-direction: column;
    gap: 40px;
  }

  .p-singleSeminarMain {
    flex: initial;
    inline-size: min(950px, 100%);
    margin-inline: auto;
  }

  .p-singleSeminarArchive {
    inline-size: calc(100% - 32px);
    margin-block-end: 40px;
    margin-inline: auto;
  }

  .p-singleSeminarArchive__head {
    text-align: center;
  }

  .p-singleSeminarArchive__head-main {
    font-size: 24px;
    letter-spacing: 1.68px;
  }

  .p-entry {
    inline-size: min(950px, 100%);
  }

  .u-hidden-1100down {
    display: none;
  }
}

@media (max-width: 1024px) {
  .p-topMedia__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    inline-size: min(800px, 100%);
  }
}

@media (max-width: 1023px) {
  .p-selfeeCase {
    padding-block: 40px;
  }

  .p-selfeeCase__container {
    margin-block-start: 40px;
  }

  .p-selfeeCase__container .p-selfeeCase__swiper {
    height: auto;
    padding-block-end: 89px;
    padding-inline-end: 0;
  }

  .p-selfeeCase__container .p-selfeeCase__swiper .p-selfeeCase-button {
    block-size: 49px;
    inline-size: 184px;
    inset-inline-end: 50%;
    transform: translateX(50%);
    z-index: 1;
  }

  .p-selfeeCase__container .p-selfeeCase__swiper .p-selfeeCase-button__prev {
    inset-inline-start: 0px;
    transform: rotate(-90deg);
  }

  .p-selfeeCase__container .p-selfeeCase__swiper .p-selfeeCase-button__next {
    inset-inline-end: 0px;
    transform: rotate(-90deg);
  }

  .p-selfeeCase-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
    line-height: 49px;
  }
  .p-selfeeCase__container
    .p-selfeeCase__swiper
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .p-selfeeCase__container
    .p-selfeeCase__swiper
    .swiper-vertical
    > .swiper-pagination-bullets {
    inset-block-start: -55%;
    inset-inline-start: 43.5%;
    transform: rotate(-90deg) translateX(-50%);
  }

  .p-wakuwakuCase {
    padding-block: 40px;
  }

  .p-wakuwakuCase__container {
    margin-block-start: 40px;
  }

  .p-wakuwakuCase__container .p-wakuwakuCase__swiper {
    height: auto;
    padding-block-end: 89px;
    padding-inline-end: 0;
  }

  .p-wakuwakuCase__container .p-wakuwakuCase__swiper .p-wakuwakuCase-button {
    block-size: 49px;
    inline-size: 184px;
    inset-inline-end: 50%;
    transform: translateX(50%);
    z-index: 1;
  }

  .p-wakuwakuCase__container
    .p-wakuwakuCase__swiper
    .p-wakuwakuCase-button__prev {
    inset-inline-start: 0px;
    transform: rotate(-90deg);
  }

  .p-wakuwakuCase__container
    .p-wakuwakuCase__swiper
    .p-wakuwakuCase-button__next {
    inset-inline-end: 0px;
    transform: rotate(-90deg);
  }

  .p-wakuwakuCase__container
    .p-wakuwakuCase__swiper
    .p-wakuwakuCase-swiper-pagination {
    padding-block-start: 11px;
    text-align: center;
  }

  .p-wakuwakuCase__container
    .p-wakuwakuCase__swiper
    .swiper-pagination-vertical.swiper-pagination-bullets,
  .p-wakuwakuCase__container
    .p-wakuwakuCase__swiper
    .swiper-vertical
    > .swiper-pagination-bullets {
    inset-block-start: -65%;
    inset-inline-start: 40%;
    transform: rotate(-90deg) translateX(-50%);
  }
}

@media (max-width: 1000px) {
  .c-topNews-card__link {
    align-items: start;
    flex-direction: column;
    gap: 8px;
    padding: 0 0 16px;
  }

  .c-selfeeProgram-card.--3 {
    aspect-ratio: auto;
  }

  .c-selfeeProgram-card.--3::before {
    background: url(../img/content/selfee/program-arrow-vertical.webp) no-repeat
      center center/contain;
    block-size: 48px;
    inline-size: 42px;
    inset-block-end: -60px;
    inset-block-start: auto;
    inset-inline-start: 50%;
    translate: -50%;
  }

  .c-selfeeProgram-card.--4 {
    block-size: auto;
    inline-size: min(550px, 100%);
  }

  .p-selfeeProgram__row:nth-child(2) {
    align-items: center;
    flex-direction: column;
    gap: 72px;
  }

  .p-selfeeProgram__row:first-child::before {
    inset-block-end: -79px;
    inset-inline-start: 50%;
    translate: -50%;
  }

  .p-selfeeProgram__row:first-child::after {
    content: none;
  }

  .p-selfeeProgram__has-head-2 {
    inline-size: min(550px, 100%);
  }
}

@media (max-width: 999px) {
  .c-seminarArchive-link {
    flex-direction: column;
    gap: 41xpx;
  }

  .c-selfeeChallenges-media {
    flex-direction: column;
    margin: 0;
  }

  .c-selfeeChallenges-media__img {
    inline-size: 100%;
  }

  .p-seminarNew__body {
    border-radius: 10px;
    flex-direction: column;
    inline-size: min(750px, 100%);
    margin-inline: auto;
    padding: 40px 24px;
  }

  .p-seminarArchive__list {
    gap: 43px;
    inline-size: min(750px, 100%);
    margin-block-start: 66px;
    margin-inline: auto;
  }

  .p-selfeeChallenges__body {
    inline-size: min(700px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 950px) {
  .p-wakuwakuMeritTop__items {
    grid-template-columns: repeat(1, 3fr);
    margin-block-start: 59.96px;
    padding-inline: clamp(1rem, -8.3103448276rem + 38.1962864721vi, 10rem);
    row-gap: 49px;
  }
}

@media (max-width: 900px) {
  .p-selfeeLineup__body {
    inline-size: min(600px, 100%);
    margin-inline: auto;
  }

  .p-selfeeLineup__list {
    flex-direction: column;
    gap: 22px;
  }

  .p-selfeeSample__item {
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (max-width: 899px) {
  .p-serviceLinks {
    padding-block-end: 40px;
  }

  .p-serviceLinks__layer::after {
    inset-block-end: 33px;
    inset-inline-end: 27px;
  }

  .p-serviceLinks__content {
    inset-block-start: 56px;
    padding-inline-end: 27.23px;
    padding-inline-start: 28.23px;
  }

  .p-serviceLinks__text {
    font-size: 18.211px;
    margin-block-start: 28.86px;
  }

  .p-serviceLinks__text--mbs {
    margin-block-start: 41.86px;
  }

  .p-wakuwakuPoint___container {
    grid-template-columns: 1fr;
    margin-block-start: 50px;
  }

  .p-wakuwakuPoint-card-bottom__details {
    margin-inline: auto;
    max-inline-size: 300px;
  }
}

@media screen and (max-width: 767px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }
  .l-header {
    inset-block-start: 20px;
  }

  .l-header--lp {
    inset-block-start: 0;
  }

  .l-header__inner {
    padding-block: 7px;
  }

  .l-header__logo {
    inline-size: 134px;
  }

  .l-header__logo--selfee {
    inline-size: 139px;
  }

  .l-header__logo--wakuwaku {
    inline-size: 134px;
  }
  .l-footer__isms {
    flex-direction: column;
  }

  .l-footer__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 37.6px;
    padding-block: 64px;
  }

  .l-footer__logo {
    inline-size: 239px;
  }

  .l-footer__nav-list {
    inline-size: min(400px, 100%);
    justify-content: center;
    margin-inline: auto;
  }

  .l-footer__copy {
    padding-block: 10px;
  }

  .c-learning-card {
    gap: 15px;
    min-block-size: 462px;
    padding: 20px 20px 30px;
  }

  .c-learning-card__text {
    inline-size: clamp(18.75rem, 9.6982758621rem + 37.1352785146vi, 27.5rem);
  }

  .c-topSeminarArchive-card.swiper-slide {
    inline-size: 294px;
  }

  /* .c-topSeminarArchive-card__head {
    aspect-ratio: 294/212;
  } */

  .c-topSeminarArchive-card__next:after,
  .c-topSeminarArchive-card__prev:after {
    inset-block-start: -210%;
  }

  .c-topSeminarArchive-card__next::after {
    inset-inline-end: 5px;
  }

  .c-topSeminarArchive-card__prev::after {
    inset-inline-start: 15px;
  }

  .c-topMedia-card {
    aspect-ratio: 326/399;
  }

  .c-topMedia-card__head {
    aspect-ratio: 326/208;
  }

  .c-topMedia-card__content {
    padding: 12.5px 23px;
  }

  .c-topMedia-card__title {
    letter-spacing: 0.3px;
  }

  .c-topMedia-card__text {
    margin-block-start: 14px;
  }

  .c-topNews-card__meta {
    padding: 0;
  }

  .c-topNews-card__content::before {
    inset-inline-end: 0;
  }

  .c-topNews-card__title {
    inline-size: 83%;
    -webkit-line-clamp: 3;
  }

  .c-topService-card {
    padding: 24px;
  }

  .c-topService-card__logo {
    inset-block-start: 105.8px;
    transform: translateX(-50%);
  }
  .c-topService-card__logo--wakuwaku {
    inset-block-start: 56px;
  }

  .c-topService-card__logo--big {
    inset-block-start: 85.8px;
  }

  .c-topService-card__content {
    margin-block-start: 139px;
    padding: 0;
  }

  .c-topServiceCard__title-wrap {
    align-items: end;
    display: flex;
    justify-content: center;
    margin-block-start: -6px;
  }

  .c-topService-card__title {
    text-align: center;
  }

  .c-topService-card__description {
    letter-spacing: 0.2px;
    line-height: 1.25;
  }

  .c-topService-card__text {
    margin-block-start: 10px;
  }

  .c-seminarArchive__title {
    font-size: 18px;
    letter-spacing: 1.44px;
    -webkit-line-clamp: 4;
  }

  .c-seminarArchive__text {
    -webkit-line-clamp: 9;
  }

  .c-singleSeminarSpeakerCard {
    flex: initial;
    padding: 24px 15px 25px;
  }

  .c-singleSeminarSpeakerCard__name {
    font-size: 20px;
    letter-spacing: 1.4px;
  }

  .c-singleSeminarSpeakerCard__position {
    line-height: 1.53;
    margin-block-start: 5px;
  }

  .c-singleSeminarSpeakerCard__text {
    line-height: 1.5;
  }

  .c-section-title-blue-text__ja {
    margin-block-start: 16px;
  }

  .c-service-card {
    padding-block-end: 24px;
    padding-inline: 24px;
  }

  .c-service-card__logo {
    inset-block-start: 105.8px;
    inset-inline-start: 50%;
  }

  .c-service-card__logo--big {
    inset-block-start: 85.8px;
  }

  .c-service-card__logo--wakuwaku {
    inset-block-start: 56px;
  }
  .c-service-card__logo--wakuwaku {
    inset-block-start: 56px;
  }

  .c-service-card__content {
    margin-block-start: 136px;
    padding: 0;
  }

  .c-service-card__title {
    display: block;
    text-align: center;
  }

  .c-service-card__title--little {
    display: inline-block;
    letter-spacing: -1.1px;
  }

  .c-service-card__description {
    letter-spacing: 0.23px;
    line-height: 1.2;
    margin-block-start: 8px;
  }

  .c-service-card__text {
    margin-block-start: 10px;
  }

  .c-section-title-lp {
    gap: 11px;
  }

  .c-section-title-lp--gap {
    gap: 27px;
  }

  .c-section-title-lp--gap .c-section-title-lp__ja {
    line-height: 1.2;
  }

  .c-section-title-lp__en--blue {
    font-size: 14px;
    letter-spacing: 0.7px;
  }

  .c-section-title-lp__ja {
    font-size: 24px;
    letter-spacing: 1.2px;
  }

  .c-section-subtitle-lp__title {
    font-size: 24px;
    line-height: 1;
  }

  .c-cardFeature--problem .c-cardFeature__wrap {
    aspect-ratio: auto;
    inline-size: min(430px, 100%);
    margin-inline: auto;
    padding: 24px;
  }

  .c-cardFeature--service .c-cardFeature__wrap {
    aspect-ratio: auto;
    block-size: clamp(30.625rem, 22.6331967213rem + 32.7868852459vi, 33.125rem);
    inline-size: min(430px, 100%);
    margin-inline: auto;
    padding: 50px 16px 0;
  }

  .c-cardFeature--service .c-cardFeature__wrap--short {
    block-size: clamp(
      30.3125rem,
      21.3217213115rem + 36.8852459016vi,
      33.125rem
    );
  }

  .c-cardFeature--service .c-cardFeature__title {
    font-size: 24px;
    letter-spacing: 1.2px;
  }

  .c-cardFeature--service .c-cardFeature__title::before {
    inset-block-end: -20px;
  }

  .c-cardFeature--service .c-cardFeature__text {
    margin-block-start: 35px;
    padding-inline: 0;
  }

  .c-cardFeature__num {
    font-size: 20px;
    letter-spacing: 1px;
  }

  .c-cardFeature__num::before {
    block-size: 60px;
    inline-size: 60px;
  }

  .c-cardFeature__head {
    inline-size: calc(100% - 14px);
    margin-inline: auto;
  }

  .c-cardFeature__body {
    margin-block-start: 8px;
  }

  .c-cardFeature__title {
    font-size: 20px;
    letter-spacing: 1px;
  }

  .c-cardFeature__title::before {
    inset-block-end: -9px;
  }

  .c-cardFeature__text {
    margin-block-start: 24px;
    padding-inline: 5px;
  }

  .c-lpService-card {
    block-size: auto;
    inline-size: min(400px, 100%);
    padding: 24px;
  }

  .c-lpService-card__logo {
    inset-block-start: 105.8px;
    transform: translateX(-50%);
  }

  .c-lpService-card__logo--big {
    inset-block-start: 85.8px;
  }

  .c-lpService-card__content {
    margin-block-start: 136px;
  }

  .c-lpService-card__content--small {
    margin-block-start: 142px;
    text-align: start;
  }

  .c-lpServiceCard__title-wrap {
    align-items: center;
    display: flex;
    margin-block-start: -6px;
  }

  .c-lpService-card__title {
    font-size: 24px;
    text-align: start;
  }

  .c-lpService-card__description {
    color: #1887e8;
    display: block;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0.2px;
    line-height: 1.25;
    margin-block-start: 5px;
  }

  .c-lpService-card__text {
    color: #474747;
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin-block-start: 10px;
  }

  .c-wakuwakuService-card,
  .c-serviceList-card {
    block-size: auto;
    inline-size: min(400px, 100%);
    padding: 24px;
  }

  .c-wakuwakuService-card__logo,
  .c-serviceList-card__logo {
    inline-size: 120px;
    /* inline-size: 86.4px; */
    inset-block-start: 105.8px;
    transform: translateX(-50%);
  }

  .c-wakuwakuService-card__logo--big,
  .c-serviceList-card__logo--big {
    inline-size: 120px;
    /* inline-size: 85.042px; */
    inset-block-start: 85.8px;
  }

  .c-wakuwakuService-card__content,
  .c-serviceList-card__content {
    margin-block-start: 136px;
  }

  .c-wakuwakuService-card__content--small,
  .c-serviceList-card__content--small {
    margin-block-start: 142px;
    text-align: start;
  }

  .c-wakuwakuServiceCard__title-wrap,
  .c-serviceList-card__title-wrap {
    align-items: center;
    display: flex;
    margin-block-start: -6px;
  }

  .c-wakuwakuService-card__title,
  .c-serviceList-card__title {
    font-size: 24px;
    text-align: start;
  }

  .c-wakuwakuService-card__description,
  .c-serviceList-card__description {
    color: #1887e8;
    display: block;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0.2px;
    line-height: 1.25;
    margin-block-start: 5px;
  }

  .c-wakuwakuService-card__text {
    color: #474747;
    display: block;
    font-size: 15px;
    line-height: 25px;
    margin-block-start: 10px;
  }

  .c-selfeeProgram-card {
    padding: 24px;
  }

  .c-selfeeProgram-card.--1 {
    aspect-ratio: auto;
  }

  .c-selfeeProgram-card.--2 {
    aspect-ratio: auto;
  }

  .c-selfeeProgram-card.--3 .c-selfeeProgram-card__body {
    flex-direction: column;
    margin-block-start: 23px;
  }

  .c-selfeeProgram-card.--3 .c-selfeeProgram-card__title {
    font-size: 18px;
    padding-inline-start: 2px;
  }

  .c-selfeeProgram-card.--3 .c-selfeeProgram-card__text {
    margin-block-start: 20px;
    margin-inline-start: 0;
  }

  .c-selfeeProgram-card.--4 .c-selfeeProgram-card__body {
    flex-direction: column;
    margin-block-start: 20px;
  }

  .c-selfeeProgram-card.--4 .c-selfeeProgram-card__title {
    padding-inline-start: 2px;
  }

  .c-selfeeProgram-card.--4 .c-selfeeProgram-card__text {
    margin-block-start: 20px;
    margin-inline-start: 0;
  }

  .c-selfeeProgram-card__title {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 2.85;
    padding-inline-start: 24px;
  }

  .c-selfeeProgram-card__title--small {
    color: #474747;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.28px;
    line-height: 4.08;
  }

  .c-selfeeProgram-card__text {
    font-size: 13px;
    letter-spacing: 0.65px;
  }

  .c-selfeeChallenges-media {
    gap: 45px;
  }

  .c-selfeeChallenges-media__head {
    flex-direction: column;
    gap: 0;
  }

  .c-selfeeChallenges-media__title {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
  }

  .c-selfeeChallenges-media__title--accent {
    font-size: 24px;
    line-height: 1.5;
  }

  .c-selfeeChallenges-media__text {
    letter-spacing: 0.55px;
    margin-block-start: 24px;
  }

  .c-selfeePoint-card {
    padding: 24px;
  }

  .c-selfeePoint-card__head {
    padding-inline-start: 47px;
  }

  .c-selfeePoint-card__img {
    inline-size: min(500px, 100%);
  }

  .c-selfeeAb-card {
    inline-size: 250px;
  }

  .c-selfeeAb-card::before {
    block-size: 209px;
    inline-size: 292px;
    inset-block-start: -63px;
    inset-inline-start: -58px;
  }

  .c-selfeeAb-card:nth-of-type(1)::before {
    background: url(../img/content/selfee/ab-1-sp.webp) no-repeat center
      center/contain;
  }

  .c-selfeeAb-card:nth-of-type(2)::before {
    background: url(../img/content/selfee/ab-2-sp.webp) no-repeat center
      center/contain;
  }

  .c-selfeeAb-card:nth-of-type(3)::before {
    background: url(../img/content/selfee/ab-3-sp.webp) no-repeat center
      center/contain;
    block-size: 232px;
    inline-size: 272px;
    inset-block-start: -82px;
    inset-inline-start: -38px;
  }

  .c-selfeeAb-card:nth-of-type(4)::before {
    background: url(../img/content/selfee/ab-4-sp.webp) no-repeat center
      center/contain;
    block-size: 232px;
    inline-size: 272px;
    inset-block-start: -82px;
    inset-inline-start: -38px;
  }

  .c-selfeeAb-card:nth-of-type(5)::before {
    background: url(../img/content/selfee/ab-5-sp.webp) no-repeat center
      center/contain;
    block-size: 232px;
    inline-size: 272px;
    inset-block-start: -82px;
    inset-inline-start: -38px;
  }

  .c-selfeeAb-card__tag {
    padding: 5px 22px;
  }

  .p-topFv {
    block-size: 709px;
  }

  /* .p-topFv::before {
    background: url(../img/content/top/fv-bg-sp.webp) no-repeat center
      center/contain;
    block-size: 482px;
    inline-size: 414px;
    inset-block-start: 100px;
    inset-inline-end: 0;
    inset-inline-start: auto;
    translate: 0;
  } */

  .p-topFv::after {
    background: url(../img/content/top/scroll-sp.webp) no-repeat center
      center/contain;
    block-size: 124.5px;
    inline-size: 16px;
    inset-block-end: 146px;
    inset-inline-start: 14px;
    translate: 0;
  }

  .p-topFv__inner {
    padding-block-start: 109px;
  }

  .p-topFv__content {
    padding-block-start: 80px;
  }

  .p-topFv__title-ja {
    margin-block-start: 20px;
  }

  .p-topFv__title-line {
    font-size: 27.677px;
    letter-spacing: 2.2px;
    padding-inline: 13px;
  }

  .p-topFv__title-line .accent {
    font-size: 27.677px;
    letter-spacing: 2.2px;
  }

  .p-topFv__text {
    font-size: 16px;
    font-weight: 400;
    padding-inline: 16px;
    /* margin-block-start: 225px; */
  }

  .p-topPhilosophy {
    padding-block: 336px 0;
  }

  .p-topPhilosophy::before {
    inline-size: clamp(
      22.5625rem,
      16.8081896552rem + 23.6074270557vi,
      28.125rem
    );
    inset-inline-end: -100%;
    inset-inline-start: auto;
    transform: translate(
      calc(
        clamp(29.4375rem, 11.3987068966rem + 74.0053050398vi, 46.875rem) * -1
      ),
      -27px
    );
  }

  .p-topPhilosophy__inner {
    display: block;
  }

  .p-topPhilosophy__body {
    padding-inline-end: 0;
  }

  .p-topPhilosophy__heading::before {
    inline-size: 99px;
    inset-block-start: -13px;
    inset-inline-end: -106px;
  }

  .p-topPhilosophy__content {
    margin-block-start: 24px;
  }

  .p-topPhilosophy__text:nth-of-type(2) {
    margin-block-start: 24px;
  }

  .p-topPhilosophy__text:nth-of-type(3) {
    margin-block-start: 24px;
  }

  .p-topPhilosophy__action {
    margin-block-start: 31px;
    text-align: center;
  }

  .p-topAbout {
    padding-block: 371px 80px;
  }

  .p-topAbout::before {
    inline-size: clamp(
      22.5625rem,
      16.8081896552rem + 23.6074270557vi,
      28.125rem
    );
    transform: translate(59px, 10px);
  }

  .p-topAbout__body {
    inset-block-start: 26px;
    padding-inline-start: 0;
  }

  .p-topAbout__heading::before {
    block-size: 50.472px;
    inline-size: 99.464px;
    inset-block-start: 18px;
    transform: rotate(-45.947deg);
  }

  .p-topAbout__content {
    gap: 24px;
    margin-block-start: 24px;
  }

  .p-topAbout__text {
    inline-size: min(450px, 100%);
  }

  .p-topService__heading .c-section-title-both-line__ja {
    line-height: 1.25;
    margin-block-start: 26px;
  }
  /* 
  .p-topService__container::before {
    aspect-ratio: 143/112;
    block-size: auto;
    inline-size: 198px;
    inset-block-start: -83px;
    inset-inline-start: clamp(
      0.0625rem,
      -2.4590517241rem + 10.3448275862vi,
      2.5rem
    );
  } */

  /* .p-topService__container::after {
    block-size: 112.311px;
    inline-size: 143px;
    inset-block-start: -89px;
    inset-inline-end: clamp(
      0.0625rem,
      -1.4245689655rem + 6.100795756vi,
      1.5rem
    );
  } */

  .p-topService__container {
    grid-template-columns: repeat(1, 6fr);
    margin-block-start: 126px;
    padding-block-end: 24px;
    padding-block-start: 24px;
    row-gap: 45px;
  }

  .p-learning {
    padding-block: 24px 40px;
  }

  .p-learning::before {
    background: url(../img/common/learning/background-sp.webp) no-repeat center
      top/cover;
    block-size: 793px;
  }

  .p-learning__circle {
    padding-block: 88px 89px;
  }

  .p-learning__circle::before {
    block-size: 630px;
    inline-size: clamp(22.375rem, 4.7887931034rem + 72.1485411141vi, 39.375rem);
  }

  .p-learning__circle-heading {
    margin-block-end: 20px;
  }

  .p-learning__circle-heading .c-section-title-both-line__en {
    padding-inline: 28px;
  }

  .p-learning__circle-heading .c-section-title-both-line__en::before,
  .p-learning__circle-heading .c-section-title-both-line__en::after {
    block-size: 3px;
    inline-size: 20px;
  }

  .p-learning__circle-heading .c-section-title-both-line__ja {
    margin-block-start: 0px;
  }

  .p-learning__circle-text {
    inline-size: clamp(
      18.375rem,
      14.7543103448rem + 14.8541114058vi,
      21.875rem
    );
    text-align: start;
  }

  .p-learning__circle-text + .p-learning__circle-text {
    margin-block-start: 8px;
  }

  .p-learning__action {
    margin-block-start: 20px;
  }

  .p-learning__list {
    align-items: center;
    flex-direction: column;
    gap: 24px;
    inline-size: min(500px, 100%);
    margin-block-start: 8px;
    margin-inline: auto;
  }

  .p-serviceLinks::before {
    content: none;
  }

  .p-serviceLinks__container {
    gap: 25px;
    grid-template-columns: repeat(1, 3fr);
    justify-items: center;
  }

  .p-serviceLinks__content--pos {
    inset-block-start: 72px;
  }

  .p-topSeminarIntro {
    padding-block: clamp(22.375rem, 19.6594827586rem + 11.1405835544vi, 25rem)
      24px;
  }

  .p-topSeminarIntro__inner::before {
    aspect-ratio: 333/335;
    background: url(../img/content/top/seminar-intro-decor-sp.webp) no-repeat
      center center/contain;
    inline-size: clamp(
      20.8125rem,
      14.2176724138rem + 27.0557029178vi,
      27.1875rem
    );
    inset-block-start: calc(
      clamp(20.875rem, 14.9913793103rem + 24.1379310345vi, 26.5625rem) * -1
    );
    inset-inline-start: 50%;
    translate: -50%;
  }

  .p-topSeminarIntro__body {
    inline-size: min(600px, 100%);
    margin-inline: auto;
  }

  .p-topSeminarIntro__heading .c-section-title-both-line__ja {
    letter-spacing: 1.68px;
  }

  .p-topSeminarIntro__textwrap {
    margin-block-start: 20px;
  }

  .p-topSeminarIntro__list {
    gap: 12px;
    margin-block-start: 20px;
    padding: 16px 24px;
  }

  .p-topSeminarIntro__item {
    font-size: 14px;
  }

  .p-topSeminarIntro__actions {
    margin-block-start: 36px;
  }

  .p-topSeminarIntro__actions a {
    inline-size: min(358px, 100%);
    padding-inline: 0;
  }

  .p-topSeminarIntro__actions a::after {
    inset-inline-end: 10px;
  }

  .p-topSeminarArchive {
    padding-block: 64px;
  }

  .p-topSeminarArchive__heading .c-section-title-both-line__ja {
    margin-block-end: 41px;
  }

  .p-topSeminarArchive__lead {
    padding-inline: 28px;
    text-align: left;
  }

  .p-topSeminarArchive__lead + .p-topSeminarArchive__lead {
    margin-block-start: 17px;
  }

  .p-topSeminarArchive__swiper-container {
    margin-block-start: 40px;
  }

  .p-topMedia {
    padding-block: 64px;
  }

  .p-topMedia__inner {
    gap: 66px;
  }

  .p-topMedia__heading .c-section-title-both-line__ja {
    margin-block-end: 18px;
  }

  .p-topMedia__lead {
    text-align: left;
  }

  .p-topMedia__body {
    gap: 40px;
    grid-template-columns: minmax(0, 1fr);
    inline-size: min(400px, 100%);
    padding-inline: 16px;
  }

  .p-topNews {
    padding-block: 37px;
  }

  .p-topNews__head {
    flex-direction: column;
    gap: 7px;
  }

  .p-topNews__heading .c-section-title-both-line__ja {
    margin-block-end: 14px;
    margin-block-start: 2.5px;
  }

  .p-topNews__linkMore {
    text-align: center;
  }

  .p-topNews__category {
    align-self: center;
    display: inline-block;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-block-start: 24px;
  }

  .p-topNews__category-list {
    gap: 15px;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    justify-content: start;
  }

  .p-topNews__body {
    margin-block-start: 39px;
  }

  .p-topNews__list {
    gap: 23px;
  }

  .p-news {
    padding-block: 40px 17px;
  }

  .s-news {
    padding-block-start: 100px;
  }
  .p-news__category__list {
    gap: 21px;
  }

  .p-news__list {
    gap: 25.3px;
  }

  .p-news__card-link {
    align-items: start;
    flex-direction: column;
    gap: 12px;
  }

  .p-news__card-meta {
    gap: 13px;
  }

  .p-news__card-title {
    font-size: 16px;
    -webkit-line-clamp: 3;
  }

  .p-seminarNew {
    padding-block: 73px 67px;
  }
  .p-seminarNew__list--double,
  .p-seminarNew__list--triple {
    flex-direction: column;
  }

  .p-seminarNew__list--double .p-seminarNew__body,
  .p-seminarNew__list--triple .p-seminarNew__body {
    width: 100%;
  }

  .p-seminarNew__thumbnail {
    border-radius: 12px;
    padding: 11.5px 6.5px;
  }

  .p-seminarNew__heading .c-section-title-left-line__ja--medium {
    font-size: 24px;
  }

  .p-seminarNew__text {
    -webkit-line-clamp: 6;
  }

  .p-seminarNew__meta time {
    font-size: 18px;
  }

  .p-seminarArchive {
    padding-block: 40px;
  }

  .p-contact {
    padding-block: 195px 26px;
  }

  .p-contact::before {
    background: url(../img/content/contact/background-sp.webp) no-repeat center
      center/cover;
    block-size: 299px;
    inline-size: 100%;
  }

  .p-contact__wrap {
    align-items: start;
    flex-direction: column;
    gap: 30px;
    inline-size: min(520px, 100%);
    margin-inline: auto;
  }

  .p-contact__heading::before {
    background: url(../img/content/contact/contact-text-stroke-sp.webp)
      no-repeat center center/contain;
    block-size: 90px;
    inline-size: 360px;
  }

  .p-contact__heading-ja {
    font-size: 24px;
    letter-spacing: 1.8px;
    margin-block-start: 2.5px;
  }

  .p-contact__heading-lead {
    letter-spacing: -0.1px;
    margin-block-start: 2.5px;
  }

  .p-contact__form {
    inline-size: 100%;
    padding: 0;
  }

  .p-contact__formItem--mail input {
    padding: 17px 10px;
  }

  .p-contact__label {
    margin-block-end: 5px;
  }

  .p-contact__input {
    padding: 15px 10px;
  }

  .p-contact__textarea {
    block-size: 189px;
    padding: 5px 10px;
  }

  .p-contact__data-checkbox .wpcf7-form-control.wpcf7-checkbox {
    flex-direction: column;
    gap: 12.5px;
  }

  .p-singleSeminar__main {
    padding-block: 73px 40px;
  }

  .p-singleSeminar__detail {
    padding-block: 40px 48px;
  }

  .p-singleSeminarMain__title {
    font-size: 24px;
    letter-spacing: 1.68px;
  }

  .p-singleSeminarMain__thumbnail {
    margin-block-start: 24.5px;
  }

  .p-singleSeminarMain__content {
    margin-block-start: 24px;
  }

  .p-singleSeminarMain__content-title {
    font-size: 20px;
    letter-spacing: 1.4px;
    line-height: 1.25;
    margin-block-end: 23px;
    padding: 9px;
  }

  .p-singleSeminarMain__content-text {
    gap: 9.9px;
  }

  .p-singleSeminarSpeaker__heading .c-section-title-blue-text__en {
    padding-block-end: 19px;
  }

  .p-singleSeminarSpeaker__body {
    flex-direction: column;
    inline-size: min(600px, 100%);
    margin-inline: auto;
  }

  .p-singleSeminarDetail__table {
    margin-block-start: 21.5px;
  }

  .p-singleSeminarDetail__row {
    flex-direction: column;
  }

  .p-singleSeminarDetail__term {
    border-block-end: 1px solid #9ca3af;
    inline-size: 100%;
  }

  .p-singleSeminarDetail__desc__note {
    line-height: 1.5;
  }

  .p-entry__heading-lead {
    letter-spacing: -0.1px;
    margin-block-start: 2.5px;
  }

  .p-entry__form {
    gap: 24px;
    inline-size: 100%;
    padding: 0;
  }

  .p-entry__formRow {
    flex-direction: column;
    gap: 24px;
  }

  .p-entry__formItem.--short textarea {
    block-size: 69px;
    margin-block-start: 7px;
    padding: 12px 10px;
  }

  .p-entry__label {
    margin-block-end: 5px;
  }

  .p-entry__input {
    padding: 23px 10px;
  }

  .p-entry__textarea {
    padding: 10px;
  }

  .p-entry__data-checkbox .wpcf7-form-control.wpcf7-checkbox {
    flex-direction: column;
    gap: 11px;
  }

  .p-entry__data-radio .wpcf7-form-control.wpcf7-radio {
    gap: 30px;
  }

  .p-entry__submit > input {
    inline-size: 358px;
  }

  .p-fv {
    overflow: visible;
  }

  .p-fv--simple .p-fv__title--sub {
    margin-block-start: 12px;
  }

  .p-fv__title {
    inset-block-start: 309px;
    inset-inline-start: 50%;
    padding-inline: 16px;
    transform: translateX(-50%);
    width: 100%;
  }

  .p-fv__title--main {
    line-height: 1.18;
    width: 100%;
  }

  .p-fv__title--sub {
    margin-block-start: 16px;
  }

  .p-fv__img {
    block-size: clamp(25rem, 17.2413793103rem + 31.8302387268vi, 32.5rem);
  }

  .p-fv__img img {
    block-size: 100%;
    inline-size: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
  }

  .p-service__heading .c-section-title-both-line__ja {
    line-height: 1.2;
    margin-block-start: 28px;
  }

  .p-service__container::before {
    block-size: 121.506px;
    inline-size: 152.842px;
    inset-block-start: -61px;
    inset-inline-start: clamp(
      0.0625rem,
      -2.4590517241rem + 10.3448275862vi,
      2.5rem
    );
  }

  .p-service__container::after {
    block-size: 112.311px;
    inline-size: 143px;
    inset-block-start: -89px;
    inset-inline-end: clamp(
      0.0625rem,
      -1.4245689655rem + 6.100795756vi,
      1.5rem
    );
  }

  .p-service__container {
    grid-template-columns: repeat(1, 6fr);
    margin-block-start: 130px;
    padding-block-end: 24px;
    padding-block-start: 24px;
    row-gap: 46px;
  }

  .p-aboutUs {
    padding-block: 128px 41px;
  }

  .p-aboutUs__inner {
    flex-direction: column;
  }

  .p-aboutUs__texts {
    line-height: 1.8;
    margin-block-start: 28px;
  }

  .p-aboutUs__texts p + p {
    margin-block-start: 24px;
  }

  .p-aboutUs__texts .--space {
    margin-block-start: 15px;
  }

  .p-aboutUs__imgs {
    inline-size: 100%;
    max-width: 550px;
  }

  .p-aboutUs__img--top::before {
    inset-inline-end: -38%;
  }

  .p-aboutUs__img--top::after {
    inset-inline-start: 5px;
  }

  .p-aboutCompany__inner {
    padding-block-end: 92px;
  }

  .p-aboutCompany__heading .c-section-title-blue-text__en {
    padding-block-end: 1px;
  }

  .p-aboutCompany__item {
    flex-direction: column;
    position: relative;
    padding-block: 32px;
  }

  .p-aboutCompany__item::before {
    background: #1887e8;
    block-size: 2px;
    content: "";
    inline-size: 195.272px;
    inset-block-end: 0;
    inset-inline-start: 0;
    position: absolute;
  }

  .p-aboutCompany__item::after {
    background: #ddd;
    block-size: 2px;
    content: "";
    inline-size: calc(100% - 195.272px);
    inset-block-end: 0;
    inset-inline-end: 0;
    position: absolute;
  }

  .p-aboutCompany__item--row {
    position: relative;
  }

  .p-aboutCompany__item--last:before,
  .p-aboutCompany__item--last:after {
    display: none;
  }

  .p-aboutCompany__item .p-aboutCompany__label {
    padding-block-start: 0;
    padding-block-end: 16px;
  }
  .p-aboutCompany__item--row .p-aboutCompany__label {
    padding-block-end: 24px;
  }

  .p-aboutCompany__item--row::before {
    background: #1887e8;
    block-size: 2px;
    content: "";
    inline-size: 195.272px;
    inset-block-end: 0;
    inset-inline-start: 0;
    position: absolute;
  }

  .p-aboutCompany__item--row::after {
    background: #ddd;
    block-size: 2px;
    content: "";
    inline-size: calc(100% - 195.272px);
    inset-block-end: 0;
    inset-inline-end: 0;
    position: absolute;
  }

  .p-aboutCompany__label {
    border-bottom: none;
  }

  .p-aboutCompany-value--row {
    border-bottom: none;
    flex-direction: column;
    padding-block-end: 0;
  }

  .p-aboutCompany-value {
    border-bottom: none;
    padding-block: 0;
  }

  .p-aboutCompany-value--president {
    padding-block: 32px;
  }

  .p-aboutContents::after {
    display: none;
  }

  .p-aboutContents__inner {
    padding-block-end: 48px;
  }

  .p-aboutContents__container {
    gap: 40px;
    grid-template-columns: repeat(1, 3fr);
    justify-items: center;
  }

  .p-aboutContents__content {
    padding-inline-end: 27.23px;
    padding-inline-start: 28.23px;
  }

  .p-aboutContents-content__title--ja {
    font-size: 22.763px;
  }

  .p-aboutContents-content__text {
    font-size: 18px;
    margin-block-start: 56.13px;
  }

  .p-worksTrack {
    padding-block-start: 40px;
  }

  .p-worksTrack__inner {
    flex-direction: column;
    gap: 42.5px;
  }

  .p-worksTrack__texts {
    margin-block-start: 29px;
  }

  .p-worksTrack__img--top::before {
    inset-inline-end: -38%;
  }

  .p-worksTrack__imgBottom--left::after {
    inset-inline-start: 5px;
  }

  .p-worksTrack__imgBottom--right {
    margin-inline-start: -12px;
  }

  .p-works__container {
    grid-template-columns: repeat(1, 6fr);
  }

  .p-history {
    padding-block-start: 112px;
  }

  .p-history__heading .c-section-title-left-line {
    gap: 10px;
  }

  .p-history__container {
    padding-inline: 17px;
  }

  .p-history__container .p-history__item + .p-history__item {
    margin-block-start: 31px;
  }

  .p-history__item {
    flex-direction: column;
    gap: 0;
  }

  .p-history__item--large {
    min-block-size: auto;
  }

  .p-history-year__container {
    inline-size: 100%;
    padding-block: 23px;
  }

  .p-history__item:first-child .p-history-year__container {
    border-top: none;
  }

  .p-history__information {
    padding-block: 22px 24px;
    padding-inline: 0;
  }

  .p-history__information li + li {
    margin-block-start: 10px;
  }

  .p-history__item:first-child .p-history__information {
    border-top: none;
  }

  .p-worksService__body {
    margin-block-start: 34px;
  }

  .p-future__inner .p-future__card:last-child::before {
    block-size: 100%;
    box-shadow: 0 4px 20px 0 rgba(140, 140, 140, 0.2);
    content: "";
    inline-size: calc(100% + 32px);
    inset-inline-start: -16px;
    position: absolute;
  }

  .p-future__card {
    flex-direction: column;
  }

  .p-future__content {
    margin-block-start: 17px;
  }

  .p-future-content__category {
    font-size: 16px;
    padding: 10.095px 20px;
  }

  .p-philosophy {
    padding-block: 160px 0;
  }

  .p-philosophy__inner {
    display: block;
  }
  .p-philosophyProblem-top .p-philosophy__inner {
    margin-block-start: 100px;
  }
  .p-philosophy__body {
    margin-block-start: 52px;
    padding-inline-end: 0;
  }

  .p-philosophy__heading::before {
    inline-size: 99px;
    inset-block-start: 16px;
    inset-inline-end: -32px;
  }

  .p-philosophy__content {
    margin-block-start: 40px;
  }

  .p-philosophyService-logo__left {
    max-inline-size: 108.202px;
  }

  .p-philosophyService__body {
    margin-block-start: 18px;
  }

  .p-philosophyProblem-top__inner {
    padding-block: 40px 23px;
    padding-block-start: 64px;
  }

  .p-philosophyProblem-top__subject {
    margin-block-start: 16px;
  }

  .p-philosophyProblem-top-subject__inner {
    grid-template-columns: repeat(1, 6fr);
    padding-block: 32px 32px;
    padding-inline: 52px;
    row-gap: 40px;
  }

  .p-philosophyProblem-middle__inner {
    padding-block: 40px;
    /* padding-block: 40px 203px; */
    /* padding-inline: 24px; */
  }

  /* .p-philosophyProblem-middle__inner::before {
    background: #3b5f91;
    block-size: 15px;
    content: "";
    filter: blur(8px);
    inset-block-end: 218.967px;
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2;
  } */

  .p-philosophyProblem-middle__inner::after {
    max-height: 218.967px;
  }

  .p-philosophyProblem-middle__container {
    z-index: 2;
  }

  .p-philosophyProblem-middle-heading__bottom {
    font-size: 32px;
    line-height: 62px;
    margin-block-start: 8px;
  }

  .p-philosophyProblem-middle-heading__bottom--blue {
    font-size: 32px;
    line-height: 48px;
  }

  .p-philosophyProblem-middle__content {
    margin-block-start: 35px;
  }

  .p-philosophyProblem-deco {
    margin-block-start: 2px;
    padding-block: 20px 40px;
  }

  .p-philosophyProblem-deco::before {
    inset-block-start: 12px;
  }

  .p-philosophyProblem-deco__text {
    font-size: 20px;
    line-height: 38px;
    margin-block-start: -32px;
  }

  .p-philosophyProblem-deco__text::before {
    background: url(../img/content/page-philosophy/problem-deco-bg-sp.webp)
      no-repeat center center/contain;
    block-size: 69px;
    inline-size: 246px;
    inset-block-start: 5px;
    inset-inline-start: -12.5px;
  }

  .p-philosophyProblem-bottom .p-learning::before {
    block-size: 100%;
  }

  .p-wakuwakuFeature {
    padding-block: 99px 48px;
  }

  .p-wakuwakuFeature__flex {
    gap: 64px;
    margin-block-start: 64px;
  }
  .banner-right {
    display: none;
  }

  .p-selfeeProblem__heading {
    padding-block: 34px 40px;
  }

  .p-selfeeProblem__visual {
    block-size: auto;
    padding-block: 38px 221px;
  }

  .p-selfeeProblem__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-inline: 32px;
  }

  .p-selfeeProblem__list::before {
    inline-size: 291px;
    inset-block-end: -190px;
  }

  .p-selfeeProblem__item {
    white-space: wrap;
  }

  .p-selfeeProblem__item:nth-of-type(1) {
    margin: 0;
  }

  .p-selfeeProblem__item:nth-of-type(2) {
    margin: 0;
  }

  .p-selfeeProblem__item:nth-of-type(3) {
    margin: 0;
  }

  .p-selfeeProblem__item:nth-of-type(4) {
    margin: 0;
  }

  .p-selfeeProblem__item:nth-of-type(5) {
    margin: 0;
    padding-inline: 40px;
  }

  .p-selfeeProblem__body {
    padding-block: 40px;
  }

  .p-selfeeProblem__lead {
    gap: 8px;
  }

  .p-selfeeProblem__lead::before {
    inline-size: 140px;
    inset-block-end: -56px;
  }

  .p-selfeeProblem__lead-text {
    font-size: 18px;
    letter-spacing: 0.9px;
    line-height: 1.5;
  }

  .p-selfeeProblem__lead-main {
    padding: 5.5px;
  }

  .p-selfeeProblem__lead-main--strong {
    font-size: 27.05px;
    letter-spacing: 1.353px;
    line-height: 1.36;
  }

  .p-selfeeProblem__lead-main--large {
    font-size: 27.05px;
    letter-spacing: 1.353px;
    line-height: 36.969px;
  }

  .p-selfeeProblem__lead-main--base {
    font-size: 18.034px;
    letter-spacing: 0.902px;
    line-height: 36.969px;
  }

  .p-selfeeProblem__flex {
    gap: 61px;
    margin-block-start: 119px;
  }

  .p-selfeeFlow {
    padding-block: 40px;
  }

  .p-selfeeFlow__heading .c-section-title-lp__ja {
    font-size: 20px;
  }

  .p-selfeeFlow__body {
    margin-block-start: 37px;
  }

  .p-selfeeFlow__list {
    gap: 40px;
  }

  .p-selfeeFlow__item {
    align-items: start;
    block-size: auto;
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    inline-size: min(430px, 100%);
    margin-inline: auto;
  }

  .p-selfeeFlow__item::before {
    inset-block-end: -32px;
  }

  .p-selfeeFlow__head {
    inline-size: 100%;
  }

  .p-selfeeFlow__qr {
    align-self: center;
    margin-inline-start: 0;
  }

  .p-wakuwakuFlow {
    padding-block: 40px;
  }

  .p-wakuwakuFlow__heading .c-section-title-lp__en {
    font-size: 14px;
  }

  .p-wakuwakuFlow__heading .c-section-title-lp__ja {
    font-size: 20px;
  }

  .p-wakuwakuFlow__body {
    margin-block-start: 37px;
  }

  .p-wakuwakuFlow__list {
    gap: 40px;
  }

  .p-wakuwakuFlow__item {
    align-items: start;
    block-size: auto;
    border-radius: 10px;
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    inline-size: min(430px, 100%);
    margin-inline: auto;
  }

  .p-wakuwakuFlow__item::before {
    inset-block-end: -32px;
  }

  .p-wakuwakuFlow__head {
    inline-size: 100%;
  }

  .p-wakuwakuFlow__qr {
    align-self: center;
    margin-inline-start: 0;
  }

  .p-selfeeFaq {
    padding-block: 38px 0;
  }

  .p-selfeeFaq__body {
    gap: 24.7px;
    margin-block-start: 48px;
  }

  .p-selfeeFaq__item {
    border-radius: 4px;
  }

  .p-selfeeFaq__item::before,
  .p-selfeeFaq__item::after {
    inset-block-start: 30px;
    inset-inline-end: 16px;
  }

  .p-selfeeFaq__question {
    align-items: center;
    block-size: 61.19px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.89973;
    padding-block: 3px 5px;
  }

  .p-selfeeFaq__question::before {
    inset-block-start: 50%;
    inset-inline-start: 16px;
    translate: 0 -50%;
  }

  .p-selfeeFaq__answer {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }

  .p-selfeeFaq__answer::before {
    inset-block-start: 50%;
    inset-inline-start: 13.5px;
    translate: 0 -50%;
  }

  .p-selfeeFaq__check:checked ~ .p-selfeeFaq__answer {
    padding-block: 8px;
  }

  .p-wakuwakuFaq {
    padding-block: 38px 40px;
  }

  .p-wakuwakuFaq__heading .c-section-title-lp__en {
    font-size: 14px;
  }

  .p-wakuwakuFaq__body {
    gap: 21.3px;
    margin-block-start: 48px;
  }

  .p-wakuwakuFaq__item {
    border-radius: 4px;
  }

  .p-wakuwakuFaq__item::before,
  .p-wakuwakuFaq__item::after {
    inset-block-start: 38.5px;
    inset-inline-end: 18px;
  }

  .p-wakuwakuFaq__question {
    align-items: center;
    block-size: 78.19px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6622;
    padding-block: 11px 14px;
  }

  .p-wakuwakuFaq__question::before {
    inset-block-start: 50%;
    inset-inline-start: 18px;
    translate: 0 -50%;
  }

  .p-wakuwakuFaq__answer {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }

  .p-wakuwakuFaq__answer::before {
    inset-block-start: 50%;
    inset-inline-start: 18px;
    translate: 0 -50%;
  }

  .p-wakuwakuFaq__check:checked ~ .p-wakuwakuFaq__answer {
    padding-block: 0 11px;
  }

  .p-selfeeService {
    padding-block: 64px;
  }

  .p-selfeeService__heading .c-section-title-lp__ja {
    font-size: 24px;
  }

  .p-selfeeService__body {
    border-radius: 10px;
    margin-block-start: 55px;
    margin-inline: 16px;
    padding: 24px 16px;
  }

  .p-selfeeService__flex {
    gap: 46px;
  }

  .p-wakuwakuService {
    padding-block: 64px;
  }

  .p-wakuwakuService__heading .c-section-title-lp__ja {
    font-size: 24px;
  }

  .p-wakuwakuService__body {
    border-radius: 10px;
    margin-block-start: 50px;
    margin-inline: 16px;
    padding: 24px 16px;
  }

  .p-wakuwakuService__flex {
    gap: 46px;
  }

  .p-selfeeProgram {
    padding-block: 20px 68px;
  }

  .p-selfeeProgram__body {
    margin-block-start: 38px;
    display: none;
  }
  .p-selfeeProgram__sp {
    display: block;
    position: relative;
  }
  .p-selfeeProgram-dialog {
    border-radius: 10px;
    border: none;
    padding: 0;
    overflow: visible;
    width: 100%;
  }
  .p-selfeeProgram-dialog__inner {
    position: relative;
  }

  .p-selfeeProgram-dialog__close {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    width: 29px;
    height: 29px;
    background: url(../img/content/selfee/icon-modal-close-navy.svg) no-repeat
      center center/cover;
  }

  .p-selfeeProgram__link-list {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    gap: 90px 0;
    padding: 22px 0;
    width: 100%;
    height: stretch;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    height: -webkit-fill-available;
    height: -moz-available;
  }
  .p-selfeeProgram__link {
    width: calc(100% / 2 - 20px);
    display: block;
    height: 41%;
  }

  .p-selfeeProgram__wrap {
    gap: 90px;
  }

  .p-selfeeProgram__row {
    gap: 10px;
    inline-size: min(550px, 100%);
    margin-inline: auto;
  }

  .p-selfeeProgram__head {
    padding-block: 8px;
  }

  .p-selfeeProgram__has-head {
    flex-direction: column;
    gap: 12px;
  }

  .p-selfeeProgram__bottom {
    margin-block-start: 38px;
  }

  .p-selfeeProgram__lead-text {
    font-size: 16px;
    letter-spacing: 0.3px;
  }

  .p-selfeeProgram__lead-main {
    margin-block-start: 26px;
  }

  .p-selfeeProgram__lead-main p {
    font-size: 18px;
    padding-block: 2px;
  }

  .p-selfeeChallenges {
    padding-block: 61px 64px;
  }

  .p-selfeeChallenges__heading .c-section-title-lp__ja {
    line-height: normal;
  }

  .p-selfeeChallenges__heading-lead {
    margin-block-start: 19px;
  }

  .p-selfeeChallenges__body {
    gap: 37px;
    margin-block-start: 42px;
  }

  .p-selfeePoint {
    padding-block: 0 40px;
  }

  .p-selfeePoint__tags {
    margin-block-start: 29px;
    margin-inline: 0;
    padding: 24px 14px;
  }

  .p-selfeePoint__tag {
    block-size: 80px;
    font-size: 14px;
    inline-size: min(159px, 100%);
    letter-spacing: 0.7px;
    padding: 10px 8px;
  }

  .p-selfeePoint__body {
    margin-block-start: 39px;
  }

  .p-selfeePoint__cards {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .p-selfeeSystem {
    padding-block: 50px 50px;
  }

  .p-selfeeSystem__heading {
    align-items: start;
    flex-direction: column;
    gap: 28px;
  }

  .p-selfeeSystem__heading-lead {
    margin-block-start: 13px;
  }

  .p-selfeeSystem__body {
    box-shadow: none;
    margin-block-start: 24px;
    padding: 0;
    padding-inline: 0;
  }

  .p-selfeeSystem__block:nth-child(2) {
    margin-block-start: 49px;
  }

  .p-selfeeSystem__block:nth-child(2) .p-selfeeSystem__img {
    margin-inline-start: 0;
  }

  .p-selfeeSystem__block:nth-child(2) .p-selfeeSystem__feature {
    inline-size: min(352px, 100%);
    margin-block-start: 0;
    margin-inline: auto;
  }

  .p-selfeeSystem__title {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }

  .p-selfeeSystem__title--accent.--blue {
    font-size: 32px;
  }

  .p-selfeeSystem__title--accent.--green {
    font-size: 30px;
  }

  .p-selfeeSystem__content {
    align-items: center;
    flex-direction: column;
    gap: 27px;
    margin-block-start: 21px;
  }

  .p-selfeeSystem__wrap {
    align-items: center;
    flex-direction: column;
    gap: 21px;
    margin-block-start: 21px;
  }

  .p-selfeeSystem__card {
    margin-inline: auto;
    padding-inline: 16px;
  }

  .p-selfeeSystem__card:nth-child(1) {
    inline-size: min(400px, 100%);
  }

  .p-selfeeSystem__card:nth-child(2) {
    inline-size: min(400px, 100%);
  }

  .p-selfeeSystem__card:nth-child(3) {
    inline-size: min(400px, 100%);
  }

  .p-selfeeSystem__card-text {
    font-size: 14px;
  }

  .p-selfeeAb {
    padding-block: 0px 50px;
  }

  .p-selfeeAb__heading {
    align-items: start;
    flex-direction: column;
    gap: 28px;
  }

  .p-selfeeAb__heading-lead {
    margin-block-start: 9px;
  }

  .p-selfeeAb__body {
    box-shadow: none;
    margin-block-start: 72px;
    padding: 0;
    padding-inline: 0;
  }

  .p-selfeeAb__list {
    gap: 102px;
  }

  .p-selfeeAb__voice {
    margin-block-start: 66px;
    padding-block: 30px;
  }

  .p-selfeeAb__voice-list {
    gap: 4px;
  }

  .p-selfeeLineup {
    padding-block: 15px 40px;
  }

  .p-selfeeLineup__body {
    margin-block-start: 47px;
  }

  .p-selfeeLineup__title {
    font-size: 20px;
  }

  .p-selfeeLineup__subjects {
    justify-content: center;
    margin-block-start: 15px;
  }

  .p-selfeeSample {
    padding-block: 59px 64px;
  }

  .p-selfeeSample__body {
    margin-block-start: 22px;
  }

  .p-selfeeSample__list {
    gap: 24px;
  }

  .p-selfeeSample__title {
    font-size: 16px;
    padding-inline-start: 17px;
  }

  .p-selfeeSample__title::before {
    block-size: 29px;
  }

  .p-selfeeSample__buttons {
    gap: 16px;
  }

  .p-selfeeSample__button {
    font-size: 14px;
    padding: 2px 13.3px;
  }

  .p-selfeeSample__swiper-bottom {
    margin-block-start: 65px;
  }

  .p-selfeeSample__swiper-next {
    inset-inline-end: 10px;
  }

  .p-selfeeApply {
    background: url(../img/content/selfee/apply-bg-sp.webp) no-repeat center
      center/cover;
    padding-block: 80px 80px;
  }

  .p-selfeeApply__inner {
    flex-direction: column-reverse;
    gap: 50px;
  }

  .p-selfeeApply__text {
    line-height: 1.1;
  }

  .p-selfeeFv__inner {
    max-block-size: 450px;
    min-block-size: 400px;
  }

  .p-selfeeFv__img img {
    max-block-size: 450px;
    min-block-size: 400px;
  }

  .p-selfeeFv__container {
    inset-block-end: 48%;
  }

  .p-selfeeFv__text {
    font-size: 14px;
    margin-block-start: 12px;
    text-align: center;
  }

  .p-selfeeFv__buttons {
    margin-block-start: 35px;
  }

  .p-wakuwakuFv__inner {
    max-block-size: 450px;
    min-block-size: 365px;
  }

  .p-wakuwakuFv__img img {
    max-block-size: 450px;
    min-block-size: 365px;
  }

  .p-wakuwakuFv__container {
    inset-block-end: 37%;
  }

  .p-wakuwakuFv__title {
    font-size: 32px;
    letter-spacing: 0.64px;
    line-height: 48px;
  }

  .p-wakuwakuFv__text {
    font-size: 14px;
    margin-block-start: 12px;
    text-align: left;
  }

  .p-wakuwakuFv__buttons {
    margin-block-start: 12px;
  }

  .p-wakuwakuCta {
    background: url(../img/content/wakuwaku/cta-bg-sp.webp) no-repeat center
      center/cover;
    padding-block: 38px 40px;
  }

  .p-selfeeCta {
    background: url(../img/content/selfee/cta-bg-sp.webp) no-repeat center
      center/cover;
    padding-block: 38px 40px;
  }

  .p-cta__title {
    font-size: 30px;
  }

  .p-cta__text {
    margin-block-start: 15px;
  }

  .p-cta__buttons {
    flex-direction: column;
    gap: 18px;
    margin-block-start: 64px;
  }

  .p-cta__button {
    inline-size: min(450px, 100%);
    margin-inline: auto;
  }

  .p-selfeeTrial {
    padding-block: 37px 40px;
  }

  .p-selfeeTrial__container {
    margin-block-start: 82px;
    padding-block: 24px;
  }

  .p-selfeeTrial__container::before {
    block-size: 78.866px;
    inline-size: 79.421px;
    inset-block-start: -61px;
    inset-inline-start: clamp(
      -0.5625rem,
      -4.3771551724rem + 15.649867374vi,
      3.125rem
    );
  }

  .p-selfeeTrial__title {
    font-size: 20px;
    line-height: 30px;
  }

  .p-selfeeTrial__title--red {
    font-size: 20px;
    line-height: 30px;
  }

  .p-selfeeTrial__text {
    margin-block-start: 8px;
  }

  .p-selfeeTrial__points {
    grid-template-columns: repeat(1, 3fr);
    margin-block-start: 24px;
    padding-inline: 51px;
    row-gap: clamp(1rem, -0.0344827586rem + 4.2440318302vi, 2rem);
  }

  .p-selfeeTrial-point__img {
    inline-size: min(300px, 100%);
    margin-inline: auto;
  }

  .p-wakuwakuTrial {
    padding-block: 37px 40px;
  }

  .p-wakuwakuTrial__container {
    margin-block-start: 82px;
    padding-block: 24px;
  }

  .p-wakuwakuTrial__container::before {
    block-size: 78.866px;
    inline-size: 79.421px;
    inset-block-start: -61px;
    inset-inline-start: clamp(
      -0.5625rem,
      -4.3771551724rem + 15.649867374vi,
      3.125rem
    );
  }

  .p-wakuwakuTrial__title {
    font-size: 20px;
    line-height: 30px;
  }

  .p-wakuwakuTrial__title--orange {
    font-size: 20px;
    line-height: 30px;
  }

  .p-wakuwakuTrial__text {
    margin-block-start: 8px;
  }

  .p-wakuwakuTrial__points {
    grid-template-columns: repeat(1, 3fr);
    margin-block-start: 24px;
    padding-inline: 51px;
    row-gap: clamp(1rem, -0.0344827586rem + 4.2440318302vi, 2rem);
  }

  .p-wakuwakuTrial-point__img {
    inline-size: min(300px, 100%);
    margin-inline: auto;
  }

  .p-selfeeCase__card {
    flex-direction: column;
    padding-block: 30px 32px;
    padding-inline: 16px;
  }

  .p-selfeeCase__left {
    max-inline-size: none;
    padding-block: 16px 16px;
    padding-inline: 20px;
  }

  .p-selfeeCase-left__info {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .p-selfeeCase-left__profile {
    margin-block-start: 12px;
  }

  .p-selfeeCase-right__title {
    font-size: 20px;
    line-height: 30px;
    margin-block-start: 8px;
  }

  .p-wakuwakuCase__card {
    flex-direction: column;
    padding-block: 30px 32px;
    padding-inline: 16px;
  }

  .p-wakuwakuCase__left {
    max-inline-size: none;
    padding-block: 16px 16px;
    padding-inline: 20px;
  }

  .p-wakuwakuCase-left__info {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .p-wakuwakuCase-left__profile {
    margin-block-start: 12px;
  }

  .p-wakuwakuCase-right__title {
    font-size: 20px;
    line-height: 30px;
    margin-block-start: 8px;
  }

  .p-wakuwakuPrice {
    padding-block: 40px 40px;
  }

  .p-wakuwakuPrice__card {
    margin-block-start: 24px;
    padding-block: 40px;
    padding-inline: 24px;
  }

  /* .p-wakuwakuPrice-card__top {
    padding-block-end: 16px;
  } */

  .p-wakuwakuPrice-card__btns {
    flex-direction: column;
    margin-block-start: 16px;
  }

  .p-wakuwakuPrice-card__apply {
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: 350px;
  }

  .p-wakuwakuPrice-card__request {
    inline-size: 100%;
    margin-inline: auto;
    max-inline-size: 350px;
  }

  .p-wakuwakuPrice-card__bottom {
    padding-block-start: 16px;
  }

  .p-wakuwakuReason {
    padding-block: 40px;
  }

  .p-wakuwakuReason__body {
    gap: 61px;
    margin-block-start: 73px;
  }

  .p-wakuwakuReason__item {
    flex-direction: column-reverse;
    padding-inline: 0;
  }

  .p-wakuwakuReason__item--row {
    flex-direction: column-reverse;
  }

  .p-wakuwakuReason-item__text {
    margin-block-start: 8px;
  }

  .p-wakuwakuStructure {
    padding-block: 40px;
  }

  .p-wakuwakuStructure__body {
    margin-block-start: 40px;
  }
  .p-wakuwakuStructure-dialog {
    width: min(92vw, 720px);
    max-height: 85vh;
    padding: 0;
    border: none;
    border-radius: 16px;
  }

  /* 背景（暗いところ） */
  .p-wakuwakuStructure-dialog::backdrop {
    background: rgba(0, 0, 0, 0.6);
  }
  .p-wakuwakuStructure-dialog__inner {
    display: flex;
    flex-direction: column;
    max-height: 85vh; /* dialogと合わせる */
  }
  .p-wakuwakuStructure-dialog__body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px; /* お好みで */
  }
  .p-wakuwakuStructure-dialog__body:after {
    display: none;
  }
  .p-wakuwakuStructure-dialog__flex {
    flex-direction: column;
    gap: 30px;
  }

  .p-wakuwakuStructure-dialog__flex--three .p-wakuwakuStructure-dialog__item {
    width: 100%;
  }

  .p-wakuwakuStructure-dialog__flex--three
    .p-wakuwakuStructure-dialog__item
    video {
    width: -webkit-fill-available;
    width: stretch;
    width: -moz-available;
    max-width: none;
  }
  .p-wakuwakuStructure-dialog__flex--three .p-wakuwakuStructure-dialog__image {
    height: auto;
  }

  .p-wakuwakuLineup {
    padding-block: 40px;
    min-height: 1143px;
  }

  .p-wakuwakuLineup__body {
    margin-block-start: 40px;
  }

  .p-wakuwakuLineup__box .p-wakuwakuLineup-box__label {
    font-size: 12px;
  }
  .p-wakuwakuLineup-box__list {
    gap: 0 15px;
  }
  .p-wakuwakuLineup-box__book {
    width: auto;
  }

  .p-wakuwakuLineup-box__content {
    padding-block: 16px 13px;
    padding-inline: 21px;
  }

  .p-wakuwakuPoint {
    padding-block: 60px 59.24px;
  }

  .p-wakuwakuPoint__card {
    padding-block: 24px;
    padding-inline: 16px;
  }

  .p-wakuwakuPoint-card__img--382 {
    max-inline-size: 212px;
  }

  .p-wakuwakuPoint-card__img--282 {
    max-inline-size: 180px;
  }

  .p-wakuwakuPoint-card__bottom {
    flex-direction: column;
    padding-block: 24px;
    padding-inline: 24px;
  }

  .p-wakuwakuPoint-card-bottom__categories {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 2fr);
  }

  .p-wakuwakuPoint-card-bottom__category {
    padding: 2.784px 6.803px;
  }

  .p-wakuwakuPoint-card-bottom__category
    + .p-wakuwakuPoint-card-bottom__category {
    margin-block-start: 0;
  }

  .p-wakuwakuPoint-card-bottom__archive {
    margin-block-start: 24px;
    margin-inline: auto;
    max-inline-size: 148px;
  }

  .p-wakuwakuPoint-card-6-content__top {
    flex-direction: column;
    gap: 8px;
    padding-block: 24px;
    padding-inline: 24px;
  }

  .p-wakuwakuPoint-card-6-content__bottom {
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding-block: 24px;
    padding-inline: 24px;
  }

  .p-wakuwakuActivity {
    padding-block: 48px 0px;
  }

  .p-wakuwakuActivity__inner {
    padding-inline: 0px;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__inner {
    flex-direction: column;
    gap: 24px;
    padding-inline: 16px;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__img {
    margin-block-start: 0;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__content {
    margin-block-start: 0;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__title {
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: normal;
    text-align: center;
    text-align: center;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card__text {
    margin-block-start: 16px;
  }

  .p-wakuwakuActivity__card--top .p-wakuwakuActivity-card-btn {
    justify-content: center;
    margin-block-start: 24px;
  }
  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card-btn {
    margin-block-start: 24px;
  }

  .p-wakuwakuActivity__card--bottom {
    margin-block-start: 40px;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__inner {
    flex-direction: column;
    gap: 24px;
    padding-inline: 16px;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__img {
    margin-block-start: 0;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__title {
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: normal;
    text-align: center;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card__text {
    margin-block-start: 16px;
  }

  .p-wakuwakuActivity__card--bottom .p-wakuwakuActivity-card-btn {
    justify-content: center;
    margin-block-start: 24px;
  }

  .p-wakuwakuMeritTop {
    padding-block: 40px 59px;
  }

  .p-wakuwakuMeritTop-item__titles {
    justify-content: center;
  }

  .p-wakuwakuMeritTop__body {
    margin-block-start: 0;
    padding-inline: 0;
  }

  .p-wakuwakuMeritTop-body__inner {
    background: none;
    padding-block: 59px 0px;
    padding-inline: 0;
  }

  .p-wakuwakuMeritTop-body__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: normal;
    padding-inline: 50.92px 49.08px;
  }

  .p-wakuwakuMeritTop__table {
    margin-block-start: 59px;
    max-inline-size: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-inline: clamp(1rem, -0.0344827586rem + 4.2440318302vi, 2rem);
  }

  .p-wakuwakuMeritTop__table::-webkit-scrollbar {
    display: none;
  }

  .p-wakuwakuMeritTop__table img {
    max-inline-size: 952.587px;
    min-inline-size: 952.487px;
  }

  .p-wakuwakuMeritBottom {
    padding-block: 0px 40px;
  }

  .p-wakuwakuMeritBottom-body__inner {
    padding-block: 40px 40px;
  }
  .p-organization__inner {
    padding-block: 100px;
    display: flex;
    flex-direction: column;
    gap: 70px;
  }
  .p-organization__card {
    flex-direction: column;
    gap: 30px;
  }
  .p-organization__img {
    height: 254px;
  }
  .p-organization-content__link {
    align-items: flex-start;
  }
  .p-organization-detail__card {
    padding-block-start: 0;
    flex-direction: column;
    gap: 30px;
  }
  .p-organization-detail__content {
    padding-block-start: 0;
  }
  .p-independent__card {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }
  .p-independent-about__point {
    flex-direction: column;
    gap: 15px;
  }
  .p-independent-about__point-item {
    text-align: center;
    font-size: 16px;
  }
  .p-independent-about__card,
  .p-independent__card--can {
    flex-direction: column;
  }
  .p-independent-about__content:first-child {
    max-width: none;
  }
  .u-hidden-sp {
    display: none;
  }
}

@media (max-width: 624px) {
  .p-selfeeTrial__text {
    text-align: left;
  }

  .p-wakuwakuTrial__text {
    text-align: left;
  }
}

@media (max-width: 550px) {
  /* .p-topFv::before {
    block-size: 402px;
    inline-size: 345px;
    inset-block-start: 171px;
  } */
  .p-topFv {
    background: url(../img/content/top/fv-new-bg-sp.webp) no-repeat center
      center/cover;
  }

  .p-topFv__content {
    padding-block-start: 0;
  }

  /* .p-topFv__text {
    margin-block-start: 305px;
  } */

  .p-selfeePoint__tags-wrap {
    display: grid;
    grid-template-columns: repeat(2, 48.2%);
    justify-content: center;
  }

  .p-selfeePoint__tag {
    inline-size: 100%;
  }
}

@media (max-width: 525px) {
  .p-fv-selfee__button {
    border-radius: 5.805px;
    font-size: 13.62px;
    line-height: 17.414px;
    min-height: 54.478px;
    min-width: 174.1px;
    padding-block: 17px;
  }

  .p-wakuwakuFv__button {
    border-radius: 5.805px;
    font-size: 13.62px;
    line-height: 17.414px;
    min-height: 54.478px;
    min-width: 174.1px;
    padding-block: 17px;
  }
}

@media (max-width: 500px) {
  .p-worksTrack {
    padding-block-start: 162px;
  }

  .indent {
    display: block;
  }
}

@media (max-width: 450px) {
  .p-selfeeTrial__title .sp-indent {
    display: block;
  }

  .p-wakuwakuTrial__title .sp-indent {
    display: block;
  }
}

@media screen and (max-width: 445px) {
  .p-topService__description {
    text-align: left;
  }

  .p-topService__description .p-topService-hidden {
    display: none;
  }

  .p-service__description {
    letter-spacing: 0;
    text-align: left;
  }

  .p-service__description .p-service-hidden {
    display: none;
  }

  .p-future {
    padding-block-start: 64px;
  }
}

@media (max-width: 400px) {
  .c-selfeePoint-card__img {
    inline-size: calc(100% + 10px);
    margin-inline: -5px;
  }
}

@media (max-width: 399px) {
  .p-selfeePoint__tag {
    padding-inline: 0;
  }
}

@media (max-width: 389px) {
  .p-topPhilosophy__text br {
    display: none;
  }

  .p-topSeminarIntro__heading .c-section-title-both-line__en {
    padding-inline: 52px;
  }

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

@keyframes fadein-bottom {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}