/*
 * =====================================================
 *
 * [variable]
 *
 * =====================================================
 */
/*
 * =====================================================
 *
 * [service]
 *
 * =====================================================
 */
/* END body */
/*
 * =====================================================
 *
 * [service.machinery.lowwerIndex]
 *
 * =====================================================
 */
body.service.machinery.lowwerIndex .mainHead .mainTitle:after {
  content: "";
  background-image: url(../../images/content/service/machinery/mv.jpg);
}
body.service.machinery.lowwerIndex .secVox .flexVox {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
  margin-top: 60px;
}
body.service.machinery.lowwerIndex .secVox .flexVox .item {
  width: 320px;
  padding: 24px 16px;
  background: #fff;
  border-radius: 12px;
  position: relative;
}
body.service.machinery.lowwerIndex .secVox .flexVox .item::before {
  content: "";
  position: absolute;
  margin: auto;
  width: 20px;
  height: 20px;
  background: #FE7A0B;
  border-radius: 50%;
  top: -10px;
  left: 16px;
}
body.service.machinery.lowwerIndex .secVox .flexVox .item .title01 {
  margin-bottom: 9px;
}

/* END body */
/*
 * =====================================================
 *
 * [service.machinery.flow]
 *
 * =====================================================
 */
body.service.machinery.flow .flowArea .item {
  width: 100%;
  padding: 5px 32px 12px;
  background: #fff;
  border-radius: 12px;
}
body.service.machinery.flow .flowArea .item:not(:last-child) {
  margin-bottom: 20px;
}
body.service.machinery.flow .flowArea .item .head {
  margin-bottom: 5px;
  position: relative;
}
body.service.machinery.flow .flowArea .item .head::before {
  content: "";
  position: absolute;
  margin: auto;
  width: 24px;
  height: 12px;
  background: url(../../images/content/service/machinery/flow/ico-underArrow.svg) no-repeat center/contain;
  top: 40px;
  left: 0;
}
body.service.machinery.flow .flowArea .item .head .title01 {
  display: flex;
  align-items: baseline;
  gap: 0 13px;
}
body.service.machinery.flow .flowArea .item .head .title01 .num {
  min-width: 60px;
}
body.service.machinery.flow .flowArea .item .head,
body.service.machinery.flow .flowArea .item .txtVox {
  padding-left: 44px;
}

/* END body */
/*
 * =====================================================
 *
 * [service.stay.lowwerIndex]
 *
 * =====================================================
 */
body.service.stay.lowwerIndex .mainHead .mainTitle:after {
  content: "";
  background-image: url(../../images/content/service/stay/mv.jpg);
}

/* END body */
/*
 * =====================================================
 *
 * [service.m_a.lowwerIndex]
 *
 * =====================================================
 */
body.service.m_a.lowwerIndex .mainHead .mainTitle:after {
  content: "";
  background-image: url(../../images/content/service/m_a/mv.jpg);
}

/* END body */
/**
 ****************************************************
 *
 * no-preference
 *
 ****************************************************
 */
@media (prefers-reduced-motion: no-preference) {
  /* END body */
}
/**
 ****************************************************
 *
 * hover
 *
 ****************************************************
 */
@media (hover: hover) and (pointer: fine) {
  /* END body */
}
/**
 ****************************************************
 *
 * screens smaller than $bp
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
  /* END body */
  /*
  * =====================================================
  *
  * [service.machinery.lowwerIndex]
  *
  * =====================================================
  */
  body.service.machinery.lowwerIndex .mainHead .mainTitle:after {
    content: "";
    background-image: url(../../images/content/service/machinery/mv-sp.jpg);
  }
  body.service.machinery.lowwerIndex .secVox .flexVox .item {
    width: 100%;
  }
  /* END body */
  /*
   * =====================================================
   *
   * [service.machinery.flow]
   *
   * =====================================================
   */
  body.service.machinery.flow .flowArea .item {
    padding: 14px 22px;
  }
  body.service.machinery.flow .flowArea .item:not(:last-child) {
    margin-bottom: 20px;
  }
  body.service.machinery.flow .flowArea .item .head::before {
    width: 19px;
    height: 10px;
    top: 20px;
  }
  body.service.machinery.flow .flowArea .item .head .title01 {
    gap: 0 10px;
  }
  body.service.machinery.flow .flowArea .item .head,
  body.service.machinery.flow .flowArea .item .txtVox {
    padding-left: 40px;
  }
  /* END body */
  /*
  * =====================================================
  *
  * [service.stay.lowwerIndex]
  *
  * =====================================================
  */
  body.service.stay.lowwerIndex .mainHead .mainTitle:after {
    content: "";
    background-image: url(../../images/content/service/stay/mv-sp.jpg);
  }
  /* END body */
  /*
  * =====================================================
  *
  * [service.m_a.lowwerIndex]
  *
  * =====================================================
  */
  body.service.m_a.lowwerIndex .mainHead .mainTitle:after {
    content: "";
    background-image: url(../../images/content/service/m_a/mv-sp.jpg);
  }
  /* END body */
}
/* END @media smaller than $bp */