@charset "UTF-8";

/*====================================================
////id
====================================================*/
.flowBox {
  justify-content: space-between;
  position: relative;
}
.flowBox::before {
  border-top: solid 1px #D9D9D9;
  content: '';
  display: block;
  margin: auto;
  position: absolute;
    top: 40px;
    left: 0;
    right: 0;
  width: calc(100% - 40px);
  height: 0;
}
.flowBox .item {
  color: #A9A9A9;
  position: relative;
}
.flowBox .item.current {
  color: #000;
}
.flowBox .item .no {
  background: #D9D9D9;
  border-radius: 100%;
  font-size: 2.4rem;
  width: 80px;
  height: 80px;
}
.flowBox .item p {
  font-size: .8em;
  margin: .5em 0 0;
}

.btnBox.flexBox {
  grid-gap: 20px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
  .flowBox::before {
    top: 25px;
  }
  .flowBox .item .no {
    background: #D9D9D9;
    border-radius: 100%;
    font-size: 2.2rem;
    width: 50px;
    height: 50px;
  }

}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:540px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1280px) {
}