.xc_banner>img{width: 100%;}

.xc_list{display: flex;justify-content: space-between;width: 1200px;margin: 100px auto;background-color: #f6f6f6;}
.xc_l{flex: 1;padding: 80px 40px;}
.xc_l>h1{font-size: 20px;font-weight: 700;margin-bottom: 40px;}
.xc_l>p{line-height: 2;font-size: 16px;}
.xc_map{height: 500px;width: 600px;margin: 0 auto 0;}

.xc_tact{background-color: #f6f6f6;}
.xc_tact_c{width: 1200px;margin: 0 auto;text-align: center;padding: 60px 0;}
.xc_tact_c>h1{font-size: 24px;font-weight: 700;line-height: 2;margin-bottom: 20px;}
.xc_tact_c>p{color: #696969;margin-bottom: 50px;}
.xc_form{display: flex;flex-wrap: wrap;justify-content: space-between;}
.xc_form>input{width: 32%;background-color: #fff;border: 1px solid #d2d2d2;height: 42px;padding: 0 10px;}
.xc_form>textarea{width: 100%;background-color: #fff;border: 1px solid #d2d2d2;height: 160px;margin-top: 20px;padding: 10px;color: #555;font-size: 14px;resize: none;}
.xc_form>a{margin-top: 20px;display: block;background-color: #999;color: #fff;text-align: center;height: 42px;line-height: 42px;width: 100%;cursor: pointer;transition: .3s;}
.xc_form>button{opacity: 0;}
.xc_form>a:hover{background-color: var(--base);}

@media screen and (max-width: 766px) {
    .xc_banner>img{height: 30rem;object-fit: cover;}
    
    .xc_list{flex-direction: column;}
    .xc_l{padding: 3rem 1.5rem;}
    .xc_l>h1{font-size: 2rem;margin-bottom: 4rem;}
    .xc_l>p{font-size: 1.6rem;}

    .xc_map{width: 100%;height: 50vh;}
    .xc_tact_c>h1{font-size: 2.4rem;}
    .xc_tact_c>p{font-size: 1.4rem;line-height: 2;}
    .xc_form>input{width: 100%;margin-bottom: 1rem;}
    .xc_form>textarea{margin-top: 0;height: 16rem;}
}