@media(max-width:750px){

    
}



/* ---------------------------------------------------------------------------------
staff Voice*/

.pageContInner.voice{}

.oneStaff h3{
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    color: #fff;
    padding: 10px;
    font-size: 22px;
    text-align: center;
    transform: skewX(-30deg);
    margin-bottom: 50px;
}
.oneStaff h3 span{
    display: inline-block;
    transform: skewX(30deg); 
}


.photoProfArea{ width: 25%; float: left;position: relative; left: 20px; margin-bottom: 50px;padding-top: 70px;}
.profHistoryArea{ width: 70%; float: right;padding-top:70px; position:relative;}
.charm{ clear: both;}


@media(max-width:750px){

    .oneStaff h3{font-size: 30px;transform: skewX(-20deg); margin-bottom: 0;
        line-height: 1.5em;}
    .oneStaff h3 span{transform: skewX(20deg); 
    }
    .photoProfArea{ width: auto;margin: 0 auto; float: none;left: 0; margin-bottom: 50px;}
    .profHistoryArea{ width: auto; float: none;padding-top: 100px;}
    
}



.photoArea{ position: relative; }

.NameArea{
    background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);

    width: 110px;height: 110px;
    color: #fff;
    border-radius: 50%;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;

     position:absolute; left: -30px; top: -30px;

}



.busho{ line-height: 1.3em; font-size: 14px;font-family: "Hind Madurai", sans-serif; margin-bottom: -0.4em !important;padding-bottom: 0;}
.Name{ font-weight: 900;margin-bottom: -8px !important; font-size: 22px;}
.profImage{ margin-bottom: 20px;}

@media(max-width:750px){
.NameArea{width: 220px;height: 220px;
    left: -10px; top: 0;}
.busho{ font-size: 28px;}
.Name{ font-size: 38px;}
.profImage{ width: 70%; margin: 0 auto;}
}



.profTxtArea{}
.profTxtArea h4{color:#b29967;font-size:18px;padding:0.8em 0 0.8em 30px;margin-bottom: 0.6em; border-bottom:1px solid #ddd;
background: url(/common/images/career/icon_prof.png) no-repeat left center;
background-size: 20px;}


.profTxtArea p{font-size: 14px;}


@media(max-width:750px){

    .profTxtArea{margin-top: 30px;}
    .profTxtArea h4{font-size:36px;padding:0.8em 0 0.8em 60px;margin-bottom: 0.6em; border-bottom:1px solid #ddd;border-top:1px solid #bbb;
    background-size: 45px;}
    
    
    .profTxtArea p{font-size: 26px; padding-bottom: 10px;}
    
    
}






.profHistoryArea{
    background: url(/common/images/career/profGrad.png) no-repeat left top;
    background-size: 100px 100%;
    padding-left: 100px;
    margin-bottom: 30px;
    position: relative;
}
.profHistoryArea .arrow{ width: 20px; position: absolute; left: 40px ;top:-30px;}

@media(max-width:750px){

    .profHistoryArea{
        background: url(/common/images/career/profGrad.png) no-repeat left top;
        background-size: 140px 100%;
        padding-left: 100px;
        margin-bottom: 30px;
    }
    
.profHistoryArea .arrow{ width: 30px; position: absolute; left: 56px ;top:-40px;}
}


.profHistoryArea .article{ position:relative;}

.dayCcl{ background: #e1e1e1;border-radius: 50%; width: 100px; height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
text-align: center;
font-weight: bold;
    position: absolute;
top: -27px;
left: -100px;
z-index: 3;
}



.dayCcl:after{
content: " ";
position:absolute;
bottom: 25px;
background-image: -moz-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
background-image: -webkit-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
background-image: -ms-linear-gradient( 0deg, rgba(128,0,63,0.99608) 0%, rgb(192,4,99) 71%, rgb(202,0,100) 100%);
height:2px;width: 30px;
display: inline-block;
}



.dayCcl >.inner{}

