/* ––––––––––––––––––––––––––––––––––––––––––––––––––
.lp02 start
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lp {
  background-color: #fff;
}

.lp img {
  display: block;
}

.lp .section-wrapper,
.lp .fv {
  position: relative;
}

.lp .section-wrapper {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}

.lp .section-wrapper img {
  width: 100%;
  height: auto;
}

@media (max-width: 960px) {
  .lp .pc-view {
    display: none;
  }
  .lp .sp-view {
    display: block !important;
  }
}

.lp .pc-view .sec1 .counsel-button {
  position: absolute;
  top: 21em;
  left: 6.2em;
}

.lp .pc-view .sec8 .counsel-button {
  position: absolute;
  top: 12em;
  left: 50%;
  transform: translate(-50%, 0);
}

.lp .pc-view .sec11 .counsel-button {
  position: absolute;
  top: 24em;
  left: 50%;
  transform: translate(-50%, 0);
}

.lp .pc-view .sec1 {
  position: relative;
  z-index: 1;
}

.lp .pc-view .sec2 {
  margin-top: -4.5vw;
}

.lp .pc-view .sec4,
.lp .pc-view .sec5,
.lp .pc-view .sec6,
.lp .pc-view .sec7 {
  background-color: #f9f2f2;
}

.lp .pc-view .sec4-img {
  margin: -2em auto 0;
  padding-bottom: 4em;
  width: 46%;
}

.lp .pc-view .sec5-img,
.lp .pc-view .sec6-img,
.lp .pc-view .sec7-img,
.lp .pc-view .sec10 {
  margin: 0 auto;
  padding: 4em 0;
  width: 84%;
}

.lp .sp-view {
  display: none;
}

.lp .sp-view .fv .counsel-button {
  position: absolute;
  top: 21em;
  left: 50%;
  transform: translate(-50%, 0);
}

.lp .sp-view .sec8 .counsel-button {
  position: absolute;
  top: 24em;
  left: 50%;
  transform: translate(-50%, 0);
}

.lp .sp-view .sec11 .counsel-button {
  position: absolute;
  top: 52em;
  left: 50%;
  transform: translate(-50%, 0);
}

.lp .sp-view .sec1 {
  position: relative;
  z-index: 1;
}

.lp .sp-view .sec2 {
  margin-top: -16.2vw;
}

.lp .sp-view .sec4 {
  margin-top: -2em;
}

.lp .sp-view .sec4,
.lp .sp-view .sec5,
.lp .sp-view .sec6,
.lp .sp-view .sec7 {
  background-color: #f9f2f2;
}

.lp .sp-view .sec4 img,
.lp .sp-view .sec5 img,
.lp .sp-view .sec6 img,
.lp .sp-view .sec7 img {
  margin: 0 auto;
  padding-bottom: 3em;
  width: 90%;
}

.lp .sp-view .sec10 {
  position: relative;
  margin: 4em 0;
  width: 100%;
}

.lp .sp-view .sec10::-webkit-scrollbar {
  display: none;
}

.lp .sp-view .price-table {
  position: relative;
}

.lp .sp-view .price-table-list {
  position: absolute;
  bottom: 41.5vw;
  left: 41vw;
  display: flex;
  overflow-x: scroll;
  width: 100%;
  height: 176vw;
  padding-right: 3em;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.lp .sp-view .price-table-list::-webkit-scrollbar {
  display: none;
}

.lp .sp-view .price-table-list-table__img {
  padding-right: 7rem;
  max-width: none;
  width: auto;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 960px) {
  .lp .sp-view .price-table-list {
    position: absolute;
    bottom: 41.5vw;
    left: 41vw;
    height: 176vw;
  }
  .lp .sp-view .price-table-list-table__img {
    height: 176vw;
    object-fit: contain;
    padding-right: 40%;
  }
  .lp .sp-view .price-table__img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.lp .footer {
  padding: 3em 0;
  background-color: #bf5162;
  color: #fff;
}

.lp .footer .logo-img {
  margin: 0 auto 2.4em;
  width: 16%;
}

@media (max-width: 960px) {
  .lp .footer .logo-img {
    margin-bottom: 1.4em;
    width: 68%;
  }
}

.lp .footer .footer-text-wrapper {
  margin: 0 auto 2.4em;
  width: 25em;
}

@media (max-width: 960px) {
  .lp .footer .footer-text-wrapper {
    margin: 1em auto 1.4em;
    width: 90%;
  }
}

.lp .footer .text-link-wrapper {
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.2em;
  font-size: 0.9em;
}

@media (max-width: 960px) {
  .lp .footer .text-link-wrapper {
    flex-direction: column;
    text-align: center;
    letter-spacing: 0.2em;
    font-size: 1em;
  }
}

.lp .footer .text-link-wrapper .text-link {
  color: #fff;
}

@media (max-width: 960px) {
  .lp .footer .text-link-wrapper .text-link {
    margin: 0.6em;
  }
}

.lp .footer .text-link-wrapper .text-link:hover {
  opacity: 0.7;
}

.lp .footer .copyright {
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 0.7em;
}

@media (max-width: 960px) {
  .lp .footer .copyright {
    font-size: 0.8em;
  }
}

.counsel-button {
  display: block;
  padding: 1.7em 2.5em 1.4em;
  width: fit-content;
  outline: 1px solid #fff;
  outline-offset: -0.4em;
  border-radius: 3em;
  background: linear-gradient(135deg, #d6b624 50%, #cbad4e 50%);
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0.2em;
  font-size: 1.5vw;
  transition: all 0.3s ease;
}

.counsel-button:hover {
  outline: 1px solid #cbad4e;
  background: #fff;
  color: #cbad4e;
  opacity: 1;
}

.counsel-button:hover .dot::before {
  color: rgba(203, 173, 78, 0.12);
}

.counsel-button::after {
  position: absolute;
  right: 1em;
  margin: auto;
  width: 0;
  height: 0;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.7em solid #fff;
  content: "";
}

.counsel-button:hover::after {
  border-left: 0.7em solid #cbad4e;
}

.counsel-button .dot {
  position: relative;
}

.counsel-button .dot::before {
  position: absolute;
  top: -1em;
  left: 0;
  color: rgba(255, 255, 255, 0.2);
  content: "・";
  font-weight: bold;
}

@media (max-width: 960px) {
  .counsel-button {
    z-index: 1;
    padding: 2em 2.9em 1.6em;
    width: 87%;
    outline-offset: -0.4em;
    border-radius: 4em;
    font-size: 4vw;
  }
  .counsel-button::after {
    right: 1.4em;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-left: 0.5em solid #fff;
  }
  .counsel-button:hover::after {
    border-left: 1.9vw solid #cbad4e;
  }
  .counsel-button:hover {
    background: #fff;
  }
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––– 
.lp02 end
–––––––––––––––––––––––––––––––––––––––––––––––––– */