@charset 'UTF-8';
/*-------------------------------------------------------------------*/
/* basic style */
/*-------------------------------------------------------------------*/
#FixedFooter {
  overflow: clip;
}

#FixedFooter .btn-estimate.is-v03,
#FixedFooter .btn-document.is-v03 {
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  #FixedFooter .btn-estimate.is-v03,
  #FixedFooter .btn-document.is-v03 {
    height: 28px;
    line-height: 28px;
    padding: 0 clamp(17px / 375 * 320, 17 / 375 * 100vw, 17px);
  }
}
#FixedFooter .btn-estimate.is-v03 .btn-inr,
#FixedFooter .btn-document.is-v03 .btn-inr {
  font-size: clamp(18px / 1600 * 1280, 24 / 1600 * 100vw, 18px);
}
@media screen and (max-width: 767px) {
  #FixedFooter .btn-estimate.is-v03 .btn-inr,
  #FixedFooter .btn-document.is-v03 .btn-inr {
    font-size: clamp(15px / 375 * 320, 15 / 375 * 100vw, 15px);
  }
}
#FixedFooter .btn-estimate.is-v03 .btn-inr::before,
#FixedFooter .btn-document.is-v03 .btn-inr::before {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  #FixedFooter .btn-estimate.is-v03 .btn-inr::before,
  #FixedFooter .btn-document.is-v03 .btn-inr::before {
    font-size: clamp(17px / 375 * 320, 17 / 375 * 100vw, 17px);
  }
}
#FixedFooter .btn-estimate.is-v03 .btn-inr::after,
#FixedFooter .btn-document.is-v03 .btn-inr::after {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #FixedFooter .btn-estimate.is-v03 .btn-inr::after,
  #FixedFooter .btn-document.is-v03 .btn-inr::after {
    font-size: clamp(12px / 375 * 320, 12 / 375 * 100vw, 12px);
  }
}


/*-------------------------------------------------------------------*/
/* block: offt2601 */
/*-------------------------------------------------------------------*/
#FixedFooter {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  overflow: clip;
}
#FixedFooter .offt2601 {
  transition: transform 500ms cubic-bezier(.215, .61, .355, 1) 0ms;
  transform: translateY(101%);
}
#FixedFooter .offt2601.is-shown {
  transform: translateY(1%);
}
#FixedFooter .offt2601__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 70, 150, .9);
  mix-blend-mode: multiply;
  z-index: 1;
}
#FixedFooter .offt2601__in {
  position: relative;
  padding: 10px 0;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #FixedFooter .offt2601__in {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #FixedFooter .offt2601__in {
    padding: 4px 12px 8px;
  }
}
#FixedFooter .offt2601__tt {
  color: #fff;
  font-size: clamp(18px / 1600 * 1280, 24 / 1600 * 100vw, 18px);
  font-weight: 700;
  line-height: calc(33 / 24);
}
@media screen and (max-width: 767px) {
  #FixedFooter .offt2601__tt {
    margin: 0 0 3px;
    font-size: clamp(14px / 375 * 320, 14 / 375 * 100vw, 14px);
    line-height: calc(20 / 14);
    text-align: center;
  }
}
#FixedFooter .offt2601__ls {
  display: flex;
  gap: 0 clamp(20px / 1600 * 1280, 20 / 1600 * 100vw, 20px);
}
#FixedFooter .offt2601__ls > li {
  width: clamp(240px / 1600 * 1280, 365 / 1600 * 100vw, 240px);
}
@media screen and (max-width: 767px) {
  #FixedFooter .offt2601__ls > li {
    flex: 1 1 50%;
    width: auto;
  }
}