@charset "utf-8";

:root {
    --primary: #E5DCD3;
}

.sec_hero .txt_wrap img {max-width:996px;margin:0 auto}
.bx_pf .sec_info {background:#5D3510;color:#fff}
.bx_pf .sec_info .cont {color:#fff}

.sec_03 {background:url('img/sec_03_bg.jpg') no-repeat center/cover;padding:395px 0}

.sec_04 .title_box .sub {color:#22272D}
.sec_04 .title_box p {max-width:735px}

.sec_06 {background:#E6D8C8;padding:60px 20px;text-align:center}
.sec_06 img {max-width:420px;width:50%;margin:0 auto}
.identity_box .item_01 {background:#121212}
.identity_box .item_02 {background:#fff}
.identity_box > div img {max-width:468px}

@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}
    .identity_box > div img {max-width:240px}
}

@media all and (max-width: 767px) {
    .bx_pf .sec_info .title_box,
    .txt_info .title_box.side {text-align:left;align-items:flex-start;}
    .bx_pf .sec_info .info {align-items:flex-start;}
    
    .bx_pf .sec_hero .txt_wrap {top:46%}

    .title_box {margin-bottom:24px}
    .identity_box {flex-direction:column-reverse;}
    .identity_box > div img {max-width:190px}
    .sec_06 img {width:65%;}
}