@charset "UTF-8";

.kango_piclist {
  margin: 3em 0;
}
.kango_piclist > li {
  width: 32%;
  display: block;
  float: left;
  border: 1px solid #999999;
  box-sizing: border-box;
  padding: 1.5%;
  font-size: 108%;
  line-height: 1.5;
  min-height: 300px;
}
.kango_piclist > li:nth-child(2) {
  margin: 0 2%;
}
.kango_piclist > li img {
  margin: 0 auto 1em;
  display: block;
}


@media only screen and (max-width: 896px) {

  .kango_piclist {
    margin: 2em 0 3em;
  }
  .kango_piclist > li {
    width: auto;
    float: none;
    padding: 0.6em;
    font-size: 145%;
    line-height: 1.5;
    min-height: 0;
  }
  .kango_piclist > li:nth-child(2) {
    margin: 0.7em 0;
  }
  .kango_piclist > li img {
    margin: 0 1em 0 0;
    float: left;
    width: 100%;
    max-width: 222px;
  }

}

@media only screen and (max-width: 480px) {


}

@media only screen and (max-width: 414px) {

  .kango_piclist > li {
    font-size: 116%;
  }
  .kango_piclist > li img {
    max-width: 170px;
  }

}

@media only screen and (max-width: 320px) {

  .kango_piclist > li img {
    max-width: 140px;
  }

}