@charset "utf-8";
/*################## スマホ縦用　##################*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  /*####### footer #####*/
  #footer-main {
    padding: 30px 10px;
  }
  .f-box-02 {
    display: none;
  }
  .f-box-03 ul {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0 0;
  }
  .f-box-03-01 li {
    list-style-type: none; /*点を非表示*/
    display: inline-block;
    padding-right: 20px;
  }
  .f-box-03-02 li {
    list-style-type: none; /*点を非表示*/
    padding: 8px 0;
  }
  .f-box-03 li a {
    color: #fff;
    text-decoration: none;
  }
  .f-box-03 li a:hover {
    opacity: 0.7;
  }
  #footer-bottom {
    padding: 30px 0 10px 0;
    clear: both;
    color: #fff;
  }
  #footer-bottom h4 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #footer-bottom p {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
  }
}
/*################## スマホ横用 #################*/
@media screen and (min-width: 481px) and (max-width: 896px) {
  /*####### footer #####*/
  #footer {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0 0 0;
  }
  #footer-main {
    padding: 10px;
  }
  .f-box-02 {
    display: none;
  }
  .f-box-03 ul {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0 0;
  }
  .f-box-03 li {
    list-style-type: none; /*点を非表示*/
    display: inline-block;
    padding-right: 20px;
  }
  .f-box-03 li a {
    color: #fff;
    text-decoration: none;
  }
  .f-box-03 li a:hover {
    opacity: 0.7;
  }
  #footer-bottom {
    padding: 30px 0 10px 0;
    clear: both;
    color: #fff;
  }
  #footer-bottom h4 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #footer-bottom p {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
  }
}
/*################## PC用 #################*/
@media print, screen and (min-width:897px) {
  /*####### footer #####*/
  #footer {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0 0 0;
  }
  #footer-main {
    width: 850px;
    margin: 0 auto;
    letter-spacing: 0.5px;
    padding-top: 30px;
  }
  .f-box-01 {
    margin: 0 auto;
  }
  .f-box-02 {
    margin: 0 auto;
    padding: 30px 0 0 0;
  }
  .f-box-02 a {
    color: #fff;
  }
  .f-box-02 p {
    text-align: center;
  }
  .f-container {
    display: grid;
    grid-template-columns: 121px 121px 121px 121px 121px 121px 121px;
    grid-template-rows: 75px;
  }
  .f-ul-center {
    width: fit-content;
    margin: auto;
  }
  .f-box-03 {
    text-align: right;
    padding: 0 0 30px 0
  }
  .f-box-03 ul {
    padding: 0 0 10px 0;
  }
  .f-box-03 li {
    list-style-type: none; /*点を非表示*/
    display: inline-block;
    padding-right: 20px;
  }
  .f-box-03 li a {
    color: #fff;
    text-decoration: none;
  }
  .f-box-03 li a:hover {
    opacity: 0.7;
  }
  #footer-bottom {
    clear: both;
    color: #fff;
  }
  #footer-bottom h4 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #footer-bottom p {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 20px;
  }
}
/*################## スマホ・PC共通 ##################*/
#footer {
  font-size: 14px;
  background-color: #032550;
}