.only-pc { display:block !important; }
.only-ta, .only-mo { display:none !important; }

.gu_kv .kv_img_area {background:url("../../../img/parts-service/valuemate/img-value-bg.jpg") no-repeat center/cover;}

#HD_VALUEMATE { padding:60px 0 100px; }
#HD_VALUEMATE .top { display:flex; flex-direction: column; gap:50px; justify-content: center; align-items: center; margin-top:100px; }
#HD_VALUEMATE .top img { max-width:280px; }
#HD_VALUEMATE .top p { font-size:24px; font-weight:600; color:#63666a; text-align:center; }

#HD_VALUEMATE .sec_inner { max-width: 960px; margin: 0 auto; padding:100px 0 50px; }
#HD_VALUEMATE .sec_list {}
#HD_VALUEMATE .sec_list dl { display: flex; padding: 50px 0 62px; border-bottom: 1px solid #f0f0f0; }
#HD_VALUEMATE .sec_list dl:first-of-type { padding-top:0; }
#HD_VALUEMATE .sec_list dt { display: flex; width: 364px; flex-shrink: 0; font-size:30px; font-weight:600; }
#HD_VALUEMATE .sec_list dt span { color: #da450d; font-size: 18px; display: block; margin-right: 20px; }
#HD_VALUEMATE .sec_list dd { font-size:20px; color: #63666a; }

#HD_VALUEMATE .video_title { font-size:40px; font-weight:600; color: #da450d; text-align:center; margin-bottom:40px; }
#HD_VALUEMATE .video_box { overflow: hidden; max-width: 995px; }
#HD_VALUEMATE .video_box video { width: 100%; height: 100%; object-fit: cover; }

#HD_VALUEMATE .flow { position: relative; width: 100vw; height: 560px; overflow: hidden; }
#HD_VALUEMATE .area { position: absolute; left: 0; display: flex; height: 560px;  }
#HD_VALUEMATE .area ul { padding-right:16px; display:flex; }
#HD_VALUEMATE .area ul li { width: 469px; height: 560px; }
#HD_VALUEMATE .area ul li+li { margin-left: 16px; }
#HD_VALUEMATE .area ul li img { width: 100%; height: 100%; object-fit: cover }
#HD_VALUEMATE .bot_txt { width: calc(100% - 480px); margin: 24px auto 0; }
#HD_VALUEMATE .bot_txt p { color: #919593; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.64px; text-indent: -0.75px; padding-left: .75px; }

@media all and (max-width:1080px) {
    .only-ta { display:block !important; }
    .only-pc { display:none !important; }

    #HD_VALUEMATE .top { margin-top:70px; }
    #HD_VALUEMATE .sec_list dl { flex-direction:column; gap:25px; }
    #HD_VALUEMATE .bot_txt { width: calc(100% - 60px); margin: 16px auto 0; }
}

@media all and (max-width:766px) {
    .only-mo { display:block !important; }
    .only-pc { display:none !important; }

    #HD_VALUEMATE .top, #HD_VALUEMATE .sec_inner { margin: 0 20px; }
    #HD_VALUEMATE .top { margin-top:50px; }
    #HD_VALUEMATE .top p { font-size:18px; }
    #HD_VALUEMATE .sec_inner { padding: 70px 0 20px; }
    #HD_VALUEMATE .video_title { font-size:30px; }
    #HD_VALUEMATE .bot_txt { width: calc(100% - 40px); }
}