@charset "utf-8";

.contact-links + .footer{
  margin-top:5rem;
}

.footer{
  border-top:1px solid #2E0000;
  padding: 2rem 5% 2.5rem;
  background-color: #FFFBE8;
  overflow:hidden;
  position:relative;
  z-index:1;
}

.footer a:hover{
  opacity:0.7;
}

.footer::before{
  content:"";
  position:absolute;
  width:16.5%;
  aspect-ratio:317/215;
  left:0;
  bottom:0;
  z-index:-1;
  background:url(https://asunosmile.com/system_panel/uploads/images/20260902140149266219.png) no-repeat center/contain;
}

.footer::after{
  content:"";
  position:absolute;
  width:16.5%;
  aspect-ratio:317/215;
  right:0;
  bottom:0;
  z-index:-1;
  background:url(https://asunosmile.com/system_panel/uploads/images/20260902140149950077.png) no-repeat center/contain;
}

.footer-logo{
  margin-bottom:20px;
}

.footer-logo:hover{
  opacity:0.7;
}

.footer-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom:1.5rem;
}

.footer-left{
  width:27%;
  font-size:clamp(0.875rem, 0.792rem + 0.28vw, 1.125rem);
}

.footer-right{
  width:68%;
  max-width:1040px;
}

.footer-ul{
  display: flex;
  justify-content: space-between;
}

.footer-ul .sub-menu{
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap:20px;
  margin-top:20px;
}

.footer-ul .header_menu_item > a{
  font-weight:bold;
  font-size:clamp(0.875rem, 0.792rem + 0.28vw, 1.125rem);
}

.footer-ul .sub-menu a{
  background:transparent;
  padding: 0;
}

.copyright{
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: center;
}

.copyright a{
  font-size:14px;
  position:relative;
}

.copyright a::before{
  content:"";
  position:absolute;
  width:1px;
  height:100%;
  background:#2E0000;
  left:-1rem;
  top:0;
}

.footer-bottom{
  display: flex;
  align-items: end;
  gap: 24px;
  justify-content: end;
  margin-bottom:2.5rem;
}

.footer-bottom img{
  width:140px;
}

.footer-bottom img:first-child{
  width:120px;
}

@media (max-width: 1400px) {
  .footer-wrap{
    flex-direction: column;
    gap: 2rem;
  }
  .footer-right {
    width: 100%;
    max-width: none;
  }
  .footer-left{
    width: 100%;
    max-width: 340px;
  }
  .footer-ul{
    flex-wrap: wrap;
    gap: 2rem 3rem;
  }
}

@media (max-width: 1279px) {

}


@media (max-width: 1024px) {
  .footer-wrap{
    flex-direction: column;
    gap: 2rem;
  }
  .copyright{
    text-align: center;
    font-size: 14px;
  }
  .footer-ul{
    gap: 2rem 1rem;
  }
  .footer-bottom img:first-child {
    width: 100px;
  }
  .footer-bottom img {
    width: 120px;
  }
}

@media (max-width: 767px) {
  .footer {
    padding: 1.5rem 5% 7.5rem;
  }
  .contact-links + .footer {
    margin-top: 3rem;
  }
  .footer-left{
    font-size: 12px;
  }
  .footer-logo {
    width: 320px;
    margin-bottom: 12px;
  }
  .copyright{
    font-size: 14px;
    gap: 1rem;
  }
  .footer-ul {
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }
  .footer-ul .header_menu_item > a{
    font-size:18px;
  }
  .copyright a::before{
    left:-0.5rem;
  }
  .footer-bottom {
    align-items: center;
    gap: 24px;
    justify-content: center;
  }
  .footer::before{
    width:40%;
  }
  .footer::after{
    width:45%;
  }
}