html body {
  margin: 0;
}

body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body figure {
  margin: 0;
}

body label {
  margin-bottom: 0;
}

body img {
  display: block;
  max-width: 100%;
  height: auto;
}

body a {
  color: inherit;
  text-decoration: none;
}

body a:hover,
body a:focus {
  text-decoration: none;
}

body p a:hover,
body p a:focus {
  color: inherit;
}

body button,
body input,
body textarea,
body select {
  font: inherit;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  overflow-x: clip;
}

html {
  --fluid-min: 0.5622254758;
}

@media screen and (max-width: 767px) {
  html {
    --fluid-min: 0.8;
  }
}
html {
  scroll-padding-top: clamp(99px * var(--fluid-min, 0.8), 7.2474377745vw, 118.8px);
}

@media screen and (max-width: 1093px) {
  html {
    scroll-padding-top: 90px;
  }
}
html body {
  background: #fff;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: anywhere;
  line-break: strict;
}

html a[href] {
  display: inline;
  min-width: auto;
  min-height: auto;
  padding: 0;
}

body a {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}

body button {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.is-fade-ready .js-fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  will-change: opacity, transform;
}

.is-fade-ready .js-fade-in.is-show {
  opacity: 1;
  transform: translate(0, 0);
}

.is-fade-ready .p-topService__list > *,
.is-fade-ready .p-topWorks__list > .webgene-blog > *,
.is-fade-ready .p-lowerPosts > .webgene-blog > :not(.webgene-pagination),
.is-fade-ready .p-lowerFaq__list > *,
.is-fade-ready .p-newHomeLife__cards > *,
.is-fade-ready .p-realEstateSteps > *,
.is-fade-ready .p-realEstateInquiry__cards > *,
.is-fade-ready .p-realEstateBefore__list > *,
.is-fade-ready .js-fade-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease var(--fade-delay, 0ms), transform 0.6s ease var(--fade-delay, 0ms), background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  will-change: opacity, transform;
}

.is-fade-ready .p-topService__list > .is-show,
.is-fade-ready .p-topWorks__list > .webgene-blog > .is-show,
.is-fade-ready .p-lowerPosts > .webgene-blog > .is-show,
.is-fade-ready .p-lowerFaq__list > .is-show,
.is-fade-ready .p-newHomeLife__cards > .is-show,
.is-fade-ready .p-realEstateSteps > .is-show,
.is-fade-ready .p-realEstateInquiry__cards > .is-show,
.is-fade-ready .p-realEstateBefore__list > .is-show,
.is-fade-ready .js-fade-item.is-show {
  opacity: 1;
  transform: translate(0, 0);
}