.int_flex {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.int_flex02 {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.int_flex03 {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.poi_icon > li {
  background: url(/_assets/images/railway/lower/useful/tri.png) no-repeat right center;
}

#sp_css .poi_icon > li {
  background: url(/_assets/images/railway/lower/useful/tri_bottom.png) no-repeat bottom center;
}

.int_flex02 > li:last-child {
  background: none;
}

#sp_css .int_flex02 > li:last-child {
  background: none;
}

.poi_flex {
  width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.poi_flex02 {
  width: 180px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#sp_css .poi_flex02 {
  width: 300px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.poi_flex03 li {
  width: 150px;
}

.poi_flex03 {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#sp_css .poi_flex03 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#sp_css .poi_flex03 li {
  width: 200px;
}

.poi_flex03 img {
  width: 80%;
}

.poi_flex04 {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.poi_flex04 li {
  width: 220px;
}

#sp_css .poi_flex04 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#sp_css .poi_flex04 li {
  width: 200px;
}

.poi_flex04 img {
  width: 80%;
}

.point_tit {
  display: inline;
  background-color: #005bac;
  color: #fff;
  padding: 5px;
  font-size: 120%;
  font-weight: bold;
}

.point_tit2 {
  display: inline;
  background-color: #fff;
  color: #005bac;
  padding: 5px;
  font-weight: bold;
  border: 2px solid #005bac;
}

.pointbBox {
  display: inline;
  border: solid 1px #000;
  padding: 5px;
  text-align: center;
  margin: 5px auto 0;
}

#sp_css .pointbBox {
  border: solid 1px #000;
  padding: 10px;
  display: inline;
  margin: 0 auto;
}

.separate {
  background-color: #ebf5f7;
  padding: 15px 0 0 10px;
  margin-bottom: 20px;
}

.arrow01 {
  text-align: center;
  background: url(/_assets/images/railway/lower/useful/arrow02.png) no-repeat center center;
  min-height: 150px;
  position: relative;
}

.arrow01 p {
  width: 200px;
  background-color: #005bac;
  padding: 5px 10px;
  color: #fff;
  display: inline;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#sp_css .arrow01 p {
  background-color: #005bac;
  width: 180px;
  padding: 5px;
  color: #fff;
  display: inline;
  font-size: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* 2019/0304add
----------------------------------------- */
.index_frame {
  padding: 0 20px;
  border: solid 5px #f5f5f5;
}
/*# sourceMappingURL=../../../maps/lower/railway/useful/Internet_reserve.css.map */