/*
 * scssを使っていません
 */
.freeok-badge {
  position: relative;
  z-index: 100;
  height: 0;
}
.freeok-badge img {
  position: absolute;
  right: 20px;
  bottom: -100px;
  width: 197px;
  height: auto;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.freeok-badge img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
@media (max-width: 1100px) {
  .freeok-badge img {
    bottom: -60px;
    width: 17.9vw;
  }
}
@media (max-width: 750px) {
  .freeok-badge img {
    bottom: -60px;
    width: 150px;
  }
}

section.cont4 h2 span {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 100%;
}
section.cont4 h2 span i {
  position: relative;
  z-index: 1;
}
section.cont4 h2 span img {
  position: absolute;
  bottom: -20px;
  right: 108%;
  width: 189px;
  height: auto;
}
@media (max-width: 750px) {
  section.cont4 h2 span {
    position: static;
  }
  section.cont4 h2 span img {
    bottom: auto;
    top: 0px;
    left: -10px;
    width: 150px;
  }
}

@media screen and (max-width: 750px) {
  section.cont4 ul li a div.photo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
}