@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* style css　*/
/*==================================================================*/
/* -------------------------------------------- */
/* strengthen */
/* -------------------------------------------- */
.strengthen .r-block {
  display: flex;
  flex-wrap: wrap;
}
.strengthen .r-block .r-box {
  width: 20%;
  margin: 0 2.5% 3em;
}
.strengthen .r-block .r-box .photo {
  margin-bottom: .5em;
}
.strengthen .r-block .r-box .photo img {
  width: 100%;
  height: 18vw;
  max-height: 320px;
}
.strengthen .r-block .r-box dl dt {
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}
.strengthen .r-block .r-box dl dt span {
  padding-left: 5px;
  font-size: 1.25em;
  color: #c84b31;
}
.strengthen .r-block .r-box dl dd {
  font-size: .9em;
  line-height: 1.4;
}

/*===========================================================================*/
/*  phone  */
/*===========================================================================*/
@media screen and (max-width: 1200px) {
  .strengthen .r-block .r-box .photo img {
    width: 100%;
    height: 24vw;
  }
}
/*===========================================================================*/
/*  phone  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  .strengthen .r-block .r-box {
    width: 28%;
  }
  .strengthen .r-block .r-box .photo img {
    width: 100%;
    height: 34vw;
  }
  .strengthen .r-block .r-box dl dt {
    font-size: .8em;
  }
}
/*===========================================================================*/
/*  phone  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  .strengthen .r-block {
    justify-content: space-between;
  }
  .strengthen .r-block .r-box {
    width: 48%;
    margin: 0 0 2em;
  }
  .strengthen .r-block .r-box .photo img {
    width: 100%;
    height: 54vw;
  }
}