@charset "shift_jis";
/************************************
    Syakai/02.html
************************************/
.section-anchor-link .menu__list {
  display: flex;
}

.section-after_school .after_school {
  border-radius: 8.1424936387vw;
  display: flex;
  overflow: hidden;
  padding: 10.1781170483vw 6.106870229vw;
  position: relative;
  width: 100%;
}
.section-after_school .after_school::after {
  background-image: linear-gradient(266.62deg, rgba(255, 255, 255, 0.5) 16.39%, #e6edf5 59.3%, #f4e7e1 128.89%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 125%;
  z-index: -2;
}
.section-after_school .after_school::before {
  background-image: url(../../images/texture_dot.png);
  background-position: left top;
  background-repeat: repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  mix-blend-mode: overlay;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.section-after_school .after_school__text .title {
  font-weight: 500;
}
.section-after_school .after_school__text .text {
  font-size: 4.0712468193vw;
  margin-top: 6.106870229vw;
}
.section-after_school .after_school__imgbox {
  align-items: center;
  background-color: #f2a000;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.section-culture .content__inner {
  display: flex;
  flex-wrap: wrap;
}
.section-culture .content__item {
  width: 100%;
}
.section-culture .content__item .title {
  font-size: 4.5801526718vw;
  font-weight: 500;
  margin: 4.0712468193vw 0;
}
.section-culture .content__item .text {
  font-size: 3.8167938931vw;
}
.section-culture .content__item .text__link {
  margin-top: 4.0712468193vw;
}
.section-culture .content__imgbox {
  border-radius: 4.0712468193vw;
  height: 54.7073791349vw;
  overflow: hidden;
  width: 87.786259542vw;
}

.section-energy .section__inner {
  padding-top: 12.213740458vw;
}
.section-energy .content__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-energy .content__item .title {
  font-size: 4.5801526718vw;
  font-weight: 500;
  margin: 4.0712468193vw 0;
}
.section-energy .content__item .text__note {
  color: #6b7484;
}
.section-energy .content__imgbox {
  border-radius: 4.0712468193vw;
  height: 33.8422391858vw;
  overflow: hidden;
  width: 87.786259542vw;
}
.section-energy .content__imgbox .culture-img {
  height: min(14.9305555556vw, 215px);
}
@media screen and (max-width: 1023px) {
  .section-anchor-link .menu__list {
    gap: 6.106870229vw;
  }
  .section-anchor-link .menu__item {
    width: calc(50% - 3.0534351145vw);
  }
  .section-after_school .after_school {
    flex-direction: column;
  }
  .section-after_school .after_school__text {
    order: 1;
  }
  .section-after_school .after_school__text .title {
    font-size: 5.0890585242vw;
    line-height: 7.3791348601vw;
    margin-top: 6.106870229vw;
  }
  .section-after_school .after_school__imgbox {
    border-radius: 4.0712468193vw;
    height: 39.6946564885vw;
    width: 75.572519084vw;
  }
  .section-after_school .after_school__imgbox .img-logo {
    height: 29.262086514vw;
    width: 58.524173028vw;
  }
  .section-culture .section__inner {
    padding-top: 12.213740458vw;
  }
  .section-culture .content__item:nth-child(n+2) {
    margin-top: 7.6335877863vw;
  }
  .section-energy .content__inner {
    flex-direction: column;
  }
  .section-energy .content__item:nth-child(n+2) {
    margin-top: 7.6335877863vw;
  }
  .section-energy .content__item .text__link {
    margin-top: 4.0712468193vw;
  }
  .section-energy .content__item .text__note {
    font-size: 3.3078880407vw;
    margin-top: 4.0712468193vw;
  }
}
@media screen and (min-width: 1024px) {
  .section-anchor-link .menu__list {
    gap: min(1.6666666667vw, 24px);
  }
  .section-after_school .after_school {
    align-items: center;
    border-radius: min(2.2222222222vw, 32px);
    gap: min(3.4722222222vw, 50px);
    margin-top: min(1.1111111111vw, 16px);
    padding: min(2.7777777778vw, 40px) min(4.4444444444vw, 64px);
    width: min(79.1666666667vw, 1140px);
  }
  .section-after_school .after_school__text {
    width: min(40.4166666667vw, 582px);
  }
  .section-after_school .after_school__text .title {
    font-size: min(1.6666666667vw, 24px);
    width: min(40.4166666667vw, 582px);
  }
  .section-after_school .after_school__text .text {
    font-size: clamp(16px, 1.25vw, 18px);
    margin-top: min(1.6666666667vw, 24px);
  }
  .section-after_school .after_school__imgbox {
    border-radius: min(1.1111111111vw, 16px);
    height: min(13.8888888889vw, 200px);
    width: min(26.3888888889vw, 380px);
  }
  .section-after_school .after_school__imgbox .img-logo {
    height: min(9.7222222222vw, 140px);
    width: min(19.4444444444vw, 280px);
  }
  .section-culture .section__inner {
    padding-top: min(3.3333333333vw, 48px);
  }
  .section-culture .content__inner {
    gap: min(3.6458333333vw, 52.5px);
  }
  .section-culture .content__item {
    width: min(23.9583333333vw, 345px);
  }
  .section-culture .content__item .title {
    font-size: clamp(16px, 1.25vw, 18px);
    margin: min(1.1111111111vw, 16px) 0;
  }
  .section-culture .content__item .text {
    font-size: clamp(14px, 1.1111111111vw, 16px);
  }
  .section-culture .content__item .text__link {
    margin-top: min(1.1111111111vw, 16px);
  }
  .section-culture .content__imgbox {
    border-radius: min(1.1111111111vw, 16px);
    height: min(14.9305555556vw, 215px);
    width: min(23.9583333333vw, 345px);
  }
  .section-culture .content__imgbox .culture-img {
    height: min(14.9305555556vw, 215px);
  }
  .section-energy .section__inner {
    padding-top: min(3.3333333333vw, 48px);
  }
  .section-energy .content__item {
    width: min(37.5vw, 540px);
  }
  .section-energy .content__item:nth-child(n+3) {
    margin-top: min(2.7777777778vw, 40px);
  }
  .section-energy .content__item .title {
    font-size: clamp(16px, 1.25vw, 18px);
    margin: min(1.1111111111vw, 16px) 0;
  }
  .section-energy .content__item .text__link {
    margin-top: min(1.1111111111vw, 16px);
  }
  .section-energy .content__item .text__note {
    font-size: clamp(11px, 0.9027777778vw, 13px);
    margin-top: min(1.1111111111vw, 16px);
  }
  .section-energy .content__imgbox {
    border-radius: min(1.1111111111vw, 16px);
    height: min(14.9305555556vw, 215px);
    width: min(37.5vw, 540px);
  }
}