@charset 'utf-8';

@media all and (max-width:767px){
    .ceo-profile > div{width: 95%}
    .ceo-profile p:nth-child(2){margin: 70px 0 20px 0}
    .ceo-area .ceo-textarea .ceo-textbox{width: 90%}
}

@media all and (min-width:768px) and (max-width:1279px){
    .ceo-profile > div{width: 95%}
    .ceo-profile p:nth-child(2){margin: 70px 0 20px 0}
    .ceo-area .ceo-textarea .ceo-textbox{width: 90%}
}

@media all and (min-width:1280px){
    .ceo-profile > div{width: 1280px}
    .ceo-profile .ceo-text{margin: 150px 50px 0 0}
    .ceo-profile .ceo-text span{margin: 0 0 10px 0}
}  

.nav-box ul li:nth-child(2){border-bottom: 2px solid #668ab0}
.nav-subbox ul li:nth-child(1){border-bottom: 2px solid #668ab0}

/*ceo*/

.ceo-profile{overflow: hidden;margin: 0 auto 50px auto;background: linear-gradient(#505962, #afb2bb);}
.ceo-profile > div{margin: 0 auto}
.ceo-profile p{float: left;}
.ceo-profile p span{color: #fff;display: block;font-size: 1.2em;font-weight: 700}

.ceo-profile .ceo-text span img{width: 300px}

.ceo-area .ceo-textarea{background: #e9e9e9;padding: 100px 0}
.ceo-area .ceo-textarea .ceo-textbox{margin: 0 auto}
.ceo-area .ceo-textarea .ceo-textbox .ceo-text{
    padding: 20px 0;
    text-align: center;
    letter-spacing: -0.4px;
    line-height: 35px;
}
.ceo-area .ceo-textarea .ceo-textbox .ceo-text em{font-weight: 700}
.ceo-area .ceo-textarea .ceo-textbox p:last-child{transform: rotate(180deg)}

.ceo-text span{display: block;font-size: 1.3em}