/*! Writen  by SCSS */
#gmarea footer {
  border-top: solid 2px #666666; }
  #gmarea footer .footer {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 1120px) {
      #gmarea footer .footer {
        display: block; } }
    #gmarea footer .footer .footer_l {
      width: 280px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 1120px) {
        #gmarea footer .footer .footer_l {
          margin: 0 auto 20px; } }
      #gmarea footer .footer .footer_l .pagetop a {
        display: block;
        color: #212b58;
        font-size: 16px;
        font-weight: bold;
        line-height: 1; }
        #gmarea footer .footer .footer_l .pagetop a:before {
          content: "";
          width: 16px;
          height: 16px;
          display: block;
          margin: 0 auto;
          border-top: solid 2px;
          border-right: solid 2px;
          transform: rotate(-45deg);
          transition: all 0.3s ease-in-out 0s; }
        body:not(.mobile) #gmarea footer .footer .footer_l .pagetop a:hover:before {
          transform: translateY(-2px) rotate(-45deg); }
    #gmarea footer .footer .footer_r {
      width: 715px;
      max-width: 100%; }
      @media screen and (max-width: 1120px) {
        #gmarea footer .footer .footer_r {
          margin: 0 auto; } }
      #gmarea footer .footer .footer_r ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        #gmarea footer .footer .footer_r ul li {
          width: 46.86%;
          max-width: 335px;
          margin-bottom: 10px; }
          @media screen and (max-width: 600px) {
            #gmarea footer .footer .footer_r ul li {
              width: 100%;
              margin: 0 auto 10px; } }
          #gmarea footer .footer .footer_r ul li a {
            padding: 5px 30px;
            display: block;
            font-size: 14px;
            border-bottom: solid 1px;
            position: relative; }
            #gmarea footer .footer .footer_r ul li a:after {
              content: "+";
              position: absolute;
              top: 5px;
              right: 0;
              width: 30px;
              text-align: center;
              transition: all 0.3s ease-in-out 0s; }
            #gmarea footer .footer .footer_r ul li a:before {
              content: "";
              position: absolute;
              bottom: 10px;
              left: 5px;
              width: 14px;
              height: 14px;
              background: center center / contain no-repeat; }
            body:not(.mobile) #gmarea footer .footer .footer_r ul li a:hover:after {
              transform: rotate(180deg); }
          #gmarea footer .footer .footer_r ul li.icon01 a:before {
            background-image: url("../images/footer/icon01@2x.png"); }
          #gmarea footer .footer .footer_r ul li.icon02 a:before {
            background-image: url("../images/footer/icon02@2x.png"); }
          #gmarea footer .footer .footer_r ul li.icon03 a:before {
            background-image: url("../images/footer/icon03@2x.png"); }
          #gmarea footer .footer .footer_r ul li.icon04 a:before {
            background-image: url("../images/footer/icon04@2x.png"); }
          #gmarea footer .footer .footer_r ul li.icon05 a:before {
            background-image: url("../images/footer/icon05@2x.png"); }
  #gmarea footer address {
    background: #dfdfdf;
    padding: 10px;
    text-align: center;
    font-size: 10px;
    font-style: normal; }

/*# sourceMappingURL=footer.css.map */
