input {
    -webkit-appearance: none;
  }
  .image-with-text {
    display: flex;
  }
  @media (min-width: 960px) {
    .image-with-text--align-top,
    .image-with-text--align-top .image-with-text__info-wrap {
      align-items: flex-start;
    }
    .image-with-text--align-middle,
    .image-with-text--align-middle .image-with-text__info-wrap {
      align-items: center;
    }
    .image-with-text--align-bottom,
    .image-with-text--align-bottom .image-with-text__info-wrap {
      align-items: flex-end;
    }
    .image-with-text--stretch {
      align-items: stretch;
    }
    .image-with-text--overlap .image-with-text__info-wrap {
      padding: 50px 0;
    }
    .image-with-text--overlap .image-with-text__info {
      position: relative;
    }
    .image-with-text--overlap .image-with-text__info--overlap-pc-right {
      width: calc(100% + 36px);
    }
    .image-with-text--overlap .image-with-text__info--overlap-pc-left {
      left: -36px;
      width: calc(100% + 36px);
    }
    .image-with-text.pos-right {
      flex-direction: row-reverse;
    }
  }
  .image-with-text.img-w-small .image-with-text__info-wrap {
    flex: 2;
  }
  .image-with-text.img-w-medium .image-with-text__info-wrap {
    flex: 1;
  }
  .image-with-text.img-w-large .image-with-text__info-wrap {
    flex: 0.5;
  }
  .image-with-text__img-wrap {
    flex: 1;
    position: relative;
    z-index: 1;
  }
  .image-with-text__img-wrap--high {
    height: 700px;
  }
  .image-with-text__img-wrap--low {
    height: 350px;
  }
  .image-with-text__title--size-small {
    font-size: calc(var(--title-font-size) * 0.8);
  }
  .image-with-text__title--size-medium {
    font-size: calc(var(--title-font-size) * 1);
  }
  .image-with-text__title--size-large {
    font-size: calc(var(--title-font-size) * 1.2);
  }
  .image-with-text__sub-title--size-small {
    font-size: calc(var(--body-font-size) * 1 * 0.8);
  }
  .image-with-text__sub-title--size-medium {
    font-size: calc(var(--body-font-size) * 1);
  }
  .image-with-text__sub-title--size-large {
    font-size: calc(var(--body-font-size) * 1 * 1.2);
  }
  @media (min-width: 960px) {
    .image-with-text__sub-title--size-small {
      font-size: calc(var(--body-font-size) * 1.142857 * 0.8);
    }
  
    .image-with-text__sub-title--size-medium {
      font-size: calc(var(--body-font-size) * 1.142857);
    }
  
    .image-with-text__sub-title--size-large {
      font-size: calc(var(--body-font-size) * 1.142857 * 1.2);
    }
    .image-with-text--stretch .image-with-text__img-wrap--high,
    .image-with-text--stretch .image-with-text__img-wrap--low {
      height: auto;
    }
  }
  .image-with-text__img-wrap--auto {
    height: auto;
    object-fit: contain;
  }
  .image-with-text .color-scheme-none {
    background-color: rgba(var(--color-page-background));
    color: rgba(var(--color-text));
  }
  .image-with-text .color-scheme-none .image-with-text__content {
    color: rgba(var(--color-text));
  }
  .image-with-text__info-wrap {
    display: flex;
    position: relative;
    width: 100%;
    z-index: 2;
  }
  .image-with-text__info-reference {
    width: 100%;
  }
  .image-with-text__info {
    padding: 32px 50px;
  }
  .image-with-text__info--align-left {
    text-align: left;
  }
  .image-with-text__info--align-center {
    text-align: center;
  }
  .image-with-text__info--align-right {
    text-align: right;
  }
  .image-with-text__sub-title {
    word-wrap: break-word;
    font-weight: 400;
    margin-top: 20px;
    text-transform: uppercase;
  }
  .image-with-text__content {
    margin-top: 20px;
  }
  .image-with-text__title {
    margin-bottom: 20px !important;
    margin-top: 20px;
    overflow: hidden;
  }
  .image-with-text__btn {
    margin-top: 20px;
  }
  .image-with-text__img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  .image-with-text__empty-img {
    background-color: rgb(var(--color-image-background));
    height: 100%;
    width: 100%;
  }
  .image-with-text__info > :first-child {
    margin-top: 0;
  }
  @media (max-width: 959px) {
    .image-with-text {
      display: flex;
      flex-direction: column;
    }
    .image-with-text--overlap .image-with-text__info-wrap {
      margin-top: -36px;
      padding-left: 14px;
      padding-right: 14px;
      position: relative;
      z-index: 1;
    }
    .image-with-text.pos-right {
      flex-direction: column;
    }
    .image-with-text .color-scheme-none {
      background-color: rgba(var(--color-page-background));
    }
    .image-with-text__info {
      box-sizing: border-box;
      left: 0;
      padding: 30px 20px;
      right: 0;
    }
    .image-with-text__info--m-align-left {
      text-align: left;
    }
    .image-with-text__info--m-align-center {
      text-align: center;
    }
    .image-with-text__info--m-align-right {
      text-align: right;
    }
    .image-with-text__img-wrap {
      flex-basis: auto;
    }
    .image-with-text__img-wrap--high {
      height: 400px;
    }
    .image-with-text__img-wrap--low {
      height: 200px;
    }
    .image-with-text__content,
    .image-with-text__sub-title {
      margin-top: 15px;
    }
    .image-with-text__title {
      margin-top: 15px;
      overflow: hidden;
    }
    .image-with-text__btn {
      margin-top: 15px;
    }
    .image-with-text__img {
      height: 100%;
      object-fit: cover;
      object-position: center;
      width: 100%;
    }
    .image-with-text__empty-img {
      background-color: rgb(var(--color-image-background));
      height: 100%;
      width: 100%;
    }
  }
  .image-with-text__image-box {
    height: 100%;
  }
  .image-with-text__image-box .empty-image-class {
    width: 100%;
    background-color: rgb(var(--color-image-background));
    height: 100%;
    display: block;
  }
  .image-with-text__image-box .image-with-text__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }