@charset "UTF-8";
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  src: url("/font/ZenKakuGothicAntique-Light-subset.woff2") format("woff2"), url("/font/ZenKakuGothicAntique-Light-subset.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  src: url("/font/ZenKakuGothicAntique-Regular-subset.woff2") format("woff2"), url("/font/ZenKakuGothicAntique-Regular-subset.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  src: url("/font/ZenKakuGothicAntique-Medium-subset.woff2") format("woff2"), url("/font/ZenKakuGothicAntique-Medium-subset.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  src: url("/font/ZenKakuGothicAntique-Bold-subset.woff2") format("woff2"), url("/font/ZenKakuGothicAntique-Bold-subset.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  src: url("/font/ZenKakuGothicAntique-Black-subset.woff2") format("woff2"), url("/font/ZenKakuGothicAntique-Black-subset.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-Thin-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-Thin-subset.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-Light-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-Light-subset.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-Regular-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-Regular-subset.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-Medium-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-Medium-subset.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-Bold-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-Bold-subset.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-ExtraBold-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-ExtraBold-subset.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MPlus Rounded 1c";
  src: url("/font/MPLUSRounded1c-Black-subset.woff2") format("woff2"), url("/font/MPLUSRounded1c-Black-subset.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --c-white01: #ffffff;
  --c-blue01: #ecf4fc;
  --c-blue02: #f6f9fc;
  --c-blue03: #d5e9fb;
  --c-blue04: #a1cbf2;
  --c-blue05: #95dede;
  --c-blue06: #004789;
  --c-green01: #edfdf7;
  --c-green02: #219d29;
  --c-red01: #d9371d;
  --c-black01: #555555;
  --c-yellow01: #fddc0e;
  --c-bg: #fafcfe;
  --tran-opacity-a: opacity .15s ease-out 0s;
  --tran-all: all .15s ease-out 0s;
}

@keyframes expand-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.07);
  }
  100% {
    transform: scale(1);
  }
}
.expand {
  animation: expand-animation 0.85s ease-in-out;
}

.animation-trigger {
  transition: all 0.4s ease-out 0s;
}

.grecaptcha-badge {
  visibility: hidden;
}

.main__area {
  position: relative;
  width: 100%;
  background-color: var(--c-white01);
}
@media screen and (min-width: 768px) {
  .main__area {
    max-width: 470px;
    margin-inline: auto;
  }
}

.page-anchor {
  position: absolute;
  top: -90px;
}
@media screen and (min-width: 768px) {
  .page-anchor {
    top: -30px;
  }
}

.swiper-area {
  position: relative;
}

.swiper-pagination {
  position: relative !important;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: center;
  margin-top: 24px;
  text-align: center;
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  cursor: pointer;
  vertical-align: top;
  background-color: var(--c-blue04);
  border-radius: 50%;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: var(--c-yellow01);
  border: solid 1px var(--c-blue04);
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}

.swiper-button-prev {
  right: calc(100% + 2.4rem);
}

.swiper-button-next {
  left: calc(100% + 2.4rem);
}

.swiper-wrapper {
  width: 89.3333333333%;
  max-width: 411px;
}

.swiper-slide__img-wrap {
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 630/420;
}
.swiper-slide__img-wrap > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fixed-bottom__area {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
  height: 50px;
  width: 100%;
  z-index: 1000;
  display: flex;
  gap: 7px;
  padding-inline: 60px;
}
.fixed-bottom__area.active {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .fixed-bottom__area {
    width: 50px;
    right: 30px;
    padding-inline: 0;
    left: auto;
    transform: none;
  }
}

.fixed-bottom-form__btn {
  width: 100%;
  height: 49px;
  background-color: var(--c-yellow01);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4285714286rem;
  font-weight: 900;
  color: var(--c-blue06);
  transition: var(--tran-all);
}
@media (any-hover: hover) {
  .fixed-bottom-form__btn:hover {
    opacity: 1;
    color: var(--c-blue06);
  }
}
.fixed-bottom-form__btn:active, .fixed-bottom-form__btn:focus {
  color: var(--c-blue06);
}
@media screen and (min-width: 768px) {
  .fixed-bottom-form__btn {
    display: none;
  }
}

.main-visual__area {
  position: relative;
  background-color: var(--c-blue01);
  padding-top: 43px;
  padding-bottom: 267px;
}

.main-visual__bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-visual__bg-img-wrap {
  position: sticky;
  top: 0;
  display: block;
  z-index: -1;
  height: 100vh;
  width: 100%;
  background-image: url("/img/main-visual.webp");
  background-size: cover;
  background-position: top center;
}
.main-visual__bg-img-wrap > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center top;
     object-position: center top;
}

.main-visual-logo__img-wrap {
  width: 22.6666666667%;
  margin-inline: auto;
  max-width: 104px;
}

.main-visual-copy01__img-wrap {
  width: 94.5333333333%;
  margin-inline: auto;
  padding-left: 1px;
  margin-top: -5px;
  max-width: 397px;
}

.main-visual-copy02__img-wrap {
  width: 94.9333333333%;
  margin-inline: auto;
  margin-top: 187px;
  max-width: 395px;
}

.main-visual-bottom {
  position: absolute;
  bottom: 50px;
}

.applicable-properties__area {
  position: relative;
  margin-top: 45px;
}

.applicable-properties__title {
  font-size: 1.7142857143rem;
  color: var(--c-red01);
  font-weight: 900;
  text-align: center;
}
.applicable-properties__title .large {
  font-size: 2.5rem;
}

.applicable-properties__title-txt {
  font-size: 1.1428571429rem;
  font-weight: 900;
  text-align: center;
}

.applicable-properties__list-area {
  position: relative;
  margin-top: 10px;
}
.applicable-properties__list-area::before {
  content: "";
  width: 100%;
  height: calc(100% - 33px);
  background-color: var(--c-blue01);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.applicable-properties__list-wrap {
  max-height: 500px;
  width: 86.6666666667%;
  max-width: 399px;
  margin-inline: auto;
  overflow-y: auto;
  border: solid 2px var(--c-blue04);
  border-radius: 10px;
  background-color: var(--c-white01);
  scrollbar-width: none;
}

.applicable-properties__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-inline: 20px;
  padding-top: 20px;
}

.applicable-properties__item {
  border-bottom: solid 2px var(--c-blue04);
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: var(--tran-opacity-a);
  position: relative;
}
@media (any-hover: hover) {
  .applicable-properties__item:hover {
    opacity: 0.85;
    cursor: pointer;
  }
  .applicable-properties__item:hover .applicable-properties-arrow {
    transform: translateX(3px) rotate(-45deg);
  }
}
.applicable-properties__item > a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.applicable-properties__item--last {
  border: 0;
}

@media (any-hover: hover) {
  .applicable-properties__item--no-link:hover {
    cursor: auto;
    opacity: 1;
  }
}

.applicable-properties__item--sold-out {
  opacity: 0.5;
}
@media (any-hover: hover) {
  .applicable-properties__item--sold-out:hover {
    cursor: auto;
    opacity: 0.5;
  }
}
.applicable-properties__item--sold-out .applicable-properties-decoration__img-wrap {
  position: relative;
}
.applicable-properties__item--sold-out .applicable-properties-decoration__img-wrap::before {
  content: "";
  width: 15px;
  height: 50px;
  background-image: url("/img/applicable-properties-sold-out.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(15deg);
}

.applicable-properties__item--left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.applicable-properties-decoration__img-wrap {
  width: 21px;
  flex-shrink: 0;
}

.applicable-properties-point__txt-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.applicable-properties-point__txt {
  font-size: 0.7857142857rem;
  font-weight: 700;
  color: var(--c-white01);
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 7px;
  padding-block: 0px 1px;
  background-color: var(--c-blue05);
  border-radius: 5px;
}

.applicable-properties-address__txt {
  font-size: 1.2857142857rem;
  font-weight: 900;
  margin-top: 4px;
  line-height: 1.35em;
}

.applicable-properties-price__txt {
  font-size: 1.0714285714rem;
  color: var(--c-blue08);
  font-weight: 900;
  margin-top: 0px;
}

.applicable-properties-area__txt {
  font-size: 0.8571428571rem;
  font-weight: 900;
}

.applicable-properties-school__txt {
  font-size: 0.8571428571rem;
  font-weight: 900;
}

.applicable-properties-arrow {
  display: block;
  width: 12px;
  aspect-ratio: 1/1;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--c-blue04);
  transform: rotate(-45deg);
  transition: var(--tran-all);
  flex-shrink: 0;
}

.pick-up__area {
  position: relative;
  margin-top: 24px;
}

.pick-up__title {
  font-size: 3.2142857143rem;
  color: var(--c-red01);
  font-weight: 900;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.pick-up__title-txt--large {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 900;
  margin-top: -15px;
}

.pick-up__title-txt {
  font-size: 1.4285714286rem;
  text-align: center;
  font-weight: 900;
  margin-top: -7px;
  letter-spacing: 0;
}
.pick-up__title-txt .let-space {
  letter-spacing: -0.08em;
  margin-right: 5px;
}
.pick-up__title-txt .left-space {
  margin-left: -3px;
}

.pick-up-content__wrap {
  background-color: var(--c-blue01);
  margin-top: 45px;
  padding-top: 30px;
  padding-bottom: 50px;
}

.pick-up-content__img-wrap {
  width: 86.6666666667%;
  max-width: 399px;
  margin-inline: auto;
  border-radius: 10px;
  overflow: hidden;
  border: 5px solid var(--c-white01);
}

.pick-up-content__title {
  font-size: 1.5714285714rem;
  text-align: center;
  color: var(--c-red01);
  font-weight: 900;
  margin-top: 20px;
}

.pick-up-content-detail__txt {
  font-size: 1.4285714286rem;
  font-weight: 900;
  text-align: center;
  margin-top: 8px;
}
.pick-up-content-detail__txt .let-space {
  letter-spacing: -0.3em;
  margin-left: -3px;
  margin-right: 4px;
}

.pick-up-point__title {
  font-size: 1.7857142857rem;
  text-align: center;
  font-weight: 900;
  color: var(--c-red01);
  margin-top: 15px;
}

.pick-up-point__txt {
  font-size: 1.0714285714rem;
  font-weight: 500;
  width: 86.6666666667%;
  max-width: 399px;
  margin-inline: auto;
  text-align: justify;
  margin-top: 5px;
}

.pick-up-point__slide {
  margin-top: 30px;
}

.pick-up-point__list {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 86.6666666667%;
  margin-inline: auto;
  margin-top: 30px;
}

.pick-up-point__item {
  position: relative;
  padding-left: 17px;
  font-size: 1.0714285714rem;
  font-weight: 500;
}
.pick-up-point__item::before {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--c-blue04);
  position: absolute;
  top: 10px;
  left: 0;
}

.pick-up-point__link {
  background-color: var(--c-blue07);
  width: 64%;
  max-width: 294px;
  min-height: 58px;
  border-radius: 50px;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1428571429rem;
  font-weight: 900;
  margin-top: 30px;
}

.pick-up-point__link--reservation {
  width: 77.3333333333%;
  max-width: 356px;
  margin-inline: auto;
  min-height: 58px;
  border-radius: 50px;
  background-color: var(--c-yellow01);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5714285714rem;
  font-weight: 900;
  margin-top: 10px;
}

.reason__area {
  position: relative;
  margin-top: 31px;
}

.reason__title-txt--01 {
  font-size: 2.8571428571rem;
  font-weight: 900;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.reason__title-txt--02 {
  font-size: 1.0714285714rem;
  font-weight: 900;
  text-align: center;
  margin-top: -4px;
}

.reason__title {
  font-size: 1.7857142857rem;
  font-weight: 900;
  text-align: center;
  margin-top: -7px;
}
.reason__title > span {
  font-size: 2.5rem;
  position: relative;
  top: 3px;
}

.reason-content__wrap {
  background-color: var(--c-blue01);
  margin-top: 69px;
  padding-top: 31px;
  padding-bottom: 48px;
}

.reason-content-copy__img-wrap {
  width: 97.8666666667%;
  margin-inline: auto;
  max-width: 420px;
}

.reason-content-gragh__img-wrap {
  width: 91.2%;
  margin-inline: auto;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  max-width: 420px;
}

.reason-content-gragh-arrow__img-wrap {
  margin-top: -19px;
  width: 24.6666666667%;
  margin-inline: auto;
  transform: translateY(calc(-100% + 19px));
}

.reason-content-gragh-arrow__img-wrap.active {
  transform: translateY(0);
}

.reason-content__txt {
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
  margin-top: 9px;
  letter-spacing: -0.01em;
}
.reason-content__txt .red {
  color: var(--c-red01);
  letter-spacing: -0.03em;
}
.reason-content__txt .left-space {
  margin-left: -7px;
}
.reason-content__txt .let-space--kanji {
  letter-spacing: 0;
}
.reason-content__txt .quotation {
  position: relative;
  top: -4px;
}
.reason-content__txt .quotation-left {
  margin-left: 6px;
}
.reason-content__txt .quotation-right {
  margin-left: 4px;
  letter-spacing: -0.07em;
}
.reason-content__txt .let-space--katakana {
  letter-spacing: -0.15em;
}

.reason-content__slide {
  margin-top: 24px;
}

.existing-home__area {
  position: relative;
  margin-top: 54px;
}

.existing-home__title {
  font-size: 2.2857142857rem;
  font-weight: 900;
  line-height: 1.32em;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.existing-home__title-txt {
  font-size: 1.0714285714rem;
  font-weight: 900;
  text-align: center;
  margin-top: 7px;
}

.existing-home-content__wrap {
  background-color: var(--c-blue01);
  margin-top: 58px;
  padding-top: 23px;
  padding-bottom: 46px;
}

.existing-home-content__title {
  font-size: 1.7857142857rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.5em;
}

.existing-home-content__img-wrap--01 {
  width: 94.2666666667%;
  margin-inline: auto;
  margin-top: 9px;
  max-width: 434px;
}

.existing-home-content__img-wrap--02 {
  width: 64.6666666667%;
  margin-inline: auto;
  margin-top: 16px;
  max-width: 307px;
}

.existing-home-content__img-wrap--03 {
  width: 81.0666666667%;
  margin-inline: auto;
  margin-top: -27px;
  max-width: 385px;
  position: relative;
  z-index: 1;
}

.existing-home-content__slide {
  margin-top: 60px;
}

.miyata-takken__area {
  position: relative;
  margin-top: 50px;
}

.miyata-takken__title-logo-wrap {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding-left: 3px;
}

.miyata-takken__title-logo-img-warp {
  width: 207.5px;
}

.miyata-takken__title-logo-txt {
  font-size: 1.6071428571rem;
  font-weight: 900;
}

.miyata-takken__title {
  font-size: 2.2857142857rem;
  font-weight: 900;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: -1px;
  line-height: 1.5em;
}
.miyata-takken__title .let-space {
  letter-spacing: -0.09em;
}

.miyata-takken-content__wrap {
  background-color: var(--c-blue01);
  margin-top: 42px;
  padding-top: 18px;
  padding-bottom: 59px;
}

.miyata-takken-content__txt--large {
  font-size: 1.2857142857rem;
  font-weight: 500;
  text-align: justify;
  width: 76%;
  margin-inline: auto;
  max-width: 345px;
}

.miyata-takken-content-diagram__img-wrap {
  width: 80.4%;
  margin-inline: auto;
  margin-top: 31px;
  max-width: 370px;
}

.miyata-takken-content__txt--small {
  font-size: 1.0714285714rem;
  font-weight: 500;
  text-align: justify;
  width: 77.3333333333%;
  margin-inline: auto;
  margin-top: 34px;
  max-width: 356px;
}
.miyata-takken-content__txt--small .bold {
  font-size: 1.2857142857rem;
  font-weight: 900;
}

.works__area {
  position: relative;
  margin-top: 30px;
}

.works__title-txt {
  font-size: 1.1428571429rem;
  font-weight: 900;
  transform: rotate(-16deg) translateX(-3px);
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  letter-spacing: -0.06em;
  line-height: 1.55em;
}
.works__title-txt .indent {
  text-indent: 0.2em;
  display: inline-block;
}
.works__title-txt .let-space {
  letter-spacing: -0.4em;
}

.works__title {
  font-size: 2.2857142857rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.499em;
}
.works__title .red {
  color: var(--c-red01);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.works__title .let-space {
  letter-spacing: -0.07em;
}

.works-content {
  margin-inline: auto;
  max-width: 475px;
}

.works-content__wrap {
  display: flex;
  flex-direction: column;
  gap: 67px;
  background-color: var(--c-blue01);
  margin-top: 53px;
  padding-top: 42px;
  padding-bottom: 56px;
}

.works-content__title-group {
  display: flex;
  gap: 13px;
}

.works-content__title-img-wrap--01 {
  width: 16.4213333333%;
  flex-shrink: 0;
  margin-left: 2.6666666667%;
}

.works-content__title-img-wrap--02 {
  width: 16.8453333333%;
  flex-shrink: 0;
  margin-left: 3.3333333333%;
}

.works-content__title-img-wrap--03 {
  width: 17.7173333333%;
  flex-shrink: 0;
  margin-left: 2.9333333333%;
}

.works-content__title {
  font-size: 1.2857142857rem;
  font-weight: 700;
  margin-top: -5px;
}

.works-conent-after__wrap {
  margin-top: -14px;
  padding-inline: 20% 5.3333333333%;
  position: relative;
}
.works-conent-after__wrap::before {
  content: "after";
  font-size: 1.0714285714rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  position: absolute;
  top: -27px;
  right: 5.8666666667%;
  z-index: 1;
}

.works-conent-before__wrap {
  margin-top: -62px;
  padding-left: 5.3333333333%;
  width: 48%;
  position: relative;
  z-index: 1;
}
.works-conent-before__wrap::before {
  content: "before";
  font-size: 1.0714285714rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  position: absolute;
  top: -30px;
  left: 12.5%;
  z-index: 1;
}

.works-conent__img-wrap {
  position: relative;
  border-radius: 5px;
  border: solid 5px var(--c-white01);
  overflow: hidden;
}
.works-conent__img-wrap > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.point__area {
  position: relative;
  margin-top: 29px;
}

.point__title-logo-wrap {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding-right: 8px;
}

.point__title-logo-img-warp {
  width: 100%;
  max-width: 125.5px;
}

.point__title-logo-txt {
  font-size: 1.1428571429rem;
  font-weight: 900;
}

.point__title {
  font-size: 2.2857142857rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.5em;
  margin-top: 2px;
}
.point__title .red {
  color: var(--c-red01);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.point__title .num {
  margin-left: -2px;
  letter-spacing: -0.1em;
}
.point__title .let-space {
  letter-spacing: -0.04em;
}
.point__title .let-space .narrow {
  letter-spacing: -0.4em;
}
.point__title .left-space {
  margin-left: -2px;
}

.point-content__wrap {
  position: relative;
  margin-top: 19px;
}
.point-content__wrap::before {
  content: "";
  width: 100%;
  height: calc(100% - 33px);
  background-color: var(--c-blue01);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.point-content__inner {
  container-type: inline-size;
  container-name: pointInner;
  padding-top: 35px;
  padding-bottom: 67px;
  max-width: 400px;
  margin-inline: auto;
  width: 86.6666666667%;
  border: solid 2px var(--c-blue04);
  border-radius: 10px;
  background-color: var(--c-white01);
}

.point-content-dot {
  width: 75.3846153846%;
  margin-inline: auto;
  display: block;
  margin-top: 32px;
  height: 13px;
  background-image: radial-gradient(var(--c-blue01) 4px, transparent 4px);
  background-size: 13px 13px;
  background-repeat: repeat-x;
}

@container pointInner (width >= 396px) {
  .point-content-dot {
    background-size: 12px 12px;
  }
}
.point-content-01__title-group {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  padding-left: 3px;
  width: 75.3846153846%;
  margin-inline: auto;
}

.point-content__title-img-wrap {
  width: 78.12px;
  flex-shrink: 1;
  position: relative;
  z-index: 1;
}
.point-content__title-img-wrap::before {
  content: "";
  width: 113%;
  height: 60%;
  background-color: var(--c-white01);
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.point-content__title {
  font-size: 1.7142857143rem;
  font-weight: 900;
  flex-shrink: 0;
  line-height: 1.4em;
  letter-spacing: 0;
}
.point-content__title .red {
  color: var(--c-red01);
}

.point-content__txt {
  font-size: 1.0714285714rem;
  text-align: justify;
  margin-top: 5px;
  line-height: 1.48em;
  letter-spacing: 0;
  width: 75.3846153846%;
  margin-inline: auto;
}

.point-content-02 {
  margin-top: -40px;
}
.point-content-02 .point-content-dot {
  background-position: right;
}

.point-content-02__title-group {
  width: 82.1538461538%;
  margin-inline: auto;
  padding-left: 2.6217228464%;
}

.point-content-02__title-flex-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.point-content-03 {
  margin-top: -11px;
}

.point-content-03__title-group {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  width: 75.3846153846%;
  margin-inline: auto;
  padding-left: 3px;
}

.point-content-03__title {
  padding-bottom: 5px;
}

.topics__area {
  position: relative;
  margin-top: 16px;
}

.topics__title {
  font-size: 1.4285714286rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: -0.01em;
}
.topics__title .red {
  color: var(--c-red01);
}

.topics__img-wrap {
  width: 37.2%;
  padding-right: 4.6666666667%;
  margin-inline: auto;
  margin-top: 9px;
  position: relative;
  z-index: 2;
  max-width: 171px;
}

.topics-content__area {
  background-color: var(--c-blue01);
  margin-top: -16px;
  padding-top: 77px;
  padding-bottom: 19px;
  position: relative;
  z-index: 1;
}
.topics-content__area::before {
  content: "";
  width: 100%;
  height: 577px;
  background-image: url("/img/topics-bg.webp");
  background-position-y: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.topics-content__title-group {
  width: 100%;
  max-width: 240px;
  aspect-ratio: 1/1;
  margin-inline: auto;
  background-color: var(--c-white01);
  border-radius: 50%;
  box-shadow: 0 0 8px #8db2de;
  padding-top: 44px;
}

.topics-content__title {
  font-size: 1.9342857143rem;
  font-weight: 900;
  text-align: center;
  line-height: 1em;
}
.topics-content__title .let-space {
  letter-spacing: -0.08em;
}

.topics-content__title-img-wrap {
  width: 59.5916666667%;
  margin-inline: auto;
  margin-top: 18px;
}

.topics-content01__title-group,
.topics-content02__title-group,
.topics-content03__title-group {
  width: 100%;
  max-width: 221px;
  aspect-ratio: 1/1;
  margin-inline: auto;
  border-radius: 50%;
  border: solid 5px var(--c-blue03);
  background-color: var(--c-white01);
  padding-top: 35px;
}

.topics-content-01__title-img-wrap {
  width: 100%;
  max-width: 90.5px;
  margin-inline: auto;
}

.topics-content-02__title-img-wrap {
  width: 100%;
  max-width: 90.5px;
  margin-inline: auto;
}

.topics-content-03__title-img-wrap {
  width: 100%;
  max-width: 90.5px;
  margin-inline: auto;
}

.topics-content-01__title,
.topics-content-02__title,
.topics-content-03__title {
  font-family: "MPlus Rounded 1c", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-size: 1.3571428571rem;
  font-weight: 800;
  text-align: center;
  margin-top: 6px;
  line-height: 1.54em;
  letter-spacing: -0.01em;
}
.topics-content-01__title .red,
.topics-content-02__title .red,
.topics-content-03__title .red {
  color: var(--c-red01);
}

.topics-content-01 {
  margin-top: 90px;
}

.topics-content-01__txt {
  font-size: 1.1428571429rem;
  font-weight: 500;
  text-align: center;
  margin-top: 7px;
  letter-spacing: -0.05em;
  line-height: 1.7em;
}
.topics-content-01__txt .bold {
  font-weight: 900;
}

.topics-content-01-gragh__area {
  max-width: 400px;
  margin-inline: auto;
  width: 86.6666666667%;
  border: solid 4px var(--c-blue04);
  border-radius: 10px;
  background-color: var(--c-white01);
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 35px;
}

.topics-content-01-gragh__img-wrap {
  width: 100%;
}

.topics-content-01-gragh__txt {
  font-size: 1.0714285714rem;
  font-weight: 500;
  width: 83.5384615385%;
  margin-inline: auto;
  text-align: justify;
}
.topics-content-01-gragh__txt .red {
  color: var(--c-red01);
  font-weight: 700;
}

.topics-content-01-gragh__txt--01 {
  margin-top: 20px;
}

.topics-content-01-gragh__txt-img__wrap {
  width: 100%;
  max-width: 254.275px;
  margin-inline: auto;
  margin-top: 21px;
}

.topics-content-01-gragh__txt-wrap {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.topics-content-02 {
  margin-top: 50px;
}

.topics-content-02-mortgage__wrap {
  margin-top: 21px;
}

.topics-content-02-mortgage__title {
  max-width: 262.5px;
  width: 100%;
  margin-inline: auto;
}

.topics-content-02-mortgage__txt,
.topics-content-02-insurance__txt,
.topics-content-02-asset-building__txt {
  font-size: 1.0714285714rem;
  font-weight: 500;
  text-align: justify;
  margin-inline: auto;
  width: 100%;
  max-width: 265px;
  margin-top: 17px;
}

.topics-content-02-mortgage-example__wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 285px;
  background-color: var(--c-white01);
  border-radius: 10px;
  margin-top: 16px;
  padding-top: 5px;
  padding-bottom: 32px;
}

.topics-content-02-mortgage-example__txt--blue {
  font-family: "MPlus Rounded 1c", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-size: 1.0714285714rem;
  font-weight: 800;
  color: var(--c-blue05);
  max-width: 260px;
  margin-inline: auto;
}

.topics-content-02-mortgage-example__txt {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-family: "MPlus Rounded 1c", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-size: 1.0714285714rem;
  font-weight: 500;
  margin-top: -1px;
}

.topics-content-02-insurance__wrap {
  margin-top: 42px;
}

.topics-content-02-insurance__title {
  margin-inline: auto;
  width: 100%;
  max-width: 260.09px;
}

.topics-content-02-asset-building__wrap {
  margin-top: 35px;
}

.topics-content-02-asset-buildinge__title {
  margin-inline: auto;
  width: 100%;
  max-width: 139.265px;
}

.topics-content-point__wrap {
  position: relative;
  margin-inline: auto;
  width: 100%;
  max-width: 325px;
  display: flex;
  gap: 9px;
  z-index: 1;
  margin-top: 43px;
  padding-top: 27px;
}
.topics-content-point__wrap::before {
  content: "";
  width: 100%;
  height: calc(100% - 10px);
  border-radius: 10px;
  background-color: var(--c-white01);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.topics-content-03 {
  margin-top: 42px;
}

.topics-content-03-point__wrap {
  gap: 28px;
  margin-top: 21px;
}

.topics-content-point__img-wrap {
  width: 91px;
  padding-left: 18px;
  flex-shrink: 1;
}

.topics-content-point__txt {
  font-size: 1.0714285714rem;
  font-weight: 900;
  flex-shrink: 0;
  letter-spacing: -0.05em;
  line-height: 1.5em;
  margin-top: -6px;
}

.topics-content-03__img-wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 242.2px;
  margin-top: 25px;
}

.topics-content-03__txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 17px;
}

.topics-content-03__txt {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
}
.topics-content-03__txt .bold {
  font-weight: 900;
}

.topics-content-03-table__wrap {
  margin-top: 30px;
}

.topics-content-03-table__inner {
  overflow-x: auto;
  margin-top: 5px;
  padding-inline: 14px;
  scrollbar-width: none;
}

.topics-content-03-table {
  width: 516.5px;
  margin-inline: auto;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
}
.topics-content-03-table tr {
  background-color: var(--c-white01);
}
.topics-content-03-table tr:nth-of-type(2n-1) {
  background-color: var(--c-blue02);
}
.topics-content-03-table tr:first-of-type {
  background-color: var(--c-green01);
}
.topics-content-03-table th {
  border-left: 1px solid var(--c-blue07);
  border-top: 1px solid var(--c-blue07);
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 1.5em;
  padding-block: 13px;
}
.topics-content-03-table th.starting-age {
  width: 90px;
  border-radius: 5px 0 0 0;
  padding-left: 9px;
}
.topics-content-03-table th.remaining-years {
  width: 100px;
  padding-left: 13px;
}
.topics-content-03-table th.balance {
  width: 100px;
  padding-left: 13px;
}
.topics-content-03-table th.comment {
  border-right: 1px solid var(--c-blue07);
  width: 226.5px;
  border-radius: 0 5px 0 0;
  padding-left: 11px;
}
.topics-content-03-table td {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.01em;
  border-left: 1px solid var(--c-blue07);
  border-top: 1px solid var(--c-blue07);
}
.topics-content-03-table td .space {
  display: inline-block;
  width: 3px;
  height: 1px;
}
.topics-content-03-table td.starting-age {
  padding-block: 6px 7px;
}
.topics-content-03-table td.remaining-years {
  padding-block: 6px 7px;
}
.topics-content-03-table td.balance {
  padding-block: 6px 7px;
}
.topics-content-03-table td.comment {
  border-right: 1px solid var(--c-blue07);
  text-align: left;
  padding-inline: 13px;
  padding-block: 13px 14px;
  line-height: 1.5em;
}
.topics-content-03-table .last td.starting-age {
  border-radius: 0 0 0 5px;
}
.topics-content-03-table .last td.comment {
  border-radius: 0 0 5px 0;
}
.topics-content-03-table .last td {
  border-bottom: 1px solid var(--c-blue07);
}

.topics-content-03-table__txt--annnotation {
  font-size: 0.7857142857rem;
  font-weight: 500;
  letter-spacing: 0;
  text-align: justify;
  margin-inline: auto;
  width: 92.5333333333%;
  max-width: 516.5px;
  margin-inline: auto;
  margin-top: 17px;
}

.topics__txt-wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 265px;
  margin-top: 10px;
}

.topics__txt {
  font-size: 1.0714285714rem;
  font-weight: 500;
  text-align: justify;
  letter-spacing: -0.019em;
}

.topics__txt--medium {
  font-size: 1.0714285714rem;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  text-align: justify;
  margin-top: 21px;
}
.topics__txt--medium .red {
  text-decoration: underline;
  color: var(--c-red01);
  letter-spacing: -0.04em;
}

.topics__txt--bold {
  margin-top: 25px;
  font-size: 1.2857142857rem;
  font-weight: 900;
  text-align: justify;
}

.topics__link {
  display: block;
  width: 86.6666666667%;
  max-width: 399px;
  min-height: 60px;
  margin-inline: auto;
  background-color: var(--c-yellow01);
  border-radius: 50px;
  font-size: 1.1428571429rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.process__area {
  position: relative;
  background-color: var(--c-blue01);
  padding-bottom: 85px;
}

.process__title-group {
  position: relative;
  padding-bottom: 109px;
  padding-top: 30px;
}
.process__title-group::before {
  content: "";
  width: 100%;
  max-width: 217px;
  aspect-ratio: 1/1;
  background-color: var(--c-white01);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.process__title-img-wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 125.5px;
}

.process__title {
  font-size: 2.2857142857rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.5em;
  margin-top: 1px;
}
.process__title .let-space {
  letter-spacing: -0.06em;
}

.process__title-img-wrap--arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  width: 100%;
  max-width: 92.5px;
  z-index: -1;
}

.process__title-img-wrap--arrow.active {
  transform: translateX(-50%) translateY(0px);
}

.process-content__area {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.process-content__wrap {
  background-color: var(--c-white01);
  border-radius: 10px;
  width: 86.6666666667%;
  margin-inline: auto;
  padding-top: 12px;
  padding-bottom: 50px;
  max-width: 399px;
}

.process-content__wrap--01 {
  padding-bottom: 45px;
}

.process-content__wrap--06 {
  background-color: unset;
  padding-block: 0;
}
.process-content__wrap--06 .process-content__title {
  margin-top: 6px;
  line-height: 1.7em;
}

.process-content__img-wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 71.91px;
}

.process-content__img-wrap--01 {
  max-width: 71.91px;
}

.process-content__img-wrap--02 {
  max-width: 73px;
}

.process-content__img-wrap--03 {
  max-width: 73.71px;
}

.process-content__img-wrap--04 {
  max-width: 74.54px;
}

.process-content__img-wrap--05 {
  max-width: 73.72px;
}

.process-content__title {
  font-size: 1.7142857143rem;
  font-weight: 900;
  text-align: center;
  margin-top: 10px;
}

.process-content__txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 27px;
  width: 81.5384615385%;
  margin-inline: auto;
  margin-top: 4px;
}

.process-content__txt {
  font-size: 1.0714285714rem;
  font-weight: 500;
  text-align: justify;
  letter-spacing: -0.02em;
}
.process-content__txt .left-space {
  margin-left: -7px;
  letter-spacing: -0.01em;
}

.process-content__txt--center {
  font-size: 1.0714285714rem;
  font-weight: 700;
  text-align: center;
}

.process-content__link-area {
  width: 87.6923076923%;
  margin-inline: auto;
  background-color: var(--c-blue01);
  border-radius: 10px;
  padding-block: 23px 15px;
  margin-top: 26px;
}

.process-content-campaign__txt {
  font-family: "MPlus Rounded 1c", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-size: 1.2857142857rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (min-width: 576px) {
  .process-content-campaign__txt {
    font-size: 1.3571428571rem;
  }
}

.process-content-campaign__txt--red {
  font-family: "MPlus Rounded 1c", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-size: 1.2142857143rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0;
  color: var(--c-red01);
  margin-top: -3px;
  text-indent: 0.6em;
}
@media screen and (min-width: 576px) {
  .process-content-campaign__txt--red {
    font-size: 1.2857142857rem;
  }
}

.process-content-campaign__txt--large {
  font-family: "MPlus Rounded 1c", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-size: 1.55rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0;
  color: var(--c-red01);
  margin-top: -6px;
  text-indent: 0.3em;
}
@media screen and (min-width: 576px) {
  .process-content-campaign__txt--large {
    font-size: 1.6214285714rem;
  }
}
.process-content-campaign__txt--large .left-space {
  margin-left: -4px;
}

.process-content-campaign__txt--annotation {
  font-size: 0.7142857143rem;
  text-align: justify;
  width: 100%;
  max-width: 231px;
  margin-inline: auto;
  line-height: 1.5em;
}
@media screen and (min-width: 576px) {
  .process-content-campaign__txt--annotation {
    max-width: 245px;
  }
}

.process-content__link {
  width: 89.4736842105%;
  min-height: 60px;
  background-color: var(--c-yellow01);
  border-radius: 50px;
  margin-inline: auto;
  font-size: 1.4285714286rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.process-content-arrow__img-wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 92.5px;
  transform: translateY(-25px);
}

.process-content-arrow__img-wrap.active {
  transform: translateY(0px);
}

.process-applicable-properties__area {
  margin-top: 20px;
}
.process-applicable-properties__area .applicable-properties__list-wrap {
  max-height: 300px;
  width: 87.6923076923%;
  max-width: 100%;
  margin-top: 7px;
}
.process-applicable-properties__area .applicable-properties__title {
  font-size: 1.5rem;
}
.process-applicable-properties__area .applicable-properties__title .large {
  font-size: 2.2142857143rem;
}
.process-applicable-properties__area .applicable-properties__title-txt {
  font-size: 1rem;
}
.process-applicable-properties__area .applicable-properties__list {
  padding-inline: 16px;
  padding-top: 18px;
}
@media screen and (max-width: 575px) {
  .process-applicable-properties__area .applicable-properties-point__txt {
    font-size: 0.7142857143rem;
  }
}
@media screen and (max-width: 575px) {
  .process-applicable-properties__area .applicable-properties-address__txt {
    font-size: 1.1428571429rem;
  }
}
@media screen and (max-width: 575px) {
  .process-applicable-properties__area .applicable-properties-price__txt {
    font-size: 1rem;
  }
}

.form__area {
  position: relative;
  margin-top: 45px;
  margin-inline: auto;
  width: 92%;
  max-width: 399px;
}

.form-logo__img-wrap {
  margin-inline: auto;
  width: 100%;
  max-width: 200px;
}

.form__title {
  font-size: 1.7142857143rem;
  font-weight: 900;
  text-align: center;
  margin-top: 23px;
  line-height: 1.5em;
  position: relative;
  padding-bottom: 35px;
}
.form__title .red {
  color: var(--c-red01);
  font-size: 1rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.form__title::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--c-blue06);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.form-line {
  width: 100%;
  height: 3px;
  background-color: var(--c-blue06);
}

.form-wrap {
  margin-top: 22px;
  padding-inline: 2px;
}

.form-horizontal {
  margin-top: 15px;
}

.miyata-renovation .form__area form label {
  text-transform: none;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  color: var(--c-black01);
  display: block;
}
.miyata-renovation .form__area input,
.miyata-renovation .form__area textarea,
.miyata-renovation .form__area select {
  font-size: 1.1428571429rem;
}
.miyata-renovation .form__area input::-moz-placeholder, .miyata-renovation .form__area textarea::-moz-placeholder {
  color: var(--c-blue06);
  opacity: 0.5;
  font-size: 1rem;
}
.miyata-renovation .form__area input::placeholder,
.miyata-renovation .form__area textarea::placeholder {
  color: var(--c-blue06);
  opacity: 0.5;
  font-size: 1rem;
}
.miyata-renovation .form__area .form-item__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.miyata-renovation .form__area .form-group {
  width: 100%;
  margin: 0;
}
.miyata-renovation .form__area p {
  padding-inline: 0;
  font-size: 1.0714285714rem;
  margin: 0;
  font-weight: 700;
}
.miyata-renovation .form__area h5.form-item__title {
  padding-inline: 0;
  font-size: 1.0714285714rem;
  font-weight: 400;
  margin: 0;
  display: flex;
  gap: 1px;
  line-height: 1.5;
}
.miyata-renovation .form__area .badge {
  margin: 0;
  padding: 0;
  font-size: 1.3571428571rem;
  color: var(--c-blue06);
  font-weight: 300;
  margin-top: 1px;
  height: 10px;
}
.miyata-renovation .form__area .bg-danger {
  background-color: unset !important;
}
.miyata-renovation .form__area .form-control {
  color: var(--c-black02) !important;
  -webkit-text-fill-color: var(--c-black02);
  border-radius: 5px;
  border: 1px solid var(--c-gray01);
  font-family: "Zen Kaku Gothic Antique", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--c-white01) inset;
}
.miyata-renovation .form__area .form-control:focus,
.miyata-renovation .form__area input:focus,
.miyata-renovation .form__area select:focus {
  border-color: var(--c-gray01);
  color: var(--c-blue06);
  -webkit-box-shadow: 0 0 0px 1000px var(--c-bg) inset;
}
.miyata-renovation .form__area .row .form-item-contents {
  padding-inline: 2px;
  margin-top: 8px;
}
.miyata-renovation .form__area .alert__wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.miyata-renovation .form__area .alert {
  margin: 0;
}
.miyata-renovation .form__area .alert-danger {
  background-color: var(--c-red01);
  border-color: var(--c-red01);
  padding: 5px 10px;
  font-size: 0.9285714286rem;
}
.miyata-renovation .form__area .text-muted {
  font-size: 0.8571428571rem;
  color: var(--c-black02) !important;
  font-weight: 300;
}
.miyata-renovation .form__area .form__btn-wrap {
  margin-top: 48px;
}
.miyata-renovation .form__area .form__btn-wrap .btn-secondary {
  font-size: 1.0714285714rem !important;
  font-weight: 700 !important;
  padding-inline: 20px !important;
  padding-block: 0;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: var(--c-gray02) !important;
  border-color: var(--c-gray02) !important;
  border-width: 0;
  border-radius: 4px !important;
  height: auto !important;
  line-height: 1.5em !important;
  display: flex;
  align-items: center;
  min-height: 45px;
}
@media (any-hover: hover) {
  .miyata-renovation .form__area .form__btn-wrap .btn-secondary:hover {
    opacity: 1;
    cursor: auto;
  }
}
.miyata-renovation .form__area .form__btn-wrap .btn-success {
  font-size: 1.0714285714rem !important;
  font-weight: 700 !important;
  padding-inline: 20px !important;
  padding-block: 0;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: var(--c-blue06) !important;
  border-color: var(--c-blue06) !important;
  border-radius: 4px !important;
  height: auto !important;
  line-height: 1.5em !important;
  color: var(--c-white01) !important;
  display: flex;
  align-items: center;
  min-height: 45px;
}
.miyata-renovation .form__area .radio__wrap {
  margin-top: 8px;
}
.miyata-renovation .form__area .radio__inner {
  display: flex;
  flex-direction: column;
  padding-inline: 1px;
}
.miyata-renovation .form__area .radio__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--c-black02);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
.miyata-renovation .form__area .radio__btn:checked {
  background-color: #fff;
  border-color: var(--c-black02);
}
.miyata-renovation .form__area .radio__btn:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  background-color: var(--c-black02);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .miyata-renovation .form__area .radio__btn:checked::after {
    transform: translate(-50%, -50%);
  }
}
.miyata-renovation .form__area .radio__item {
  display: flex;
  align-items: center;
  text-transform: none;
  margin-bottom: 0;
  gap: 4px;
}
.miyata-renovation .form__area .radio__item .text-dark {
  font-size: 1.0714285714rem;
  font-weight: 400;
  color: var(--c-black01);
  display: block;
}
.miyata-renovation .form__area .address__wrap {
  margin-top: 4px;
}
.miyata-renovation .form__area .address__wrap .text-muted {
  color: var(--c-blue06) !important;
  margin-top: 1px;
  font-size: 1rem;
}
.miyata-renovation .form__area .tel__wrap {
  margin-top: 12px;
}
.miyata-renovation .form__area .tel__wrap .input-group {
  align-items: center;
  gap: 5px;
}
.miyata-renovation .form__area .tel__wrap .form-control {
  border-radius: 4px !important;
}
.miyata-renovation .form__area .tel__wrap .input-group-text {
  background-color: unset;
  border: 0px;
  padding: 0;
  width: 5px;
  height: 1px;
  min-height: 0 !important;
  background-color: var(--c-black01);
}
.miyata-renovation .form__area .name__wrap {
  margin-top: 12px;
}
.miyata-renovation .form__area .name__wrap .d-flex {
  gap: 10px;
}
.miyata-renovation .form__area .text-multiple__wrap .form-control {
  min-height: 250px;
}
.miyata-renovation .form__area .recapcha-text {
  font-size: 0.7142857143rem;
  margin-top: 10px;
  text-align: justify;
}
.miyata-renovation .form__area .recapcha-text > a {
  color: var(--c-brown04);
}

.form-privacypolicy__link {
  font-size: 0.9285714286rem;
  text-decoration: underline;
  text-decoration-color: var(--c-black01);
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  display: block;
  text-align: center;
  margin-top: 10px;
}
@media (any-hover: hover) {
  .form-privacypolicy__link:hover {
    text-decoration: underline;
    text-decoration-color: var(--c-black01);
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
  }
}

.form__txt--annotation {
  font-size: 1.0714285714rem;
}

.miyata-renovation.miyata-renovation-form-confirm .main__area,
.miyata-renovation.miyata-renovation-form-post .main__area {
  background-color: var(--c-white01);
}
.miyata-renovation.miyata-renovation-form-confirm .form__area,
.miyata-renovation.miyata-renovation-form-post .form__area {
  margin-top: 0;
  padding-block: 40px 0;
}
.miyata-renovation.miyata-renovation-form-confirm .footer__area,
.miyata-renovation.miyata-renovation-form-post .footer__area {
  padding-top: 17px;
  padding-bottom: 17px;
}
.miyata-renovation.miyata-renovation-form-confirm .main__area,
.miyata-renovation.miyata-renovation-form-post .main__area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 70px;
  min-height: 100svh;
}

.miyata-renovation.miyata-renovation-form-confirm .jumbotron {
  padding: 10px 15px;
  background-color: var(--c-white01);
  border-radius: 4px;
  margin-top: 12px;
  border: 1px solid var(--c-gray01);
}
.miyata-renovation.miyata-renovation-form-confirm p.form-item__txt {
  font-family: "Zen Kaku Gothic Antique", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-weight: 500;
  color: var(--c-black02);
}
.miyata-renovation.miyata-renovation-form-confirm .form-item__txt {
  font-family: "Zen Kaku Gothic Antique", "游ゴシック", "YuGothic", "Meiryo", "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
  font-weight: 500;
  color: var(--c-black02);
}
.miyata-renovation.miyata-renovation-form-confirm .form__btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
@media (any-hover: hover) {
  .miyata-renovation.miyata-renovation-form-confirm .form__btn-wrap .btn-secondary:hover {
    cursor: pointer;
    transform: scale(1);
    opacity: 0.85;
  }
}
.miyata-renovation.miyata-renovation-form-confirm p.form-confirm-alert-sentence {
  margin-top: 27px;
}
.miyata-renovation.miyata-renovation-form-confirm .form-wrap {
  padding-inline: 0;
}
.miyata-renovation.miyata-renovation-form-confirm .form__area .row .form-item-contents {
  padding-inline: 0;
}

.miyata-renovation.miyata-renovation-form-post .main__area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100svh;
}
.miyata-renovation.miyata-renovation-form-post .form-lp-message {
  font-size: 16px;
  margin-top: 27px;
}
.miyata-renovation.miyata-renovation-form-post .form__area .form__btn-wrap .btn-secondary {
  background-color: var(--c-blue06) !important;
  margin-inline: auto;
}
@media (any-hover: hover) {
  .miyata-renovation.miyata-renovation-form-post .form__area .form__btn-wrap .btn-secondary:hover {
    cursor: pointer;
    transform: scale(1);
    opacity: 0.85;
  }
}

.company__area {
  margin-top: 60px;
  position: relative;
  background-color: var(--c-blue01);
  padding-top: 29px;
  padding-bottom: 15px;
}

.company__wrap {
  background-color: var(--c-white01);
  border-radius: 5px;
  margin-inline: auto;
  width: 92%;
  max-width: 399px;
  padding-inline: 20px;
  padding-top: 22px;
  padding-bottom: 70px;
}

.company__title {
  position: relative;
  font-size: 1.7142857143rem;
  font-weight: 900;
  text-align: center;
  padding-bottom: 25px;
}
.company__title::before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--c-blue06);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.company-content__wrap {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.company-content {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--c-blue01);
}

.company-content__title {
  font-size: 1rem;
  font-weight: 900;
}

.company-content__txt {
  font-size: 1.1428571429rem;
  color: var(--c-black02);
  font-weight: 500;
  margin-top: -2px;
}

.company-content--last {
  padding-bottom: 0;
  border-bottom: 0;
}

.footer__area {
  background-color: var(--c-blue01);
  padding-bottom: 97px;
}
@media screen and (min-width: 768px) {
  .footer__area {
    padding-bottom: 17px;
  }
}

.footer__copyright {
  font-size: 0.7142857143rem;
  text-align: center;
  letter-spacing: 0;
  display: block;
}

