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

.gra_01 {background:linear-gradient(120deg, #00C6DA, #0053F9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sec_hero .txt_wrap .logo {max-width:560px}

.txt_info {padding:150px 0}
.txt_info .title_box .sub {color:#A0A0A0}

.sec_system .color {display:flex}
.sec_system .color .item {flex:1;height:390px}
.sec_system .color .item_01 {background:linear-gradient(125deg, #00C6DA, #0053F9)}
.sec_system .color .item_02 {background:#00C6DA}
.sec_system .color .item_03 {background:#0053F9}
.sec_system .logo {display:flex}
.sec_system .logo > div {width:50%}
.sec_system .logo .img_wrap img {width:100%}
.sec_system .logo .left {display:flex;flex-direction:column}
.sec_system .logo .left > div {flex:1;display:flex;align-items:center;justify-content:center;padding:20px}
.sec_system .logo .left > div img {width:40%;max-width:240px;min-width:80px}
.sec_system .logo .left > .black {background:#06091A}

.sec_07 {background:#06091A;padding:100px 20px;text-align:center}
.sec_07 img {width:50%;max-width:392px;min-width:140px}


@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}
    .txt_info {padding:120px 0}
    .sec_system .color .item {height:270px}
    .sec_07 {padding:70px 20px}
}

@media all and (max-width: 1023px) {
    .sec_info .wrapper {align-items:flex-start;}
    .bx_pf .sec_info .title_box {text-align:left;align-items:flex-start;}
    .bx_pf .sec_info .info {align-items:flex-start;}
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    .txt_info {padding:80px 0}
    .txt_info .title_box.side {align-items:flex-start;text-align:left}
    .sec_system .color {display:block;}
    .sec_system .color .item {height:150px}
    .sec_system .logo {flex-direction:column;}
    .sec_system .logo > div {width:100%;}
    .sec_system .logo .left > div {height:200px;flex:none}
    .sec_system .logo .left > div img {max-width:80px}
    .sec_07 {padding:40px 20px}
}