main section{
 margin-bottom: 3rem;   
}
main > section > div {
  padding: 1rem 28rem;
  display: flex;
  justify-content: space-between;
}

h2 {
  position: relative;
  margin:0 auto; 
  font-weight: 500;
}
h2::before {
  position: absolute;
  left: -1rem;
  top: 0.5rem;
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgb(57, 198, 195);
}

.main-color {
    color: var(--main-color);
}


main > .doctor_desc {
    background: url(../imgs/service/highschool_background.png) no-repeat 100%/100%;
}


main .master_percent {
      background: url(../imgs/service/master_percent_back.png) no-repeat 100%/100%;
      padding: 6rem;
}
main .master_percent > div{
    flex-direction: row;
    justify-content: space-evenly;
}
main .master_percent > div > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}


main .master_percent img{
    margin-bottom: 2rem;
    height: 10rem;
}
main .master_percent img + span {
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}



main .master_offer img{
    width: 100%;
}


main .admission_time {
    font-size: 1.3rem;
    color: red;
    justify-content: right;
    letter-spacing: 0.2em;
}


main .advantage{
    flex-direction: row;
    flex-wrap: wrap;
}

main .advantage > div {
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    line-height: 3rem;
    display: flex;
    flex-direction: column;
    width: 30%;
    margin-top: 3rem;
}

main .advantage img{
    /* height: 3rem; */
    /* width: max-content; */
	width: 15rem;
}

main .oversea {
    display: flex;
    flex-direction: column;
}

main .oversea p{
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    line-height: 3rem;
}

main .oversea .plan{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

main .oversea .plan img{
    width: 25rem;
    margin-top: 5rem;
}


@media only screen and (max-width: 875px){
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body main .oversea .plan img{
		width: 25%;
	}
}


@media only screen and (max-width: 490px){
	html {
	    height: 100%;
	    font-size: 12px;
	    -webkit-text-size-adjust: 100%;
	}
	body h2{
		font-weight: 700;
		font-size: 1.5rem;
		letter-spacing: 0.15em;
	}
	body h2::before{
		    height: 1.5rem;
	}
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body main .master_percent{
		padding: 0;
		background: url(../imgs/service/master_percent_back.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	main .master_percent img{
		    height: 8rem;
	}
	body main .master_percent > div{
		    justify-content: space-between;
	}
	body main .master_percent > div > div{
		    width: 33%;
		    text-align: center;
	}
	body main .master_percent img + span{
		    font-size: 1.2rem;
		    line-height: 1.7;
	}
	body main .oversea .plan{
		    flex-direction: column;
	}
	body main .advantage > div{
		width: 45%;
	}
	body  main .advantage img{
		width: 100%;
		margin-bottom: 1rem;
	}
	body main .oversea .plan img{
		width: 100%;
	}
	body main .advantage > div,body main .oversea p{
		line-height: 1.7;
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	body main .master_offer img{
		width: 100%;
		height: auto;
	}
}