@charset "UTF-8";
/* single-voice */

/*=====================================
page_image
=======================================*/

.page_image{
    width: 960px;
    margin: 200px auto 80px;
}

@media screen and (min-width:0px) and (max-width:767px){
    
    .page_image{
        width: 100%;
        margin: 140px auto 50px;
        text-align: center;
    }
}


/*=====================================
content
=======================================*/

.content{
    width: 960px;
    margin: 80px auto 100px;
}

@media screen and (min-width:0px) and (max-width:767px){

    .content{
        width: 100%;
        padding: 0 4%;
    }
}



/*=====================================
cont_wrap
=======================================*/

.cont_wrap article{
    margin: 0 0 50px;
    border: solid 3px #000;
}
.cont_wrap h3{
    width: 100%;
    padding: 25px 0 50px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 2em;
    font-weight: 600;
    background-image: url("../img/home/obj_goldLine.png");
    background-repeat: no-repeat;
    background-position: center bottom 25px;
}
.cont_wrap .person_cont{
    padding: 40px 50px;
    background-color: #fff;
}
.cont_wrap .person_image{
    width: 240px;
    height:240px;
    overflow: hidden;
    position: relative;
    margin: 10px 45px 25px 20px;
    float: left;
}
.cont_wrap .person_image img{
    position: absolute;
  　top: 50%;
  　left: 50%;
  　-webkit-transform: translate(-50%, -50%);
  　-ms-transform: translate(-50%, -50%);
  　transform: translate(-50%, -50%);
  　max-width: 100%;
  　max-height: 100%;
  　width: auto;
  　height: auto;
}
.cont_wrap .person_text{
    font-size: 16px;
    font-weight: 600;
    line-height: 2.7em;
}

@media screen and (min-width:0px) and (max-width:767px){

    .cont_wrap article{
        width: 100%;
        margin: 0 0 20px;
        border: solid 3px #000;
    }
    .cont_wrap h3{
        width: 100%;
        padding: 20px 4% 40px;
        background-color: #000000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 2em;
        font-weight: 600;
        background-image: url("../img/home/obj_goldLine.png");
        background-repeat: no-repeat;
        background-position: center bottom 20px;
    }
    .cont_wrap .person_cont{
        padding: 20px 4%;
        background-color: #fff;
    }
    .cont_wrap .person_image{
        width: 240px;
        height:240px;
        overflow: hidden;
        position: relative;
        margin: 10px auto 20px;
        float:none;
    }
    .cont_wrap .person_image img{
        position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       max-width: 100%;
       max-height: 100%;
       width: auto;
       height: auto;
    }
    .cont_wrap .person_text{
        font-size: 14px;
        font-weight: 600;
        line-height: 2em;
        word-break:break-all;
    }
    
}