.about {
  margin: 4.2666666667vw auto 0;
  position: relative;
}
@media (min-width: 52.1875em) {
  .about {
    margin: 1.5555555555999998vw auto 0;
    width: 83.3333333333vw;
  }
}
.lecture__sp {
  font-size: 3.511111vw; 
  color: black; 
  font-weight:200; 
  padding: 4.01vh 0 10.01vw 6.4vw; 
  line-height: 6vw; 
  font-family: 'Noto Sans JP';
}

.lecture__desktop {
  font-size: 1.1111111111vw; 
  color: black; 
  font-weight:200; 
  padding-top: 3vh;
  padding-bottom: 5vw; 
  font-family: 'Noto Sans JP';
}

.about .about__img {
  width: 100vw;
}
@media (min-width: 52.1875em) {
  .about .about__img {
    height: 33.3333333333vw;
    width: 100%;
  }
}
.about .about__img img {
  height: 100%;
  width: 100%;
}
.about .about__back {
  display: none;
  position: absolute;
  z-index: -1;
}
@media (min-width: 52.1875em) {
  .about .about__back {
    bottom: -1.3888888889vw;
    display: block;
    height: 41.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 132.6388888889vw;
  }
}
.about .about__back img {
  height: 100%;
  width: 100%;
}
.about .about__tag {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.43;
  margin: 10.6666666667vw auto 0;
  padding-bottom: 4.2666666667vw;
  position: relative;
  width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .about .about__tag {
    font-size: 1.1111111111vw;
    margin: 5.5555555556vw auto 0;
    padding-bottom: 1.7361111111vw;
    width: 66.6666666667vw;
  }
}
.about .about__tag:after {
  background-color: #b28224;
  bottom: 0;
  content: "";
  height: 0.2666666667vw;
  left: 0;
  position: absolute;
  width: 8.5333333333vw;
}
@media (min-width: 52.1875em) {
  .about .about__tag:after {
    height: 0.0694444444vw;
    width: 2.7777777778vw;
  }
}
.about h2 {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 7.4666666667vw;
  font-weight: 700;
  line-height: 1.6;
  margin: 6.4vw auto 0;
  width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .about h2 {
    font-size: 2.7777777778vw;
    line-height: 1;
    margin: 3.4722222222vw auto 0;
    width: 66.6666666667vw;
  }
}
.about .about__text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 2;
  margin: 6.4vw auto 0;
  width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .about .about__text {
    font-size: 1.1111111111vw;
    margin: 3.3333333333vw auto 0;
    width: 66.6666666667vw;
  }
}
.program {
  background: #f5f5f6;
  margin-top: 17.0666666667vw;
  padding: 17.0666666667vw 6.4vw 21.3333333333vw;
}
@media (min-width: 52.1875em) {
  .program {
    margin-top: 8.3333333333vw;
    padding: 6.6666666667vw 8.3333333333vw 8.3333333333vw;
  }
}
.program .program__title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 7.4666666667vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  text-align: center;
}
@media (min-width: 52.1875em) {
  .program .program__title {
    font-size: 2.7777777778vw;
  }
}
.program .program__title span {
  margin-bottom: 2.1333333333vw;
}
@media (min-width: 52.1875em) {
  .program .program__title span {
    margin-bottom: 1.3888888889vw;
  }
}
.program .program__contents {
  margin-top: 10.6666666667vw;
}
@media (min-width: 52.1875em) {
  .program .program__contents {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
  }
}
.program .program__contents .program__content {
  margin-top: 10.6666666667vw;
  width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .program .program__contents .program__content {
    margin-top: 4.4444444444vw;
    width: 26.1111111111vw;
  }
}
.program .program__contents .program__content .program__content-img {
  height: 53.8666666667vw;
}
@media (min-width: 52.1875em) {
  .program .program__contents .program__content .program__content-img {
    height: 16.1111111111vw;
  }
}
.program .program__contents .program__content .program__content-img img {
  height: 100%;
  width: 100%;
}
.program .program__contents .program__content .program__content-title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 6.4vw;
}
@media (min-width: 52.1875em) {
  .program .program__contents .program__content .program__content-title {
    font-size: 1.6666666667vw;
    margin-top: 1.6666666667vw;
  }
}
.program .program__contents .program__content .program__content-text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.7;
  margin: 3.2vw 0;
}
@media (min-width: 52.1875em) {
  .program .program__contents .program__content .program__content-text {
    font-size: 1.1111111111vw;
    line-height: 2;
    margin: 1.3888888889vw 0;
  }
}
.feedback {
  background: #f5f5f6;
  margin-top: 17.3333333333vw;
  padding: 17.0666666667vw 6.4vw;
}
@media (min-width: 52.1875em) {
  .feedback {
    margin-top: 8.3333333333vw;
    padding: 6.666667vw 15.666667vw 9.333333vw;
  }
}
.feedback__title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 7.4666666667vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  text-align: center;
}



