/*Content CSS*/
#business{overflow: hidden;}

section > article{padding: 70px 0 100px;}
section > article:nth-child(even){background-color: #f7f7f7;}

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

/* fontstyle */
h2.sub_title::before{content: ''; display: inline-block; width: 5px; height: 45px; background-color: #18578f; margin-right: 15px; position: relative; top: 2px;}
.fs_55{font-family: 'SCoreDream'; font-size: 55px; font-weight: 700;}
.fs_20{font-family: 'SCoreDream'; font-size: 20px; font-weight: 700;}
.fs_18{font-size: 18px; font-weight: 300; color: #333;}
.dot{position: relative; padding-left: 12px;}
.dot::before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.arrow{position: relative; padding-left: 28px;}
.arrow::before{content: ''; display: inline-block; width: 11px; height: 15px; position: absolute; top: 7px; left: 0; background: url('../img/b_arrow.png') 50% / cover no-repeat;}

#business .flex{display: flex; justify-content: space-between; margin-top: 50px;}
.bus_list{flex-grow: 1; margin-left: 65px; border-top: solid 2px #000;}
.bus_list li{display: flex; align-items: flex-start; border-bottom: solid 1px #ddd; padding: 24px 0;}
.bus_list li p:first-of-type{min-width: 141px;}
@media screen and (max-width:1400px) {
    .bus_list{margin-left: 40px;}
    .fs_20{font-size: 19px;}
    .bus_list li p:first-of-type{min-width: 130px;}
    .fs_18{font-size: 17px;}

}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    h2.sub_title::before{height: 31px;}
    .fs_55{font-size: 35px;}
    .fs_20{font-size: 18px;}
    .fs_18{font-size: 15px; line-height: 1.65;}
    #business .flex{margin-top: 30px;}
    #business .flex .img{width: 50%; min-width: 375px;}
    .arrow::before{background-size: 8px;}
    .bus_list{margin-left: 25px;}
    .bus_list li{padding: 15px 0;}
    .bus_list li p:first-of-type{min-width: 125px;}

}

@media screen and (max-width: 768px) {
    #business .flex{flex-wrap: wrap;}
    #business .flex .img, #business .flex .img img{width: 100%; min-width: initial;}
    .bus_list{margin-left: 0; margin-top: 30px;}

}


@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}
    h2.sub_title::before{height: 25px;}
    .fs_55{font-size: 27px;}
    .fs_20{font-size: 16px;}
    .fs_18{font-size: 14px;}



}