.set .right {
  max-width: 63% !important;
  text-align: center;
  padding: 10px; }
  .set .right img {
    width: 273px;
    margin: auto; }
  @media screen and (max-width: 999px) {
    .set .right {
      max-width: 100% !important;
      width: 100%;
      padding: 10px; }
      .set .right img {
        width: 80%; } }

.set .left {
  max-width: 35% !important;
  text-align: center;
  padding: 10px; }
  .set .left img {
    width: 273px;
    margin: auto; }
  @media screen and (max-width: 999px) {
    .set .left {
      max-width: 100% !important;
      width: 100%;
      padding: 10px; }
      .set .left img {
        width: 80%; } }

.set h5 {
  margin: 0px; }

.flow li:not(:last-child) {
  margin-bottom: 40px !important;
  position: relative; }
  @media screen and (max-width: 575px) {
    .flow li:not(:last-child) {
      margin-bottom: 35px; } }
  .flow li:not(:last-child)::after {
    content: '';
    display: block;
    width: 30px;
    height: 20px;
    background: url(/common/img/icon/arrow/flow.webp) no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    left: -310px;
    margin: auto; }
    @media screen and (max-width: 575px) {
      .flow li:not(:last-child)::after {
        width: 30px;
        height: 15px;
        left: 0;
        background-size: contain;
        top: calc(100% + 10px); } }

.mics {
  padding: 20px 20px;
  height: 100%;
  margin-bottom: 0px; }

.cap {
  font-weight: 500 !important;
  text-align: center; }

.pc_column2 li {
  max-width: 500px !important; }

.pc_column2 img {
  height: auto !important; }