:root {
  --back: #f4f2ec;
  --white: #FFF;
  --black: #333;
}

body {
  background-color: var(--back);
  background-image: url(./img/bg.png);
  background-image: image-set(url(./img/bg.avif) type("image/avif"), url(./img/bg.webp) type("image/webp"), url(./img/bg.png) type("image/png"));
  background-size: calc(2000px/4) calc(500px/4);
  background-repeat: repeat;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  body {
    background-size: calc(2000px/3) calc(500px/3);
  }
}

button {
  outline: none !important;
}

.parts__ttl-large {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
  letter-spacing: -0.05em;
  font-size: calc(35/750*100vw);
  text-align: center;
  margin-bottom: 1.57em;
}
@media (min-width: 768px) {
  .parts__ttl-large {
    font-size: clamp(36px*0.7, 36/1920*100vw, 36px);
  }
}

.nom-triangle {
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(172/750*100vw);
  aspect-ratio: 1/1;
  color: var(--white);
  position: relative;
  font-size: calc(25/750*100vw);
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .nom-triangle {
    width: clamp(220px*0.6, 220/1440*100vw, 220px);
    font-size: clamp(32px*0.6, 32/1440*100vw, 32px);
  }
}
.nom-triangle.nom-1 {
  background-image: url(./img/icon-advice-01.svg);
}
.nom-triangle.nom-2 {
  background-image: url(./img/icon-advice-02.svg);
}
.nom-triangle.nom-3 {
  background-image: url(./img/icon-advice-03.svg);
}
.nom-triangle .ttl {
  position: absolute;
  z-index: 2;
  letter-spacing: -0.05em;
  top: 1.5em;
  left: 0.75em;
}
.nom-triangle .no {
  position: absolute;
  z-index: 1;
  font-size: 3em;
  opacity: 0.5;
  top: 0;
  left: 0.575em;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.main {
  width: 100%;
  margin-top: 0;
}

header {
  width: 100%;
}
header .kinuta-top-link {
  position: absolute;
  top: calc(40 / 750 * 100vw);
  left: calc(74 / 750 * 100vw);
  width: calc(602 / 750 * 100vw);
  height: calc(112 / 750 * 100vw);
}
@media (min-width: 768px) {
  header .kinuta-top-link {
    top: clamp(16px, calc(38 / 1920 * 100vw), 38px);
    right: 0;
    left: 0;
    width: clamp(260px, calc(360 / 1920 * 100vw), 360px);
    height: clamp(39px, calc(54 / 1920 * 100vw), 54px);
    margin-inline: auto;
  }
}
header .kinuta-top-link a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  header .kinuta-top-link a {
    background-color: #fff;
    opacity: 1;
  }
}
header .kinuta-top-link img {
  width: 84.7%;
}

.fv {
  --fv-blue: #2db3d2;
  --fv-text: #404d4f;
  width: 100%;
  overflow: hidden;
  color: var(--fv-text);
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.fv__visual {
  position: relative;
  width: 100%;
  height: calc(947 / 750 * 100vw);
  overflow: hidden;
}
@media (min-width: 768px) {
  .fv__visual {
    height: clamp(857.4px*0.8, calc(1429 / 1920 * 100vw), 1429px);
    left: auto;
    width: clamp(1152px * 0.8, calc(1920 / 1920 * 100vw), 1920px);
    max-width: none;
    margin-inline: calc((100% - clamp(1152px * 0.8, calc(1920 / 1920 * 100vw), 1920px)) / 2);
  }
}
.fv__visual picture,
.fv__visual img {
  display: block;
  width: 100%;
  max-width: none;
}
.fv__intro {
  width: calc(609 / 750 * 100vw);
  margin-inline: auto;
}
@media (min-width: 768px) {
  .fv__intro {
    width: clamp(721.2px, calc(1202 / 1550 * 100vw), 1202px);
  }
}
.fv__lead {
  width: 100%;
  margin: calc(6 / 750 * 100vw) 0 0;
  font-size: calc(30 / 750 * 100vw);
  line-height: calc(50 / 30);
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .fv__lead {
    width: clamp(648px, calc(1080 / 1550 * 100vw), 1080px);
    margin: clamp(24px, calc(40 / 1550 * 100vw), 40px) auto 0;
    font-size: clamp(21.6px, calc(36 / 1550 * 100vw), 36px);
    line-height: calc(58 / 36);
  }
}
.fv__lead-break {
  display: none;
}
@media (min-width: 768px) {
  .fv__lead-break {
    display: inline;
  }
}
@media (min-width: 768px) {
  .fv__lead-sponly {
    display: none;
  }
}
.fv__seminar {
  margin-top: calc(56 / 750 * 100vw);
  text-align: center;
}
@media (min-width: 768px) {
  .fv__seminar {
    margin-top: clamp(63px, calc(105 / 1550 * 100vw), 105px);
  }
}
.fv__department {
  display: flex;
  width: calc(234 / 750 * 100vw);
  height: calc(50 / 750 * 100vw);
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background-color: #666;
  color: #fff;
  font-size: calc(27 / 750 * 100vw);
  line-height: 1;
}
@media (min-width: 768px) {
  .fv__department {
    width: clamp(140.4px, calc(234 / 1550 * 100vw), 234px);
    height: clamp(30px, calc(50 / 1550 * 100vw), 50px);
    font-size: clamp(18px, calc(30 / 1550 * 100vw), 30px);
  }
}
.fv__seminar-name {
  margin: calc(14 / 750 * 100vw) 0 0;
  font-size: calc(34 / 750 * 100vw);
  line-height: 1.45;
}
@media (min-width: 768px) {
  .fv__seminar-name {
    margin-top: clamp(12.6px, calc(21 / 1550 * 100vw), 21px);
    font-size: clamp(21.6px, calc(36 / 1550 * 100vw), 36px);
  }
}
.fv__toc {
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
  display: block;
  width: calc(750 / 609 * 100%);
  height: calc(694 / 750 * 100vw);
  margin-top: calc(37 / 750 * 100vw);
  margin-left: calc(-70.5 / 609 * 100%);
  transform: none !important;
}
@media (min-width: 768px) {
  .fv__toc {
    width: 100%;
    height: clamp(372px, calc(620 / 1550 * 100vw), 620px);
    margin-top: clamp(13.2px, calc(22 / 1550 * 100vw), 22px);
    margin-left: 0;
  }
}
.fv__toc-item {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: calc(28 / 750 * 100vw);
  line-height: 1.45;
  text-align: center;
}
.fv__toc-item:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .fv__toc-item {
    font-size: clamp(18px, calc(30 / 1550 * 100vw), 30px);
  }
}
.fv__toc-frame {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.fv__toc-frame img {
  display: block;
  width: 100%;
  height: 100%;
}
.fv__toc-text {
  position: relative;
  z-index: 1;
}
.fv__toc-item--data {
  top: 0;
  left: calc(51 / 750 * 100%);
  width: calc(282 / 750 * 100%);
  height: calc(165 / 750 * 100vw);
}
.fv__toc-item--data .fv__toc-text {
  transform: translateY(calc(-22 / 750 * 100vw));
}
@media (min-width: 768px) {
  .fv__toc-item--data {
    left: calc(380 / 1202 * 100%);
    width: clamp(248.4px, calc(414 / 1550 * 100vw), 414px);
    height: clamp(103.8px, calc(173 / 1550 * 100vw), 173px);
  }
  .fv__toc-item--data .fv__toc-text {
    transform: translate(clamp(-3.5px, calc(-3.5 / 1440 * 100vw), -2.1px), clamp(-22px, calc(-22 / 1440 * 100vw), -13.2px));
  }
}
.fv__toc-item--keywords {
  top: 0;
  left: calc(390 / 750 * 100%);
  width: calc(310 / 750 * 100%);
  height: calc(165 / 750 * 100vw);
}
.fv__toc-item--keywords .fv__toc-text {
  transform: translateY(calc(-19 / 750 * 100vw));
}
@media (min-width: 768px) {
  .fv__toc-item--keywords {
    top: clamp(84.954px, calc(141.59 / 1550 * 100vw), 141.59px);
    left: 0;
    width: clamp(248.4px, calc(414 / 1550 * 100vw), 414px);
    height: clamp(104.4px, calc(174 / 1550 * 100vw), 174px);
  }
  .fv__toc-item--keywords .fv__toc-text {
    transform: translateY(clamp(-22px, calc(-22 / 1440 * 100vw), -13.2px));
  }
}
.fv__toc-item--popular {
  top: calc(278 / 750 * 100vw);
  left: calc(41 / 750 * 100%);
  width: calc(296 / 750 * 100%);
  height: calc(165 / 750 * 100vw);
}
.fv__toc-item--popular .fv__toc-text {
  transform: translateY(calc(18 / 750 * 100vw));
}
@media (min-width: 768px) {
  .fv__toc-item--popular {
    top: clamp(82.2px, calc(137 / 1550 * 100vw), 137px);
    left: calc(787.38 / 1202 * 100%);
    width: clamp(249px, calc(415 / 1550 * 100vw), 415px);
    height: clamp(104.4px, calc(174 / 1550 * 100vw), 174px);
  }
  .fv__toc-item--popular .fv__toc-text {
    transform: translate(clamp(-5px, calc(-5 / 1440 * 100vw), -3px), clamp(-24px, calc(-24 / 1440 * 100vw), -14.4px));
  }
}
.fv__toc-item--image {
  top: calc(275 / 750 * 100vw);
  left: calc(392 / 750 * 100%);
  width: calc(299 / 750 * 100%);
  height: calc(170 / 750 * 100vw);
}
.fv__toc-item--image .fv__toc-text {
  transform: translateY(calc(18 / 750 * 100vw));
}
@media (min-width: 768px) {
  .fv__toc-item--image {
    top: clamp(265.2px, calc(442 / 1550 * 100vw), 442px);
    left: calc(118.99 / 1202 * 100%);
    width: clamp(249px, calc(415 / 1550 * 100vw), 415px);
    height: clamp(107.4px, calc(179 / 1550 * 100vw), 179px);
  }
  .fv__toc-item--image .fv__toc-text {
    transform: translate(clamp(-2px, calc(-2 / 1440 * 100vw), -1.2px), clamp(8.4px, calc(14 / 1550 * 100vw), 14px));
  }
}
.fv__toc-item--teacher {
  top: calc(435 / 750 * 100vw);
  left: calc(240 / 750 * 100%);
  width: calc(261 / 750 * 100%);
  height: calc(169 / 750 * 100vw);
}
.fv__toc-item--teacher .fv__toc-text {
  transform: translateY(calc(18 / 750 * 100vw));
}
@media (min-width: 768px) {
  .fv__toc-item--teacher {
    top: clamp(262.806px, calc(438.01 / 1550 * 100vw), 438.01px);
    left: calc(600.76 / 1202 * 100%);
    width: clamp(249px, calc(415 / 1550 * 100vw), 415px);
    height: clamp(106.8px, calc(178 / 1550 * 100vw), 178px);
  }
  .fv__toc-item--teacher .fv__toc-text {
    transform: translate(clamp(5.1px, calc(8.5 / 1550 * 100vw), 8.5px), clamp(9px, calc(15 / 1550 * 100vw), 15px));
  }
}
.fv__toc-logo {
  position: absolute;
  top: calc(175 / 750 * 100vw);
  left: calc(50 / 750 * 100%);
  display: flex;
  width: calc(650 / 750 * 100%);
  height: calc(105 / 750 * 100vw);
  align-items: center;
  justify-content: center;
}
.fv__toc-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .fv__toc-logo {
    top: clamp(120.828px, calc(201.38 / 1550 * 100vw), 201.38px);
    left: calc(414 / 1202 * 100%);
    display: block;
    width: clamp(223.8px, calc(373 / 1550 * 100vw), 373px);
    height: clamp(147px, calc(245 / 1550 * 100vw), 245px);
    border: 0;
  }
  .fv__toc-logo img {
    width: 100%;
    transform: none;
  }
}

