@charset "utf-8";

/* default PC */
.flow-list .flow-item {
  background-color: #fff;
  color: #333;
  margin-bottom: 0;
  padding: 20px;
  counter-increment: flownumber 1;
}

.rental-detail .table-02 th {
  width: 170px;
}

.table-02 th.place-ttl,
.table-02 th.txt-center {
  text-align: center;
}

.flow-list .flow-item:nth-child(2n) {
  background-color: #e3e3e3;
}

.flow-list {
  counter-reset: flownum 0;
}

#contents h2 {
  margin-top: 0;
}

#contents .flow-item h3::after {
  content: counter(flownumber);
  position: absolute;
  left: 30px;
  top: 10px;
  font-size: 210%;
  transform: skew(-20deg, 0deg);
}

#contents .flow-item h3 {
  color: #fff;
  padding-left: 70px;
  margin-top: 0;
}

.rental-img {
  width: calc(35% - 40px);
  margin-right: 40px;
}

.rental-detail {
  width: 65%;
}

.rental-item {
  margin-bottom: 30px;
}

.point-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.point-list .point-item {
  margin-right: 20px;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {

  .flow-list .flow-item:nth-child(3) .txt-2box.end br.br-1300 {
    display: none;
  }

  .rental-item {
    margin-bottom: 0;
  }

  #contents .rental-detail {
    margin-bottom: 0;
  }

  .rental-img,
  .rental-detail {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .rental-img {
    text-align: center;
  }
}

br.br-559-none {
  display: block;
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  .flow-list .flow-item:nth-child(3) .txt-2box.end br.br-1300 {
    display: block;
  }

  br.br-559-none {
    display: none;
  }


  .table-over table.table-02 th {
    width: 150px;
  }

  .rental-detail .table-02 th {
    width: 110px;
  }

  .flow-list .flow-item {
    padding: 20px 15px;
  }
}

/* 559以下はRWD時に崩れがあれば任意で作成 */
@media screen and (max-width: 430px) {
  .flow-list .flow-item:nth-child(3) .txt-2box.end br.br-559 {
    display: none;
  }

  .flow-list .flow-item:nth-child(3) .txt-2box.end br.br-1300 {
    display: none;
  }
}

/*IE*/
@media all and (-ms-high-contrast: none) {}