@charset "UTF-8";

main {
  margin-top: 130px;
}

@media screen and (max-width: 1280px) {

  /*---footer---*/

  .footer-box__ttl {
    /*---2rem---*/
    font-size: 1.5625vw;
  }

  .footer-box__lead>a {
    /*---1.8rem---*/
    font-size: 1.40625vw;
  }

  .footer-box>ul>li:not(.footer-box__lead)>a,
  .footer-box__dw-clk>p,
  .footer-box__dw-content>ul>li>a {
    /*---1.6rem---*/
    font-size: 1.25vw;
  }

  .footer-link>ul>li>a,
  .copyright>ul>li {
    /*---1.5rem---*/
    /*--- 15/1280*100---*/
    font-size: 1.171875vw;
  }
}

@media screen and (max-width: 1024px) {
  .footer-box__ttl {
    font-size: 1.953125vw;
  }

  .footer-box__lead>a {
    font-size: 1.7578125vw;
  }

  .footer-box>ul>li:not(.footer-box__lead)>a,
  .footer-box__dw-clk>p,
  .footer-box__dw-content>ul>li>a {
    font-size: 1.5625vw;
  }

  .footer-link>ul>li>a,
  .copyright>ul>li {
    /*---1.5rem---*/
    /*--- 15/1024*100---*/
    font-size: 1.46484375vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-box__ttl {
    font-size: 2.604166vw;
  }

  .footer-box__lead>a {
    font-size: 2.34375vw;
  }

  .footer-box>ul>li:not(.footer-box__lead)>a,
  .footer-box__dw-clk>p,
  .footer-box__dw-content>ul>li>a {
    font-size: 2.0834vw
  }

  .footer-link>ul>li>a,
  .copyright>ul>li {
    /*---1.5rem---*/
    /*--- 15/768*100---*/
    font-size: 1.956125vw;
  }
}

@media screen and (max-width:680px) {

  .footer-box__ttl {
    font-size: 2.94117647vw;
  }

  .footer-box__lead>a {
    font-size: 2.64705882vw;
  }

  .footer-box>ul>li:not(.footer-box__lead)>a,
  .footer-box__dw-clk>p,
  .footer-box__dw-content>ul>li>a {
    font-size: 2.35294118vw
  }

  .footer-link>ul>li>a,
  .copyright>ul>li {
    /*---1.5rem---*/
    /*--- 15/680*100---*/
    font-size: 2.20588235vw;
  }
}

@media screen and (max-width:480px) {
  html {
    font-size: 62.5%;
  }

  .footer-box__ttl {
    font-size: 20px;
  }

  .footer-box__lead>a {
    font-size: 18px;
  }

  .footer-box>ul>li:not(.footer-box__lead)>a,
  .footer-box__dw-clk>p {
    font-size: 16px;
  }

  .footer-box__dw-content>ul>li>a {
    font-size: 16px;
  }

  .footer-link>ul>li>a {
    font-size: 15px;
  }

  .copyright>ul>li {
    font-size: 15px;
  }
}

@media screen and (max-width: 1024px) {
  main {
    margin-top: 60px;
  }
}

@media screen and (max-width: 680px) {
  main {
    margin-top: 75px;
  }
}

@media screen and (max-width: 480px) {
  main {
    margin-top: 60px;
  }
}