.hpd_banner>img{width: 100%;}

.hpd_msg{}

.hpd_msg_w{display: flex;}
.hpd_msg_l{width: 600px;position: relative;}
.hpd_msg_i{width: 100%;height: 485px;object-fit: cover;}
.hpd_msg_ls{position: absolute;bottom: 0;right: 0;display: flex;padding: 2px;background-color: #d3d3d3;}
.hpd_msg_ls>img{width: 84px;height: 72px;object-fit: cover;margin-right: 2px;cursor: pointer;border: 2px solid #d3d3d3;}
.hpd_msg_ls>img:last-child{margin-right: 0;}
.hpd_msg_ls>.hpd_msg_a{border: 2px solid var(--base);}

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

.hpd_rich{padding-bottom: 100px;margin-top: 100px;}
.hpd_rich>h1{border-bottom: 1px solid #e5e5e5;margin-top: 10px;}
.hpd_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: 766px) {
    .hpd_banner>img{height: 26rem;object-fit: cover;}

    .hpd_msg{margin-top: 2rem;}
    .hpd_msg_w{flex-direction: column;}
    .hpd_msg_l{width: 100%;}
    .hpd_msg_i{height: 20rem;}
    .hpd_msg_r{margin-left: 0;}
    .hpd_msg_r>p{font-size: 1.4rem;}

    .hpd_rich>h1>span{font-size: 1.6rem;}
    .hpd_rich{margin-top: 6rem;}

}