/*****************************************************************************
CSS only for /housing-biz/support/hantei/ dressing_suisen
*****************************************************************************/

/* modalContent02
-----------------------------------------*/
.ImgList--free {
  grid-template-columns: repeat(2, 22.68041%) 16.23711% 29.12371%;
  gap: 23px 20px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .ImgList--free {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px 13px;
  }
  .ImgList--free > li:nth-child(-n+2) {
    width: calc((100% - 13px) / 2);
  }
  .ImgList--free > li:nth-child(3) {
    width: 34.16267%;
  }
  .ImgList--free > li:nth-child(4) {
    width: 61.27591%;
  }
}

/* modalContent04
-----------------------------------------*/
.Check__list > li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .Check__list > li {
    font-size: 16px;
  }
}
.Check__list > li:nth-child(n+2) {
  margin-top: 20px;
}
.Check__list li > * {
  text-indent: 0;
}
.Check__list .BoxArea {
  margin-top: 10px;
  font-size: 16px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .Check__list .BoxArea {
    font-size: 14px;
  }
}