/* common */
#business4 {width: 100%; overflow: hidden; position: relative;}
#business4 > article {padding: 90px 0 110px;}
#business4 > article:first-of-type{padding-top: 0;}
#business4 > article:last-of-type{padding-bottom: 120px;}
#business4 > article:nth-of-type(even){position: relative; z-index: 2;}
#business4 > article:nth-of-type(even)::before{content: ''; display: block; width: calc(100% - 50px); height: 100%; max-width: 1870px; background-color: #f7f7f7; border-radius: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}

#business4 .sub_inner {width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#business4 .fs_65{font-size: 65px; line-height: 1; letter-spacing: -1.3px;}
#business4 .fs_45{font-size: 45px; line-height: 1.4; letter-spacing: -.9px;}
#business4 .fs_30{font-size: 30px; line-height: 1.3; letter-spacing: -.6px;}
#business4 .fs_25{font-size: 25px; line-height: 1.6; letter-spacing: -.5px;}
#business4 .fs_20{font-size: 20px; line-height: 1.8; letter-spacing: -.4px; color: #333;}
#business4 .fs_18{font-size: 18px; line-height: 1.7; letter-spacing: -.36px;}
#business4 .fs_16{font-size: 16px; line-height: 1.7; letter-spacing: -.32px;}
#business4 .fs_15{font-size: 15px; line-height: 1.7;}

/* tit */
#business4 .tit{padding: 88px 0 54px;}
#business4 .tit h3{font-weight: 700;}

/* bar_tit */
#business4 .bar_tit{font-weight: 700; position: relative; padding-left: 21px;}
#business4 .bar_tit::before{content: ''; display: block; width: 5px; height: 80%; max-height: 40px; background-color: #16346d; position: absolute; left: 0; top: 10px;}


/* ck_text */
#business4 .ck_text{display: flex; align-items: baseline; padding: 32px 40px; border-radius: 20px; background-color: #f7f7f7; margin-top: 60px;}
#business4 .ck_text i{display: block; flex-shrink: 0; margin-right: 17px; position: relative; top: 5px; width: 26px; aspect-ratio: 26 / 23; background: url('../img/ck_icon.png') 50% / cover no-repeat;}

/* img */
#business4 .img{overflow: hidden; border-radius: 20px;}
#business4 .img img{width: 100%; height: 100%; object-fit: cover; transition: .3s;}
#business4 .img:hover img{transform: scale(1.1);}

/* dot_list */
#business4 .dot_list{margin-top: 38px;}
#business4 .dot_list li{display: flex; align-items: baseline; padding: 27px 0; border-bottom: solid 1px #ddd;}
#business4 .dot_list li:first-child{border-top: solid 1px #000;}
#business4 .dot_list li::before{content: ''; display: block; width: 7px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #16346d; position: relative; top: -4px; flex-shrink: 0; margin-right: 13px; }

/* icon_list */
#business4 .icon_list{display: flex; align-items: stretch; gap: 20px; margin-top: 50px;}
#business4 .icon_list li{flex: 1; display: flex; align-items: center; padding: 39px 41px; gap: 32px; border-radius: 20px; background-color: #f7f7f7; }
#business4 .icon_list li i{display: flex; align-items: center; justify-content: center; width: 120px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff; flex-shrink: 0;}
#business4 .icon_list li i img{transition: .5s;}
#business4 .icon_list li:hover i img{transform: rotateY(180deg);}
#business4 .icon_list li .text > *{display: block;}
#business4 .icon_list li .text strong{margin-bottom: 8px;}

/* flex_wrap */
#business4 .flex_wrap{display: flex;}
#business4 .flex_wrap .img{flex-shrink: 0;}
#business4 .flex_wrap .cont{flex-grow: 1;}

/* sec1 */
#business4 .sec1 .cont{margin-top: 99px;}

/* sec2 */
#business4 .sec2 .dot_list{flex-grow: 1; display: flex; flex-direction: column;}
#business4 .sec2 .dot_list li{flex-grow: 1;}
#business4 .sec2 .dot_list li::before{top: -6px;}
#business4 .sec2 .dot_list li .text{margin-left: 49px; position: relative; top: -3px;}
#business4 .sec2 .dot_list li .text span:nth-child(1){display: block; font-weight: 500; margin-bottom: 9px;}
#business4 .sec2 .dot_list li .text span:nth-child(2){line-height: 1.8;}

#business4 .sec2 .flex_wrap{gap: 60px; align-items: stretch;}
#business4 .sec2 .flex_wrap .cont{display: flex; flex-direction: column; justify-content: space-between;}

/* sec3 */
#business4 .sec3 .flex_wrap{gap: 50px;}