.feedback__view:after{
    background: linear-gradient(180deg, hsla(240, 5%, 96%, 0), #f5f5f6 66.22%);
    bottom: 5.9333333332999985vw;
    content: "";
    height: 56.333333vw;
    left: -32vw;
    position: absolute;
    width: 92vw;
    z-index: 4;
}

.feedback__view {
  bottom: -3vh;
  color: #b28224;
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 4.2666666667vw;
  font-weight: 500;
  left: 50%;
  line-height: 1.31;
  position: absolute;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  transform: translateX(-50%);
  transition: all 0.5s;
  z-index: 10;
}

input {
  display: none;
}

input:checked ~ label.feedback__view {
  display: none;
}

input:checked + .feedback__2 {
  display: block;
}

.feedback__2 {
    display: none;
}




@media (min-width: 52.1875em) {
  .feedback__title {
    font-size: 2.7777777778vw;
  }
}
.feedback__title span {
  margin-bottom: 2.1333333333vw;
}
@media (min-width: 52.1875em) {
  .feedback__title span {
    margin-bottom: 1.3888888889vw;
  }
}
.feedback .feedback__contents {
  margin-top: 12.8vw;
  padding-top: 8.5333333333vw;
  position: relative;
}
@media (min-width: 52.1875em) {
  .feedback .feedback__contents {
    margin-top: 4.4444444444vw;
    padding-top: 2.7777777778vw;
  }
}
.feedback .feedback__contents:after {
  content: "";
  height: 0.2666666667vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 17.0666666667vw;
}
@media (min-width: 52.1875em) {
  .feedback .feedback__contents:after {
    height: 0.0694444444vw;
    left: 0;
    top: 0;
    width: 8.3333333333vw;
  }
}
.feedback .feedback__contents:before {
  background-color: #000426;
  content: "";
  height: 0.2666666667vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 52.1875em) {
  .feedback .feedback__contents:before {
    height: 0.0694444444vw;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.feedback .feedback__contents .feedback__content-title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 6.4vw;
  position: relative;
}
@media (min-width: 52.1875em) {
  .feedback .feedback__contents .feedback__content-title {
    font-size: 2.2222222222vw;
    margin-bottom: 3.3333333333vw;
    text-align: center;
  }
}
.feedback .feedback__contents .feedback__text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 2;
  margin: 0 0 6.4vw;
}
@media (min-width: 52.1875em) {
  .feedback .feedback__contents .feedback__text {
    font-size: 1.1111111111vw;
    margin: 0 0 2.0833333333vw;
    width: 66.6666666667vw;
  }
}
.feedback .feedback__contents .feedback__text:last-of-type {
  margin-bottom: 0;
}
.lecture {
  margin: 17.0666666667vw auto 0;
  max-width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .lecture {
    margin: 7.2916666667vw auto 0;
    max-width: 83.3333333333vw;
  }
}
.lecture .lecture__title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 7.4666666667vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  text-align: center;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__title {
    font-size: 2.7777777778vw;
  }
}
.lecture .lecture__title span {
  margin-bottom: 2.1333333333vw;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__title span {
    margin-bottom: 1.3888888889vw;
  }
}
.lecture .lecture__contents {
  margin-bottom: -10.6666666667vw;
  margin-top: 10.6666666667vw;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -4.4444444444vw;
    margin-top: 4.4444444444vw;
  }
}
.lecture .lecture__contents .lecture__content {
  margin-bottom: 10.6666666667vw;
  width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__contents .lecture__content {
    margin-bottom: 4.4444444444vw;
    width: 26.1111111111vw;
  }
}
.lecture .lecture__contents .lecture__content .lecture__content-img {
  height: 53.8666666667vw;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__contents .lecture__content .lecture__content-img {
    height: 16.1111111111vw;
  }
}
.lecture .lecture__contents .lecture__content .lecture__content-img img {
  height: 100%;
  width: 100%;
}
.lecture .lecture__contents .lecture__content .lecture__content-title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 6.4vw;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__contents .lecture__content .lecture__content-title {
    font-size: 1.6666666667vw;
    margin-top: 1.6666666667vw;
  }
}
.lecture .lecture__contents .lecture__content .lecture__content-title span {
  color: #b28224;
  display: block;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1.0666666667vw;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__contents .lecture__content .lecture__content-title span {
    font-size: 1.1111111111vw;
    line-height: 1;
    margin-bottom: 1.1111111111vw;
  }
}
.lecture .lecture__contents .lecture__content .lecture__content-text {
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.7;
  margin: 4.2666666667vw 0;
}
@media (min-width: 52.1875em) {
  .lecture .lecture__contents .lecture__content .lecture__content-text {
    font-size: 1.1111111111vw;
    line-height: 2;
    margin: 1.3888888889vw 0;
  }
}
.other {
  margin: 17.3333333333vw auto 0;
  max-width: 87.2vw;
}
@media (min-width: 52.1875em) {
  .other {
    margin: 7.2916666667vw auto 0;
    max-width: 83.3333333333vw;
  }
}
.other__title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 7.4666666667vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.6;
  position: relative;
  text-align: center;
}
@media (min-width: 52.1875em) {
  .other__title {
    font-size: 2.7777777778vw;
  }
}
.other__title span {
  margin-bottom: 2.1333333333vw;
}
@media (min-width: 52.1875em) {
  .other__title span {
    margin-bottom: 1.3888888889vw;
  }
}
.other .other__contents {
  margin-bottom: 21.3333333333vw;
  margin-top: 10.6666666667vw;
}
@media (min-width: 52.1875em) {
  .other .other__contents {
    display: grid;
    column-gap: 2.47vw;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    margin-bottom: 8.3333333333vw;
    margin-top: 4.4444444444vw;
  }
}
.other .other__contents .other__content {
  margin-bottom: 12.8vw;
}
@media (min-width: 52.1875em) {
  .other .other__contents .other__content {
    margin-bottom: 0;
  }
}
.other .other__contents .other__content .other__content-category {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 6.4vw;
  padding-bottom: 4.2666666667vw;
  position: relative;
}
@media (min-width: 52.1875em) {
  .other .other__contents .other__content .other__content-category {
    font-size: 1.6666666667vw;
    margin-bottom: 3.3333333333vw;
    padding-bottom: 1.9444444444vw;
  }
}
.other .other__contents .other__content .other__content-category:after {
  background-color: #b28224;
  bottom: 0;
  content: "";
  height: 0.2666666667vw;
  left: 0;
  position: absolute;
  width: 17.0666666667vw;
}
@media (min-width: 52.1875em) {
  .other .other__contents .other__content .other__content-category:after {
    bottom: 0;
    height: 0.0694444444vw;
    left: 0;
    width: 2.7777777778vw;
  }
}
.other .other__contents .other__content-img {
  height: 53.8666666667vw;
}
@media (min-width: 52.1875em) {
  .other .other__contents .other__content-img {
    height: 16.1111111111vw;
  }
}
.other .other__contents .other__content-img img {
  height: 100%;
  width: 100%;
}
.other .other__contents .other__content .other__content-title {
  font-family: "Noto Serif JP", EB Garamond, serif;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 4.2666666667vw;
}
@media (min-width: 52.1875em) {
  .other .other__contents .other__content .other__content-title {
    font-size: 1.6666666667vw;
    margin-top: 1.6666666667vw;
  }
}