@charset "utf8";

* {
  margin: 0;
  padding: 0;
}

footer {
  background-color: #001744;
  color: #FFFFFF;
  margin-top: 6%;
}
@media screen and (max-width: 767px) {
  footer {
    margin-top: 4%;
  }
}
.footer-copy-1 {
  width: calc(1150vw / 19.2);
  margin: 0 auto;
  padding-bottom: 4%;
}
@media screen and (max-width: 767px) {
  .footer-copy-1 {
    width: calc(330vw / 3.6);
    margin: 0 auto;
    padding-bottom: 8%;
  }
}
.footer-copy-1-h2 {
  font-size: calc(48vw / 19.2);
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding: 8% 0 6%;
}
@media screen and (max-width: 767px) {
  .footer-copy-1-h2 {
    font-size: calc(24vw / 3.6);
    line-height: calc(34vw / 3.6);
    padding: 8% 0 6%;
  }
}
.footer-copy-1-p {
  font-size: calc(40vw / 19.2);
  line-height: calc(60vw / 19.2);
  font-weight: 500;
  padding: 0 0 6%;
}
@media screen and (max-width: 767px) {
  .footer-copy-1-p {
    font-size: calc(19vw / 3.62);
    line-height: calc(28vw / 3.6);
    padding: 0 0 6%;
  }
}
.footer-dl {
  font-size: calc(32vw / 19.2);
  line-height: calc(48vw / 19.2);
  margin-bottom: calc(30vw / 19.2);
}
@media screen and (max-width: 767px) {
  .footer-dl {
    font-size: calc(16vw / 3.6);
    line-height: calc(24vw / 3.6);
    margin-bottom: calc(16vw / 3.6);
  }
}
.footer-copy-2 {
  font-size: calc(40vw / 19.2);
  line-height: calc(80vw / 19.2);
  font-weight: 500;
  color: #001744;
  background-color: #FFFFFF;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .footer-copy-2 {
    font-size: calc(20vw / 3.6);
    line-height: calc(40vw / 3.6);
  }
}