@charset 'utf-8';

.goals-box .goals-title-box{position:relative;padding:0 0 8rem;overflow:hidden;}
.goals-box .goals-title-box::after{content:'';position:absolute;left:50%;z-index:-10;width:52.6rem;height:13.5rem;background:url(../img/values/bg-goals.png) no-repeat center bottom / 100%;transform:translateX(-50%);}
.goals-box .goals-title-box .goals-title{padding:2.8rem 2rem;background:var(--color165);text-align:center;border-radius:1rem;font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-0.02em;color:var(--color124);}
.basic-subjects-list{display:flex;align-items:center;gap:1rem;text-align:center;background:var(--white100);}
.basic-subjects-list > li{flex:1;padding:4.9rem 2rem 5rem;border:1px solid var(--border-color14);background:var(--white100);border-radius:1rem;}
.basic-subjects-list > li .subjects-tit{position:relative;padding:5.2rem 0 1rem;font-size:2rem;font-weight:var(--font-weight-bold);letter-spacing:-0.02em;color:var(--black02);}
.basic-subjects-list > li:nth-of-type(1) .subjects-tit::before{content:'';position:absolute;top:0;left:50%;width:3.75rem;height:3.75rem;background:url(../img/common/ico-subjects01@2x.png) no-repeat center center / 100%;transform:translateX(-50%);}
.basic-subjects-list > li:nth-of-type(2) .subjects-tit::before{content:'';position:absolute;top:0;left:50%;width:3.95rem;height:3.75rem;background:url(../img/common/ico-subjects02@2x.png) no-repeat center center / 100%;transform:translateX(-50%);}
.basic-subjects-list > li:nth-of-type(3) .subjects-tit::before{content:'';position:absolute;top:0;left:50%;width:4.25rem;height:3.75rem;background:url(../img/common/ico-subjects03@2x.png) no-repeat center center / 100%;transform:translateX(-50%);}
.basic-subjects-list > li .subjects-desc{font-size:1.4rem;font-weight:var(--font-weight-medium);letter-spacing:-0.02em;color:var(--black04);}

@media screen and (max-width:768px){
	.goals-box .goals-title-box{padding:0 0 6rem;}
	.goals-box .goals-title-box .goals-title{padding:2.5rem 1.5rem;font-size:1.8rem;}
	.basic-subjects-list{flex-wrap:wrap;}
	.basic-subjects-list > li{flex:auto;padding:4.2rem 2rem 4.3rem;width:100%;}
	.basic-subjects-list > li .subjects-tit{padding:4.8rem 0 8px;font-size:1.8rem;}
	.basic-subjects-list > li:nth-of-type(1) .subjects-tit::before{width:3.5rem;height:3.5rem;}
	.basic-subjects-list > li:nth-of-type(2) .subjects-tit::before{width:3.7rem;height:3.5rem;}
	.basic-subjects-list > li:nth-of-type(3) .subjects-tit::before{width:4rem;height:3.5rem;}
}