@charset "utf-8";

.footer_cta {
  background-image:url('images/bg_cta.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}
.footer_cta h2 {
  margin-bottom:50px;
}
.footer_cta p {
  margin-bottom:75px;
}
.foot_btn_w {
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items:center;
  font-size:25px;
  line-height:1;
}
.form_btn_w {
  width:45%;
  background-color:#fff;
}
.form_btn {
  display:flex;
  justify-content: center;
  align-items:center;
  color:#010429;
  background-color:#fff;
  width:100%;
  padding:35px;
  transition:all .5s;
  position:relative;
  overflow:hidden;
}
.form_btn:hover {
  color:#010429;
  text-decoration: none;
  opacity:0.5;
}

.tel_btn {
  display:flex;
  justify-content: center;
  align-items:center;
  color:#fff;
  width:45%;
  padding:30px;
  border:5px solid #fff;
  transition:all .5s;
}
.tel_btn:hover {
  color:#fff;
  text-decoration: none;
  background-color:rgba(255,255,255,0.3);
}

.form_btn img,
.tel_btn img {
  width:24px;
  margin-right:30px;
}

.footer_inner {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  padding-top:130px;
  padding-bottom:100px;
}
.footer_info {
  width:300px;
}
.footer_info h2 {
  width:250px;
  margin-bottom:50px;
  line-height:1;
}
.footer_info h2 a img {
  transition:all .5s;
}
.footer_info p {
  font-size:14px;
  margin-bottom:20px;
}
.copyright {
  color:#BDBDC2;
  font-size:14px;
}
.footer_menu {
  width:400px;
}
.footer_menu ul {
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  width:100%;
  margin:0;
  padding:0;
}
.footer_menu ul li {
  width:50%;
  margin-bottom:20px;
}
.footer_menu ul li a {
  color:#fff;
}

@media screen and (max-width:1000px) {
  .foot_btn_w {
    font-size:16px;
  }
}
@media screen and (max-width:768px) {
  .footer_cta {
    background-image:url('images/bg_cta_sp.webp');
  }
  .footer_cta h2 {
    margin-bottom:25px;
  }
  .footer_cta p {
    margin-bottom:60px;
  }
  .foot_btn_w {
    flex-direction: column;
    flex-wrap:wrap;
  }
  .form_btn_w {
    width:300px;
    margin:0 auto 30px;
  }
  .tel_btn {
    width:300px;
    margin:0 auto;
  }
  .footer_inner {
    padding-top:0;
    padding-bottom:0;
  }
  .footer_menu {
    width:100%;
    margin:0 auto;
    padding:60px 0 40px;
    border-bottom:1px solid #BDBDC2;
    order:1;
  }
  .footer_menu ul {
    width:100%;
    max-width:480px;
    margin:0 auto;
  }
  .footer_info {
    width:100%;
    max-width:480px;
    padding:60px 0;
    margin:0 auto;
    order:2;
  }
  .footer_info h2 {
    margin-bottom:30px;
  }
  .footer_info p {
    font-size:12px;
  }
  .copyright {
    font-size:12px;
  }
  #page-top {
    width:60px;
  }
}