@charset "utf-8";

.experience {
  overflow-x: hidden;
}

.experience .page-ttl-en {
  width: 18.9rem;
}

.experience .page-mv-wrap::before {
  background-image: url("../img/experience/img_experience.webp");
}

.experience-bnr {
  padding-top: 10rem;
}

.experience-bnr-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.experience-bnr-item {
  width: 48.6%;
}

.experience-detail {
  padding-top: 13rem;
  padding-bottom: 14rem;
}

.starry,
.wood,
.soba,
.climbing,
.animal {
  padding-top: 12rem;
}

.experience-detail-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.experience-detail-flex.rv {
  flex-direction: row-reverse;
}

.experience-detail-txt-wrap {
  width: 39rem;
}

.camp .experience-detail-ttl-en {
  width: 5.2rem;
}
.starry .experience-detail-ttl-en {
  width: 12.1rem;
}
.wood .experience-detail-ttl-en {
  width: 15.2rem;
}
.soba .experience-detail-ttl-en {
  width: 13.3rem;
}
.climbing .experience-detail-ttl-en {
  width: 9.4rem;
}
.animal .experience-detail-ttl-en {
  width: 17rem;
}

.experience-detail-ttl {
  font-size: 3.4rem;
  letter-spacing: 0.06em;
  margin-top: 2rem;
  margin-bottom: 3.6rem;
}

.experience-detail-ttl span {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  padding-left: 1rem;
}

.experience-detail-txt {
  font-size: 1.4rem;
  line-height: 1.9;
}

.experience-detail-btn {
  width: 32rem;
  height: 5.2rem;
  font-size: 1.8rem;
  letter-spacing: 0.13em;
  color: #70a500;
  border: 0.2rem solid;
  border-radius: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 8.5rem;
}

.experience-detail-btn::after {
  content: "";
  width: 3.6rem;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url(../img/top/btn_arrow_g.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}

.experience-detail-chart {
  font-size: 1.4rem;
  line-height: 1.9;
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
}

.experience-detail-chart dt {
  width: 14%;
  position: relative;
}
.experience-detail-chart dt.wide100 {
  width: 100%;
}
.experience-detail-chart dt.wide22 {
  width: 22%;
}

.experience-detail-chart dt::before {
  content: "■";
  color: #70a500;
}

.experience-detail-chart dd {
  width: 86%;
}
.experience-detail-chart dd.wide100 {
  width: 100%;
  padding-left: 1em;
}
.experience-detail-chart dd.wide78 {
  width: 78%;
}

.soba-price-wrap {
  margin-top: 4.7rem;
}

.soba-price-heading {
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
}

.soba-price-table {
  display: flex;
  font-size: 1.4rem;
}
/*
.soba-price-table._01 {
	border: 1px solid;
	border-top-left-radius: .6rem;
	border-top-right-radius: .6rem;
}
*/
.soba-price-table._03 {
  border: 1px solid;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.soba-price-table dt,
.soba-price-table dd {
  padding: 1.4rem 0;
  text-align: center;
}

.soba-price-table dt {
  width: 30%;
  border-right: 1px solid;
}
.soba-price-table._01 dt {
  border: 1px solid;
  border-top-left-radius: 0.6rem;
}
.soba-price-table._02 dt {
  border-left: 1px solid;
}

.soba-price-table dd {
  width: 23.3333333%;
  border-right: 1px solid;
}
.soba-price-table._01 dd {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.soba-price-table._01 dd:last-of-type {
  border-top-right-radius: 0.6rem;
}
.soba-price-table._03 dd {
  width: 70%;
  border-right: none;
}

.experience-detail-img {
  width: 48rem;
}

.slider-area {
  padding-top: 9rem;
  padding-bottom: 14rem;
  background: #fefdf5;
}

.slider-ttl-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}

.slider-ttl {
  font-size: 3.4rem;
  letter-spacing: 0.06em;
}

.slider-ttl-txt {
  font-size: 1.4rem;
  line-height: 1.9;
}

.slide-item {
  width: 27.63vw;
  margin: 0 1.2rem;
}

.inside {
  padding-top: 9rem;
}
.attention {
  display: inline-block;
  font-size: 0.9em;
  position: relative;
  padding-left: 1em;
}
.attention::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/*SP: 〜750px*/
@media screen and (max-width: 750px) {
  .experience .page-ttl-en {
    width: 10.8rem;
  }

  .experience .page-mv-wrap::before {
    background-image: url(../img/experience/img_experience_sp.jpg);
  }

  .experience-bnr {
    padding-top: 6rem;
  }

  .experience-bnr-list {
    display: block;
  }

  .experience-bnr-item {
    width: 100%;
  }

  .experience-bnr-item:first-of-type {
    margin-bottom: 2rem;
  }

  .experience-detail {
    padding-top: 8rem;
    padding-bottom: 9rem;
  }

  .starry,
  .wood,
  .soba,
  .climbing,
  .animal {
    padding-top: 8rem;
  }

  .experience-detail-flex {
    flex-direction: column-reverse;
  }

  .experience-detail-flex.rv {
    flex-direction: column-reverse;
  }

  .experience-detail-txt-wrap {
    width: 100%;
  }

  .camp .experience-detail-ttl-en {
    width: 4.6rem;
  }
  .starry .experience-detail-ttl-en {
    width: 10.3rem;
  }
  .wood .experience-detail-ttl-en {
    width: 12.8rem;
  }
  .soba .experience-detail-ttl-en {
    width: 11.4rem;
  }
  .climbing .experience-detail-ttl-en {
    width: 8rem;
  }
  .animal .experience-detail-ttl-en {
    width: 14.6rem;
  }

  .experience-detail-ttl {
    font-size: 2.4rem;
    margin-top: 1.4rem;
    margin-bottom: 3rem;
  }

  .experience-detail-ttl span {
    font-size: 1.4rem;
  }

  .experience-detail-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.4rem;
  }

  .experience-detail-chart dt {
    width: 16%;
  }
  .experience-detail-chart dt.wide22 {
    width: 25%;
  }

  .experience-detail-chart dd {
    width: 84%;
  }
  .experience-detail-chart dd.wide78 {
    width: 75%;
  }

  .soba-price-table {
    font-size: 1.3rem;
  }

  .experience-detail-img {
    width: 100%;
    margin-bottom: 3rem;
  }

  .slider-area {
    padding-top: 6rem;
    padding-bottom: 7.8rem;
    margin-bottom: 8rem;
  }

  .slider-ttl-wrap {
    display: block;
    margin-bottom: 3rem;
  }

  .slider-ttl {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }

  .slide-item {
    width: 15rem;
    margin: 0 0.5rem;
  }

  .inside {
    padding-top: 7rem;
  }
}