@charset "utf-8";
.button {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.abswh100 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.wh100 {
  width: 100%;
  height: 100%;
}
.center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.abscenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.hv_center {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.h_center {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.v_center {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hover_scale {
  transition: all 200ms 0s ease;
}
.hover_scale:hover {
  transform: scale(1.03);
}
/*==============================================================
  ■ (SP)
==============================================================*/
@keyframes arrow {
  0% {
    transform: translateX(-30px) translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    opacity: 1;
  }
}
.maincontent {
  position: relative;
  width: 490px;
  margin: 0 auto;
  z-index: 3;
  overflow-x: hidden;
}
.pcbg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
}
.pcbg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.pcbg__mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/kv_mask.png) top left repeat;
  mix-blend-mode: multiply;
}
.pcbg__right {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% -  245px);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.pcbg__right .navcotainer {
  width: 340px;
}
.pcbg__right .navcotainer li {
  margin-bottom: 24px;
}
.pcbg__right .navcotainer li a .subtitle {
  color: #5ED2C7;
  font-family: "Roboto Condensed", "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
  transition: all 300ms 0s ease;
}
.pcbg__right .navcotainer li a .maintitle {
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  /* 14px */
  margin-top: 6px;
  transition: all 300ms 0s ease;
}
.pcbg__right .navcotainer li a:hover .subtitle {
  color: white;
}
.pcbg__right .navcotainer li a:hover .maintitle {
  color: #9CE9E2;
}
.pcbg__left {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% -  245px);
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.pcbg__left .upper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: calc(100% -  260px);
}
.pcbg__left .upper a {
  display: block;
  width: 311px;
  height: 63px;
  background-image: url("../img/logo_pc.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
}
.pcbg__left .lower {
  position: relative;
  width: 100%;
  height: 260px;
}
.pcbg__left .lower .reservation {
  width: 400px;
  margin: 0 auto;
  color: white;
}
.pcbg__left .lower .reservation__catch {
  display: block;
  width: 388px;
  height: 61px;
  background-image: url("../img/pcbg_left_title.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
}
.pcbg__left .lower .reservation__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 240px;
  height: 48px;
  border-radius: 48px;
  background-color: white;
  color: #0AA89D;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 16px auto 0;
  transition: all 300ms 0s ease;
}
.pcbg__left .lower .reservation__link__container {
  transition: all 300ms 0s ease;
}
.pcbg__left .lower .reservation__link .arrow {
  display: block;
  width: 13px;
  height: 13px;
  background-image: url("../img/pcbg_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  margin-left: 7px;
}
.pcbg__left .lower .reservation__link:hover {
  background-color: #5ED2C7;
}
.pcbg__left .lower .reservation__link:hover .reservation__link__container {
  filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(0%) hue-rotate(52deg) brightness(108%) contrast(107%);
}
.pcbg__left .lower .reservation__link:hover .arrow {
  animation: arrow 400ms ease-out 0s 1 normal none running;
}
.pcbg__left .lower .reservation__comment1 {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  margin-top: 24px;
}
.pcbg__left .lower .reservation__comment2 {
  width: 290px;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  margin: 10px auto 0;
}
.title__e {
  font-family: "Roboto Condensed", "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 23.51988px;
  font-weight: 100;
}
.title__j {
  font-size: 35.27982px;
  font-weight: bold;
  line-height: 130%;
  margin-top: 6.5333px;
}
.fixbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 0;
  display: none;
}
.fixbg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fixbg .videomask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/kv_mask.png) top left repeat;
}
.fixbnr {
  width: 100%;
  position: fixed;
  bottom: -97.9995px;
  transition: all 300ms 0s ease;
  z-index: 2;
  display: none;
}
.fixbnr a {
  display: block;
  width: 429.89114px;
  height: 97.9995px;
  background-image: url("../img/bnr.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.fixbnr a a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv {
  position: relative;
  width: 100%;
}
.kv__wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
}
.kv__container {
  width: 444.2644px;
  height: 595.18363px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.kv__head {
  display: block;
  width: 428.58448px;
  height: 79.70626px;
  background-image: url("../img/kv_p1.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 6.5333px;
  top: 0px;
}
.kv__head a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv__maincopy {
  display: block;
  width: 427.93115px;
  height: 188.15904px;
  background-image: url("../img/kv_p2.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 7.83996px;
  top: 96.69284px;
}
.kv__maincopy a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv__maincomment {
  position: absolute;
  left: 7.83996px;
  top: 303.14512px;
  display: block;
  width: 427.27782px;
  height: 117.5994px;
  background-image: url("../img/kv_p3.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.kv__maincomment a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv__list {
  position: absolute;
  left: 7.83996px;
  top: 467.78428px;
  display: block;
  width: 427.27782px;
  height: 126.74602px;
  background-image: url("../img/kv_p4.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.kv__list a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv__info {
  width: 457.331px;
  height: 352.7982px;
  background-color: white;
  margin: 0 auto;
  margin-top: calc(-50vh + 360px);
  margin-bottom: 65.333px;
  border-radius: 15.67992px;
  padding-top: 39.1998px;
  transition: all 300ms 0s ease;
  opacity: 0;
  transform: translateY(32.6665px);
}
.kv__info__subcopy {
  text-align: center;
  font-size: 23.51988px;
  font-weight: 700;
}
.kv__info__maincopy {
  display: block;
  width: 390.03801px;
  height: 35.27982px;
  background-image: url("../img/kv_info_maincp.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 3.91998px auto 0;
}
.kv__info__maincopy a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv__info__link {
  width: 313.5984px;
  height: 70.55964px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #0AA89D;
  border-radius: 65.333px;
  margin: 39.1998px auto 0;
  color: white;
  font-size: 23.51988px;
  font-weight: 700;
  line-height: 100%;
}
.kv__info__link span {
  display: inline;
}
.kv__info__link .arrow {
  display: block;
  width: 18.29324px;
  height: 18.29324px;
  background-image: url("../img/fixbtn_arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6.5333px;
}
.kv__info__link .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv__info__comment1 {
  font-size: 20.90656px;
  font-weight: 700;
  text-align: center;
  margin-top: 19.5999px;
}
.kv__info__comment2 {
  font-size: 11.75994px;
  font-weight: 400;
  line-height: 170%;
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 45.7331px;
}
.intro {
  position: relative;
  width: 100%;
  color: white;
}
.intro__container {
  position: relative;
  padding-left: 32.6665px;
  padding-right: 32.6665px;
  padding-top: 58.7997px;
  width: 100%;
  height: 939.48854px;
}
.intro__subcontainer {
  position: relative;
}
.intro__bg {
  width: 100%;
  height: 939.48854px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.intro__bg__child {
  display: block;
  width: 881.9955px;
  height: 939.48854px;
  background-image: url("../img/intro_bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 0;
}
.intro__bg__child a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__bgmask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: black;
  opacity: 0.5;
}
.intro__list {
  margin-top: 45.7331px;
}
.intro__list .item1 {
  display: block;
  width: 321.43836px;
  height: 73.17296px;
  background-image: url("../img/intro_text1.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.intro__list .item1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__list .item2 {
  display: block;
  width: 390.69134px;
  height: 35.27982px;
  background-image: url("../img/intro_text2.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 58.7997px;
}
.intro__list .item2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__list .item3 {
  display: block;
  width: 314.90506px;
  height: 35.27982px;
  background-image: url("../img/intro_text3.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 45.7331px;
}
.intro__list .item3 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__list .item4 {
  display: block;
  width: 344.30491px;
  height: 35.27982px;
  background-image: url("../img/intro_text4.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 45.7331px;
}
.intro__list .item4 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__read1 {
  display: block;
  width: 322.09169px;
  height: 58.7997px;
  background-image: url("../img/intro_read1.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 58.7997px auto 0;
}
.intro__read1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__read2 {
  display: block;
  width: 333.85163px;
  height: 78.3996px;
  background-image: url("../img/intro_read2.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 32.6665px auto 0;
}
.intro__read2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__graph {
  position: relative;
  width: 100%;
  height: 956.47512px;
  background-color: white;
  padding-top: 65.333px;
}
.intro__graph__title {
  display: block;
  width: 427.27782px;
  height: 298.57181px;
  background-image: url("../img/intro_graph_title.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.intro__graph__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__graph__main {
  display: block;
  width: 427.27782px;
  height: 393.30466px;
  background-image: url("../img/intro_graph.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 19.5999px auto 0;
}
.intro__graph__main a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro__graph__read {
  font-size: 18.29324px;
  color: #283C50;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  width: 424.6645px;
  margin: 28.74652px auto 0;
}
.reason {
  background-color: #f3f8f8;
}
.reason .reason__etitle {
  padding-left: 32.6665px;
  color: #0AA89D;
}
.reason .reason__jtitle {
  padding-left: 32.6665px;
}
.reason__container {
  padding: 75.13295px 0 0;
}
.reason__list {
  margin: 26.1332px auto 0;
}
.reason__list__item {
  margin-bottom: 65.333px;
  padding: 19.5999px 32.6665px 19.5999px;
}
.reason__list__item:last-of-type {
  margin-bottom: 0;
}
.reason__list__item__idx {
  font-family: "Roboto Condensed", "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #255482;
  font-size: 71.8663px;
  font-style: italic;
  font-weight: 600;
  line-height: 100%;
  display: inline-block;
  border-bottom: 3.91998px solid #255482;
}
.reason__list__item__title {
  font-size: 24.82654px;
  font-weight: 700;
  line-height: 150%;
  color: #0AA89D;
  margin-top: 26.1332px;
}
.reason__list__item__img {
  width: 458.63766px;
  height: 302.49179px;
  overflow: hidden;
  margin-top: 26.1332px;
}
.reason__list__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason__list__item__read {
  font-size: 16.98658px;
  font-weight: 600;
  line-height: 160%;
  /* 41.6px */
  letter-spacing: 0.05em;
  margin-top: 19.5999px;
}
.reason__list__item__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 339.7316px;
  height: 65.333px;
  background-color: #0AA89D;
  border-radius: 65.333px;
  margin: 35.93315px auto 0;
  color: white;
  font-size: 20.90656px;
  font-weight: 700;
  line-height: 100%;
}
.reason__list__item__link span {
  display: inline;
}
.reason__list__item__link .arrow {
  display: block;
  width: 18.94657px;
  height: 16.98658px;
  background-image: url("../img/btn_downarrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  margin-left: 6.5333px;
}
.reason__list__item__link .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.reason__list__item__voice {
  margin-top: 39.1998px;
  margin-left: -32.6665px;
  width: 100vw;
}
.reason__list__item__voice .swiper-slide {
  width: 385.4647px;
}
.reason__list__item__voice .swiper-wrapper {
  padding-left: 32.6665px;
}
.reason__list__item__voice .rliv__container {
  position: relative;
  width: 385.4647px;
  background-color: white;
  border-radius: 5.22664px;
  padding: 26.1332px;
  border: 1px solid #E5EAEA;
}
.reason__list__item__voice .rliv__container__head {
  display: -ms-flexbox;
  display: flex;
}
.reason__list__item__voice .rliv__container__head__img {
  width: 62.71968px;
  min-width: 62.71968px;
}
.reason__list__item__voice .rliv__container__head__img img {
  width: 100%;
  height: auto;
}
.reason__list__item__voice .rliv__container__head__txt {
  padding-top: 9.14662px;
  padding-left: 26.1332px;
}
.reason__list__item__voice .rliv__container__head__txt__name {
  font-weight: 500;
  font-size: 20.90656px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #255482;
}
.reason__list__item__voice .rliv__container__head__txt__info {
  font-weight: 400;
  font-size: 13.0666px;
  line-height: 100%;
  color: #0AA89D;
  margin-top: 9.14662px;
}
.reason__list__item__voice .rliv__container__body {
  font-weight: 400;
  font-size: 15.67992px;
  line-height: 170%;
  letter-spacing: 0.05em;
  color: #213544;
  margin-top: 13.0666px;
}
.reason__list__item.item1 {
  background-color: #f3f8f8;
}
.reason__list__item.item2 {
  background-color: white;
}
.reason__list__item.item3 {
  background-color: #f3f8f8;
}
.reason__list__item.item4 {
  background-color: white;
  padding-bottom: 39.1998px;
}
.reason__office {
  width: 100%;
  height: 910.08869px;
  background-color: #E5EAEA;
  padding-top: 39.1998px;
}
.reason__office__container {
  position: relative;
  width: 442.95774px;
  height: 832.34242px;
  background-color: white;
  margin: 0 auto;
  border-radius: 15.67992px;
  padding-top: 47.03976px;
}
.reason__office__title {
  display: block;
  width: 364.55814px;
  height: 134.58598px;
  background-image: url("../img/reason_info_title.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.reason__office__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.reason__office__catch {
  text-align: center;
  font-size: 24.82654px;
  font-weight: 700;
  line-height: 150%;
  margin-top: 48.34642px;
}
.reason__office__img {
  width: 364.55814px;
  height: 267.8653px;
  margin: 13.0666px auto 0;
}
.reason__office__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reason__office__read {
  width: 365.8648px;
  font-size: 18.29324px;
  font-weight: 600;
  line-height: 160%;
  margin: 32.6665px auto 0;
}
.academy {
  position: relative;
  width: 100%;
}
.academy__bg {
  display: block;
  width: 383.50471px;
  height: 220.82554px;
  background-image: url("../img/academy_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
}
.academy__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__container {
  position: relative;
  color: white;
  margin: 0 auto;
}
.academy__titlewrapper {
  width: 424.6645px;
  height: 20vh;
  margin: 0 auto;
}
.academy__content1 {
  position: relative;
  width: 100%;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: url(../img/academy_bg.jpg) center center / cover no-repeat;
}
.academy__content1__wrapper {
  width: 385.4647px;
}
.academy__content1__title {
  display: block;
  width: 378.9314px;
  height: 91.4662px;
  background-image: url("../img/academy_title.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.academy__content1__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__content1__read {
  margin-top: 58.7997px;
  display: block;
  width: 384.15804px;
  height: 305.75844px;
  background-image: url("../img/academy_read.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.academy__content1__read a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__content2 {
  position: relative;
  width: 100%;
  background-color: white;
  border-radius: 39.1998px 39.1998px 0px 0px;
  padding-top: 78.3996px;
  padding-bottom: 61.41302px;
  margin-top: -26.1332px;
}
.academy__content2__title {
  display: block;
  width: 313.5984px;
  height: 75.13295px;
  background-image: url("../img/academy_info_title.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0px auto 0;
}
.academy__content2__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__content2__img {
  display: block;
  width: 427.27782px;
  height: 284.85188px;
  background-image: url("../img/academy_info_img.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 45.7331px auto 0;
}
.academy__content2__img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__content2__catch {
  display: block;
  width: 427.27782px;
  height: 147.65258px;
  background-image: url("../img/academy_info_catch.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 39.1998px auto 0;
}
.academy__content2__catch a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__content2__img2 {
  display: block;
  width: 411.5979px;
  height: 365.21147px;
  background-image: url("../img/academy_info_img2.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 52.2664px auto 0;
}
.academy__content2__img2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.academy__content2__comment {
  width: 391.998px;
  color: #283C50;
  font-size: 13.0666px;
  font-weight: 400;
  line-height: 170%;
  margin: 39.1998px auto 0;
  padding-left: 1em;
  text-indent: -1em;
}
.voices {
  background-color: #ebf0f0;
  height: 1028.34142px;
  padding-top: 71.8663px;
}
.voices__title {
  padding-left: 32.6665px;
}
.voices__title__e {
  color: white;
}
.voices__title__j {
  color: #283C50;
}
.voices__bg {
  display: block;
  width: 383.50471px;
  height: 220.82554px;
  background-image: url("../img/academy_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
}
.voices__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.voices__container {
  position: relative;
}
.voices__list {
  position: relative;
  width: 100%;
  margin-top: 32.6665px;
}
.voices__list__item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 405.0646px;
  height: 718.663px;
  overflow: hidden;
}
.voices__list__item__bg {
  position: absolute;
  left: 0;
  top: 0;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.voices__list__item__bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.voices__list__item__mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 391.998px;
  opacity: 0.6;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  mix-blend-mode: multiply;
  transform: translateZ(0);
  z-index: 2;
}
.voices__list__item__txt {
  position: absolute;
  bottom: 32.6665px;
  left: 0;
  right: 0;
  margin: auto;
  color: white;
  width: 326.665px;
  z-index: 3;
  transform: translateZ(0);
}
.voices__list__item__txt__title {
  font-size: 27.43986px;
  font-weight: 700;
  line-height: 140%;
}
.voices__list__item__txt__read {
  font-size: 15.67992px;
  font-weight: 600;
  line-height: 170%;
  margin-top: 13.0666px;
}
.voices__list__item__txt__info {
  position: relative;
  width: 100%;
  height: 32.6665px;
  margin-top: 13.0666px;
}
.voices__list__item__txt__info__pos {
  font-size: 13.0666px;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.voices__list__item__txt__info__name {
  font-size: 22.21322px;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.voices .swiper {
  width: 100%;
  height: 718.663px;
}
.voices .swiper-slide {
  position: relative;
  width: 405.0646px;
  height: 718.663px;
  transition: all 600ms 0s ease;
  transform: scale(0.9);
}
.voices .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.voices .swiper-pagination {
  transform: translate3d(0, 58.7997px, 0);
}
.voices .swiper-pagination span {
  width: 15.67992px;
  height: 15.67992px;
  background-color: #b4c1c1 !important;
}
.voices .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #0AA89D !important;
  border: 2px solid #5ED2C7;
}
.campaign {
  background-color: white;
  background: url(../img/campaign_bg.jpg) top center / cover no-repeat;
  width: 100%;
  height: 1338.01984px;
  padding-top: 71.8663px;
}
.campaign__title {
  padding-left: 32.6665px;
}
.campaign__title__e {
  color: #0AA89D;
}
.campaign__head {
  padding-top: 19.5999px;
}
.campaign__head__title {
  display: block;
  width: 418.1312px;
  height: 290.73185px;
  background-image: url("../img/campaign_title.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.campaign__head__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.campaign__head__read {
  font-size: 18.29324px;
  font-weight: 600;
  line-height: 170%;
  width: 411.5979px;
  margin: 39.1998px auto 0;
}
.campaign__outline {
  width: 427.27782px;
  margin: 39.1998px auto 0;
  background-color: white;
  border-radius: 15.67992px;
  padding: 41.81312px 27.43986px 26.1332px;
}
.campaign__outline__title1 {
  text-align: center;
  border-top: 1px solid #283C50;
  border-bottom: 1px solid #283C50;
  font-size: 18.29324px;
  font-weight: 700;
}
.campaign__outline__read1 {
  text-align: center;
  font-size: 27.43986px;
  font-weight: 700;
  line-height: 160%;
  margin-top: 13.0666px;
}
.campaign__outline__title2 {
  text-align: center;
  border-top: 1px solid #283C50;
  border-bottom: 1px solid #283C50;
  font-size: 18.29324px;
  font-weight: 700;
  margin-top: 37.89314px;
}
.campaign__outline__read2__main {
  font-size: 19.5999px;
  font-weight: 700;
  line-height: 170%;
  padding: 13.0666px 13.0666px 13.0666px;
}
.campaign__outline__read2__list {
  margin-top: 10.45328px;
}
.campaign__outline__read2__list__item {
  font-size: 16.98658px;
  font-weight: 500;
  line-height: 160%;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 13.0666px;
}
.campaign__outline__read2__list__item::before {
  content: '・';
}
.requirements {
  background-color: white;
  padding-top: 78.3996px;
  padding-bottom: 84.9329px;
}
.requirements__title {
  padding-left: 32.6665px;
}
.requirements .requirements__title__e {
  color: #0AA89D;
}
.requirements__list {
  margin: 45.7331px auto 0;
  width: 427.27782px;
}
.requirements__list__item {
  position: relative;
  padding-bottom: 27.43986px;
  border-bottom: 1px solid #E5EAEA;
  margin-bottom: 36.58648px;
}
.requirements__list__item dl dt {
  position: relative;
  font-size: 23.51988px;
  font-weight: 600;
  line-height: 160%;
  padding-left: 19.5999px;
}
.requirements__list__item dl dt::before {
  content: '';
  width: 11.75994px;
  height: 11.75994px;
  position: absolute;
  left: 0;
  top: 11.10661px;
  background-color: #0AA89D;
  border-radius: 65.333px;
}
.requirements__list__item dl dd {
  font-size: 16.98658px;
  font-weight: 500;
  line-height: 160%;
  padding-left: 19.5999px;
  margin-top: 13.0666px;
}
.requirements__list__item dl dd .comment {
  font-size: 13.0666px;
  font-weight: 400;
  line-height: 170%;
  margin-top: 6.5333px;
}
.requirements__list__item dl dd .address {
  margin-top: 19.5999px;
}
.requirements__info {
  width: 427.27782px;
  margin: -29.39985px auto 0;
  position: relative;
}
.requirements__info::before {
  content: '';
  display: block;
  width: 71.8663px;
  height: 71.8663px;
  background-image: url("../img/req_plugicon.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.requirements__info::before a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.requirements__info__bg {
  display: block;
  width: 435.564px;
  height: 486.8px;
  background-image: url("../img/req_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 30.05318px;
}
.requirements__info__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.requirements__info__container {
  position: relative;
  padding: 78.3996px 26.1332px 0;
}
.requirements__info__title {
  font-size: 20.90656px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
}
.requirements__info__hr {
  width: 100%;
  height: 1.30666px;
  background-color: #283C50;
  margin: 19.5999px auto 13.0666px;
}
.requirements__info__list__item {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 3.91998px;
}
.requirements__info__list__item::before {
  content: '・';
}
.requirements__info__comment {
  font-size: 13.0666px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 1em;
  text-indent: -1em;
}
.flow {
  background-color: #F3F8F8;
}
.flow .flow__title__e {
  color: #0AA89D;
}
.flow__container {
  padding: 78.3996px 32.6665px 32.6665px;
}
.flow__list {
  margin-top: 39.1998px;
}
.flow__list__item {
  position: relative;
  background-color: white;
  margin-bottom: 48.34642px;
}
.flow__list__item:after {
  content: '';
  display: block;
  width: 43.11978px;
  height: 23.51988px;
  background-image: url("../img/flow_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -35.27982px;
}
.flow__list__item:after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.flow__list__item dl dt {
  position: relative;
  padding: 6.5333px 0 0px;
  padding-left: 26.1332px;
  border-bottom: 1px solid white;
  background-color: #255482;
  border-radius: 7.83996px 7.83996px 0px 0px;
}
.flow__list__item dl dt span {
  font-family: "Roboto Condensed", "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 41.81312px;
  font-style: italic;
  font-weight: 400;
  line-height: 160%;
  vertical-align: middle;
  color: white;
}
.flow__list__item dl dt p {
  display: inline-block;
  font-size: 20.90656px;
  font-weight: 600;
  line-height: 160%;
  vertical-align: middle;
  color: white;
  margin-left: 19.5999px;
}
.flow__list__item dl dd {
  font-size: 15.67992px;
  font-weight: 500;
  line-height: 170%;
  padding: 19.5999px 19.5999px 19.5999px;
  border-radius: 0px 0px 7.83996px 7.83996px;
}
.flow__list__item.item4 {
  background-color: #255482 ;
  color: white;
  margin-bottom: 0;
  border-radius: 7.83996px;
}
.flow__list__item.item4::after {
  display: none;
}
.flow__list__item.item4 dt span {
  color: white;
}
.flow__list__item.item4 dt span.date {
  color: #255482;
  background-color: white;
  font-size: 14.37326px;
  font-weight: 700;
  border-radius: 6.5333px;
  padding: 3.91998px 13.0666px;
  font-style: normal;
  letter-spacing: 0.1em;
  position: absolute;
  right: 26.1332px;
  top: 18.29324px;
}
.end__img {
  width: 489.9975px;
  height: 329.93165px;
  overflow: hidden;
}
.end__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
}
.end__txt {
  position: relative;
  width: 489.9975px;
  height: 405.0646px;
  background-color: white;
}
.end__txt span {
  display: block;
  width: 427.27782px;
  height: 287.4652px;
  background-image: url("../img/end_txt.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 32.6665px;
  top: 45.7331px;
}
.end__txt span a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
body.scrolled .kv__info {
  opacity: 1;
  transform: translateY(0);
}
body.scrolled .fixbnr {
  bottom: 26.1332px;
}
.kv__anime {
  transform: scale(0.5);
  opacity: 0;
}
.intro__bgmask {
  opacity: 1;
}
.intro__etitle {
  opacity: 0;
}
.intro__jtitle {
  opacity: 0;
}
.intro__list .item1 {
  opacity: 0;
  transform: translateX(50%);
}
.intro__list .item2 {
  opacity: 0;
  transform: translateX(50%);
}
.intro__list .item3 {
  opacity: 0;
  transform: translateX(50%);
}
.intro__list .item4 {
  opacity: 0;
  transform: translateX(50%);
}
.intro__read1 {
  opacity: 0;
  transform: translateY(40px);
}
.intro__read2 {
  opacity: 0;
  transform: translateY(40px);
}
.reason__list img {
  transform: scale(1.1);
}