@charset "UTF-8";
/* -------------------------------------
  Foundation
------------------------------------- */
/* -------------------------------------
  reset css
------------------------------------- */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  max-width: 100svw;
  height: -webkit-fill-available;
  margin: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

main {
  overflow: hidden;
}

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

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

button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

td {
  -webkit-text-size-adjust: 100%;
}

:root {
  /* ---------------------------------------
    color
  ---------------------------------------- */
  --color-black: #000000;
  --color-pink: #e53289;
  --color-school-color: #fb26a8;
  --color-sns-line: #06c755;
  --color-text-black: #333333;
  --color-title-en: #ffe4f5;
  --color-title-en-white: #fffcfe;
  --color-white: #ffffff;
  --color-gray: #d9d9d9;
  --color-button-pink: linear-gradient(90deg, #f768bf 0%, #f76889 100%);
  --color-h2-background: rgba(255, 255, 255, 0.6);
  --color-h2-border: linear-gradient(90deg, --color-school-color 0%, #fb26a8 100%);
  --color-title-background: linear-gradient(90deg, #ffe8f6 0%, #ffc2e8 100%);
  --color-title-gradation: linear-gradient(90deg, #f89b69 1.44%, #f8698c 12.98%, #fa53b9 80.77%, #8bdaff 100%);
  --color-title-line-gradation: linear-gradient(90deg, #fbc226 0%, var(--color-school-color) 9.13%, #e60012 76.44%, #7cdeff 100%);
  --color-background-gradation: linear-gradient(157deg, #ffd9f0 5.84%, #c9f1ff 42.79%, #ffd9f0 88.49%);
  --color-background-pink: #fff5fb;
  --color-header-background: rgba(255, 255, 255, 0.9);
  --color-mv-title-background: linear-gradient(90deg, rgba(251, 38, 168, 0.7) 0%, rgba(100, 190, 255, 0.7) 100%);
  --color-mv-gray-background: rgba(65, 44, 62, 0.7);
  --color-reason-background-first: radial-gradient(50% 50% at 50% 50%, rgba(255, 208, 237, 0.5) 0%, rgba(255, 208, 237, 0) 100%);
  --color-reason-background-second: radial-gradient(50% 50% at 50% 50%, rgba(187, 238, 255, 0.4) 0%, rgba(187, 238, 255, 0) 100%);
  --color-reason-background-third: radial-gradient(50% 50% at 50% 50%, rgba(255, 213, 191, 0.5) 0%, rgba(255, 213, 191, 0) 100%);
  --color-button-shadow: 2px 2px 0 0 #ff9dd8;
  --color-toggle-false: #f5d5dd;
  --color-slide-control: #f769a0;
  --color-copyright: #b4b4b4;
  --color-pc-nav-background: rgba(255, 255, 255, 0.5);
  --color-pc-nav-en: #fc8fc4;
  /* ---------------------------------------
    font-family
  ---------------------------------------- */
  --font-family-jp: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  --font-family-en: "Crimson Text", serif;
  --font-family-maru-gothic: "Zen Maru Gothic", sans-serif;
  /* ---------------------------------------
    font-size
  ---------------------------------------- */
  /* window幅が767pxの時に最小値になるように設定 */
  --font-size-lv1: 48px;
  --font-size-lv2: clamp(28px, 2.5vw, 32px);
  --font-size-lv3: clamp(22px, 2vw, 24px);
  --font-size-lv4: clamp(18px, 2vw, 20px);
  --font-size-lv4-5: 18px;
  --font-size-lv5: 16px;
  --font-size-base: clamp(14px, 1.5vw, 12px);
  --font-size-lv6: 12px;
  --font-size-lv7: 10px;
  --font-size-voice-button: clamp(12px, 1.5vw, 14px);
  --font-size-ranking-first: clamp(20px, 2vw, 24px);
  /* ---------------------------------------
    font-weight
  ---------------------------------------- */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  /* ---------------------------------------
    border-radius
  ---------------------------------------- */
  --border-radius-default: 10px;
  --border-radius-20: 20px;
  --border-radius-full: 999px;
  /* ---------------------------------------
    transition
  ---------------------------------------- */
  --transition-default: 0.3s ease;
  --transition-slow: 0.5s ease;
  /* ---------------------------------------
    shadow
  ---------------------------------------- */
  --shadow-default: 0 0 10px 0 rgba(134, 20, 81, 0.3);
}

/* ---------------------------------------
  mediaquery
---------------------------------------- */
/* PC: 1040px以上 */
/* タブレット: 500px以上 */
/* モバイル: 400px以下 */
/* -------------------------------------
  base style
------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  color: var(--color-text-black);
  font-size: var(--font-size-base);
  font-family: var(--font-family-jp);
  font-weight: var(--font-weight-normal);
}

main {
  min-height: calc(100svh - 200px);
}

a,
button {
  cursor: pointer;
  transition: var(--transition-default);
}

a {
  display: block;
}

img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* -------------------------------------
  Layout
------------------------------------- */
.l-section.-gradation {
  position: relative;
  padding: 70px 0;
  background: var(--color-background-gradation);
  overflow: hidden;
}
.l-section.-gradation::before {
  content: "";
  display: block;
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  height: 875px;
  background: url(../img/common/background_deco.png) no-repeat center center/cover;
}
.l-section.-gradation .container::before, .l-section.-gradation .container::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 25px;
  z-index: 1;
}
.l-section.-gradation .container::before {
  top: 0;
  background: url(../img/common/wave_white.svg) no-repeat center center/cover;
  transform: scaleY(-1);
}
.l-section.-gradation .container::after {
  bottom: 0;
  background: url(../img/common/wave_white.svg) no-repeat center center/cover;
}
.l-section.-pink {
  padding: 90px 0;
  background: var(--color-background-pink);
}

.l-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 500px;
  padding: 0 20px;
  z-index: 1;
}

.l-pc-container {
  display: flex;
  position: relative;
}
.l-pc-container .mobile-container {
  display: block;
  flex: 1;
  max-width: 500px;
  width: 100%;
  height: 1000px;
  margin-inline: auto;
}
@media (min-width: 501px) {
  .l-pc-container .mobile-container {
    position: absolute;
    left: 0;
    border-right: 1px solid var(--color-white);
    border-left: 1px solid var(--color-white);
  }
}
@media (min-width: 955px) {
  .l-pc-container .mobile-container {
    left: 24%;
  }
}
@media (min-width: 1160px) {
  .l-pc-container .mobile-container {
    position: static;
  }
}
.l-pc-container .left,
.l-pc-container .right {
  display: none;
  position: fixed;
  top: 0;
  flex: 1;
  height: 100%;
}
.l-pc-container .left {
  left: 0;
  background: url(../../assets/img/common/pc_background_left.jpg) no-repeat center center/cover;
  transition: var(--transition-default);
}
@media (min-width: 955px) {
  .l-pc-container .left {
    display: block;
    width: 24%;
  }
}
@media (min-width: 1160px) {
  .l-pc-container .left {
    width: calc((100% - 500px) / 2);
  }
}
.l-pc-container .right {
  right: 0;
  background: url(../../assets/img/common/pc_background_right.jpg) no-repeat center center/cover;
}
@media (min-width: 501px) {
  .l-pc-container .right {
    display: block;
    width: calc(100% - 500px);
  }
}
@media (min-width: 955px) {
  .l-pc-container .right {
    width: calc(100% - 500px - 24%);
  }
}
@media (min-width: 1160px) {
  .l-pc-container .right {
    width: calc((100% - 500px) / 2);
  }
}

.l-button {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

/* -------------------------------------
  Component
------------------------------------- */
.c-header {
  display: block;
  position: fixed;
  max-width: 500px;
  width: 100%;
  z-index: 200;
}
.c-header .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 460px;
  width: 100%;
  margin-top: 10px;
  padding: 8px 15px;
  background: var(--color-header-background);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-default);
  z-index: 100;
}
.c-header .inner.is-open {
  box-shadow: none;
  background: transparent;
}
.c-header .inner .logo img {
  display: block;
  height: 18px;
}
.c-header .inner .btn {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 8px;
  background: var(--color-school-color);
  border-radius: var(--border-radius-full);
}
.c-header .inner .btn[aria-expanded=true] .burger:nth-child(1) {
  transform: translate(-50%, -150%) rotate(45deg);
}
.c-header .inner .btn[aria-expanded=true] .burger:nth-child(2) {
  transform: translate(-50%, -150%) rotate(-45deg);
}
.c-header .inner .burger {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 2px;
  background: var(--color-white);
  margin: 2px 0;
}
.c-header .inner .burger:nth-child(1) {
  transform: translate(-50%, -8px);
  transition: var(--transition-default);
}
.c-header .inner .burger:nth-child(2) {
  transform: translate(-50%, 2px);
  transition: var(--transition-default);
}
.c-header .sp-menu {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100svh;
  padding-top: 70px;
  background: var(--color-background-gradation);
  opacity: 0;
  transform: translateY(-8px);
  transition: var(--transition-default);
  z-index: 99;
}
.c-header .sp-menu .container {
  height: 100%;
  overflow-y: auto;
  padding: 0 20px 30px;
}
.c-header .sp-menu .nav {
  padding-top: 20px;
  border-top: 1px dashed var(--color-school-color);
}
.c-header .sp-menu .nav li {
  margin-bottom: 15px;
}
.c-header .sp-menu .nav li a {
  display: flex;
  flex-direction: column;
}
.c-header .sp-menu .nav li a .en {
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv5);
  color: var(--color-white);
}
.c-header .sp-menu .nav li a .jp {
  display: inline-block;
  width: fit-content;
  padding-right: 35px;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lv4);
}
.c-header .sp-menu .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 5px;
  padding: 35px 0 20px;
}
.c-header .sp-menu .actions .c-button {
  width: calc(50% - 5px);
  padding: 10px 40px 10px 10px;
}
.c-header .sp-menu .sns-links {
  display: flex;
  justify-content: center;
  gap: 25px;
  padding: 30px 0;
}
.c-header .sp-menu .sns-links .icon {
  width: 40px;
}
.c-header .sp-menu.is-open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  display: block;
}
.c-header .button-fixed {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  max-width: 500px;
  width: 100%;
  display: flex;
}
@media (min-width: 501px) {
  .c-header .button-fixed {
    display: none;
  }
}
.c-header .button-fixed li {
  width: 100%;
}
.c-header .button-fixed .button {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 25px 10px 15px;
  font-weight: var(--font-weight-bold);
}
.c-header .button-fixed .button .title {
  position: absolute;
  top: -10px;
  padding: 2px 10px;
  background: var(--color-white);
  border-radius: var(--border-radius-full);
}
.c-header .button-fixed .button .text {
  color: var(--color-white);
  padding-right: 35px;
}
.c-header .button-fixed .button.-primary {
  background: var(--color-button-pink);
  border-radius: var(--border-radius-default) 0 0 0;
}
.c-header .button-fixed .button.-primary .title {
  color: var(--color-school-color);
}
.c-header .button-fixed .button.-sns-line {
  background: var(--color-sns-line);
  border-radius: 0 var(--border-radius-default) 0 0;
}
.c-header .button-fixed .button.-sns-line .title {
  color: var(--color-sns-line);
}

