@charset "UTF-8";
/***********************************************
 *  リセット
 ***********************************************/
header *, header *::before, header *::after,
main *,
main *::before,
main *::after,
.float-conv *,
.float-conv *::before,
.float-conv *::after {
  box-sizing: border-box;
}
header *,
main *,
.float-conv * {
  margin: 0;
  padding: 0;
}
header img, header picture, header video, header canvas, header svg,
main img,
main picture,
main video,
main canvas,
main svg,
.float-conv img,
.float-conv picture,
.float-conv video,
.float-conv canvas,
.float-conv svg {
  display: block;
  max-width: 100%;
}
header img,
main img,
.float-conv img {
  vertical-align: middle;
  width: 100%;
  height: auto;
}
header p, header h1, header h2, header h3, header h4, header h5, header h6,
main p,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.float-conv p,
.float-conv h1,
.float-conv h2,
.float-conv h3,
.float-conv h4,
.float-conv h5,
.float-conv h6 {
  overflow-wrap: break-word;
  font-size: inherit;
  font-weight: inherit;
}
header ol, header ul,
main ol,
main ul,
.float-conv ol,
.float-conv ul {
  list-style: none;
}
header a,
main a,
.float-conv a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
header address, header caption, header cite, header code, header dfn, header em, header strong, header th, header var,
main address,
main caption,
main cite,
main code,
main dfn,
main em,
main strong,
main th,
main var,
.float-conv address,
.float-conv caption,
.float-conv cite,
.float-conv code,
.float-conv dfn,
.float-conv em,
.float-conv strong,
.float-conv th,
.float-conv var {
  font-style: normal;
  font-weight: normal;
}
header button,
header input,
header textarea,
header select,
main button,
main input,
main textarea,
main select,
.float-conv button,
.float-conv input,
.float-conv textarea,
.float-conv select {
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  text-transform: none;
  border-radius: 0;
  background: none;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

/***********************************************
 *  カスタムプロパティ
 ***********************************************/
/* rem変換 ------------------------------ */
/***********************************************
 *  mixin
 ***********************************************/
/***********************************************
 *  utility
 ***********************************************/
.pc__only {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc__only {
    display: inherit;
  }
}

@media screen and (min-width: 768px) {
  .sp__only {
    display: none;
  }
}

@media screen and (min-width: 520px) {
  .sm__only {
    display: none;
  }
}

.mb00 {
  margin-bottom: unset !important;
}

@media (hover: hover) {
  .cmn__hover-effect1 {
    transition: filter 0.4s ease !important;
  }
  .cmn__hover-effect1:hover {
    filter: brightness(1.2);
  }
}

.js-float-trigger.--bottom {
  width: 100%;
  height: 1px;
  background: #72b8da;
}
@media screen and (min-width: 768px) {
  .js-float-trigger.--bottom {
    height: 0;
  }
}

/***********************************************
 *  common
 ***********************************************/
body {
  background-color: #F8FAFC;
  padding: unset !important;
  overflow-x: clip;
  width: 100%;
  height: 100%;
  min-width: unset;
}

header,
main,
.float-conv {
  color: #000000;
  font-weight: 500;
  font-style: normal;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-optical-sizing: auto;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  font-feature-settings: "palt";
  -moz-osx-font-smoothing: grayscale;
  font-variant-east-asian: proportional-width;
  overflow-wrap: break-word;
  text-rendering: optimizelegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
header a:hover,
main a:hover,
.float-conv a:hover {
  text-decoration: unset;
  transition: unset;
}
main {
  overflow-x: clip;
}
.cmn__container {
  padding: 0 1.6rem;
}
@media screen and (min-width: 768px) {
  .cmn__container {
    padding: 0 4rem;
  }
}
.cmn__container#sec00 {
  padding-top: 7.2rem;
}
@media screen and (min-width: 768px) {
  .cmn__container#sec00 {
    padding-top: 9.6rem;
  }
}
.cmn__container#sec01 {
  padding-top: 9.6rem;
}
@media screen and (min-width: 768px) {
  .cmn__container#sec01 {
    padding-top: 12.8rem;
  }
}
.cmn__container#sec02 {
  padding-top: 6.6rem;
}
@media screen and (min-width: 768px) {
  .cmn__container#sec02 {
    padding-top: 12.8rem;
  }
}
.cmn__container#sec03 {
  padding-top: 9.6rem;
}
@media screen and (min-width: 768px) {
  .cmn__container#sec03 {
    padding-top: 12.8rem;
  }
}
.cmn__container.bottom {
  padding-top: 9.6rem;
}
@media screen and (min-width: 768px) {
  .cmn__container.bottom {
    padding-top: 8.8rem;
  }
}

.cmn__inner {
  max-width: 1328px;
  margin: 0 auto;
}
.cmn__inner.--narrow {
  max-width: 976px;
}

.cmn__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .cmn__headline {
    gap: 0.4rem;
    margin-bottom: 8rem;
  }
}
.cmn__headline .en {
  margin-bottom: 0.4rem;
}
.cmn__headline .en img {
  height: 1rem;
  width: auto;
}
@media screen and (min-width: 768px) {
  .cmn__headline .en img {
    height: 1.4rem;
  }
}
.cmn__headline .ja {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.3529;
}
@media screen and (min-width: 768px) {
  .cmn__headline .ja {
    font-size: 3.4rem;
  }
}

