@charset "UTF-8";

.rest_item {
  border: 1px solid #ccc;
  padding: 40px 40px;
  margin-top: 60px;
}

.rest_item .flex {
  gap: 4%;
}

.rest_item .main {
  width: 32%;
}

.rest_item .sub {
  width: 64%;
}

.rest_item .sub_flex {
  gap: 2%;
}

.rest_item .sub_flex li {
  width: 18.4%;
}

.rest_item .sub_flex02 {
  gap: 2%;
  margin-top: 40px;
}

.rest_item .sub_flex02 .left {
  width: 61%;
}

.rest_item .sub_flex02 .right {
  width: 37%;
}

.mini_txt {
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-top: 10px;
}

.harf_flex .eq_comfort01 {
  width: 100%;
  margin-top: 10px;
}


/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1024px) {
  .item_ttl {
    letter-spacing: 1px;
  }
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {
  .rest_item {
    padding: 20px 20px;
    margin-top: 40px;
  }

  .rest_item .main {
    width: 100%;
  }

  .rest_item .sub {
    width: 100%;
    margin-top: 30px;
  }

  .rest_item .sub_flex {
    gap: 4%;
    row-gap: 20px;
  }

  .rest_item .sub_flex li {
    width: 48%;
  }

  .rest_item .sub_flex02 .left {
    width: 100%;
  }

  .rest_item .sub_flex02 .right {
    width: 100%;
    margin-top: 20px;
  }
}