.keyvisual--single {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  display: block;
  background-color: #00aead;
}
.keyvisual--single h1 {
  margin-top: -24px;
}
.keyvisual--single h1 img {
  width: 920px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 1019px) {
  .keyvisual--single h1 img {
    max-width: 1019px;
    width: 100%;
  }

  .keyvisual--single .kv-sp {
    display: none;
  }

  .keyvisual--single .kv-middle {
    display: block;
  }

}

@media screen and (max-width: 750px) {
  .keyvisual--single h1 img {
    max-width: 750px;
    width: 100%;
  }

  .keyvisual--single .kv-middle {
    display: none;
  }

  .keyvisual--single .kv-sp {
    display: block;
  }
}


/* ポップアップボタン */
.popup-bnr_pc {
  width: 1040px;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(255,255,255,0.75);
}

.popup-bnr_pc img {
  width: 40%;
}

.popup-bnr_sp {
  width: auto;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255,255,255,0.75);
}

#popup #content {
  width:96% !important;
  margin-bottom:-10px !important;
  z-index: 99 !important;
}
#popup_01 {
  width: 100%;
  display: block;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  background-size: auto;
  height: auto;
  opacity: 1;
  background-image: none;
  background-repeat: repeat;
  background-color: transparent;
  z-index: 99;
  border: 0px solid rgb(217, 217, 217);
  border-radius: 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-bnr_pc img {
  width:40%;
}
.popup-bnr_sp .btn-newtab {
  min-height: 50px;
}
/* SP時TOPへ戻るボタン位置調整 */
@media screen and (max-width: 1175px) {
  footer.simple-footer .footer__pagetop {
    bottom: 120px;
  }
}
.footer__pagetop {
  z-index: 100;
}

/* ボタンホバー時の色指定 */
#popup_01 .popup-bnr_pc .btn-newtab.btn--accent,
#popup_01 .popup-bnr_sp .btn-newtab.btn--accent {
  opacity: 1;
  &:hover {
    background-color: color-mix(
      in srgb, #de003f, white 20%
    );
    border-color: color-mix(
      in srgb, #de003f, white 20%
    );
  }
}

footer.simple-footer {
  height: 140px !important;
}

footer.simple-footer .footer__fluid {
  margin-bottom: 80px;
}
footer.simple-footer {
  height: 140px !important;
}

footer.simple-footer .footer__fluid {
  margin-bottom: 80px;
}

@media screen and (max-width: 1019px) {
  footer.simple-footer {
    height: 160px !important;
  }
}

/* フローティングボタンの別タブアイコン位置調整 */
#popup_01 .btn-newtab .icon-newtab {
  left: 75%;
}