.card {
  width: 400px;
  height: auto;
  margin-right: 5px;
  margin-left: 5px;
}

.card__imgframe {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.card__imgframe.frame01 {
  background: url(https://handakiko.com/wp-content/uploads/slider-card_repair.jpeg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame02 {
  background: url(../img/slider-card0002.jpeg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame03 {
  background: url(../img/slider-card0001.jpeg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame04 {
  background: url(../img/slider-card0004.jpeg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame05 {
  background: url(../img/gasstand.jpg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame06 {
  background: url(../img/slider-card0003.jpeg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame07 {
  background: url(../img/car-body-shop.jpg) no-repeat center;
  background-size: cover;
}
.card__imgframe.frame08 {
  background: url(../img/shipping-company.jpg) no-repeat center;
  background-size: cover;
}

.card__textbox {
  width: 100%;
  height: auto;
  padding: 20px 18px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.card__textbox > * + * {
  margin-top: 10px;
}

.card__titletext {
  font-size: 20px;
  font-weight: bold;
  line-height: 125%;
  color: #1759a0;
}

.card__overviewtext {
  font-size: 12px;
  line-height: 150%;
}

.card-skin {
  overflow: hidden;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #1759a0;
}