#contentsArea {
  position: relative;
  width: 100%;
  /* height: 900px; */
  /* padding-top: 50px; */
  background: #fff;
  font-family: YuGothic,
    'Yu Gothic Medium',
    'Yu Gothic',
    -apple-system,
    BlinkMacSystemFont,
    Roboto,
    Meiryo,
    sans-serif;
}

#contentsArea img {
  width: 100%;
}

#contentsArea picture {
  display: block;
}

.contentsArea__wrap {
  max-width: 1200px;
  min-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 979px) {
  .contentsArea__wrap {
    max-width: 640px;
    min-width: 100%;
    margin: 0 auto;
    background-color: #fff;
  }
}

.lowerArea {
  width: 900px;
  margin: 0 auto;
}

.lowerArea img {
  width: 100%;
}

@media screen and (max-width: 979px) {
  .lowerArea {
    width: 100%;
  }
}

.adulation {
  position: fixed;
  z-index: 10;
  bottom: 0;
  width: 100%;
  height: 100px;
  background-color: #FFD41F;
}

@media screen and (max-width: 979px) {
  .adulation {
    background-color: transparent;
  }
}

.adulation__link {
  display: inline-block;
  width: 100%;
  min-width: 900px;
  height: 100%;
}

@media screen and (max-width: 979px) {
  .adulation__link {
    min-width: 100%;
  }
}

.adulation__pic {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 902px;
  transition: all .3s;
}

@media screen and (max-width: 979px) {
  .adulation__pic {
    bottom: 0;
    padding: 3px 25px;
    width: 100%;
    background-color: #048900;
  }
}

.kvSec {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  height: 600px;
  margin: 0 auto 80px;
}

@media screen and (max-width: 979px) {
  .kvSec {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
}


.kvSec__topWrap {
  position: relative;
  overflow: hidden;
}

.kvSec__fixed {
  width: 1200px !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.kvSec__title {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 2;
  width: 448px;
  height: 180px;
}

@media screen and (max-width: 979px) {
  .kvSec__title {
    top: 47.5vw;
    left: 0;
    z-index: 2;
    width: 80.5Vw;
    height: auto;
  }
}


.kvSec__bottomWrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  padding: 0 18px 10px;
}

@media screen and (max-width: 979px) {
  .kvSec__bottomWrap {
    padding-bottom: 20px;
    width: 100%;
  }
}

.kvSec__bottomBox {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 103px;
}

@media screen and (max-width: 979px) {
  .kvSec__bottomBox {
    width: 100%;
    gap: 30px;
    right: 0;
    bottom: 47%;
  }
}

.kvSec__desc {
  width: 697px;
}

@media screen and (max-width: 979px) {
  .kvSec__desc {
    width: 80%;
    margin: 0 auto;
  }
}

.kvSec__browWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 697px;
  gap: 13px;
}

@media screen and (max-width: 979px) {
  .kvSec__browWrap {
    justify-content: center;
    gap: 20px;
    width: calc(100% - 32px);
    margin: 0 auto;
  }
}

@media screen and (max-width: 979px) {

  .kvSec__brow--left,
  .kvSec__brow--right {
    width: 290px;
  }
}

.kvSec__catch {
  position: relative;
  bottom: 1px;
  width: 100%;
}


.introSec {
  width: 100%;
  margin: 0 auto 78px;
}

@media screen and (max-width: 979px) {
  .introSec {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto 40px;
  }
}

.introSec__tabWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 979px) {
  .introSec__tabWrap {
    margin-bottom: 10px;
  }
}

.introSec__tab--left,
.introSec__tab--right {
  width: 290px;
}

.introSec__tab--right {
  transition: all .3s;
}

.introSec__tab--right:hover {
  opacity: .6;
}

.introSec__bgWrap {
  position: relative;
  width: 100%;
  margin-bottom: 5px;
}

.introSec__wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 40px;
  position: absolute;
  top: 53%;
  left: 49%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  height: auto;
  padding-bottom: 27px;
}

@media screen and (max-width: 979px) {
  .introSec__wrap {
    flex-direction: column;
    top: 60%;
    gap: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 18px;
  }
}

.introSec__item {
  width: 198px;
}

@media screen and (max-width: 979px) {
  .introSec__item {
    width: 24%;
  }
}

.introSec__leftWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 35px;
  width: 560px;
  margin-top: auto;
  padding-bottom: 3px;
}

