/*Content CSS*/
#members1{overflow: hidden;}
section > article{padding: 85px 0 100px;}
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_33{font-family: 'Gothic A1', sans-serif; font-size: 33px; font-weight: 700;}
.fs_31{font-family: 'Gothic A1', sans-serif; font-size: 31px; font-weight: 700;}
.fs_25{font-family: 'Gothic A1', sans-serif; font-size: 25px; font-weight: 700;}
.fs_20{font-family: 'Gothic A1', sans-serif; font-size: 20px; font-weight: 700; }
.fs_18{font-family: 'Gothic A1', sans-serif; font-size: 18px; color: #555; line-height: 30px;}
.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; }
.flex .img{border: solid 1px #ddd; overflow: hidden; margin-right: 70px; flex-shrink: 0;}
.flex .img img{transition: .3s;}
.flex .img:hover img{transform: scale(1.1);}
.flex > p{flex-grow: 1;}

.prof_list{margin-top: 45px;}
.prof_list li{display: flex; align-items: baseline; margin-bottom:25px;}
.prof_list li:last-child{margin-bottom: 0;}
.prof_list i{font-family: 'Gothic A1', sans-serif; font-size: 23px; color: #1f255d;}
.prof_list h5{min-width: 60px; margin: 0 26px 0 20px;}
.prof_list span{position: relative; padding-left: 45px; }
.prof_list span::before{content: ''; display: block; width: 20px; height: 20px; background: url('../img/cir.png') 50% / cover no-repeat; position: absolute; left: 0; top: 5px;}

.sec1 .fs_18{font-family: 'Gothic A1', sans-serif; font-weight: 300;}
.flex2{display: flex; align-items: baseline;}
.flex2 > h4{min-width: 400px;}

.his_list{position: relative;}
.his_list::before{content: ''; display: block; width: 2px; height: 83%; background-color: #b2b3bf; opacity: .55; position: absolute; top: 10px; left: 7px;}
.his_list li{position: relative; padding-left: 55px; display: flex; align-items: center; margin-bottom: 42px;}
.his_list li:last-child{margin-bottom: 0;}
.his_list li::before{content: ''; display: block; width: 17px; height: 17px; border-radius: 50%; background-color: #f7f7f7; box-shadow: 0 0 11.8px 0.2px rgba(31, 37, 93, 0.54); position: absolute; top: 10px; left: 0;}
.his_list li h4{min-width: 75px; margin-right: 40px;}


.num_list{}
.num_list li{display: flex; border-top: solid 1px #ddd; padding: 45px 0;}
.num_list li:first-child{border-top: 0; padding-top: 0;}
.num_list li:last-child{padding-bottom: 0;}
.num_list li .num{font-family: 'Gothic A1', sans-serif; font-weight: 800; color: #1f255d; min-width: 32px; margin-right: 25px;}
.num_list li .num::after{content: ''; display: block; width: 32px; height: 2px; background-color: #1f255d;}
.num_list li p{margin-top: 17px;}

.exper{padding-left: 55px; position: relative;}
.exper::before{content: ''; display: block; top: 5px; left: 0; background: url('../img/arrow.png') 50% / cover no-repeat; width: 36px; height: 22px; position: absolute;}
.dot_list{margin-top: 22px;}
.dot_list li{margin-bottom: 14px; position: relative; padding-left: 13px;}
.dot_list li::before{content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; top: 12px; left: 0; position: absolute; background-color: #555;}
.dot_list li:last-child{margin-bottom: 0;}

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

     #members1 br{display: none;}




}

@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: 26px; line-height: 1.4;}
    .fs_33{font-size: 25px;}
    .fs_31{font-size: 23px;}
    .fs_25{font-size: 20px;}
    .fs_20{font-size: 17px;}
    .fs_18{font-size: 15px; line-height: 1.7;}
    .bar{padding-left: 10px;}
    .bar::before{height: 17px; top: 9px;}
    .prof_list i{font-size: 19px;}

    .sub_inner h3{padding-bottom: 30px; margin-bottom: 35px; text-align: center;}

    .flex2{display: block;}
    .flex2 > h4{min-width: 0;}

    .flex .img{margin-right: 40px;}
    .prof_list{margin-top: 30px;}
    .prof_list li{margin-bottom: 15px;}
    .prof_list h5{margin: 0 15px;}

    .his_list{margin-top: 25px;}
    .his_list li{margin-bottom: 20px; padding-left: 40px;}
    .his_list li::before{top: 7px;}
    .his_list li h4{min-width: 55px; margin-right: 20px;}

    .num_list{margin-top: 30px;}
    .num_list li{padding: 25px 0;}
    .num_list li .num{min-width: 27px; margin-right: 15px;}
    .num_list li .num::after{width: 27px;}
    .num_list li p{margin-top: 10px;}

    .exper{padding-left: 40px; margin-top: 25px;}
    .exper::before{width: 25px; height: 15px;}
    .dot_list{margin-top: 15px;}
    .dot_list li{margin-bottom: 7px;}
    .dot_list li::before{top: 9px;}




}
@media screen and (max-width: 900px) {
    .flex{display: block;}
    .flex .img{max-width: 330px; margin: 0 auto;}
    .profile{margin-top: 30px;}
    .prof_list{margin-top: 20px;}
    .prof_list li{margin-bottom: 10px;}

}
@media screen and (max-width: 640px) {
    section > article{padding: 40px 0;}
    .sub_inner{padding: 0 20px;}
    .fs_60{font-size: 35px; }
    .fs_38{font-size: 23px;}
    .fs_33{font-size: 20px;}
    .fs_31{font-size: 19px;}
    .fs_25{font-size: 17px;}
    .fs_20{font-size: 16px;}
    .fs_18{font-size: 13px; }
    .bar::before{top: 8px;}

    .sub_inner h3{padding-bottom: 20px; margin-bottom: 25px;}
    .his_list{margin-top: 20px;}
    .his_list::before{left: 5px;}
    .his_list li::before{width: 13px; height: 13px; top: 9px;}
    .his_list li{padding-left: 30px; margin-bottom: 10px;}
    .prof_list span::before{width: 15px; height: 15px;}

    .prof_list li{align-items: flex-start;}
    .prof_list span{padding-left: 30px;}
    .prof_list h5{min-width: 48px; margin: 0 10px;}
    .num_list{margin-top: 20px;}
    .num_list li .num::after{width: 25px;}
    .num_list li{padding: 15px 0;}
    .exper{padding-left: 0;}
    .exper h5{padding-left: 40px;}

    .dot_list li::before{top: 9px;}


}