@charset "UTF-8";

/* PC用 */
@media screen and (min-width: 768px) , print {
  /* 連携システムご紹介 */
  #product-renkeisystem {
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
    align-items: center;
    width: 100%;
  }
  #product-renkeisystem > .renkeisystem-photo {
    width: 200px;
    margin-right: 10px;
  }
  #product-renkeisystem > .renkeisystem-main {
    width: calc(100% - 10px - 200px);
  }
}

/* 小さい画面用 */
@media screen and (max-width: 767px) {
  /* 連携システムご紹介 */
  #product-renkeisystem {
    width: 100%;
  }
  #product-renkeisystem > .renkeisystem-photo {
    text-align: center;
    width: 100%;
  }
  #product-renkeisystem > .renkeisystem-main {
    width: 100%;
  }
}