@charset "utf-8";

:root {
    --primary: #E5DCD3;
}

.sec_hero .txt_wrap {width:fit-content;transform:none;top:50px !important;right:0;left:auto}
.sec_hero .txt_wrap img {max-width:358px}

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

.sec_04 {background:#000000;color:#ffffff}
.sec_04 .title_box .sub {color:#BEA679}
.sec_04 .title_box p {color:#ffffff;margin:0}

.sec_06 {background:#EEEEEE}
.sec_06 .title_box .sub {color:#22272D}
.sec_06 .title_box p {margin:0;max-width:760px}

.sec_07 {display:flex}
.sec_07 > div {width:50%}
.sec_07 .identity_box {flex-direction:column;}
.identity_box > div {height:100%}
.identity_box > div img {max-width:447px}
.identity_box .item_01 {background:#FFFFFF;}
.identity_box .item_02 {background:#070103;}


@media (hover: hover) {}

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


@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;}

    .sec_hero .txt_wrap {width:100%;top:50% !important;transform:translateY(-50%)}

    .identity_box > div {height:200px}
    .identity_box > div img {max-width:194px}

    .title_box {margin-bottom:24px}

    .sec_07 {display:block}
    .sec_07 > div {width:100%}
}