.c-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15px;
  background: var(--color-white);
  border-radius: var(--border-radius-20);
}
.c-card .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% + 30px);
  margin: 0 -15px;
  padding: 15px 20px;
  background: var(--color-title-gradation);
  border-radius: var(--border-radius-20) var(--border-radius-20) 0 0;
  color: var(--color-white);
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.c-footer {
  padding-bottom: 65px;
}
@media (min-width: 501px) {
  .c-footer {
    padding-bottom: 0;
  }
}
.c-footer .sns-links {
  display: flex;
  justify-content: center;
  gap: 25px;
  padding: 30px 0;
}
.c-footer .sns-links .icon {
  width: 40px;
}
.c-footer .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 0 10px;
}
.c-footer .content .logo {
  width: 100%;
  max-width: 260px;
}
.c-footer .content .links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.c-footer .content .copyright {
  color: var(--color-copyright);
  font-size: var(--font-size-lv7);
}

.c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 320px;
  width: 100%;
  padding: 20px 40px 20px 10px;
  border-radius: var(--border-radius-default);
  color: var(--color-white);
  text-align: center;
  text-decoration: none;
  font-weight: var(--font-weight-bold);
}
.c-button::before {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: var(--border-radius-full);
  background: var(--color-white);
}
.c-button::after {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-school-color);
  border-right: 2px solid var(--color-school-color);
}
.c-button.-primary {
  background: var(--color-button-pink);
}
.c-button.-sns-line {
  background: var(--color-sns-line);
}
.c-button.-sns-line::after {
  border-top: 2px solid var(--color-sns-line);
  border-right: 2px solid var(--color-sns-line);
}
.c-button.-sns-line-outline {
  background: var(--color-white);
  border: 1px solid var(--color-sns-line);
  color: var(--color-sns-line);
}
.c-button.-sns-line-outline::before {
  background: var(--color-sns-line);
}
.c-button.-sns-line-outline::after {
  border-top-color: var(--color-white);
  border-right-color: var(--color-white);
}
.c-button-icon {
  position: relative;
}
.c-button-icon::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: var(--border-radius-full);
  background: var(--color-white);
}
.c-button-icon::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-school-color);
  border-right: 2px solid var(--color-school-color);
}
.c-button-icon.-sns-line::after {
  border-top: 2px solid var(--color-sns-line);
  border-right: 2px solid var(--color-sns-line);
}