#sec01 .cmn__headline {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  #sec01 .cmn__headline {
    margin-bottom: 8rem;
  }
}

#sec02 .cmn__headline {
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  #sec02 .cmn__headline {
    margin-bottom: 9.4rem;
  }
}

#sec03 .cmn__headline {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  #sec03 .cmn__headline {
    margin-bottom: 4rem;
  }
}

.cmn__link-container {
  container-type: inline-size;
  width: 100%;
  max-width: 67.4rem;
}
.cmn__link-container .link-btn {
  border-radius: 0.6rem;
  background-color: #63A7D8;
  padding: 2.4rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cmn__link-container .link-btn.--black {
  background-color: #000000;
}
.cmn__link-container .link-btn.--gray {
  background-color: #777777;
}
.cmn__link-container .link-btn.--blue {
  background-color: #004C82;
}
@container (min-width:520px) {
  .cmn__link-container .link-btn {
    padding: 2.4rem 4.8rem;
    flex-direction: row-reverse;
    gap: 2.4rem;
  }
}
.cmn__link-container .link-btn .link-btn__txt {
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  min-height: 3.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@container (min-width:520px) {
  .cmn__link-container .link-btn .link-btn__txt {
    font-size: 1.4rem;
    text-align: left;
  }
}
.cmn__link-container .link-btn .link-btn__partition {
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #ffffff;
  margin: 1.6rem 0;
}
@container (min-width:520px) {
  .cmn__link-container .link-btn .link-btn__partition {
    display: none;
  }
}
.cmn__link-container .link-btn .link-btn__logo {
  display: block;
  max-width: 100%;
}
.cmn__link-container .link-btn .link-btn__logo.--fami-s {
  width: 24.6rem;
  height: 6.1rem;
}
@container (min-width:520px) {
  .cmn__link-container .link-btn .link-btn__logo.--fami-s {
    width: 21.6rem;
    height: 5.3rem;
  }
}
.cmn__link-container .link-btn .link-btn__logo.--season {
  width: 22.6rem;
  height: 5.3rem;
}
@container (min-width:520px) {
  .cmn__link-container .link-btn .link-btn__logo.--season {
    width: 18.8rem;
    height: 4.4rem;
  }
}

.btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 4.8rem;
}
@media screen and (min-width: 768px) {
  .btn-wrap {
    margin-top: 7.2rem;
  }
}

.btn-wrap--3columns {
  display: flex;
  gap: 1.6rem;
  margin: 4rem 0;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .btn-wrap--3columns {
    gap: 3.2rem;
    margin: 4.8rem 0;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .btn-wrap--3columns .cmn__link-container {
    width: calc((100% - 6.4rem) / 3);
  }
}
.btn-wrap--3columns .cmn__link-container .link-btn {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .btn-wrap--3columns .cmn__link-container .link-btn {
    justify-content: flex-start;
    height: 100%;
  }
}
.btn-wrap--3columns .cmn__link-container .link-btn .link-btn__txt {
  font-size: 1.4rem;
}
.btn-wrap--3columns .cmn__link-container .link-btn .link-btn__logo.--fami-s {
  width: 23.7rem;
  height: 5.8rem;
}
@container (min-width:520px) {
  .btn-wrap--3columns .cmn__link-container .link-btn .link-btn__logo.--fami-s {
    width: 23.7rem;
    height: 5.8rem;
  }
}
.btn-wrap--3columns .cmn__link-container .link-btn .link-btn__logo.--season {
  margin-top: 1.1rem;
  width: 15.4rem;
  height: 3.6rem;
}
@container (min-width:520px) {
  .btn-wrap--3columns .cmn__link-container .link-btn .link-btn__logo.--season {
    width: 15.4rem;
    height: 3.6rem;
  }
}
.btn-wrap--3columns .cmn__link-container .link-btn .link-btn__logo.--beheim {
  margin-top: 1.1rem;
  width: 15.8rem;
  height: 3.6rem;
}

/***********************************************
 *  header
 ***********************************************/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 0 1.6rem;
}
.header.--scrolled {
  background: rgba(255, 255, 255, 0.64);
}
@media screen and (min-width: 768px) {
  .header {
    padding: 0 4rem;
  }
}
.header .header__wrap {
  max-width: 1216px;
  margin: 0 auto;
  position: relative;
  height: 8.3rem;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .header .header__wrap {
    height: 9.1rem;
  }
}
.header .header__wrap .header__logo {
  width: 12.3rem;
}
@media screen and (min-width: 768px) {
  .header .header__wrap .header__logo {
    width: 17.7rem;
  }
}
.header .header__wrap .header-conv {
  display: none;
}
@media screen and (min-width: 768px) {
  .header .header__wrap .header-conv {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
  }
}
.header .header__wrap .header-conv .header-conv__list {
  display: flex;
  gap: 0.8rem;
}
.header .header__wrap .header-conv .header-conv__list .header-conv__item .header-conv__btn {
  padding: 0.8rem;
  width: 16.7rem;
  height: 9.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.46875;
}
.header .header__wrap .header-conv .header-conv__list .header-conv__item .header-conv__btn.--blue {
  background-color: #004C82;
}
.header .header__wrap .header-conv .header-conv__list .header-conv__item .header-conv__btn.--yellow {
  background-color: #eb6f3c;
}
.header .header__wrap .header-nav {
  position: absolute;
  right: 0;
  z-index: 2;
  top: 1.6rem;
}
.header .header__wrap .header-nav.--open {
  right: -1.6rem;
}
@media screen and (min-width: 768px) {
  .header .header__wrap .header-nav {
    display: none;
  }
}
.header .header__wrap .header-nav .header-nav__btn {
  background-color: #004C82;
  width: 5.1rem;
  height: 5.1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header .header__wrap .header-nav .header-nav__btn span {
  width: 2.3rem;
  height: 0.1rem;
  background-color: #ffffff;
  position: absolute;
  inset: 0;
  display: block;
  margin: auto;
}
.header .header__wrap .header-nav .header-nav__btn span:nth-of-type(1) {
  transform: translateY(-8px);
}
.header .header__wrap .header-nav .header-nav__btn span:nth-of-type(3) {
  transform: translateY(8px);
}
.header .header__wrap .header-nav .header-nav__btn.--open span:nth-of-type(1) {
  transform: rotate(45deg);
}
.header .header__wrap .header-nav .header-nav__btn.--open span:nth-of-type(2) {
  opacity: 0;
}
.header .header__wrap .header-nav .header-nav__btn.--open span:nth-of-type(3) {
  transform: rotate(-45deg);
}
.header .header__wrap .header-modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  inset: 0;
  z-index: 1;
  transition: 0.4s ease;
}
.header .header__wrap .header-modal.--open {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  .header .header__wrap .header-modal.--open {
    display: none;
  }
}
.header .header__wrap .header-modal .header-modal__inner {
  background-color: #004C82;
  padding: 0 1.6rem 3.9rem;
}
.header .header__wrap .header-modal .header-modal__inner .header-modal__logo {
  margin-bottom: 3.2rem;
  padding-top: 3.4rem;
}
.header .header__wrap .header-modal .header-modal__inner .header-modal__logo img {
  width: 12.3rem;
  height: 1.4rem;
}
.header .header__wrap .header-modal .header-modal__inner .header-modal__list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.header .header__wrap .header-modal .header-modal__inner .header-modal__list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 0.8rem 2.4rem 0.4rem;
}
.header .header__wrap .header-modal .header-modal__inner .header-modal__list li a .header-modal__txt {
  font-weight: 700;
  font-size: 1.6rem;
  color: #ffffff;
}
.header .header__wrap .header-modal .header-modal__inner .header-modal__list li a .header-modal__arrow {
  width: 1.1rem;
  height: 0.5rem;
}

