@media (min-width: 769px) {
  #footer {
    border-top: 1px solid #ECECEC;
    /* font-size: 1.4rem; */
    font-size: 14px;
    position: relative; }
    #footer #pagetop {
      position: fixed;
      bottom: 0;
      left: calc(53% + 454px);
      z-index: 3;
      width: 100%; }
      #footer #pagetop a {
        opacity: 0.7; }
        #footer #pagetop a:hover {
          opacity: 1; }
    #footer a {
      color: #333;
      text-decoration: none; }
      #footer a:hover {
        text-decoration: underline; }
    #footer .snsArea {
      overflow: hidden;
      width: 990px;
      margin: 0 auto;
      padding: 32px 0 30px; }
      #footer .snsArea ul {
        overflow: hidden;
        float: left;
        width: 40%; }
        #footer .snsArea ul li {
          float: left;
          height: 48px;
          margin-left: 30px; }
          #footer .snsArea ul li:first-child {
            margin-left: 190px; }
          #footer .snsArea ul li img {
            height: 100%;
            width: auto; }
      #footer .snsArea div {
        float: right;
        width: 40%;
        margin-top: 15px; }
    #footer .grayArea {
      background: #F8F8F8;
      padding: 25px 0; }
      #footer .grayArea ul {
        width: 990px;
        margin: 0 auto 20px;
        overflow: hidden; }
        #footer .grayArea ul li {
          float: left;
          margin-left: 30px; }
          #footer .grayArea ul li:first-child {
            margin-left: 96px; }
      #footer .grayArea p {
        min-width: 990px;
        text-align: center; }
        #footer .grayArea p br {
          display: none; }
}

@media (max-width: 768px) {
  #footer {
    border-top: 1px solid #ECECEC;
    /* font-size: 1.2rem; */
    font-size: 13px;
    position: relative; }
    #footer #pagetop {
      position: absolute;
      top: -10.9375%;
      left: 46.5%;
      z-index: 3;
      width: 6.25%; }
      #footer #pagetop img {
        width: 100%;
        height: auto; }
      #footer #pagetop:hover {
        opacity: 1; }
    #footer a {
      color: #333;
      text-decoration: none; }
      #footer a:hover {
        text-decoration: none; }
    #footer .snsArea {
      padding: 9.37% 0% 7.03% 0%;
      padding: 32px 0 30px; }
      #footer .snsArea ul {
        overflow: hidden;
        margin: 0 auto 5.46875%;
        width: 48.4375%; }
        #footer .snsArea ul li {
          float: left;
          width: 23.22581%; }
          #footer .snsArea ul li:nth-child(2) {
            margin: 0 14.51613%; }
          #footer .snsArea ul li img {
            width: 100%;
            height: auto; }
      #footer .snsArea div {
        margin-top: 3.90625%;
        text-align: center; }
    #footer .grayArea {
      background: #F8F8F8;
      padding: 7.81% 0% 7.81% 0%;
      text-align: center; }
      #footer .grayArea ul li {
        margin-bottom: 3.125%; }
      #footer .grayArea p {
        margin-top: 6.25%;
        line-height: 1.5; }
        #footer .grayArea p br {
          display: block; }
}