/*Content CSS*/
#research2{overflow: hidden;}
section > article{padding: 90px 0 110px;}
section > article:nth-of-type(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.sub_inner h3{border-bottom: solid 1px #ddd; padding-bottom: 45px; margin-bottom: 50px;}
.fs_60{font-family: 'Gothic A1', sans-serif; font-size: 60px; font-weight: 700; line-height: 1;}
.fs_38{font-family: 'Gothic A1', sans-serif; font-size: 38px; font-weight: 700;}
.fs_18{font-family: 'Gothic A1', sans-serif; font-size: 18px; font-weight: 300; color: #555; line-height: 33px;}
.bar{position: relative; padding-left: 16px;}
.bar::before{content: ''; display: block; width: 3px; height: 28px; background-color: #1f255d; position: absolute; left: 0; top: 10px;}

.flex{display: flex; align-items: center; margin-top: 45px;}
.flex .img{border: solid 1px #ddd; padding: 10px 10px; text-align: center; width: calc(50% - 90px); max-width: 560px; margin-right: 54px; background-color: #fff; flex-shrink: 0; overflow: hidden;}
.flex .img img{transition: .3s;}
.flex .img:hover img{transform: scale(1.1);}
.flex > p{flex-grow: 1;}

@media screen and (max-width: 1400px) {

    br:not(.space){display: none;}
    .flex{align-items: flex-start;}
    .flex .img{width: 40%; margin-right: 40px;}

}

@media screen and (max-width: 1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .fs_60{font-size: 40px; }
    .fs_38{font-size: 28px; line-height: 1.4;}
    .fs_18{font-size: 15px; line-height: 1.7;}
    .bar{padding-left: 10px;}
    .bar::before{height: 17px; top: 9px;}

    .sub_inner h3{padding-bottom: 30px; margin-bottom: 35px; text-align: center;}
    .flex{margin-top: 30px; display: block;}
    .flex .img{margin: 0 auto; max-width: initial; width: 100%;}
    .flex > p{margin-top: 20px;}




}

@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}
    .fs_60{font-size: 35px; }
    .fs_38{font-size: 23px;}
    .fs_18{font-size: 14px; }
    .bar::before{top: 8px;}

    .sub_inner h3{padding-bottom: 20px; margin-bottom: 25px;}
    .flex{margin-top: 20px;}
    .flex > p{margin-top: 15px;}


}