/* ======================================================
 * technology_sp.css
 * ------------------------------------------------------
 * - Main
 * - Other
 * Media Queries
 * Print
====================================================== */
@media screen and (max-width: 767px) {
  /* -----------------------------------------------------
     * Main
   ------------------------------------------------------*/
  .contents__main p {
    margin-bottom: 0;
    line-height: 2em;
  }

  .contents__main p.valuechain_text {
    margin-bottom: 22px;
  }
  .valuechain_container img {
    height: 86px;
    width: 86px;
  }
  .valuechain_container .box {
    display: block;
    margin-bottom: 16px;
    padding: 32px clamp(30px, 7.8226857888vw, 60px);
  }
  .valuechain_container .box:last-child {
    margin-bottom: 0;
  }
  .valuechain_container .text_area {
    width: 100%;
  }
  .valuechain_container .text_area p {
    font-size: 13px;
    line-height: 1.6em;
  }
  .valuechain_container .text_area p.subtitle {
    margin-top: 20px;
    text-align: center;
    font-size: 21px;
  }
  .valuechain_container img {
    margin: 0 auto;
  }
  .manufacturing li {
    display: block;
    border-top: 2px solid #666;
    margin: 0;
  }
  .manufacturing li:last-child {
    border-bottom: 2px solid #666;
  }
  .manufacturing li::before {
    justify-content: flex-start;
    font-weight: 600;
    display: inline;
    font-size: 13px;
  }
  .manufacturing li .note {
    font-size: 13px;
    padding-left: 0;
  }
  .manufacturing li .note:last-child {
    padding-bottom: 13px;
  }
  .manufacturing .title {
    font-size: 13px;
    font-weight: 600;
    align-items: none;
    display: inline-flex;
    padding-top: 13px;
  }
  .manufacturing .title::after {
    display: none;
  }
  .quality__area p {
    font-size: 13px;
    line-height: 2em;
    padding-bottom: 46px;
  }
  .os-windows .manufacturing li::before {
    font-weight: 700;
  }
  .os-windows .manufacturing .title {
    font-weight: 700;
  }

}
/* ======================================================
 * Media Queries
====================================================== */
@media screen and (max-width: 414px) {
  .valuechain_container .box {
    padding: 32px 30px;
  }
}
@media screen and (max-width: 390px) {
  #main {
    font-size: 13px;
  }
  #main .valuechain_container .box {
    padding: 30px;
  }
  #main .valuechain_container .text_area {
    width: 100%;
  }
}/*# sourceMappingURL=system_sp.css.map */