/*-----------------------------*/
/*FOTTTER-up*/
/*-----------------------------*/
.endArea {
  background: #ffa352 url('../images/common/bg_ft.jpg') top center;
  margin: 0 auto;
  padding: 100px 0;
  text-align: center;
  font-size: 3rem;
  color: #fff;
}
.endArea__txtS {
  font-size: 2rem;
  line-height: 2;
}
/*-----------------------------*/
/*FOTTTER*/
/*-----------------------------*/
footer {
  background: #434343;
  margin: 0 auto;
  padding: 50px 0;
}
.footer {
  display: flex;
  height: 180px;
  justify-content: center;
  align-items: center;
}
.footer__logo {
  max-width: 1200px;
}
.footer__logo img {
  width: 150px;
}
/* 色調反転 */
.white-filter {
  filter: invert(100%);
}
.copyright {
  background: #000;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  font-size: 1.2rem;
}

@media screen and (max-width: 1024px) {
  /*-----------------------------*/
  /*FOTTTER-up*/
  /*-----------------------------*/
  .endArea {
    background: #ffa352 url('../images/common/bg_ft.jpg') top center;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
    font-size: 3rem;
    color: #fff;
  }
  .endArea__txtS {
    width: 90%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  /*-----------------------------*/
  /*FOTTTER*/
  /*-----------------------------*/
  footer {
    background: #434343;
    margin: 0 auto;
    padding: 50px 0;
  }
  .footer {
    display: flex;
    height: 180px;
    justify-content: center;
    align-items: center;
  }
  .footer__logo {
    max-width: 1200px;
  }
  .footer__logo img {
    width: 150px;
  }
  /* 色調反転 */
  .white-filter {
    filter: invert(100%);
  }
  .copyright {
    background: #000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 768px) {
  /*-----------------------------*/
  /*FOTTTER-up*/
  /*-----------------------------*/
  .endArea {
    background: #ffa352 url('../images/common/bg_ft.jpg') top center;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
    font-size: 3rem;
    color: #fff;
  }
  .endArea__txtS {
    width: 90%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  /*-----------------------------*/
  /*FOTTTER*/
  /*-----------------------------*/
  footer {
    background: #434343;
    margin: 0 auto;
    padding: 50px 0;
  }
  .footer {
    display: flex;
    height: 180px;
    justify-content: center;
    align-items: center;
  }
  .footer__logo {
    max-width: 1200px;
  }
  .footer__logo img {
    width: 150px;
  }
  /* 色調反転 */
  .white-filter {
    filter: invert(100%);
  }
  .copyright {
    background: #000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 480px){
  /*-----------------------------*/
  /*FOTTTER-up*/
  /*-----------------------------*/
  .endArea {
    background: #ffa352 url('../images/common/bg_ft.jpg') top center;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
    font-size: 3rem;
    color: #fff;
  }
  .endArea__txtS {
    width: 90%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  /*-----------------------------*/
  /*FOTTTER*/
  /*-----------------------------*/
  footer {
    background: #434343;
    margin: 0 auto;
    padding: 50px 0;
  }
  .footer {
    width: 100%;
    display: flex;
    height: 180px;
    justify-content: center;
    align-items: center;
  }
  .footer__logo {
    max-width: 1200px;
  }
  .footer__logo img {
    width: 150px;
  }
  /* 色調反転 */
  .white-filter {
    filter: invert(100%);
  }
  .copyright {
    background: #000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 1.2rem;
  }
}
}