.layout__sec01_data {
  position: relative;
  width: 100%;
  height: calc(2769 / 750 * 100vw);
  overflow: hidden;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
  .layout__sec01_data {
    height: clamp(768px, calc(1280 / 1550 * 100vw), 1280px);
    margin-top: clamp(76.8px, calc(128 / 1550 * 100vw), 128px);
    max-width: 1920px;
    margin-inline: auto;
  }
}
.layout__sec01_data:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: calc(50 / 750 * 100vw);
  background-color: #25b6d8;
  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .layout__sec01_data:after {
    border-radius: clamp(72px, calc(120 / 1550 * 100vw), 120px);
  }
}

.data__inner {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .data__inner {
    left: auto;
    width: clamp(1152px, calc(1920 / 1550 * 100vw), 1920px);
    max-width: none;
    margin-inline: calc((100% - clamp(1152px, calc(1920 / 1550 * 100vw), 1920px)) / 2);
  }
}
.data__title {
  position: absolute;
  top: calc(78.78 / 750 * 100vw);
  left: calc(100 / 750 * 100vw);
  width: calc(550 / 750 * 100vw);
  margin: 0;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(50 / 750 * 100vw);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .data__title {
    top: clamp(51.462px, calc(85.77 / 1550 * 100vw), 85.77px);
    left: clamp(394.5px, calc(657.5 / 1550 * 100vw), 657.5px);
    width: clamp(330px, calc(550 / 1550 * 100vw), 550px);
    font-size: clamp(30px, calc(50 / 1550 * 100vw), 50px);
  }
}
.data__line {
  position: absolute;
  z-index: 1;
  display: block;
  height: calc(5 / 750 * 100vw);
}
.data__line img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .data__line {
    height: clamp(3px, calc(5 / 1550 * 100vw), 5px);
  }
}
.data__line--top, .data__line--between, .data__line--middle {
  left: calc(48 / 750 * 100vw);
  width: calc(654 / 750 * 100vw);
}
.data__line--top {
  top: calc(187 / 750 * 100vw);
}
@media (min-width: 768px) {
  .data__line--top {
    top: clamp(120px, calc(200 / 1550 * 100vw), 200px);
    left: clamp(214.5px, calc(357.5 / 1550 * 100vw), 357.5px);
    width: clamp(723px, calc(1205 / 1550 * 100vw), 1205px);
  }
}
.data__line--between {
  top: calc(799 / 750 * 100vw);
}
@media (min-width: 768px) {
  .data__line--between {
    display: none;
  }
}
.data__line--middle {
  top: calc(1422 / 750 * 100vw);
}
@media (min-width: 768px) {
  .data__line--middle {
    top: clamp(433.2px, calc(722 / 1550 * 100vw), 722px);
    left: clamp(214.5px, calc(357.5 / 1550 * 100vw), 357.5px);
    width: clamp(723px, calc(1205 / 1550 * 100vw), 1205px);
  }
}
.data__line--vertical {
  display: none;
}
@media (min-width: 768px) {
  .data__line--vertical {
    top: clamp(169.65px, calc(282.75 / 1550 * 100vw), 282.75px);
    left: clamp(574.5px, calc(957.5 / 1550 * 100vw), 957.5px);
    display: block;
    width: clamp(3px, calc(5 / 1550 * 100vw), 5px);
    height: clamp(234px, calc(390 / 1550 * 100vw), 390px);
  }
}
.data__line--bottom {
  top: calc(2685 / 750 * 100vw);
  left: calc(48 / 750 * 100vw);
  width: calc(654 / 750 * 100vw);
}
@media (min-width: 768px) {
  .data__line--bottom {
    top: clamp(675.6px, calc(1126 / 1550 * 100vw), 1126px);
    left: clamp(214.5px, calc(357.5 / 1550 * 100vw), 357.5px);
    width: clamp(723px, calc(1205 / 1550 * 100vw), 1205px);
  }
}
.data__list {
  position: static;
}
.data__item, .data__teacher {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.data__item--theme {
  top: calc(243.6 / 750 * 100vw);
}
.data__item--students {
  top: calc(865.6 / 750 * 100vw);
}
.data__teacher {
  top: calc(1482 / 750 * 100vw);
}
.data__label {
  position: absolute;
  top: calc(15 / 750 * 100vw);
  left: calc(48 / 750 * 100vw);
  z-index: 2;
  display: flex;
  width: calc(284 / 750 * 100vw);
  height: calc(50 / 750 * 100vw);
  margin: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  background-color: #666;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 700;
  line-height: 1;
}
.data__image {
  display: block;
  width: calc(424.8 / 750 * 100vw);
  margin-left: calc(162.6 / 750 * 100vw);
}
.data__image img {
  display: block;
  width: 100%;
  height: auto;
}
.data__value {
  position: absolute;
  top: calc(464.68 / 750 * 100vw);
  left: 0;
  width: 100vw;
  margin: 0;
  font-size: calc(30 / 750 * 100vw);
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}
.data__teacher .data__label {
  top: calc(27 / 750 * 100vw);
}
.data__teacher .data__image {
  width: calc(428 / 750 * 100vw);
  margin-left: calc(159.8 / 750 * 100vw);
}
.data__teacher-title {
  position: absolute;
  top: calc(492.44 / 750 * 100vw);
  right: 0;
  left: 0;
  width: calc(500 / 750 * 100vw);
  margin-inline: auto;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(38 / 750 * 100vw);
  font-weight: 700;
  line-height: calc(60 / 38);
  text-align: center;
}
.data__teacher-text {
  position: absolute;
  top: calc(648.07 / 750 * 100vw);
  left: calc(49.5 / 750 * 100vw);
  width: calc(672 / 750 * 100vw);
  margin: 0;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(52 / 28);
  text-align: left;
}
@media (min-width: 768px) {
  .data__item, .data__teacher {
    width: clamp(288px, calc(480 / 1550 * 100vw), 480px);
  }
  .data__item--theme, .data__item--students {
    top: clamp(156px, calc(260 / 1550 * 100vw), 260px);
  }
  .data__item--theme {
    left: clamp(249.6px, calc(416 / 1550 * 100vw), 416px);
  }
  .data__item--students {
    left: clamp(615px, calc(1025 / 1550 * 100vw), 1025px);
  }
  .data__label {
    top: clamp(15px, calc(25 / 1550 * 100vw), 25px);
    right: 0;
    left: 0;
    width: clamp(178.2px, calc(297 / 1550 * 100vw), 297px);
    height: clamp(30px, calc(50 / 1550 * 100vw), 50px);
    margin-inline: auto;
    font-size: clamp(15px, calc(25 / 1550 * 100vw), 25px);
  }
  .data__image {
    width: clamp(212.4px, calc(354 / 1550 * 100vw), 354px);
    margin-inline: auto;
  }
  .data__value {
    top: clamp(229.2px, calc(382 / 1550 * 100vw), 382px);
    width: clamp(288px, calc(480 / 1550 * 100vw), 480px);
    font-size: clamp(15px, calc(25 / 1550 * 100vw), 25px);
  }
  .data__teacher {
    top: clamp(442.8px, calc(738 / 1550 * 100vw), 738px);
    left: clamp(177px, calc(295 / 1550 * 100vw), 295px);
  }
  .data__teacher .data__label {
    top: clamp(25.8px, calc(43 / 1550 * 100vw), 43px);
    right: auto;
    left: clamp(141.6px, calc(236 / 1550 * 100vw), 236px);
    width: clamp(144px, calc(240 / 1550 * 100vw), 240px);
    margin-inline: 0;
  }
  .data__teacher .data__image {
    width: clamp(212.4px, calc(354 / 1550 * 100vw), 354px);
    margin-right: 0;
    margin-left: clamp(37.8px, calc(63 / 1550 * 100vw), 63px);
  }
  .data__teacher-title {
    top: clamp(26.064px, calc(43.44 / 1550 * 100vw), 43.44px);
    right: auto;
    left: clamp(291.9px, calc(486.5 / 1550 * 100vw), 486.5px);
    width: clamp(433.2px, calc(722 / 1550 * 100vw), 722px);
    margin-inline: 0;
    font-size: clamp(22.8px, calc(38 / 1550 * 100vw), 38px);
    line-height: calc(55 / 38);
    text-align: left;
    white-space: nowrap;
  }
  .data__teacher-text {
    top: clamp(79.62px, calc(132.7 / 1550 * 100vw), 132.7px);
    left: clamp(295.08px, calc(491.8 / 1550 * 100vw), 491.8px);
    width: clamp(468px, calc(780 / 1550 * 100vw), 780px);
    font-size: clamp(12px, calc(20 / 1550 * 100vw), 20px);
    line-height: calc(37 / 20);
  }
  .data__teacher-title-break {
    display: none;
  }
}

.section-heading {
  position: absolute;
  left: calc(48 / 750 * 100vw);
  width: calc(654 / 750 * 100vw);
  margin: 0;
  padding-bottom: calc(26 / 750 * 100vw);
  background-image: url(./img/line-blue--sp.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% calc(5 / 750 * 100vw);
  color: #25b6d8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(50 / 750 * 100vw);
  font-weight: 700;
  line-height: calc(66 / 50);
  text-align: center;
}
@media (min-width: 768px) {
  .section-heading {
    left: clamp(214.5px, calc(357.5 / 1550 * 100vw), 357.5px);
    width: clamp(723px, calc(1205 / 1550 * 100vw), 1205px);
    padding-bottom: clamp(5.7px, calc(9.5 / 1550 * 100vw), 9.5px);
    background-image: url(./img/line01-blue--pc.svg);
    background-size: 100% clamp(3px, calc(5 / 1550 * 100vw), 5px);
    font-size: clamp(30px, calc(50 / 1550 * 100vw), 50px);
    line-height: calc(72 / 50);
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .section-heading br {
    display: none;
  }
}

.layout__sec03_keywords {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
  .layout__sec03_keywords {
    margin-top: clamp(65.358px, calc(108.93 / 1550 * 100vw), 108.93px);
  }
}

.keywords__inner {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .keywords__inner {
    left: auto;
    width: clamp(1152px, calc(1920 / 1550 * 100vw), 1920px);
    max-width: none;
    margin-inline: calc((100% - clamp(1152px, calc(1920 / 1550 * 100vw), 1920px)) / 2);
  }
}
.keywords__title {
  top: calc(130.93 / 750 * 100vw);
}
@media (min-width: 768px) {
  .keywords__title {
    top: 0;
  }
}
.keywords__list {
  position: relative;
}
.keywords__bg {
  position: relative;
  width: 100%;
  height: calc(2818.36 / 750 * 100vw);
  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .keywords__bg {
    height: clamp(750.672px, calc(1251.12 / 1550 * 100vw), 1251.12px);
  }
}
.keywords__bg-item {
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
}
.keywords__bg-item--01 {
  top: calc(355.01 / 750 * 100vw);
  left: calc(49.05 / 750 * 100vw);
  width: calc(650 / 750 * 100vw);
  height: calc(879 / 750 * 100vw);
  background-image: url(./img/keywords__box01--sp.svg);
}
.keywords__bg-item--02 {
  top: calc(1180.01 / 750 * 100vw);
  left: calc(49.05 / 750 * 100vw);
  width: calc(650 / 750 * 100vw);
  height: calc(833 / 750 * 100vw);
  background-image: url(./img/keywords__box02--sp.svg);
}
.keywords__bg-item--03 {
  top: calc(1951.01 / 750 * 100vw);
  left: calc(49.05 / 750 * 100vw);
  width: calc(650 / 750 * 100vw);
  height: calc(833 / 750 * 100vw);
  background-image: url(./img/keywords__box03--sp.svg);
}
.keywords__item {
  position: absolute;
  left: calc(49.05 / 750 * 100vw);
  z-index: 1;
  width: calc(650 / 750 * 100vw);
  color: #fff;
}
.keywords__item--01 {
  top: calc(355.01 / 750 * 100vw);
  height: calc(879 / 750 * 100vw);
}
.keywords__item--01 .keywords__item-text {
  top: calc(192.35 / 750 * 100vw);
  left: calc(87.95 / 750 * 100vw);
}
.keywords__item--02 {
  top: calc(1180.01 / 750 * 100vw);
  height: calc(833 / 750 * 100vw);
}
.keywords__item--02 .keywords__item-text {
  top: calc(186.82 / 750 * 100vw);
  left: calc(92.68 / 750 * 100vw);
}
.keywords__item--03 {
  top: calc(1951.01 / 750 * 100vw);
  height: calc(833 / 750 * 100vw);
}
.keywords__item--03 .keywords__item-text {
  top: calc(193.35 / 750 * 100vw);
  left: calc(91.95 / 750 * 100vw);
}
.keywords__content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.keywords__item-title {
  position: absolute;
  top: calc(96.39 / 750 * 100vw);
  left: 0;
  width: 100%;
  margin: 0;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(38 / 750 * 100vw);
  font-weight: 700;
  line-height: calc(55 / 38);
  text-align: center;
  white-space: nowrap;
}
.keywords__item-text {
  position: absolute;
  width: calc(498 / 750 * 100vw);
  margin: 0;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(52 / 28);
  text-align: left;
}
@media (min-width: 768px) {
  .keywords__bg-item {
    width: clamp(318px, calc(530 / 1550 * 100vw), 530px);
    height: clamp(352.8px, calc(588 / 1550 * 100vw), 588px);
  }
  .keywords__bg-item--01 {
    top: clamp(91.266px, calc(152.11 / 1550 * 100vw), 152.11px);
    left: clamp(417.306px, calc(695.51 / 1550 * 100vw), 695.51px);
    background-image: url(./img/keywords__box01--pc.svg);
  }
  .keywords__bg-item--02 {
    top: clamp(397.866px, calc(663.11 / 1550 * 100vw), 663.11px);
    left: clamp(235.506px, calc(392.51 / 1550 * 100vw), 392.51px);
    background-image: url(./img/keywords__box02--pc.svg);
  }
  .keywords__bg-item--03 {
    top: clamp(397.866px, calc(663.11 / 1550 * 100vw), 663.11px);
    left: clamp(597.306px, calc(995.51 / 1550 * 100vw), 995.51px);
    background-image: url(./img/keywords__box03--pc.svg);
  }
  .keywords__item {
    width: clamp(318px, calc(530 / 1550 * 100vw), 530px);
    height: clamp(352.8px, calc(588 / 1550 * 100vw), 588px);
  }
  .keywords__item--01 {
    top: clamp(91.266px, calc(152.11 / 1550 * 100vw), 152.11px);
    left: clamp(417.306px, calc(695.51 / 1550 * 100vw), 695.51px);
  }
  .keywords__item--01 .keywords__item-text {
    top: clamp(83.418px, calc(139.03 / 1550 * 100vw), 139.03px);
    left: clamp(50.094px, calc(83.49 / 1550 * 100vw), 83.49px);
    width: clamp(217.2px, calc(362 / 1550 * 100vw), 362px);
  }
  .keywords__item--02 {
    top: clamp(397.866px, calc(663.11 / 1550 * 100vw), 663.11px);
    left: clamp(235.506px, calc(392.51 / 1550 * 100vw), 392.51px);
  }
  .keywords__item--02 .keywords__item-text {
    top: clamp(84.618px, calc(141.03 / 1550 * 100vw), 141.03px);
    left: clamp(50.094px, calc(83.49 / 1550 * 100vw), 83.49px);
    width: clamp(217.2px, calc(362 / 1550 * 100vw), 362px);
  }
  .keywords__item--03 {
    top: clamp(397.866px, calc(663.11 / 1550 * 100vw), 663.11px);
    left: clamp(597.306px, calc(995.51 / 1550 * 100vw), 995.51px);
  }
  .keywords__item--03 .keywords__item-text {
    top: clamp(88.818px, calc(148.03 / 1550 * 100vw), 148.03px);
    left: clamp(46.494px, calc(77.49 / 1550 * 100vw), 77.49px);
    width: clamp(226.8px, calc(378 / 1550 * 100vw), 378px);
  }
  .keywords__item-title {
    top: clamp(46.302px, calc(77.17 / 1550 * 100vw), 77.17px);
    font-size: clamp(18px, calc(30 / 1550 * 100vw), 30px);
    line-height: calc(43 / 30);
  }
  .keywords__item-text {
    font-size: clamp(12px, calc(20 / 1550 * 100vw), 20px);
    line-height: calc(37 / 20);
  }
}

.layout__sec04_popular-learning {
  position: relative;
  width: 100%;
  height: calc(3530 / 750 * 100vw);
  overflow: hidden;
  color: #191919;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
  .layout__sec04_popular-learning {
    height: clamp(852px, calc(1420 / 1550 * 100vw), 1420px);
    margin-top: clamp(1.812px, calc(3.02 / 1550 * 100vw), 3.02px);
  }
}

.popular-learning__inner {
  position: relative;
  top: calc(-20 / 750 * 100vw);
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .popular-learning__inner {
    left: auto;
    width: clamp(1152px, calc(1920 / 1550 * 100vw), 1920px);
    max-width: none;
    margin-inline: calc((100% - clamp(1152px, calc(1920 / 1550 * 100vw), 1920px)) / 2);
    top: clamp(-80px, calc(-80 / 1440 * 100vw), -48px);
  }
}
.popular-learning__title {
  top: calc(102.57 / 750 * 100vw);
}
@media (min-width: 768px) {
  .popular-learning__title {
    top: clamp(128.616px, calc(214.36 / 1550 * 100vw), 214.36px);
  }
}
.popular-learning__list {
  position: static;
}
.popular-learning__item {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(922 / 750 * 100vw);
}
.popular-learning__item--01 {
  top: calc(322.56 / 750 * 100vw);
}
.popular-learning__item--02 {
  top: calc(1280.56 / 750 * 100vw);
}
.popular-learning__item--03 {
  top: calc(2258.56 / 750 * 100vw);
}
.popular-learning__image {
  position: absolute;
  top: 0;
  left: calc(48 / 750 * 100vw);
  display: block;
  width: calc(654 / 750 * 100vw);
  height: calc(428.5 / 750 * 100vw);
}
.popular-learning__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.popular-learning__item-title {
  position: absolute;
  top: calc(466.65 / 750 * 100vw);
  left: 0;
  width: 100%;
  margin: 0;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(38 / 750 * 100vw);
  font-weight: 700;
  line-height: calc(55 / 38);
  text-align: center;
  white-space: nowrap;
}
.popular-learning__item-text {
  position: absolute;
  top: calc(558.44 / 750 * 100vw);
  left: calc(48 / 750 * 100vw);
  width: calc(644 / 750 * 100vw);
  margin: 0;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(52 / 28);
  text-align: left;
}
.popular-learning__related-link {
  position: absolute;
  top: calc(3244.64 / 750 * 100vw);
  left: calc(51.25 / 750 * 100vw);
  display: block;
  width: calc(647.5 / 750 * 100vw);
  height: calc(171 / 750 * 100vw);
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.35));
}
.popular-learning__related-link picture,
.popular-learning__related-link img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .popular-learning__list {
    position: absolute;
    top: clamp(221.952px, calc(369.92 / 1550 * 100vw), 369.92px);
    right: 0;
    left: 0;
    display: grid;
    width: clamp(780px, calc(1300 / 1550 * 100vw), 1300px);
    max-width: calc(100vw - 32px);
    margin-inline: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: clamp(36px, calc(60 / 1550 * 100vw), 60px);
  }
  .popular-learning__item {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    min-width: 0;
    height: auto;
  }
  .popular-learning__image {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 428/328;
    transform: none;
  }
  .popular-learning__item-title {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: clamp(20.52px, calc(34.2 / 1550 * 100vw), 34.2px);
    font-size: clamp(18px, calc(30 / 1550 * 100vw), 30px);
    line-height: calc(43 / 30);
    white-space: normal;
  }
  .popular-learning__item-text {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: clamp(9.528px, calc(15.88 / 1550 * 100vw), 15.88px);
    font-size: clamp(12px, calc(20 / 1550 * 100vw), 20px);
    line-height: calc(37 / 20);
  }
  .popular-learning__related-link {
    top: clamp(706.326px, calc(1177.21 / 1550 * 100vw), 1177.21px);
    left: clamp(278.1px, calc(463.5 / 1550 * 100vw), 463.5px);
    width: clamp(589.2px, calc(982 / 1550 * 100vw), 982px);
    height: clamp(155.1px, calc(258.5 / 1550 * 100vw), 258.5px);
  }
}

