/*///////////////// interview ////////////////*/
.interview .int1 h3{background:url(../img/interview/h3-1.jpg?new)  center top no-repeat;background-size:contain;}
.interview .int2 h3{background:url(../img/interview/h3-2.jpg?new)  center top no-repeat;background-size:contain;}
.interview .int3 h3{background:url(../img/interview/h3-3.jpg?new)  center top no-repeat;background-size:contain;}
.interview article h4{color:#fff;background:#22528a;border-left:solid 10px #6e1818;}
.interview article h5{color:#22528a;border-left:solid 10px #22528a;}

.interview article p{overflow:hidden;}

.interview .photo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;
	display:block;padding:5px;background: #e7ebf1;}
.interview .photo .lazy{
	border: solid 1px #22528a;}



@media all and (min-width: 768px) {
.interview article h2 span{display:block;width:928px;height:140px;background:url(../img/interview/title.png)  left center no-repeat;}
.interview article h3{display:block;width:780px;height:300px;margin-bottom:30px;}
.interview article h4{margin-bottom:10px;font-size:140%;margin-bottom:20px;}
.interview article h4{display:block;padding:5px 10px;}
.interview article h5{font-size:140%;padding:5px 10px;}

.interview .photo{margin:0 0 10px 20px;}
.interview .photo .lazy{display:block;width:360px;height:240px;}
}

@media all and (max-width: 767px) {
.interview article h2 {padding:0;}
.interview article h2 span{display:block;width:100%;height:0; padding-top:25%;background:url(../img/interview/title_smp.png)  center top no-repeat;background-size:contain;}
.interview article h3{display:block;width:100%;height:0; padding-top:38.4%;margin-bottom:1em;}
.interview article h4{margin-bottom:1em;font-size:100%;}
.interview article h4{display:block;padding:.3em .5em .2em;}
.interview article h5{display:block;padding:.3em .5em .2em;}

.interview .photo{width:100%;margin:0 auto 1em;}
.interview .photo .lazy{display:block;width:100%;height:0;padding-top:66%;}
 }


/* bknm*/

.bknm li a{
  position: relative;
  display: inline-block;
  background-color: #10447c;
  border: 2px solid #10447c;
  color: #fff;
  text-decoration: none;
  transition: all .3s;
}
.bknm li a::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
.bknm li a:hover {
  background-color: #fff;
  color: #10447c;
}

.bknm li a:hover::after {
  border-left-color: #10447c;
}


@media all and (min-width: 768px) {
.bknm{width:780px;margin:20px auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start;

}
.bknm li {margin-right:10px;font-size:120%;}
.bknm li:last-child{margin-right:0;}
.bknm li a{width:173px; padding: .4em 2em; text-align: center;}

}
@media all and (max-width: 767px) {
.bknm{margin:1em auto;}
.bknm li {width:90%;margin:.5em 0;}

.bknm li a{width:100%; padding: .2em 2em .2em .5em; text-align: left;}
}



/*media print*/
@media print {
.interview .int3 h3,
.interview .photo {display: none;}
}