/*
 * =====================================================
 *
 * [variable]
 *
 * =====================================================
 */
/*
 * =====================================================
 *
 * [about]
 *
 * =====================================================
 */
/* END body */
/*
 * =====================================================
 *
 * [message]
 *
 * =====================================================
 */
body.about.message .secVox .flexVox {
  flex-direction: row-reverse;
  gap: 0 60px;
}
body.about.message .secVox .flexVox .imgVox {
  width: 320px;
  flex-shrink: 0;
}
body.about.message .secVox .flexVox .txtVox {
  flex-grow: 1;
}

/* END body */
/*
 * =====================================================
 *
 * [company]
 *
 * =====================================================
 */
body.about.company .historyVox .dlList01 {
  margin-left: 15px;
}
body.about.company .historyVox .dlList01 .dlItem {
  display: flex;
  gap: 0 20px;
}
body.about.company .historyVox .dlList01 .dlItem:first-of-type dt::before {
  top: 0.2em;
}
body.about.company .historyVox .dlList01 .dlItem dt {
  display: flex;
  gap: 0 20px;
  flex-shrink: 0;
  font-weight: 500;
  position: relative;
  width: 85px;
}
body.about.company .historyVox .dlList01 .dlItem dt::before {
  content: "";
  position: absolute;
  margin: auto;
  width: 1px;
  height: 100%;
  background: #ac8e71;
  right: 10px;
  top: 0;
}
body.about.company .historyVox .dlList01 .dlItem dt::after {
  content: "";
  position: absolute;
  margin: auto;
  width: 21px;
  height: 21px;
  border: 1px solid #AC8E71;
  border-radius: 50%;
  background: #fff;
  right: 0;
  top: 0.2em;
}
body.about.company .historyVox .dlList01 .dlItem dt,
body.about.company .historyVox .dlList01 .dlItem dd {
  padding-bottom: 20px;
}
body.about.company .locationVox .flexVox {
  gap: 20px;
}
body.about.company .locationVox .flexVox:not(:last-child) {
  margin-bottom: 20px;
}
body.about.company .locationVox .flexVox .imgVox {
  width: 320px;
  flex-shrink: 0;
}
body.about.company .locationVox .flexVox .mapVox {
  flex-grow: 1;
}

/* 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 */
  /*
  * =====================================================
  *
  * [message]
  *
  * =====================================================
  */
  body.about.message .secVox .flexVox {
    flex-direction: column;
    gap: 40px 0;
  }
  body.about.message .secVox .flexVox .imgVox {
    width: 100%;
    flex-shrink: 0;
  }
  body.about.message .secVox .flexVox .txtVox {
    flex-grow: 1;
  }
  /* END body */
  /*
  * =====================================================
  *
  * [company]
  *
  * =====================================================
  */
  body.about.company .locationVox .flexVox {
    gap: 0;
    flex-direction: column;
  }
  body.about.company .locationVox .flexVox .imgVox {
    width: 100%;
  }
  /* END body */
}
/* END @media smaller than $bp */