@charset "utf-8";
/* #pageBio */

/*-----------------------------------------
.secTop
-----------------------------------------*/
#pageBio .secTop{
}
#pageBio .secTop .topImage{
    padding:20px 0 30px 0;
}
#pageBio .secTop .txtTop{
    font-size:1.3em;
    font-weight: bold;
    line-height:160%;
}
#pageBio .secTop .boxWhy{
    padding:20px 0 40px 0;
}
#pageBio .secTop .imgWhy{
    padding:20px 0 0 0;
}
#pageBio .secTop .txtWhy{
    font-size:1.1em;
    line-height:160%;
    padding:20px 0 0 0;
}
#pageBio .secTop .boxQuestion{
    background:url(/shared/images/bgShaded.png) left top repeat;
    border-radius: 12px;
    padding:20px 30px 0 30px;
    margin-bottom:30px;
}
#pageBio .secTop .titQuestion{
    padding:0 0 20px 0;
}


@media only screen and (max-width:767px){
    #pageBio .secTop .boxQuestion{
        padding:10px 10px 0 10px;
    }
    #pageBio .secTop .txtTop{
        font-size:1.1em;
        font-weight: normal;
        padding-bottom:15px;
    }
}
@media print, screen and (min-width:768px){
    #pageBio .secTop .questionLeft{
        background:url(../images/lineQuestion.png) right top no-repeat;
    }
}

/*-----------------------------------------
.secMold
-----------------------------------------*/
#pageBio .secMold{
}
#pageBio .secMold .titMold{
    background:#00395c;
    padding:10px;
    font-size:1.9em;
    font-weight: bold;
    line-height:140%;
    color:#ffffff;
    letter-spacing:2px;
}
#pageBio .secMold .titMold .strong{
    color:#ffff00;
}
#pageBio .secMold .titleArrow{
    border-top: 15px solid #00395c;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: relative;
    width:0px;
    height:0px;
    left:3%;
    margin:0 0 10px 0;
}
#pageBio .secMold .boxMoldImage{
}
#pageBio .secMold .boxMoldImage .txtPhoto{
    text-align:center;
    font-size:1.3em;
    font-weight: bold;
    background:#b47f42;
    color:#ffffff;
    padding:10px;
}
#pageBio .secMold .boxMoldImage .txtInfo{
    background:#f6f6f6;
    font-size:1.1em;
    font-weight: bold;
    line-height:140%;
    text-align:center;
    padding:8px;
}
#pageBio .secMold .txtImageFlow{
    text-align:center;
    padding:30px 0 10px 0;
}
#pageBio .secMold .titSolution{
    text-align:center;
    color:#ffffff;
    font-size:2.4em;
    font-weight:bold;
    background:#00395c;
    line-height:120%;
    padding:10px 0;
}
#pageBio .secMold .titSolutionArrow{
    border-top: 15px solid #00395c;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: relative;
    width:0px;
    height:0px;
    left:0%;
    right:0%;
    margin:0 auto 10px auto;
}
#pageBio .secMold .boxSolution{
    background:#f6f6f6;
    margin:0 0 50px 0;
}
#pageBio .secMold .boxIn{
    width:90%;
    margin:0 auto;
}
#pageBio .secMold .subTitleArea{
    position: relative;
}
#pageBio .secMold .imgPerson{
    position:absolute;
    right:-30px;
    bottom:0px;
}

#pageBio .secMold .subTitle01{
    line-height:130%;
    font-weight: bold;
    color:#00395c;
}
#pageBio .secMold .subTitle01 .fontBig{
    font-size:1.6em;
    font-weight: bold;
    padding-bottom:20px;
    line-height:120%;
}
#pageBio .secMold .subTitle01 .strong{
    color:#d7000f;
}
#pageBio .secMold .subTitle02{
    line-height:130%;
    padding:10px 0 20px 0;
    font-weight: bold;
    color:#00395c;
}
#pageBio .secMold .subTitle02 .strong{
    color:#d7000f;
}

#pageBio .secMold .photoWrap{
}
#pageBio .secMold .areaPhoto{
}
#pageBio .secMold .areaPhoto .txtPhoto{
    text-align:center;
    padding:10px;
    background:#00395c;
    color:#ffffff;
    font-size:1.3em;
    line-height:120%;
}
#pageBio .secMold .areaPhoto .txtInfo{
    font-size: 1.1em;
    font-weight: bold;
    line-height: 140%;
    text-align: center;
    padding: 8px;
}