/***********************************************
 *  float-conv
 ***********************************************/
.float-conv {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
}
.float-conv.--appear {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  .float-conv.--appear {
    display: none;
  }
}
.float-conv .float-conv__list {
  display: flex;
  gap: 0.2rem;
}
.float-conv .float-conv__list .float-conv__item {
  flex-grow: 1;
}
.float-conv .float-conv__list .float-conv__item .float-conv__btn {
  padding: 0.8rem;
  width: 100%;
  height: 6.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.46875;
}
.float-conv .float-conv__list .float-conv__item .float-conv__btn.--blue {
  background-color: #004C82;
}
.float-conv .float-conv__list .float-conv__item .float-conv__btn.--yellow {
  background-color: #eb6f3c;
}

/***********************************************
 *  hero
 ***********************************************/
.hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .hero {
    margin-bottom: 3.2rem;
  }
}
.hero picture {
  width: 100%;
  position: relative;
}
.hero picture::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: #2A1200;
  opacity: 0.35;
}
.hero picture .hero__img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 58.8rem;
}
@media screen and (min-width: 768px) {
  .hero picture .hero__img {
    height: 66.2rem;
  }
}
.hero .hero__txt-area {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero .hero__txt-area .hero__copy,
.hero .hero__txt-area .hero__desc {
  color: #ffffff;
  font-family: "Yu Mincho Demibold", "游明朝 Demibold", "Hiragino Mincho ProN W6", "Noto Serif JP", "IPA明朝", serif;
  text-align: center;
  font-feature-settings: normal;
}
.hero .hero__txt-area .hero__copy {
  font-size: 3.6rem;
  margin-bottom: 4.3rem;
  line-height: 1.44444;
  filter: drop-shadow(0px 3px 18px #2A1200);
}
@media screen and (min-width: 768px) {
  .hero .hero__txt-area .hero__copy {
    font-size: 5.2rem;
    margin-bottom: 5.4rem;
  }
}
.hero .hero__txt-area .hero__desc {
  font-size: 1.6rem;
  line-height: 1.83333;
  filter: drop-shadow(0px 0px 15px #2A1200);
}
@media screen and (min-width: 768px) {
  .hero .hero__txt-area .hero__desc {
    font-size: 2.2rem;
  }
}
.hero .hero__toc {
  display: none;
}
@media screen and (min-width: 768px) {
  .hero .hero__toc {
    display: block;
    margin: 0 4rem;
    position: absolute;
    width: calc(100% - 8rem);
    bottom: -3.2rem;
  }
}
.hero .hero__toc .hero__toc-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 6.4rem;
  max-width: 976px;
  margin: auto;
  background-color: #004C82;
  border-radius: 50px;
}
.hero .hero__toc .hero__toc-list li {
  width: 33%;
  text-align: center;
}
.hero .hero__toc .hero__toc-list li a {
  color: #ffffff;
  font-size: 1.6rem;
  padding: 0.8rem;
  font-weight: 700;
}

/***********************************************
 *  lead-section
 ***********************************************/
.lead-section .lead-section__wrapper .lead__brand-logo {
  width: 28.9rem;
  margin-bottom: 3.9rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .lead-section .lead-section__wrapper .lead__brand-logo {
    width: 36.3rem;
    margin-bottom: 7.4rem;
  }
}
@media screen and (min-width: 768px) {
  .lead-section .lead-section__wrapper .desc-area {
    text-align: center;
  }
}
.lead-section .lead-section__wrapper .desc-area .desc {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .lead-section .lead-section__wrapper .desc-area .desc {
    font-size: 1.8rem;
  }
}
.lead-section .lead-section__wrapper .desc-area .desc + .desc {
  margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
  .lead-section .lead-section__wrapper .desc-area .desc + .desc {
    margin-top: 3rem;
  }
}

/***********************************************
 *  feature
 ***********************************************/
.feature__toc {
  margin: auto;
  max-width: 1216px;
  margin-bottom: 9.6rem;
}
@media screen and (min-width: 768px) {
  .feature__toc {
    margin-bottom: 12.8rem;
  }
}
.feature__toc .feature__toc-list {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .feature__toc .feature__toc-list {
    flex-direction: row;
  }
}
.feature__toc .feature__toc-list li {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .feature__toc .feature__toc-list li {
    width: calc((100% - 1.6rem) / 3);
  }
}
.feature__toc .feature__toc-list li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature__toc .feature__toc-list li a::after {
  content: "";
  background-color: #004C82;
  display: block;
  position: absolute;
  inset: 0;
  opacity: 0.65;
  z-index: 1;
}
.feature__toc .feature__toc-list li a .front {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  gap: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .feature__toc .feature__toc-list li a .front {
    gap: 3.2rem;
  }
}
.feature__toc .feature__toc-list li a .front .icon-num {
  width: 2.4rem;
}
@media screen and (min-width: 1024px) {
  .feature__toc .feature__toc-list li a .front .icon-num {
    width: 3.2rem;
  }
}
.feature__toc .feature__toc-list li a .front .ttl,
.feature__toc .feature__toc-list li a .front .grid-txt {
  color: #ffffff;
  font-weight: 300;
}
.feature__toc .feature__toc-list li a .front .ttl {
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .feature__toc .feature__toc-list li a .front .ttl {
    font-size: clamp(1.8rem, 2.272727vw, 3.2rem);
  }
}
.feature__toc .feature__toc-list li a .front .grid-txt {
  display: grid;
  text-align: center;
  line-height: 1.5;
}
.feature__toc .feature__toc-list li a .front .grid-txt.--l21 span:first-child {
  grid-column: 1/3;
}
.feature__toc .feature__toc-list li a .front .grid-txt span {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .feature__toc .feature__toc-list li a .front .grid-txt span {
    font-size: clamp(1.2rem, 1.136363vw, 1.6rem);
  }
}

.feature-container + .feature-container {
  margin-top: 4.8rem;
}
@media screen and (min-width: 1440px) {
  .feature-container + .feature-container {
    margin-top: 10.4rem;
  }
}

.feature__head-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 calc(100% + 16px - 100vw);
  aspect-ratio: 1.39776/1;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .feature__head-area {
    aspect-ratio: 3.10816/1;
    margin: 0 calc(100% + 40px - 100vw);
  }
}
.feature01 .feature__head-area {
  background-image: url(/web/images/lp/renovationheim/feature__head01-sp.jpg);
}
@media screen and (min-width: 768px) {
  .feature01 .feature__head-area {
    background-image: url(/web/images/lp/renovationheim/feature__head01-pc.jpg);
  }
}
.feature02 .feature__head-area {
  background-image: url(/web/images/lp/renovationheim/feature__head02-sp.jpg);
}
@media screen and (min-width: 768px) {
  .feature02 .feature__head-area {
    background-image: url(/web/images/lp/renovationheim/feature__head02-pc.jpg);
  }
}
.feature03 .feature__head-area {
  background-image: url(/web/images/lp/renovationheim/feature__head03-sp.jpg);
}
@media screen and (min-width: 768px) {
  .feature03 .feature__head-area {
    background-image: url(/web/images/lp/renovationheim/feature__head03-pc.jpg);
  }
}
@media screen and (min-width: 1440px) {
  .feature__head-area {
    aspect-ratio: unset;
    height: 45.3rem;
    margin: 0 calc((100% - 100vw) / 2);
  }
}
.feature__head-area::after {
  content: "";
  background-color: #004C82;
  display: block;
  position: absolute;
  inset: 0;
  opacity: 0.65;
  z-index: 1;
}
.feature__head-area .feature__head03 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  z-index: 2;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .feature__head-area .feature__head03 {
    gap: clamp(1.6rem, 1.704545vw, 2.4rem);
    margin-bottom: clamp(4rem, 6.53409vw, 9.2rem);
  }
}
.feature__head-area .feature__head03 .icon-num {
  width: 2.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .feature__head-area .feature__head03 .icon-num {
    width: 3.2rem;
  }
}
.feature__head-area .feature__head03 h3 {
  color: #ffffff;
  font-weight: 300;
  font-size: 2.8rem;
}
@media screen and (min-width: 768px) {
  .feature__head-area .feature__head03 h3 {
    font-size: clamp(2.8rem, 2.982954vw, 4.2rem);
  }
}
.feature__head-area .feature__head-bg {
  max-height: 45.3rem;
}