.c-button-external {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 320px;
  width: 100%;
  padding: 10px;
  background: var(--color-white);
  border: 1px solid var(--color-school-color);
  border-radius: var(--border-radius-default);
  color: var(--color-school-color);
  text-align: center;
  text-decoration: none;
  font-weight: var(--font-weight-bold);
}
.c-button-external::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url(../img/common/external_icon.svg) no-repeat center center/cover;
}

.c-button-text {
  position: relative;
  font-size: var(--font-size-lv6);
  font-weight: var(--font-weight-bold);
  padding-right: 15px;
  width: fit-content;
}
.c-button-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid var(--color-school-color);
  border-right: 2px solid var(--color-school-color);
}

.c-title {
  position: relative;
  padding: 30px 0 40px;
}
.c-title.-pink .en {
  color: var(--color-title-en);
}
.c-title.-white .en {
  color: var(--color-title-en-white);
}
.c-title .en {
  position: absolute;
  top: 0;
  left: -20px;
  font-family: var(--font-family-en);
  font-size: var(--font-size-lv1);
  line-height: 44px;
}
.c-title .jp {
  display: block;
  position: relative;
  width: 100%;
  background: var(--color-h2-background);
  padding: 20px 5px;
  color: var(--color-pink);
  text-align: center;
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-bold);
  border-radius: var(--border-radius-20);
  border: 2px solid;
  border-image: var(--color-h2-border) 2;
  z-index: 1;
}
.c-title .jp::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 30px;
  background: url(../img/common/title-deco.svg) no-repeat center center/cover;
}
.c-title .jp .small {
  display: block;
  font-size: var(--font-size-base);
}

