@charset "utf-8";
/* ↓↓↓ common ↓↓↓ */
:root {
  --zenKaku: "Zen Kaku Gothic New", sans-serif;
  --chakraPetch: "Chakra Petch", sans-serif;
  --notoSans: "Noto Sans JP", sans-serif;
  --syncopate: "Syncopate", sans-serif;
}
.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.wb {
  display: inline-block;
}
:is(.-fadeUp,.-fadeUp_modal) {
  transform: translateZ(0px);
}
.-slideUpSerial {
  overflow: clip;
}
.-slideUpSerial .-slideUpTxt {
  display: block;
  transform: translateZ(0px);
}
.-slideUpSerial .-slideUpTxt .line {
  background: linear-gradient(90deg, var(--line_color) 50%, var(--line_color) 0%) 0 100% /var(--d, 0%) 2px no-repeat;
  transition: background-size 0.3s;
}
.-txtSlideUp {
  overflow: hidden;
}
.-txtSlideUp span {
  display: inline-block;
}
.-staggerScale li {
  translate: 0 30px;
  opacity: 0;
  filter: blur(3px);
}
.-staggerScale .icon {
  opacity: 0;
  scale: 1.1;
}
body.noscroll {
  overflow: clip;
}
:is(.-txtBand,.-txtBand_modal) {
  color: transparent;
  --d: 0%;
  --color: #fff;
  transition: color ease .3s;
  background: linear-gradient(#432A8C,#432A8C) 0 100% /var(--d) 100% no-repeat; 
}
/* ↑↑↑ common ↑↑↑ */
/* ↓↓↓ header ↓↓↓ */
.js_top_hide header {
  opacity: 0;
  visibility: hidden;
  translate: 0 -100%;
}
header {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #414141;
  top: 0;
  left: 0;
  z-index: 10;
}
header .overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: none;
  background-color: rgba(0,0,0,.5);
  top: 0;
  left: 0;
  z-index: 1;
}
header::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  header::before {
    z-index: 2;
  }
}
header .site_logo {
  position: fixed;
  border-radius: 0 0 min(3.75vw,48px) 0;
  background-color: #fff;
  padding: min(2.5vw,32px) min(3.125vw,40px) min(1.953125vw,25px) min(2.890625vw,37px);
  z-index: 11;
}
@media screen and (max-width: 768px) {
  header .site_logo {
    border-radius: 0 0 24px 0;
    padding: 14px 24px;
    z-index: 12;
  }
}
header .site_logo .logo {
  width: min(9.6875vw,124px);
  display: block;
}
@media screen and (max-width: 768px) {
  header .site_logo .logo {
    width: 112px;
  }
}
header .site_logo .txt {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #432A8C;
  display: block;
  margin-top: min(0.9375vw,12px);
}
@media screen and (max-width: 768px) {
  header .site_logo .tx{
    font-size: 1.1rem;
    margin-top: 6px;
  }
}
header .menu {
  position: relative;
  padding-block: min(1.328125vw,17px) min(1.171875vw,15px);
  margin-inline: auto min(3.359375vw,43px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  header .menu {
    position: absolute;
    background-color: #EFEFFF;
    border-radius: 0 0 0 24px;
    transition: clip-path ease .3s;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    padding: 100px 40px 56px;
    margin: unset;
    top: 0;
    right: 0;
  }
  header.active .menu {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
}
header .menu .list {
  height: 100%;
  display: flex;
  gap: 16px min(0.78125vw,10px);
  align-items: center;
}
@media screen and (max-width: 768px) {
  header .menu .list {
    flex-direction: column;
    align-items: flex-start;
  }
}
header .menu .list .link {
  font-size: max(min(1.09375vw,1.4rem),1rem);
  font-weight: 700;
  left: 0.024em;
  border-radius: 9999px;
  padding: min(0.78125vw,10px) min(1.25vw,16px);
  transition: background-color ease .3s;
}
@media screen and (min-width: 769px) {
  header .menu .list .link:hover {
    background-color: #EFEFFE;
  }
}
@media screen and (max-width: 768px) {
  header .menu .list .link {
    font-size: 1.5rem;
    display: flex;
    gap: 24px;
    align-items: center;
    padding: unset;
  }
}
header .menu .list .link .arrow {
  width: 32px;
  height: fit-content;
  aspect-ratio: 1/1;
  display: none;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  header .menu .list .link .arrow {
    display: block;
  }
}
header .tolggle_btn {
  position: relative;
  width: 70px;
  height: 36px;
  border-radius: 10px;
  background-color: #432A8C;
  border: unset;
  display: none;
  cursor: pointer;
  margin: 10px 10px 10px auto;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  header .tolggle_btn {
    display: block;
  }
}
header .tolggle_btn .line {
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #EFEFFE;
  transition: top ease .3s, rotate ease .3s;
  translate: -50% 0;
  left: 50%;
}
header .tolggle_btn .line:nth-of-type(1) {
  top: 14px;
}
header .tolggle_btn .line:nth-of-type(2) {
  top: 20px;
}
header.active .tolggle_btn .line:nth-of-type(1) {
  top: 17px;
  rotate: 25deg;
}
header.active .tolggle_btn .line:nth-of-type(2) {
  top: 17px;
  rotate: -25deg;
}
/* ↑↑↑ header ↑↑↑ */
/* ↓↓↓ bg_wrap ↓↓↓ */
.bg_wrap {
  position: relative;
  overflow: clip;
  background: linear-gradient(90deg,#7A63B7,#432A8C);
  --d: 0%;
}
.bg_wrap::before {
  content: '';
  position: absolute;
  width: 100%;
  height: var(--d);
  background-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/bgline_column.svg);
  background-repeat: repeat;
  background-position: center;
  background-size: 1280px;
  transition: height ease .6s;
  top: 0;
  left: 0;
}
.bg_wrap::after {
  content: '';
  position: absolute;
  width: var(--d);
  height: 100%;
  background-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/bgline_row.svg);
  background-repeat: repeat;
  background-position: center;
  background-size: 1280px;
  pointer-events: none;
  transition: width ease .6s;
  top: 0;
  left: 0;
}
/* ↑↑↑ bg_wrap ↑↑↑ */
/* ↓↓↓ fv ↓↓↓ */
.fv {
  position: relative;
  width: 100%;
  display: block;
  padding: min(9.296875vw,119px) min(3.2031249999999996vw,41px) 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .fv {
    padding: 113px 24px 0;
  }
}
.fv .loading_logo {
  position: absolute;
  width: min(17.96875vw,230px);
  width: 17.96875vw;
  opacity: 0;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .fv .loading_logo {
    width: 230px;
  }
}
.fv .inner {
  position: relative;
  width: 100%;
  max-height: calc(100vh - min(9.375vw,120px) - min(2.109375vw,27px));
  aspect-ratio: 1190 / 574;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .fv .inner {
    max-width: 326px;
    max-height: 524px;
    aspect-ratio: 326/524;
  }
}
.fv .inner .copy {
  position: absolute;
  width: min(40.390625vw,517px);
  width: 40.390625vw;
  aspect-ratio: 517/182;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .fv .inner .copy {
    width: 274px;
    right: -13px;
  }
}
.fv .inner .copy .txt {
  width: 100%;
  aspect-ratio: 517/91;
  display: block;
  overflow: clip;
}
.js_top_hide .fv .inner .copy .txt img {
  translate: 0 100%;
}
.fv .inner .fv_slide01 {
  position: absolute;
  width: min(57.8125vw,740px);
  width: 57.8125vw;
  bottom: 0;
  left: 0;
}
.fv .inner .fv_slide02 {
  position: absolute;
  width: min(33.28125vw,426px);
  width: 33.28125vw;
  top: 0;
  right: 0;
}
.js_top_hide .fv .inner .fv_slide01 {
  opacity: 0;
  translate: 0 40%;
}
.js_top_hide .fv .inner .fv_slide02 {
  opacity: 0;
  translate: 0 -60%;
}
@media screen and (max-width: 768px) {
  .fv .inner .fv_slide01 {
    width: 326px;
    bottom: 59px;
    z-index: 2;
  }
  .fv .inner .fv_slide02 {
    width: 326px;
  }
}
.fv .inner .slider_wrap {
  width: 100%;
  height: 100%;
  will-change: transform;
  scale: 1;
}
@keyframes floatAnime {
  0% {
    translate: 0% 0%;
  }
  30% {
    translate: 0% 10%;
  }
  90% {
    translate: 0% -10%;
  }
  100% {
    translate: 0% 0%;
  }
}
/* ↑↑↑ fv ↑↑↑ */
/* ↓↓↓ lead ↓↓↓ */
.lead {
  position: relative;
  max-width: 1280px;
  padding: 0 24px min(11.953125vw,153px);
  margin: min(16.25vw,208px) auto 0;
}
@media screen and (max-width: 768px) {
  .lead {
    padding-bottom: 199px;
    margin-top: 259px;
  }
}
.lead .deco {
  position: absolute;
  display: block;
  z-index: 1;
}
.lead .deco01 {
  width: min(46.875vw,600px);
  top: max(-12.890625vw,-165px);
  right: max(-4.6875vw,-60px);
}
.lead .deco02 {
  width: min(28.359374999999996vw,363px);
  top: min(4.765625vw,61px);
  right: min(25.3125vw,324px);
}
.lead .deco03 {
  width: min(33.4375vw,428px);
  bottom: min(4.609375vw,59px);
  left: 0;
}
@media screen and (max-width: 768px) {
  .lead .deco01 {
    width: 330px;
    top: -219px;
    right: -25px;
  }
  .lead .deco02 {
    width: 168px;
    top: -25px;
    right: -6px;
  }
  .lead .deco03 {
    width: 248px;
    bottom: 40px;
    left: unset;
    right: 24px;
  }
}
.lead .inner {
  max-width: 1056px;
  color: #fff;
  container-type: inline-size;
  margin: 0 auto;
}
.lead .inner .head {
  font-size: 4.734848484848484cqw;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  --line_color: #fff;
}
@media screen and (max-width: 768px) {
  .lead .inner .head {
    font-size: 3rem;
    line-height: 1.7333333333333334;
  }
}
.lead .inner .txt_group {
  width: 65.9090909090909cqw;
  display: flex;
  flex-direction: column;
  gap: 3.0303030303030303cqw;
  margin: 6.34469696969697cqw 0 0 auto;
}
@media screen and (max-width: 768px) {
  .lead .inner .txt_group {
    width: 100%;
    gap: 24px;
    margin-top: 40px;
  }
}
.lead .inner .txt_group .txt {
  font-size: 1.7045454545454544cqw;
  font-weight: 700;
  line-height: 1.7777777777777777;
  letter-spacing: 0.05em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .lead .inner .txt_group .txt {
    font-size: 1.5rem;
    line-height: 1.8666666666666667;
  }
}
.lead .inner .txt_group .l_txt {
  font-size: 2.272727272727273cqw;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .lead .inner .txt_group .l_txt {
    font-size: 1.9rem;
  }
}
/* ↑↑↑ lead ↑↑↑ */
/* ↓↓↓ about ↓↓↓ */
.about {
  margin: min(9.921875vw,127px) auto 0;
}
@media screen and (max-width: 768px) {
  .about {
    margin-top: 87px;
  }
}
.about .conts_ttl {
  max-width: 1104px;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  padding: 0 24px;
  margin: 0 auto;
}
.about .conts_ttl .en {
  font-size: 6.8181818181818175cqw;
  font-family: var(--syncopate);
  font-weight: 700;
  letter-spacing: 0;
  color: #432A8C;
  display: block;
}
@media screen and (max-width: 768px) {
  .about .conts_ttl .en {
    font-size: 4rem;
  }
}
.about .conts_ttl .ja {
  width: fit-content;
  font-size: 2.272727272727273cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  border-radius: 0 0.3787878787878788cqw 0.3787878787878788cqw 0;
  padding: 0.4734848484848485cqw 0.4734848484848485cqw 0.4734848484848485cqw 0.946969696969697cqw;
}
@media screen and (max-width: 768px) {
  .about .conts_ttl .ja {
    font-size: 2rem;
    border-radius: 0 4px 4px 0;
    padding: 5px 10px 7px;
  }
}
.about .block {
  position: relative;
  padding-inline: 24px;
  margin-top: 6.0606060606060606cqw;
}
@media screen and (max-width: 768px) {
  .about .block {
    padding-inline: unset;
    margin-top: 48px;
  }
}
.about .block01 {
  margin-top: 7.575757575757576cqw;
}
.about .block03 {
  padding: unset;
}
@media screen and (max-width: 768px) {
  .about .block01 {
    margin-top: 40px;
  }
}
.about .block::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #EFEFFE;
  top: 0;
  left: 0;
}
.about .block .inner {
  position: relative;
  max-width: 1104px;
  padding-inline: 24px;
  container-type: inline-size;
  margin: 0 auto;
  z-index: 1;
}
.about .block01 .inner {
  display: flex;
  gap: 48px min(6.25vw,66px);
  align-items: center;
}
.about .block02 .inner {
  padding-block: min(7.246376811594203vw,80px)  min(8.695652173913043vw,96px);
}
.about .block03 .inner {
  max-width: unset;
  padding: min(7.246376811594203vw,80px) 0 min(9.057971014492754vw,100px);
}
.about .block04 .inner {
  padding-block: min(7.69927536231884vw,85px) min(9.057971014492754vw,100px);
}
@media screen and (max-width: 768px) {
  .about .block01 .inner {
    flex-direction: column;
    padding-inline: unset;
  }
  .about .block02 .inner {
    padding: 0 0 64px;
  }
}
.about .block .inner::before {
  content: '';
  position: absolute;
  width: calc(100% - 24px*2);
  height: 100%;
  border-radius: 0 min(5vw,64px) min(5vw,64px) 0;
  background-color: #EFEFFE;
  top: 0;
  left: 24px;
}
.about .block03 .inner::before {
  max-width: 1056px;
  translate: -50% 0;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .about .block .inner::before,
  .about .block03 .inner::before {
    width: 100%;
    border-radius: 0 32px 32px 0;
    translate: unset;
    left: 0;
  }
}
.about .block .inner .txt_group {
  position: relative;
  z-index: 1;
}
.about .block02 .inner .txt_group {
  max-width: 82.1969696969697cqw;
}
.about .block03 .inner .txt_group {
  max-width: 1104px;
  padding-inline: 24px;
  container-type: inline-size;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .about .block .inner .txt_group {
    padding: 48px 24px 0;
  }
  .about .block02 .inner .txt_group {
    max-width: unset;
  }
  .about .block04 .inner .txt_group {
    padding-inline: 0;
  }
}
.about .block .inner .block_head {
  position: relative;
  font-size: 3.0303030303030303cqw;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #432A8C;
  --line_color: #432A8C;
  padding-bottom: 1.5151515151515151cqw;
  z-index: 1;
}
.about .block03 .inner .block_head {
  padding-inline: 24px;
}
@media screen and (max-width: 768px) {
  .about .block .inner .block_head {
    font-size: 2.4rem;
    padding-bottom: 12px;
  }
}
.about .block .inner .block_head .line {
  padding-bottom: 1.5151515151515151cqw
}
@media screen and (max-width: 768px) {
  .about .block .inner .block_head .line {
    padding-bottom: 12px;
  }
}
.about .block .inner .txt {
  font-size: 1.4204545454545454cqw;
  font-weight: 500;
  line-height: 2.1333333333333333;
  letter-spacing: 0.05em;
  text-align: justify;
  word-break: break-all;
}
.about .block04 .inner .txt {
  font-family: var(--notoSans);
  letter-spacing: 0.04em;
  margin-top: 1.5151515151515151cqw;
}
@media screen and (max-width: 768px) {
  .about .block .inner .txt {
    font-size: 1.5rem;
  }
}
.about .block01 .inner .txt {
  margin-top: 3.0303030303030303cqw;
}
@media screen and (max-width: 768px) {
  .about .block01 .inner .txt {
    margin-top: 24px;
  }
}
.about .block01 .inner .img {
  position: relative;
  width: 51.13636363636363cqw;
  display: block;
  border-radius: 0 6.0606060606060606cqw 6.0606060606060606cqw 0;
  overflow: clip;
  flex-shrink: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about .block01 .inner .img {
    width: 100%;
    border-radius: 0 0 32px 0;
  }
}
.about .block02 .inner .txt_flex {
  position: relative;
  display: flex;
  gap: 24px 4.545454545454546cqw;
  margin-top: 3.0303030303030303cqw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about .block02 .inner .txt_flex {
    flex-direction: column;
    margin-top: 24px;
  }
}
.about .block02 .inner .img_wrap {
  position: relative;
  padding-right: 4.924242424242424cqw;
  margin-top: 6.0606060606060606cqw;
  margin-left: -1.7992424242424243cqw;
}
@media screen and (max-width: 768px) {
  .about .block02 .inner .img_wrap {
    padding-right: unset;
    margin-top: 48px;
    margin-left: unset;
  }
}
.about .block02 .inner .img_wrap .scrollhint {
  position: absolute;
  width: 160px;
  background-color: rgba(65, 65, 65,.8);
  border-radius: 10px;
  display: none;
  translate: -50% 0;
  top: 150px;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .about .block02 .inner .img_wrap .scrollhint {
    display: block;
  }
}
.about .block02 .inner .img_wrap .scrollhint .hand {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.about .block02 .inner .img_wrap .scrollhint .arrow {
  width: 100%;
}
.about .block02 .inner .img_wrap .scroll_wrap {
  width: 100%;
  overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.about .block02 .inner .img_wrap .scroll_wrap::-webkit-scrollbar{
  display: none;
}
@media screen and (max-width: 768px) {
  .about .block02 .inner .img_wrap .scroll_wrap {
    padding-inline: 16px;
  }
}
.about .block02 .inner .img_wrap .img {
  position: relative;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .about .block02 .inner .img_wrap .img {
    width: 830px;
  }
  .about .block02 .inner .img_wrap .img::before,
  .about .block02 .inner .img_wrap .img::after {
    content: '';
    position: absolute;
    width: 16px;
    height: auto;
    aspect-ratio: 1/1;
    top: 0;
  }
  .about .block02 .inner .img_wrap .img::before {
    translate: -100% 0;
    left: 0;
  }
  .about .block02 .inner .img_wrap .img::after {
    translate: 100% 0;
    right: 0;
  }
}
.about .block03 .about_slider {
  margin-top: min(3.75vw,48px);
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider {
    visibility: visible;
    padding: 0 24px;
    margin-top: 69px;
  }
  .about .block03 .about_slider .splide__track {
    overflow: unset;
  }
  .about .block03 .about_slider .splide__track .splide__list {
    flex-direction: column;
  }
  .about .block03 .about_slider .splide__slide+.splide__slide {
    margin-top: 24px;
  }
}
.about .block03 .about_slider .splide__slide {
  position: relative;
  display: flex;
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .splide__slide {
    flex-direction: column;
  }
}
.about .block03 .about_slider .splide__slide .txt_group {
  position: relative;
  width: min(55.97826086956522vw,618px);
  background-color: #5F499A;
  border-radius: min(2.1739130434782608vw,24px);
  padding: min(5.978260869565218vw,66px) min(6.521739130434782vw,72px) min(4.528985507246377vw,50px);
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .splide__slide .txt_group {
    width: 100%;
    border-radius: 16px;
    padding: 48px 28px 40px;
  }
}
.about .block03 .about_slider .splide__slide .txt_group .num {
  position: absolute;
  font-size: min(16.304347826086957vw,18rem);
  font-family: var(--syncopate);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #432A8C;
  top: 0;
  left: max(-3.804347826086957vw,-42px);
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .splide__slide .txt_group .num {
    font-size: 11.6rem;
    left: -27px;
  }
}
.about .block03 .about_slider .splide__slide .txt_group .head {
  position: relative;
  min-height: min(5.797101449275362vw,64px);
  font-size: min(2.355072463768116vw,2.6rem);
  font-weight: 700;
  line-height: 1.2307692307692308;
  letter-spacing: 0.04em;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .splide__slide .txt_group .head {
    min-height: unset;
    font-size: 2.2rem;
    line-height: 1.4545454545454546;
  }
}
.about .block03 .about_slider .splide__slide .txt_group .txt {
  position: relative;
  font-size: min(1.358695652173913vw,1.5rem);
  font-weight: 500;
  line-height: 2.1333333333333333;
  letter-spacing: 0.05em;
  text-align: justify;
  word-break: break-all;
  color: #fff;
  margin-top: min(2.989130434782609vw,33px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .splide__slide .txt_group .txt {
    font-size: 1.5rem;
    margin-top: 32px;
  }
}
.about .block03 .about_slider .splide__slide .img {
  width: min(27.717391304347828vw,306px);
  display: block;
  border-radius: min(2.1739130434782608vw,24px);
  overflow: clip;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .splide__slide .img {
    width: 100%;
    border-radius: 16px;
  }
}
.about .block03 .about_slider .controller {
  max-width: 950px;
  padding-inline: 0 24px;
  margin: min(2.1739130434782608vw,24px) auto 0;
}
@media screen and (max-width: 768px) {
  .about .block03 .about_slider .controller {
    display: none;
  }
}
.about .block03 .about_slider .controller .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: min(2.1739130434782608vw,24px);
}
.about .block03 .about_slider .controller .splide__arrow {
  position: relative;
  width: min(3.6231884057971016vw,40px);
  height: auto;
  aspect-ratio: 1/1;
  display: block;
  background: unset;
  background-color: #5F499A;
  border: 1px solid #5F499A;
  border-radius: 50%;
  opacity: 1;
  top: unset;
  left: unset;
  right: unset;
  transform: unset;
  transition: background-color ease .3s;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .about .block03 .about_slider .controller .splide__arrow:hover {
    background-color: #fff;
  }
}
.about .block03 .about_slider .controller .splide__arrow::before {
  content: '';
  position: absolute;
  width: min(1.177536231884058vw,13px);
  height: auto;
  aspect-ratio: 13/6;
  mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/about_slide_arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #fff;
  transition: background-color ease .3s;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
.about .block03 .about_slider .controller .splide__arrow--next::before {
  rotate: Y 180deg;
}
@media screen and (min-width: 769px) {
  .about .block03 .about_slider .controller .splide__arrow:hover::before {
    background-color: #432A8C;
  }
}
.about .block03 .about_slider .controller .splide__pagination {
  position: initial;
  gap: min(1.0869565217391304vw,12px);
}
.about .block03 .about_slider .controller .splide__pagination .splide__pagination__page {
  width: min(1.8115942028985508vw,20px);
  height: min(0.36231884057971014vw,4px);
  border-radius: 9999px;
  background-color: #DCD6ED;
  opacity: 1;
  transition: background-color ease .3s;
  margin: unset;
}
.about .block03 .about_slider .controller .splide__pagination .splide__pagination__page.is-active {
  transform: unset;
  background-color: #5F499A;
}
.about .block04 .list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 2.272727272727273cqw 1.9886363636363635cqw;
  padding-right: 6.25cqw;
  margin-top: 3.0303030303030303cqw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about .block04 .list {
    gap: 10px;
    padding-right: unset;
    margin-top: 32px;
  }
}
.about .block04 .list .item {
  width: calc((100% - 1.9886363636363635cqw*2)/3);
  font-family: var(--notoSans);
  color: #fff;
  background-color: #5F499A;
  border-radius: 1.5151515151515151cqw;
  padding: 3.787878787878788cqw 0.946969696969697cqw 2.272727272727273cqw;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item {
    width: calc((100% - 10px)/2);
    border-radius: 16px;
    padding: 16px 10px;
  }
}
.about .block04 .list .item .head {
  font-size: 2.462121212121212cqw;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item .head {
    font-size: 1.5rem;
  }
}
.about .block04 .list .item .icon {
  width: 13.257575757575758cqw;
  height: fit-content;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ffff;
  display: block;
  margin: 1.5151515151515151cqw auto 0;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item .icon {
    width: 80px;
    margin-top: 8px;
  }
}
.about .block04 .list .item .value {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.1893939393939394cqw;
  margin-top: 0.946969696969697cqw;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item .value {
    gap: 2px;
    margin-top: 10px;
  }
}
.about .block04 .list .item .value .num {
  font-size: 6.0606060606060606cqw;
  font-family: var(--chakraPetch);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.about .block04 .list .item.place .value .num {
  font-size: 4.545454545454546cqw;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item .value .num,
  .about .block04 .list .item.place .value .num {
    font-size: 4rem;
  }
  .about .block04 .list .item.money .value .num {
    font-size: 3.2rem;
  }
}
.about .block04 .list .item .value .unit {
  font-size: 3.0303030303030303cqw;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.about .block04 .list .item.place .value .unit {
  font-size: 2.840909090909091cqw;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item .value .unit,
  .about .block04 .list .item.place .value .unit {
    font-size: 1.8rem;
  }
}
.about .block04 .list .item .note {
  font-size: max(1.4204545454545454cqw,1rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about .block04 .list .item .note {
    font-size: 1.2rem;
  }
}
/* ↑↑↑ about ↑↑↑ */
/* ↓↓↓ interview ↓↓↓ */
.interview {
  background: linear-gradient(90deg,#7A63B7,#432A8C);
  padding: min(11.503623188405797vw,127px) 24px min(13.586956521739129vw,150px);
  margin: min(11.71875vw,150px) auto 0;  
}
@media screen and (max-width: 768px) {
  .interview {
    padding: 67px 47px 80px 20px;
    margin-top: 80px;
  }
}
.interview .inner {
  max-width: 1056px;
  container-type: inline-size;
  margin: 0 auto;
}
.interview .inner .conts_ttl {
  display: flex;
  flex-direction: column;
}
.interview .conts_ttl .en {
  font-size: 6.8181818181818175cqw;
  font-family: var(--syncopate);
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  display: block;
}
@media screen and (max-width: 768px) {
  .interview .conts_ttl .en {
    font-size: 4rem;
  }
}
.interview .conts_ttl .ja {
  width: fit-content;
  font-size: 2.272727272727273cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  --color: #432A8C;
  background: linear-gradient(#fff,#fff) 0 100% /var(--d) 100% no-repeat;
  display: inline-block;
  border-radius: 0 0.3787878787878788cqw 0.3787878787878788cqw 0;
  padding: 0.4734848484848485cqw 0.4734848484848485cqw 0.4734848484848485cqw 0.946969696969697cqw;
}
@media screen and (max-width: 768px) {
  .interview .conts_ttl .ja {
    font-size: 2rem;
    border-radius: 0 4px 4px 0;
    padding: 5px 10px 7px;
  }
}
.interview .inner .list {
  display: flex;
  flex-direction: column;
  gap: 7.386363636363637cqw;
  margin-top: 7.575757575757576cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list {
    max-width: 308px;
    gap: 64px;
    margin: 64px auto 0;
  }
}
.interview .inner .list .item {
  position: relative;
  padding-left: 6.25cqw;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item {
    padding-left: unset;
  }
}
.interview .inner .list .item::before {
  content: '';
  position: absolute;
  width: 93.75cqw;
  height: 100%;
  mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/interview_clip_pc.png);
  mask-repeat: no-repeat;
  mask-position: top center;
  mask-size: contain;
  background-color: #E7E1F8;
  top: -2.840909090909091cqw;
  right: -2.840909090909091cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item::before {
    width: 280px;
    mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/interview_clip_sp.png);
    top: -16px;
    right: -16px;
  }
}
.interview .inner .list .item .img {
  width: 100%;
  display: block;
  mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/interview_clip_pc.png);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .img {
    mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/interview_clip_sp.png);
    mask-size: calc(100% + 28px) 100%;
    padding-left: 28px;
  }
}
.interview .inner .list .item .img img {
  transition: scale ease .3s;
}
@media screen and (min-width: 769px) {
  .interview .inner .list .item:hover .img img {
    scale: 1.1;
  }
}
.interview .inner .list .item .copy {
  position: absolute;
  font-size: 3.4090909090909087cqw;
  font-weight: 700;
  line-height: 1.7777777777777777;
  letter-spacing: 0.04em;
  color: #fff;
  display: block;
  bottom: 13.541666666666666cqw;
  left: 0;
}
.interview .inner .list .item .copy.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .copy {
    font-size: 2.2rem;
    line-height: 1.65;
    margin-right: -20px;
    bottom: 184px;
  }
  .interview .inner .list .item .copy.sp {
    display: block;
  }
  .interview .inner .list .item .copy.pc {
    display: none;
  }
}
.interview .inner .list .item .copy .txt_bg {
  border-radius: 0.946969696969697cqw;
  padding: 0px 1.1363636363636365cqw 0.1893939393939394cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .copy .txt_bg {
    border-radius: 6px;
    padding: 0 10px 2px;
  }
}
.interview .inner .list .item .info {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .info {
    position: initial;
    margin-top: -26px;
  }
}
.interview .inner .list .item .info .flex {
  display: flex;
  gap: 1.9886363636363635cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .info .flex {
    gap: 21px;
  }
}
.interview .inner .list .item .info .flex .cat {
  font-size: max(1.4204545454545454cqw,1rem);
  font-weight: 700;
  letter-spacing: 0.024em;
  color: #5F499A;
  background-color: #fff;
  border-radius: 0.3787878787878788cqw;
  padding: 0.1893939393939394cqw 1.5151515151515151cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .info .flex .cat {
    font-size: 1.5rem;
    border-radius: 6px;
    padding: 2px 16px;
  }
}
.interview .inner .list .item .info .flex .name {
  font-size: 2.462121212121212cqw;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .info .flex .name {
    font-size: 2.6rem;
  }
}
.interview .inner .list .item .info .prof {
  font-size: max(1.4204545454545454cqw,1rem);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 1.3257575757575757cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .info .prof {
    font-size: 1.5rem;
    margin-top: 14px;
  }
}
.interview .inner .list .item .btn {
  position: absolute;
  width: 14.204545454545455cqw;
  font-size: max(1.3257575757575757cqw,1rem);
  font-family: var(--syncopate);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff;
  border: 1px solid #432A8C;
  background-color: #432A8C;
  border-radius: 9999px;
  display: flex;
  justify-content: space-between;
  transition: background-color ease .3s, color ease .3s;
  padding: 0.946969696969697cqw 1.1363636363636365cqw 1.0416666666666665cqw 2.272727272727273cqw;
  bottom: 1.893939393939394cqw;
  right: 3.787878787878788cqw;
}
@media screen and (min-width: 769px) {
  .interview .inner .list .item:hover .btn {
    color: #432A8C;
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .btn {
    position: initial;
    width: 150px;
    font-size: 1.4rem;
    padding: 10px 12px 11px 24px;
    margin-top: 16px;
  }
}
.interview .inner .list .item .btn .txt {
  margin-top: 0.1893939393939394cqw;
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .btn .txt {
    margin-top: 2px;
  }
}
.interview .inner .list .item .btn .icon {
  position: relative;
  width: 2.272727272727273cqw;
  height: fit-content;
  aspect-ratio: 24/16;
  display: block;
  background-color: #fff;
  border-radius: 9999px;
  transition: background-color ease .3s;
}
@media screen and (min-width: 769px) {
  .interview .inner .list .item:hover .btn .icon {
    background-color: #432A8C;
  }
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .btn .icon {
    width: 24px;
  }
}
.interview .inner .list .item .btn .icon::before,
.interview .inner .list .item .btn .icon::after {
  content: '';
  position: absolute;
  width: 0.6628787878787878cqw;
  height: 1px;
  background-color: #432A8C;
  border-radius: 9999px;
  transition: background-color ease .3s;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .interview .inner .list .item:hover .btn .icon::before,
  .interview .inner .list .item:hover .btn .icon::after {
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .interview .inner .list .item .btn .icon::before,
  .interview .inner .list .item .btn .icon::after {
    width: 7px;
  }
}
.interview .inner .list .item .btn .icon::after {
  rotate: 90deg;
}

.modal_wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,.5);
  display: none;
  padding: 0 24px;
  top: 0;
  left: 0;
  z-index: 12;
}
.modal_wrap .modal {
  position: relative;
  max-width: 1179px;
  max-height: 83dvh;
  height: 100%;
  display: none;
  container-type: inline-size;
  margin: min(6.171875vw,79px) auto 0
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal {
    max-height: 80dvh;
    border-radius: 24px;
    margin-top: 88px;
  }
}
.modal_wrap .modal .close {
  position: absolute;
  width: min(7.8125vw,100px);
  height: auto;
  aspect-ratio: 1/1;
  background-color: #432A8C;
  border: unset;
  border-radius: 50%;
  cursor: pointer;
  top: max(-3.90625vw,-50px);
  right: max(-2.421875vw,-31px);
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .close {
    width: 56px;
    top: -28px;
    right: -10px;
  }
}
.modal_wrap .modal .close:before,
.modal_wrap .modal .close::after {
  content: "";
  position: absolute;
  width: min(2.5vw,32px);
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  translate: -50% -50%;
  top: 50%;
  left: 50%;
}
.modal_wrap .modal .close:before {
  rotate: 45deg;
}
.modal_wrap .modal .close::after {
  rotate: -45deg;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .close:before,
  .modal_wrap .modal .close::after {
    width: 20px;
  }
}
.modal_wrap .modal .scroll_wrap {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: min(2.6079869600651997vw,32px);
  overflow-y: scroll;
  overflow-x: clip;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap {
    width: 100%;
    border-radius: 24px;
  }
}
.modal_wrap .modal .scroll_wrap::-webkit-scrollbar {
  display: none;
}
.modal_wrap .modal .scroll_wrap .modal_ttl {
  position: relative;
  font-size: 8.481764206955047cqw;
  font-family: var(--syncopate);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #5F499A;
  margin: 6.106870229007633cqw 0 0 5.258693808312128cqw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_ttl {
    font-size: 3.8rem;
    text-align: center;
    margin: 66px auto 0;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv {
  position: relative;
  width: 89.56743002544529cqw;
  padding-left: 5.597964376590331cqw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv {
    width: min(100%,280px);
    padding-inline: unset;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv::before {
  content: '';
  position: absolute;
  width: 83.96946564885496cqw;
  height: 100%;
  mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/modal_clip_pc.png);
  mask-repeat: no-repeat;
  mask-position: top right;
  mask-size: contain;
  background-color: #E7E1F8;
  top: -4.2408821034775235cqw;
  right: -3.3927056827820183cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv::before {
    width: 270px;
    mask-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/modal_clip_sp.png);
    top: -28px;
    right: -24px;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .img {
  position: relative;
  width: 100%;
  display: block;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .img {
    padding-left: 10px;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .img img {
  transition: scale ease .3s;
}
.modal_wrap .modal .scroll_wrap .modal_fv .copy {
  position: absolute;
  font-size: 3.0534351145038165cqw;
  font-weight: 700;
  line-height: 1.7777777777777777;
  letter-spacing: 0.04em;
  color: #fff;
  display: block;
  bottom: 12.128922815945717cqw;
  left: 0;
  z-index: 1;
}
.modal_wrap .modal .scroll_wrap .modal_fv .copy.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .copy {
    font-size: 2.2rem;
    line-height: 1.65;
    letter-spacing: 0;
    margin-right: -20px;
    bottom: 184px;
    left: -8px;
  }
  .modal_wrap .modal .scroll_wrap .modal_fv .copy.sp {
    display: block;
  }
  .modal_wrap .modal .scroll_wrap .modal_fv .copy.pc {
    display: none;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .copy .txt_bg {
  border-radius: 0.8481764206955046cqw;
  padding: 0px 1.0178117048346056cqw 0.16963528413910092cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .copy .txt_bg {
    border-radius: 6px;
    padding: 0 10px 2px;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .info {
  position: absolute;
  color: #432A8C;
  bottom: -0.33927056827820185cqw;
  left: 5.597964376590331cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .info {
    position: initial;
    margin-top: -26px;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .info .flex {
  display: flex;
  gap: 1.7811704834605597cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .info .flex {
    gap: 21px;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .info .flex .cat {
  font-size: max(1.2722646310432568cqw,1rem);
  font-weight: 700;
  letter-spacing: 0.024em;
  color: #432A8C;
  border: 1px solid #43298C;
  border-radius: 0.33927056827820185cqw;
  padding: 0.16963528413910092cqw 1.3570822731128074cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .info .flex .cat {
    font-size: 1.5rem;
    border-radius: 6px;
    padding: 2px 16px;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .info .flex .name {
  font-size: 2.205258693808312cqw;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .info .flex .name {
    font-size: 2.6rem;
  }
}
.modal_wrap .modal .scroll_wrap .modal_fv .info .prof {
  font-size: max(1.2722646310432568cqw,1rem);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 1.1874469889737065cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_fv .info .prof {
    font-size: 1.5rem;
    margin-top: 14px;
  }
}
.modal_wrap .modal .scroll_wrap .chapter {
  max-width: 78.37150127226464cqw;
  margin: 0 auto;
}
.modal_wrap .modal .scroll_wrap .chapter01 {
  display: flex;
  gap: 48px 5.51314673452078cqw;
  margin-top: 10.178117048346055cqw;
}
.modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) {
  margin-top: 9.32994062765055cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .chapter {
    max-width: unset;
    padding-inline: 18px;
  }
  .modal_wrap .modal .scroll_wrap .chapter01 {
    flex-direction: column;
    margin-top: 60px;
  }
  .modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) {
    margin-top: 80px;
  }
}
.modal_wrap .modal .scroll_wrap .chapter .txt_group {
  flex: 1;
}
.modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) .txt_group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0 0.8481764206955046cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) .txt_group {
    flex-direction: column;
    align-items: flex-start;
  }
}
.modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) .txt_group .group_inner {
  flex: 1;
}
.modal_wrap .modal .scroll_wrap .modal_head_en {
  font-size: max(1.2722646310432568cqw,1rem);
  font-family: var(--syncopate);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #432A8C;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_head_en {
    font-size: 1.3rem;
  }
}
.modal_wrap .modal .scroll_wrap .modal_head {
  font-size: 2.374893977947413cqw;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 8px;
}
.modal_wrap .modal .scroll_wrap .modal_head.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_head {
    font-size: 2rem;
    letter-spacing: 0.05em;
    margin-top: 5px;
  }
  .modal_wrap .modal .scroll_wrap .modal_head.sp {
    display: block;
  }
  .modal_wrap .modal .scroll_wrap .modal_head.pc {
    display: none;
  }
}
.modal_wrap .modal .scroll_wrap .modal_head .txt_bg {
  border-radius: 0.5089058524173028cqw;
  padding: 0px 0.6785411365564037cqw 0.16963528413910092cqw 1.2722646310432568cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .modal_head .txt_bg {
    border-radius: 6px;
    padding: 0 6px 2px 10px;
  }
}
.modal_wrap .modal .scroll_wrap .chapter .modal_txt {
  font-size: max(1.2722646310432568cqw,1rem);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8666666666666667;
  text-align: justify;
  margin-top: 2.7141645462256148cqw;
}
.modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) .txt_group .modal_txt {
  width: 45.80152671755725cqw;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .chapter .modal_txt {
    font-size: 1.5rem;
    margin-top: 24px;
  }
  .modal_wrap .modal .scroll_wrap :is(.chapter02,.chapter03) .txt_group .modal_txt {
    width: 100%;
  }
}
.modal_wrap .modal .scroll_wrap .chapter .chapter_img {
  display: block;
  filter: drop-shadow(2.5445292620865136cqw 2.5445292620865136cqw 0 #E7E1F8);
  transform: translateZ(0px);
}
.modal_wrap .modal .scroll_wrap .chapter01 .chapter_img {
  width: 43.426632739609836cqw;
  margin-right: -10.856658184902459cqw;
}
.modal_wrap .modal .scroll_wrap .chapter02 .chapter_img {
  width: 100%;
  margin-top: 6.785411365564037cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .chapter .chapter_img {
    filter: drop-shadow(16px 16px 0 #E7E1F8);
  }
  .modal_wrap .modal .scroll_wrap .chapter01 .chapter_img {
    width: auto;
    margin-right: -18px;
  }
  .modal_wrap .modal .scroll_wrap .chapter02 .chapter_img {
    width: auto;
    margin: 48px -18px 0;
  }
}
.modal_wrap .modal .scroll_wrap .chapter .chapter_img img {
  overflow: clip;
}
.modal_wrap .modal .scroll_wrap .chapter01 .chapter_img img {
  border-radius: 2.035623409669211cqw 0 0 2.035623409669211cqw;
}
.modal_wrap .modal .scroll_wrap .chapter02 .chapter_img img {
  border-radius: 2.035623409669211cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .chapter01 .chapter_img img {
    border-radius: 16px 0 0 16px;
  }
  .modal_wrap .modal .scroll_wrap .chapter02 .chapter_img img {
    border-radius: 16px;
  }
}
.modal_wrap .modal .scroll_wrap .schedule {
  background-color: #EFEFFF;
  border-radius: 2.035623409669211cqw 2.035623409669211cqw 0 0;
  padding: 5.682782018659881cqw 18px 9.16030534351145cqw;
  margin-top: 10.60220525869381cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule {
    border-radius: 24px 24px 0 0;
    padding-block: 60px 108px;
    margin-top: 68px;
  }
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .chapter {
    padding: unset;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list {
  min-height: 25.10602205258694cqw;
  margin-top: 2.7141645462256148cqw;
  margin-right: -10.856658184902459cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list {
    min-height: 251px;
    margin-top: 40px;
    margin-right: -18px;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .simplebar-content {
  display: flex;
  gap: 3.5623409669211195cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .simplebar-content {
    gap: 26px;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .simplebar-content:before,
.modal_wrap .modal .scroll_wrap .schedule .list .simplebar-content:after {
  content: unset;
}
.simplebar-track.simplebar-horizontal {
  width: calc(100% - 10.856658184902459cqw);
  height: 0.33927056827820185cqw !important;
  background: #DCD6ED;
}
@media screen and (max-width: 768px) {
  .simplebar-track.simplebar-horizontal {
    width: calc(100% - 18px);
    height: 3px !important;
  }
}
.simplebar-scrollbar {
  height: 100%;
  background: #432A8C;
  border: unset;
}
.simplebar-scrollbar.simplebar-visible:before {
  background: #432A8C;
}
.modal_wrap .modal .scroll_wrap .schedule .list .unit {
  width: 24.93638676844784cqw;
  background-color: #E7E1F8;
  border-radius: 2.035623409669211cqw;
  filter: drop-shadow(0.8481764206955046cqw 0.8481764206955046cqw 0px #5F499A);
  transform: translateZ(0px);
  padding: 2.035623409669211cqw;
  flex-shrink: 0;
  margin-bottom: 5.767599660729432cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .unit {
    width: 260px;
    border-radius: 16px;
    filter: drop-shadow(10px 10px 0px #5F499A);
    padding: 20px 15px;
    margin-bottom: 52px;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .unit+.unit::before {
  content: '';
  position: absolute;
  width: 3.5623409669211195cqw;
  height: 0.8481764206955046cqw;
  background-color: #5F499A;
  translate: -100% -50%;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .unit+.unit::before {
    width: 26px;
    height: 10px;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .unit:last-of-type:after {
  content: '';
  position: absolute;
  width: 10.856658184902459cqw;
  height: 1px;
  translate: 100% 0;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .unit:last-of-type:after {
    width: 18px;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .unit .unit_time {
  font-size: max(1.1874469889737065cqw,1rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #432A8C;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .unit .unit_time {
    font-size: 1.2rem;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .unit .unit_head {
  font-size: max(1.5267175572519083cqw,1rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #432A8C;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .unit .unit_head {
    font-size: 1.8rem;
  }
}
.modal_wrap .modal .scroll_wrap .schedule .list .unit .unit_txt{
  font-size: max(1.3570822731128074cqw,1rem);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.04em;
  text-align: justify;
  margin-top: 1.3570822731128074cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .schedule .list .unit .unit_txt{
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 10px;
  }
}
.modal_wrap .modal .scroll_wrap .dayoff {
  color: #fff;
  background: linear-gradient(90deg,#7A63B7,#432A8C);
  border-radius: 2.035623409669211cqw;
  padding: 5.004240882103478cqw 18px 4.749787955894826cqw;
  margin-top: -3.477523324851569cqw;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .dayoff {
    border-radius: 24px;
    padding: 60px 18px 64px;
    margin-top: -44px;
  }
}
.modal_wrap .modal .scroll_wrap .dayoff .chapter {
  display: flex;
  gap: 48px 5.597964376590331cqw;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .dayoff .chapter {
    flex-direction: column;
    align-items: flex-start;
    padding: unset;
  }
}
.modal_wrap .modal .scroll_wrap .dayoff .modal_head_en {
  color: #fff;
}
.modal_wrap .modal .scroll_wrap .dayoff .modal_head {
  color: #432A8C;
}
.modal_wrap .modal .scroll_wrap .dayoff .modal_head .txt_bg {
  --color: #432A8C;
  background: linear-gradient(#fff,#fff) 0 100% /var(--d) 100% no-repeat;
}
.modal_wrap .modal .scroll_wrap .dayoff .dayoff_img {
  width: 32.56997455470738cqw;
  border-radius: 2.035623409669211cqw;
  overflow: clip;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .modal_wrap .modal .scroll_wrap .dayoff .dayoff_img {
    width: 100%;
    border-radius: 16px;
  }
}
/* ↑↑↑ interview ↑↑↑ */
/* ↓↓↓ environment ↓↓↓ */
.environment {
  background-color: #EFEFFF;
  padding-block: min(9.921875vw,127px) min(11.71875vw,150px);
}
@media screen and (max-width: 768px) {
  .environment {
    padding-block: 67px 80px;
  }
}
.environment .block {
  position: relative;
  max-width: 1104px;
  padding-inline: 24px;
  container-type: inline-size;
  margin: min(13.586956521739129vw,150px) auto 0;
  z-index: 1;
}
.environment .head_block {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .environment .block:not(.head_block) {
    margin-top: 80px;
  }
}
.environment .conts_ttl {
  display: flex;
  flex-direction: column;
}
.environment .conts_ttl .en {
  font-size: 6.8181818181818175cqw;
  font-family: var(--syncopate);
  font-weight: 700;
  letter-spacing: 0;
  color: #432A8C;
  display: block;
}
.environment .conts_ttl .en.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .environment .conts_ttl .en {
    font-size: 4rem;
    line-height: 1;
  }
  .environment .conts_ttl .en.sp {
    display: block;
  }
  .environment .conts_ttl .en.pc {
    display: none;
  }
}
.environment .conts_ttl .ja {
  width: fit-content;
  font-size: 2.272727272727273cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  border-radius: 0 0.3787878787878788cqw 0.3787878787878788cqw 0;
  padding: 0.4734848484848485cqw 0.4734848484848485cqw 0.4734848484848485cqw 0.946969696969697cqw;
}
@media screen and (max-width: 768px) {
  .environment .conts_ttl .ja {
    font-size: 2rem;
    border-radius: 0 4px 4px 0;
    padding: 5px 10px 7px;
    margin-top: 6px;
  }
}
.environment .lead_txt {
  width: 74.43181818181817cqw;
  font-size: max(1.7045454545454544cqw,1rem);
  font-weight: 700;
  line-height: 1.7777777777777777;
  letter-spacing: 0.05em;
  margin-top: 6.0606060606060606cqw;
}
@media screen and (max-width: 768px) {
  .environment .lead_txt {
    width: 100%;
    font-size: 1.8rem;
    text-align: justify;
    margin-top: 48px;
  }
}
.environment .block .block_head {
  position: relative;
  font-size: 3.0303030303030303cqw;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #432A8C;
  --line_color: #432A8C;
  padding-bottom: 1.5151515151515151cqw;
  z-index: 1;
}
.about .block03 .inner .block_head {
  padding-inline: 24px;
}
@media screen and (max-width: 768px) {
  .environment .block .block_head {
    font-size: 2.4rem;
    padding-bottom: 12px;
  }
}
.environment .block .block_head .line {
  padding-bottom: 1.5151515151515151cqw
}
@media screen and (max-width: 768px) {
  .environment .block .block_head .line {
    padding-bottom: 12px;
  }
}
.environment .block .txt_group {
  display: flex;
  justify-content: space-between;
  gap: 24px 2.272727272727273cqw;
}
@media screen and (max-width: 768px) {
  .environment .block .txt_group {
    flex-direction: column;
  }
}
.environment .block .block_txt {
  font-size: max(1.4204545454545454cqw,1rem);
  font-weight: 500;
  line-height: 2.1333333333333333;
  letter-spacing: 0.05em;
  text-align: justify;
  word-break: break-all;
}
.environment .block01 .block_txt {
  max-width: 65.9090909090909cqw;
}
@media screen and (max-width: 768px) {
  .environment .block .block_txt {
    font-size: 1.5rem;
  }
  .environment .block01 .block_txt {
    max-width: unset;
  }
}
.environment .img_wrap {
  position: relative;
  background-color: #fff;
  padding: min(3.9840637450199203vw,40px) 24px;
  margin-top: min(6.374501992031872vw,64px);
}
@media screen and (max-width: 768px) {
  .environment .img_wrap {
    padding: 40px 0;
    margin-top: 48px;
  }
}
.environment .img_wrap .scrollhint {
  position: absolute;
  width: 160px;
  background-color: rgba(65, 65, 65,.8);
  border-radius: 10px;
  display: none;
  translate: -50% 0;
  top: 150px;
  left: 50%;
}
@media screen and (max-width: 768px) {
  .environment .img_wrap .scrollhint {
    display: block;
  }
}
.environment .img_wrap .scrollhint .hand {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.environment .img_wrap .scrollhint .arrow {
  width: 100%;
}
.environment .img_wrap .scroll_wrap {
  max-width: 1004px;
  width: 100%;
  overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
  margin: 0 auto;
}
.environment .img_wrap .scroll_wrap::-webkit-scrollbar{
  display: none;
}
@media screen and (max-width: 768px) {
  .environment .img_wrap .scroll_wrap {
    padding-inline: 24px;
  }
}
.environment .img_wrap .scroll_wrap .img {
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .environment .img_wrap .scroll_wrap .img {
    position: relative;
    width: 918px;
  }
  .environment .img_wrap .scroll_wrap .img::before {
    content: '';
    position: absolute;
    width: 24px;
    height: auto;
    aspect-ratio: 1/1;
    translate: 100% 0;
    top: 0;
    right: 0;
  }
}
.environment .block02 .flex {
  display: flex;
  gap: 53px 5.303030303030303cqw;
}
@media screen and (max-width: 768px) {
  .environment .block02 .flex {
    flex-direction: column;
  }
}
.environment .block02 .flex .item {
  flex: 1;
}
.environment .block02 .flex .item .img {
  width: 100%;
  border-radius: 2.272727272727273cqw;
  overflow: clip;
  margin-top: 3.0303030303030303cqw;
}
@media screen and (max-width: 768px) {
  .environment .block02 .flex .item .img {
    border-radius: 16px;
    margin-top: 24px;
  }
}
.environment .block02 .flex .item .block_txt {
  width: 42.61363636363637cqw;
  margin-top: 3.0303030303030303cqw;
}
@media screen and (max-width: 768px) {
  .environment .block02 .flex .item .block_txt {
    width: 100%;
    margin-top: 32px;
  }
}
.environment .block03 .list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 2.272727272727273cqw;
  margin-top: 3.0303030303030303cqw;
}
@media screen and (max-width: 768px) {
  .environment .block03 .list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }
}
.environment .block03 .list .box {
  border-radius: 1.5151515151515151cqw;
  background-color: #fff;
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 3;
  padding: 3.787878787878788cqw 3.5037878787878785cqw;
}
@media screen and (max-width: 768px) {
  .environment .block03 .list .box {
    grid-template-columns: 64px 1fr;
    grid-template-rows: auto 1fr;
    gap: 8px 19px;
    grid-template-areas:
      "icon head"
      "icon txt";
    border-radius: 16px;
    padding: 24px 18px;
  }
}
.environment .block03 .list .box .box_head {
  font-size: 2.462121212121212cqw;
  font-weight: 700;
  line-height: 1.2307692307692308;
  letter-spacing: 0.04em;
  color: #432A8C;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .environment .block03 .list .box .box_head {
    grid-area: head;
    font-size: 2rem;
    justify-content: flex-start;
  }
}
.environment .block03 .list .box .icon {
  width: 13.257575757575758cqw;
  height: fit-content;
  display: block;
  border-radius: 50%;
  background-color: #EFEFFF;
  margin: 1.5151515151515151cqw auto 0;
}
@media screen and (max-width: 768px) {
  .environment .block03 .list .box .icon {
    grid-area: icon;
    width: 100%;
    margin: unset;
  }
}
.environment .block03 .list .box .block_txt {
  line-height: 2;
  letter-spacing: 0.04em;
  margin-top: 2.272727272727273cqw;
}
@media screen and (max-width: 768px) {
  .environment .block03 .list .box .block_txt {
    grid-area: txt;
    margin-top: unset;
  }
}
/* ↑↑↑ environment ↑↑↑ */
/* ↓↓↓ faq ↓↓↓ */
.faq {
  padding: 0 24px;
  margin: min(9.921875vw,127px) auto 0;
}
@media screen and (max-width: 768px) {
  .faq {
    margin-top: 67px;
  }
}
.faq .inner {
  max-width: 1056px;
  container-type: inline-size;
  margin: 0 auto;
}
.faq .conts_ttl {
  display: flex;
  flex-direction: column;
}
.faq .conts_ttl .en {
  font-size: 6.8181818181818175cqw;
  font-family: var(--syncopate);
  font-weight: 700;
  letter-spacing: 0;
  color: #432A8C;
  display: block;
}
@media screen and (max-width: 768px) {
  .faq .conts_ttl .en {
    font-size: 4rem;
  }
}
.faq .conts_ttl .ja {
  width: fit-content;
  font-size: 2.272727272727273cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  display: inline-block;
  border-radius: 0 0.3787878787878788cqw 0.3787878787878788cqw 0;
  padding: 0.4734848484848485cqw 0.4734848484848485cqw 0.4734848484848485cqw 0.946969696969697cqw;
}
@media screen and (max-width: 768px) {
  .faq .conts_ttl .ja {
    font-size: 2rem;
    border-radius: 0 4px 4px 0;
    padding: 5px 10px 7px;
    margin-top: 6px;
  }
}
.faq .list {
  display: flex;
  flex-direction: column;
  gap: 1.5151515151515151cqw;
  margin-top: 6.0606060606060606cqw;
}
@media screen and (max-width: 768px) {
  .faq .list {
    gap: 16px;
    margin-top: 48px;
  }
}
.faq .list .unit .block {
  border-radius: 0.946969696969697cqw;
  background-color: var(--bg_color);
}
@media screen and (max-width: 768px) {
  .faq .list .unit .block {
    border-radius: 10px;
    align-items: flex-start;
  }
}
.faq .list .unit .q_block {
  --bg_color: #43298C;
  --initial_color: #fff;
  cursor: pointer;
  padding: 1.893939393939394cqw 2.556818181818182cqw;
}
@media screen and (max-width: 768px) {
  .faq .list .unit .q_block {
    padding: 18px 16px 16px 19px;
  }
}
.faq .list .unit .a_block {
  --bg_color: #EFEFFF;
  --initial_color: #432A8C;
  display: none;
  padding: 3.0303030303030303cqw 3.6931818181818183cqw 3.0303030303030303cqw 2.840909090909091cqw;
  margin-top: 0.3787878787878788cqw;
}
@media screen and (max-width: 768px) {
  .faq .list .unit .a_block {
    padding: 16px 16px 16px 19px;
    margin-top: 4px;
  }
}
.faq .list .unit .block .inner {
  display: flex;
  align-items: center;
}
.faq .list .unit .block .initial {
  font-size: 3.5984848484848486cqw;
  font-family: var(--syncopate);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--initial_color);
}
@media screen and (max-width: 768px) {
  .faq .list .unit .block .initial {
    font-size: 2.4rem;
    align-self: flex-start;
    padding-top: 5px;
  }
}
.faq .list .unit .block .txt {
  margin-left: 2.746212121212121cqw;
}
@media screen and (max-width: 768px) {
  .faq .list .unit .block .txt {
    margin-left: 18px;
  }
}
.faq .list .unit .q_block .txt {
  font-size: 1.893939393939394cqw;
  font-weight: 700;
  line-height: 1.6;
  color: var(--initial_color);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .faq .list .unit .q_block .txt {
    font-size: 1.8rem;
    line-height: 1.4444444444444444;
    margin-right: 16px;
  }
}
.faq .list .unit .a_block .txt {
  font-size: max(1.4204545454545454cqw,1rem);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .faq .list .unit .a_block .txt {
    font-size: 1.5rem;
  }
}
.faq .list .unit .block .icon {
  position: relative;
  width: 2.272727272727273cqw;
  height: fit-content;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .faq .list .unit .block .icon {
    width: 16px;
  }
}
.faq .list .unit .block .icon::before,
.faq .list .unit .block .icon::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  translate: -50% -50%;
  transition: rotate ease .3s;
  top: 50%;
  left: 50%;
}
.faq .list .unit .block .icon::after {
  rotate: 270deg;
}
.faq .list .unit.active .block .icon::after {
  rotate: 0deg;
}
/* ↑↑↑ faq ↑↑↑ */
/* ↓↓↓ footer ↓↓↓ */
footer {
  position: relative;
  overflow: clip;
  background: linear-gradient(90deg,#7A63B7,#432A8C);
  padding-bottom: min(2.5vw,32px);
  margin: min(11.71875vw,150px) auto 0;
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 21px;
    margin-top: 80px;
  }
}
footer::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/bgline_column.svg);
  background-repeat: repeat;
  background-position: center;
  background-size: 1280px;
  pointer-events: none;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  footer::before {
    background-size: 640px;
  }
}
footer::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://img-ja.nissei-gtr.co.jp/files/user/images/recruit/highschool/img/bgline_row.svg);
  background-repeat: repeat;
  background-position: center;
  background-size: 1280px;
  pointer-events: none;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  footer::after {
    background-size: 640px;
  }
}
footer .img_wrap {
  position: relative;
  z-index: 1;
}
footer .img {
  width: 100%;
  display: block;
}
footer .img_wrap .copy {
  position: absolute;
  width: 31.71875vw;
  bottom: 0;
  right: 1.7187500000000002vw;
}
@media screen and (max-width: 768px) {
  footer .img_wrap .copy {
    width: calc(213/375*100vw);
    right: calc(13/375*100vw);
  }
}
footer small {
  position: relative;
  font-size: min(max(1.09375vw,1rem),1.4rem);
  font-family: var(--syncopate);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  display: block;
  margin: min(4.6875vw,60px) auto 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  footer small {
    font-size: 1rem;
    margin-top: 37px;
  }
}
/* ↑↑↑ footer ↑↑↑ */