.feature__body-area {
  filter: drop-shadow(0px 3px 6px rgba(37, 72, 112, 0.16));
  padding: 4.8rem 1.6rem 4rem;
  background-color: #ffffff;
  margin-top: -4rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .feature__body-area {
    margin-top: calc(clamp(4rem, 6.53409vw, 9.2rem) * -1);
    padding: clamp(4.8rem, 6.25vw, 8.8rem) clamp(1.6rem, 3.977272vw, 5.6rem);
  }
}

.feature__head04 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  .feature__head04 {
    margin-bottom: 4rem;
  }
}
.feature__head04::after {
  content: "";
  display: block;
  width: 5rem;
  height: 0.2rem;
  background-color: #ABCCE3;
}
@media screen and (min-width: 768px) {
  .feature__head04::after {
    width: 6.5rem;
  }
}
.feature__head04 h4 {
  color: #0062A7;
  font-weight: 700;
  font-size: 2.2rem;
  margin-bottom: 1.8rem;
  line-height: 1.34375;
}
@media screen and (min-width: 768px) {
  .feature__head04 h4 {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
  }
}

.feature__lead {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .feature__lead {
    font-size: 1.8rem;
    margin-bottom: 7.2rem;
  }
}
.feature__lead + .feature__head04 {
  margin-top: 4.8rem;
}
@media screen and (min-width: 768px) {
  .feature__lead + .feature__head04 {
    margin-top: 8.8rem;
  }
}

