@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scroll-line {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.detail-view {
  position: relative;
  padding-top: 9.0043923865vw;
  padding-bottom: 38.579795022vw;
}
@media (max-width: 767px) {
  .detail-view {
    padding-top: 63.4666666667vw;
    padding-bottom: 92.2666666667vw;
  }
}
.detail-view:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 2732/880;
  background-size: 100% auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .detail-view:after {
    aspect-ratio: 750/692;
  }
}
.detail-view-column:after {
  background-image: url(../../img/detail-view-column.png);
}
@media (max-width: 767px) {
  .detail-view-column:after {
    background-image: url(../../img/detail-view-column-sp.png);
  }
}
.detail-view-exercise:after {
  background-image: url(../../img/detail-view-exercise.png);
}
@media (max-width: 767px) {
  .detail-view-exercise:after {
    background-image: url(../../img/detail-view-exercise-sp.png);
  }
}
.detail-view-qa:after {
  background-image: url(../../img/detail-view-qa.png);
}
@media (max-width: 767px) {
  .detail-view-qa:after {
    background-image: url(../../img/detail-view-qa-sp.png);
  }
}
.detail-view--ttl {
  color: #5F503F;
  font-size: 1.317715959vw;
  letter-spacing: 0.1em;
  line-height: 1.3333333333;
  font-weight: 600;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .detail-view--ttl {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    font-weight: 700;
  }
}
.detail-view--ttl:before {
  content: "";
  display: block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
}
.detail-view--ttl-column:before {
  width: 31.0395314788vw;
  aspect-ratio: 424/210;
  background-image: url(../../img/detail-view-ttl-column.svg);
  top: -5.270863836vw;
  left: -25.4026354319vw;
}
@media (max-width: 767px) {
  .detail-view--ttl-column:before {
    width: 88.2666666667vw;
    aspect-ratio: 331/158;
    background-image: url(../../img/detail-view-ttl-column-sp.svg);
    top: -41.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.detail-view--ttl-exercise:before {
  width: 28.2576866764vw;
  aspect-ratio: 386/266;
  background-image: url(../../img/detail-view-ttl-exercise.svg);
  top: -6.8081991215vw;
  left: -21.9619326501vw;
}
@media (max-width: 767px) {
  .detail-view--ttl-exercise:before {
    width: 89.3333333333vw;
    aspect-ratio: 335/171;
    background-image: url(../../img/detail-view-ttl-exercise-sp.svg);
    top: -41.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .detail-view--ttl-qa {
    padding-right: 5em;
  }
}
.detail-view--ttl-qa:before {
  width: 29.8682284041vw;
  aspect-ratio: 408/221;
  background-image: url(../../img/detail-view-ttl-qa.svg);
  top: -5.710102489vw;
  left: -25.4758418741vw;
}
@media (max-width: 767px) {
  .detail-view--ttl-qa:before {
    width: 84.2666666667vw;
    aspect-ratio: 316/143;
    background-image: url(../../img/detail-view-ttl-qa-sp.svg);
    top: -35.7333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.detail-view--inner {
  position: relative;
  z-index: 100;
  width: 51.2445095168vw;
  margin: 30.1610541728vw auto 0;
}
@media (max-width: 767px) {
  .detail-view--inner {
    width: 89.3333333333vw;
    margin-top: 57.8666666667vw;
  }
}
.detail-view--sub_ttl {
  text-align: center;
  font-size: 2.0497803807vw;
  font-weight: 400;
  color: #404040;
  margin-bottom: 5.3440702782vw;
}
@media (max-width: 767px) {
  .detail-view--sub_ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 8vw;
  }
}
.detail-view--sub_note {
  font-size: 1.1713030747vw;
  line-height: 1.5;
  display: block;
  text-align: center;
  margin-top: 0.439238653vw;
}
@media (max-width: 767px) {
  .detail-view--sub_note {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-top: 1.6vw;
  }
}
.detail-view--desc {
  font-size: 1.0980966325vw;
  line-height: 1.8666666667;
  margin-top: 1.8666666667em;
}
@media (max-width: 767px) {
  .detail-view--desc {
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
    margin-top: 1.7142857143em;
  }
}
.detail-view--desc-mt0 {
  margin-top: 0;
}
.detail-view--mini_ttl {
  font-size: 1.4641288433vw;
  font-weight: 700;
  color: #455D74;
  text-align: center;
  margin-top: 5.8565153734vw;
  margin-bottom: 2.0497803807vw;
}
@media (max-width: 767px) {
  .detail-view--mini_ttl {
    font-size: 3.7333333333vw;
    margin-top: 23.4666666667vw;
    margin-bottom: 8vw;
  }
}
.detail-view--img {
  display: block;
  width: 100%;
  border-radius: 1.4641288433vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .detail-view--img {
    border-radius: 5.3333333333vw;
  }
}
.detail-view--img-medium {
  width: 36.6032210835vw;
}
@media (max-width: 767px) {
  .detail-view--img-medium {
    width: 100%;
  }
}
.detail-view--img-exercise20251001 {
  width: 17.8623718887vw;
  aspect-ratio: 244/256;
  object-fit: contain;
}
@media (max-width: 767px) {
  .detail-view--img-exercise20251001 {
    width: 58.4vw;
  }
}
.detail-view--img-qa2025100102 {
  width: 22.1083455344vw;
  margin-top: 3.953147877vw;
}
@media (max-width: 767px) {
  .detail-view--img-qa2025100102 {
    width: 70.9333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.detail-view--list {
  font-size: 1.0980966325vw;
  line-height: 1.8666666667;
  margin-top: 1.8666666667em;
}
@media (max-width: 767px) {
  .detail-view--list {
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
    margin-top: 1.7142857143em;
  }
}
.detail-view--item {
  font-size: 1em;
  margin-top: 1.8666666667em;
  padding-left: 2em;
  text-indent: -2em;
}
@media (max-width: 767px) {
  .detail-view--item {
    margin-top: 1.7142857143em;
  }
}
.detail-view--item:first-of-type {
  margin-top: 0;
}
.detail-view--item-mt0 {
  margin-top: 0;
}
.detail-view--item:before {
  content: "・";
  padding-right: 1em;
}
.detail-view--point_wrap {
  background-color: #EDEDED;
  padding: 2.7818448023vw 0;
  margin-top: 5.710102489vw;
  position: relative;
}
@media (max-width: 767px) {
  .detail-view--point_wrap {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
    margin-top: 12.8vw;
  }
}
.detail-view--point_wrap:before {
  content: "";
  display: block;
  width: 9.224011713vw;
  aspect-ratio: 126/57;
  background-image: url(../../img/detail-view-point-wrap.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: -2.8550512445vw;
  left: 0.0732064422vw;
}
@media (max-width: 767px) {
  .detail-view--point_wrap:before {
    width: 22.4vw;
    top: -6.9333333333vw;
    left: -1.0666666667vw;
  }
}
.detail-view--point {
  text-align: center;
  font-size: 1.1713030747vw;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .detail-view--point {
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.detail-view--question {
  font-size: 2.0497803807vw;
  line-height: 1.4642857143;
  text-align: center;
  color: #404040;
  font-weight: 400;
  margin-bottom: 4.4655929722vw;
}
@media (max-width: 767px) {
  .detail-view--question {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    margin-bottom: 8.2666666667vw;
  }
}
.detail-view--question:before {
  content: "";
  display: block;
  width: 13.1039531479vw;
  aspect-ratio: 179/72;
  background-image: url(../../img/detail-view-question.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 auto 0.8052708638vw;
}
@media (max-width: 767px) {
  .detail-view--question:before {
    width: 32.5333333333vw;
    margin-bottom: 2.4vw;
  }
}
.detail-view--answer {
  font-size: 2.0497803807vw;
  line-height: 1.4642857143;
  text-align: center;
  color: #404040;
  font-weight: 400;
  margin-bottom: 4.4655929722vw;
}
@media (max-width: 767px) {
  .detail-view--answer {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    margin-bottom: 8.2666666667vw;
  }
}
.detail-view--answer:before {
  content: "";
  display: block;
  width: 13.1039531479vw;
  aspect-ratio: 179/68;
  background-image: url(../../img/detail-view-answer.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 2.4890190337vw auto 1.317715959vw;
}
@media (max-width: 767px) {
  .detail-view--answer:before {
    width: 31.4666666667vw;
    margin-top: 9.8666666667vw;
    margin-bottom: 9.6vw;
  }
}
.detail-view--back_link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.2942898975vw;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .detail-view--back_link {
    margin-left: 23.4666666667vw;
    margin-right: 0;
    margin-top: 11.2vw;
  }
}
.detail-view--back_link:before {
  content: "";
  display: block;
  width: 3.2210834553vw;
  aspect-ratio: 44/44;
  border-radius: 50%;
  border: 0.0732064422vw solid #958383;
  margin-right: 1.6105417277vw;
  background-image: url(../../img/icon/icon-arrow-brown.svg);
  background-size: 1.1713030747vw auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .detail-view--back_link:before {
    width: 11.7333333333vw;
    border-width: 0.2666666667vw;
    margin-right: 5.8666666667vw;
    background-size: 4.2666666667vw auto;
  }
}
.detail-view--back_link:hover:before {
  background-color: #958383;
}
@media (max-width: 767px) {
  .detail-view--back_link:hover:before {
    background-color: transparent;
  }
}
.detail-view--back_link:hover:before {
  background-image: url(../../img/icon/icon-arrow-white.svg);
}
@media (max-width: 767px) {
  .detail-view--back_link:hover:before {
    background-image: url(../../img/icon/icon-arrow-brown.svg);
  }
}
.detail-view--back_txt {
  color: #958383;
  font-size: 1.0248901903vw;
  font-weight: 700;
}
@media (max-width: 767px) {
  .detail-view--back_txt {
    font-size: 3.7333333333vw;
  }
}

/*# sourceMappingURL=detail.css.map */