:root {
  --color-pink: #FFB7CE;
  --color-purple: #C3B8EA;
  --color-blue: #7FDCEC;
  --color-text: #121212;
  --leading-trim: calc((1em - 1lh) / 2);
}

.bg-purple {
  background: var(--color-purple);
}
.bg-pink {
  background: var(--color-pink);
}
.bg-blue {
  background: var(--color-blue);
}
.sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}
a:hover {
  color: var(--color-text);
}
ul{
  padding: 0;
}
body.page-template-page-gakubueducation  {
  background: url("../img/academics/education/2602/bg_beige02.png") repeat ;
}
body.page-template-page-subjectElementary,
body.page-template-page-subjectKindergarten,
body.page-template-page-subjectEnglishTeacher
 {
  background: url("../img/academics/education/2602/elementary/elementary_bg.png") repeat ;
}
html.is-fixed {
  overflow: hidden;
  position: fixed;
  top: var(--scroll-y);
  left: 0;
  width: 100%;
}
body.page-template-page-gakubueducation .l-header,
body.page-template-page-subjectElementaryJuniorhigh .l-header,
body.page-template-page-subjectKindergarten .l-header,
body.page-template-page-subjectEnglishTeacher .l-header {
  background: #fff;
}  
#pageMain {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 16px;
  padding-top: 139px;
  color: var(--color-text);
  letter-spacing: 0.03em;
  line-height: 1.8;
}
@media screen and (max-width: 1440px) {

}
@media only screen and (max-width:1280px) {
  #pageMain{
    padding-top: 75px;
  }
}
@media only screen and (max-width:1023px) {
  #pageMain{
    padding-top: 60px;
  }
}

@media only screen and (max-width:768px) {
  #pageMain {
    font-size: calc(15 / 375 * 100vw);
  }
}

img{
  max-width: 100%;
  height: auto;
}
.section-inner {
  max-width: 1440px;
  margin: 0 auto;
}
.mv {
  width: 100%;
  aspect-ratio: 1440 / 984;
}
@media screen and (max-width: 768px) {
  .mv {
    aspect-ratio: 375 / 764;
  }
}
.mv img {
  width: 100%;
}
.strength {
  position: relative;
  margin-top: calc(130 / 1440 * -100vw);
  overflow: clip;
}
@media screen and (max-width: 768px) {
  .strength {
    margin-top: calc(81 / 375 * -100vw);
  }
}

.strength__bg-top-parts {
  width: 100%;
  aspect-ratio: 1440 / 299;
  background: url("../img/academics/education/2602/strength_top_part02.webp") no-repeat left top/ cover;
  margin-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .strength__bg-top-parts {
    aspect-ratio: 375 / 79;
    background-image: url("../img/academics/education/2602/strength_top_part_sp2.png");
  }
}
.mask-content {
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.strength__load-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  mask: url("../img/academics/education/2602/strength_mask_load2.svg") no-repeat top center / 100% auto;
}
@media screen and (max-width: 768px) {
  .strength__load-mask {
    height: calc(3675 / 375 * 100vw);
    mask-image: url("../img/academics/education/2602/strength_mask_load_sp03.svg");
  }
}
.strength__load {
  height: auto;
  width: calc(1304 / 1440 * 100%);
  aspect-ratio: 1304 / 3501;
  background-image: url("../img/academics/education/2602/strength_bg_load3.svg");
  top: calc(142 / 3562 * 100%);
  left: 50%;
}
@media screen and (max-width: 768px) {
  .strength__load {
    width: 100%;
    aspect-ratio: 375 / 3539;
    top: calc(78 / 3569 * 100%);
    background-image: url("../img/academics/education/2602/strength_bg_load_sp3.svg");
    background-size: cover;
  }
}
.student-deco-area {
  position: absolute;
  height: 98%;
  width: min(97%, 1540px);
  top: calc(142 / 3562 * 100%);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .student-deco-area {
    width: 100%;
    height: 98%;
    top: 2.3%;
  }
}
.student-deco-area::before,
.student-deco-area::after {
  content: '';
  display: block;
  position: absolute;
}
.student-deco-area::before {
  width: calc(69 / 1440 * 100vw);
  aspect-ratio: 144 / 353;
  background: url("../img/academics/education/2602/deco_student01-2.png") no-repeat center center / 100% auto;
  bottom: 98.5%;
  right: 28%;
}
@media screen and (min-width: 1860px) {
  .student-deco-area::before {
    width: min(5vw, 128px);
    bottom: 98%;
    right: 33%;
  }
}
@media screen and (max-width: 768px) {
  .student-deco-area::before {
    width: calc(25 / 375 * 100vw);
    right: calc(77 / 375 * 100vw);
    bottom: unset;
    top: 0;
    transform: translate(0, -50%);
  }
}

.student-deco-area::after {
  width: calc(117 / 1440 * 100vw);
  aspect-ratio: 262 / 343;
  background: url("../img/academics/education/2602/deco_student02-2.png") no-repeat center center / 100% auto;
  bottom: 6.5%;
  right: 30%;
}
@media screen and (min-width: 1900px) {
  .student-deco-area::after {
    width: min(calc(117 / 1440 * 100vw), 170px);
    bottom: 8.5%;
  }
}
@media screen and (max-width: 970px) {
  .student-deco-area::after {
    right: 23%;
  }
}
@media screen and (max-width: 768px) {
  .student-deco-area::after {
    width: calc(66 / 375 * 100vw);
    right: calc(63 / 375 * 100vw);
    bottom: 1.5%;
  }
}

.strength__bg-area {
  background: url("../img/academics/education/2602/bg_green02.png") repeat;
  padding-bottom: 421px;
}

