/*Content CSS*/
#greetings {overflow: hidden;}
section > article{padding: 100px 0;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
.fs_70{font-size: 70px; font-weight: 700; color:#000; letter-spacing: -.7px; font-family: 'Play'; text-align: center;}
.fs_70::before{content: ''; display: block; width: 50px; height: 8px; background-color: #dc0f21; margin: 0 auto 20px;}
.fs_40{font-size: 40px; font-weight: 300; line-height: 1.65;}
.fs_40 b{font-weight: 700;}
.fs_40 span{color: #dc0f21;}
.fs_24{font-size: 24px; font-weight: 700;}
.fs_22{font-size: 22px; font-weight: 300; color: #333; line-height: 40px}


#greetings .bg{width: 100%; height: 450px; background: url('../img/gree_bg1.jpg') 50% / cover no-repeat; margin-top: 58px;}
#greetings .text{text-align: center; border: solid 1px #ddd; width: 100%; padding: 100px 0; position: relative; background-color: #fff; margin-top: -200px;}
#greetings .text::before{content: ''; display: block; width: 112px; height: 83px; background: url('../img/gree_quo1.png') 50% / cover no-repeat; position: absolute; top: -50px; left: 70px;}
#greetings .text::after{content: ''; display: block; width: 112px; height: 83px; background: url('../img/gree_quo2.png') 50% / cover no-repeat; position: absolute; bottom: -50px; right: 70px;}
#greetings .text p{margin: 40px 0 70px;}

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

}

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

}

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

}

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

}

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

}

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


}

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