.c-sub-title {
  position: relative;
  width: 100%;
  padding: 0 5px 30px;
  color: var(--color-text-black);
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.c-sub-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 100px;
  height: 5px;
  background: var(--color-title-line-gradation);
  border-radius: var(--border-radius-full);
  transform: translateX(-50%);
}
.c-sub-title.-small {
  padding-bottom: 20px;
  font-size: var(--font-size-lv5);
}
.c-sub-title.-small::after {
  bottom: 10px;
  width: 70px;
}

.c-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 10px;
}
.c-controls .splide__arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  padding: 0;
  background: var(--color-pink);
  border: none;
  border-radius: var(--border-radius-full);
}
.c-controls .splide__arrow svg {
  display: none;
}
.c-controls .splide__arrow::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid var(--color-white);
  border-right: 2px solid var(--color-white);
  transform: translateX(-2px) rotate(45deg);
}
.c-controls .splide__arrow--prev::before {
  transform: translateX(2px) rotate(-135deg);
}
.c-controls.-bg-white .splide__arrow {
  background: var(--color-slide-control);
}
.c-controls.-bg-white .splide__pagination .splide__pagination__page {
  background: var(--color-gray);
}
.c-controls .splide__pagination {
  display: flex;
  gap: 10px;
}
.c-controls .splide__pagination .splide__pagination__page {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  background: var(--color-white);
  border: none;
  border-radius: var(--border-radius-full);
  transition: var(--transition-default);
}
.c-controls .splide__pagination .splide__pagination__page.is-active {
  background: var(--color-pink);
}
.c-controls .toggle {
  width: 25px;
  height: 25px;
  background: var(--color-white);
  border: 1px solid var(--color-pink);
  border-radius: var(--border-radius-full);
}
.c-controls .toggle::before, .c-controls .toggle::after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: var(--color-pink);
}
.c-controls .toggle::before {
  transform: translate(8px, 50%);
}
.c-controls .toggle::after {
  transform: translate(13px, -50%);
}
.c-controls .toggle.is-paused::before {
  display: inline-block;
  width: 8.7px;
  height: 10px;
  background: var(--color-pink);
  transform: translateX(1px);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.c-controls .toggle.is-paused::after {
  display: none;
}

/* -------------------------------------
  Page
------------------------------------- */
/* ---------------------------------------
  top page
---------------------------------------- */
.p-sp-only {
  display: block;
}
@media (min-width: 501px) {
  .p-sp-only {
    display: none;
  }
}

.p-pc-only {
  display: none;
}
@media (min-width: 501px) {
  .p-pc-only {
    display: block;
  }
}

.p-pc-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 10px 110px;
}
.p-pc-action::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 230px;
  height: 32%;
  background: url(../img/pc_left.png) no-repeat bottom center/contain;
}
.p-pc-action .message {
  color: var(--color-pink);
  font-family: var(--font-family-maru-gothic);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.p-pc-action .actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 320px;
}
.p-pc-action .actions .c-button {
  min-height: 60px;
  padding: 10px 40px 10px 15px;
}

.p-pc-nav {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px 10px;
}
@media (min-width: 730px) {
  .p-pc-nav {
    display: flex;
  }
}
.p-pc-nav .nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 380px;
  padding: 20px;
  background: var(--color-pc-nav-background);
  border: 1px solid var(--color-school-color);
  border-radius: var(--border-radius-default);
}
.p-pc-nav .nav a {
  display: flex;
  flex-direction: column;
}
.p-pc-nav .nav .en {
  color: var(--color-pc-nav-en);
  font-family: var(--font-family-en);
}
.p-pc-nav .nav .jp {
  position: relative;
  width: fit-content;
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
  padding-right: 20px;
}
.p-pc-nav .nav .jp::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid var(--color-school-color);
  border-right: 2px solid var(--color-school-color);
}

.p-mv {
  padding: 75px 0 80px;
  position: relative;
}
.p-mv.-top-gradation {
  position: relative;
  background: var(--color-background-gradation);
}
.p-mv.-top-gradation::before {
  content: "";
  display: block;
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: 875px;
  background: url(../img/common/background_deco.png) no-repeat center center/cover;
}
.p-mv.-top-gradation::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: url(../img/mv/mv_wave_white.svg) no-repeat center center/cover;
}
.p-mv .inner {
  position: relative;
  font-family: var(--font-family-maru-gothic);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
}
.p-mv .inner .title {
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (min-width: 501px) {
  .p-mv .inner .title {
    top: 30px;
    left: 30px;
  }
}
.p-mv .inner .title .marker {
  display: inline;
  font-size: var(--font-size-lv2);
  background: var(--color-mv-title-background);
  padding: 0 10px;
  box-decoration-break: clone;
}
.p-mv .inner .text {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 5px 10px;
  background: var(--color-mv-gray-background);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius-full);
}
.p-mv .video-wrap .toggle {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 25px;
  height: 25px;
  background: var(--color-mv-gray-background);
  border: 1px solid var(--color-white);
  border-radius: var(--border-radius-full);
}
.p-mv .video-wrap .toggle::before, .p-mv .video-wrap .toggle::after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: var(--color-white);
}
.p-mv .video-wrap .toggle::before {
  transform: translate(8px, 50%);
}
.p-mv .video-wrap .toggle::after {
  transform: translate(13px, -50%);
}
.p-mv .video-wrap .toggle.is-paused::before {
  display: inline-block;
  width: 8.7px;
  height: 10px;
  background: var(--color-white);
  transform: translate(2px, -1px);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.p-mv .video-wrap .toggle.is-paused::after {
  display: none;
}
.p-mv .video-wrap .video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 375/538;
  border-radius: var(--border-radius-20);
  border: 5px solid var(--color-white);
}

