@charset "UTF-8";

/* FOOTER
-------------------------------------------------- */
#footer {
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  background-image: url('/jpn/consumer/products/common/images/bg.jpg');
  background-size: 180% auto;
  background-position: top;
  background-repeat: repeat-y;
  width: 100%;
}

/* #footer::before {
  content: "";
  background-image: url('/jpn/consumer/products/common/images/footer_bubble.png');
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  width: 100%;
  height: 32.78vw;
  position: absolute;
  top: -23%;
  left: 0;
} */

.footer_inner {
  padding: 80px 20px 110px !important;
  position: relative;
  z-index: 2;
}

.footer_wrap {
  background-color: transparent !important;
}

.footer_logo_wrap {
  margin-left: 57.5px;
  margin-bottom: 35px !important;
}

.footer_main_box {
  margin-left: 8.5px;
  margin-bottom: 32px !important;
}

.footer_ttl {
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center;
}

.footer_sns {
  display: flex;
  align-items: center;
}

.footer_bottom {
  padding: 20px 0;
  text-align: center;
  position: relative;
  z-index: 5;
}

.footer_copyright {
  font-size: 12px;
  margin-top: 15px;
}

@media print,
screen and (min-width:768px) {
  .footer_sns_btn {
    width: 94px;
    overflow: hidden;
  }

  .footer_sns_btn a {
    display: block;
    padding: 5px 0;
    border: 1px solid #c0bfc7;
    background-color: #fff;
    border-radius: 10000px;
    text-align: center;
    color: #222;
  }

  .footer_sns {
    justify-content: space-between;
    margin-top: 15px;
  }

  .footer_bottom {
    padding: 20px 0;
  }
}

@media screen and (max-width:767px) {
  .footer_sns {
    justify-content: center;
    margin-top: 15px;
  }

  .footer_sns a {
    margin: 0 10px;
  }
}