@charset "utf-8";
.cta {
      background-image: url(https://kyowa-jut.co.jp/system_panel/uploads/images/footer-contact_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  position: relative;
}
.white-mask {
      background: rgba(255, 255, 255, .83);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.cta__inner {
      position: relative;
    z-index: 10;
    padding: clamp(1.25rem, -0.25rem + 3.13vw, 3.5rem) 20px;
}
.cta__container {
      display: flex;
    justify-content: center;
    column-gap: clamp(2.5rem, -2.5rem + 10.42vw, 10rem);
}
.cta__left {
      display: flex;
    flex-direction: column;
    align-items: center;
}
.cta__title {
      font-size: clamp(1.125rem, 0.542rem + 1.22vw, 2rem);
    font-weight: 600;
    color: #2F2020;
}
.cta__btn {
      margin-top: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    padding: clamp(1rem, 2.08vw, 2.5rem) clamp(1.25rem, 0.083rem + 2.43vw, 3rem);
    display: flex;
    column-gap: clamp(0.625rem, -0.125rem + 1.56vw, 1.75rem);
    align-items: center;
    border: clamp(0.063rem, 0.021rem + 0.09vw, 0.125rem) solid #2F2020;
}
.cta-btn__text {
      font-size: clamp(1rem, 0.5rem + 1.04vw, 1.75rem);
    font-weight: 600;
    color: #2F2020;
}
.cta-btn__icon {
      width: clamp(1.125rem, 0.5rem + 1.3vw, 2.063rem);
    object-fit: contain;
}
.cta__line {
      height: inherit;
    width: clamp(0.125rem, 0.083rem + 0.09vw, 0.188rem);
    background-color: #2F2020;
}
.cta__right {
      display: flex;
    flex-direction: column;
    align-items: center;
}
.cta__phone {
      display: flex;
    column-gap: clamp(0.625rem, 0.375rem + 0.52vw, 1rem);
    align-items: center;
    margin-top: clamp(0.625rem, -0.208rem + 1.74vw, 1.875rem);
}
.cta-phone__icon {
      width: clamp(1.25rem, 0.458rem + 1.65vw, 2.438rem);
    object-fit: contain;
}
.cta-phone__text {
      font-size: clamp(1.75rem, 0.583rem + 2.43vw, 3.5rem);
    font-weight: 600;
  font-family: "Poppins", sans-serif;
}
.cta-right__text {
      font-size: clamp(0.75rem, 0.583rem + 0.35vw, 1rem);
    text-align: center;
    margin-top: clamp(0.5rem, 0.167rem + 0.69vw, 1rem);
  font-weight: 600;
}

.footer {
      background-color: #FFF5D8;
    padding-top: clamp(2.5rem, 1.5rem + 2.08vw, 4rem);
    padding-bottom: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
}
.footer__inner {
  padding: 0 clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
}
.footer__top {
      padding-bottom: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    border-bottom: 1px solid #B1B1B1;
}
.footer__logo {
      width: clamp(12.5rem, 8.042rem + 9.29vw, 19.188rem);
    object-fit: contain;
}
.footer__info {
      margin-top: 20px;
    font-weight: 500;
}
.footer__info a {
  transition: all 0.5s;
}
.footer__info a:hover {
  opacity: 0.5;
}
.footer__items {
        margin-top: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    display: flex;
    column-gap: clamp(1rem, -5.75rem + 8.44vw, 4.375rem);
}
.footer-items__wrap {
      display: flex;
    column-gap: clamp(1rem, -5.75rem + 8.44vw, 4.375rem);
}
.footer__item {
      display: flex;
    align-items: center;
    column-gap: clamp(0.5rem, 0.167rem + 0.69vw, 1rem);
}
.footer-item__icon {
      width: clamp(1rem, 0.75rem + 0.52vw, 1.375rem);
    object-fit: contain;
}
.footer-item__text {
  font-weight: 600;
  font-size: clamp(0.75rem, 0.464rem + 0.45vw, 1rem);
  white-space: nowrap;
}
.footer__copyright {
      margin-top: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    font-weight: 500;
}

@media (max-width: 1279px) {
  .footer__top {
        display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer__items {
        flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }
  .footer-items__wrap {
    column-gap: 40px;
  }
  .footer__copyright {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .cta__inner {
    padding: 56px 40px 80px;
  }
  .cta__container {
        flex-direction: column;
    row-gap: 48px;
  }
  .cta-btn__text {
    font-size: 20px;
  }
  .cta-btn__icon {
    width: 23px;
  }
  .cta__line {
        height: 1px;
    width: 100%;
  }
  .cta__title {
    font-size: 24px;
  }
  .cta-phone__icon {
    width: 27px;
  }
  .cta-phone__text {
    font-size: 32px;
  }
  .cta-right__text {
    font-size: 14px;
  }
  
  .footer__logo {
    width: 308px;
  }
  .footer__top {
    padding-bottom: 32px;
  }
  .footer__items {
    row-gap: 32px;
    margin-top: 32px;
        width: fit-content;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
  }
  .footer-items__wrap {
        flex-direction: column;
    row-gap: 32px;
  }
  .footer-item__icon {
    width: 22px;
  }
  .footer-item__text {
    font-size: 16px;
  }
  .footer__copyright {
    font-size: 16px;
    margin-top: 56px;
  }
}
  
@media (max-width: 389px) {
  .cta__title {
    font-size: 20px;
  }
  .cta-btn__text {
    font-size: 16px;
  }
  .cta-btn__icon {
    width: 18px;
  }
  .cta-phone__icon {
    width: 20px;
  }
  .cta-phone__text {
    font-size: 28px;
  }
  .footer__info {
    font-size: clamp(0.75rem, 0.17rem + 2.9vw, 0.875rem);
  }
}