@charset "UTF-8";

@media all and (max-width:280px){
        
    .ceo-intro .ceo-intro-text{width: 95%}
    .ceo-area{width: 80%;margin: 0 auto}

}
@media all and (min-width:280px) and (max-width:479px){

    .ceo-intro .ceo-intro-text{width: 95%}
    .ceo-area{width: 80%;margin: 0 auto}

}
@media all and (min-width:480px) and (max-width:767px){

    .ceo-intro .ceo-intro-text{width: 90%}
    .ceo-area{overflow: hidden;width: 480px}
    .ceo-area .ceo-image{float: left;width: 35%}
    .ceo-area .ceo-text{float: left;width: 56%;margin: 0 0 0 4%}

}
@media all and (min-width:768px) and (max-width:910px){

    .ceo-intro .ceo-intro-text{width: 80%}
    .ceo-area{overflow: hidden;width: 600px}
    .ceo-area .ceo-image{float: left;width: 40%}
    .ceo-area .ceo-text{float: left;width: 45%;margin: 0 0 0 5%}

}
@media all and (min-width:911px) and (max-width:1279px){

    .ceo-intro .ceo-intro-text{width: 100%}
    .ceo-area{overflow: hidden;width: 600px}
    .ceo-area .ceo-image{float: left;width: 40%}
    .ceo-area .ceo-text{float: left;width: 45%;margin: 0 0 0 5%}

}
@media all and (min-width:1280px){

    .ceo-intro .ceo-intro-text{width: 666px}
    .ceo-area{overflow: hidden;width: 600px}
    .ceo-area .ceo-image{float: left;width: 40%}
    .ceo-area .ceo-text{float: left;width: 45%;margin: 0 0 0 5%}

}

.ceo-intro .ceo-intro-text{text-align: left;margin: 0 auto;text-align: justify}
.ceo-intro p span{display: block;margin: 0 0 0 0;line-height: 26px;font-size: 16px;color: #555;letter-spacing: -0.4px}

.ceo-name{font-family: 'Daughter_handwriting';font-size: 40px !important}

.ceo-area{border-top:1px solid #ccc;margin: 70px auto 100px auto;border-bottom:1px solid #ccc}
.ceo-area .ceo-image img{width: 100%}

.ceo-area .ceo-text ul{padding: 10px 0}
.ceo-area .ceo-text ul li{padding: 5px 0}

.ceo-name-area{text-align: center !important;margin: 50px 0 0 0}
.ceo-name-area span{margin: 0 0 10px 0;display: inline-block}