.layout__sec05_image-real {
  position: relative;
  width: 100%;
  height: calc(4000 / 750 * 100vw);
  overflow: hidden;
  color: #191919;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
  .layout__sec05_image-real {
    height: clamp(1230px, calc(2050 / 1550 * 100vw), 2050px);
  }
}

.image-real__inner {
  position: relative;
  top: calc(-100 / 750 * 100vw);
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .image-real__inner {
    left: auto;
    width: clamp(1152px, calc(1920 / 1550 * 100vw), 1920px);
    max-width: none;
    margin-inline: calc((100% - clamp(1152px, calc(1920 / 1550 * 100vw), 1920px)) / 2);
    top: clamp(-50px, calc(-50 / 1440 * 100vw), -30px);
  }
}
.image-real__title {
  top: calc(89.79 / 750 * 100vw);
}
@media (min-width: 768px) {
  .image-real__title {
    top: clamp(73.416px, calc(122.36 / 1550 * 100vw), 122.36px);
  }
}
.image-real__lead {
  position: absolute;
  top: calc(287 / 750 * 100vw);
  left: calc(50.5 / 750 * 100vw);
  width: calc(644 / 750 * 100vw);
  margin: 0;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(52 / 28);
  text-align: left;
}
@media (min-width: 768px) {
  .image-real__lead {
    top: clamp(142.836px, calc(238.06 / 1550 * 100vw), 238.06px);
    left: clamp(342.3px, calc(570.5 / 1550 * 100vw), 570.5px);
    width: clamp(467.4px, calc(779 / 1550 * 100vw), 779px);
    font-size: clamp(12px, calc(20 / 1550 * 100vw), 20px);
    line-height: calc(37 / 20);
    text-align: center;
  }
}
.image-real__before-visual {
  position: absolute;
  top: calc(464.5 / 750 * 100vw);
  left: calc(45.5 / 750 * 100vw);
  display: block;
  width: calc(656.5 / 750 * 100vw);
  height: calc(658.5 / 750 * 100vw);
}
.image-real__before-visual img {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .image-real__before-visual {
    top: clamp(202.158px, calc(336.93 / 1550 * 100vw), 336.93px);
    left: clamp(216px, calc(360 / 1550 * 100vw), 360px);
    width: clamp(678px, calc(1130 / 1550 * 100vw), 1130px);
    height: clamp(263.1px, calc(438.5 / 1550 * 100vw), 438.5px);
  }
}
.image-real__turning-point {
  position: absolute;
  top: calc(1207.9 / 750 * 100vw);
  left: calc(164 / 750 * 100vw);
  width: calc(424 / 750 * 100vw);
  height: calc(84 / 750 * 100vw);
  background: url(./img/image-real__subtxt-bg.svg) center/100% 100% no-repeat;
}
.image-real__turning-point p {
  position: absolute;
  top: calc(17.6 / 750 * 100vw);
  left: 0;
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(30 / 750 * 100vw);
  font-weight: 700;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .image-real__turning-point {
    top: clamp(496.152px, calc(826.92 / 1550 * 100vw), 826.92px);
    left: clamp(449.1px, calc(748.5 / 1550 * 100vw), 748.5px);
    width: clamp(254.4px, calc(424 / 1550 * 100vw), 424px);
    height: clamp(50.4px, calc(84 / 1550 * 100vw), 84px);
  }
  .image-real__turning-point p {
    top: clamp(11.088px, calc(18.48 / 1550 * 100vw), 18.48px);
    font-size: clamp(18px, calc(30 / 1550 * 100vw), 30px);
  }
}
.image-real__after-visual {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.image-real__circle, .image-real__student {
  position: absolute;
  display: block;
}
.image-real__circle {
  top: calc(1567.4 / 750 * 100vw);
  left: calc(215.3 / 750 * 100vw);
  z-index: 1;
  width: calc(321.5 / 750 * 100vw);
  height: calc(321.5 / 750 * 100vw);
}
.image-real__circle--pc {
  display: none;
}
.image-real__student {
  top: calc(1312.8 / 750 * 100vw);
  left: calc(295 / 750 * 100vw);
  z-index: 1;
  width: calc(174.5 / 750 * 100vw);
  height: calc(589.5 / 750 * 100vw);
}
.image-real__list, .image-real__bg {
  position: absolute;
  inset: 0;
}
.image-real__bg {
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.image-real__bg-item {
  position: absolute;
  left: calc(51 / 750 * 100vw);
  display: block;
  width: calc(650 / 750 * 100vw);
  height: calc(805 / 750 * 100vw);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  mix-blend-mode: multiply;
}
.image-real__bg-item--01 {
  top: calc(1833.9 / 750 * 100vw);
  background-image: url(./img/image-real__bg01--sp.svg);
}
.image-real__bg-item--02 {
  top: calc(2562.1 / 750 * 100vw);
  background-image: url(./img/image-real__bg02--sp.svg);
}
.image-real__bg-item--03 {
  top: calc(3280 / 750 * 100vw);
  background-image: url(./img/image-real__bg03--sp.svg);
}
.image-real__item {
  position: absolute;
  left: calc(51 / 750 * 100vw);
  z-index: 2;
  width: calc(650 / 750 * 100vw);
  height: calc(805 / 750 * 100vw);
  color: #fff;
}
.image-real__item--01 {
  top: calc(1833.9 / 750 * 100vw);
}
.image-real__item--01 .image-real__item-title {
  top: calc(124.6 / 750 * 100vw);
}
.image-real__item--01 .image-real__item-text {
  top: calc(271.8 / 750 * 100vw);
  width: calc(504 / 750 * 100vw);
}
.image-real__item--02 {
  top: calc(2562.1 / 750 * 100vw);
}
.image-real__item--02 .image-real__item-text {
  width: calc(532 / 750 * 100vw);
}
.image-real__item--03 {
  top: calc(3280 / 750 * 100vw);
}
.image-real__item--03 .image-real__item-text {
  width: calc(504 / 750 * 100vw);
}
.image-real__content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.image-real__item-title {
  position: absolute;
  top: calc(159.5 / 750 * 100vw);
  left: 0;
  width: 100%;
  margin: 0;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(38 / 750 * 100vw);
  font-weight: 700;
  line-height: calc(60 / 38);
  text-align: center;
}
.image-real__item-text {
  position: absolute;
  top: calc(305.9 / 750 * 100vw);
  left: calc(67.7 / 750 * 100vw);
  margin: 0;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(52 / 28);
  text-align: left;
}
@media (min-width: 768px) {
  .image-real__circle--sp {
    display: none;
  }
  .image-real__circle--pc {
    z-index: 0;
    display: block;
  }
  .image-real__circle {
    top: clamp(713.556px, calc(1189.26 / 1550 * 100vw), 1189.26px);
    left: clamp(476.268px, calc(793.78 / 1550 * 100vw), 793.78px);
    width: clamp(192.9px, calc(321.5 / 1550 * 100vw), 321.5px);
    height: clamp(192.9px, calc(321.5 / 1550 * 100vw), 321.5px);
  }
  .image-real__student {
    top: clamp(560.952px, calc(934.92 / 1550 * 100vw), 934.92px);
    left: clamp(524.1px, calc(873.5 / 1550 * 100vw), 873.5px);
    z-index: 2;
    width: clamp(104.7px, calc(174.5 / 1550 * 100vw), 174.5px);
    height: clamp(353.7px, calc(589.5 / 1550 * 100vw), 589.5px);
  }
  .image-real__bg {
    z-index: 1;
    mix-blend-mode: multiply;
  }
  .image-real__item {
    z-index: 3;
  }
  .image-real__bg-item, .image-real__item {
    width: clamp(288px, calc(480 / 1550 * 100vw), 480px);
    height: clamp(319.8px, calc(533 / 1550 * 100vw), 533px);
  }
  .image-real__bg-item--01, .image-real__item--01 {
    top: clamp(560.844px, calc(934.74 / 1550 * 100vw), 934.74px);
    left: clamp(216.594px, calc(360.99 / 1550 * 100vw), 360.99px);
  }
  .image-real__bg-item--02, .image-real__item--02 {
    top: clamp(560.844px, calc(934.74 / 1550 * 100vw), 934.74px);
    left: clamp(649.194px, calc(1081.99 / 1550 * 100vw), 1081.99px);
  }
  .image-real__bg-item--03, .image-real__item--03 {
    top: clamp(892.644px, calc(1487.74 / 1550 * 100vw), 1487.74px);
    left: clamp(433.494px, calc(722.49 / 1550 * 100vw), 722.49px);
  }
  .image-real__bg-item--01 {
    background-image: url(./img/image-real__bg01--pc.svg);
  }
  .image-real__bg-item--02 {
    background-image: url(./img/image-real__bg02--pc.svg);
  }
  .image-real__bg-item--03 {
    background-image: url(./img/image-real__bg03--pc.svg);
  }
  .image-real__item-title {
    top: clamp(56.082px, calc(93.47 / 1550 * 100vw), 93.47px);
    font-size: clamp(16.8px, calc(28 / 1550 * 100vw), 28px);
    line-height: calc(46 / 28);
  }
  .image-real__item-text {
    top: clamp(117px, calc(195 / 1550 * 100vw), 195px);
    left: clamp(21.9px, calc(36.5 / 1550 * 100vw), 36.5px);
    width: clamp(240px, calc(400 / 1550 * 100vw), 400px);
    font-size: clamp(12px, calc(20 / 1550 * 100vw), 20px);
    line-height: calc(37 / 20);
  }
  .image-real__item--01 .image-real__item-title {
    top: clamp(56.082px, calc(93.47 / 1550 * 100vw), 93.47px);
  }
  .image-real__item--01 .image-real__item-text {
    top: clamp(117px, calc(195 / 1550 * 100vw), 195px);
    width: clamp(240px, calc(400 / 1550 * 100vw), 400px);
  }
  .image-real__item--02 .image-real__item-text {
    width: clamp(240px, calc(400 / 1550 * 100vw), 400px);
  }
  .image-real__item--03 .image-real__item-title {
    top: clamp(56.082px, calc(93.47 / 1550 * 100vw), 93.47px);
  }
  .image-real__item--03 .image-real__item-text {
    width: clamp(240px, calc(400 / 1550 * 100vw), 400px);
  }
}

.layout__sec06_teacher {
  position: relative;
  width: 100%;
  height: calc(2656.86 / 750 * 100vw);
  overflow: hidden;
  color: #191919;
  font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
  .layout__sec06_teacher {
    height: clamp(987.6px, calc(1646 / 1550 * 100vw), 1646px);
  }
}

.teacher__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .teacher__inner {
    left: auto;
    width: clamp(1152px, calc(1920 / 1550 * 100vw), 1920px);
    max-width: none;
    margin-inline: calc((100% - clamp(1152px, calc(1920 / 1550 * 100vw), 1920px)) / 2);
  }
}
.teacher__title {
  top: calc(74.9 / 750 * 100vw);
}
@media (min-width: 768px) {
  .teacher__title {
    top: 0;
  }
}
.teacher__list {
  position: absolute;
  inset: 0;
}
@media (min-width: 768px) {
  .teacher__list {
    top: clamp(93.6px, calc(156 / 1550 * 100vw), 156px);
    bottom: auto;
    height: clamp(535.2px, calc(892 / 1550 * 100vw), 892px);
  }
}
.teacher__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.teacher__bg-item {
  position: absolute;
  display: block;
  height: calc(934 / 750 * 100vw);
  background-color: #2eb4d3;
}
.teacher__bg-item--01 {
  top: calc(294.1 / 750 * 100vw);
  right: calc(-1 / 750 * 100vw);
  width: calc(724 / 750 * 100vw);
  border-radius: calc(82 / 750 * 100vw) 0 0 calc(82 / 750 * 100vw);
}
.teacher__bg-item--02 {
  top: calc(1291 / 750 * 100vw);
  left: 0;
  width: calc(724 / 750 * 100vw);
  border-radius: 0 calc(82 / 750 * 100vw) calc(82 / 750 * 100vw) 0;
}
.teacher__profile {
  position: absolute;
  inset: 0;
  z-index: 1;
  color: #fff;
}
.teacher__image {
  position: absolute;
  z-index: 1;
  display: block;
}
.teacher__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.teacher__profile--01 .teacher__image {
  top: calc(345.9 / 750 * 100vw);
  left: calc(366 / 750 * 100vw);
  width: calc(368.5 / 750 * 100vw);
  height: calc(496.5 / 750 * 100vw);
}
.teacher__profile--01 .teacher__profile-title {
  top: calc(374.7 / 750 * 100vw);
  left: calc(69.9 / 750 * 100vw);
}
.teacher__profile--01 .teacher__profile-name {
  top: calc(527.4 / 750 * 100vw);
  left: calc(50.5 / 750 * 100vw);
  width: calc(397 / 750 * 100vw);
}
.teacher__profile--01 .teacher__profile-text {
  top: calc(609.8 / 750 * 100vw);
}
.teacher__profile--01 .teacher__profile-text::before {
  float: right;
  width: calc(344 / 750 * 100vw);
  height: calc(225 / 750 * 100vw);
  content: "";
}
.teacher__profile--02 .teacher__image {
  top: calc(1370.4 / 750 * 100vw);
  left: calc(34 / 750 * 100vw);
  width: calc(371.7 / 750 * 100vw);
  height: calc(490.7 / 750 * 100vw);
}
.teacher__profile--02 .teacher__profile-title {
  top: calc(1359 / 750 * 100vw);
  left: calc(342 / 750 * 100vw);
}
.teacher__profile--02 .teacher__profile-name {
  top: calc(1527.4 / 750 * 100vw);
  left: calc(375.5 / 750 * 100vw);
  width: calc(325 / 750 * 100vw);
}
.teacher__profile--02 .teacher__profile-text {
  top: calc(1617.2 / 750 * 100vw);
}
.teacher__profile--02 .teacher__profile-text::before {
  float: left;
  width: calc(355 / 750 * 100vw);
  height: calc(225 / 750 * 100vw);
  content: "";
}
.teacher__content {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher__profile-title {
  position: absolute;
  z-index: 2;
  display: flex;
  width: calc(341 / 750 * 100vw);
  height: calc(112 / 750 * 100vw);
  margin: 0;
  align-items: center;
  justify-content: center;
  padding: 0 calc(30 / 750 * 100vw);
  background: url(./img/teacher__subttl-bg--sp.svg) center/100% 100% no-repeat;
  color: #25b6d8;
  font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  font-size: calc(30 / 750 * 100vw);
  font-weight: 700;
  line-height: calc(42 / 30);
  text-align: left;
}
.teacher__profile-text {
  position: absolute;
  left: calc(74 / 750 * 100vw);
  z-index: 2;
  width: calc(636 / 750 * 100vw);
  margin: 0;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  line-height: calc(52 / 28);
  text-align: left;
}
.teacher__profile-text--nth-2 {
  left: calc(52 / 750 * 100vw);
}
.teacher__profile-name {
  position: absolute;
  z-index: 2;
  display: flex;
  height: calc(50 / 750 * 100vw);
  margin: 0;
  align-items: center;
  justify-content: center;
  border: calc(1 / 750 * 100vw) solid #fff;
  border-radius: 999px;
  background-color: #666;
  color: #fff;
  font-size: calc(25 / 750 * 100vw);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.teacher__related-link {
  position: absolute;
  top: calc(2332.9 / 750 * 100vw);
  left: calc(52.6 / 750 * 100vw);
  z-index: 2;
  display: block;
  width: calc(646.5 / 750 * 100vw);
  height: calc(170 / 750 * 100vw);
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.35));
  transition: opacity 0.3s;
}
.teacher__related-link picture,
.teacher__related-link img {
  display: block;
  width: 100%;
  height: 100%;
}
.teacher__related-link:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .teacher__bg-item {
    height: clamp(247.8px, calc(413 / 1550 * 100vw), 413px);
    border-radius: 0;
  }
  .teacher__bg-item--01 {
    top: 0;
    left: 9%;
    right: 0;
    width: auto;
    border-radius: clamp(68.4px, calc(114 / 1550 * 100vw), 114px) 0 0 clamp(68.4px, calc(114 / 1550 * 100vw), 114px);
  }
  .teacher__bg-item--02 {
    top: clamp(287.4px, calc(479 / 1550 * 100vw), 479px);
    left: 0;
    right: 9.05%;
    width: auto;
    border-radius: 0 clamp(68.4px, calc(114 / 1550 * 100vw), 114px) clamp(68.4px, calc(114 / 1550 * 100vw), 114px) 0;
  }
  .teacher__profile--01 .teacher__image {
    top: clamp(3.6px, calc(6 / 1550 * 100vw), 6px);
    left: clamp(177.546px, calc(295.91 / 1550 * 100vw), 295.91px);
    width: clamp(248.19px, calc(413.65 / 1550 * 100vw), 413.65px);
    height: clamp(244.8px, calc(408 / 1550 * 100vw), 408px);
  }
  .teacher__profile--01 .teacher__profile-title {
    top: clamp(34.5px, calc(57.5 / 1550 * 100vw), 57.5px);
    left: clamp(393.048px, calc(655.08 / 1550 * 100vw), 655.08px);
    width: clamp(372.516px, calc(620.86 / 1550 * 100vw), 620.86px);
    padding-right: 0;
    padding-left: clamp(53.388px, calc(88.98 / 1550 * 100vw), 88.98px);
    background-image: url(./img/teacher__subttl-bg01--pc.svg);
  }
  .teacher__profile--01 .teacher__profile-name {
    top: clamp(188.7px, calc(314.5 / 1550 * 100vw), 314.5px);
    left: clamp(394.5px, calc(657.5 / 1550 * 100vw), 657.5px);
    width: clamp(238.2px, calc(397 / 1550 * 100vw), 397px);
  }
  .teacher__profile--01 .teacher__profile-text {
    top: clamp(89.502px, calc(149.17 / 1550 * 100vw), 149.17px);
    left: clamp(394.608px, calc(657.68 / 1550 * 100vw), 657.68px);
  }
  .teacher__profile--01 .teacher__profile-text::before {
    display: none;
  }
  .teacher__profile--02 .teacher__image {
    top: clamp(290.4px, calc(484 / 1550 * 100vw), 484px);
    left: clamp(730.464px, calc(1217.44 / 1550 * 100vw), 1217.44px);
    width: clamp(248.19px, calc(413.65 / 1550 * 100vw), 413.65px);
    height: clamp(244.8px, calc(408 / 1550 * 100vw), 408px);
  }
  .teacher__profile--02 .teacher__profile-title {
    top: clamp(320.7px, calc(534.5 / 1550 * 100vw), 534.5px);
    left: clamp(211.32px, calc(352.2 / 1550 * 100vw), 352.2px);
    width: clamp(300.972px, calc(501.62 / 1550 * 100vw), 501.62px);
    padding-right: 0;
    padding-left: clamp(50.724px, calc(84.54 / 1550 * 100vw), 84.54px);
    background-image: url(./img/teacher__subttl-bg02--pc.svg);
  }
  .teacher__profile--02 .teacher__profile-name {
    top: clamp(474.9px, calc(791.5 / 1550 * 100vw), 791.5px);
    left: clamp(557.7px, calc(929.5 / 1550 * 100vw), 929.5px);
    width: clamp(195px, calc(325 / 1550 * 100vw), 325px);
  }
  .teacher__profile--02 .teacher__profile-text {
    top: clamp(379.566px, calc(632.61 / 1550 * 100vw), 632.61px);
    left: clamp(215.73px, calc(359.55 / 1550 * 100vw), 359.55px);
  }
  .teacher__profile--02 .teacher__profile-text::before {
    display: none;
  }
  .teacher__profile-title {
    height: clamp(45px, calc(75 / 1550 * 100vw), 75px);
    padding: 0 clamp(24px, calc(40 / 1550 * 100vw), 40px);
    justify-content: flex-start;
    font-size: clamp(18px, calc(30 / 1550 * 100vw), 30px);
    line-height: calc(43 / 30);
    text-align: left;
    white-space: nowrap;
  }
  .teacher__profile-title br {
    display: none;
  }
  .teacher__profile-text {
    width: clamp(539.4px, calc(899 / 1550 * 100vw), 899px);
    font-size: clamp(12px, calc(20 / 1550 * 100vw), 20px);
    line-height: calc(37 / 20);
  }
  .teacher__profile-name {
    height: clamp(30px, calc(50 / 1550 * 100vw), 50px);
    border-width: clamp(0.6px, calc(1 / 1550 * 100vw), 1px);
    font-size: clamp(15px, calc(25 / 1550 * 100vw), 25px);
  }
  .teacher__related-link {
    top: clamp(741.75px, calc(1236.25 / 1550 * 100vw), 1236.25px);
    left: clamp(256.86px, calc(428.1 / 1550 * 100vw), 428.1px);
    width: clamp(589.002px, calc(981.67 / 1550 * 100vw), 981.67px);
    height: clamp(154.83px, calc(258.05 / 1550 * 100vw), 258.05px);
  }
}

