@charset "UTF-8";

/*===== mainvisual =====*/
#fh5co-hero .lp_mv.dp_mv {
  background-image: url(../images/lp/dev_po/mv.jpg);
}

/*===== title =====*/
.fh5co-cards .fh5co-card .fh5co-card-body .dp_h4_merit {
  margin: 0;
  padding: 1rem;
}

/*===== block =====*/
.dp_3col_wrap {
  display: table;
  width: 100%;
}
.dp_3col_center,
.dp_3col_side {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.dp_3col_center {
  width: 4%;
}
.dp_3col_side {
  width: 48%;
}

/*===== element =====*/
.dp_label {
  padding: .5rem 1rem;
  border-radius: .5rem;
}

/* --------------------
for Medium
-------------------- */
@media screen and (min-width: 768px) and (max-width: 991px){
  /*===== bg =====*/
  #fh5co-hero .fh5co-hero-wrap {
    height: 250px;
    padding-top: 7rem;
  }

  /*===== block =====*/
  .dp_3col_wrap {
    display: block;
  }
  .dp_3col_center,
  .dp_3col_side {
    display: block;
    width: 100%;
  }
  .dp_3col_center {
    transform: rotate(90deg);
  }

  /*===== element =====*/
  .dp_label {
    display: inline-block;
  }
}

/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 767px) {
  /*===== bg =====*/
  #fh5co-hero .fh5co-hero-wrap {
    height: 250px;
    padding-top: 7rem;
  }

  /*===== block =====*/
  .dp_3col_wrap {
    display: block;
  }
  .dp_3col_center,
  .dp_3col_side {
    display: block;
    width: 100%;
  }
  .dp_3col_center {
    transform: rotate(90deg);
  }

  /*===== element =====*/
  .dp_label {
    display: inline-block;
  }
}