.zs_top{background-color: #f7f7f7;}
.zs_top_c{background-color: rgba(255,255,255,.7);padding: 70px;margin-top: -100px;position: relative;z-index: 1;display: flex;align-items: flex-end;justify-content: space-between;box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05);}
.zs_top_l>h2{font-size: 34px;font-weight: 600;color: var(--base);}
.zs_top_l>h1{font-size: 45px;color: #666;margin-top: 20px;}
.zs_top_l>p{font-size: 16px;color: #999;margin-top: 30px;}
.zs_top_r>a{background-color: var(--base);color: #fff;padding: 0 40px;line-height: 46px;display: inline-block;}

.zs_mid{background-color: #f7f7f7;}
.zs_mid_c{padding: 100px 0;}
.zs_mid_c>h1{font-size: 50px;border-bottom: 2px solid var(--base);margin-bottom: 40px;padding-bottom: 40px;display: inline-block;}
.zs_mid_c>span{margin: 40px 0;width: 80px;margin: 40px 0;}
.zs_mid_wi{display: flex;justify-content: space-between;align-items: center;}
.zs_mid_wi:last-child{margin-top: 40px;flex-direction: row-reverse;}
.zs_mid_wi>img{width: 48%;}
.zs_mid_r{width: 48%;padding: 0 5%;}
.zs_mid_r>h1{font-size: 32px;color: var(--base);margin-bottom: 20px;}
.zs_mid_r>h1:not(:first-child){margin-top: 20px;}
.zs_mid_r>p{font-size: 16px;line-height: 2;position: relative;padding-left: 40px;}
.zs_mid_r>p::before{content: '';display: inline-block;width: 3px;height: 3px;background-color: var(--base);border-radius: 50%;position: absolute;left: 0;top: 8px;padding: 4px;}

.zs_bot_c{padding: 100px 0;}
.zs_bot_c>h1{font-size: 50px;font-weight: 600;}
.zs_bot_c>span{display: inline-block;width: 80px;border-top: 5px solid var(--base);margin: 20px 0;}
.zs_bot_c>p{font-size: 18px;line-height: 2;}
.zs_bot_v{display: flex;justify-content: space-between;margin-top: 40px;}
.zs_bot_v>img{width: 31%;object-fit: cover;height: 300px;}
.zs_bot:last-of-type{background-color: #f7f7f7;}


@media screen and (max-width: 766px) {
    .zs_top_c{padding: 3rem 2rem;margin-top: -8rem;flex-direction: column;}
    .zs_top_l>h1{font-size: 2.4rem;}
    .zs_top_l>p{line-height: 2;margin: 2rem 0;}
    .zs_top_r{align-self: flex-start;}
    .zs_top_r>a{line-height: 5rem;}

    .zs_mid_c{padding: 6rem 0;}
    .zs_mid_c>h1{font-size: 4rem;padding-bottom: 2rem;}
    .zs_mid_wi{flex-direction: column;}
    .zs_mid_wi>img{width: 100%;}
    .zs_mid_r{width: 100%;padding: 2rem 2%;}
    .zs_mid_r>h1{font-size: 2.8rem;}
    .zs_mid_r>p{padding-left: 3rem;font-size: 1.4rem;}
    .zs_mid_wi:last-child{flex-direction: column;}

    .zs_bot_c{padding: 6rem 0;}
    .zs_bot_c>h1{font-size: 4rem;}
    .zs_bot_c>p{font-size: 2rem;}
    .zs_bot_v{flex-direction: column;gap: 1.5rem;}
    .zs_bot_v>img{width: 100%;height: 24rem;}
}