@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------

初期設定

-------------------------------------------------- */
/* --------------------------------------------------

hover

-------------------------------------------------- */
/* --------------------------------------------------

スマホサイズのフォント指定

-------------------------------------------------- */
/* --------------------------------------------------

breakpoint

-------------------------------------------------- */
/* eligibility */
.eligibility-list-blk {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .eligibility-list-blk {
    display: block;
  }
}
.eligibility-list-box {
  width: 47%;
  margin-bottom: 4%;
}
@media only screen and (max-width: 768px) {
  .eligibility-list-box {
    width: 100%;
    margin-bottom: 2em;
  }
}
.eligibility-list-box .ttl-small {
  margin-top: 0;
}
.eligibility-list-box-inner {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .eligibility-list-box-inner {
    display: block;
  }
}
.eligibility-list-box-inner figure {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .eligibility-list-box-inner figure {
    width: 100%;
  }
}
.eligibility-list-box-inner div {
  flex: 1;
  padding-left: 1.5em;
}
@media only screen and (max-width: 768px) {
  .eligibility-list-box-inner div {
    padding-left: 0;
    margin-top: 1em;
  }
}
.eligibility-list-box-last {
  width: 100%;
  margin-bottom: 0;
}
.eligibility-list-box-last .eligibility-list-box-inner {
  justify-content: space-between;
  gap: 3em;
}
@media only screen and (max-width: 768px) {
  .eligibility-list-box-last .eligibility-list-box-inner {
    gap: 0;
  }
}
.eligibility-list-box-last .eligibility-list-box-inner ul {
  padding: 0;
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .eligibility-list .btn-block {
    text-align: center;
  }
}