.feature-box {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .feature-box {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .feature-box {
    gap: clamp(3.2rem, 4.545454vw, 6.4rem);
  }
}
.feature-box .feature-box__item {
  background-color: #F4F8FC;
}
@media screen and (min-width: 768px) {
  .feature-box .feature-box__item {
    width: calc((100% - clamp(3.2rem, 4.545454vw, 6.4rem)) / 2);
  }
}
.feature-box .feature-box__item .feature-box__img {
  display: block;
}
.feature-box .feature-box__item .feature-box__txt-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  padding: 2.4rem 1.6rem 5.4rem;
}
@media screen and (min-width: 768px) {
  .feature-box .feature-box__item .feature-box__txt-area {
    gap: 2.4rem;
    padding: 3.2rem 3.2rem 9.6rem;
  }
}
.feature-box .feature-box__item .feature-box__txt-area .feature-box__ttl {
  font-weight: 500;
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
  .feature-box .feature-box__item .feature-box__txt-area .feature-box__ttl {
    font-size: clamp(2rem, 1.988636vw, 2.8rem);
  }
}
.feature-box .feature-box__item .feature-box__txt-area .feature-box__txt {
  font-weight: 500;
  font-size: 1.6rem;
}

.feature-txt-note {
  margin-top: 1.6rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #9F9F9F;
}
@media screen and (min-width: 520px) {
  .feature-txt-note {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .feature-txt-note {
    margin-top: 3.2rem;
  }
}

.feature-partition {
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #D1DCE4;
  margin: 4.8rem 0;
}
@media screen and (min-width: 768px) {
  .feature-partition {
    margin: 8rem 0 8.8rem;
  }
}

/* feature02 ------------------------------ */
.menu-list .menu-list__ttl {
  font-weight: 500;
  font-size: 2rem;
  margin-bottom: 2.4rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .menu-list .menu-list__ttl {
    font-size: 2.8rem;
    margin-bottom: 4rem;
  }
}
.menu-list ul {
  display: grid;
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .menu-list ul {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.8rem, 1.136363vw, 1.6rem) clamp(0.8rem, 2.272727vw, 3.2rem);
  }
}
.menu-list ul li {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100px;
  color: #0062A7;
  border: 1px solid #0062A7;
}
@media screen and (min-width: 768px) {
  .menu-list ul li {
    font-size: clamp(1.2rem, 1.136363vw, 1.6rem);
  }
}
.menu-list .txt-note {
  margin-top: 1.6rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #9F9F9F;
}
@media screen and (min-width: 520px) {
  .menu-list .txt-note {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .menu-list .txt-note {
    margin-top: 3.2rem;
  }
}

.exterior {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .exterior {
    justify-content: center;
    flex-direction: row;
    gap: 0.8rem;
    margin-bottom: 7.2rem;
  }
}
.exterior .exterior__block .exterior__desc {
  color: #053E8A;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3125;
  text-align: center;
  margin-bottom: 2rem;
}
.exterior .exterior__block .exterior__img {
  width: 31.1rem;
}
@media screen and (min-width: 768px) {
  .exterior .exterior__block .exterior__img {
    width: 34.8rem;
  }
}
.exterior .exterior__block .exterior__multiplication {
  width: 5.4rem;
}
@media screen and (min-width: 768px) {
  .exterior .exterior__block .exterior__multiplication {
    width: 8rem;
  }
}

.gallery .gallery__imgs {
  display: flex;
  gap: 0.3rem;
}
@media screen and (min-width: 768px) {
  .gallery .gallery__imgs {
    gap: 1.2rem;
  }
}
.gallery .gallery__imgs img {
  flex-grow: 1;
}
.gallery .gallery__cap {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .gallery .gallery__cap {
    text-align: center;
    margin-top: 4rem;
  }
}

/* feature03 ------------------------------ */
.support-wrap {
  display: flex;
  flex-direction: column-reverse;
  gap: 2.4rem;
  margin-bottom: 7.2rem;
}
@media screen and (min-width: 768px) {
  .support-wrap {
    flex-direction: column;
    gap: 7.2rem;
  }
}

/***********************************************
 *  case
 ***********************************************/
.case-fv {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 768px) {
  .case-fv {
    margin-bottom: 4rem;
  }
}

.case-copy {
  line-height: 1.58928;
  font-weight: 700;
  font-size: 2.2rem;
  color: #0062A7;
}
@media screen and (min-width: 768px) {
  .case-copy {
    font-size: 2.8rem;
  }
}
.case-copy .marker {
  background: linear-gradient(transparent 75%, rgba(0, 98, 167, 0.15) 25%);
}

.renovated {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .renovated {
    margin-top: 3.2rem;
  }
}
.renovated .renovated__ttl {
  flex-shrink: 0;
  border-radius: 0.3rem;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2.2rem;
  padding: 0 0.8rem;
  color: #777777;
  border: 1px solid #777777;
}
@media screen and (min-width: 768px) {
  .renovated .renovated__ttl {
    font-size: 1.6rem;
    padding: 0 1.2rem;
    line-height: 3rem;
  }
}
.renovated .renovated__txt {
  color: #777777;
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .renovated .renovated__txt {
    font-size: 1.8rem;
  }
}

.case-point {
  margin: 4rem 0 4.8rem;
  padding: 3.2rem 1.6rem;
  background-color: #ffffff;
  filter: drop-shadow(0px 3px 6px rgba(37, 72, 112, 0.16));
}
@media screen and (min-width: 768px) {
  .case-point {
    padding: 3.2rem;
    margin: 4.8rem 0 8rem;
  }
}
.case-point .case-point__img {
  width: 20.6rem;
  margin-bottom: 2.4rem;
}
.case-point .case-point__list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.case-point .case-point__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.case-point .case-point__list li img {
  width: 22px;
  flex-shrink: 0;
}
.case-point .case-point__list li p {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.46875;
}
@media screen and (min-width: 768px) {
  .case-point .case-point__list li p {
    font-size: 1.8rem;
  }
}

.room-info + .room-info {
  margin-top: 4.7rem;
}
@media screen and (min-width: 768px) {
  .room-info + .room-info {
    margin-top: 7.1rem;
  }
}
.room-info.--2columns .room-top picture + .txt-area {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .room-info.--2columns .room-top picture + .txt-area {
    margin-top: unset;
  }
}
@media screen and (min-width: 768px) {
  .room-info.--2columns .room-top {
    gap: 3.2rem clamp(3.2rem, 4.545454vw, 6.4rem);
    flex-wrap: wrap;
    margin-bottom: unset;
  }
  .room-info.--2columns .room-top .txt-area {
    width: calc((100% - clamp(3.2rem, 4.545454vw, 6.4rem)) / 2);
  }
  .room-info.--2columns .room-top .txt-area:nth-of-type(1) {
    order: 1;
  }
  .room-info.--2columns .room-top .txt-area:nth-of-type(2) {
    order: 2;
  }
  .room-info.--2columns .room-top picture {
    width: calc((100% - clamp(3.2rem, 4.545454vw, 6.4rem)) / 2);
  }
  .room-info.--2columns .room-top picture:nth-of-type(1) {
    order: 3;
  }
  .room-info.--2columns .room-top picture:nth-of-type(2) {
    order: 4;
  }
  .room-info.--2columns .room-top .room-top__img {
    width: 100%;
  }
}
.room-info .room-top {
  display: flex;
  gap: 3.2rem;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .room-info .room-top {
    flex-direction: row;
    gap: 4rem;
    margin-bottom: 3.6rem;
  }
}
.room-info .room-top .txt-area {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .room-info .room-top .txt-area {
    width: calc(100% - 39rem);
  }
}
.room-info .room-top .txt-area h3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .room-info .room-top .txt-area h3 {
    margin-bottom: 3.2rem;
  }
}
.room-info .room-top .txt-area h3 .room-ttl {
  height: 4rem;
  width: auto;
}
.room-info .room-top .txt-area h3 .ja {
  font-size: 1.2rem;
  line-height: 1.41666;
  font-weight: 700;
  color: #777777;
}
.room-info .room-top .txt-area .desc {
  font-size: 1.6rem;
  font-weight: 500;
}
.room-info .room-top .room-top__img {
  width: 100%;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .room-info .room-top .room-top__img {
    width: 350px;
  }
}
.room-info .room-bottom .room-bottom__img {
  width: 100%;
}

