.outlink-useful .modal__content {
  width: 76.8%;
}
.outlink-useful .modal__content p {
  padding-top: 8px;
  padding-bottom: 8px;
  /*  font-size: 1.8rem; */
  font-size: 4.8vw;
  font-weight: 700;
  color: #0b6c9c;
  text-align: center;
}
.outlink-useful .modal__content > p {
  padding-top: 0;
}
.outlink-useful .modal-link-box {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.outlink-useful .modal__content .modal-link-box .modal-link-box-inner {
  margin-bottom: 20px;
  width: 46%;
  border: 1px solid #b3b3b3;
}
.outlink-useful .modal__content .modal-link-box .modal-link-box-inner a {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  flex-direction: column;
}
.outlink-useful .modal-link-box-inner img {
  margin: 0 auto;
  width: 50%;
  aspect-ratio: 1 / 1;
}
.outlink-useful .modal-link-box-inner p.leader {
  /*  font-size: 1.2rem; */
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.2;
  color: #0b6c9c;
  height: 100%;
  display: grid;
  place-items: center center;
}
.outlink-useful .modal-link-box-inner p.cap {
  /*  font-size: 0.9rem; */
  font-size: 2.4vw;
  line-height: 1.6;
}
.outlink-useful .modal-btn-close {
  width: 100%;
  background-color: #ffdcc5;
  border-radius: 32px;
}
.outlink-useful .modal-btn-close a {
  width: 100%;
  aspect-ratio: 435 / 74;
  /*  font-size: 1.8rem; */
  font-size: 4.8vw;
  font-weight: 500;
  line-height: calc((1em - 1lh) / 2);
  color: #7f3c2f;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.outlink-useful .modal-btn-close .cross {
  margin-left: 30px;
  display: block;
  position: relative;
  width: 3.2vw;
  aspect-ratio: 1 / 1;
}