@charset "UTF-8";
@media screen and (min-width: 768px) {
  .tpl-main {
    overflow: hidden;
  }

  #sticky_contents_wrap_start {
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 120px;
  }

  #sticky_contents_wrap_end {
    border: 0;
    margin: 0;
    padding: 0;
  }

  #sticky_contents_wrap {
    max-width: 1232px;
    margin: 0 auto;
    position: relative;
  }
}

@media screen and (min-width: 768px) and (max-width: 1272px) {
  #sticky_contents_wrap {
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  #sticky_contents_wrap #sticky_contents {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(420%/12.32);
    max-width: 420px;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 768px) and (max-width: 1272px) {
  #sticky_contents_wrap #sticky_contents {
    width: calc(400%/12.32);
    right: auto;
    left: 20px;
  }
}

@media screen and (min-width: 768px) {
  #sticky_contents_wrap #sticky_contents.lock {
    max-width: 1232px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
    padding-top: 90px;
    height: calc(100dvh - 90px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1272px) {
  #sticky_contents_wrap #sticky_contents.lock {
    padding: 90px 20px 0;
  }
}

@media screen and (min-width: 768px) {
  #sticky_contents_wrap #sticky_contents.bottom {
    position: absolute;
    top: auto;
    bottom: 0;
  }

  #sticky_contents_wrap #scroll_contents {
    width: calc(785%/12.32);
    margin-left: auto;
  }

  #sticky_contents_wrap #scroll_contents .block01 {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .plan_sticky_wrap #sticky_contents {
    box-sizing: border-box;
  }

  .plan_sticky_wrap #sticky_contents .torikago_imgs {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    grid-gap: 40px;
  }

  .plan_sticky_wrap #sticky_contents .torikago_imgs .torikago_wrap {
    max-width: 50vh;
    margin-left: auto;
    margin-bottom: 0 !important;
  }

  .plan_sticky_wrap #sticky_contents.lock {
    display: flex;
    justify-content: center;
    pointer-events: none;
  }

  .plan_sticky_wrap #sticky_contents.lock .torikago_imgs {
    width: calc(420%/12.32);
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1272px) {
  .plan_sticky_wrap #sticky_contents.lock .torikago_imgs {
    width: calc(420%/12.32);
  }
}

@media screen and (max-width: 767px) {
  #sticky_contents_wrap {
    width: 86vw;
    max-width: none;
    margin: 0 auto;
  }

  #sticky_contents_wrap_start,
  #sticky_contents_wrap_end {
    display: none !important;
  }
}

/*間取り*/
.plan .bg_wrap {
  background: #f8f7f6;
  padding: 70px 0 100px;
}

@media screen and (max-width: 767px) {
  .plan .bg_wrap {
    padding: 15vw 0;
  }
}

@media screen and (max-width: 767px) {
  .plan .torikago_item {
    max-width: 100%;
    margin-bottom: 3vw;
  }
}

/*限定ページ*/
.members .bg_wrap {
  background: #f8f7f6;
  padding: 100px 0 100px;
}

@media screen and (max-width: 767px) {
  .members .bg_wrap {
    padding: 15vw 0;
  }
}

.members .torikago_item {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .members .torikago_item {
    padding-top: 8vw;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 769px) {
  .members #sticky_contents_wrap_start {
    padding-top: 0;
  }
}

/* .ic-build-top,
.ic-build-bottom{position: relative;}
.ic-build-top::before,
.ic-build-bottom::before,
.ic-build-top::after,
.ic-build-bottom::after{content: ''; position: absolute; background-color: #a6a8a7; background-size: 100%; z-index: 10;}
.ic-build-top::before{width: 11vw; max-width: 62px; height: 5vw; max-height: 27px; bottom: 4%; left: 19%; -webkit-mask-image: url(../images/plan/ic-01.svg); -webkit-mask-size: cover;}
.ic-build-top::after{width: 8vw;max-width: 42px; height: 6vw; max-height: 33px; bottom: 2%; right: 18%; -webkit-mask-image: url(../images/plan/ic-02.svg); -webkit-mask-size: cover;}
.ic-build-bottom::before{width: 10vw; max-width: 55px; height: 5vw; max-height: 25px; bottom: 7%; left: 8%; -webkit-mask-image: url(../images/plan/ic-03.svg); -webkit-mask-size: cover;}
.ic-build-bottom::after{width: 8vw; max-width: 42px; height: 6vw; max-height: 33px; bottom: 4%; right: 27%; -webkit-mask-image: url(../images/plan/ic-04.svg); -webkit-mask-size: cover;} */