/***********************************************
 *  flow
 ***********************************************/
.flow__lead {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 7.8rem;
}
@media screen and (min-width: 768px) {
  .flow__lead {
    font-size: 1.8rem;
    margin-bottom: 9.2rem;
  }
}

.flow-overview {
  margin-bottom: 5.6rem;
}
@media screen and (min-width: 768px) {
  .flow-overview {
    margin-bottom: 7.2rem;
  }
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list {
    display: flex;
  }
}
.flow-overview .flow-overview__list li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 6.125/1;
  border-top: 3px solid #F8FAFC;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li {
    width: 12.3975409836%;
    height: 13.3rem;
    aspect-ratio: unset;
  }
}
.flow-overview .flow-overview__list li .txt {
  position: absolute;
  font-size: 1.6rem;
  font-weight: 500;
  color: #0062A7;
  line-height: 1.3125;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li .txt {
    right: 1.6rem;
    font-size: clamp(1rem, 1.136363vw, 1.6rem);
  }
}
.flow-overview .flow-overview__list li::before, .flow-overview .flow-overview__list li::after {
  content: "";
  display: block;
  position: absolute;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li::before, .flow-overview .flow-overview__list li::after {
    left: 0;
  }
}
.flow-overview .flow-overview__list li::before {
  width: 1.5rem;
  height: 0.7rem;
  z-index: 2;
  top: -3.1px;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li::before {
    top: unset;
    width: 1.6rem;
    height: 13.3rem;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    left: -1px;
  }
}
.flow-overview .flow-overview__list li::after {
  width: 2.143rem;
  height: 1rem;
  background-color: #F8FAFC;
  z-index: 1;
  top: -2.9px;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li::after {
    top: unset;
    width: 1.9rem;
    height: 13.3rem;
    clip-path: polygon(0% 0%, 15.78947% 0%, 100% 50%, 15.78947% 100%, 0% 100%);
  }
}
.flow-overview .flow-overview__list li:nth-child(1) {
  background-color: white;
}
.flow-overview .flow-overview__list li:nth-child(1)::after, .flow-overview .flow-overview__list li:nth-child(1)::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li:nth-child(1) {
    width: 11.5778688525%;
  }
  .flow-overview .flow-overview__list li:nth-child(1) .txt {
    right: unset;
  }
}
.flow-overview .flow-overview__list li:nth-child(2) {
  background-color: #ECF7FF;
}
.flow-overview .flow-overview__list li:nth-child(2)::before {
  background-color: white;
}
.flow-overview .flow-overview__list li:nth-child(3) {
  background-color: #E0F3FF;
}
.flow-overview .flow-overview__list li:nth-child(3)::before {
  background-color: #ECF7FF;
}
.flow-overview .flow-overview__list li:nth-child(4) {
  background-color: #D4EDFE;
}
.flow-overview .flow-overview__list li:nth-child(4)::before {
  background-color: #E0F3FF;
}
.flow-overview .flow-overview__list li:nth-child(5) {
  background-color: #C8E8FE;
}
.flow-overview .flow-overview__list li:nth-child(5)::before {
  background-color: #D4EDFE;
}
.flow-overview .flow-overview__list li:nth-child(6) {
  background-color: #BCE3FE;
}
.flow-overview .flow-overview__list li:nth-child(6)::before {
  background-color: #C8E8FE;
}
.flow-overview .flow-overview__list li:nth-child(7) {
  background-color: #AFDEFD;
}
.flow-overview .flow-overview__list li:nth-child(7)::before {
  background-color: #BCE3FE;
}
.flow-overview .flow-overview__list li:nth-child(8) {
  background-color: #9CD6FD;
}
.flow-overview .flow-overview__list li:nth-child(8)::before {
  background-color: #AFDEFD;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li:nth-child(8) {
    width: 14.0368852459%;
  }
  .flow-overview .flow-overview__list li:nth-child(8) .txt {
    right: 2rem;
  }
}
.flow-overview .flow-overview__list li .num {
  position: absolute;
  top: -1.6rem;
  left: 0.8rem;
  width: 3.6rem;
  height: 4.8rem;
  z-index: 9;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .flow-overview .flow-overview__list li .num {
    top: -2.5rem;
    left: 1rem;
    width: 4.6rem;
    height: 6.1rem;
  }
}

