.training h3, .benefit h3{
	font-weight: 500;
	font-size: var(--f-24-36);
}

.training{
	padding: 0 8.5rem 9rem;
}


@media  screen and (max-width : 769px){
  .training{
	  padding: 0 3rem 9rem;
  }
}

.training-inner{
	padding: 0 5rem 3rem;
	border: solid 1px var(--pink);
	border-radius: 3rem;
}


@media  screen and (max-width : 769px){
  .training-inner{
	  padding: 0 3rem 3rem;
  }
}

.training-title{
	margin: -20px auto 0;
}

.training-title h4{
	display: inline-block;
	padding: 0 3rem;
	font-weight: 500;
}

.training-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--w30);
}

.training-block{
	padding: 3rem;
	border-radius: 2rem;
}


@media  screen and (max-width : 769px){
  .training-block{
	  padding: 2rem;
  }
}

.small{
	font-size: var(--f-16-18);
}

.training-text{
	padding-left: 2rem;
	text-indent: -2rem;
}

.training-ex{
	padding-left: 6rem;
	text-indent: -4rem;
}

.training-text2{
	padding-left: 3rem;
	text-indent: -3rem;
}

.training-text2.circle::before{
	content: "●";
	color: var(--pink);
	padding-right: .7em;
}

.training-text.__small{
	font-size: var(--f-12-14);
}

/*------------------------------------------------ 
福利厚生 
------------------------------------------------ */

.benefit{
	padding: 9rem 8.5rem ;
	background-color: var(--gray);
}

＃benefit::before{
	content:'';
	  display: block;
	  padding-top: 120px;
	  margin-top: -120px;
}

.benefit-subtitle{
	margin: 0 auto;
	text-align: center;
}

.benefit-subtitle h4{
	display: inline-block;
	padding: 2rem 3rem;
	border: solid 1px var(--pink);
	font-weight: 500;
}

.benefit-grid{
	display: grid;
	grid-template-columns: .2fr 1fr;
	gap: var(--w40);
}




@media  screen and (max-width : 769px){
  .benefit{
	  padding: 9rem 3rem;
  }
}