.ypd_banner>img{width: 100%;}

.ypd_msg{}

.ypd_msg_w{display: flex;}
.ypd_msg_l{width: 600px;position: relative;}
.ypd_msg_i{width: 100%;height: 485px;object-fit: contain;}
.ypd_msg_ls{position: absolute;bottom: 0;right: 0;display: flex;padding: 10px;background-color: #d3d3d3;}
.ypd_msg_ls>img{width: 64px;height: 42px;object-fit: cover;margin-right: 10px;cursor: pointer;border: 2px solid #d3d3d3;}
.ypd_msg_ls>img:last-child{margin-right: 0;}
.ypd_msg_ls>.ypd_msg_a{border: 2px solid var(--base);}

.ypd_msg_r{margin-left: 40px;flex: 1;padding: 20px 0;}
.ypd_msg_r>h1{font-weight: bold;line-height: 3;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.ypd_msg_r>p{white-space: pre-wrap;text-align: left;line-height: 2;font-size: 16px;}

.ypd_rich{padding-bottom: 100px;margin-top: 100px;}
.ypd_rich>h1{border-bottom: 1px solid #e5e5e5;margin-top: 10px;}
.ypd_rich>h1>span{background-color: var(--base);color: #fff;font-size: 16px;padding: 0 20px;height: 42px;line-height: 42px;display: inline-block;}
.rich_text img{max-width: 100%;}

@media screen and (max-width: 992px) {
    .ypd_banner>img{height: 21rem;object-fit: cover;}

    .ypd_msg_w{flex-direction: column;margin-top: 6rem;}
    .ypd_msg_l{width: 100%;}
    .ypd_msg_i{height: unset;}
    .ypd_msg_r{margin-left: 0;}
    .ypd_msg_r>h1{font-size: 2rem;line-height: 2;margin-bottom: 2rem;}


}