@charset "UTF-8";
.mv_main{position: relative;}
.mv_main .mv_main_text {color: #231815;width: 100%;padding-left: 1.6em;}
.mark_text{font-size: 27px;position: absolute;padding-left: 1.2em;transform: translateY(-50%);left: 0;width: 100%;}
.mark_text span{position: relative;display: flex;align-items: center;}
.mark_text span img{max-width: 28px;width: auto;position: relative;margin-right: 7px;}
.mark_text.mark_text1{top: 49%;}
.mark_text.mark_text2{top: 59.5%;}
.mark_text.mark_text3{top: 70.2%;}
.mark_text.mark_text4{top: 81%;}
.mark_text.mark_text5{top: 91.5%;}
.sub_head span{width: 25.678%;background-color: #666666;color: #fff;display: inline-block;padding: 4px 0;border-radius: 15px;}
.sub_head.after span{background-color: #00a0c8;}
.box-height{display: flex;align-items: center;}

@media screen and (min-width: 768px) and (max-width: 1200px){
    .mark_text {font-size: calc(27 / 1200 * 100vw);}
    .mark_text span img{max-width: 20px;}
}
@media (max-width:767px){
    .mark_text{font-size: calc(30/767*100vw);}
    .mark_text span img{max-width: 16px;margin-right: 4px;}
    .mark_text.mark_text1{top: 5%;}
    .mark_text.mark_text2{top: 12%;}
    .mark_text.mark_text3{top: 19%;}
    .mark_text.mark_text4{top: 26%;}
    .mark_text.mark_text5{top: 33%;}
}