.p-first-title {
  padding-top: 40px;
  text-align: center;
}
.p-first-title .small {
  display: block;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 15px;
  color: var(--color-pink);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
}
.p-first-title .small::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 12px;
  background: url(../img/first-title_deco.svg) no-repeat center center/contain;
}
.p-first-title .main {
  display: inline;
  color: var(--color-white);
  background: var(--color-mv-title-background);
  padding: 7px 10px;
  font-size: var(--font-size-lv2);
  font-weight: var(--font-weight-bold);
  box-decoration-break: clone;
}
@media (min-width: 1160px) {
  .p-first-title .main {
    padding: 8px 10px;
  }
}

.p-reason {
  padding: 60px 0 80px;
}
.p-reason .inner .c-title {
  padding: 60px 0 40px;
}
.p-reason .inner .c-title .jp {
  position: relative;
}
.p-reason .inner .c-title .jp::before {
  content: "";
  display: block;
  position: absolute;
  top: -93px;
  right: 15px;
  width: 106px;
  height: 91px;
  background: url(../img/reason/reason_title_deco.png) no-repeat center center/contain;
}
.p-reason .inner .reasons {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 35px;
}
.p-reason .inner .reasons .item {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  font-weight: var(--font-weight-bold);
}
.p-reason .inner .reasons .item:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 5%;
  width: 18%;
  height: 48px;
  background: url(../img/reason/reasons_deco_1.svg) no-repeat center center/contain;
}
@media (min-width: 501px) {
  .p-reason .inner .reasons .item:first-child::before {
    top: 20px;
  }
}
@media (max-width: 400px) {
  .p-reason .inner .reasons .item:first-child::before {
    top: -20px;
  }
}
.p-reason .inner .reasons .item:first-child .content::before {
  content: "";
  display: block;
  position: absolute;
  top: -60px;
  right: -110px;
  width: 365px;
  height: 365px;
  background: var(--color-reason-background-first);
  z-index: -1;
}
.p-reason .inner .reasons .item:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  right: 30%;
  width: 20%;
  height: 70px;
  background: url(../img/reason/reasons_deco_2.svg) no-repeat center center/contain;
}
@media (min-width: 501px) {
  .p-reason .inner .reasons .item:nth-child(2)::before {
    top: -10px;
  }
}
@media (max-width: 400px) {
  .p-reason .inner .reasons .item:nth-child(2)::before {
    top: -30px;
  }
}
.p-reason .inner .reasons .item:nth-child(2) .content::before {
  content: "";
  display: block;
  position: absolute;
  top: -45%;
  left: -130px;
  width: 345px;
  height: 345px;
  background: var(--color-reason-background-second);
  z-index: -1;
}
.p-reason .inner .reasons .item:last-child::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  right: -15px;
  width: 26%;
  height: 85px;
  background: url(../img/reason/reasons_deco_3.svg) no-repeat center center/contain;
}
.p-reason .inner .reasons .item:last-child::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -32px;
  left: -20px;
  width: 14%;
  height: 65px;
  background: url(../img/reason/reasons_deco_4.svg) no-repeat center center/contain;
}
.p-reason .inner .reasons .item:last-child .content::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -110px;
  right: -60px;
  width: 410px;
  height: 410px;
  background: var(--color-reason-background-third);
  z-index: -1;
}
.p-reason .inner .reasons .item .image {
  max-width: 145px;
  width: 55%;
}
.p-reason .inner .reasons .item .title {
  display: inline;
  font-size: var(--font-size-lv4);
  background: var(--color-title-background);
  padding: 5px;
  box-decoration-break: clone;
}
.p-reason .inner .reasons .item .text {
  padding-top: 10px;
}

.p-real-voices.-gradation .container::after {
  background: url(../img/common/wave_pink.svg) no-repeat center center/cover;
}
.p-real-voices .splide {
  margin-inline: -20px;
  width: calc(100% + 40px);
}
.p-real-voices .splide__track {
  padding: 10px 0;
}
.p-real-voices .splide__arrows {
  display: none;
}
.p-real-voices .splide__slide .card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  padding: 20px 15px;
  background: var(--color-white);
  border-radius: var(--border-radius-20);
  transform: scale(0.9);
  transition: var(--transition-slow);
}
.p-real-voices .splide__slide .card::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: var(--color-title-en);
  border-radius: var(--border-radius-20);
  opacity: 0.8;
  pointer-events: none;
  transition: opacity var(--transition-slow);
}
.p-real-voices .splide__slide.is-active .card {
  box-shadow: var(--shadow-default);
  transform: scale(1);
}
.p-real-voices .splide__slide.is-active .card::after {
  opacity: 0;
}
.p-real-voices .card .profile {
  display: flex;
  align-items: center;
  gap: 15px;
}
.p-real-voices .card .image {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: var(--border-radius-default);
}
.p-real-voices .card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-real-voices .card .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--color-text-black);
  font-size: var(--font-size-lv6);
}
.p-real-voices .card .name {
  font-weight: var(--font-weight-bold);
}
.p-real-voices .card .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.p-real-voices .card .list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.p-real-voices .card .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: var(--font-weight-bold);
}
.p-real-voices .card .question {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--color-pink);
  border-radius: var(--border-radius-default) var(--border-radius-default) var(--border-radius-default) 0;
  color: var(--color-pink);
}
.p-real-voices .card .question .mark {
  font-size: var(--font-size-lv5);
}
.p-real-voices .card .answer {
  padding: 10px;
  background: var(--color-pink);
  border-radius: var(--border-radius-default) var(--border-radius-default) 0 var(--border-radius-default);
  color: var(--color-white);
}

