.wrapper {
  width: 100%;
  height: auto; }
  .wrapper footer {
    width: 100%;
    height: auto;
    background-color: #000;
	padding-top:30px;
	/*border-top:1px #BEB3AD solid;*/}
    .wrapper footer .footer-container {
      width: 70%;
      height: auto;
      margin: 0 auto; }
      @media screen and (max-width: 1024px) {
        .wrapper footer .footer-container {
          width: 90%; } }
      @media screen and (max-width: 768px) {
        .wrapper footer .footer-container {
          width: 100%; } }
      .wrapper footer .footer-container .footer-nav-list {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        padding: 10px 0 30px 0; }
        @media screen and (max-width: 768px) {
          .wrapper footer .footer-container .footer-nav-list {
            text-align: center;
            width: 90%;
            margin: 0 auto; } }
        .wrapper footer .footer-container .footer-nav-list .footer-nav {
          display: inline-block;
          position: relative; }
          .wrapper footer .footer-container .footer-nav-list .footer-nav::after {
            position: absolute;
            bottom: -4px;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background: #DBD5D2;
            transform: scale(0, 1);
            transform-origin: center top;
            transition: transform .3s; }
          .wrapper footer .footer-container .footer-nav-list .footer-nav:hover::after {
            transform: scale(1, 1); }
          @media screen and (max-width: 768px) {
            .wrapper footer .footer-container .footer-nav-list .footer-nav {
              width: 50%;
              padding: 0px 0; } }
          @media screen and (max-width: 480px) {
            .wrapper footer .footer-container .footer-nav-list .footer-nav {
              width: 100%; } }
          .wrapper footer .footer-container .footer-nav-list .footer-nav a {
            color: #fff; }
            @media screen and (max-width: 1024px) {
              .wrapper footer .footer-container .footer-nav-list .footer-nav a {
                font-size: 1.5rem; } }
      .wrapper footer .footer-container .footer-sns {
        display: flex;
        width: 30%;
        height: auto;
        margin: 0 auto;
        justify-content: space-around; }
        .wrapper footer .footer-container .footer-sns .sns-btn {
          display: inline-block;
          padding: 0 30px; }
          @media screen and (max-width: 480px) {
            .wrapper footer .footer-container .footer-sns .sns-btn {
              padding: 20px; } }
          .wrapper footer .footer-container .footer-sns .sns-btn i {
            color: #fff;
            font-size: 50px;
            transition: 0.3s; }
            .wrapper footer .footer-container .footer-sns .sns-btn i:hover {
              opacity: 0.8; }
            @media screen and (max-width: 768px) {
              .wrapper footer .footer-container .footer-sns .sns-btn i {
                font-size: 40px; } }
      .wrapper footer .footer-container .footer-sitetitle {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 0px; }
        .wrapper footer .footer-container .footer-sitetitle h3 {
          color: #fff;
          font-size: 30px; }
      .wrapper footer .footer-container .copyright {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 2.5rem; }
        .wrapper footer .footer-container .copyright p {
          color: #fff;
          font-size: 1.2rem;
          padding-bottom: 30px; }

/*# sourceMappingURL=footer.css.map */