@charset 'UTF-8';

.kn-card .image-w {
  text-align: center;
}


.kn-card .image-w>img {
  width: 40%;
  height: auto;
  vertical-align: middle;
}


.kn-card .summary-w {
  padding: 10px 20px 30px;
}

.kn-card>a .summary-w>.title {
  color: #0072ba;
  font-size: .16rem;
  line-height: 1.6125;
}


.kn-card .summary-w>.title>span {
  color: #333;
  font-size: .14rem;
}

.kn-ttl.-h2>.work{
	color:#000000 ;
    font-size: .16rem;
  }
  
@media screen and (max-width:767px) {


.kn-card .image-w {
  position: absolute;
  width: 70px;
  height:60px;
}

	
.kn-card .image-w>img {
  width: 80%;
  height: auto;
  vertical-align: middle;
}
	
.kn-card .summary-w {
  padding:0 15px;
}

.kn-card .summary-w>.title {
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding-left: 70px;

  -ms-flex-align: center;
  align-items: center;
}

.kn-card .summary-w>.title:after {
  font-size: 0;
  min-height: inherit;
  content: '';
}
  
.kn-ttl.-h2>.work{
    font-size: .12rem;
  }