.sub-top.__info h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

.info-sub{
	padding: 0 8.5rem;
	margin-bottom: 12rem;
}

.info-sub h3{
	font-weight: 500;
}

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

.info-detail{
	display: grid;
	grid-template-columns: .2fr 1fr;
	gap: 1.5rem 3rem;
	align-items: baseline;
}

.info-detail h4{
	font-weight: 500;
	font-size: var(--f-16-18);
}

.info-detail hr{
	grid-column: 1/3;
}

.info-detail ul li{
	text-indent: -1rem;
	padding-left: 1rem;
}

@media  screen and (max-width : 769px){
  .info-detail{
	  grid-template-columns: 1fr;
  }
  
  .info-detail hr{
	  grid-column: 1/2;
  }
}


/*************グラフ************/


/***インターン***/
.over-table{
	min-width: 0;
}

table{
  padding:0;
  margin:0;
  border-collapse: collapse;
}
td,th{
  border:solid #000 1px;
  padding:2rem;
  text-align:left;
  vertical-align:middle;
}

th{
  background-color:var(--pink);
  font-weight:bold;
  color: var(--white);
}

@media screen and (max-width: 769px) {
	td,th{
		padding: 1rem;
		font-size:var(--f-10-12);
	}
}

/***中途***/
.career-percentage{
	padding: 0rem 9rem 12rem;
}

.over-table.__percentage{
	min-width: 0;
}

.over-table.__percentage table{
	width: 100%;
	min-width: 100%;
}

.over-table.__percentage td,.over-table.__percentage th{
	text-align: center;
}

.over-table.__percentage td{
	text-align: center;
	background-color: #fff;
}

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