@charset "UTF-8";
.--sans {
  font-family: "Noto Sans JP", sans-serif;
}

.--serif {
  font-family: "Noto Serif JP", serif;
}

.--en {
  font-family: "EB Garamond", serif;
}

.adlp-footer {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #202124;
  width: 100%;
  padding: min(calc(49 / 1080 * 100vw), 49px) 0 min(calc(80 / 1080 * 100vw), 80px);
}
@media screen and (max-width: 767px) {
  .adlp-footer {
    padding: calc(80 / 750 * 100vw) 0;
  }
}
.adlp-footer__bg-text {
  position: absolute;
  bottom: max(calc(-17 / 1080 * 100vw), -17px);
  left: calc(50% + min(calc(500 / 1080 * 100vw), 500px));
  transform: translateX(-100%);
  font-size: min(calc(120 / 1080 * 100vw), 120px);
  font-weight: 400;
  color: #F6F6F6;
  opacity: 0.14;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .adlp-footer__bg-text {
    bottom: calc(-26 / 750 * 100vw);
    left: auto;
    right: 0;
    transform: none;
    font-size: calc(160 / 750 * 100vw);
  }
}
.adlp-footer__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  width: min(calc(1000 / 1080 * 100vw), 1000px);
  gap: min(calc(24 / 1080 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .adlp-footer__container {
    width: calc(630 / 750 * 100vw);
    gap: calc(56 / 750 * 100vw);
  }
}
.adlp-footer__links {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .adlp-footer__links {
    flex-direction: column;
    gap: calc(24 / 750 * 100vw);
  }
}
.adlp-footer__link {
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  font-weight: 400;
  color: rgb(255, 255, 255);
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .adlp-footer__link {
    font-size: calc(26 / 750 * 100vw);
    letter-spacing: 0.08em;
  }
}
.adlp-footer__copyright {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  color: rgb(247, 247, 247);
  letter-spacing: 0.08em;
  line-height: 1.5;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .adlp-footer__copyright {
    font-size: calc(20 / 750 * 100vw);
    letter-spacing: 0.08em;
  }
}

.adlp-accordion__wrapper {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__wrapper {
    gap: calc(30 / 750 * 100vw);
  }
}
.adlp-accordion {
  background: #fff;
}
.adlp-accordion__header {
  position: relative;
  cursor: pointer;
}
.adlp-accordion__header__inner {
  display: flex;
  align-items: center;
  padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(80 / 1080 * 100vw), 80px) min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header__inner {
    padding: calc(40 / 750 * 100vw) calc(112 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}
.adlp-accordion__header__inner .lead {
  line-height: 1;
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  margin-right: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header__inner .lead {
    font-size: calc(48 / 750 * 100vw);
    margin-right: calc(20 / 750 * 100vw);
  }
}
.adlp-accordion__header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(12 / 1080 * 100vw), 12px);
  right: min(calc(45 / 1080 * 100vw), 45px);
  transition: all 0.3s;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 11.5L0.47372 0.25L19.5263 0.250002L10 11.5Z' fill='%23012F83'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header::after {
    width: calc(28 / 750 * 100vw);
    height: calc(17 / 750 * 100vw);
    right: calc(35 / 750 * 100vw);
  }
}
.adlp-accordion__header.--open::after {
  transform: translateY(-50%) rotate(180deg);
}
.adlp-accordion__header.--open::before {
  opacity: 0;
}
.adlp-accordion__header.--img::after {
  display: none;
}
.adlp-accordion__header.--img > span:last-child {
  display: none;
}
.adlp-accordion__header.--img.--open > span:first-child {
  display: none;
}
.adlp-accordion__header.--img.--open > span:last-child {
  display: block;
}
.adlp-accordion__header.--plus::before {
  content: "";
  display: block;
  background-image: none;
  background: #012F83;
  position: absolute;
  height: min(calc(20 / 1080 * 100vw), 20px);
  width: min(calc(2 / 1080 * 100vw), 2px);
  right: min(calc(49 / 1080 * 100vw), 49px);
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header.--plus::before {
    height: calc(20 / 750 * 100vw);
    width: calc(2 / 750 * 100vw);
    right: calc(49 / 750 * 100vw);
  }
}
.adlp-accordion__header.--plus::after {
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(2 / 1080 * 100vw), 2px);
  right: min(calc(40 / 1080 * 100vw), 40px);
  background-image: none;
  background: #012F83;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__header.--plus::after {
    width: calc(20 / 750 * 100vw);
    height: calc(2 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
  }
}
.adlp-accordion__body {
  display: none;
}
.adlp-accordion__body__inner {
  display: flex;
  align-items: flex-start;
  padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__body__inner {
    padding: 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
}
.adlp-accordion__body__inner .lead {
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  margin-right: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .adlp-accordion__body__inner .lead {
    margin-right: calc(20 / 750 * 100vw);
  }
}
.js-toggle {
  cursor: pointer;
}
.js-toggle + * {
  display: none;
}

.adlp-swiper {
  position: relative;
  padding-bottom: min(calc(50 / 1080 * 100vw), 50px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .adlp-swiper {
    padding-bottom: calc(80 / 750 * 100vw);
  }
}
.adlp-swiper.--hide {
  overflow: hidden;
}
.adlp-swiper .swiper-slide {
  padding: 0 min(calc(40 / 1080 * 100vw), 40px);
}
.adlp-swiper .swiper-button-next,
.adlp-swiper .swiper-button-prev {
  width: min(calc(24 / 1080 * 100vw), 24px);
  height: min(calc(84 / 1080 * 100vw), 84px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-button-next,
  .adlp-swiper .swiper-button-prev {
    width: calc(30 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-button-next::after,
.adlp-swiper .swiper-button-prev::after {
  display: none;
}
.adlp-swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M18 51L8 42L18 33' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  left: 0;
}
.adlp-swiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M8 33L18 42L8 51' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  right: 0;
}
.adlp-swiper {
  /* ページネーションの余白 */
}
.adlp-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 min(calc(8 / 1080 * 100vw), 8px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(8 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-pagination-bullet {
  height: min(calc(10 / 1080 * 100vw), 10px);
  width: min(calc(10 / 1080 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-pagination-bullet {
    width: calc(16 / 750 * 100vw);
    height: calc(16 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-pagination-bullet-active {
  background-color: #E0BF23;
}
.adlp-swiper__wrapper {
  padding-bottom: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper__wrapper {
    width: 100%;
    padding-bottom: calc(60 / 750 * 100vw);
  }
}

.fv {
  position: relative;
  width: 100%;
  height: min(calc(476 / 1080 * 100vw), 476px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .fv {
    height: calc(1124 / 750 * 100vw);
  }
}

.fv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.fv__bg picture, .fv__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fv__logo {
  position: absolute;
  top: min(calc(19 / 1080 * 100vw), 19px);
  left: min(calc(420 / 1080 * 100vw), 420px);
  width: min(calc(184 / 1080 * 100vw), 184px);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .fv__logo {
    top: calc(30 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
    width: calc(260 / 750 * 100vw);
  }
}
.fv__logo img {
  width: 100%;
  height: auto;
}

.fv__copy {
  position: absolute;
  top: min(calc(72 / 1080 * 100vw), 72px);
  left: min(calc(477 / 1080 * 100vw), 477px);
  z-index: 2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fv__copy {
    top: calc(98 / 750 * 100vw);
    left: calc(38 / 750 * 100vw);
  }
}

.fv__copy-service {
  color: #0058e9;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .fv__copy-service {
    white-space: nowrap;
  }
}

.fv__copy-gemini {
  font-family: "Futura", sans-serif;
  font-size: min(calc(34 / 1080 * 100vw), 34px);
  letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
  .fv__copy-gemini {
    font-size: calc(48 / 750 * 100vw);
  }
}

.fv__copy-amp {
  font-family: "Futura", sans-serif;
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  letter-spacing: -0.04em;
  margin: 0 min(calc(4 / 1080 * 100vw), 4px);
}
@media screen and (max-width: 767px) {
  .fv__copy-amp {
    font-size: calc(33 / 750 * 100vw);
    margin: 0 calc(4 / 750 * 100vw);
  }
}

.fv__copy-workspace {
  font-family: "Futura", sans-serif;
  font-size: min(calc(34 / 1080 * 100vw), 34px);
  letter-spacing: -0.03em;
}
@media screen and (max-width: 767px) {
  .fv__copy-workspace {
    font-size: calc(48 / 750 * 100vw);
  }
}

.fv__copy-focus {
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-left: min(calc(10 / 1080 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .fv__copy-focus {
    font-size: calc(32 / 750 * 100vw);
  }
}
.fv__copy-focus sup {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  .fv__copy-focus sup {
    font-size: calc(20 / 750 * 100vw);
  }
}

.fv__copy-main {
  font-size: min(calc(48 / 1080 * 100vw), 48px);
  font-weight: 500;
  color: #202124;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fv__copy-main {
    font-size: calc(64 / 750 * 100vw);
  }
}

.fv__copy-line {
  display: inline;
}

.fv__copy-sub {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 500;
  color: #202124;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .fv__copy-sub {
    margin-top: calc(0 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
  }
}

.fv__instructor {
  position: absolute;
  top: min(calc(84 / 1080 * 100vw), 84px);
  left: max(calc(-14 / 1080 * 100vw), -14px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .fv__instructor {
    top: calc(438 / 750 * 100vw);
    left: calc(-78 / 750 * 100vw);
  }
}

.fv__instructor-box {
  position: relative;
  width: min(calc(1964 / 1080 * 100vw), 1964px);
  height: min(calc(159 / 1080 * 100vw), 159px);
  background-color: #202124;
  border-top: min(calc(6 / 1080 * 100vw), 6px) solid;
  border-bottom: min(calc(6 / 1080 * 100vw), 6px) solid;
  border-image: linear-gradient(112deg, #F5CC29 5.64%, #FC4A56 19.84%, #9BDD97 34.03%, #7FE0DC 48.49%, #65ABFF 61.35%) 1;
  margin-top: min(calc(230 / 1080 * 100vw), 230px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-box {
    width: calc(854 / 750 * 100vw);
    height: calc(685 / 750 * 100vw);
    border-width: calc(12 / 750 * 100vw);
    margin-top: 0;
  }
}

.fv__instructor-title {
  position: absolute;
  top: min(calc(24 / 1080 * 100vw), 24px);
  left: min(calc(490 / 1080 * 100vw), 490px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fv__instructor-title {
    top: calc(36 / 750 * 100vw);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding-left: calc(39 / 750 * 100vw);
  }
}

.fv__instructor-title-text {
  font-size: min(calc(30 / 1080 * 100vw), 30px);
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .fv__instructor-title-text {
    font-size: calc(40 / 750 * 100vw);
  }
}
.fv__instructor-title-text sup {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  .fv__instructor-title-text sup {
    font-size: calc(20 / 750 * 100vw);
  }
}

.fv__instructor-title-large {
  font-family: "Futura", sans-serif;
  font-size: min(calc(28 / 1080 * 100vw), 28px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-title-large {
    font-size: calc(32 / 750 * 100vw);
  }
}

.fv__instructor-title-small {
  font-size: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-title-small {
    font-size: calc(40 / 750 * 100vw);
  }
}

.fv__instructor-title-text2 {
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .fv__instructor-title-text2 {
    font-size: calc(66 / 750 * 100vw);
  }
}

.fv__instructor-badge {
  position: absolute;
  top: max(calc(-236 / 1080 * 100vw), -236px);
  left: min(calc(1239 / 1080 * 100vw), 1239px);
  padding: min(calc(3 / 1080 * 100vw), 3px) min(calc(12 / 1080 * 100vw), 12px) min(calc(6 / 1080 * 100vw), 6px);
  background-color: #ea4335;
  border-radius: min(calc(6 / 1080 * 100vw), 6px);
  font-size: min(calc(21 / 1080 * 100vw), 21px);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 767px) {
  .fv__instructor-badge {
    top: calc(259 / 750 * 100vw);
    left: calc(406 / 750 * 100vw);
    padding: calc(4 / 750 * 100vw) calc(16 / 750 * 100vw) calc(8 / 750 * 100vw);
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
}

.fv__instructor-person {
  position: absolute;
}
.fv__instructor-person.--person1 {
  top: max(calc(-233 / 1080 * 100vw), -233px);
  left: min(calc(988 / 1080 * 100vw), 988px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-person.--person1 {
    top: calc(180 / 750 * 100vw);
    left: calc(106 / 750 * 100vw);
  }
}
.fv__instructor-person.--person2 {
  top: max(calc(-233 / 1080 * 100vw), -233px);
  left: min(calc(1277 / 1080 * 100vw), 1277px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-person.--person2 {
    top: calc(180 / 750 * 100vw);
    left: calc(483 / 750 * 100vw);
  }
}

.fv__instructor-photo {
  width: min(calc(286 / 1080 * 100vw), 286px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-photo {
    width: calc(333 / 750 * 100vw);
  }
}
.--person2 .fv__instructor-photo {
  width: min(calc(273 / 1080 * 100vw), 273px);
}
@media screen and (max-width: 767px) {
  .--person2 .fv__instructor-photo {
    width: calc(318 / 750 * 100vw);
  }
}
.fv__instructor-photo img {
  width: 100%;
  height: auto;
}

.fv__instructor-info {
  position: absolute;
  top: min(calc(270 / 1080 * 100vw), 270px);
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .fv__instructor-info {
    top: calc(320 / 750 * 100vw);
  }
}

.fv__instructor-company {
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .fv__instructor-company {
    font-size: calc(20 / 750 * 100vw);
  }
}

.fv__instructor-name {
  margin-top: min(calc(4 / 1080 * 100vw), 4px);
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .fv__instructor-name {
    margin-top: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
  }
}
.fv__instructor-name.--mt {
  padding-top: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .fv__instructor-name.--mt {
    padding-top: calc(30 / 750 * 100vw);
  }
}

.fv__note {
  position: absolute;
  bottom: min(calc(33 / 1080 * 100vw), 33px);
  left: min(calc(615 / 1080 * 100vw), 615px);
  width: min(calc(690 / 1080 * 100vw), 690px);
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  color: #666;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: justify;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .fv__note {
    bottom: calc(52 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
    width: calc(690 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
  }
}

.sec06 {
  position: relative;
  padding: min(calc(84 / 1080 * 100vw), 84px) 0 min(calc(40 / 1080 * 100vw), 40px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sec06 {
    padding: calc(170 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
  }
}

.sec06__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.sec06__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec06__copy {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
}

.sec06__copy-sub {
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__copy-sub {
    font-size: calc(32 / 750 * 100vw);
  }
}

.sec06__copy-heading {
  font-size: min(calc(46 / 1080 * 100vw), 46px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__copy-heading {
    font-size: calc(56 / 750 * 100vw);
  }
}

.sec06__lead {
  position: relative;
  z-index: 1;
  margin-top: min(calc(50 / 1080 * 100vw), 50px);
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 600;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec06__lead {
    margin-top: calc(46 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
  }
}

.sec06__profiles {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: min(calc(87 / 1080 * 100vw), 87px);
  margin-top: min(calc(60 / 1080 * 100vw), 60px);
  padding: 0 min(calc(500 / 1080 * 100vw), 500px);
}
@media screen and (max-width: 767px) {
  .sec06__profiles {
    gap: calc(106 / 750 * 100vw);
    margin-top: calc(70 / 750 * 100vw);
    padding: 0 calc(60 / 750 * 100vw);
  }
}

.sec06__profile {
  position: relative;
}

.sec06__profile-box {
  position: relative;
  background: linear-gradient(180deg, #202124 0%, #3a3a3a 100%);
  mix-blend-mode: multiply;
  padding: min(calc(57 / 1080 * 100vw), 57px) min(calc(100 / 1080 * 100vw), 100px) min(calc(50 / 1080 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .sec06__profile-box {
    padding: calc(56 / 750 * 100vw) calc(35 / 750 * 100vw) calc(60 / 750 * 100vw);
  }
}
.sec06__profile-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #202124 0%, #3a3a3a 100%);
  mix-blend-mode: multiply;
  z-index: -1;
}

.sec06__profile-header {
  display: grid;
  grid-template-columns: min(calc(239 / 1080 * 100vw), 239px) 1fr;
  grid-template-rows: 1fr auto;
  column-gap: min(calc(30 / 1080 * 100vw), 30px);
  row-gap: min(calc(14 / 1080 * 100vw), 14px);
  align-items: end;
  margin-top: max(calc(-82 / 1080 * 100vw), -82px);
}
@media screen and (max-width: 767px) {
  .sec06__profile-header {
    grid-template-columns: calc(320 / 750 * 100vw) 1fr;
    grid-template-rows: auto auto;
    column-gap: calc(40 / 750 * 100vw);
    row-gap: calc(40 / 750 * 100vw);
    margin-top: calc(-100 / 750 * 100vw);
    margin-left: calc(-60 / 750 * 100vw);
    align-items: start;
  }
}

.sec06__profile-img {
  grid-column: 1;
  grid-row: 1/3;
  width: min(calc(239 / 1080 * 100vw), 239px);
  height: min(calc(239 / 1080 * 100vw), 239px);
  background-color: #fff;
  overflow: hidden;
  align-self: end;
}
@media screen and (max-width: 767px) {
  .sec06__profile-img {
    grid-column: 1;
    grid-row: 1;
    width: calc(320 / 750 * 100vw);
    height: calc(320 / 750 * 100vw);
    align-self: start;
  }
}
.sec06__profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec06__profile-info {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .sec06__profile-info {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }
}

.sec06__profile-ruby {
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__profile-ruby {
    font-size: calc(20 / 750 * 100vw);
  }
}

.sec06__profile-name {
  font-size: min(calc(28 / 1080 * 100vw), 28px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__profile-name {
    font-size: calc(38 / 750 * 100vw);
  }
}

.sec06__profile-suffix {
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__profile-suffix {
    font-size: calc(32 / 750 * 100vw);
  }
}

.sec06__profile-title {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-weight: 600;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__profile-title {
    grid-column: 1/-1;
    grid-row: 2;
    font-size: calc(28 / 750 * 100vw);
    padding-left: calc(60 / 750 * 100vw);
  }
}
.sec06__profile-title span {
  font-size: min(calc(14 / 1080 * 100vw), 14px);
}
@media screen and (max-width: 767px) {
  .sec06__profile-title span {
    font-size: calc(24 / 750 * 100vw);
  }
}

.sec06__profile-content {
  margin-top: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .sec06__profile-content {
    margin-top: calc(40 / 750 * 100vw);
  }
}

.sec06__profile-label {
  display: flex;
  margin-bottom: min(calc(16 / 1080 * 100vw), 16px);
}
@media screen and (max-width: 767px) {
  .sec06__profile-label {
    justify-content: center;
    margin-bottom: calc(40 / 750 * 100vw);
  }
}
.sec06__profile-label.--center {
  justify-content: center;
}
.sec06__profile-label span {
  display: inline-block;
  padding: max(calc(0 / 1080 * 100vw), 0px) min(calc(20 / 1080 * 100vw), 20px);
  background-color: #0058e9;
  border-radius: min(calc(8 / 1080 * 100vw), 8px);
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  font-weight: 600;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec06__profile-label span {
    padding: calc(0 / 750 * 100vw) calc(20 / 750 * 100vw);
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
}

.sec06__profile-text {
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 400;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .sec06__profile-text {
    font-size: calc(26 / 750 * 100vw);
  }
}

.sec06__profile-books {
  margin-top: min(calc(40 / 1080 * 100vw), 40px);
  padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(58 / 1080 * 100vw), 58px) min(calc(20 / 1080 * 100vw), 20px) min(calc(80 / 1080 * 100vw), 80px);
  border: min(calc(2 / 1080 * 100vw), 2px) solid;
  border-image: linear-gradient(112deg, #F5CC29 5.64%, #FC4A56 19.84%, #9BDD97 34.03%, #7FE0DC 48.49%, #65ABFF 61.35%) 1;
  display: flex;
  align-items: center;
  gap: min(calc(46 / 1080 * 100vw), 46px);
}
@media screen and (max-width: 767px) {
  .sec06__profile-books {
    flex-direction: column;
    gap: calc(16 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
    padding: calc(32 / 750 * 100vw) calc(40 / 750 * 100vw) calc(24 / 750 * 100vw);
  }
}
.sec06__profile-books .sec06__profile-label {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .sec06__profile-books .sec06__profile-label {
    margin-bottom: 0;
  }
}

.sec06__profile-book-list {
  font-size: min(calc(14 / 1080 * 100vw), 14px);
  font-weight: 400;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .sec06__profile-book-list {
    font-size: calc(24 / 750 * 100vw);
  }
}

.sec07 {
  position: relative;
  padding: min(calc(51 / 1080 * 100vw), 51px) 0 min(calc(57 / 1080 * 100vw), 57px);
  background-color: #F6F6F6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec07 {
    padding: calc(78 / 750 * 100vw) calc(0 / 750 * 100vw) calc(90 / 750 * 100vw);
  }
}

.sec07__heading {
  font-size: min(calc(32 / 1080 * 100vw), 32px);
  font-weight: 500;
  color: #0058E9;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec07__heading {
    font-size: calc(36 / 750 * 100vw);
    letter-spacing: -0.01em;
  }
}
.sec07__heading .small {
  font-size: min(calc(32 / 1080 * 100vw), 32px);
}
@media screen and (max-width: 767px) {
  .sec07__heading .small {
    font-size: calc(42 / 750 * 100vw);
  }
}
.sec07__heading sup {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  .sec07__heading sup {
    font-size: calc(20 / 750 * 100vw);
  }
}

.sec07__heading-highlight {
  font-size: min(calc(60 / 1080 * 100vw), 60px);
  display: block;
}
@media screen and (max-width: 767px) {
  .sec07__heading-highlight {
    font-size: calc(70 / 750 * 100vw);
  }
}

.sec07__box {
  background-color: #F6F6F6;
  margin: min(calc(30 / 1080 * 100vw), 30px) auto 0;
  padding: min(calc(20 / 1080 * 100vw), 20px) min(calc(40 / 1080 * 100vw), 40px);
  width: min(calc(920 / 1080 * 100vw), 920px);
  background-color: #fff;
  border-top: min(calc(3 / 1080 * 100vw), 3px) solid;
  border-bottom: min(calc(3 / 1080 * 100vw), 3px) solid;
  border-image: linear-gradient(112deg, #F5CC29 5.64%, #FC4A56 19.84%, #9BDD97 34.03%, #7FE0DC 48.49%, #65ABFF 61.35%) 1;
}
@media screen and (max-width: 767px) {
  .sec07__box {
    margin-top: calc(24 / 750 * 100vw);
    padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
    width: 100%;
    border-width: calc(12 / 750 * 100vw);
  }
}

.sec07__box-text {
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  font-weight: 600;
  color: #202124;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec07__box-text {
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.2;
  }
}
.sec07__box-text sup {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  .sec07__box-text sup {
    font-size: calc(20 / 750 * 100vw);
  }
}

.sec07__box-num {
  font-size: min(calc(38 / 1080 * 100vw), 38px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .sec07__box-num {
    font-size: calc(48 / 750 * 100vw);
  }
}

.sec07__box-highlight {
  color: var(--blue, #0058E9);
  font-size: min(calc(28 / 1080 * 100vw), 28px);
  font-weight: 500;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .sec07__box-highlight {
    display: inline-block;
    font-size: calc(38 / 750 * 100vw);
    margin-top: calc(20 / 750 * 100vw);
  }
}
.sec07__box-highlight .large {
  font-size: min(calc(32 / 1080 * 100vw), 32px);
}
@media screen and (max-width: 767px) {
  .sec07__box-highlight .large {
    font-size: calc(42 / 750 * 100vw);
  }
}

.sec07__chart-block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .sec07__chart-block {
    display: block;
  }
}

.sec07__chart {
  margin-top: min(calc(34 / 1080 * 100vw), 34px);
}
@media screen and (max-width: 767px) {
  .sec07__chart {
    margin-top: calc(50 / 750 * 100vw);
  }
}

.sec07__chart-circle {
  width: min(calc(321 / 1080 * 100vw), 321px);
}
@media screen and (max-width: 767px) {
  .sec07__chart-circle {
    width: calc(562 / 750 * 100vw);
    margin: 0 auto;
  }
}
.sec07__chart-circle img {
  width: 100%;
  height: auto;
}

.sec07__desc {
  flex: 0 0 min(calc(316 / 1080 * 100vw), 316px);
  margin-top: min(calc(30 / 1080 * 100vw), 30px);
  text-align: justify;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 400;
  color: #202124;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec07__desc {
    margin-top: calc(40 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    text-align: center;
  }
}

.sec07__notes {
  margin-top: min(calc(35 / 1080 * 100vw), 35px);
}
@media screen and (max-width: 767px) {
  .sec07__notes {
    margin-top: calc(30 / 750 * 100vw);
    padding: 0 calc(30 / 750 * 100vw);
    text-align: left;
  }
}

.sec07__note {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  color: #666;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sec07__note {
    font-size: calc(20 / 750 * 100vw);
  }
}

.sec12 {
  position: relative;
  width: 100%;
  height: min(calc(600 / 1080 * 100vw), 600px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sec12 {
    height: calc(1476 / 750 * 100vw);
  }
}

.sec12__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.sec12__bg picture, .sec12__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec12__content {
  position: relative;
  z-index: 1;
  padding: min(calc(47 / 1080 * 100vw), 47px) min(calc(500 / 1080 * 100vw), 500px) min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .sec12__content {
    padding: calc(90 / 750 * 100vw) calc(0 / 750 * 100vw) calc(60 / 750 * 100vw);
  }
}

.sec12__heading {
  font-size: min(calc(54 / 1080 * 100vw), 54px);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec12__heading {
    font-size: calc(64 / 750 * 100vw);
  }
}

.sec12__labels {
  display: flex;
  flex-direction: column;
  gap: min(calc(10 / 1080 * 100vw), 10px);
  margin-top: min(calc(45 / 1080 * 100vw), 45px);
}
@media screen and (max-width: 767px) {
  .sec12__labels {
    gap: calc(10 / 750 * 100vw);
    margin-top: calc(714 / 750 * 100vw);
  }
}

.sec12__label {
  display: inline-block;
  width: fit-content;
  padding: min(calc(10 / 1080 * 100vw), 10px);
  background-color: #0058e9;
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-weight: 600;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec12__label {
    padding: calc(10 / 750 * 100vw);
    font-size: calc(34 / 750 * 100vw);
    line-height: 1.6;
  }
}

.sec12__sub {
  margin-top: min(calc(33 / 1080 * 100vw), 33px);
  text-align: center;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .sec12__sub {
    margin: calc(56 / 750 * 100vw) auto 0;
  }
}

.sec12__sub-text {
  font-size: min(calc(34 / 1080 * 100vw), 34px);
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .sec12__sub-text {
    font-size: calc(50 / 750 * 100vw);
    letter-spacing: -0.01em;
  }
}
.sec12__sub-text sup {
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  .sec12__sub-text sup {
    font-size: calc(20 / 750 * 100vw);
  }
}

.sec12__sub-large {
  font-size: min(calc(26 / 1080 * 100vw), 26px);
}
@media screen and (max-width: 767px) {
  .sec12__sub-large {
    font-size: calc(36 / 750 * 100vw);
  }
}

.sec12__sub-small {
  font-size: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .sec12__sub-small {
    font-size: calc(42 / 750 * 100vw);
  }
}

.sec12__sub-text2 {
  font-size: min(calc(34 / 1080 * 100vw), 34px);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .sec12__sub-text2 {
    font-size: calc(50 / 750 * 100vw);
  }
}

.sec12__sub-title {
  font-size: min(calc(50 / 1080 * 100vw), 50px);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .sec12__sub-title {
    font-size: calc(70 / 750 * 100vw);
  }
}

.sec12__note {
  margin-top: min(calc(40 / 1080 * 100vw), 40px);
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  color: #f6f6f6;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .sec12__note {
    margin-top: calc(19 / 750 * 100vw);
    font-size: calc(20 / 750 * 100vw);
    padding: 0 calc(30 / 750 * 100vw);
  }
}
/*# sourceMappingURL=lp.css.map */