.flow-detail .flow-detail__list .flow-detail__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 4rem 0;
  border-bottom: 2px solid #D1DCE4;
}
@media screen and (min-width: 768px) {
  .flow-detail .flow-detail__list .flow-detail__item {
    border-bottom: unset;
    flex-direction: row;
    padding: 0 0 0 10.2rem;
    background-image: url(/web/images/lp/renovationheim/bg-flowchart.svg);
    background-repeat: repeat-y;
    background-position: top 0 left 34.5px;
    background-size: 0.2rem 0.4rem;
  }
  .flow-detail .flow-detail__list .flow-detail__item:first-child::after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-color: #F8FAFC;
    width: 10.2rem;
    height: 50%;
  }
  .flow-detail .flow-detail__list .flow-detail__item:last-child::after {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    background-color: #F8FAFC;
    width: 10.2rem;
    height: 50%;
  }
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__head {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.8rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .flow-detail .flow-detail__list .flow-detail__item .flow-detail__head {
    width: 25.4rem;
    padding: 4.8rem 0;
    border-bottom: 2px solid #D1DCE4;
    gap: unset;
    margin-bottom: unset;
  }
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__head .num-wrap {
  background-color: #F8FAFC;
}
@media screen and (min-width: 768px) {
  .flow-detail .flow-detail__list .flow-detail__item .flow-detail__head .num-wrap {
    position: absolute;
    z-index: 2;
    left: 0.8rem;
  }
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__head .num-wrap .num {
  width: 3.3rem;
  height: 4.4rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .flow-detail .flow-detail__list .flow-detail__item .flow-detail__head .num-wrap .num {
    width: 6.1rem;
    height: 8.2rem;
  }
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__head h3 {
  color: #0062A7;
  font-weight: 600;
  font-size: 2.6rem;
}
@media screen and (min-width: 768px) {
  .flow-detail .flow-detail__list .flow-detail__item .flow-detail__body {
    width: calc(100% - 25.4rem);
    padding: 4.8rem 0;
    border-bottom: 2px solid #D1DCE4;
  }
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap {
  line-height: 1.5625;
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap + .txt-wrap {
  margin-top: 4.4rem;
}
@media screen and (min-width: 768px) {
  .flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap + .txt-wrap {
    margin-top: 4.8rem;
  }
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap p {
  font-size: 1.6rem;
  font-weight: 500;
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap p:not(:last-child) {
  margin-bottom: 1.6rem;
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap h4 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap dl dt {
  font-size: 1.6rem;
  font-weight: 500;
}
.flow-detail .flow-detail__list .flow-detail__item .flow-detail__body .txt-wrap dl dd {
  font-size: 1.6rem;
  font-weight: 500;
}

.bottom-conv .bottom-conv__list {
  display: flex;
  flex-direction: column;
  gap: 2.6rem;
}
@media screen and (min-width: 768px) {
  .bottom-conv .bottom-conv__list {
    flex-direction: row;
    gap: clamp(3.2rem, 4.545454vw, 6.4rem);
    justify-content: center;
  }
}
.bottom-conv .bottom-conv__list .bottom-conv__item {
  filter: drop-shadow(0px 3px 6px rgba(37, 72, 112, 0.16));
  background-color: #ffffff;
  padding: 3.2rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .bottom-conv .bottom-conv__list .bottom-conv__item {
    padding: 4.8rem 1.6rem;
    width: 100%;
  }
}
.bottom-conv .bottom-conv__list .bottom-conv__item .bottom-conv__ttl {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  .bottom-conv .bottom-conv__list .bottom-conv__item .bottom-conv__ttl {
    font-size: 2.8rem;
  }
}
.bottom-conv .bottom-conv__list .bottom-conv__item .bottom-conv__txt {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  .bottom-conv .bottom-conv__list .bottom-conv__item .bottom-conv__txt {
    margin-bottom: 3.2rem;
  }
}
.bottom-conv .bottom-conv__list .bottom-conv__item .bottom-conv__btn {
  border-radius: 0.6rem;
  background-color: #eb6f3c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.6rem;
  height: 7.2rem;
  width: 100%;
  max-width: 32.2rem;
}
@media screen and (min-width: 768px) {
  .bottom-conv .bottom-conv__list .bottom-conv__item .bottom-conv__btn {
    font-size: 2rem;
    height: 9.3rem;
  }
}

/***********************************************
 *  lp-footer
 ***********************************************/
.lp-footer {
  padding: 24px 12px 32px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .lp-footer {
    padding: 40px 40px;
  }
}

.lp-footer-caption {
  color: #76797E;
  font-size: 12px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .lp-footer-caption {
    max-width: 1200px;
    margin: 0 auto 50px;
  }
}

@media screen and (min-width: 768px) {
  .lp-footer-inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.lp-footer-logo {
  display: flex;
  justify-content: center;
}
.lp-footer-logo a {
  width: 200px;
}
@media screen and (min-width: 768px) {
  .lp-footer-logo a {
    width: 228px;
    display: block;
  }
}

.lp-footer-contact {
  text-align: center;
  border: none;
  border-top: solid 2px #000;
  margin: 20px auto 0;
  padding: 20px 0 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .lp-footer-contact {
    text-align: left;
    border-top: none;
    border-left: solid 2px #000;
    margin: 0;
    margin-left: 32px;
    padding: 0;
    padding-left: 32px;
  }
}
.lp-footer-contact h3 {
  font-size: 16px;
  font-weight: bold;
}
.lp-footer-contact a {
  color: #eb6f3c;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lp-footer-contact a {
    background-color: transparent !important;
  }
}
.lp-footer-contact small {
  display: block;
  font-size: 15px;
  margin-top: 4px;
}

/***********************************************
 *  footer
 ***********************************************/
@media screen and (min-width: 768px) {
  .renovationheim .footer-base .footer-main {
    width: 100%;
    max-width: 1200px;
    padding: 8rem 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .renovationheim .footer-base .footer-main .floatParts-sns {
    display: none;
  }
}