@charset "UTF-8";

/* ========================================
2022.05.16
プライバシーポリシーボタン
======================================== */

/* ----------------------------------------
PC
---------------------------------------- */

.section-credit__credit-btn {
  width: 123px;
  height: 19px;
  margin: 30px auto 0;
}

.section-credit__credit-btn a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.section-credit__credit-btn a::before,
.section-credit__credit-btn a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.section-credit__credit-btn a::before {
  background-image: url('../img/home/btn_pp_off.png');
}
.section-credit__credit-btn a::after {
  background-image: url('../img/home/btn_pp_on.png');
  opacity: 0;
  transition: opacity .4s;
}
.section-credit__credit-btn a:hover::after {
  opacity: 1;
}



/* ----------------------------------------
SP
---------------------------------------- */

.section-credit__credit-btn--sp {
  width: 21.8rem;
  height: 4rem;
  margin: 4rem auto 0;
}

.section-credit__credit-btn--sp a {
  width: 100%;
  height: 100%;
  display: block;
}



/* ----------------------------------------
inview アニメーション
---------------------------------------- */

.section-credit__credit-btn {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity .75s cubic-bezier(.525,0,.355,1),transform .75s cubic-bezier(.165,.84,.44,1);
}
.section-credit__credit-btn.is-inview {
  opacity: 1;
  transform: translateY(0);
}

.section-credit__credit-btn--sp {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity .75s cubic-bezier(.525,0,.355,1),transform .75s cubic-bezier(.165,.84,.44,1);
}
.section-credit__credit-btn--sp.is-inview {
  opacity: 1;
  transform: translateY(0);
}