@charset "utf-8";

.footer{
  background-color: #fff;
  padding: 5rem 5% 2rem;
  position:relative;
}

.footer-right a:nth-child(8){
  display:none;
}

.footer::before{
  content:"";
  position:absolute;
  aspect-ratio:240/200;
  bottom:2rem;
  right:5%;
  width:15%;
  background:url(https://family-fudosan.co.jp/system_panel/uploads/images/20250508103626968915.png) no-repeat center/contain;
}

.footer a:hover{
  color:#EF7946;
}

.footer a p{
  line-height:1.5;
}

.footer-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 4rem;
}

.footer-left{
  width:430px;
}

.footer-left div{
  padding:1rem 0;
  border:1px solid #EF7946;
  margin:1rem 0 20px;
}

.footer-left div a{
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 40px;
  font-weight: bold;
  justify-content: center;
  font-family: "Arial";
}

.footer-left div a + p{
  text-align:center;
  font-size:14px;
  margin-top:0.5rem;
}

.footer-left div a p{
  border-bottom:2px solid;
    font-weight: bold;
}

.footer-left div img{
  width:2.5rem;
}

.footer-right{
  width:calc(100% - 550px);
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 2rem;
  padding: 2.5rem 0 0;
}


.footer-wrap + a{
  color:#9D9D9D;
}

.copyright{
  color:#EF7946;
  margin-top:8px;
}

@media screen and (max-width: 1279px) {
  .footer-wrap {
    gap: 2rem;
    margin: 2rem 0;
  }
}

@media screen and (max-width: 1024px) {
  .footer-wrap {
    margin:0;
  }
}

@media screen and (max-width: 1023px) {
  .footer-wrap {
    flex-direction:column;
    align-items: center;
  }
  .footer-right {
    width: 100%;
    gap: 2.5rem 1rem;
    padding:0;
  }
  .footer::before{
    bottom:1rem;
  }
  .footer{
    padding: 2rem 5% 2rem;
  }
}

@media (max-width: 767px) {
  .footer{
    padding: 2.5rem 4% 7.5rem;
  }
.footer-left {
    width: 100%;
}
  .footer-wrap {
    gap: 4rem;
  }
  .footer-right{
        gap: 2rem 2%;
        justify-content: space-between;
  }
  
    .footer-right a{
      width:49%;
  }
  .footer::before{
    width:150px;
    right: 2%;
  }
}