@media screen and (max-width: 979px) {
  .introSec__leftWrap {
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    /* padding-left: 16px; */
    /* padding-right: 16px; */
    padding-bottom: 0;
  }
}

.introSec__price {
  width: 561px;
}

@media screen and (max-width: 979px) {
  .introSec__price {
    width: 71%;
  }
}

.introSec__button {
  width: 560px;
  transition: all .3s;
}

@media screen and (max-width: 979px) {
  .introSec__button {
    width: 100%;
    margin: 0 auto;
  }
}

.introSec__button:hover {
  opacity: .6;
}

.introSec__notes {
  font-size: 13px;
  color: #000;
  line-height: 1.5;
}

@media screen and (max-width: 979px) {
  .introSec__notes {
    font-size: 12px;
  }
}

.introSec__link {
  color: #29ABE2;
}

.indexMenu {
  width: 100%;
  margin: 0 auto 80px;
}

@media screen and (max-width: 979px) {
  .indexMenu {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 35px;
  }
}

.indexMenu__title {
  font-size: 30px;
  color: #606060;
  text-align: center;
}

@media screen and (max-width: 979px) {
  .indexMenu__title {
    font-size: 18px;
  }
}

.indexMenu__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

@media screen and (max-width: 979px) {
  .indexMenu__wrap {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
}

.indexMenu__button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 290px;
  height: 60px;
  padding: 10px;
  border: solid 1.13px #000;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  transition: all .3s;
}

@media screen and (max-width: 979px) {
  .indexMenu__button {
    width: 100%;
    height: 50px;
    padding: 10px;
  }
}

@media screen and (min-width: 980px) {
  .indexMenu__button:hover {
    background-color: #FFD41F;
  }
}

.indexMenu__button::after {
  content: '';
  position: absolute;
  right: 10px;
  width: 16px;
  height: 8px;
  background: url(../img/se/icon_arrow.png) center / contain no-repeat;
}

.pointSec {
  width: 100%;
  margin: 0 auto 85px;
  background-color: #F9F5EA;
  padding: 64px 20px 70px;
}

@media screen and (max-width: 979px) {
  .pointSec {
    width: 100%;
    margin: 0 auto 40px;
    background-color: #F9F5EA;
    padding: 28px 20px;
  }
}

.pointSec__top {
  padding-right: 30px;
}

@media screen and (max-width: 979px) {
  .pointSec__top {
    padding-right: 0;
  }
}

.pointSec__top+.pointSec__bottom {
  margin-top: 63px;
}

.pointSec__bottom {
  width: 590px;
  margin: 0 auto;
}

@media screen and (max-width: 979px) {
  .pointSec__bottom {
    width: 100%;
  }
}

.voiceSec {
  width: 100%;
  margin: 0 auto 80px;
  padding-top: 10px;
}

@media screen and (max-width: 979px) {
  .voiceSec {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
}

.voiceSec__title {
  width: 505px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 979px) {
  .voiceSec__title {
    width: 252px;
  }
}

.voiceSec__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 20px;
  width: 100%;
}

@media screen and (max-width: 979px) {
  .voiceSec__wrap {
    gap: 0;
  }
}

.voiceSec__voice {
  width: 440px;
}

@media screen and (max-width: 979px) {
  .voiceSec__voice {
    width: 100%;
  }
}

.questionSec {
  width: 100%;
  padding: 78px 148px 88px;
  margin: 0 auto 80px;
  background-color: #F9F5EA;
  color: #000;
}

@media screen and (max-width: 979px) {
  .questionSec {
    padding: 40px 10px;
    margin: 0 auto 40px;
  }
}

.questionSec__link {
  color: #29ABE2;
}

.questionSec__title {
  margin-bottom: 48px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 979px) {
  .questionSec__title {
    font-size: 18px;
    margin-bottom: 40px;
  }
}

.questionSec__contents+.questionSec__contents {
  margin-top: 20px;
}

.questionSec__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  padding: 13px 22px 10px;
  cursor: pointer;
  transition: all .3s;
  border: solid 2px #F9F5EA;
}

@media screen and (max-width: 979px) {
  .questionSec__question {
    font-size: 18px;
    padding: 12px 15px;
  }
}

@media screen and (min-width: 980px) {
  .questionSec__question:hover {
    border: solid 2px #fff;
  }
}


.questionSec__question.is-active::after {
  transform: rotate(180deg);
}

.questionSec__question::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 9px;
  background: url(../img/se/icon_arrow-black.png) center / contain no-repeat;
  transition: all .3s;
}

