@media (min-width: 768px), print {
  .intro {
    background-color: var(--sub-color-03);
    padding: calc(64 / var(--font-size) * 1rem) 0;
  }
  .intro__body {
    padding: 0 calc(20 / var(--font-size) * 1rem) 0 calc(20 / var(--font-size) * 1rem);
  }
  .intro__content {
    padding: 0 calc(80 / var(--font-size) * 1rem);
    margin: 0 auto;
  }
  /* 事前相談フロー */
  .jizensoudan-flow-table {
    position: relative;
  }
  .jizensoudan-flow-table .c-image__body {
    width: calc(1200 / var(--font-size) * 1rem);
    position: relative;
  }
  .jizensoudan-flow-table img{
    max-width: 100% !important;
  }
  .jizensoudan-flow-form-link {
    position: absolute;
    width: calc(55 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(433 / var(--font-size) * 1rem);
    top: calc(231 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .jizensoudan-flow-form-link:hover {
    opacity: 0.3;
  }
  .housing-lease-link {
    position: absolute;
    width: calc(120 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(49 / var(--font-size) * 1rem);
    top: calc(1164 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .housing-lease-link:hover {
    opacity: 0.3;
  }
  .soudan-form-link {
    position: absolute;
    width: calc(158 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(363 / var(--font-size) * 1rem);
    top: calc(96 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .soudan-form-link:hover {
    opacity: 0.3;
  }

  .search-for-rental-housing-link {
    position: absolute;
    width: calc(185 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(462 / var(--font-size) * 1rem);
    top: calc(769 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .search-for-rental-housing-link:hover {
    opacity: 0.3;
  }
}
@media all and (max-width: 767px) {
  .intro {
    background-color: var(--sub-color-03);
    padding: calc(64 / var(--font-size) * 1rem) 0;
  }
  .intro__body {
    padding: 0 calc(20 / var(--font-size) * 1rem) 0 calc(20 / var(--font-size) * 1rem);
  }
  /* 事前相談フロー */
  .jizensoudan-flow-table {
    position: relative;
  }
  .jizensoudan-flow-table .c-image__body {
    width: calc(1200 / var(--font-size) * 1rem);
    position: relative;
  }
  .jizensoudan-flow-table img{
    max-width: 100% !important;
  }
  .jizensoudan-flow-form-link {
    position: absolute;
    width: calc(55 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(433 / var(--font-size) * 1rem);
    top: calc(231 / var(--font-size) * 1rem);background-color: #000;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .jizensoudan-flow-form-link:hover {
    opacity: 0.3;
  }
  .housing-lease-link {
    position: absolute;
    width: calc(120 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(49 / var(--font-size) * 1rem);
    top: calc(1164 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .housing-lease-link:hover {
    opacity: 0.3;
  }
  .soudan-form-link {
    position: absolute;
    width: calc(158 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(363 / var(--font-size) * 1rem);
    top: calc(96 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .soudan-form-link:hover {
    opacity: 0.3;
  }

  .search-for-rental-housing-link {
    position: absolute;
    width: calc(185 / var(--font-size) * 1rem);
    height: calc(20 / var(--font-size) * 1rem);
    left: calc(462 / var(--font-size) * 1rem);
    top: calc(769 / var(--font-size) * 1rem);
    background-color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
  }
  .search-for-rental-housing-link:hover {
    opacity: 0.3;
  }
}