/* interview.css */
.interview {
    width:100%;
    margin:0 auto 30px;
    padding:30px 0;
    background:url("../images/bg.gif");
    font-size:14px;
    line-height:2.0;
}

.interview h2,.interview h3 {
    width:890px;
    background:url("../images/interview_box_top.png") no-repeat 0 0;
    margin:0 30px;
    padding:0;
}
.interview h2 {
    padding:45px 0 0;
}


.interview h3 {
    padding:20px 0 20px 45px;
    text-align:left;
    font-size:18px;
    color:#e65708;
}
.interview h3 span {
    display:inline-block;
    background:url("../images/interview_q.png") no-repeat 0 0;
    padding:0 0 0 70px;
}

.interview .box {
    width:890px;
    background:url("../images/interview_box_body.png") repeat-y 0 0;
    margin:0 30px;
    padding:0 0 40px;
    text-align:left;
}

.interview .boxBottomTop {
    width:890px;
    height:12px;
    background:url("../images/interview_box_bottom.png") no-repeat 0 0;
    margin:0 30px;
}

.interview .boxBottom {
    width:890px;
    height:12px;
    background:url("../images/interview_box_bottom.png") no-repeat 0 0;
    margin:0 30px 40px;
}


.interview .box dl {
    margin:0 50px 0 45px;
}
.interview .box dl dt {
    float:left;
    width:2.5em;
    font-weight:bold;
}
.interview .box dl dd {
    margin:0 0 0.5em 2.5em;
    _height:1%;
}

.interview .box dl dt.tanaka {color:#91c32c;}
.interview .box dl dt.uchimura {color:#f19800;}
.interview .box dl dt.kato {color:#12adf0;}


.interview .box01 {
    position:relative;
    height:129px;
}
.interview .box01 .pic01 {
    position:absolute;
    top:-80px;
    right:-30px;
}
.interview .box01 p {
    width:660px;
    margin:0 0 0 45px;
    padding:45px 0 0;
}

.interview .box02 {
    position:relative;
}
.interview .box02 .img02 {
    position:absolute;
    top:100px;
    right:-30px;
}
.interview .box02 dd.rightImg02 {
    width:340px;
}

.interview .box03 img,.interview .box04 img {
    margin:0 0 0 20px;
}


.interview h3.pic02 {
    position:relative;
    width:750px;
    padding:20px 0 20px 140px;
    text-align:left;
    font-size:18px;
    color:#e65708;
}
.interview h3.pic02 span {
    display:inline-block;
    background:url("../images/interview_q.png") no-repeat 0 0;
    padding:0 0 0 70px;
}
.interview h3.pic02 img {
    position:absolute;
    top:0;
    left:-30px;
}



.interview h3.h3Box05 {
    width:550px;
    background:url("../images/interview_box_top.png") no-repeat right 0;
    margin-left:325px;
    padding:20px 0 20px 45px;
}
.interview .box05 {
    position:relative;
    width:560px;
    background:url("../images/interview_box_body.png") repeat-y right 0;
    margin-left:325px;
    padding:0 0 40px 35px;
}
.interview .boxBottomBox05 {
    width:595px;
    height:12px;
    background:url("../images/interview_box_bottom_s.png") no-repeat right 0;
    margin:0 30px 40px 325px;
}
.interview .box05 .img05 {
    position:absolute;
    top:-50px;
    left:-325px;
}

.interview .box06 {
    position:relative;
}
.interview .box06 .img06 {
    position:absolute;
    bottom:-220px;
    right:50px;
}


.interview .pic03 {
    margin:0 0 40px 180px;
    text-align:left;
}




/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

.interview {
    width:96%;
    padding:30px 2%;
}

.interview .nobr {
    display:none;
}

.interview h2 {
    width:100%;
    background-size:100% auto;
    margin:0 auto;
}
.interview h2 img {
    width:80%;
}

.interview h3 {
    width:96%;
    background-size:100% auto;
    margin:0 auto;
    padding:5% 2% 2%;
}
.interview h3 span {
    width:86%;
    background-size:7%;
    padding:0 5% 0 9%;
}

.interview .box {
    width:100%;
    background:url("../images/interview_box_body.png") repeat-y right 0;
    background-size:contain;
    margin:0;
}

.interview .boxBottomTop {
    width:100%;
    background-size:contain;
    margin:0;
}

.interview .boxBottom {
    width:100%;
    background-size:contain;
    margin:0 0 40px;
}


.interview .box dl {
    margin:0 5%;
}
.interview .box dl dt {
}
.interview .box dl dd {
}



.interview .box01 {
    width:100%;
    height:auto;
    margin:0;
}
.interview .box01 .pic01 {
    width:18%;
    height:80%;
    top:-8%;
    bottom:0;
    right:10px;
}
.interview .box01 .pic01 img {
    max-width:100%;
    height:auto;
}
.interview .box01 p {
    width:70%;
    margin:0 0 0 5%;
    padding:45px 0 0;
}

.interview .box02 {
    position:relative;
}
.interview .box02 .img02 {
    position:static;
    width:100%;
    text-align:center;
}
.interview .box02 dd.rightImg02 {
    width:90%;
}


.interview .box03 img,.interview .box04 img {
    margin:0 0 0 20px;
}


.interview h3.pic02 {
    width:80%;
    padding:2% 5% 2% 15%;
}
.interview h3.pic02 span {
    width:79%;
    background-size:7%;
    padding:0 9% 0 9%;
}
.interview h3.pic02 img {
    top:0;
    left:-30px;
    width:18%;
}



.interview h3.h3Box05 {
    width:90%;
    background-size:100% auto;
    margin-left:0;
    padding:2% 5%;
}
.interview .box05 {
    width:100%;
    background-size:contain;
    margin-left:0;
    padding:0 0 40px;
}
.interview .boxBottomBox05 {
    width:100%;
    background:url("../images/interview_box_bottom.png") no-repeat right 0;
    background-size:contain;
    margin:0 0 40px;
}
.interview .box05 .img05 {
    position:static;
    width:100%;
    text-align:center;
}

.interview .box06 {
}
.interview .box06 .img06 {
    position:static;
    width:100%;
    text-align:center;
}


.interview .pic03 {
    margin:0 auto 40px;
    text-align:center;
}




}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {


.interview .box01 .pic01 {
    position:static;
    width:90%;
    height:auto;
    margin:0 auto;
    text-align:right;
}
.interview .box01 .pic01 img {
    display:inline-block;
    width:30%;
}
.interview .box01 p {
    width:90%;
    margin:0 auto;
}

.interview h3.pic02 {
    width:90%;
    padding:2% 5% 4em 5%;
}
.interview h3.pic02 span {
    width:86%;
    background-size:7%;
    padding:0 5% 0 9%;
}
.interview h3.pic02 img {
    top:inherit;
    bottom:0.5em;
    left:-2%;
    width:24%;
}


.interview .box02 .img02 img,
.interview .box05 .img05 img,
.interview .box06 .img06 img {
    width:80%;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */