@charset "utf-8";

.footer{
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  background-color: #746354;
  color:#fff;
  padding: 120px 0 2.5rem;
  z-index:1;
  overflow:hidden;
}

.footer a:hover{
  opacity:0.5;
}

.footer::before{
  content:"";
  position:absolute;
  width:27.7%;
  aspect-ratio:531/486;
  right:0;
  bottom:0;
  z-index:-1;
  background:url(https://conexion.co.jp/system_panel/uploads/images/20251125131230412724.png) no-repeat center/contain;
}

.footer-bg{
  width:90%;
  margin:0 auto;
  max-width:1500px;
}

.footer-wrap{
  display:flex;
  margin:0 0 2.5rem;
  justify-content: space-between;
}

.footer-left{
  width:300px;
  font-size:12px;
}

.footer-left p + .accent{
  margin-top:2rem;
}

.footer-left .accent{
  margin-bottom:10px;
  font-weight:400;
  font-size:clamp(0.875rem, 0.83rem + 0.15vw, 1rem);
}

.footer-left img{
  width:3rem;
}

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

.footer-left a{
  display:inline-block;
}

.footer-right{
  display:flex;
  flex-wrap:wrap;
  gap:2.5rem 3rem;
  width: calc(100% - 400px);
}

.footer-right > a,
.footer-right > div{
  font-size:clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
}

.footer-right > div a:first-child{
  margin-bottom:1.5rem;
}

.footer-right > div a:nth-child(n + 2){
  margin-bottom:16px;
  font-size:clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
}

.footer-right  a{
  color:#fff;
}

.copyright{
  text-align:center;
  font-size:clamp(0.625rem, 0.534rem + 0.3vw, 0.875rem);
  line-height:1;
}

.footer-bottom{
  display:flex;
  padding-top:2.5rem;
  border-top:0.5px solid #FFFAED;
  justify-content: space-between;
  align-items: flex-end;
}

.footer-bottom > a{
  width:300px;
}


@media screen and (max-width: 1024px) {
  .footer-wrap {
    flex-direction: column;
    gap: 3rem;
    margin: 0 0 3.5rem;
  }
  .footer-right{
    width:100%;
    gap: 2.5rem;
  }
  .footer-bottom > a {
    width: 240px;
  }
}

@media (max-width: 767px) {
  .footer{
    padding: 4rem 0 1rem;
    position: relative;
  }
  .footer-right a,
  .footer-right > div{
    width:100%;
  }
  .footer-right{
    gap:2rem;
    justify-content: center;
    align-items: center;
    max-width: 150px;
    margin: 0 auto;
  }
  .footer-left {
    width: 270px;
  }
  .footer-bottom{
    padding-top: 1.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .footer-wrap {
    gap: 5rem;
    margin: 0 0 2rem;
  }
  .footer-left p + .accent {
    margin-top: 1.5rem;
  }
  .footer-left .accent {
    margin-bottom: 4px;
  }
  .footer::before {
    width: 100%;
    right: -5%;
  }
  .footer-top .cta-a {
    height:5rem;
    position:relative;
  }
  .footer-top .cta-a::before{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 100;
    background:url(https://conexion.co.jp/system_panel/uploads/images/20251126092756615603.png) no-repeat center/contain;
  }
}