.yc_banner>img{width: 100%;}

.yc_item{padding: 100px 0;}
.yc_msg{display: flex;justify-content: space-between;}
.yc_msg_l>h1{color: #4d4d4d;font-size: 24px;line-height: 50px;}
.yc_msg_l>p{color: #747474;font-size: 16px;line-height: 50px;}

.yc_map{width: 600px;height: 400px;object-fit: cover;}

.yc_tact>h1{font-size: 24px;color: #666;text-align: center;}
.yc_form{margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.yc_form>input{width: 31%;color: #333;border: 1px solid #bbb;padding: 0 10px;height: 50px;}
.yc_form>textarea{width: 100%;height: 200px;border: 1px solid #bbb;padding: 10px;margin-top: 30px;resize: none;color: #666;line-height: 1.5;}
.yc_form>button{width: 100%;height: 50px;line-height: 50px;text-align: center;outline: none;margin-top: 20px;background-color: var(--base);color: #fff}
.yc_form>[type="reset"]{opacity: 0;height: 0;margin: 0;}


@media screen and (max-width: 766px) {
    .yc_banner>img{height: 20rem;object-fit: cover;}

    .yc_item{padding: 10rem 0;}
    .yc_msg_l{margin-bottom: 3rem;}
    .yc_msg_l>h1{margin-bottom: 2rem;}
    .yc_msg_l>p{line-height: 2;font-size: 1.6rem;}
    .yc_msg{flex-direction: column;}
    .yc_map{width: 100%;height: 40rem;}

    .yc_form>input{width: 100%;margin-bottom: 1.5rem;}
    .yc_form>textarea{margin-top: 0;height: 16rem;}
    .yc_form>button{height: 5rem;line-height: 5rem;}
}