@media screen and (min-width: 1441px) {
  .strength__bg-area {
    padding-bottom: calc(455 / 1440 * 100vw);
  }
}
@media screen and (min-width: 1600px) {
  .strength__bg-area {
    padding-bottom: calc(359 / 1440 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .strength__bg-area {
    padding-bottom: calc(421 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .strength__bg-area {
    padding-top: calc(39 / 375 * 100vw);
    padding-bottom: calc(175 / 375 * 100vw);
  }
}


.column-card-sec-inner {
  padding-inline: 145px;
}
@media screen and (max-width: 1440px) {
  .column-card-sec-inner {
    padding-inline: calc(145 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card-sec-inner {
    padding-inline: calc(24 / 375 * 100vw);
  }
}
/* .strength__bg-text {
  display: block;
  position: absolute;
  width: min(1440px, 100%);
  bottom: 100%;
  left: 0;
  right: 0;
  margin-inline: auto;
} */
.strength__cards {
}
.column-card {
  display: grid;
  position: relative;
  z-index: 1;
}
.column-card.--no-column {
  display: block;
}
@media screen and (min-width: 769px) {
  .column-card:nth-child(odd) {
    grid-template-columns: 1fr calc(500 / 1150 * 100%);
  }
  .column-card:nth-child(even) {
    grid-template-columns: calc(500 / 1150 * 100%) 1fr;
  }
  .column-card.--no-column {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .column-card.strength-card:nth-child(odd){
    grid-template-columns: 1fr calc(478 / 1150 * 100%);
  }
  .column-card.strength-card:nth-child(even){
    grid-template-columns: calc(478 / 1150 * 100%) 1fr;
  }
  .column-card.strength-card:nth-child(1){
    padding-top:  min(calc(63 / 1440 * 100vw), 63px);
  }
}
.column-card::before {
  content: '';
  display: block;
  width: calc(990 / 1150 * 100%);
  height: 100%;
  background: url("../img/academics/education/2602/bg_grey.jpg") no-repeat center center / cover;
  position: absolute;
  border-radius: 30px;
  z-index: -1;
  border: 1px solid var(--color-text);
}
.column-card:nth-child(odd)::before {
  top: 0;
  left: 0;
  z-index: -1;
}
.column-card:nth-child(even)::before {
  top: 0;
  right: 0;
  z-index: -1;
}
.column-card.--no-column::before {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .column-card:nth-child(odd)::before,
  .column-card:nth-child(even)::before {
    width: calc(351 / 375 * 100vw);
    height: calc(100% - (125 / 375 * 100vw));
    top: calc(125 / 375 * 100vw);
  }
  .column-card:nth-child(odd)::before {
    left: 0;
    transform: translate(calc(24 / 375 * -100vw), 0);
    border-radius: 0 20px 20px 0;
    border-left: none;
  }
  .column-card:nth-child(even)::before {
    right: 0;
    transform: translate(calc(24 / 375 * 100vw), 0);
    border-radius: 20px 0 0 20px;
    border-right: none;
  }
  .column-card.--no-column::before {
    top: 0;
    height: 100%;
  }
}
.column-card + .column-card {
  margin-top: 121px;
}
@media screen and (max-width: 1440px) {
  .column-card + .column-card {
    margin-top: calc(121 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card + .column-card {
    margin-top: calc(84 / 375 * 100vw);
  }
}

.column-card:nth-child(1) .column-card__text-box {
  padding-block: 98px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(1) .column-card__text-box {
    padding-block: calc(98 / 1440 * 100vw);
  }
}
.column-card:nth-child(2) .column-card__text-box {
  padding-block: 130px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(2) .column-card__text-box {
    padding-block: calc(130 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(1) .column-card__text-box,
  .column-card:nth-child(2) .column-card__text-box {
    padding-block: calc(32 / 375 * 100vw);
  }
}
.strength-card:nth-child(1) .column-card__text-box {
  padding-top: 0;
  padding-bottom: 65px;
}
.strength-card:nth-child(2) .column-card__text-box {
  padding-top: 129px;
  padding-bottom: 150px;
}
.strength-card:nth-child(3) .column-card__text-box {
  padding-top: 114px;
  padding-bottom: 45px;
}
.strength-card:nth-child(4) .column-card__text-box {
  padding: 77px 53px 78px 91px;
}
@media screen and (max-width: 1440px) {
  .strength-card:nth-child(1) .column-card__text-box {
    padding-bottom: calc(65 / 1440 * 100vw);
  }
  .strength-card:nth-child(2) .column-card__text-box {
    padding-top: calc(129 / 1440 * 100vw);
    padding-bottom: calc(150 / 1440 * 100vw);
  }
  .strength-card:nth-child(3) .column-card__text-box {
    padding-top: calc(114 / 1440 * 100vw);
    padding-bottom: calc(45 / 1440 * 100vw);
  }
  .strength-card:nth-child(4) .column-card__text-box {
    padding-top: calc(77 / 1440 * 100vw);
    padding-right: calc(53 / 1440 * 100vw);
    padding-bottom: calc(78 / 1440 * 100vw);
    padding-left: calc(91 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .strength-card:nth-child(1) .column-card__text-box,
  .strength-card:nth-child(2) .column-card__text-box,
  .strength-card:nth-child(3) .column-card__text-box{
    padding-top: 2vw;
    padding-bottom: calc(32 / 375 * 100vw);
  }
  .strength-card:nth-child(4) .column-card__text-box {
    padding-top: calc(95 / 375 * 100vw);
    padding-bottom: calc(31 / 375 * 100vw);
    padding-inline: 0;
  }
}

.column-card__text-box-wrap {
  width: calc(479 / 650 * 100%);
  display: flex;
  flex-direction: column;
  gap: 36px 0;
}
@media screen and (max-width: 768px) {
  .column-card__text-box-wrap {
    overflow: visible;
  }
}
.column-card.--no-column .column-card__text-box-wrap {
  width: 100%;
}
.strength-card:nth-child(4) .column-card__text-box-wrap {
  display: grid;
  grid-template-columns: calc(735 / 1009 * 100%) 1fr;
  gap: 0 calc(74 / 1009 * 100%);
}
@media screen and (max-width: 768px) {
  .strength-card:nth-child(4) .column-card__text-box-wrap {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1440px) {
  .column-card__text-box-wrap {
    gap: calc(36 / 1440 * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .column-card__text-box-wrap {
    width: 100%;
    gap: calc(18 / 375 * 100vw) 0;
  }
}
.column-card:nth-child(1) .column-card__text-box-wrap{
  margin-left: 96px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(1) .column-card__text-box-wrap {
    margin-left: calc(96 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(1) .column-card__text-box-wrap {
    margin-left: 0;
  }
}
.column-card:nth-child(2) .column-card__text-box-wrap{
  margin-left: 75px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(2) .column-card__text-box-wrap {
    margin-left: calc(75 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(2) .column-card__text-box-wrap {
    margin-left: 0;
  }
}
.strength-card .column-card__text-box-wrap {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .strength-card:not(.--no-column) .column-card__text-box-wrap {
    width: calc(520 / 672 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(odd) .column-card__text-box-wrap {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(32 / 375 * 100vw);
  }
  .column-card:nth-child(even) .column-card__text-box-wrap {
    padding-right: calc(16 / 375 * 100vw);
    padding-left: calc(32 / 375 * 100vw);
  }
}
.column-card__ttl {

}
.strength-card:nth-child(1) .column-card__ttl {
  width: calc(500 / 520 * 100%);
}
.strength-card:nth-child(2) .column-card__ttl,
.strength-card:nth-child(3) .column-card__ttl {
  width: calc(466 / 520 * 100%);
}
.strength-card:nth-child(4) .column-card__ttl {
  width: calc(730 / 1009 * 100%);
  grid-column: span 2;
}
@media screen and (max-width: 768px) {
  .strength-card:nth-child(1) .column-card__ttl{
    width: calc(270 / 375 * 100vw);
  }
  .strength-card:nth-child(2) .column-card__ttl{
    width: calc(224 / 375 * 100vw);
  }
  .strength-card:nth-child(3) .column-card__ttl {
    width: calc(260 / 375 * 100vw);
  }
  .strength-card:nth-child(4) .column-card__ttl {
    grid-column: auto;
    width: 100%;
    aspect-ratio: 279 / 112;
    position: relative;

     img {
      position: absolute;
      width: calc(295 / 279 * 100%);
      top: 0;
      left: 0;
      max-width: unset;
    }
  }
}
.column-card__ttl img {
  width: 100%;
}
.column-card__txt {
  line-height: 1.8;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .column-card__txt {
    font-size: calc(15 / 375 * 100vw);
  }
}

.strength-card .column-card__txt {
  margin-top: calc(32px + var(--leading-trim));
  font-size: calmp(15px, calc(18 / 1440 * 100vw), 18px);
}
@media screen and (max-width: 1440px) {
  .strength-card .column-card__txt {
    margin-top: calc(32/ 1440 * 100vw + var(--leading-trim));
  }
}
@media screen and (min-width: 768px) {
  .strength-card:nth-child(1) .column-card__txt {
    margin-top: calc(15 / 1440 * 100vw + var(--leading-trim));
  }
}
@media screen and (max-width: 768px) {
  .strength-card .column-card__txt {
    margin-top: calc(24 / 375 * 100vw + var(--leading-trim));
  }
}

.strength-card__list-box {
  position: relative;
  margin-top: 47.25px;
  background: #fff;
  width: 100%;
  padding: 42px 30px 35px;
  padding-top: 34px;
  padding-bottom: 31px;
  border-radius: 10px;
  border: 1px solid var(--color-text);
  font-size: clamp(12px, calc(14 / 1440 * 100vw), 14px);
}
@media screen and (max-width: 1440px) {
  .strength-card__list-box {
    margin-top: calc(47.25 / 1440 * 100vw);
    padding-top: calc(42 / 1440 * 100vw);
    padding-inline: calc(30 / 1440 * 100vw);
    padding-bottom: calc(35 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .strength-card__list-box {
    margin-top: calc(36 / 375 * 100vw);
    padding-top: calc(27 / 375 * 100vw);
    padding-inline: calc(20 / 375 * 100vw);
    padding-bottom: calc(25 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
}

.strength-card__list-box::before {
  content: '';
  display: block;
  width: 11em;
  height: 12px;
  background: #fff;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  margin-inline: auto;
}

.strength-card__list-inner {
  display: grid;
}
@media screen and (max-width: 768px) {
  .strength-card__list-inner {
    width: 100%;
    grid-template-columns: 1fr; 
  } 
}
.strength-card__list-ttl {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  font-weight: bold;
  width: max-content;
}
.strength-card__list-wrap {
  position: relative;
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: start;
  gap: min(calc(15 / 1440 * 100vw), 15px) 0;
}

@media screen and (max-width: 768px) {
  .strength-card__list-wrap {
    grid-template-columns: 1fr;
    gap: calc(10 / 375 * 100vw) 0;
  }
}
.strength-card__list-wrap > ul {
  display: contents;
}
.strength-card__list-item {
  /* display: grid;
  grid-template-columns: 2px 1fr;
  gap: 0 min(calc(12 / 1440 * 100vw), 12px); */

  display: flex;
  gap: 0 min(calc(10 / 1440 * 100vw), 10px);
}
@media screen and (max-width: 768px) {
  .strength-card__list-item {
    gap: 0 calc(10 / 375 * 100vw);
  }
}
.strength-card__list-item::before {
  content: '';
  display: block;
  /* width: 2px;
  font-size: clamp(12px, calc(14 / 1440 * 100vw), 14px);
  height: 0.875em;
  margin-top: calc((1em - 0.875em) / 2);
  border-radius: 100vmax; */
  background-color: #5ABDEC;
  width: calc(13 / 20 * 1em);
  height: calc(13 / 20 * 1em);
  margin-top: 0.15em;
  flex-shrink: 0;
  mask: url("../img/academics/education/2602/elementary/senkou_ttl_deco.svg") no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
}
.strength-card__list-item > span {
  display: inline-block;
  margin-block: var(--leading-trim);
}
.strength-card__note-txt {
  line-height: 1.5;
  margin-block: var(--leading-trim);
  font-size: 0.9em;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .strength-card__note-txt {
    font-size: 0.8em;
  }
}
.column-card__circle-img-wrap {
  width: 164px;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: 5;
}
@media screen and (max-width: 1440px) {
.column-card__circle-img-wrap {
    width: calc(164 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
.column-card__circle-img-wrap {
    width: calc(110 / 375 * 100vw);
  }
}
.column-card__circle-img {
  width: 100%;
  animation: rotate 11s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.column-card:nth-child(odd) .column-card__circle-img-wrap {
  top: 0;
  left: 0;
  transform: translate(-41px, -45px);
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(odd) .column-card__circle-img-wrap {
    transform: translate(calc(41 / 1440 * -100vw), calc(45 / 1440 * -100vw));
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(odd) .column-card__circle-img-wrap {
    transform: translate(calc(7 / 375 * -100vw), calc(27 / 375 * -100vw));
  }
}
.column-card:nth-child(even) .column-card__circle-img-wrap {
  top: 0;
  right: 0;
  transform: translate(39px, -52px);
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(even) .column-card__circle-img-wrap {
    transform: translate(calc(39 / 1440 * 100vw), calc(52 / 1440 * -100vw));
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(even) .column-card__circle-img-wrap {
    transform: translate(calc(4 / 375 * 100vw), calc(25 / 375 * -100vw));
  }
}
.column-card__num-img {
  position: absolute;
  height: 28px;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1440px) {
  .column-card__num-img {
    height: calc(28 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card__num-img {
    height: calc(22 / 375 * 100vw);
  }
}
.column-card__img-box {
  position: relative;
  width: 100%;
  aspect-ratio: 500 / 580;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid var(--color-text);
  margin-top: -40px;
}
@media screen and (max-width: 1440px) {
  .column-card__img-box {
    margin-top: calc(40 / 1440 * -100vw);
  }
}
.column-card__img-box.--mt-0 {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .strength-card .column-card__img-box {
    aspect-ratio: 478 / 540;
  }
}
@media screen and (max-width: 768px) {
  .strength-card .column-card__img-box {
    aspect-ratio: 323 / 250;
  }
}
@media screen and (max-width: 768px) {
  .column-card__img-box {
    width: calc(323 / 327 * 100%);
    border-radius: 20px;
    grid-row: 1;
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .strength-card:nth-child(2) .column-card__img-box {
    margin-top: calc(45 / 1440 * -100vw);
  }
  .strength-card:nth-child(3) .column-card__img-box {
    align-self: center;
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(odd) .column-card__img-box {
    justify-self: end;
    transform: translateX(12px);
  }
  .column-card:nth-child(even) .column-card__img-box {
    justify-self: start;
    transform: translateX(-12px);
  }
}
.column-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.strength-card__deco-img {
  position: absolute;
  animation: rotate 12s linear infinite;
}
.strength-card__deco-img.back {
  width: 230px;
  top: 35px;
}
@media screen and (max-width: 1440px) {
  .strength-card__deco-img.back {
    width: calc(230 / 1440 * 100vw);
    top: calc(35 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .strength-card__deco-img.back {
    width: calc(129 / 375 * 100vw);
  }
}

.column-card:nth-child(1) .strength-card__deco-img.back {
  right: 59px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(1) .strength-card__deco-img.back {
    right: calc(59 / 1440 * 100vw);
  }
}
.column-card:nth-child(2) .strength-card__deco-img.back {
  left: 59px;
}

@media screen and (max-width: 1440px) {
  .column-card:nth-child(2) .strength-card__deco-img.back {
    left: calc(59 / 1440 * 100vw);
  }
}
.column-card:nth-child(3) .strength-card__deco-img.back {
  left: 55.5px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(3) .strength-card__deco-img.back {
    left: calc(33 / 1440 * 100vw);
  }
}
.strength-card__student-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.column-card:nth-child(1) .strength-card__deco-img.infront {
  width: 161px;
  left: 74px;
  bottom: 74px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(1) .strength-card__deco-img.infront {
    width: calc(161 / 1440 * 100vw);
    left: calc(74 / 1440 * 100vw);
    bottom: calc(74 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(1) .strength-card__deco-img.infront {
    width: calc(85 / 375 * 100vw);
    left: calc(55 / 375 * 100vw);
    bottom: calc(20 / 375 * 100vw);
  }
}
.column-card:nth-child(2) .strength-card__deco-img.infront {
  width: 177px;
  right: 81px;
  bottom: 81px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(2) .strength-card__deco-img.infront {
    width: calc(177 / 1440 * 100vw);
    right: calc(81 / 1440 * 100vw);
    bottom: calc(81 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(2) .strength-card__deco-img.infront {
    width: calc(101 / 375 * 100vw);
    right: calc(32 / 375 * 100vw);
    bottom: calc(12 / 375 * 100vw);
  }
}
.column-card:nth-child(3) .strength-card__deco-img.infront {
  width: 271px;
  right: 0;
  bottom: 55.5px;
}
@media screen and (max-width: 1440px) {
  .column-card:nth-child(3) .strength-card__deco-img.infront {
    width: calc(271 / 1440 * 100vw);
    right: calc(0 / 1440 * 100vw);
    bottom: calc(55.5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .column-card:nth-child(3) .strength-card__deco-img.infront {
    width: calc(140 / 375 * 100vw);
    right: calc(14 / 375 * 100vw);
    bottom: calc(-12 / 375 * 100vw);
  }
}
.strength-card__deco {
  position: absolute;
}
.strength-card__deco img {
  will-change: transform;
}
.strength-card:nth-child(1) .strength-card__deco.top {
  width: min(calc(85 / 1440 * 100vw), 85px);
  top: min(calc(62.25 / 1440 * 100vw), 62.25px);
  right: max(calc(57 / 1440 * -100vw), -57px);
}
.strength-card:nth-child(1) .strength-card__deco.bottom {
  width: min(calc(174 / 1440 * 100vw), 174px);
  bottom: min(calc(9 / 1440 * 100vw), 9px);
  left: max(calc(110 / 1440 * -100vw), -110px);
}
@media screen and (max-width: 768px) {
  .strength-card:nth-child(1) .strength-card__deco.top {
    width: calc(56.5 / 375 * 100vw);
    top: calc(211 / 375 * 100vw);
    right: calc(5.5 / 375 * 100vw);
  }
  .strength-card:nth-child(1) .strength-card__deco.bottom {
    width: calc(103 / 375 * 100vw);
    bottom: calc(62 / 375 * -100vw);
    left: calc(24 / 375 * -100vw);
  }
}
.strength-card:nth-child(2) .strength-card__deco.top {
  width: min(calc(72 / 1440 * 100vw), 72px);
  top: max(calc(93.5 / 1440 * -100vw), -93.5px);
  left: min(calc(352 / 1440 * 100vw), 352px);
}
.strength-card:nth-child(2) .strength-card__deco.right {
  width: min(calc(129 / 1440 * 100vw), 129px);
  bottom: min(calc(116 / 1440 * 100vw), 116px);
  right: max(calc(98.5 / 1440 * -100vw), -98.5px);
}
.strength-card:nth-child(2) .strength-card__deco.left {
  width: min(calc(123 / 1440 * 100vw), 123px);
  bottom: min(calc(56 / 1440 * 100vw), 56px);
  left: max(calc(59 / 1440 * -100vw), -59px);
}

@media screen and (max-width: 768px) {
  .strength-card:nth-child(2) .strength-card__deco.top {
    width: calc(74 / 375 * 100vw);
    top: auto;
    bottom: calc(32 / 375 * -100vw);
    left: calc(29 / 375 * -100vw);
    transform: scaleX(-1);
  }
  .strength-card:nth-child(2) .strength-card__deco.left {
    display: none;
  }
  .strength-card:nth-child(2) .strength-card__deco.right {
    width: calc(83 / 375 * 100vw);
    bottom: auto;
    top: calc(191 / 375 * 100vw);
    right: calc(31 / 375 * -100vw);
  }
}
.strength-card:nth-child(3) .strength-card__deco.top {
  width: min(calc(59 / 1440 * 100vw), 59px);
  top: max(calc(40 / 1440 * -100vw), -40px);
  left: min(calc(594 / 1440 * 100vw), 594px);
}
.strength-card:nth-child(3) .strength-card__deco.right {
  width: min(calc(148 / 1440 * 100vw), 148px);
  right: max(calc(115 / 1440 * -100vw), -115px);
  top: min(calc(103 / 1440 * 100vw), 103px);
}
.strength-card:nth-child(3) .strength-card__deco.left {
  width: min(calc(180 / 1440 * 100vw), 180px);
  bottom: -61px;
  left: max(calc(85 / 1440 * -100vw), -85px);
}
@media screen and (max-width: 1440px) {
  .strength-card:nth-child(3) .strength-card__deco.left {
    bottom: calc(29 / 1440 * -100vw);
  }
}
@media screen and (max-width: 768px) {
  .strength-card:nth-child(3) .strength-card__deco.top {
    width: calc(50 / 375 * 100vw);
    top: calc(336 / 375 * 100vw);
    left: auto;
    right: calc(24 / 375 * -100vw);
  }
  .strength-card:nth-child(3) .strength-card__deco.right {
    width: calc(82 / 375 * 100vw);
    right: calc(19 / 375 * 100vw);
    top: calc(49.5 / 375 * -100vw);
  }
  .strength-card:nth-child(3) .strength-card__deco.left {
    width: calc(80 / 375 * 100vw);
    bottom: calc(59 / 375 * -100vw);
    left: calc(19 / 375 * -100vw);
  }
}

.strength-card:nth-child(4) .strength-card__deco.top {
  width: min(calc(151 / 1440 * 100vw), 151px);
  right: min(calc(171 / 1440 * 100vw), 171px);
  top: 0;
  transform: translateY(-50%);
}
.strength-card:nth-child(4) .strength-card__deco.right {
  width: min(calc(194 / 1440 * 100vw), 194px);
  right: max(calc(76 / 1440 * -100vw), -76px);
  top: min(calc(153 / 1440 * 100vw), 153px);
}
.strength-card:nth-child(4) .strength-card__deco.left {
  width: min(calc(147 / 1440 * 100vw), 147px);
  bottom: min(calc(216 / 1440 * 100vw), 216px);
  left: max(calc(77 / 1440 * -100vw), -77px);
}
@media screen and (max-width: 768px) {
  .strength-card:nth-child(4) .strength-card__deco.top {
    width: calc(98 / 357 * 100vw);
    right: 100%;
    top: auto;
    transform: translate(100%, -50%) scaleX(-1);
  }
  .strength-card:nth-child(4) .strength-card__deco.right {
    width: calc(51 / 357 * 100vw);
    right: auto;
    left: 100%;
    top: min(calc(365 / 375 * 100vw), 365px);
    transform: translateX(-60%);
  }
  .strength-card:nth-child(4) .strength-card__deco.left {
    display: none;
  }
}

.strength-card__txt-img {
  width: 445px;
  margin: 24px auto 0;
}
@media screen and (max-width: 1440px) {
  .strength-card__txt-img {
    width: calc(445 / 1440 * 100vw);
    margin-top: calc(24 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .strength-card__txt-img {
    width: 105%;
  }
}
.strength-card__gokakusya-box {
  margin-top: min(calc(39 / 1440 * 100vw), 39px);
  grid-row: 3;
  grid-column: span 2;

  display: grid;
  grid-template-columns: subgrid;
  align-items: end;
}
@media screen and (max-width: 768px) {
  .strength-card__gokakusya-box {
    margin-top: 30px;
    grid-row: auto;
    grid-column: auto;
    grid-template-columns: 1fr;
    align-items: start;
  }
}
.strength-card__gokakusya {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: space-around;
  gap: 0 min(calc(28 / 653 * 100vw), 28px);
  background: #fff;
  border-radius: 10px;
  border: 1px solid #121212;
  padding-block: min(calc(32 / 1440 * 100vw), 32px);
  padding-inline: min(calc(40 / 1440 * 100vw), 40px);
}
@media screen and (max-width: 768px) {
  .strength-card__gokakusya {
    grid-template-columns: 1fr;
    padding: 30px 25px;
    gap: 30px 0;
  }
}
.strength-card__gokakusya .item {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 0 min(calc(20 / 1440 * 100vw), 20px);
  font-weight: bold;
}
.strength-card__gokakusya .item {
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 16px);
}
@media screen and (max-width: 768px) {
  .strength-card__gokakusya .item {
    font-size: calc(14 / 375 * 100vw);
    align-items: center;
  }
}
.strength-card__gokakusya .item .ttl {
  margin-block: var(--leading-trim);
}
.strength-card__gokakusya .item .num-wrap {
  display: flex;
  align-items: flex-end;
  gap: 0 6px;
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 14px);
}
@media screen and (max-width: 768px) {
  .strength-card__gokakusya .item .num-wrap {
    font-size: inherit;
  }
}
.strength-card__gokakusya .item .num-img {
  height: min(calc(49 / 1440 * 100vw), 49px);
  width: auto;
}
@media screen and (max-width: 768px) {
  .strength-card__gokakusya .item .num-img {
    height: calc(35 / 375 * 100vw);
  }
}

.education-btn-wrap {
  width: max-content;
  min-width: 200px;
  position: relative;
  z-index: 0;
  margin-inline: auto;
}
@media screen and (max-width: 1440px) {
  .education-btn-wrap {
    min-width: calc(200 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .education-btn-wrap {
    min-width: calc(200 / 375 * 100vw);
    margin-top: 27px;
  }
}
.education-btn-wrap::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  background: #fff;
  border: 1px solid var(--color-text);
  z-index: -1;
  top: 4px;
  left: 0;
}
.education-btn {
  width: 100%;
  min-height: 60px;
  display: grid;
  grid-template-columns: max-content auto;
  place-content: center;
  align-items: center;
  gap: 0 8px;
  border-radius: 100vmax;
  border: 1px solid var(--color-text);
  font-family: "Montserrat", "Zen Kaku Gothic Antique", sans-serif;
  font-size: 18px;
  color: var(--color-text);
  font-weight: bold;
  /* リンク先指定したら消す */
  cursor: pointer;
  z-index: 0;
  transition: transform 0.3s;
}

@media screen and (max-width: 1440px) {
  .education-btn {
    font-size: calc(18 / 1440 * 100vw);
    min-height: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .education-btn {
    font-size: calc(18 / 375 * 100vw);
    min-height: calc(60 / 375 * 100vw);
  }
}
@media (any-hover: hover) {
  .education-btn:hover {
    transform: translateY(4px);
  }
}
.educationElementary .education-btn {
  background: var(--color-purple);
}
.educationKindergarten .education-btn {
  background: var(--color-pink);
}
.educationEnglish .education-btn {
  background: var(--color-blue);
}
.education-btn.--pink {
  background: var(--color-pink);
}
.education-btn.--purple {
  background: var(--color-purple);
}
.education-btn.--black {
  background: var(--color-text);
  color: #fff;
}
.education-btn.--black::after {
  background: #fff;
}
.education-btn::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: var(--color-text);
  mask: url("../img/academics/education/2602/icon_arrow.svg") no-repeat center center / contain;
}
@media screen and (max-width: 1440px) {
  .education-btn::after {
    width: calc(20 / 1440 * 100vw);
    height: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .education-btn::after {
    width: calc(20 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
  }
}

.major {
  position: relative;
  background: url("../img/academics/education/2602/major_bg02.png") repeat;
  padding-bottom: 50px;
}

@media screen and (max-width: 1440px) {
  .major {
    padding-bottom: calc(50 / 1440 * 100vw);

  }
}
@media screen and (max-width: 768px) {
  .major {
    padding-bottom: calc(119 / 375 * 100vw);
    padding-top: calc(27 / 375 * 100vw);
  }
}
.major__top-part {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1440 / 278;
  transform: translate(0, calc(-100% + 1px));
  background: url("../img/academics/education/2602/major_top_part04.webp") no-repeat left top / 100% auto;  
}
@media screen and (max-width: 768px) {
  .major__top-part {
    aspect-ratio: 375 / 90;
    background-image: url("../img/academics/education/2602/major_top_part_sp.png");
  }
}
.major__deco_student {
  position: absolute;
  width: 117px;
  top:0;
  right: 456.5px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1440px) {
  .major__deco_student {
    width: calc(117 / 1440 * 100vw);
    right: calc(456.5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__deco_student {
    width: calc(66 / 375 * 100vw);
    right: calc(81 / 375 * 100vw);
  }
}
.major__inner {
  padding-inline: 152px;
  position: relative;
  top: -80px;
}
@media screen and (max-width: 1440px) {
  .major__inner {
    padding-inline: calc(152 / 1440 * 100vw);
    top: calc(80 / 1440 * -100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__inner {
    padding-inline: calc(16 / 375 * 100vw);
    top: auto;
  }
}
.major__ttl {
  width: 365.5px;
  margin-inline: auto;
}
@media screen and (max-width: 1440px) {
  .major__ttl {
    width: calc(365.5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__ttl {
    width: calc(183 / 375 * 100vw);
  }
}
.major__intro-txt {
  font-size: 20px;
  font-weight: bold;
  margin-block: var(--leading-trim);
  margin-top: calc(33px + var(--leading-trim));
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .major__intro-txt {
    font-size: calc(20 / 1440 * 100vw);
    margin-top: calc(33 / 1440 * 100vw + var(--leading-trim));
  }
}
@media screen and (max-width: 768px) {
  .major__intro-txt {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(32 / 375 * 100vw + var(--leading-trim));
  }
}
.major__intro-txt span {
  display: contents;
}

@media screen and (max-width: 768px) {
  .major__intro-txt span {
    display: block;
  }
  .major__intro-txt span:nth-child(1) {
    margin-bottom: var(--leading-trim);
  }
  .major__intro-txt span:last-child {
    margin-top: calc(26 / 375 * 100vw + var(--leading-trim));
  }
}
.major__list {
  display: grid;
  gap: 50px 0;
  align-items: start;
  margin-top: 64px;
}
@media screen and (max-width: 1440px) {
  .major__list {
    margin-top: calc(64 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__list {
    margin-top: calc(40 / 375 * 100vw);
    padding-right: calc(10 / 375 * 100vw);
  }
}
.major__item-wrap {
  position: relative;
  width: calc(1100 / 1150 * 100%);
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .major__item-wrap {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .major__item-wrap:nth-child(even) {
    justify-self: end;
    transform: translateX(calc(34 / 1100 * 100%));
  }
}

.major__item-wrap::before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 1px solid var(--color-text);
  z-index: -1;
}
.major__item-wrap:nth-of-type(1)::before {
  background: var(--color-purple);
}
.major__item-wrap:nth-of-type(2)::before {
  background: var(--color-blue);
}
.major__item-wrap:nth-of-type(3)::before {
  background: var(--color-pink);
}

.major__item {
  width: 100%;
  padding: 48px 72px 48px 56px;
  display: grid;
  grid-template-columns: calc(360 / 962 * 100%) 1fr;
  grid-template-rows: 1fr repeat(3, auto);
  grid-template-areas: 
   "img ttl-en"
   "img ttl"
   "img txt"
   "img btn-wrap";
  background: #fff;
  border-radius: 30px;
  border: 1px solid var(--color-text);
  gap: 0 min(calc(54 / 375 * 100vw), 54px);
}
@media screen and (max-width: 1440px) {
  .major__item {
    padding-block: calc(48 / 1440 * 100vw);
    padding-right: calc(72 / 1440 * 100vw);
    padding-left: calc(56 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__item {
    padding-top: calc(20 / 375 * 100vw);
    padding-inline: calc(27.5 / 375 * 100vw);
    padding-bottom: calc(27 / 375 * 100vw);
    grid-template-columns: 1fr;
    grid-template-areas: 
      "ttl-en"
      "img"
      "ttl"
      "txt"
      "btn-wrap";
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .major__item-wrap:nth-child(even) .major__item {
    grid-template-columns:  1fr calc(360 / 962 * 100%);
    grid-template-areas: 
    "ttl-en img "
    "ttl img"
    "txt img"
    "btn-wrap img";
  }
}
.major__item-img {
  grid-area: img;
  position: relative;
  aspect-ratio: 360 / 296;

  > img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 1px solid var(--color-text);  
    object-fit: cover;
  }
}
@media screen and (max-width: 768px) {
  .major__item-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 277 / 219;
    margin-top: calc(20 / 375 * 100vw);
  }
}
.major__item-img-txt {
  position: absolute;
  bottom: 16px;
  left: -16px;
  font-size: clamp(15px, calc(18 / 1440 * 100vw), 18px);
  color: #fff;
  font-weight: bold;
  writing-mode: vertical-rl;
  text-align: left;
  line-height: 1.1;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1440px) {
  .major__item-img-txt {
    bottom: calc(16 / 1440 * 100vw);
    left: calc(16 / 1440 * -100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__item-img-txt {
    bottom: calc(12 / 375 * 100vw);
    left: calc(13 / 375 * -100vw);
    font-size: calc(14 / 375 * 100vw);
  }
}

@media screen and (min-width: 1440px) {
  .major__item-wrap:nth-child(even) .major__item-img-txt {
    left: auto;
    right: -16px;
  }
}
@media screen and (min-width: 769px) {
  .major__item-wrap:nth-child(even) .major__item-img-txt {
    left: auto;
    right: calc(16 / 1440 * -100vw);
  }
}

.major__item-img-txt span {
  display: inline-block;
  position: relative;
  padding-inline: 17px;
  padding-block: 9px;
  background: var(--color-text);
  border-radius: 100vmax;
  color: #fff;

}
@media screen and (max-width: 1440px) {
  .major__item-img-txt span {
    padding-block: calc(9 / 1440 * 100vw);
    padding-inline: calc(17 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .major__item-img-txt span {
    padding-inline: calc(10 / 375 * 100vw);
    padding-block: calc(5.6 / 375 * 100vw);
  }
}
.major__item-texts {
  line-height: 1;
}
.major__item-ttl-en {
  grid-area: ttl-en;
  display: inline-block;
  height: clamp(18px, calc(20 / 1140 * 100vw), 20px);
  align-self: end;

  > img {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .major__item-ttl-en {
    height: calc(18 / 375 * 100vw);
    align-self: start;
  }
}
.major__item-ttl {
  grid-area: ttl;
  margin-top: min(calc(32 / 1440 * 100vw), 32px);
  height: min(calc(36 / 1440 * 100vw), 36px);
}
@media screen and (max-width: 768px) {
  .major__item-ttl {
    margin-top: calc(19 / 375 * 100vw);
    height: calc(21 / 375 * 100vw);
  }
}

.major__item-ttl img {
  width: auto;
  height: 100%;
}
.major__item-txt {
  grid-area: txt;
  margin-block: var(--leading-trim);
  margin-top: calc( 30px + var(--leading-trim));
  line-height: 2;
}
@media screen and (max-width: 1440px) {
  .major__item-txt {
    margin-top: calc( (30 / 1440 * 100vw) + var(--leading-trim));
  }
}
@media screen and (max-width: 768px) {
  .major__item-txt {
    font-size: calc(13 / 375 * 100vw);
    margin-top: calc(20px + var(--leading-trim));
  }
}
.major__item-btn-wrap {
  margin: 39px 0 0 auto;
}
@media screen and (max-width: 1440px) {
  .major__item-btn-wrap {
  }
}
@media screen and (max-width: 768px) {
  .major__item-btn-wrap {
    margin: calc(20 / 375 * 100vw) auto 0;
    min-width: calc(124 / 375 * 100vw);
    min-height: calc(36 / 375 * 100vw);
  }
}
.major__item-btn {
  font-size: clamp(12px, calc(16 / 1440 * 100vw), 16px);
}
@media screen and (max-width: 768px) {
  .major__item-btn {
    font-size: calc(12 / 375 * 100vw);
    min-width: calc(124 / 375 * 100vw);
    min-height: calc(36 / 375 * 100vw);
  }
  .major__item-btn::after {
    width: calc(12 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);
    gap: 0 calc(5 / 375 * 100vw);
  }

}
/* 小学校・中学校教諭専攻 */

.educationElementary .mv,
.educationKindergarten .mv,
.educationEnglish .mv {
  width: 100%;
  aspect-ratio: 1440 / 614;
}
@media screen and (max-width: 768px) {
  .educationElementary .mv,
  .educationKindergarten .mv,
  .educationEnglish .mv {
    aspect-ratio: 750 / 1115;
  }
}
.educationElementary .section-inner,
.educationKindergarten .section-inner,
.educationEnglish .section-inner {
  padding-inline: 145px;
}
@media screen and (max-width: 1440px) {
  .educationElementary .section-inner,
  .educationKindergarten .section-inner,
  .educationEnglish .section-inner {
    padding-inline: calc(145 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .educationElementary .section-inner,
  .educationKindergarten .section-inner,
  .educationEnglish .section-inner {
    padding-inline: calc(24 / 375 * 100vw);
  }
}
.message {
  position: relative;
  margin-top: calc(48 / 1440 * -100vw);
}
@media screen and (max-width: 768px) {
  .message {
    margin-top: calc(14 / 375 * -100vw);
  }
}
.message__top-part {
  width: 100%;
  aspect-ratio: 2880 / 100;
  background: url("../img/academics/education/2602/elementary/message_top_part.png") no-repeat top center / 100% auto;
}
@media screen and (max-width: 768px) {
  .message__top-part {
    aspect-ratio: 375 / 11;
    background-image: url("../img/academics/education/2602/elementary/message_top_part_sp.png");
  }
}
.educationKindergarten .message__top-part {
  background-image: url("../img/academics/education/2602/kindergarten/message_top_part.png");
}
.educationEnglish .message__top-part {
  background-image: url("../img/academics/education/2602/english/message_top_part.png");
}
.message__top-part img {
  width: 100%;
}
.message__load-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mask: url("../img/academics/education/2602/elementary/sub_load_mask.svg") no-repeat top center / 100% auto;
}
@media screen and (max-width: 768px) {
  .message__load-mask {
    mask-image: url("../img/academics/education/2602/elementary/sub_load_mask_sp.svg");
  }
}
.message__load {
  width: min(1440px, 100%);
  height: 100%;
  background-image: url("../img/academics/education/2602/elementary/load_purple.svg");
}
@media screen and (min-width: 1472px) {
  .message__load {
    top: -1em;
  }
}
@media screen and (max-width: 768px) {
  .message__load {
    background-image: url("../img/academics/education/2602/elementary/load_purple_sp.svg");
  }
}
.educationKindergarten .message__load {
  background-image: url("../img/academics/education/2602/kindergarten/load_pink.svg");
}
@media screen and (max-width: 768px) {
  .educationKindergarten .message__load {
    background-image: url("../img/academics/education/2602/kindergarten/load_pink_sp.svg");
  }
}
.educationEnglish .message__load {
  background-image: url("../img/academics/education/2602/english/load_blue.svg");
}
@media screen and (max-width: 768px) {
  .educationEnglish .message__load {
    background-image: url("../img/academics/education/2602/english/load_blue_sp.svg");
  }
}
.message__content {
  padding-block: 60px 200px;
  background: url("../img/academics/education/2602/elementary/bg_purple.png") repeat;
  margin-top: -1px;
}
@media screen and (max-width: 1440px) {
  .message__content {
    padding-top: calc(60 / 1440 * 100vw);
    padding-bottom: calc(200 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .message__content {
    padding-top: calc(66 / 375 * 100vw);
    padding-bottom: calc(143 / 375 * 100vw);
  }
}
.educationKindergarten .message__content {
  background: url("../img/academics/education/2602/kindergarten/bg_pink.png") repeat;
}
.educationEnglish .message__content {
  background: url("../img/academics/education/2602/english/bg_blue.png") repeat;
}

.message .section-inner {
  position: relative;
}
.message .section-inner::before,
.message .section-inner::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
}
.message .section-inner::before {
  bottom: 100%;
  left: calc(225 / 1440 * 100%);
  transform: translateY(calc(59 / 1440 * -100vw));
}
@media screen and (max-width: 768px) {
  .message .section-inner::before {
    left: calc(40 / 375 * 100vw);
    transform: translateY(calc(62 / 375 * -100vw));
    bottom: 100%;
  }
}
.educationElementary .message .section-inner::before {
  width: min(calc(72 / 1440 * 100vw),72px);
  aspect-ratio: 144 / 371;
  background: url("../img/academics/education/2602/elementary/message_student01-2.png") no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
  .educationElementary .message .section-inner::before {
    width: calc(38 / 375 * 100vw);
    left: calc(72 / 375 * 100vw);
  }
}
.educationKindergarten .message .section-inner::before {
  width: min(calc(78 / 1440 * 100vw), 78px);
  aspect-ratio: 156 / 401;
  background: url("../img/academics/education/2602/kindergarten/message_student01-2.png") no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
  .educationKindergarten .message .section-inner::before {
    width: calc(35 / 375 * 100vw);
    left: calc(40 / 375 * 100vw);
  }
}
.educationEnglish .message .section-inner::before {
  width: min(calc(57 / 1440 * 100vw), 57px);
  aspect-ratio: 114 / 380;
  background: url("../img/academics/education/2602/english/message_student01.webp") no-repeat center center / contain;

}
@media screen and (max-width: 768px) {
  .educationEnglish .message .section-inner::before {
    width: calc(35 / 375 * 100vw);
    left: calc(40 / 375 * 100vw);
  }
}
.message .section-inner::after {
  top: 96%;
  right: calc(172 / 1440 * 100%);
}
@media screen and (max-width: 768px) {
  .message .section-inner::after {
    top: unset;
    bottom: calc(115 / 375 * -100vw);
    right: 50%;
    transform: translate(50%, 0);
  }
}
.educationElementary .section-inner::after {
  width: min(calc(126 / 1440 * 100vw), 126px);
  aspect-ratio: 253 / 373;
  background: url("../img/academics/education/2602/elementary/message_student02-2.png") no-repeat center center / contain;
}

.educationKindergarten .section-inner::after {
  width: min(calc(141 / 1440 * 100vw), 141px);
  aspect-ratio: 283 / 378;
  background: url("../img/academics/education/2602/kindergarten/message_student02.webp") no-repeat center center / contain;
}
.educationEnglish .section-inner::after {
  width: min(calc(116 / 1440 * 100vw), 116px);
  aspect-ratio: 116 / 182;
  background: url("../img/academics/education/2602/english/message_student02.webp") no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
  .educationElementary .section-inner::after,
  .educationKindergarten .section-inner::after {
    width: calc(65 / 375 * 100vw);
  }
  .educationEnglish .section-inner::after {
    width: calc(58 / 375 * 100vw);
    right: 22%;
  }
}
.message__deco {
  position: absolute;
  top: 100px;
  left: calc(45 / 1440 * 100%);
  width: calc(1266 / 1440 * 100%);
  aspect-ratio: 2533 / 1213;
  background: url("../img/academics/education/2602/elementary/message_bg_deco.png") no-repeat top center / 100% auto;
}
@media screen and (max-width: 1440px) {
  .message__deco {
    top: calc(100 / 1440 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .message__deco {
    display: none;
  }
}
.educationKindergarten .message__deco {
  aspect-ratio: 1216 / 598;
  background-image: url("../img/academics/education/2602/kindergarten/message_bg_deco.png");
}
.educationEnglish .message__deco {
  aspect-ratio:  1219 / 378;
  width: calc(1218 / 1440 * 100%);
  top: min(calc(86 / 1440 * 100vw), 86px);
  left: calc(101 / 1440 * 100%);
  background-image: url("../img/academics/education/2602/english/message_bg_deco.webp");
}
.message__ttl-en {
  width: 196px;
  margin-inline: auto;
}
@media screen and (max-width: 1440px) {
  .message__ttl-en {
    width: calc(196 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .message__ttl-en {
    width: calc(128 / 375 * 100%);
  }
}
.message__ttl-jp {
  width: 608px;
  margin: 50px auto 0;
}
@media screen and (max-width: 1440px) {
  .message__ttl-jp {
    width: calc(608 / 1440 * 100vw);
    margin-top: calc(50 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .message__ttl-jp {
    width: calc(329 / 375 * 100vw);
    margin-top: calc(25 / 375 * 100vw);
  }
}
.educationEnglish .message__ttl-jp {
  width: min(calc(448 / 1440 * 100vw), 448px);
}
.message__ttl-jp-sub {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 50px );
}
@media screen and (max-width: 1440px) {
  .message__ttl-jp-sub {
    font-size: calc(24 / 1440 * 100vw);
    margin-top: calc(var(--leading-trim) + (50 / 1440 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .message__ttl-jp-sub {
    font-size: calc(18 / 375 * 100vw);
    margin-top: calc(var(--leading-trim) + (45 / 375 * 100vw));
  }
}
.message__txt {
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 50px);
}
@media screen and (max-width: 768px) {
  .message__txt {
    font-size: calc(14 / 375 * 100vw);
    margin-top: calc(var(--leading-trim) + (40 / 375 * 100vw));
  }
}
.message__item-btn-wrap {
  margin-top: 60px;
}
@media screen and (max-width: 1440px) {
  .message__item-btn-wrap {
    margin-top: calc(60 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .message__item-btn-wrap {
    margin-top: calc(45 / 375 * 100vw);
  }
}
.feature {
  position: relative;
  padding-bottom: 250px;
}
@media screen and (max-width: 1440px) {
  .feature {
    padding-bottom: calc(250 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature {
    padding-bottom: calc(125 / 375 * 100vw);
  }
}
.educationEnglish .feature {
  padding-top: min(calc(120 / 1440 * 100vw), 120px);
}
@media screen and (max-width: 768px) {
  .educationEnglish .feature {
    padding-top: calc(60 / 375 * 100vw);
  }
}
section.has-rounded-top-bg {
  position: relative;
}
section.has-rounded-top-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-99%);
  border-radius: 80px 80px 0 0;
  z-index: 2;
}
@media screen and (max-width: 1440px) {
  section.has-rounded-top-bg::before{
    height: calc(80 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  section.has-rounded-top-bg::before{
    height: calc(40 / 375 * 100vw);
    border-radius: 40px 40px 0 0;
  }
}
.feature.has-rounded-top-bg::before,
.seminar.has-rounded-top-bg::before {
  background: url("../img/academics/education/2602/elementary/elementary_bg03.png") repeat;
}
.feature .section-inner {
  /* セクション上部のボタンがトップのパーツ下に隠れないように指定 */
  position: relative;
  z-index: 2;
}
.feature__link-list {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: center;
  gap: 0 12px;
}
@media screen and (max-width: 768px) {
  .feature__link-list {
    grid-template-columns: 1fr;
    gap: calc(15 / 375 * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .feature__link-list-item {
    text-align: center;
  }
}
.feature__link-btn {
  padding: 12px 16px 12px 20px;
  display: inline-grid;
  grid-template-columns: max-content auto;
  gap: 0 6px;
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--color-text);
  border-radius: 100vmax;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .feature__link-btn {
    padding-block: calc(12 / 1440 * 100vw);
    padding-right: calc(16 / 1440 * 100vw);
    padding-left: calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__link-btn {
    padding-block: calc(7 / 375 * 100vw);
    padding-right: calc(11 / 375 * 100vw);
    padding-left: calc(14 / 375 * 100vw);
  }
}
.feature__link-btn::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/academics/education/2602/icon_arrow_bottom.svg") no-repeat center center / contain;
}
@media screen and (max-width: 1440px) {
  .feature__link-btn::after {
    width: calc(14 / 1440 * 100vw);
    height: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__link-btn::after {
    width: calc(12 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);
  }
}

.senkou-sec-ttl__en {
  display: block;
  text-align: center;

}
.senkou-sec-ttl__jp {
  display: grid;
  grid-template-columns: 11px max-content 11px;
  justify-content: center;
  gap: 0 15px;
  align-items: center;
  margin-top: 30px;
}
@media screen and (max-width: 1440px) {
  .senkou-sec-ttl__jp {
    margin-top: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .senkou-sec-ttl__jp {
    margin-top: calc(15 / 375 * 100vw);
  }
}
.senkou-sec-ttl__jp::before,
.senkou-sec-ttl__jp::after {
  content: '';
  width: 11px;
  height: 11px;
  background: url("../img/academics/education/2602/elementary/senkou_ttl_deco.svg") no-repeat center center / contain;
}
.educationKindergarten .senkou-sec-ttl__jp::before,
.educationKindergarten .senkou-sec-ttl__jp::after {
  background-image: url("../img/academics/education/2602/kindergarten/senkou_ttl_deco.svg");
}
.educationEnglish .senkou-sec-ttl__jp::before,
.educationEnglish .senkou-sec-ttl__jp::after {
  background-image: url("../img/academics/education/2602/english/senkou_ttl_deco.svg");
}
.feature__ttl {
  margin-top: 120px;
}
@media screen and (max-width: 1440px) {
  .feature__ttl {
    margin-top: calc(120 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__ttl {
    margin-top: calc(60 / 375 * 100vw);
  }
}
.educationEnglish .feature__ttl {
  margin-top: 0;
}
.feature__ttl-en img{
  width: 489px;
}
@media screen and (max-width: 1440px) {
  .feature__ttl-en img{
    width: calc(489 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__ttl-en img{
    width: calc(245 / 375 * 100vw);
  }
}
.senkou-feature-card-list {
  margin-top: 110px;
}
@media screen and (max-width: 1440px) {
  .senkou-feature-card-list {
    margin-top: calc(110 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .senkou-feature-card-list {
    margin-top: calc(55 / 375 * 100vw);
  }
}

.educationElementary .column-card:nth-child(2) .column-card__text-box {
  padding-block: 130px;
}
@media screen and (max-width: 1440px) {
  .educationElementary .column-card:nth-child(2) .column-card__text-box {
    padding-block: calc(130 / 1440 * 100vw);
  }
}
.feature__shikaku {
  position: relative;
  margin-top: 139px;
}
@media screen and (max-width: 1440px) {
  .feature__shikaku {
    margin-top: calc(139 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku {
    margin-top: calc(105 / 375 * 100vw);
  }
}
.feature__shikaku-img {
  position: absolute;
  top: max(calc(39 / 1440 * -100vw), -39px);
  left: 0;
  width: clamp(150px, calc(235 / 1440 * 100vw), 235px);
  z-index: 2;
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-img {
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-img {
    width: calc(126 / 375 * 100vw);
    top: calc(54 / 375 * -100vw);
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.feature__shikaku-list-wrap {
  width: calc(1050 / 1150 * 100%);
  padding: 50px 39px 54px 228px;
  background: #fff;
  border-radius: 20px;
  border: 1px solid var(--color-text);
  margin-left: auto;
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-list-wrap {
    padding-top: calc(50 / 1440 * 100vw);
    padding-bottom: calc(54 / 1440 * 100vw);
    padding-left: calc(228 / 1440 * 100vw);
    padding-right: calc(39 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-list-wrap {
    width: 100%;
    padding-top: calc(124 / 375 * 100vw);
    padding-inline: calc(22 / 375 * 100vw);
    padding-bottom: calc(60 / 375 * 100vw);
  }
}
.educationEnglish .feature__shikaku-list-wrap {}

@media screen and (min-width: 769px) {
  .educationEnglish .feature__shikaku-list-wrap {
    padding-left: clamp(120px, calc(165 / 1440 * 100vw), 165px);
    padding-right: min(calc(60 / 1440 * 100vw), 60px);
  }
}

.feature__shikaku-list {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 24px 147px;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-list {
    gap: calc(24 / 1440 * 100vw) calc(147 / 1440 * 100vw);
  }
}
@media screen and (max-width: 1200px) {
  .feature__shikaku-list {
    column-gap: calc(100 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-list {
    grid-template-columns: 1fr;
    gap: calc(24 / 375 * 100vw) 0;
  }
}

.feature__shikaku-list-item {
  margin-block: var(--leading-trim);
  display: flex;
  align-items: center;
  gap: 0 10px;
  font-size: clamp(16px, calc(20 / 1440 * 100vw), 20px);
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-list-item {
    gap: 0 calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-list-item {
    font-size: calc(18 / 375 * 100vw);
    align-items: baseline;
    gap: 0 calc(10 / 375 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .educationKindergarten .feature__shikaku-list-item {
    flex-wrap: wrap;
  }
}
.feature__shikaku-list-item::before {
  content: '';
  width: 11px;
  height: 11px;
  flex-shrink: 0;
  background: var(--color-purple);
  mask: url("../img/academics/education/2602/elementary/senkou_ttl_deco.svg") no-repeat center center / contain;
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-list-item::before {
    width: calc(11 / 1440 * 100vw);
    height: calc(11 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-list-item::before {
    width: calc(11 / 375 * 100vw);
    height: calc(11 / 375 * 100vw);
  }
}
.educationKindergarten .feature__shikaku-list-item::before {
  background: var(--color-pink);
}
.educationEnglish .feature__shikaku-list-item::before {
  background: var(--color-blue);
}
.feature__shikaku-list-item > span {
  font-size: 15px;
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-list-item > span {
    font-size: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-list-item > span {
    font-size: calc(12 / 375 * 100vw);
    width: 100%;
    margin-left: calc(21 / 375 * 100vw);
  }
}
.feature__shikaku-note-list {
  font-size: clamp(12px, calc(15 / 1440 * 100vw), 15px);
  letter-spacing: 0.03em;
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 32px);
}
@media screen and (max-width: 1440px) {
  .feature__shikaku-note-list {
  }
}
@media screen and (max-width: 768px) {
  .feature__shikaku-note-list {
    font-size: calc(12 / 375 * 100vw);
  }
}

.interview {
  position: relative;
  background: url("../img/academics/education/2602/elementary/bg_purple.png") repeat;
  padding-block: 40px 217px;
}
@media screen and (max-width: 1440px) {
  .interview {
    padding-top: calc(40 / 1440 * 100vw);
    padding-bottom: calc(217 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview {
    padding-top: calc(20 / 375 * 100vw);
    padding-bottom: calc(108 / 375 * 100vw);
  }
}
.educationKindergarten .interview {
  background: url("../img/academics/education/2602/kindergarten/bg_pink.png") repeat;
}
.interview.has-rounded-top-bg::before {
  background: url("../img/academics/education/2602/elementary/bg_purple.png") repeat;
}
.educationKindergarten .interview.has-rounded-top-bg::before {
  background: url("../img/academics/education/2602/kindergarten/bg_pink.png") repeat;
}
@media screen and (max-width: 768px) {
  .interview .section-inner {
    padding-inline: calc(24 / 375 * 100vw);
  }
}
.interview__ttl-en img {
  width: 623px;
}
@media screen and (max-width: 1440px) {
  .interview__ttl-en img{
    width: calc(623 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__ttl-en img {
    width: calc(270 / 375 * 100vw);
  }
}
.interview__txt {
  margin-top: 44px;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .interview__txt {
    margin-top: calc(44 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__txt {
    font-size: calc(15 / 375 * 100vw);
    margin-top: calc(22 / 375 * 100vw);
  }
}
.interview__list {
  margin-top: 56px;
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 1440px) {
  .interview__list {
    margin-top: calc(56 / 1440 * 100vw);
    gap: 0 calc(20 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__list {
    flex-direction: column;
    margin-top: calc(40 / 375 * 100vw);
    gap: calc(25 / 375 * 100vw) 0;
    width: 100%;
  }
}
.interview__list-item {
  position: relative;
  z-index: 0;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .interview__list-item {
   z-index: 0;
  flex: unset;
  width: 100%;
  }
}
.interview__list-item::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
  background: var(--color-purple);
  border-radius: 50px;
  border: 1px solid var(--color-text);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .interview__list-item::after {
    top: calc(5 / 375 * 100vw);
    left: calc(5 / 375 * 100vw);
  }
}
.educationKindergarten .interview__list-item::after {
  background: var(--color-pink);
}
.interview__list-item-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(calc(36 / 1440 * 100vw), 36px) 0;
  width: 100%;
  height: 100%;
  padding-top: min(calc(25 / 1440 * 100vw), 25px);
  padding-inline: min(calc(35 / 1440 * 100vw), 35px);
  padding-bottom: min(calc(80 / 1440 * 100vw), 80px);
  border-radius: 50px;
  border: 1px solid var(--color-text);
  text-align: center;
  background: url("../img/academics/education/2602/elementary/bg_white.png") no-repeat center center / cover;
  transition: transform 0.3s;
}
@media (any-hover: hover) {
  .interview__list-item-btn:hover {
    transform: translate(5px, 5px);
  }
}
@media screen and (max-width: 768px) {
  .interview__list-item-btn {
    gap: calc(20 / 375 * 100vw) 0;
    padding-top: calc(15 / 375 * 100vw);
    padding-inline: calc(20 / 375 * 100vw);
    padding-bottom: calc(60 / 375 * 100vw);
  }
}
.interview__list-item-img-box {
  position: relative;
  width: 100%;
  aspect-ratio: 300 / 277;
  background: url("../img/academics/education/2602/elementary/interview_item_bg.svg") no-repeat bottom left / 100% auto;
}
.educationKindergarten .interview__list-item-img-box {
  background: url("../img/academics/education/2602/kindergarten/interview_item_bg.svg") no-repeat bottom left / 100% auto;
}

.interview__list-item-img-mask {
  width: 100%;
  aspect-ratio: 300 / 276;
  mask: url("../img/academics/education/2602/elementary/interview_img_mask.png") no-repeat left top / 100% auto;
}
.interview__list-item-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
}
.interview__list-item-ttl {
  font-size: min(calc(22 / 1440 * 100vw), 22px);
  font-weight: bold;
  line-height: 1.5;
  margin-block: var(--leading-trim);  
}
@media screen and (max-width: 768px) {
  .interview__list-item-ttl {
    font-size: calc(18 / 375 * 100vw);
  }
}
.interview__list-item-ttl.small {
}
@media screen and (min-width: 769px) {
  .interview__list-item-ttl.small {
    font-size: min(calc(21 / 1440 * 100vw), 21px);
  }
}
.interview__list-item-txt {
  line-height: 1.5;
  margin-block: var(--leading-trim);
}
.interview-btn {
  width: fit-content;
  padding: 14px 20px 11px;
  display: grid;
  grid-template-columns: max-content 14px;
  gap: 0 8px;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  background: var(--color-text);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1440px) {
  .interview-btn {
    grid-template-columns: max-content calc(14 / 1440 * 100vw);
    padding-top: calc(14 / 1440 * 100vw);
    padding-inline: calc(20 / 1440 * 100vw);
    padding-bottom: calc(11 / 1440 * 100vw);
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview-btn {
    padding-top: calc(14 / 375 * 100vw);
    padding-inline: calc(20 / 375 * 100vw);
    padding-bottom: calc(11 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
}
.interview-btn__arrow {
  width: 14px;
  height: 14px;
  overflow: hidden;
  position: relative;
}
.interview-btn__arrow::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: #fff;
  mask: url("../img/academics/education/2602/icon_arrow.svg") no-repeat center center / contain;
  animation-fill-mode: forwards;
}

dialog {
  display: none;
  margin: auto;
}
.interview__dialog {
  position: relative;
  width: min(1000px, 80vw);
  aspect-ratio: 1440 / 810;
  border-radius: min(calc(60 / 1440 * 100vw), 60px);
  border: 1px solid var(--color-text);
  background:
    url("../img/academics/education/2602/elementary/bg_white.png") repeat;
  transition: opacity 0.3s;
}

@media screen and (max-width: 768px) {
  .interview__dialog {
    width: min(100%, calc(100vw - 4rem));
    height: 77vh;
    aspect-ratio: unset;
    border-radius: 30px;
  }
}

.interview__dialog::before {
  content: '';
  position: absolute;
  width: 72px;
  aspect-ratio: 72 / 70;
  top: 15.5px;
  left: 15px;  
  background: url("../img/academics/education/2602/elementary/interview_modal_text.svg") no-repeat center center / 100% auto;
  z-index: 5;
}
@media screen and (max-width: 1440px) {
  .interview__dialog::before {
    width: calc(72 / 1440 * 100vw);
    top: calc(15.5 / 1440 * 100vw);
    left: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog::before {
    width: calc(36 / 375 * 100vw);
    top: calc(7.5 / 375 * 100vw);
    left: calc(7.5 / 375 * 100vw);
  }
}
.interview__dialog[open] {
  display: block;
  opacity: 1;
}
@starting-style {
  .interview__dialog[open] {
    opacity: 0;
  }
}
.interview__dialog::backdrop {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.interview__dialog-close-btn {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 28px;
  right: 33px;
  transform: rotate(45deg);
  z-index: 5;
}
@media screen and (max-width: 1440px) {
  .interview__dialog-close-btn {
    width: calc(28 / 1440 * 100vw);
    height: calc(28 / 1440 * 100vw);
    top: calc(28 / 1440 * 100vw);
    right: calc(33 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-close-btn {
    width: calc(28 / 375 * 100vw);
    height: calc(28 / 375 * 100vw);
    top: calc(14 / 375 * 100vw);
    right: calc(16.5 / 375 * 100vw);
  }
}
.interview__dialog-close-btn::before,
.interview__dialog-close-btn::after {
  content: '';
  position: absolute;
  background: var(--color-text);
}
.interview__dialog-close-btn::before {
  width: 100%;
  height: 1px;
  inset: 0;
  margin: auto;
}
.interview__dialog-close-btn::after {
  height: 100%;
  width: 1px;
  inset: 0;
  margin: auto;
}
.interview__dialog-body {
  height: 100%;
  overflow-y: auto;
  padding-top: 88px;
}
@media screen and (max-width: 1440px) {
  .interview__dialog-body {
    padding-top: calc(88 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-body {
    padding-top: calc(45 / 375 * 100vw);
  }
}
.interview__dialog-body-inner {
  padding-inline: 80px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: calc(270 / 1440 * 100%) 1fr;
  gap: 0 calc(64 / 1440 * 100%);
  overscroll-behavior: contain;
}
@media screen and (max-width: 1440px) {
  .interview__dialog-body-inner {
    padding-inline: calc(80 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-body-inner {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: calc(30 / 375 * 100vw) 0;
  }
}
 @media screen and (max-width: 768px) {
  .interview__dialog-left {
    width: 80%;
  }
 }
.interview__dialog-img {
  width: 100%;
  aspect-ratio: 270 / 360;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid var(--color-text);
}
.interview__dialog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interview__dialog-img-txt {
  font-weight: bold;
  line-height: 2;
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 24px);
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .interview__dialog-img-txt {
    margin-top: calc(var(--leading-trim) + calc(24 / 1440 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-img-txt {
    margin-top: calc(var(--leading-trim) + calc(12 / 375 * 100vw));

  }
}
.interview__dialog-right {
  padding-block: 32px;
  height: 100%;
}
@media screen and (max-width: 1440px) {
  .interview__dialog-right {
    padding-block: calc(32 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-right {
    padding-block: 0 calc(40 / 375 * 100vw);
  }
}
.interview__dialog-ttl-wrap {
  padding-bottom: 48px;
  border-bottom: 1px solid #12121233;
}
@media screen and (max-width: 1440px) {
  .interview__dialog-ttl-wrap {
    padding-bottom: calc(48 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-ttl-wrap {
    padding-bottom: calc(30 / 375 * 100vw);
  }
}
.interview__dialog-ttl {
  font-size: 36px;
  line-height: 1.5;
  font-weight: bold;
  margin-block: var(--leading-trim);
}
@media screen and (max-width: 1440px) {
  .interview__dialog-ttl {
    font-size: calc(36 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-ttl {
    font-size: calc(20 / 375 * 100vw);
  }
}
.interview__dialog-ttl.small {}

@media screen and (max-width: 768px) {
  .interview__dialog-ttl.small {
    font-size: calc(18 / 375 * 100vw);
  }
}
.interview__dialog-txt-ttl {
  display: flex;
  align-items: baseline;
  gap: 0 12px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 40px );
}
@media screen and (max-width: 1440px) {
  .interview__dialog-txt-ttl {
    font-size: calc(20 / 1440 * 100vw);
    margin-top: calc(var(--leading-trim) + (40 / 1440 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-txt-ttl {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(var(--leading-trim) + (30 / 375 * 100vw));
  }
}
.interview__dialog-txt-ttl::before {
  content: '';
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  background: var(--color-purple);
  mask: url("../img/academics/education/2602/elementary/senkou_ttl_deco.svg") no-repeat center center / contain;
}
.educationKindergarten .interview__dialog-txt-ttl::before {
  background: var(--color-pink);
}
.interview__dialog-txt {
  line-height: 1.5;
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 32px );
}
@media screen and (max-width: 1440px) {
  .interview__dialog-txt {
    margin-top: calc(var(--leading-trim) + (32 / 1440 * 100vw));
  }
}
@media screen and (max-width: 768px) {
  .interview__dialog-txt {
    margin-top: calc(var(--leading-trim) + (20 / 375 * 100vw));
  }
}

.schedule {
  padding-block: 22px 210px;
  background: url("../img/academics/education/2602/elementary/bg_purple_light.png") repeat;
}
@media screen and (max-width: 768px) {
  .schedule {
    padding-bottom: 105px;
  }
}
.educationKindergarten .schedule {
  background: url("../img/academics/education/2602/kindergarten/bg-light-pink.png") repeat;
}
.schedule.has-rounded-top-bg::before {
  background: url("../img/academics/education/2602/elementary/bg_purple_light.png") repeat;
}
.educationKindergarten .schedule.has-rounded-top-bg::before {
  background: url("../img/academics/education/2602/kindergarten/bg-light-pink.png") repeat;
}
.schedule__ttl {}
.schedule__ttl-en img {
  width: min(calc(580 / 1440 * 100vw), 580px);
}
@media screen and (max-width: 768px) {
  .schedule__ttl-en img {
    width: calc(290 / 375 * 100vw);
  } 
}
.schedule__cont-wrap {
  margin-top: 22px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .schedule__cont-wrap {
    margin-top: 40px;
    /* border-radius: 30px;
    background: url("../img/academics/education/2602/elementary/elementary_bg.png") repeat;
    border: 1px solid #000; */
  }
}
.schedule__cont-wrap::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - (32px + 2lh) );
  font-size: calc(15 / 375 * 100vw);
  border-radius: 30px;
  background: url("../img/academics/education/2602/elementary/elementary_bg.png") repeat;
  border: 1px solid #000;
  z-index: -1;
}
.schedule__lead {
  width: clamp(695px, calc(934 / 1150 * 100%), 934px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: calc(231 / 934 * 100%) 1fr;
  grid-template-areas: "img text";
  align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .schedule__lead {
    width: auto;
    grid-template-columns: 1fr;
    grid-template-areas: 
      "text"
      "img";
    gap: calc(43 / 375 * 100vw) 0;
  }
}
.schedule__lead-img-box {
  grid-area: img;
  position: relative;
  aspect-ratio: 1 / 1;
}
@media screen and (max-width: 768px) {
  .schedule__lead-img-box {
    width: calc(270 / 343 * 100%);
    justify-self: center;
  }  
}
.schedule__lead-img {
  width: calc(271 /231 * 100%);
  aspect-ratio: 542 / 562;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .schedule__lead-img {
    width: calc(307 / 270 * 100%);
    aspect-ratio: 614 / 588;
  }
}
.schedule__lead-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.schedule__lead-text-box {
  grid-area: text;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .schedule__lead-text-box {
  }
}
.schedule__lead-text {
  padding: min(calc(56 / 1440 * 100vw), 56px);
  padding-left: min(calc(36 / 1440 * 100vw), 36px);
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 16px);
}
@media screen and (max-width: 768px) {
  .schedule__lead-text {
    padding: 32px 20px;
    font-size: calc(15 / 375 * 100vw);
  }
}
.schedule__lead-text-bg-area {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(723 / 703 * 100%);
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .schedule__lead-text-bg-area {
    width: 100%;
  }
}
.schedule__lead-text-bg-area::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 1px solid #000;
  background: url("../img/academics/education/2602/elementary/bg_white.png") repeat;
}
.schedule__lead-text-bg-area::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: min(calc(28 / 1440 * 100vw), 28px);
  aspect-ratio: 28 / 32;
  left: 0;
  top: 50%;
  transform: translate(calc(19 / 28 * -100%), -50%);
  background: url("../img/academics/education/2602/elementary/triangle2.svg") no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
  .schedule__lead-text-bg-area::after {
    width: 23px;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -9px) rotate(-90deg);
  }  
}
.schedule__lead-text-bg-area .color-bg {
  position: absolute;
  inset: 0;
  border-radius: 30px;
  border: 1px solid #000;
  transform: translate(7px, 7.4px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .schedule__lead-text-bg-area .color-bg {
    transform: translate(4px, 4px);
  }
  .schedule__lead-text-bg-area .color-bg::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 23px;
    aspect-ratio: 28 / 32;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -9px) rotate(-90deg);
    background: url("../img/academics/education/2602/elementary/triangle_purple.svg") no-repeat center center / contain;
  }
  .schedule__lead-text-bg-area .color-bg::before {
    background-image: url("../img/academics/education/2602/kindergarten/triangle_pink.svg");
  }
}

.schedule__block {
  margin-top: -90px;
  border-radius: 30px;
  border: 1px solid #000;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .schedule__block {
    margin-top: 0;
    border-radius: 0;
    border: unset;
  }
}
.schedule__block-top {
  position: relative;
  padding-top: 155px;
  padding-inline: calc(120 / 1150 * 100%);
  background: url("../img/academics/education/2602/elementary/elementary_bg.png") repeat;
}
@media screen and (max-width: 768px) {
  .schedule__block-top {
    padding-inline: calc(23.5 / 375 * 100vw);
    padding-top: 39px;
    background: none;
  }
}
.schedule__block-top::before,
.schedule__block-top::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  aspect-ratio: 1152 / 101;
}

.schedule__block-top::before {
  width: 100%;
  left: 0;
  transform: translateY(100%);
  background: url("../img/academics/education/2602/elementary/elementary_bg.png") repeat;
  mask: url("../img/academics/education/2602/elementary/schedule_path2.svg") no-repeat top left / 100% auto;
}
@media screen and (max-width: 768px) {
  .schedule__block-top::before {
    aspect-ratio: 343 / 67;
    mask: url("../img/academics/education/2602/elementary/schedule_path_sp.svg") no-repeat top left / 100% auto;
  }
}
.schedule__block-top::after {
  width: calc(100% + 2px);
  left: 50%;
  transform: translate(-50%, 100%);
  background: url("../img/academics/education/2602/elementary/schedule_deco3.svg") no-repeat top left / 100% auto;
}
.educationKindergarten .schedule__block-top::after {
  background: url("../img/academics/education/2602/kindergarten/schedule_deco.svg") no-repeat top left / 100% auto;
}
@media screen and (max-width: 768px) {
  .schedule__block-top::after {
    width: calc(100%);
    aspect-ratio: 343 / 67;
    background: url("../img/academics/education/2602/elementary/schedule_deco_sp.svg") no-repeat top left / 100% auto;
    transform: translate(-50%, calc(100% - 4px));
  }  
  .educationKindergarten .schedule__block-top::after {
    background: url("../img/academics/education/2602/kindergarten/schedule_deco_sp.svg") no-repeat top left / 100% auto;
  }  
}
.schedule__time-list {
  display: grid;
  gap: 32px 0;
}
@media screen and (max-width: 768px) {
  .schedule__time-list {
    gap: calc(35 / 375 * 100vw) 0;
  }
}
.schedule__time-item {
  position: relative;
  display: grid;
  grid-template-columns: auto calc(171 / 910 * 100%) 1fr;
  grid-template-areas: 
    "circle time ttl";
  align-items: center;
  gap: 12px 24px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .schedule__time-item {
    grid-template-columns: auto 1fr;
    grid-template-areas: 
      "circle time"
      "... ttl";
    gap: calc(19 / 375 * 100vw) calc(28 / 375 * 100vw);
  }
}
.schedule__time-item:not(:last-child)::before {
  content: '';
  display: block;
  width: 1.5px;
  height: calc(100% + 32px);
  position: absolute;
  top: 0.5lh;
  left: 5px;
  font-size: 22px;
  line-height: calc(51 / 22);
  background: url("../img/academics/education/2602/elementary/line.svg") repeat-y top left / 100% auto;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .schedule__time-item:not(:last-child)::before {
    width: 1.5px;
    height: calc(100% + (35 / 375 * 100vw));
    top: calc(20 / 375 * 100vw / 2);
    left: 3.25px;
  }
}
@media screen and (max-width: 599px) {
  .schedule__time-item:not(:last-child)::before {
    width: 1px;
  }
}
.schedule__time-item::after {
  grid-area: circle;
  content: '';
  width: 12px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: #C3B8EA;
  border: 1px solid #121212;
}
.educationKindergarten .schedule__time-item::after {
  background: var(--color-pink);
}
@media screen and (max-width: 768px) {
  .schedule__time-item::after {
    width: 8px;
  }
}
.schedule__time-item time {
  grid-area: time;
  height: clamp(23px, calc(30 / 1440 * 100vw), 30px);
  justify-self: center;

  > img {
    height: 100%;
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .schedule__time-item time {
    justify-self: start;
    height: calc(20 / 375 * 100vw);
  }
}
.schedule__time-item .ttl {
  grid-area: ttl;
  font-size: clamp(18px, calc(22 / 1440 * 100vw), 22px);
  line-height: calc(51 / 22);
  font-weight: 600;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .schedule__time-item .ttl {
    font-size: calc(17 / 375 * 100vw);
    line-height: 1.5;
    margin-block: var(--leading-trim);
  }
}
.schedule__time-item-cont {
  display: grid;
  gap: 23px 0;
  grid-column: 3;
}
@media screen and (max-width: 768px) {
  .schedule__time-item-cont {
    grid-column: 2;
    gap: calc() 0;
  }
}
.schedule__time-item-text {
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 16px);
  line-height: 1.8;
  letter-spacing: 0.03em;
  margin-block: var(--leading-trim);
}
@media screen and (max-width: 768px) {
  .schedule__time-item-text {
    font-size: calc(15 / 375 * 100vw);
  }
}
.schedule__time-item-img {
  border-radius: 20px;
  overflow: hidden;
  width: calc(400 / 679 * 100%);
  aspect-ratio: 400 / 225;
}
@media screen and (max-width: 768px) {
  .schedule__time-item-img {
    width: 100%;
  }
}
.schedule__block-btm {
  padding-top: clamp(98px, calc(135 / 1440 * 100vw), 135px);
  padding-bottom: min(calc(66 / 1440 * 100vw), 66px);
  padding-inline: calc(120 / 1150 * 100%);
  background: url("../img/academics/education/2602/bg_grey.jpg") no-repeat center center / cover;
}
@media screen and (max-width: 768px) {
  .schedule__block-btm {
    margin: 0 1px 1px 1px;
    padding-top: calc(86/ 375 * 100vw);
    padding-bottom: calc(49 / 375 * 100vw);
    padding-inline: calc(22 / 375 * 100vw);
    border-radius: 0 0 30px 30px;
  }
} 
.schedule__block-btm-ttl {
  width: 203px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {}

.schedule__block-btm-txt {
  margin-top: 30px;
  font-size: clamp(14px, calc(16 / 1440 * 100vw), 16px);
}
@media screen and (max-width: 768px) {
  .schedule__block-btm-txt {
    margin-top: 26px;
    font-size: calc(15 / 375 * 100vw);
  }
}


.seminar {
  padding-block: 88px 154px;
}
@media screen and (max-width: 1440px) {
  .seminar {
    padding-top: calc(88 / 1440 * 100vw);
    padding-bottom: calc(154 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar {
    padding-top: calc(44 / 375 * 100vw);
    padding-bottom: calc(77 / 375 * 100vw);
  }
}
.seminar__ttl {
  position: relative;
  /* セクションの擬似要素よりも前に表示させるために指定 */
  z-index: 3;
}
.seminar__ttl-img-wrap {
  display: inline-block;
  width: 504.5px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1440px) {
  .seminar__ttl-img-wrap {
    width: calc(504.5 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__ttl-img-wrap {
    width: calc(252 / 375 * 100vw);
  }
}
.seminar__ttl-img-wrap::before {
  content: '';
  position: absolute;
  right: calc(100% - 71px);
  bottom: calc(100% - 8px);
  display: inline-block;
  width: 160px;
  aspect-ratio: 160 / 56;
  background: url("../img/academics/education/2602/elementary/pickup.svg") no-repeat center center / contain;
  z-index: -1;
}
@media screen and (max-width: 1440px) {
  .seminar__ttl-img-wrap::before {
    width: calc(160 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__ttl-img-wrap::before {
    width: calc(100 / 375 * 100vw);
  }
}
.educationKindergarten .seminar__ttl-img-wrap::before {
  background: url("../img/academics/education/2602/kindergarten/pickup.svg") no-repeat center center / contain;
}
.seminar__txt {
  margin-block: var(--leading-trim);
  margin-top: calc(var(--leading-trim) + 44px );
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .seminar__txt {
    margin-top: calc(44 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__txt {
    margin-top: calc(22 / 375 * 100vw);
  }
}
.seminar__list {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
}
@media screen and (max-width: 1440px) {
  .seminar__list {
    margin-top: calc(56 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__list {
    grid-template-columns: 1fr;
    gap: calc(20 / 375 * 100vw) 0;
    margin-top: calc(40 / 375 * 100vw);
  }
}
.seminar__list-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media screen and (max-width: 768px) {
  .seminar__list-item {
    display: block;
    grid-row: unset;
  }
}
.seminar__list-item-link {
  width: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  /* cursor: pointer; */
}
@media screen and (max-width: 768px) {
  .seminar__list-item-link {
    grid-template-rows: repeat(2, auto);
  }
}
.seminar__list-item-img {
  width: 100%;
  aspect-ratio: 370 / 276;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid var(--color-text);
}
.seminar__list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
/* @media (any-hover: hover) {
  .seminar__list-item-link:hover .seminar__list-item-img img{
    transform: scale(1.05);
  }
} */
.seminar__list-item-txt-wrap {
  grid-row: 2;
  z-index: -1;
  margin-top: -89px;
  background: #fff;
  padding: 119px 30px 15px;
  border-radius: 30px;
  border: 1px solid var(--color-text);
  position: relative;
}
@media screen and (max-width: 1440px) {
  .seminar__list-item-txt-wrap {
    margin-top: calc(89 / 1440 * -100vw);
    padding-top: calc(119 / 1440 * 100vw);
    padding-inline: calc(30 / 1440 * 100vw);
    padding-bottom: calc(15 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__list-item-txt-wrap {
    margin-top: calc(50 / 375 * -100vw);
    padding-top: calc(70 / 375 * 100vw);
    padding-inline: calc(20 / 375 * 100vw);
    padding-bottom: calc(15 / 375 * 100vw);
  }
}
.seminar__list-item-ttl {
  font-size: 18px;
  font-weight: bold;
  margin-block: var(--leading-trim);
  line-height: 1.5;
}
@media screen and (max-width: 1440px) {
  .seminar__list-item-ttl{
  }
}
@media screen and (max-width: 768px) {
  .seminar__list-item-ttl{
    font-size: calc(18 / 375 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__list-item-ttl{
    font-size: calc(18 / 375 * 100vw);
  }
}
.seminar__list-item-txt {
  margin-top: calc(var(--leading-trim) + 20px);
  line-height: 1.5;
}
.seminar__list-btn-wrap {
  text-align: right;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .seminar__list-btn-wrap {
    margin-top: calc(5 / 375 * 100vw);
  }
}
.seminar__list-btn {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-content: center;
  background: var(--color-purple);
  border-radius: 50%;
  border: 1px solid var(--color-text);
  margin-right: -15px;
}
@media screen and (max-width: 1440px) {
  .seminar__list-btn {
    width: calc(36 / 1440 * 100vw);
    height: calc(36 / 1440 * 100vw);
    margin-right: calc(15 / 1440 * -100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__list-btn {
    width: calc(36 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    margin-right: calc(10 / 375 * -100vw);
  }
}
.educationKindergarten .seminar__list-btn {
  background: var(--color-pink);
}
.seminar__list-btn img {
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 1440px) {
  .seminar__list-btn img {
    width: calc(14 / 1440 * 100vw);
    height: calc(14 / 1440 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .seminar__list-btn img {
    width: calc(14 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
  }
}