.p-real-survey .inner .c-title .jp {
  position: relative;
}
.p-real-survey .inner .c-title .jp::before {
  content: "";
  display: block;
  position: absolute;
  top: -93px;
  right: 15px;
  width: 130px;
  height: 91px;
  background: url(../img/real-survey/survey_title_deco.png) no-repeat center center/contain;
}
.p-real-survey .cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.p-real-survey .card {
  border: 1px solid var(--color-pink);
}
.p-real-survey .card .body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 35px;
  padding: 30px 0;
}
.p-real-survey .card .lead {
  color: var(--color-text-black);
  font-size: var(--font-size-lv6);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.p-real-survey .card .content {
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
}
@media (max-width: 400px) {
  .p-real-survey .card .content {
    gap: 10px;
  }
}
.p-real-survey .card .content.-columns {
  gap: 15px;
  padding: 10px 0 30px;
}
@media (min-width: 501px) {
  .p-real-survey .card .content.-columns {
    align-items: flex-start;
  }
}
@media (max-width: 400px) {
  .p-real-survey .card .content.-columns {
    gap: 10px;
  }
}
.p-real-survey .card .content.-right {
  padding-left: 75px;
}
@media (max-width: 400px) {
  .p-real-survey .card .content.-right {
    padding-left: 0;
  }
}
.p-real-survey .card .block {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  min-width: 0;
}
.p-real-survey .card .block .chart {
  width: 100%;
}
.p-real-survey .card .chart {
  flex-shrink: 0;
  width: 220px;
}
@media (max-width: 400px) {
  .p-real-survey .card .chart {
    width: 160px;
  }
}
.p-real-survey .card .chart img {
  display: block;
  width: 100%;
  height: auto;
}
.p-real-survey .card::before {
  display: block;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.p-real-survey .card.-from::before {
  content: "";
  background: url(../img/real-survey/survey_map.svg) no-repeat center center/contain;
  width: 230px;
  height: 294px;
  right: 0;
  bottom: 0;
}
.p-real-survey .card.-job .body {
  gap: 20px;
  padding-bottom: 20px;
}
.p-real-survey .card.-job::before {
  content: "";
  background: url(../img/real-survey/survey_calendar.svg) no-repeat center center/contain;
  width: 110px;
  height: 122px;
  right: 15px;
  bottom: 0;
}
.p-real-survey .card.-house::before {
  content: "";
  background: url(../img/real-survey/survey_house.svg) no-repeat center center/contain;
  width: 165px;
  height: 132px;
  right: 15px;
  bottom: 0;
}
.p-real-survey .card.-house .block.-conditions .item:first-of-type {
  letter-spacing: -3.2px;
}
@media (min-width: 501px) {
  .p-real-survey .card.-house .block.-conditions .item:first-of-type {
    letter-spacing: 0;
  }
}
@media (max-width: 400px) {
  .p-real-survey .card.-city {
    padding-bottom: 70px;
  }
}
.p-real-survey .card.-city::before {
  content: "";
  background: url(../img/real-survey/survey_city.svg) no-repeat center center/contain;
  width: 145px;
  height: 140px;
  right: 10px;
  bottom: 0;
}
.p-real-survey .card.-city:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 20%;
  height: 135px;
  background: url(../img/real-survey/student.png) no-repeat bottom center/contain;
}
.p-real-survey .ranking {
  display: flex;
  flex-direction: column;
  gap: 10px;
  counter-reset: item;
}
.p-real-survey .ranking .item {
  position: relative;
  padding: 5px 0 5px 45px;
  counter-increment: item;
  color: var(--color-pink);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
}
@media (min-width: 501px) {
  .p-real-survey .ranking .item {
    padding: 5px 0 5px 55px;
  }
}
.p-real-survey .ranking .item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  width: 32px;
  height: 32px;
  background: var(--color-title-en);
  border-radius: var(--border-radius-default);
}
@media (min-width: 501px) {
  .p-real-survey .ranking .item::before {
    width: 35px;
    height: 35px;
    left: 6px;
  }
}
.p-real-survey .ranking .item::after {
  content: counter(item);
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  left: 15px;
  color: var(--color-pink);
  font-family: var(--font-family-maru-gothic);
  font-size: var(--font-size-lv3);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
@media (min-width: 501px) {
  .p-real-survey .ranking .item::after {
    left: 18px;
  }
}
.p-real-survey .ranking .item:first-of-type {
  font-size: var(--font-size-ranking-first);
}
.p-real-survey .ranking .item:first-of-type .small {
  font-size: var(--font-size-lv6);
}
.p-real-survey .ranking .item:first-of-type::before {
  left: 0;
  width: 40px;
  height: 40px;
  background: var(--color-white);
  border: 1px solid var(--color-pink);
  box-shadow: 2px 2px 0 0 var(--color-title-en);
}
@media (min-width: 501px) {
  .p-real-survey .ranking .item:first-of-type::before {
    width: 45px;
    height: 45px;
  }
}
.p-real-survey .ranking .item:first-of-type::after {
  left: 15px;
  font-size: var(--font-size-lv2);
}
@media (min-width: 501px) {
  .p-real-survey .ranking .item:first-of-type::after {
    left: 18px;
  }
}
.p-real-survey .ranking .item.-br {
  line-height: 1;
}
.p-real-survey .ranking .item .small {
  font-size: var(--font-size-lv7);
}

.p-students-voices.-gradation .container::before {
  background: url(../img/common/wave_pink.svg) no-repeat center center/cover;
}
.p-students-voices .anchor-buttons {
  display: flex;
  padding: 30px 0;
  align-items: center;
  gap: 5px;
}
@media (max-width: 400px) {
  .p-students-voices .anchor-buttons {
    width: calc(100% + 20px);
    margin-inline: -10px;
  }
}
.p-students-voices .anchor-buttons .button {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 10px 0;
  width: 33.3333333333%;
  border-radius: var(--border-radius-default);
  background: var(--color-white);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-voice-button);
  box-shadow: var(--color-button-shadow);
}
.p-students-voices .anchor-buttons .button::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 20px;
  height: 12px;
  background: url(../img/students-voices/button_deco.svg) no-repeat center center/contain;
  transform: translateX(-50%);
}
.p-students-voices .cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.p-students-voices .c-card {
  scroll-margin-top: 80px;
}
.p-students-voices .body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
}
.p-students-voices .worry {
  position: relative;
  width: fit-content;
  margin-top: 40px;
  padding-inline: 10px;
  color: var(--color-pink);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.p-students-voices .worry::before {
  content: "";
  display: block;
  position: absolute;
  left: -50px;
  top: -10px;
  width: 40px;
  height: 30px;
  background: url(../img/students-voices/worry_icon.svg) no-repeat center center/contain;
}
.p-students-voices .worry .mark::before, .p-students-voices .worry .mark::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 15px;
  border-top: 1px solid var(--color-pink);
  border-left: 1px solid var(--color-pink);
}
.p-students-voices .worry .mark::before {
  top: 0;
  left: 0;
}
.p-students-voices .worry .mark::after {
  bottom: 0;
  right: 0;
  transform: scale(-1, -1);
}
.p-students-voices .information {
  padding-top: 15px;
  text-align: center;
}
.p-students-voices .information.-text-only {
  padding-top: 35px;
}
.p-students-voices .information .lead {
  display: inline;
  background: var(--color-title-background);
  padding: 5px;
  font-size: var(--font-size-lv4-5);
  font-weight: var(--font-weight-bold);
  box-decoration-break: clone;
}
.p-students-voices .information .text {
  padding-top: 10px;
}
.p-students-voices .voices {
  width: calc(100% + 30px);
  margin-inline: -15px;
  margin-top: 30px;
  padding: 20px;
  background: var(--color-background-pink);
}
.p-students-voices .voices .toggle {
  display: flex;
  gap: 10px;
  padding-top: 10px;
}
.p-students-voices .voices .toggle .button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 50%;
  padding: 10px 35px 10px 20px;
  background: var(--color-toggle-false);
  color: var(--color-pink);
  border-radius: var(--border-radius-default);
  border: 1px solid var(--color-school-color);
  font-weight: var(--font-weight-bold);
}
.p-students-voices .voices .toggle .button:hover::after {
  transform: translateY(-50%) rotate(90deg);
}
.p-students-voices .voices .toggle .button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 25px;
  height: 26px;
  background: url(../img/students-voices/toggle_icon.svg) no-repeat center center/contain;
  opacity: 1;
  transform: translateY(-50%);
  transition: var(--transition-default);
}
.p-students-voices .voices .toggle .button.is-active {
  background: var(--color-white);
  cursor: default;
}
.p-students-voices .voices .toggle .button.is-active::after {
  opacity: 0;
}
.p-students-voices .voices .content {
  width: 100%;
  display: block;
  padding-top: 20px;
}
.p-students-voices .voices .content .voice-cards {
  display: none;
}
.p-students-voices .voices .content .voice-cards.is-active {
  display: block;
}
.p-students-voices .voices .content .voice-card {
  padding: 15px 0;
  border-bottom: 1px dashed var(--color-school-color);
}
.p-students-voices .voices .content .voice-card:first-child {
  border-top: 1px dashed var(--color-school-color);
}
.p-students-voices .voices .content .voice-card .profile {
  display: flex;
  gap: 15px;
  align-items: center;
  min-width: 0;
}
.p-students-voices .voices .content .voice-card .profile .image {
  width: 100px;
  height: 100px;
  border-radius: var(--border-radius-default);
  overflow: hidden;
  border: 2px solid var(--color-white);
}
.p-students-voices .voices .content .voice-card .profile .info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: var(--font-size-lv6);
}
.p-students-voices .voices .content .voice-card .profile .name {
  font-weight: var(--font-weight-bold);
}
.p-students-voices .voices .content .voice-card .profile .meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: var(--font-size-lv6);
}
@media (min-width: 501px) {
  .p-students-voices .voices .content .voice-card .profile .meta {
    flex-direction: row;
  }
}
.p-students-voices .voices .content .voice-card .voice-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 10px;
}
.p-students-voices .voices .content .voice-card .voice-body .title {
  color: var(--color-pink);
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
}
.p-students-voices .voices .content .voice-card .visuals {
  display: flex;
  gap: 20px;
  padding-top: 20px;
}
.p-students-voices .voices .content .voice-card .visuals .image {
  width: calc(50% - 10px);
}
.p-students-voices .voices .content .voice-card .visuals .image:nth-of-type(2) {
  border-radius: var(--border-radius-default);
  overflow: hidden;
}
.p-students-voices .item {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.p-students-voices .item .c-sub-title {
  padding-bottom: 30px;
  font-size: var(--font-size-lv4);
}
.p-students-voices .item .c-sub-title::after {
  bottom: 20px;
  width: 100px;
}
.p-students-voices .item .image {
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: var(--border-radius-20);
  overflow: hidden;
}
.p-students-voices .item .image img {
  height: 100%;
  object-fit: cover;
}
.p-students-voices .item .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding-top: 20px;
}
.p-students-voices .item .title {
  width: 100%;
  font-size: var(--font-size-lv5);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.p-students-voices .item .l-button {
  padding-top: 30px;
}
.p-students-voices .lead-image {
  width: 100%;
  margin-top: 20px;
  aspect-ratio: 23/16;
  border-radius: var(--border-radius-20);
  overflow: hidden;
}
.p-students-voices .lead-image img {
  height: 100%;
  object-fit: cover;
}

.p-support {
  padding: 80px 0;
}
.p-support .c-title .jp {
  position: relative;
}
.p-support .c-title .jp::before {
  content: "";
  display: block;
  position: absolute;
  top: -110px;
  right: 15px;
  width: 92px;
  height: 108px;
  background: url(../img/support/support_title_deco.png) no-repeat center center/contain;
}
.p-support .support-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.p-support .support-cards .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 20px;
  background: var(--color-background-pink);
  border-radius: var(--border-radius-20);
}
.p-support .support-cards .card .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
}
@media (min-width: 501px) {
  .p-support .support-cards .card .content {
    padding: 0 30px;
  }
}
.p-support .support-cards .card .content.-details {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.p-support .support-cards .card .image {
  max-width: 300px;
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: var(--border-radius-20);
  overflow: hidden;
}
.p-support .support-cards .card .image img {
  height: 100%;
  object-fit: cover;
}
.p-support .support-cards .card .l-button {
  width: 100%;
}
.p-support .support-cards .labels {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 5px;
}
.p-support .support-cards .label {
  padding: 5px 10px;
  background: var(--color-white);
  border: 1px solid var(--color-pink);
  border-radius: var(--border-radius-full);
  color: var(--color-pink);
  font-size: var(--font-size-lv6);
  font-weight: var(--font-weight-bold);
}
.p-support .support-cards .text-link {
  display: inline;
  text-decoration: underline;
}
.p-support .support-cards .note {
  font-size: var(--font-size-lv6);
}
.p-support .guide {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  font-size: var(--font-size-lv6);
}
.p-support .guide .steps {
  padding-left: 18px;
}
.p-support .guide .step {
  list-style: decimal;
}
.p-support .guide .lists {
  padding-left: 18px;
}
.p-support .guide .lists .list {
  list-style: disc;
}
.p-support .guide .guide-heading {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: var(--font-weight-bold);
}
.p-support .guide .guide-heading::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: var(--color-school-color);
  border-radius: var(--border-radius-full);
}
.p-support .item {
  position: relative;
  padding-top: 40px;
}
.p-support .item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 15%;
  right: -10px;
  width: 130px;
  height: 165px;
  background: url(../img/support/access_deco.svg) no-repeat center center/contain;
  z-index: -1;
}
.p-support .item .map {
  width: 100%;
  aspect-ratio: 22/15;
  border-radius: var(--border-radius-20);
  overflow: hidden;
}
.p-support .item .map iframe {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
}
.p-support .item .content {
  padding: 10px 0;
}
.p-support .item .title {
  font-size: var(--font-size-lv4);
  font-weight: var(--font-weight-bold);
}
.p-support .item .map-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.p-next::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34%;
  height: 118px;
  background: url(../img/next-step/next_student.webp) no-repeat center center/contain;
}
.p-next .c-sub-title {
  position: relative;
}
.p-next .c-sub-title::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: 0;
  width: 60px;
  height: 70px;
  background: url(../img/next-step/action_illust.webp) no-repeat center center/contain;
}
.p-next .links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 40px;
}/*# sourceMappingURL=theme-style.css.map */