@charset "utf-8";

/* -------------------------------------------------------------------
.education-goal
------------------------------------------------------------------- */
.education-goal { font-size: 1.6rem; line-height: 2.25;}
.education-goal .jyoho-eg-01 { margin-top: 56px; margin-bottom: 69px;}
.education-goal .jyoho-eg-02 { margin-bottom: 81px;}

.education-goal .jyoho-eg-03 .heading-style-2 { font-size: 2.4rem; line-height: 2.416em; padding: 0 20px; margin-bottom: 40px;}
.education-goal .jyoho-eg-03 ul { display: flex; flex-wrap: wrap; margin-bottom: 80px;}
.education-goal .jyoho-eg-03 ul li { color: #0EA2AA; border-color: #0EA2AA; width: 24.17%; margin-right: 1%;}
.education-goal .jyoho-eg-03 ul li:nth-child(4n) { margin-right: 0;}
.education-goal .jyoho-eg-03 ul li:nth-child(n + 5) { margin-top: 30px;}
.education-goal .jyoho-eg-03 ul li .common-button { color: #0EA2AA; border-color: #0EA2AA; width: 100%; font-size: 18px;}
.education-goal .jyoho-eg-03 ul li .common-button:hover { background: #0EA2AA; color: #fff;}
.education-goal .jyoho-eg-03 ul li .common-button::after { background-image: url(../../../img/common/icon-common-button-green.svg); background-size: cover; background-repeat: no-repeat; width: 12px; height: 7px; right: 1.2625em;}
.education-goal .jyoho-eg-03 ul li .common-button:hover::after { background-image: url("../../../img/common/icon-common-button-white.svg"); }
.education-goal .jyoho-eg-03 h4 { color: #0EA2AA; font-size: 20px; font-weight: bold; padding-left: 20px; border-left: 10px solid #0EA2AA; margin-bottom: 20px;}
.education-goal .jyoho-eg-03 p { margin-bottom: 40px;}
.education-goal .jyoho-eg-03 p:nth-of-type(2) { margin-bottom: 80px;}

@media screen and (max-width: 1400px) {
  /* content-20 */
  .education-goal .jyoho-eg-03 ul li .common-button {
    padding-right: 1vw;
    font-size: 1.28vw;
  }
}