/*Content CSS*/
#greetings {overflow: hidden;}
section > article{padding: 100px 0;}
section > article:last-child{padding-top: 0;}
/* section > article:nth-child(even){background-color: #f7f7f7} */
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #111; line-height: 1;}
.fs_36{font-size: 36px; font-weight: 500; color: #1d1d1f; line-height: 62px;}
.fs_36 b{font-weight: 700; color: #0075f7;}
.fs_24{font-size: 24px; font-weight: 700; color: #111;}
.fs_19{font-size: 19px; font-weight: 300; color: #1d1d1f; line-height: 1.7;}
.fs_17{font-size: 17px;}

/* sec1 */
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block;}
.flex_wrap{display: flex; margin-top: 50px;}
.flex_wrap h4{width: 50%;}
.flex_wrap .text{width: 50%; margin-left: 40px; padding: 10px 0 10px 35px; border-left: solid 1px #ddd; }
.flex_wrap .text p + p{margin-top: 25px;}
.sign{display: flex; justify-content: flex-end; align-items: flex-end;; margin-top: 40px}
.sign span{display: block; margin-right: 15px;}

/* sec2 */
.sm_flex{display: flex; align-items: center; justify-content: space-between;}
.tab_list{display: flex;}
.tab_list li + li{margin-left: 9px;}
.tab_list li a{display: flex; align-items: center; justify-content: center; width: 70px; height: 34px; background-color: #ddd; color: #fff; font-size:18px; font-weight: 600; border-radius: 17px; transition: .3s; cursor: pointer;}
.tab_list li a.active{background-color: #00a4e1;}
.tab{display: none;  border: solid 10px #f9f9f9; margin-top: 17px; background: #fff; text-align: center; padding: 130px 20px; position: relative; z-index: 2;}
.tab::before{content: ''; display: block; width: 100%; height: 100%; background: url('../img/box_bg.png'); position: absolute; top: 0; left: 0; z-index: -1;}
.tab.active{display: block;}

@media screen and (max-width:1400px) {
    #greetings br:not(.space){display: none;}
    .fs_50{font-size: 45px;}
    .fs_36{font-size: 34px; line-height: 1.5;}
    .fs_24{font-size: 22px;}
    .fs_19{font-size: 18px;}
    .fs_17{font-size: 16px;}
    .tit span{margin-bottom: 10px}

    .flex_wrap{display: flex; margin-top: 40px; }
    .flex_wrap .text{margin-left: 30px; padding: 0 0 0 30px;}
    .flex_wrap .text p + p{margin-top: 15px;}

    .sign{margin-top: 30px}
    .sign span{margin-right: 10px;}

}

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

}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    .fs_50{font-size: 40px;}
    .fs_36{font-size: 30px; line-height: 1.4;}
    .fs_24{font-size: 20px;}
    .fs_19{font-size: 17px;}
    .fs_17{font-size: 15px;}
    .sec1{text-align: center;}
    .flex_wrap{display: block; margin-top: 30px; }
    .flex_wrap h4{width: 100%;}
    .flex_wrap .text{width: 100%;margin-left: 0; margin-top: 25px; padding: 25px 0 0 0; border-left: 0; border-top: solid 1px #ddd;}
    .flex_wrap .text p + p{margin-top: 10px;}

    .sign{justify-content: center;}
    .sign span{margin-right: 7px;}

    .tab_list li + li{margin-left: 7px;}
    .tab_list li a{width: 65px; height: 30px; font-size:16px;}
    .tab{padding: 50px 20px;}

}

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

}

@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 35px;}
    .fs_36{font-size: 25px; line-height: 1.4;}
    .fs_24{font-size: 19px;}
    .fs_19{font-size: 16px;}
    .fs_17{font-size: 14px;}
    .sign img{width: 75px;}
    .flex_wrap .text{margin-top: 20px; padding-top: 20px;}
    .tab{padding: 30px 15px;}


}