.left__area {
  display: none;
}
@media screen and (min-width: 768px) {
  .left__area {
    display: block;
    position: fixed;
    padding: 30px 15px;
    width: calc((100% - 470px) / 2);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    max-height: 100vh;
    overflow-y: auto;
  }
  .left__area.active {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .left__area {
    padding: 40px 30px;
  }
}

.left__wrap {
  width: -moz-fit-content;
  width: fit-content;
}

.left-top__wrap {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.left-logo__img-wrap {
  width: 100%;
  max-width: 200px;
}
.left-logo__img-wrap > img {
  width: 100%;
  height: auto;
}

.left-nav__wrap {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 1200px) {
  .left-nav__wrap {
    margin-top: 50px;
    margin-left: 20px;
  }
}

.left-nav__item {
  position: relative;
}
.left-nav__item > a {
  font-size: 0.7857142857rem;
  font-weight: 900;
  position: relative;
  transition: var(--tran-all);
  display: inline-block;
  opacity: 0.5;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 1200px) {
  .left-nav__item > a {
    font-size: 1.1428571429rem;
  }
}
.left-nav__item > a > span {
  font-size: 0.7142857143rem;
  display: block;
  line-height: 1;
  padding-left: 3px;
  padding-bottom: 11px;
  letter-spacing: 0.075em;
}
.left-nav__item.active > a {
  opacity: 1;
}

.left-nav__link {
  width: 100%;
  max-width: 200px;
  height: 49px;
  background-color: var(--c-yellow01);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9285714286rem;
  font-weight: 900;
  transition: var(--tran-all);
  margin-top: 17px;
}
@media screen and (min-width: 1200px) {
  .left-nav__link {
    font-size: 1.1428571429rem;
    margin-left: 19px;
  }
}

.no-page__area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 70px;
  min-height: 100svh;
  padding-top: 70px;
}
@media screen and (min-width: 768px) {
  .no-page__area {
    padding-top: 100px;
  }
}
.no-page__area .footer__area {
  padding-top: 17px;
  padding-bottom: 17px;
}

.no-page__title {
  font-size: 1.7142857143rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .no-page__title {
    font-size: 2.1428571429rem;
    padding-bottom: 30px;
  }
}
.no-page__title::before {
  content: "";
  width: calc(85% + 5px);
  max-width: 505px;
  position: absolute;
  height: 3px;
  background-color: var(--c-blue06);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.no-page__txt {
  font-size: 1.0714285714rem;
  text-align: justify;
  margin-inline: auto;
  width: 85%;
  max-width: 500px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .no-page__txt {
    margin-top: 30px;
    font-size: 1.1428571429rem;
  }
}

.no-page__link {
  width: 85%;
  max-width: 400px;
  margin-inline: auto;
  height: 49px;
  background-color: var(--c-yellow01);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4285714286rem;
  font-weight: 900;
  color: var(--c-blue06);
  transition: var(--tran-all);
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .no-page__link {
    margin-top: 40px;
  }
}/*# sourceMappingURL=contents.css.map */