@charset "UTF-8";
.popup-link_wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(10px, 0.17rem + 1.52vw, 20px);
  /*margin-top: -30px;*/
  margin-bottom: clamp(30px, 0.511rem + 4.55vw, 60px);
}
.popup-link_wrap input.popup_flg ~ .popup_bg_layer {
  background: rgba(0,0,0,.8);
}
.popup-link_box {
  text-align: center;
  line-height: 1.4;
}
.popup-link_box .c-button--secondaryA-blue {
  width: 300px;
  height: 70px;
}
.popup-link_box .c-button--secondaryA-blue::after {
  right: 10px;
}
.popup-link_box .c-button--secondaryA-blue dt {
  font-weight: normal;
  font-size: 14px;
}
.popup-link_box .c-button--secondaryA-blue dd {
  font-size: 14px;
}
.popup-link_box .c-button--secondaryA-blue dd span {
  font-weight: bold;
  font-size: 16px;
}
.popup-link_box .popup_content {
  padding: 20px 30px;
  overflow-y: auto;
}
.popup_content_ttl {
  margin-bottom: clamp(10px, 0.17rem + 1.52vw, 20px);
  color: #004da1;
}
.popup_content_subttl {
  margin-bottom: clamp(10px, 0.17rem + 1.52vw, 20px);
  background: #004da1;
  transform: skewX(-14deg);
  padding: 10px 30px;
  width: fit-content;
}
.popup_content_subttl span {
  display: flex;
  font-size: clamp(14px, 0.784rem + 0.3vw, 16px);
  align-items: center;
  justify-content: center;
  transform: skewX(14deg);
  color: #fff;
}
.popup_content_subttl:nth-of-type(n+2) {
  margin-top: clamp(20px, 0.795rem + 1.52vw, 30px);
}
.popup_content_ttl dt {
  font-weight: normal;
  font-size: 16px;
}
.popup_content_ttl dd {
  font-size: 16px;
}
.popup_content_ttl dd span {
  font-weight: bold;
  font-size: 18px;
}
.popup-link {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, 0.17rem + 1.52vw, 20px);
  width: calc((270px * 2) + 20px);
}
@media screen and (max-width: 767px) {
  .popup-link_wrap {
    margin-top: 0;
    padding: 0 15px;
  }
  .popup-link_box input.popup_flg ~ .popup_content_wrapper {
    width: 100%;
  }
  .popup-link_box, .popup-link_box .c-button--secondaryA-blue {
    width: 100%;
  }
  .popup-link_box .popup_content {
    padding: 15px;
  }
  .popup_content_subttl {
    margin-inline: auto;
  }
  .popup-link, .popup-link a {
    width: 100%;
  }
}