.ms_contact{background-color: #f3f4f8;}
.mc_banner>img{width: 100%;}

.mc_item:first-child{padding-bottom: 100px;}

.mc_msg{display: flex;justify-content: space-between;}
.mc_msg_l>h1{font-size: 28px;line-height: 2;font-weight: bold;color: #484848;}
.mc_msg_l>h2{font-size: 20px;line-height: 2;font-weight: bold;color: #979797;margin-bottom: 74px;}
.mc_msg_l>p{font-size: 16px;line-height: 2;color: #666;}
.mc_map{width: 646px;height: 362px;}

.mc_bus{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 76px;}
.mc_bus_i{width: 590px;background-color: #fff;margin-bottom: 30px;display: flex;}
.mc_bus_img{width: 162px;height: 100%;overflow: hidden;margin-right: 23px;}
.mc_bus_img>img{width: 100%;height: 100%;transition: .3s;object-fit: cover;}
.mc_bus_r{flex: 1;}
.mc_bus_i>div>h1{padding: 34px 0 20px;font-size: 18px;font-weight: bold;color: #6f6f6f;}
.mc_bus_i>div>p{margin-bottom: 20px;color: #828282;font-size: 16px;}
.mc_bus_i:hover img{transform: scale(1.1);}

.mc_tact{box-shadow: 5px 4px 8px 0px rgba(0, 0, 0, 0.13);border-radius: 20px;background-color: #fff;padding: 73px 44px;}
.mc_tact>h1{font-size: 18px;color: #828282;line-height: 2;text-align: center;}
.mc_form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mc_form>input{width: 48%;height: 38px;border: 1px solid #cecece;border-radius: 10px;margin-top: 20px;padding: 0 20px;transition: .3s;}
.mc_form>textarea{margin-top: 20px;border: 1px solid #cecece;height: 152px;border-radius: 10px;width: 100%;padding: 20px;color: #666;resize: none;}
.mc_form>button{opacity: 0;}
.mc_form>a{width: 134px;height: 35px;border: 1px solid var(--base);color: var(--base);text-align: center;line-height: 35px;border-radius: 10px;margin-top: 26px;transition: .3s;}
.mc_form>input:focus{border-color: var(--base);}
.mc_form>a:hover{background-color: var(--base);color: #fff;}

.mc_recr{display: flex;justify-content: center;flex-wrap: wrap;text-align: center;}
.mc_recr>h1{width: 100%;font-size: 28px;font-weight: bold;line-height: 2;margin: 40px 0;}
.mc_recr>span{font-size: 16px;color: #666;margin-right: 86px;}
.mc_recr>span:last-child{margin-right: 0;}
.mc_recr_c{margin: 50px auto 100px;}
.mc_recr_h{display: flex;justify-content: space-between;background-color: var(--base);height: 60px;align-items: center;padding: 0 20px;}
.mc_recr_h>span{flex: 1;color: #fff;}
.mc_recr_h>i{width: 26px;}
.mc_recr_t{display: flex;justify-content: space-between;flex-wrap: wrap;height: 60px;align-items: center;padding: 0 20px;background-color: #fff;}
.mc_recr_t>span{width: 25%;color: #545454;}
.mc_recr_t>img{transition: .3s;}
.mc_recr_i:nth-child(2n) .mc_recr_t{background-color: #ebebeb;}
.mc_recr_b{background-color: #fff;padding: 40px;display: none;}
.mc_recr_b>div{overflow: hidden;}


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

    .mc_msg{flex-direction: column;}
    .mc_msg_l>h1{font-size: 2.2rem;}
    .mc_msg_l>h2{font-size: 1.6rem;margin-bottom: 2rem;}
    .mc_msg_l>p{font-size: 1.6rem;}

    .mc_msg_r{margin-top: 3rem;}
    .mc_map{width: 100%;height: 25rem;}

    .mc_bus{flex-direction: column;}
    .mc_bus_i{width: 100%;}
    .mc_bus_img{margin-right: 1rem;width: 13rem;}
    .mc_bus_img>img{}
    .mc_bus_i>div>h1{padding: 2rem 0 1rem;font-size: 1.8rem;}
    .mc_bus_i>div>p{font-size: 1.4rem;margin-bottom: 1rem;}

    .mc_tact{padding: 5rem 1.5rem;}
    .mc_tact>h1{font-size: 1.8rem;}
    .mc_form{flex-direction: column;}
    .mc_form>input{width: 100%;}
    .mc_form>a{width: 100%;margin-top: 2rem;}

    .mc_recr>h1{font-size: 2.6rem;}
    .mc_recr>span{margin-right: 0;line-height: 2;}

    .mc_recr_t>span{width: 50%;}
    .mc_recr_b{padding: 2rem;}

}