.dayCcl .icon{ background: #b29967; color: #fff; padding: 5px 10px; line-height: 1em; position:absolute; top: -10px;border-radius: 5px;font-weight: bold;}

.dayCcl .icon.zen{ background: #6f83ae;}

.dayCcl .date{margin-bottom: 0 !important; padding-bottom: 0 !important;}


@media(max-width:750px){

    .dayCcl{  width: 140px; height: 140px;
    top: -27px;
    left: -100px;
    font-size: 26px;
    }
    .dayCcl .icon{ padding: 5px 10px 10px 10px; line-height: 1em; position:absolute; top: -10px;border-radius: 5px;font-weight: bold;font-size: 28px;}
    
    
.dayCcl:after{
    bottom: 30px;width: 50px;
    }
    
}





.profHistoryArea article header{ position: relative;}
.profHistoryArea article header h4{
    line-height: 1.1em;
    display: block;
    position:relative;
    left: -10px;
    height: 50px;
    padding-left: 20px;
    background-image: -moz-linear-gradient( 0deg, rgba(225,225,225,0.99608) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgba(225,225,225,0.99608) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 0deg, rgba(225,225,225,0.99608) 0%, rgb(255,255,255) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.profHistoryArea article h5{color: #c50465;padding: 15px 0 10px 20px;font-size: 16px; font-weight: bold;}
.profHistoryArea article p.maintxt{padding-left: 20px;line-height: 1.7em; margin-bottom: 30px;font-size: 14px;}

@media(max-width:750px){
    .profHistoryArea article header h4{
        left: -10px;
        height: 90px;
        padding-left: 55px;
        font-size: 28px;
    }
    .profHistoryArea article header{padding-top: 0px;}

    .profHistoryArea article h5{padding: 15px 0 10px 45px;font-size: 28px; font-weight: bold;line-height: 1.5em;}
    .profHistoryArea article p.maintxt{padding-left: 45px;line-height: 1.7em; margin-bottom: 30px;font-size: 24px;}
    
}







.charm{ border: 1px solid #ccc;border-radius: 10px; padding: 40px 40px 10px 40px;margin:0 0 100px 20px;}
.charm .titlePhotoArea{ width: 30%; float: left;}
.charm dl{ width: 65%; float: right;}

.charm .titlePhotoArea h4{padding: 7px 0 20px 40px;font-size: 20px;
background: url(/common/images/career/icon_charm.png) no-repeat left top;
background-size:35px;}

.charm .titlePhotoArea img{border-radius: 10px;}

.charm dl{ padding-top: 10px;}
.charm dl dt{display: block;
font-weight: bold; margin-bottom: 10px;padding-left: 40px;}
.charm dl dd{margin-bottom: 30px; padding-left: 40px; font-size: 14px;}



@media(max-width:750px){
    .charm{  padding: 50px 50px 20px 50px;margin:0 0 50px 0;}
    .charm .titlePhotoArea{ width: auto; float: none; margin-bottom: 50px;}
    .charm dl{ width: auto; float: none;}

    .charm .titlePhotoArea h4{padding:15px 0 20px 70px;font-size: 30px;
        background-size:55px;}
    
.charm dl dt{display: block;
font-weight: bold; margin-bottom: 20px;padding-left: 60px;font-size: 30px;}
.charm dl dd{margin-bottom: 50px; padding-left: 60px; font-size: 24px;line-height: 1.8em;}
}


.icon01{background:url(/common/images/icon/icon01.png) no-repeat left top;background-size: 25px 25px;  }
.icon02{background:url(/common/images/icon/icon02.png) no-repeat left top;background-size: 25px 25px;  }
.icon03{background:url(/common/images/icon/icon03.png) no-repeat left top;background-size: 25px 25px;  }
.icon04{background:url(/common/images/icon/icon04.png) no-repeat left top;background-size: 25px 25px;  }
.icon05{background:url(/common/images/icon/icon05.png) no-repeat left top;background-size: 25px 25px;  }
.icon06{background:url(/common/images/icon/icon06.png) no-repeat left top;background-size: 25px 25px;  }
.icon07{background:url(/common/images/icon/icon07.png) no-repeat left top;background-size: 25px 25px;  }
.icon08{background:url(/common/images/icon/icon08.png) no-repeat left top;background-size: 25px 25px;  }
.icon09{background:url(/common/images/icon/icon09.png) no-repeat left top;background-size: 25px 25px;  }




@media(max-width:750px){

    .icon01{background:url(/common/images/icon/icon01.png) no-repeat left top;background-size: 35px 35px;  }
    .icon02{background:url(/common/images/icon/icon02.png) no-repeat left top;background-size: 35px 35px;  }
    .icon03{background:url(/common/images/icon/icon03.png) no-repeat left top;background-size: 35px 35px;  }
    .icon04{background:url(/common/images/icon/icon04.png) no-repeat left top;background-size: 35px 35px;  }
    .icon05{background:url(/common/images/icon/icon05.png) no-repeat left top;background-size: 35px 35px;  }
    .icon06{background:url(/common/images/icon/icon06.png) no-repeat left top;background-size: 35px 35px;  }
    .icon07{background:url(/common/images/icon/icon07.png) no-repeat left top;background-size: 35px 35px;  }
    .icon08{background:url(/common/images/icon/icon08.png) no-repeat left top;background-size: 35px 35px;  }
    .icon09{background:url(/common/images/icon/icon09.png) no-repeat left top;background-size: 35px 35px;  }
    

}