@media screen and (max-width: 979px) {
  .questionSec__question::after {
    width: 9px;
    height: 4.6px;
  }
}

.questionSec__answer {
  padding: 38px 19px 34px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.65;

  display: none;
}

@media screen and (max-width: 979px) {
  .questionSec__answer {
    padding: 20px 17px;
    font-size: 14px;
  }
}

.introCourseSec {
  width: 100%;
  margin: 0 auto 50px;
}

@media screen and (max-width: 979px) {
  .introCourseSec {
    margin: 0 auto 29px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.introCourseSec .introSec__wrap {
  width: 100%;
  top: 60%;
}

@media screen and (max-width: 979px) {
  .introCourseSec .introSec__wrap {
    padding-left: 20px;
    padding-right: 20px;
    /* padding-bottom: 30px; */
    gap: 15px;
  }
}

.introCourseSec .introSec__tab {
  width: 503px;
  margin: 0 auto 5px;
}

@media screen and (max-width: 979px) {
  .introCourseSec .introSec__tab {
    width: 252px;
    margin: 0 auto 12px;
  }
}

.introCourseSec .introSec__leftWrap {
  gap: 30px;
}

@media screen and (max-width: 979px) {
  .introCourseSec .introSec__leftWrap {
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    gap: 0;
    margin: 0 auto;
  }
}

.introCourseSec .introSec__item {
  width: 188px;
}

@media screen and (max-width: 979px) {
  .introCourseSec .introSec__item {
    width: 24%;
  }
}

.introCourseSec .introSec__price {
  margin-left: 15px;
}

.introCourseSec .introSec__button {
  margin-bottom: 5px;
}

.courseSec {
  width: 100%;
  margin: 0 auto 80px;
  padding-top: 8px;
}

@media screen and (max-width: 979px) {
  .courseSec {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto 40px;
  }
}

.courseSec__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
  border: solid 1px #000;
  font-size: 18px;
  color: #000;
  cursor: pointer;
  transition: all .3s;
}

@media screen and (max-width: 979px) {
  .courseSec__toggle {
    gap: 0;
    position: relative;
    padding: 15px 0;
    font-size: 12px;
  }
}

@media screen and (min-width: 980px) {
  .courseSec__toggle:hover {
    background-color: #FFD41F;
  }
}

.courseSec__toggle.is-active::after {
  transform: rotate(180deg);
}

.courseSec__toggle:after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 9px;
  background: url(../img/se/icon_arrow-black.png) center / contain no-repeat;
  transition: all .3s;
}

@media screen and (max-width: 979px) {
  .courseSec__toggle:after {
    position: absolute;
    right: 9px;
    width: 10px;
    height: 5px;
  }
}

.courseSec__bottom {
  position: relative;
  top: -2px;
  background-color: #F9F5EA;
  padding: 68px 40px 80px;

  display: none;
}

@media screen and (max-width: 979px) {
  .courseSec__bottom {
    padding: 13px 10px 20px;
  }
}

.courseSec__pic,
.courseSec__button {
  padding-left: 110px;
  padding-right: 110px;
  transition: .3s;
}

@media screen and (max-width: 979px) {
  .courseSec__pic {
    padding: 0;
  }

  .courseSec__button {
    padding: 10px;
  }
}

.courseSec__button:hover {
  opacity: .6;
}

.courseSec__pic+.courseSec__pic {
  margin-top: 84px;
}

@media screen and (max-width: 979px) {
  .courseSec__pic+.courseSec__pic {
    margin-top: 42px;
  }
}

.courseSec__pic+.courseSec__button {
  margin-top: 42px;
}

@media screen and (max-width: 979px) {
  .courseSec__pic+.courseSec__button {
    margin-top: 21px;
  }
}

.courseSec__notesWrap {
  margin-top: 80px;
}

@media screen and (max-width: 979px) {
  .courseSec__notesWrap {
    margin-top: 40px;
  }
}

.courseSec__notes {
  font-size: 13px;
  color: #000;
}

@media screen and (max-width: 979px) {
  .courseSec__notes {
    font-size: 12px;
  }
}

.courseSec__link {
  color: #29ABE2;
}

.benefitSec {
  width: 100%;
  margin: 0 auto 75px;
}

@media screen and (max-width: 979px) {
  .benefitSec {
    margin: 0 auto 40px;
  }
}

.benefitSec__wrap {
  background-color: #F9F5EA;
  padding: 26px 120px 24px;
}

