.u-sectionHeading {
  display: flex;
  align-items: baseline;
  gap: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .u-sectionHeading {
    display: block;
    margin-bottom: 5.8%;
  }
}
.u-sectionHeading--topBusiness {
  position: relative;
  margin: 0 0 7%;
  inset: -21px auto auto auto;
}
@media screen and (max-width: 640px) {
  .u-sectionHeading--topBusiness {
    inset: auto;
    margin: 0 0 4.2%;
  }
}
.u-sectionHeading__main {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.14em;
  font-family: var(--font-serif);
}
@media screen and (max-width: 640px) {
  .u-sectionHeading__main {
    margin: 0 0 2.5%;
    text-align: center;
    font-size: 4.6875vw;
  }
}
.u-sectionHeading__sub {
  color: var(--color-pink);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.24em;
}
@media screen and (max-width: 640px) {
  .u-sectionHeading__sub {
    text-align: center;
    font-size: 2.34375vw;
  }
}
.u-textLink {
  position: relative;
  display: inline-flex;
  padding-bottom: 10px;
  padding-right: 30px;
  align-items: center;
  gap: 28px;
  border-bottom: 1px solid currentColor;
  font-size: 11px;
}
.u-textLink span {
  position: absolute;
  width: 1px;
  height: 60%;
  background: currentColor;
  inset: auto 0 0 auto;
  transform-origin: 100% 100%;
  transform: rotate(-45deg);
  font-size: 0;
}
.u-btnWrap {
  display: flex;
  margin-top: 50px;
  justify-content: center;
}
.u-roundBtn {
  position: relative;
  display: inline-flex;
  min-width: 198px;
  min-height: 50px;
  padding: 8px 24px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 999px;
  color: var(--color-white);
  background: var(--color-pink);
  font-size: 11px;
}
@media screen and (max-width: 640px) {
  .u-roundBtn {
    min-height: 11vw;
    font-size: 3.125vw;
    padding: 0 9vw;
  }
}
.u-roundBtn span {
  position: absolute;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 9px;
  aspect-ratio: 1/1;
  inset: 0 0 0 80%;
  margin: auto;
  transform: rotate(45deg);
}
.u-roundBtn--white {
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: transparent;
}
.u-roundBtn--line {
  border: 1px solid var(--color-text);
  color: var(--color-text);
  background: transparent;
}
.u-roundBtn--line span {
  border-top: 1px solid var(--color-text);
  border-right: 1px solid var(--color-text);
}
.u-roundBtn--whithout {
  border: 1px solid #be8f86;
  background: transparent;
  color: #be8f86;
}
.u-roundBtn--whithout span {
  border-top: 1px solid #be8f86;
  border-right: 1px solid #be8f86;
}
@media screen and (max-width: 640px) {
  .u-pc {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .u-sp {
    display: none;
  }
}

.footerContainer {
  position: relative;
  background: var(--color-base);
}
.dppContainer .footerContainer {
  width: 100%;
}
.footer__img {
  position: absolute;
  max-width: 481px;
  width: 43%;
  inset: -130px 0 auto auto;
}
@media screen and (max-width: 640px) {
  .footer__img {
    width: 75.2%;
    inset: -20.4vw auto auto 12.3%;
  }
}
.dppContainer .footer__img {
  width: 75.2%;
  inset: -20.4vw auto auto 12.3%;
}
.footerContact {
  position: relative;
  display: flex;
  min-height: 157px;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background: var(--color-pink);
}
.footerContact__btn {
  position: relative;
  padding: 0 56px;
}
@media screen and (max-width: 640px) {
  .footerContact__btn {
    padding: 0 6% 0 0;
  }
}
.dppContainer .footerContact__btn {
  padding: 0 6% 0 0;
}
.footerContact__icon {
  position: absolute;
  display: block;
  width: 96px;
  inset: -106% 0 0 -56px;
}
@media screen and (max-width: 640px) {
  .footerContact__icon {
    width: 39%;
    inset: -122.3% auto auto -34.6%;
  }
}
.dppContainer .footerContact__icon {
  width: 39%;
  inset: -122.3% auto auto -34.6%;
}
.footerContact__txt {
  font-size: 20px;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .footerContact__txt {
    font-size: 3.125vw;
  }
}
.dppContainer .footerContact__txt {
  font-size: 3.125vw;
}
.footerContact__allow {
  position: absolute;
  width: 3%;
  display: block;
  inset: 0 0 0 90%;
  margin: auto;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  aspect-ratio: 1/1;
  transform: rotate(45deg);
}
@media screen and (max-width: 640px) {
  .footerContact__allow {
    inset: 10% 0 0 93%;
  }
}
.dppContainer .footerContact__allow {
  inset: 10% 0 0 93%;
}
.footerInner {
  display: flex;
  width: min(100% - var(--side-space) * 2, var(--content-width));
  margin: 0 auto;
  padding: 54px 0;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .footerInner {
    display: block;
    padding: 10% 0;
  }
}
.dppContainer .footerInner {
  width: 100%;
  display: block;
  padding: 10% 0;
}
.footerHome {
  display: inline-flex;
  flex: 0 1 7.6%;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .footerHome {
    display: block;
    width: 19.6%;
    margin: 0 auto 6.3%;
  }
}
.dppContainer .footerHome {
  display: block;
  width: 19.6%;
  margin: 0 auto 6.3%;
}
.footerHome__logo {
  display: block;
}
.footerInformation {
  margin: 0 0 0 4%;
  padding: 1.7% 0 0;
}
@media screen and (max-width: 640px) {
  .footerInformation {
    margin: 0;
    padding: 0;
  }
}
.dppContainer .footerInformation {
  margin: 0;
  padding: 0;
}
.footerNav {
  display: flex;
  gap: 19px;
  margin: 0 0 7%;
}
@media screen and (max-width: 640px) {
  .footerNav {
    margin: 0 0 4.5%;
    justify-content: center;
  }
}
.dppContainer .footerNav {
  margin: 0 0 4.5%;
  justify-content: center;
}
.footerNav a {
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .footerNav a {
    font-size: 3.125vw;
    letter-spacing: -0.15vw;
  }
}
.dppContainer .footerNav a {
  font-size: 13px;
}
@media screen and (max-width: 640px) {
  .dppContainer .footerNav a {
    font-size: 3.2vw;
    letter-spacing: -0.15vw;
  }
}
.footer__copy {
  font-size: 12px;
}
@media screen and (max-width: 640px) {
  .footer__copy {
    font-size: 1.875vw;
    text-align: center;
  }
}
.dppContainer .footer__copy {
  font-size: 8px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .dppContainer .footer__copy {
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 640px) {
  .footerContact {
    min-height: 29.8vw;
  }
  .footerInner {
    display: block;
    width: 87.5%;
    min-height: 0;
    padding: 7.2vw 0 9vw;
  }
}/*# sourceMappingURL=base.css.map */