@media only screen and (max-width:767px){
    #pageBio .secMold .titMold{
        font-size:1.6em;
    }
    #pageBio .secMold .titSolution{
        font-size:1.6em;
    }
    
    #pageBio .secMold .subTitle01{
        padding:10px 0 0 0;
        font-size:1.2em;
    }
    #pageBio .secMold .subTitle02{
        font-size:1.6em;
    }
    #pageBio .secMold .arrow{
        display: none;
    }
    
}
@media print, screen and (min-width:768px){
    #pageBio .secMold .subTitle01{
        font-size:1.3em;
    }
    #pageBio .secMold .subTitle02{
        font-size:2.0em;
    }
    
    #pageBio .secMold .imgPerson{
        width:130px;
        right:-20px;
    }
    #pageBio .secMold .photoWrap{
        display: table;
        width:100%;
    }
    #pageBio .secMold .areaPhoto{
        display: table-cell;
        width:80%;
        vertical-align: middle;
    }
    #pageBio .secMold .arrow{
        display: table-cell;
        width:20%;
        vertical-align: middle;
        text-align: center;
    }
}
@media screen and (min-width:992px){
    #pageBio .secMold .subTitle01{
        font-size:1.7em;
    }
    #pageBio .secMold .subTitle02{
        font-size:2.8em;
    }
}
@media screen and (min-width:1200px){
    #pageBio .secMold .subTitle01{
        font-size:2.0em;
    }
    #pageBio .secMold .subTitle02{
        font-size:3.6em;
    }
}


/*-----------------------------------------
.secActive
-----------------------------------------*/
#pageBio .secActive{
    background:url(/shared/images/bgShaded.png) left top repeat;
}
#pageBio .secActive .titActive{
    text-align:center;
    padding:0 0 30px 0;
}
#pageBio .secActive .boxActive{
    background:#ffffff;
    border-top:solid 4px #00395c;
    border-left:solid 4px #00395c;
    border-right:solid 8px #00395c;
    border-bottom:solid 8px #00395c;
    border-radius: 10px;
    position:relative;
}
#pageBio .secActive .tag{
    background:url(../images/bgTag.png) left top no-repeat;
    background-size:64px;
    position:absolute;
    color:#ffffff;
    left:24px;
    top:-8px;
    width:64px;
    height:76px;
    text-align:center;
    padding:15px 8px 0 0;
    font-size: 1.1em;
    z-index:50;
}
#pageBio .secActive .tag .tagNumber{
    text-align:center;
    font-size:1.5em;
    font-weight: bold;
    padding:5px 0 0 0;
    font-family: Verdana;
}
#pageBio .secActive .boxActive{
    padding:20px;
    margin-bottom:20px;
}
#pageBio .secActive .boxActive .title{
    padding:0 0 0 80px;
    font-size:2.0em;
    font-weight: bold;
    line-height:120%;
    color:#00395c;
    min-height:70px;
}
#pageBio .secActive .boxActive .photoActive01{
}
#pageBio .secActive .boxActive .photoActive02{
    padding:0 0 15px 0;
}
#pageBio .secActive .boxActive .txtActive{
    font-size:1.1em;
    line-height:160%;
}


@media only screen and (max-width:767px){
    #pageBio .secActive{
        padding-top:20px;
        padding-bottom:20px;
    }
    #pageBio .secActive .titActive{
    }
    #pageBio .secActive .boxActive .title{
        font-size:1.3em;
    }
    #pageBio .secActive .boxActive .photoActive01{
        padding-bottom:15px;
    }
}
@media print, screen and (min-width:768px){
    #pageBio .secActive{
        padding-top:60px;
        padding-bottom:20px;
    }
    #pageBio .secActive .boxActive .photoActive01{
        padding-bottom:15px;
    }
}
@media screen and (min-width:992px){
    #pageBio .secActive .boxActive .photoActive01{
        padding-bottom:15px;
    }
}


/*-----------------------------------------
.secFlow
-----------------------------------------*/
#pageBio .secFlow{
    padding:20px 0 0 0;
}
#pageBio .secFlow .titFlow{
    padding:30px 0 30px 0;
}
#pageBio .secFlow .subTitleFlow{
    font-weight: bold;
    font-size:1.4em;
    color:#00395c;
    padding:0 0 10px 0;
}

@media only screen and (max-width:767px){
    #pageBio .secFlow{
        background:url(/shared/images/bgShaded.png) left top repeat;
        padding:10px;
        margin:30px 0 0 0;
    }
    #pageBio .secFlow .titFlow{
        padding:0px 0 30px 0;
    }
    #pageBio .secFlow .boxFlow{
        color:#00395c;
        border:solid 1px #00395c;
        background:#ffffff;
        margin:2px 0 2px 0;
        padding:6px 0;
        text-align:center;
        font-size:1.1em;
        font-weight:bold;
        border-radius: 4px;
    }
    #pageBio .secFlow .arrowFlow{
        text-align:center;
    }
}
@media print, screen and (min-width:768px){
}