.contents {
  padding: calc(100/750*100vw) 0 calc(118/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .contents {
    padding: clamp(156px*0.7, 156/1440*100vw, 156px) 0 clamp(142px*0.7, 142/1440*100vw, 142px);
  }
}
@media (min-width: 768px) {
  .contents .inner-layout {
    width: clamp(1198px*0.6, 1198/1440*100vw, 1198px);
    margin-inline: auto;
  }
}
.contents ol {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  gap: calc(52/750*100vw) 0;
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
@media (min-width: 768px) {
  .contents ol {
    gap: inherit;
    flex-direction: row;
    justify-content: space-between;
  }
}
.contents li {
  width: calc(416/750*100vw);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  filter: drop-shadow(calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 5px rgba(160, 160, 160, 0.6));
}
@media (min-width: 768px) {
  .contents li {
    filter: drop-shadow(6px 6px 5px rgba(160, 160, 160, 0.6));
  }
}
@media (min-width: 768px) {
  .contents li {
    width: 30.4%;
  }
}
.contents li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contents li:nth-of-type(1) {
  background-image: url(./img/content-bg-01.svg);
}
.contents li:nth-of-type(2) {
  background-image: url(./img/content-bg-02.svg);
}
.contents li:nth-of-type(3) {
  background-image: url(./img/content-bg-03.svg);
}
.contents li .nom {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
  position: absolute;
  top: -0.025em;
  left: 0.45em;
  font-size: calc(180/750*100vw);
  color: var(--white);
  opacity: 0.5;
  z-index: 1;
}
@media (min-width: 768px) {
  .contents li .nom {
    font-size: clamp(150px*0.6, 150/1440*100vw, 150px);
  }
}
.contents li .ttl {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: "palt";
  position: absolute;
  top: 1.55em;
  left: 0.65em;
  font-size: calc(60/750*100vw);
  letter-spacing: -0.05em;
  color: var(--white);
  z-index: 2;
}
@media (min-width: 768px) {
  .contents li .ttl {
    font-size: clamp(50px*0.6, 50/1440*100vw, 50px);
  }
}
.contents li .text {
  font-size: calc(36/750*100vw);
  font-weight: 700;
  line-height: 1.527em;
  text-align: center;
  margin-top: 7.4em;
  display: block;
}
@media (min-width: 768px) {
  .contents li .text {
    font-size: clamp(30px*0.6, 30/1440*100vw, 30px);
  }
}
.contents .paper-balloon {
  position: absolute;
  aspect-ratio: 1/1;
  inset: 0;
  width: 100%;
  margin: auto;
  top: auto;
  bottom: calc(-16/750*100vw);
  left: calc(500 / 750 * 100vw);
  width: calc(96/750*100vw);
}
.contents .paper-balloon img {
  width: 100%;
  aspect-ratio: 1/1;
  transform-origin: center center;
  opacity: 0.6;
}
@media (min-width: 768px) {
  .contents .paper-balloon {
    width: clamp(148px*0.6, 148/1440*100vw, 148px);
    bottom: clamp(-40px, -40/1440*100vw, -40px*0.6);
    left: clamp(1350px*0.6, 1350/1440*100vw, 1350px);
  }
}
.contents .paper-balloon img {
  transform: rotate(-141deg);
}

.advice {
  padding: 0 0 calc(102/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .advice {
    padding: 0 0 clamp(410px*0.6, 410/1440*100vw, 410px);
  }
}
@media (min-width: 768px) {
  .advice .inner-layout {
    width: clamp(1198px*0.6, 1198/1440*100vw, 1198px);
    margin-inline: auto;
  }
}
.advice ol {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  gap: calc(62/750*100vw) 0;
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
@media (min-width: 768px) {
  .advice ol {
    gap: inherit;
    flex-direction: row;
    justify-content: space-between;
  }
}
.advice li {
  width: calc(416/750*100vw);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  filter: drop-shadow(calc(8 / 750 * 100vw) calc(8 / 750 * 100vw) 5px rgba(160, 160, 160, 0.6));
  font-size: calc(25/750*100vw);
  font-weight: 500;
}
@media (min-width: 768px) {
  .advice li {
    filter: drop-shadow(6px 6px 5px rgba(160, 160, 160, 0.6));
  }
}
@media (min-width: 768px) {
  .advice li {
    width: 30.4%;
    font-size: clamp(16px*0.6, 16/1440*100vw, 16px);
  }
}
.advice li:nth-of-type(1) {
  background-image: url(./img/advisor-bg-01.svg);
}
.advice li:nth-of-type(1) .person {
  width: calc(225/750*100vw);
  right: calc(-60/750*100vw);
}
@media (min-width: 768px) {
  .advice li:nth-of-type(1) .person {
    width: clamp(196px*0.6, 196/1440*100vw, 196px);
    right: 0;
  }
}
.advice li:nth-of-type(2) {
  background-image: url(./img/advisor-bg-02.svg);
}
.advice li:nth-of-type(2) .person {
  width: calc(269/750*100vw);
  right: calc(-68/750*100vw);
}
@media (min-width: 768px) {
  .advice li:nth-of-type(2) .person {
    width: clamp(233px*0.6, 233/1440*100vw, 233px);
    right: clamp(-6px, -6/1440*100vw, -6px*0.6);
  }
}
.advice li:nth-of-type(3) {
  background-image: url(./img/advisor-bg-03.svg);
}
.advice li:nth-of-type(3) .person {
  width: calc(276/750*100vw);
  right: calc(-80/750*100vw);
}
@media (min-width: 768px) {
  .advice li:nth-of-type(3) .person {
    width: clamp(248px*0.6, 248/1440*100vw, 248px);
    right: clamp(-8px, -8/1440*100vw, -8px*0.6);
  }
}
.advice li .ttl {
  font-size: 1.4em;
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  letter-spacing: -0.1em;
  display: block;
  padding: 0.55em 0.75em;
  line-height: 1.15;
}
@media (min-width: 768px) {
  .advice li .ttl {
    font-size: clamp(30px*0.6, 30/1440*100vw, 30px);
    padding: 2em 1em;
  }
}
.advice li .person {
  position: absolute;
  bottom: 0;
}
.advice li .person img {
  width: 100%;
}
@media (min-width: 768px) {
  .advice li .textwrap {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: block;
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1.6875em;
  }
}
.advice li .namesbox {
  background: rgba(255, 255, 255, 0.8);
  border-radius: calc(37/750*100vw);
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 0.8em 1.2em;
}
@media (min-width: 768px) {
  .advice li .namesbox {
    position: static;
    background: none;
    padding: 0;
  }
}
.advice li .name {
  font-size: 1.6em;
}
@media (min-width: 768px) {
  .advice li .name {
    font-size: 2em;
  }
}
@media (min-width: 768px) {
  .advice li .designation {
    font-size: 1.125em;
  }
}
.advice li .description {
  line-height: 1.56;
  margin-left: 1.15em;
  display: block;
}
@media (min-width: 768px) {
  .advice li .description {
    margin-left: 0;
    min-height: 3.12em;
    margin-top: 0.5em;
  }
}
@media (min-width: 768px) {
  .advice li .description br.sponly {
    display: none;
  }
}
.advice li .description br.pconly {
  display: none;
}
@media (min-width: 768px) {
  .advice li .description br.pconly {
    display: block;
  }
}

.advice-detail {
  padding: 0 0 calc(102/750*100vw);
  position: relative;
}
@media (min-width: 768px) {
  .advice-detail {
    padding: 0 0 clamp(250px*0.6, 250/1440*100vw, 250px);
  }
}
.advice-detail .inner-layout {
  width: 86.666%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .advice-detail .inner-layout {
    width: clamp(1198px*0.6, 1198/1440*100vw, 1198px);
    margin-inline: auto;
  }
}
.advice-detail .advice-content {
  width: 100%;
  background: var(--white);
  border-radius: calc(17/750*100vw);
  position: relative;
  font-size: calc(28/750*100vw);
  padding-bottom: 0.01em;
}
@media (min-width: 768px) {
  .advice-detail .advice-content {
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
    font-size: clamp(20px*0.6, 20/1440*100vw, 20px);
  }
}
.advice-detail .advice-content.type-border {
  background: none;
  border: solid 1px #a293cf;
}
.advice-detail .advice-content p {
  font-size: calc(28/750*100vw);
}
@media (min-width: 768px) {
  .advice-detail .advice-content p {
    font-size: clamp(20px*0.6, 20/1440*100vw, 20px);
  }
}
.advice-detail .main-ttl {
  font-size: calc(36/750*100vw);
  text-align: center;
  font-weight: 700;
  line-height: 1.527;
  position: relative;
  z-index: 2;
  padding-top: 2em;
  margin-bottom: 1.25em;
}
@media (min-width: 768px) {
  .advice-detail .main-ttl {
    font-size: clamp(37px*0.6, 37/1440*100vw, 37px);
  }
}
@media (min-width: 768px) {
  .advice-detail .main-ttl br {
    display: none;
  }
}
.advice-detail .lead {
  width: calc(535/750*100vw);
  margin-inline: auto;
  font-weight: 500;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .advice-detail .lead {
    width: 100%;
    text-align: center;
    margin-bottom: 3.5em;
  }
}
.advice-detail .lead.center {
  text-align: center;
}
.advice-detail .lead .small {
  font-size: 0.714em;
  line-height: 1;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .advice-detail .lead .small {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  .advice-detail .lead br.sponly {
    display: none;
  }
}
.advice-detail .advice-textwrap {
  margin-left: auto;
  border-radius: calc(30/750*100vw) 0 0 calc(30/750*100vw);
  width: 95.5%;
  margin-bottom: 2.75em;
  padding-top: 1.25em;
  padding-bottom: 2.73em;
}
@media (min-width: 768px) {
  .advice-detail .advice-textwrap {
    width: 88.5%;
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px) 0 0 clamp(30px*0.6, 30/1440*100vw, 30px);
    padding-top: 2.25em;
    padding-bottom: 3.73em;
  }
}
.advice-detail .advice-textwrap.green {
  background: #c8ce8a;
}
.advice-detail .advice-textwrap.blue {
  background: #dadaf2;
}
.advice-detail .advice-textwrap.red {
  background: #e8bad2;
}
.advice-detail .advice-textwrap.reverse-textwrap {
  border-radius: 0 calc(30/750*100vw) calc(30/750*100vw) 0;
  margin-left: 0;
}
@media (min-width: 768px) {
  .advice-detail .advice-textwrap.reverse-textwrap {
    border-radius: 0 clamp(30px*0.6, 30/1440*100vw, 30px) clamp(30px*0.6, 30/1440*100vw, 30px) 0;
  }
}
@media (min-width: 768px) {
  .advice-detail .advice-textwrap.reverse-textwrap .inner {
    margin-left: 12.8%;
  }
}

.advice-1 .inner {
  width: 88.566%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .advice-1 .inner {
    width: 81.5%;
    margin-inline: inherit;
    margin: 0;
    margin-left: 5.6%;
  }
}
.advice-1 .inner-ttl {
  display: flex;
  flex-direction: column;
  font-size: calc(28/750*100vw);
  margin-bottom: 1.25em;
}
@media (min-width: 768px) {
  .advice-1 .inner-ttl {
    font-size: clamp(30px*0.6, 30/1440*100vw, 30px);
  }
}
.advice-1 .inner-ttl .en {
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  opacity: 0.7;
  font-size: 1.964em;
}
@media (min-width: 768px) {
  .advice-1 .inner-ttl .en {
    font-size: 2.333em;
  }
}
.advice-1 .inner-ttl .jp {
  line-height: 1.642;
  margin-top: 0.3em;
  font-weight: 700;
}
@media (min-width: 768px) {
  .advice-1 .inner-ttl .jp br {
    display: none;
  }
}
.advice-1 .inner-box {
  padding: 1.7em 0;
  border-top: solid 1px var(--white);
}
@media (min-width: 768px) {
  .advice-1 .inner-box {
    display: flex;
    justify-content: space-between;
  }
}
.advice-1 .inner-box:last-of-type {
  border-bottom: solid 1px var(--white);
}
@media (min-width: 768px) {
  .advice-1 .inner-box.reverse-tmb {
    flex-direction: row-reverse;
  }
}
.advice-1 .inner-box.reverse-tmb .inner-box-tmb {
  float: right;
  margin-left: 1.25em;
  margin-right: 0;
}
@media (min-width: 768px) {
  .advice-1 .inner-box.reverse-tmb .inner-box-tmb {
    float: none;
    margin-left: 3em;
  }
}
.advice-1 .inner-box-tmb {
  width: calc(281/750*100vw);
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  font-size: calc(25/750*100vw);
  font-weight: 500;
  float: left;
  margin-right: 1.25em;
}
@media (min-width: 768px) {
  .advice-1 .inner-box-tmb {
    width: clamp(160px*0.6, 160/1440*100vw, 160px);
    font-size: clamp(14px, 14/1440*100vw, 14px);
    float: none;
    margin-right: 3em;
    flex-shrink: 0;
    align-self: baseline;
  }
}
.advice-1 .inner-box-tmb.student {
  background-image: url(./img/advisor-bg-01.svg);
}
.advice-1 .inner-box-tmb.student .inner-box-tmb-person {
  right: -5.3%;
}
.advice-1 .inner-box-tmb.staff {
  background-image: url(./img/advisor-bg-02.svg);
}
.advice-1 .inner-box-tmb.staff .inner-box-tmb-person {
  right: -5.3%;
}
.advice-1 .inner-box-tmb.professor {
  background-image: url(./img/advisor-bg-03.svg);
}
.advice-1 .inner-box-tmb.professor .inner-box-tmb-person {
  right: -11.4%;
}
.advice-1 .inner-box-tmb .inner-box-tmb-ttl {
  font-size: 0.8em;
  font-family: ab-kokoro-no2, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  letter-spacing: -0.1em;
  display: block;
  padding: 1.55em 1.25em;
  line-height: 1.15;
}
.advice-1 .inner-box-tmb .inner-box-tmb-person {
  position: absolute;
  bottom: 0;
  width: 71.8%;
}
.advice-1 .inner-box-tmb .inner-box-tmb-person img {
  width: 100%;
}
.advice-1 p.inner-box-text {
  line-height: 1.785;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-1 p.inner-box-text {
    font-size: clamp(18px*0.6, 18/1440*100vw, 18px);
  }
}

.faq__list {
  width: 84.3%;
  margin-inline: auto;
  list-style: none;
  font-size: calc(28/750*100vw);
  margin-bottom: 2.5em;
  padding: 0;
  gap: 1.57em 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .faq__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 92.5%;
    font-size: clamp(28px*0.6, 28/1440*100vw, 28px);
    gap: 1.1785em;
  }
}

.faq-card {
  position: relative;
  width: 100%;
  aspect-ratio: 548/421;
}
@media (min-width: 768px) {
  .faq-card {
    aspect-ratio: 1/1;
    width: 31%;
  }
}
.faq-card .faq-card__num {
  font-size: 0.92em;
  font-weight: 700;
  color: #666666;
  position: absolute;
  top: 0.75em;
  left: 1.25em;
}
@media (min-width: 768px) {
  .faq-card .faq-card__num {
    font-size: 0.715em;
  }
}
.faq-card .faq-card__num.white {
  color: var(--white);
}
.faq-card .faq-card__question {
  font-size: 1.14em;
  font-weight: 700;
  line-height: 1.5625;
}
@media (min-width: 768px) {
  .faq-card .faq-card__question {
    font-size: 1em;
  }
}
.faq-card.is-open .faq-card__front {
  transform: rotateY(-180deg);
  pointer-events: none;
}
.faq-card.is-open .faq-card__back {
  opacity: 1;
  transform: rotateY(0deg);
  pointer-events: auto;
}
.faq-card.card-green .faq-card__corner {
  background-image: url(./img/btn-open-green.svg);
}
.faq-card.card-blue .faq-card__corner {
  background-image: url(./img/btn-open-blue.svg);
}
.faq-card.card-red .faq-card__corner {
  background-image: url(./img/btn-open-red.svg);
}

.faq-card__front,
.faq-card__back {
  position: absolute;
  inset: 0;
  border-radius: calc(30/750*100vw);
  transition: transform 0.6s ease, opacity 0.3s ease;
  backface-visibility: hidden;
}
@media (min-width: 768px) {
  .faq-card__front,
.faq-card__back {
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
  }
}

.faq-card__front {
  background: var(--white);
  border: 0;
  cursor: pointer;
}
.faq-card__front:hover .faq-card__corner {
  transform-origin: top right;
  transform: scale(1.2);
}
.faq-card__front:hover .open {
  opacity: 1;
}

.faq-card__back {
  color: #fff;
  opacity: 0;
  border: 0;
  transform: rotateY(180deg);
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.faq-card__back:hover .faq-card__corner {
  transform-origin: top right;
  transform: scale(1.2);
}
.faq-card__back:hover .open {
  opacity: 1;
}
.faq-card__back:hover .icon-close {
  top: 1.5em;
  right: 1.5em;
}

.faq-card__corner {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(61/750*100vw);
  height: calc(61/750*100vw);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .faq-card__corner {
    width: clamp(61px*0.6, 61/1440*100vw, 61px);
    height: clamp(61px*0.6, 61/1440*100vw, 61px);
  }
}
.faq-card__corner .open {
  opacity: 0;
  font-weight: 500;
  color: var(--white);
  font-size: 0.45em;
  display: block;
  transform-origin: center center;
  transform: rotate(45deg) translateX(0em) translateY(0.9em);
  transition: 0.3s;
}
.faq-card__corner.close-bg {
  background-image: url(./img/btn-close.svg) !important;
}

.icon-close {
  display: block;
  width: 0.6em;
  height: 0.6em;
  background-image: url(./img/icon-close.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 1.15em;
  right: 1.15em;
  transition: 0.3s;
}

.faq-card.card-01 .faq-card__back {
  background-image: url(./img/faq-card__back-01.png);
}
@media (min-width: 768px) {
  .faq-card.card-01 .faq-card__back {
    background-image: url(./img/faq-card__back-01--pc@2x.png);
  }
}
.faq-card.card-02 .faq-card__back {
  background-image: url(./img/faq-card__back-02.png);
}
@media (min-width: 768px) {
  .faq-card.card-02 .faq-card__back {
    background-image: url(./img/faq-card__back-02--pc@2x.png);
  }
}
.faq-card.card-03 .faq-card__back {
  background-image: url(./img/faq-card__back-03.png);
}
@media (min-width: 768px) {
  .faq-card.card-03 .faq-card__back {
    background-image: url(./img/faq-card__back-03--pc@2x.png);
  }
}
.faq-card.card-04 .faq-card__back {
  background-image: url(./img/faq-card__back-04.png);
}
@media (min-width: 768px) {
  .faq-card.card-04 .faq-card__back {
    background-image: url(./img/faq-card__back-04--pc@2x.png);
  }
}
.faq-card.card-05 .faq-card__back {
  background-image: url(./img/faq-card__back-05.png);
}
@media (min-width: 768px) {
  .faq-card.card-05 .faq-card__back {
    background-image: url(./img/faq-card__back-05--pc@2x.png);
  }
}
.faq-card.card-06 .faq-card__back {
  background-image: url(./img/faq-card__back-06.png);
}
@media (min-width: 768px) {
  .faq-card.card-06 .faq-card__back {
    background-image: url(./img/faq-card__back-06--pc@2x.png);
  }
}
.faq-card.card-07 .faq-card__back {
  background-image: url(./img/faq-card__back-07.png);
}
@media (min-width: 768px) {
  .faq-card.card-07 .faq-card__back {
    background-image: url(./img/faq-card__back-07--pc@2x.png);
  }
}
.faq-card.card-08 .faq-card__back {
  background-image: url(./img/faq-card__back-08.png);
}
@media (min-width: 768px) {
  .faq-card.card-08 .faq-card__back {
    background-image: url(./img/faq-card__back-08--pc@2x.png);
  }
}
.faq-card.card-09 .faq-card__back {
  background-image: url(./img/faq-card__back-09.png);
}
@media (min-width: 768px) {
  .faq-card.card-09 .faq-card__back {
    background-image: url(./img/faq-card__back-09--pc@2x.png);
  }
}

@media (min-width: 768px) {
  .advice-3 {
    padding-bottom: clamp(132px*0.6, 132/1920*100vw, 132px);
  }
}
@media (min-width: 768px) {
  .advice-3 .inner-layout {
    width: clamp(1198px*0.6, 1628/1920*100vw, 1628px);
  }
}

.advice-3__01 {
  width: 84.6%;
  background: var(--back);
  margin-inline: auto;
  border-radius: calc(30/750*100vw);
  margin-bottom: calc(45/750*100vw);
}
@media (min-width: 768px) {
  .advice-3__01 {
    width: clamp(1198px*0.5, 92.5%, 1198px);
    border-radius: clamp(30px*0.6, 30/1440*100vw, 30px);
    margin-bottom: clamp(90px*0.6, 90/1440*100vw, 90px);
    padding-top: clamp(32px*0.6, 32/1440*100vw, 32px);
  }
}
.advice-3__01 .advice-3__01--ttl {
  position: relative;
  width: 118.2%;
  margin-left: -9.1%;
}
@media (min-width: 768px) {
  .advice-3__01 .advice-3__01--ttl {
    width: 74.5%;
    margin-left: 0;
    margin-inline: auto;
    margin-bottom: clamp(46px*0.6, 46/1440*100vw, 46px);
  }
}
.advice-3__01 .inner {
  width: 89.454%;
  margin-inline: auto;
  font-size: calc(28/750*100vw);
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  .advice-3__01 .inner {
    font-size: clamp(18px*0.6, 18/1440*100vw, 18px);
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .advice-3__01 .inner .col2-item {
    width: 47.7%;
  }
}
.advice-3__01 .inner .ttlsmall {
  font-size: calc(28/750*100vw);
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  .advice-3__01 .inner .ttlsmall {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(24px*0.6, 24/1440*100vw, 24px);
  }
}
.advice-3__01 .inner .ttlsmall .tag {
  color: var(--white);
  padding: 0 0.25em;
}
@media (min-width: 768px) {
  .advice-3__01 .inner .ttlsmall .tag {
    padding: 0.25em 0.5em;
    font-size: clamp(15px*0.6, 15/1440*100vw, 15px);
  }
}
.advice-3__01 .inner .ttlsmall .ping {
  background: #d9558e;
}
.advice-3__01 .inner .ttlsmall .gray {
  background: #9a9a9a;
}
.advice-3__01 .inner p {
  font-size: calc(28/750*100vw);
  line-height: 1.78;
  margin-bottom: 1.5em;
}
@media (min-width: 768px) {
  .advice-3__01 .inner p {
    font-size: clamp(18px*0.6, 18/1440*100vw, 18px);
  }
}

.advice-3__02 {
  width: 100%;
  margin-inline: auto;
}
.advice-3__02 .advice-3__02--ttl {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .advice-3__02 .advice-3__02--ttl {
    width: clamp(865px*0.6, 865/1440*100vw, 865px);
    margin-inline: auto;
    margin-bottom: clamp(20px*0.6, 20/1440*100vw, 20px);
  }
}
.advice-3__02 .advice-3__02--ttl img {
  width: 100%;
}
@media (min-width: 768px) {
  .advice-3__02 .advice-3__02--ttl img {
    position: relative;
    right: clamp(10px*0.6, 10/1440*100vw, 10px);
  }
}
.advice-3__02 .inner {
  width: 84.6%;
  margin-inline: auto;
  font-size: calc(28/750*100vw);
  padding-bottom: 3em;
}
@media (min-width: 768px) {
  .advice-3__02 .inner {
    width: clamp(1198px*0.5, 92.5%, 1440px);
    padding-bottom: 1em;
  }
}
.advice-3__02 .schedule-tabs {
  width: 100%;
}
.advice-3__02 .schedule-tabs__nav {
  display: flex;
  justify-content: center;
  gap: 0 3%;
  width: 100%;
  margin-bottom: calc(42/750*100vw);
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-tabs__nav {
    margin-inline: auto;
    width: clamp(834px*0.6, 834/1440*100vw, 834px);
    gap: 0 16%;
    margin-bottom: clamp(66px*0.6, 66/1440*100vw, 66px);
  }
}
.advice-3__02 .schedule-tabs__btn {
  width: 48.5%;
  aspect-ratio: 268/64;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-tabs__btn {
    width: 42%;
  }
}
.advice-3__02 .schedule-tabs__btn.date0718 {
  background-image: url(./img/btn__0718@3x.png);
}
.advice-3__02 .schedule-tabs__btn.date0718.is-active {
  background-image: url(./img/btn__0718--active@3x.png);
}
.advice-3__02 .schedule-tabs__btn.date0719 {
  background-image: url(./img/btn__0719@3x.png);
}
.advice-3__02 .schedule-tabs__btn.date0719.is-active {
  background-image: url(./img/btn__0719--active@3x.png);
}
.advice-3__02 .date-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.24em 0;
  width: 100%;
}
@media (min-width: 768px) {
  .advice-3__02 .date-wrap {
    width: 46.8%;
  }
}
.advice-3__02 .date-wrap.date0718-nom-1 .schedule-ttl {
  border-bottom: solid 2.5px #c681a2;
}
.advice-3__02 .date-wrap.date0718-nom-1 .schedule-item {
  border-bottom: dotted 1px #c681a2;
}
.advice-3__02 .date-wrap.date0718-nom-2 .schedule-ttl {
  border-bottom: solid 2.5px #a182c4;
}
.advice-3__02 .date-wrap.date0718-nom-2 .schedule-item {
  border-bottom: dotted 1px #a182c4;
}
.advice-3__02 .date-wrap.date0718-nom-3 .schedule-ttl {
  border-bottom: solid 2.5px #82a6c4;
}
.advice-3__02 .date-wrap.date0718-nom-3 .schedule-item {
  border-bottom: dotted 1px #82a6c4;
}
.advice-3__02 .date-wrap.date0718-nom-4 .schedule-ttl {
  border-bottom: solid 2.5px #acc482;
}
.advice-3__02 .date-wrap.date0718-nom-4 .schedule-item {
  border-bottom: dotted 1px #acc482;
}
.advice-3__02 .date-wrap.date0719-nom-1 .schedule-ttl {
  border-bottom: solid 2.5px #acc482;
}
.advice-3__02 .date-wrap.date0719-nom-1 .schedule-item {
  border-bottom: dotted 1px #acc482;
}
.advice-3__02 .date-wrap.date0719-nom-2 .schedule-ttl {
  border-bottom: solid 2.5px #b7974f;
}
.advice-3__02 .date-wrap.date0719-nom-2 .schedule-item {
  border-bottom: dotted 1px #b7974f;
}
.advice-3__02 .date-wrap.date0719-nom-3 .schedule-ttl {
  border-bottom: solid 2.5px #7fdb7f;
}
.advice-3__02 .date-wrap.date0719-nom-3 .schedule-item {
  border-bottom: dotted 1px #7fdb7f;
}
.advice-3__02 .date-wrap.date0719-nom-4 .schedule-ttl {
  border-bottom: solid 2.5px #dbd265;
}
.advice-3__02 .date-wrap.date0719-nom-4 .schedule-item {
  border-bottom: dotted 1px #dbd265;
}
.advice-3__02 .schedule-tabs__panel {
  width: 100%;
  font-size: calc(26/750*100vw);
  display: flex;
  flex-direction: column;
  gap: 3.5em 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-tabs__panel {
    font-size: clamp(18px*0.75, 18/1780*100vw, 18px);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3.5em 6.4%;
  }
}
.advice-3__02 .schedule-ttl {
  font-size: calc(28/750*100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em 0;
  padding-bottom: 0.65em;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-ttl {
    font-size: clamp(24px*0.75, 24/1780*100vw, 24px);
  }
}
.advice-3__02 .schedule-ttl .top {
  line-height: 1;
  display: flex;
  align-items: center;
}
.advice-3__02 .schedule-ttl .top img {
  width: 1.16em;
  margin-left: 0.2em;
}
.advice-3__02 .schedule-ttl .bottm {
  line-height: 1;
}
.advice-3__02 .schedule-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: calc(26/750*100vw);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-list {
    font-size: clamp(18px*0.75, 18/1780*100vw, 18px);
  }
}
.advice-3__02 .schedule-item {
  width: 100%;
  padding: 0.77em 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 1em;
    padding: 0.77em 0.5em 0.77em 1em;
  }
}
.advice-3__02 .schedule-item__head {
  display: flex;
  margin-bottom: 0.92em;
  align-items: center;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item__head {
    margin-bottom: 0;
  }
}
.advice-3__02 .schedule-item__time {
  font-family: "din-condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 0;
  border: solid 1px var(--black);
  font-feature-settings: "palt";
  padding: 0.15em;
  line-height: 1;
  display: block;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item__time {
    font-size: 1.25em;
    padding: 0.15em 0.35em;
  }
}
.advice-3__02 .schedule-item__ttl {
  font-size: calc(26/750*100vw);
  margin-bottom: 0;
  white-space: nowrap;
  align-items: center;
  line-height: 1.3;
  margin-left: 0.35em;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .advice-3__02 .schedule-item__ttl {
    margin-left: 0.5em;
    white-space: wrap;
    font-size: clamp(18px*0.75, 18/1780*100vw, 18px);
  }
}
.advice-3__02 .schedule-item__ttl .small-ex {
  font-size: 0.615em;
}
.advice-3__02 .schedule-item__foot {
  display: flex;
  margin-left: auto;
  width: fit-content;
  align-items: center;
}
.advice-3__02 p.schedule-item__place {
  font-size: 0.92em;
  margin-bottom: 0;
  line-height: 1.2;
  font-feature-settings: "palt";
  white-space: nowrap;
  font-weight: 500;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-item__place {
    font-size: 0.833em;
    white-space: wrap;
  }
}
.advice-3__02 p.schedule-item__status {
  font-size: 0.92em;
  margin-bottom: 0;
  line-height: 1.2;
  font-feature-settings: "palt";
  padding: 0 0.15em;
  background: #9a9a9a;
  color: var(--white);
  white-space: nowrap;
  margin-left: 0.75em;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-item__status {
    font-size: 0.833em;
    text-align: center;
    width: 5em;
    padding: 0.25em 0;
  }
}
.advice-3__02 p.schedule-item__status.required {
  background: #d9558e;
}
.advice-3__02 p.schedule-text {
  font-size: calc(22/750*100vw);
  line-height: 1.55;
  margin-top: 0.5em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-text {
    line-height: 2;
    font-size: clamp(15px*0.75, 15/1780*100vw, 15px);
  }
}
.advice-3__02 p.schedule-text .blcok_space {
  display: inline;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-text .blcok_space {
    display: none;
  }
}
.advice-3__02 p.schedule-text .schedule-item__status {
  font-size: 1.1em;
  margin-bottom: 0;
  line-height: 1.7;
  font-feature-settings: "palt";
  padding: 0 0.15em;
  background: #9a9a9a;
  color: var(--white);
  white-space: nowrap;
  margin: 0 0.35em;
}
.advice-3__02 p.schedule-text .schedule-item__status.required {
  background: #d9558e;
}
@media (min-width: 768px) {
  .advice-3__02 p.schedule-text.center {
    text-align: center;
    margin-inline: auto;
  }
}

.share {
  background: white;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .share {
    padding-top: 70px;
  }
}

/*# sourceMappingURL=stydy31.css.map */