.dep-flow {
  width: 940px;
  height: 1102px;
  background-image: url("/department/img/flow02pc-bk.gif");
  background-repeat: no-repeat;
  position: relative;
}

.dep-col-box {
  position: absolute;
  box-sizing: border-box;
  width: 240px;
  height: 120px;
  background-color: #fff;
  padding: 15px;
  border-radius: 6px;
  border: 4px solid #ef6880;
}

.dep-col-box h4 {
  color: #ef6880;
  text-align: center;
  margin: 0;
  font-size: 16px;
}

.dep-col-box p {
  text-align: left;
  font-size: 13px;
}

.dep-col01 {
  top: 98px;
  left: 390px;
}

.dep-col02 {
  top: 255px;
  left: 390px;
}

.dep-col03 {
  height: 140px;
  top: 445px;
  left: 225px;
}

.dep-col04 {
  height: 140px;
  top: 665px;
  left: 50px;
}

.dep-col05 {
  top: 665px;
  left: 300px;
}

.dep-col06 {
  border: 1px solid #ccc;
  top: 665px;
  left: 598px;
}

.dep-col06 h4 {
  color: #aaa;
}

.dep-col07 {
  height: 150px;
  top: 445px;
  left: 550px;
}

.dep-col08 {
  border: 1px solid #ccc;
  height: 100px;
  top: 905px;
  left: 390px;
}

.dep-col08 h4 {
  color: #aaa;
}

@media screen and (max-width: 925px),
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .dep-flow {
    position: relative;
    width: 375px;
    height: 860px;
    margin: 0 auto;
    background-image: url("/department/img/flow02sp-bk.gif");
    background-repeat: no-repeat;
    background-position: center;
  }

  .dep-col-box,
  .dep-col-box,
  .dep-col-box2,
  .dep-col-box3 {
    width: 164px;
    height: 80px;
    padding: 5px;
    border: 2px solid #ef6880;
  }

  .dep-col-box h4,
  .dep-col-box h4,
  .dep-col-box2 h4,
  .dep-col-box3 h4 {
    font-size: 12px;
    margin: 0;
  }

  .dep-col-box p,
  .dep-col-box p,
  .dep-col-box2 p,
  .dep-col-box3 p {
    font-size: 10px;
    line-height: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .dep-col01 {
    top: 105px;
    /* left: 105px; */
    left: 50%;
    transform: translateX(-50%);
  }

  .dep-col02 {
    top: 218px;
    /* left: 105px; */
    left: 50%;
    transform: translateX(-50%);
    height: 84px;
  }

  .dep-col03 {
    height: 90px;
    top: 347px;
    /* left: 20px; */
    left: calc(50% - 170px);
  }

  .dep-col04 {
    width: 95px;
    height: 150px;
    top: 487px;
    /* left: 20px; */
    left: calc(50% - 170px);
  }

  .dep-col05 {
    width: 95px;
    height: 120px;
    top: 487px;
    /* left: 125px; */
    left: calc(50% - 64px);
  }

  .dep-col06 {
    width: 90px;
    height: 120px;
    top: 487px;
    /* left: 242px; */
    left: calc(50% + 54px);
    border: 1px solid #ccc;
  }

  .dep-col07 {
    height: 100px;
    top: 347px;
    /* left: 190px; */
    left: calc(50% + 10px);
  }

  .dep-col08 {
    top: 700px;
    /* left: 105px; */
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ccc;
  }
}

/*# sourceMappingURL=flow.css.map */