@charset "utf-8";

:root {
    --primary: #5D4730;
}

.sec_hero .txt_wrap .logo {max-width:580px}
.bx_pf .sec_info {background:#E9E1D0;color:#121212}
.bx_pf .sec_info .cont {color:#121212}

.sec_04 {background:#42B49D;color:#ffffff}
.sec_04 .title_box .sub {color:rgba(255,255,255,.3)}
.sec_04 .title_box p {max-width:730px;color:#ffffff}

.sec_06 {background:#343434;color:#ffffff}
.sec_06 .title_box .sub {color:#ffffff}
.sec_06 .title_box p {max-width:730px;color:#ffffff}
.sec_banner .flex {display:flex}
.sec_banner .flex > img {display:block;width:50%}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    .bx_pf .sec_info .title_box,
    .txt_info .title_box.side {text-align:left;align-items:flex-start}
    .bx_pf .sec_info .info,
    .txt_info .title_box.side {align-items:flex-start}
    .sec_hero .txt_wrap .logo {max-width:198px}

    .sec_banner .flex {display:block}
    .sec_banner .flex > img {width:100%}
}