@charset "utf-8";

@media screen and (max-width: 768px) {
/* -------------------------------------------------------------------
.education-goal
------------------------------------------------------------------- */
	.sponly { display: block;}
	.education-goal { font-size: 1.6rem; line-height: 2.25;}
	.education-goal .jyoho-eg-01 { padding-top: 28px; padding-bottom: 40px; margin-top: 0; margin-bottom: 0px;}
	.education-goal .jyoho-eg-02 { margin-bottom: 81px;}
	
.education-goal .jyoho-eg-03 .heading-style-2 { font-size: 2rem; line-height: 2.816em; padding: 0 20px; margin-bottom: 40px;}
.education-goal .jyoho-eg-03 ul { display: flex; flex-wrap: wrap; margin-bottom: 40px; justify-content: space-between;}
.education-goal .jyoho-eg-03 ul li { color: #0EA2AA; border-color: #0EA2AA; width:48.5%; margin-right: 0;}
.education-goal .jyoho-eg-03 ul li:nth-child(n + 3) { margin-top: 30px;}
.education-goal .jyoho-eg-03 ul li .common-button { color: #0EA2AA; border-color: #0EA2AA; width: 100%; font-size: 3vw;  border-radius: calc(15px + 1.5vw); padding-top: 15px; padding-bottom: 15px;}
.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; right: 3.125vw; width: calc(18 / 768 * 100vw); height: calc(11 / 768 * 100vw);}
.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: 1.8rem; font-weight: bold; padding-left: 20px; border-left: 10px solid #0EA2AA; margin-bottom: 20px;}
.education-goal .jyoho-eg-03 p { margin-bottom: 25px;}
.education-goal .jyoho-eg-03 p:nth-of-type(2) { margin-bottom: 50px;}
}