@charset "utf-8";
/*################## スマホ縦用　##################*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  /*####### footer #####*/
  #footer-main {
    padding: 0 10px 10px 10px;
  }
  .f-box-02 {
    display: none;
  }
  .f-box-03 {
    margin: 0 auto;
    padding: 10px 0;
  }
  .f-box-l-03 {
    padding: 5px 0;
  }
  .f-box-r-03 {
    padding: 5px 0;
  }
  #footer-bottom {
    padding-bottom: 10px;
  }
}
/*################## スマホ横用 #################*/
@media screen and (min-width: 481px) and (max-width: 896px) {
  /*####### footer #####*/
  #footer {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0 0 0;
  }
  #footer-main {
    padding: 10px;
  }
  .f-box-02 {
    display: none;
  }
  .f-box-03 {
    margin: 0 auto;
    padding: 10px 0;
  }
  .f-box-l-03 {
    padding: 5px 0;
  }
  .f-box-r-03 {
    padding: 5px 0;
  }
}
/*################## 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: 950px;
    margin: 0 auto;
    letter-spacing: 0.5px;
    padding-top: 30px;
  }
  #footer-main h4 {
    clear: both;
  }
  .f-box-01 {
    float: left;
    width: 400px;
    margin: 0 auto;
  }
  .f-box-02 {
    float: right;
    width: 550px;
    margin: 0 auto;
  }
  .f-box-03 {
    display: flex; /* 横並びにする */
    gap: 10px; /* 左右の隙間（余白） */
    width: 380px;
    margin: 0 auto;
    padding: 20px 0;
    clear: both;
  }
  .f-box-l-03 {
    width: 50%;
  }
  .f-box-r-03 {
    width: 50%;
  }
  .f-container {
    display: grid;
    grid-template-columns: 100px 85px 110px 100px 110px;
    grid-template-rows: 75px;
  }
  .f-ul-center {
    width: fit-content;
    margin: auto;
  }
  .f-box-02 li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding: 5px 0 0 10px;
  }
  .f-box-02 a {
    color: #333333;
    text-decoration: none;
  }
  .f-box-02 a:hover {
    opacity: 0.7;
  }
  #footer-bottom {
    clear: both;
  }
}
/*################## スマホ・PC共通 ##################*/
#footer {
  font-size: 14px;
}
#footer-bottom {
  padding-bottom: 20px;
}