@media screen and (max-width: 979px) {
  .benefitSec__wrap {
    padding: 13px 20px 40px;
  }
}

.benefitSec__content {
  display: block;
  margin: 0 auto;
}

.benefitSec__pic {
  margin: 0 auto 25px;
}

.benefitSec__text {
  font-size: 18px;
  text-align: center;
}

.benefitSec__notes {
  font-size: 13px;
  text-align: center;
}

.benefitSec__text+.benefitSec__notes {
  padding-top: 15px;
}

@media screen and (max-width: 979px) {

  .benefitSec__pic {
    margin: 0 auto 13px;
  }

  .benefitSec__text,
  .benefitSec__notes {
    text-align: left;
  }

  .benefitSec__text {
    font-size: 14px;
  }

  .benefitSec__notes {
    font-size: 12px;
  }

  .benefitSec__text+.benefitSec__notes {
    padding-top: 10px;
  }
}


.benefitSec__content:nth-of-type(1) {
  /* width: 472px; */
  margin-bottom: 71px;
}

.benefitSec__content:nth-of-type(1) .benefitSec__pic {
  width: 450px;
}

@media screen and (max-width: 979px) {
  .benefitSec__content:nth-of-type(1) {
    width: 100%;
    margin-bottom: 35px;
  }

  .benefitSec__content:nth-of-type(1) .benefitSec__pic {
    width: 75%;
  }

}


.benefitSec__content:nth-of-type(2) {
  /* width: 620px; */
  margin-bottom: 88px;
}

.benefitSec__content:nth-of-type(2) .benefitSec__pic {
  width: 274px;
}

@media screen and (max-width: 979px) {
  .benefitSec__content:nth-of-type(2) {
    width: 100%;
    margin-bottom: 37px;
  }

  .benefitSec__content:nth-of-type(2) .benefitSec__pic {
    width: 45%;
  }
}

.benefitSec__content:nth-of-type(3) {
  /* width: 568px; */
  margin-bottom: 63px;
}

.benefitSec__content:nth-of-type(3) .benefitSec__pic {
  width: 558px;
}

@media screen and (max-width: 979px) {
  .benefitSec__content:nth-of-type(3) {
    width: 100%;
    margin-bottom: 35px;
  }

  .benefitSec__content:nth-of-type(3) .benefitSec__pic {
    width: 93%;
  }
}

.benefitSec__content:nth-of-type(4) {
  /* width: 538px; */
  margin-bottom: 60px;
}

.benefitSec__content:nth-of-type(4) .benefitSec__pic {
  width: 422px;
}

@media screen and (max-width: 979px) {
  .benefitSec__content:nth-of-type(4) {
    width: 100%;
    margin-bottom: 35px;
  }

  .benefitSec__content:nth-of-type(4) .benefitSec__pic {
    width: 78%;
  }
}

.add-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.add-icon::before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 33px;
  background: url(../img/se/benefit_icon-special.png) center / contain no-repeat;
}

.benefitSec__text+.add-icon,
.add-icon+.benefitSec__notes {
  padding-top: 10px;
}

@media screen and (max-width: 979px) {
  .add-icon {
    justify-content: start;
  }

  .add-icon::before {
    width: 80px;
    height: 30px;
  }
}


.rateSec {
  width: 100%;
  margin: 0 auto 80px;
}

@media screen and (max-width: 979px) {
  .rateSec {
    padding-left: 35px;
    padding-right: 35px;
    margin: 0 auto 40px;
  }
}

.rateSec__content {
  width: 538px;
  margin: 0 auto;
}

@media screen and (max-width: 979px) {
  .rateSec__content {
    width: 100%;
  }
}




.u-pcDb {
  display: block;

}

@media screen and (max-width: 979px) {
  .u-pcDb {
    display: none;
  }
}

.u-spDb {
  display: none;

}

@media screen and (max-width: 979px) {
  .u-spDb {
    display: block;
  }
}

.u-pcDib {
  display: block;

}

@media screen and (max-width: 979px) {
  .u-pcDib {
    display: none;
  }
}

.u-spDib {
  display: none;

}

@media screen and (max-width: 979px) {
  .u-spDib {
    display: block;
  }
}

.u-pcDf {
  display: flex;

}

@media screen and (max-width: 979px) {
  .u-pcDf {
    display: none;
  }
}

.u-spDf {
  display: none;

}

@media screen and (max-width: 979px) {
  .u-spDf {
    display: flex;
  }
}