/* content css */
#system3 {position:relative; overflow:hidden;}
#system3 article {margin:0 auto; position:relative; z-index:3;}
#system3 article:nth-child(odd)::before {content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:#f7f7f7; z-index:-1;}
#system3 .sub_inner {width:100%; max-width:1600px; padding:0 50px; margin:0 auto; box-sizing:border-box;}

/* font_size */
.fs_40 {font-size: 40px; font-weight: 700; line-height: 1;}
.fs_30 {font-size: 30px; font-weight: 700; line-height: 1.1;}
.fs_20 {font-size: 20px; font-weight: 400; line-height: 1.65; color: #333;}

/* contact_wrap */
#system3 .contact_wrap {padding: 78px 0 120px;}
#system3 .contact_wrap h4 {padding-left: 18px; position: relative; margin-bottom: 55px;}
#system3 .contact_wrap h4::before {position: absolute; content: ''; width: 5px; height: 35px; background-color: #e90818; top: 4px; left: 0;}

/* contact_list */
#system3 .contact_list {display: flex; justify-content: space-between; gap: 30px;}
#system3 .contact_list li {flex: 1; background-color: #fff; border-radius: 10px; padding: 44px 50px 40px;}
#system3 .contact_list li i {transition:transform 0.3s ease;}
#system3 .contact_list li:hover i {transform:scaleX(-1);}
#system3 .contact_list li .top {display: flex; justify-content: space-between; align-items: center; padding-bottom: 31px; margin-bottom: 26px; border-bottom: 1px solid #ddd;}