@charset "UTF-8";
/* Foundation */
.c-hidden {
  display: none !important;
}

.c-reset * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-reset__img {
  display: block;
  width: 100%;
  height: auto;
}
.c-reset__text {
  margin: 0;
}
.c-reset__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Layout */
/* Foundation */
.l-header-sp__logo {
  position: relative;
  display: block;
  width: 68%;
  height: 100%;
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header-sp__logo__img {
  display: block;
  height: 90%;
  width: auto;
}
@media screen and (min-width: 768px) {
  .l-header-sp__logo__img {
    height: 80%;
  }
}

.l-header-pc__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 clamp(24px, 2vw, 30px);
  height: clamp(80px, 7vw, 120px);
}
.l-header-pc__logo {
  display: block;
  width: 32%;
}
.l-header-pc__right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: clamp(24px, 2vw, 30px);
}
.l-header-pc__tel {
  display: block;
  width: 35%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1536px) {
  .l-header-pc__tel {
    width: 32%;
  }
}
.l-header-pc__tel:hover, .l-header-pc__tel:focus, .l-header-pc__tel:active {
  opacity: 0.7;
}
.l-header-pc__appointment {
  display: block;
  width: 35%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1536px) {
  .l-header-pc__appointment {
    width: 32%;
  }
}
.l-header-pc__appointment:hover, .l-header-pc__appointment:focus, .l-header-pc__appointment:active {
  opacity: 0.7;
}

/* Foundation */
.l-footer__logo {
  display: block;
  width: 80%;
  margin: clamp(30px, 8vw, 40.7px) auto 0 auto;
}
@media screen and (min-width: 1024px) {
  .l-footer__logo {
    width: 50%;
    margin: clamp(32px, 2.66vw, 40px) auto clamp(36px, 3vw, 45px) auto;
  }
}
.l-footer__contact {
  padding-bottom: clamp(12px, 3.2vw, 16.3px);
}
@media screen and (min-width: 1024px) {
  .l-footer__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: clamp(6.4px, 0.53vw, 8px) 0 clamp(24px, 2vw, 30px) 0;
  }
}
.l-footer__contact__tel {
  display: block;
  width: 80%;
  margin: 0 auto clamp(16px, 4.26vw, 21.7px) auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .l-footer__contact__tel {
    width: 48%;
    margin: 0;
  }
}
.l-footer__contact__tel:hover, .l-footer__contact__tel:focus, .l-footer__contact__tel:active {
  opacity: 0.7;
}
.l-footer__contact__appointment {
  display: block;
  width: 80%;
  margin: 0 auto clamp(16px, 4.26vw, 21.7px) auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .l-footer__contact__appointment {
    width: 48%;
    margin: 0;
  }
}
.l-footer__contact__appointment:hover, .l-footer__contact__appointment:focus, .l-footer__contact__appointment:active {
  opacity: 0.7;
}
.l-footer__bottom {
  position: relative;
  padding-bottom: clamp(50px, 13.33vw, 140px);
}
@media screen and (min-width: 1024px) {
  .l-footer__bottom {
    padding-bottom: 0;
  }
}

/* Object */
/* Component */
/* Foundation */
.c-br--ip {
  display: block;
}
@media screen and (min-width: 768px) {
  .c-br--ip {
    display: none;
  }
}

.c-br--sp {
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-br--sp {
    display: none;
  }
}

.c-br--pc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-br--pc {
    display: block;
  }
}

.c-brspace--sp::before {
  content: "\a　";
  white-space: pre;
}
@media screen and (min-width: 1024px) {
  .c-brspace--sp::before {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .c-brspace--pc::before {
    content: "\a　";
    white-space: pre;
  }
}

/* Foundation */
.c-lowerfixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .c-lowerfixed {
    display: none;
  }
}
.c-lowerfixed__button {
  display: block;
  padding: 2.25% 0;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .c-lowerfixed__button {
    padding: 2.5% 4%;
  }
}
.c-lowerfixed__button__tel {
  background: #ef8200;
}
.c-lowerfixed__button__appointment {
  background: #aacc03;
}
.c-lowerfixed__pagetop {
  bottom: clamp(80px, 21.33vw, 108.6px);
}
@media screen and (min-width: 768px) {
  .c-lowerfixed__pagetop {
    bottom: clamp(140px, 13.67vw, 180px);
  }
}
@media screen and (min-width: 1024px) {
  .c-lowerfixed__pagetop {
    bottom: clamp(180px, 15vw, 200px);
  }
}

/* Project */
/* Foundation */
.p-guide-appointment__contact {
  padding: clamp(18px, 4.8vw, 24.4px) 0 clamp(12px, 3.2vw, 16.3px) 0;
}
@media screen and (min-width: 1024px) {
  .p-guide-appointment__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(24px, 2vw, 30px);
    padding: clamp(22.4px, 1.86vw, 28px) 0 clamp(16px, 1.33vw, 20px) 0;
  }
}
.p-guide-appointment__contact__tel {
  display: block;
  width: 80%;
  margin: 0 auto clamp(16px, 4.26vw, 21.7px) auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-guide-appointment__contact__tel {
    width: 31%;
    margin: 0;
  }
}
.p-guide-appointment__contact__tel:hover, .p-guide-appointment__contact__tel:focus, .p-guide-appointment__contact__tel:active {
  opacity: 0.7;
}
.p-guide-appointment__contact__appointment {
  display: block;
  width: 80%;
  margin: 0 auto clamp(16px, 4.26vw, 21.7px) auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-guide-appointment__contact__appointment {
    width: 31%;
    margin: 0;
  }
}
.p-guide-appointment__contact__appointment:hover, .p-guide-appointment__contact__appointment:focus, .p-guide-appointment__contact__appointment:active {
  opacity: 0.7;
}/*# sourceMappingURL=common.css.map */