@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

:root {
    --primary: #053EFB;
}
.sec_hero .txt_wrap .logo {max-width:730px}
.txt_info .title_box .sub {color:#BEA679}

.sec_03 {background:url('img/sec_03_bg.jpg') no-repeat center/cover;padding:395px 0}
.sec_03 .title_box {margin:0;color:#ffffff}
.sec_03 .title_box .tit {font-size:80px;font-weight:400;font-family:"Marcellus", serif;}
.sec_03 .title_box p {color:#ffffff;margin-top:40px}

.sec_04 {background:#000000;color:#ffffff}
.sec_04 .title_box p {color:#ffffff}

.sec_06 {position:relative}
.sec_06 .img_wrap {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;padding:0 20px}
.sec_06 .img_wrap img {max-width:300px;width:100%}

.sec_08 img {margin-top:-1px}

.identity_box .item_01 {background:#1B263B;}
.identity_box .item_01 .txt {color:#FFFFFF;}
.identity_box .item_02 {background:#F8F8F8;}
.identity_box .item_02 .txt {color:#B0B0B0;}


@media (hover: hover) {}

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

    .sec_03 {padding:220px 0}
    .sec_03 .title_box .tit {font-size:50px}
    .sec_03 .title_box p {margin-top:24px}
    .sec_06 .img_wrap img {max-width:200px}
}

@media all and (max-width: 1023px) {
}

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

    .sec_03 {padding:64px 0}
    .sec_03 .title_box .tit {font-size:24px}
    .sec_03 .title_box p {margin-top:8px}

    .sec_06 .img_wrap img {max-width:120px}
}