.education .section-title {
  font-size: 29.8px;
  letter-spacing: 0.05em;
  line-height: 1.2030201342;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  color: #000;
  padding-bottom: 29px;
  position: relative;
  z-index: 1;
}
.education .section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.education .section-title::before {
  content: "";
  position: absolute;
  top: 83%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  background: #ED6D1F;
  background: linear-gradient(153deg, rgb(237, 109, 31) 0%, rgb(237, 109, 31) 15%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  z-index: -1;
}
.education .fv.top-fv {
  margin-top: 116px;
  position: relative;
}
.education .fv-wrap {
  margin-right: calc(50% - 50vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.education .fv-content {
  width: 54%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.education .fv-block {
  width: 38%;
  max-width: 600px;
  width: 100%;
  height: 1000px;
  display: block;
}
.education .fv-img {
  position: absolute;
  top: 0;
  right: 0;
  aspect-ratio: 600/1000;
  width: calc(480px + 120 * (100vw - 780px) / 1140);
}
.education .fv-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.education .fv-title {
  font-size: 54.05px;
  letter-spacing: 0.05em;
  line-height: 1.1100832562;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  color: #000;
  margin-top: 104px;
}
.education .fv-text {
  margin-top: 59px;
}
.education .fv-text p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.998125;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  color: #000;
}
.education .fv-text p + p {
  margin-top: 33px;
}
.education .title-area {
  margin-top: 131px;
  padding: 349px 0 354px;
  background-image: -webkit-image-set(url("./../images/education_bg.webp") type("image/webp"), url("./../images/education_bg.jpg") type("image/jpeg"));
  background-image: image-set(url("./../images/education_bg.webp") type("image/webp"), url("./../images/education_bg.jpg") type("image/jpeg"));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.education .title-area .title-en {
  font-size: 24px;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  color: #fff;
  font-family: "CabinetGrotesk-Bold", sans-serif;
}
.education .title-area .title-ja {
  font-size: 53px;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
.education .description-area.top-description {
  margin-top: 94px;
}
.education .description-area .heading {
  font-size: 29.89px;
  letter-spacing: 0.05em;
  line-height: 1.2030779525;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  color: #000;
}
.education .description-area .text-wrap {
  margin-top: 22px;
  padding-left: 6px;
}
.education .description-area .text {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.993125;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 780px) {
  .education .section-title {
    font-size: 3.8205128205vw;
    padding-bottom: 3.7179487179vw;
  }
  .education .section-title::before {
    content: "";
    position: absolute;
    top: 80%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 38.4615384615vw;
    height: 38.4615384615vw;
    background: #ED6D1F;
    background: linear-gradient(153deg, rgb(237, 109, 31) 0%, rgb(237, 109, 31) 10%, rgba(255, 255, 255, 0) 75%);
    border-radius: 50%;
    z-index: -1;
  }
  .education .fv.top-fv {
    margin-top: 17.9487179487vw;
  }
  .education .fv-wrap {
    margin-right: 0;
    display: block;
  }
  .education .fv-content {
    width: 100%;
  }
  .education .fv-block {
    display: none;
  }
  .education .fv-img {
    position: static;
    margin-top: 8.9743589744vw;
    margin-left: auto;
    aspect-ratio: 450/750;
    max-width: 57.6923076923vw;
    width: 100%;
  }
  .education .fv-title {
    font-size: 6.9230769231vw;
    line-height: 1.3333333333;
    margin-top: 0;
  }
  .education .fv-text {
    margin-top: 5.1282051282vw;
  }
  .education .fv-text p {
    font-size: 3.3333333333vw;
    line-height: 1.5384615385;
  }
  .education .fv-text p + p {
    margin-top: 5vw;
  }
  .education .title-area {
    margin-top: 36.5384615385vw;
    padding: 44.8717948718vw 0;
  }
  .education .title-area .title-en {
    font-size: 3.0769230769vw;
  }
  .education .title-area .title-ja {
    font-size: 6.9230769231vw;
    letter-spacing: 0.03em;
  }
  .education .description-area.top-description {
    margin-top: 11.4102564103vw;
  }
  .education .description-area .heading {
    font-size: 4.6153846154vw;
  }
  .education .description-area .text-wrap {
    margin-top: 2.8205128205vw;
  }
  .education .description-area .text {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.5384615385;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    font-weight: 400;
    color: #000;
  }
}
.education .over-wrap {
  overflow-x: hidden;
}
.education .content-area.top-content {
  margin-top: 224px;
}
.education .content-area {
  background-color: #f6f6f6;
}
.education .content-items {
  max-width: 1000px;
  margin: 0 auto;
}
.education .content-item {
  padding: 170px 0 103px;
  display: grid;
  grid-template-columns: 570px 1fr;
}
.education .content-item:nth-of-type(even) {
  position: relative;
  padding-top: 142px;
  padding-bottom: 100px;
  z-index: 1;
}
.education .content-item:nth-of-type(even)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100vw + 50%);
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.education .content-item:nth-of-type(even) .title {
  margin-top: 52px;
}
.education .content-item .title {
  margin-top: 20px;
}
.education .content-item .text {
  margin-top: 32px;
}
.education .content-item .text p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 400;
  color: #000;
}
.education .content-item .text p + p {
  margin-top: 0;
}
.education .content-item .img-wrap {
  display: grid;
  place-items: center;
}
.education .content-item .img-inner {
  aspect-ratio: 265/312;
  max-width: 265px;
  margin-left: 60px;
}
.education .content-item:nth-child(2) .img-inner {
  aspect-ratio: 227/204;
  max-width: 227px;
}
.education .content-item:nth-child(3) .img-inner {
  aspect-ratio: 286/248;
  max-width: 286px;
}
.education .content-item:nth-child(4) .img-inner {
  aspect-ratio: 251/269;
  max-width: 251px;
}
.education .content-item:nth-child(5) .img-inner {
  aspect-ratio: 170/270;
  max-width: 170px;
}
.education .content-item .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.education .works {
  padding-top: 170px;
  padding-bottom: 165px;
}
.education .works .title-wrap {
  padding-bottom: 42px;
  position: relative;
}
.education .works .title-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background-color: #000;
}
.education .works .title-en {
  font-size: 25px;
  letter-spacing: 0.05em;
  line-height: 1;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  color: #000;
  font-family: "CabinetGrotesk-Bold", sans-serif;
}
.education .works .title-ja {
  font-size: 53.93px;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}
.education .works .text {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  font-weight: 400;
  color: #000;
  margin-top: 31px;
}
@media screen and (max-width: 780px) {
  .education .content-area.top-content {
    margin-top: 21.1538461538vw;
  }
  .education .content-item {
    padding-top: 24.358974359vw;
    padding-bottom: 25.5128205128vw;
    display: block;
    position: relative;
    z-index: 1;
  }
  .education .content-item:nth-of-type(even) {
    padding-top: 23.3333333333vw;
    padding-bottom: 25.641025641vw;
  }
  .education .content-item:nth-of-type(even) .title {
    margin-top: 0;
  }
  .education .content-item:nth-of-type(even)::before {
    right: -4.6%;
  }
  .education .content-item .title {
    margin-top: 0;
  }
  .education .content-item .text p {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.5384615385;
  }
  .education .content-item .text p + p {
    margin-top: 1.7948717949vw;
  }
  .education .content-item .img-wrap {
    display: block;
    position: absolute;
    right: 0;
    bottom: 10%;
    opacity: 0.2;
    z-index: -1;
  }
  .education .content-item:nth-of-type(even) .img-wrap {
    right: 4%;
  }
  .education .content-item .img-inner {
    aspect-ratio: 265/312;
    max-width: 33.9743589744vw;
  }
  .education .content-item:nth-child(2) .img-inner {
    aspect-ratio: 227/204;
    max-width: 29.1025641026vw;
  }
  .education .content-item:nth-child(3) .img-inner {
    aspect-ratio: 286/248;
    max-width: 36.6666666667vw;
  }
  .education .content-item:nth-child(4) .img-inner {
    aspect-ratio: 251/269;
    max-width: 32.1794871795vw;
  }
  .education .content-item:nth-child(5) .img-inner {
    aspect-ratio: 170/270;
    max-width: 21.7948717949vw;
  }
  .education .content-item .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
  }
  .education .works {
    padding-top: 17.3076923077vw;
    padding-bottom: 16.4102564103vw;
  }
  .education .works .title-wrap {
    padding-bottom: 5.3846153846vw;
    position: relative;
  }
  .education .works .title-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10.2564102564vw;
    height: 1px;
    background-color: #000;
  }
  .education .works .title-en {
    font-size: 3.2051282051vw;
    letter-spacing: 0.05em;
    line-height: 1;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    font-weight: 600;
    color: #000;
    font-family: "CabinetGrotesk-Bold", sans-serif;
  }
  .education .works .title-ja {
    font-size: 6.9230769231vw;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    font-weight: 600;
    color: #000;
  }
  .education .works .text {
    font-size: 3.3333333333vw;
    letter-spacing: 0.05em;
    line-height: 1.5384615385;
    margin-top: 4.6153846154vw;
  }
}