/* ------------------------------------------------------------------------ */
/* HEAT TO HEART用のCSS */
/* ------------------------------------------------------------------------ */

  /* ワイドスクリーン用のCSS */
  @media only screen and (min-width: 1920px) {
    .heat-to-heart {
      height: 100vh;
      background-image: url("/contents/about-us/index/assets/img/260515_EN_TOP_PC.avif");
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1920px) {
    .heat-to-heart {
      height: 100vh;
      background-image: url("/contents/about-us/index/assets/img/260515_EN_TOP_PC.avif");
      background-size: cover;
      background-position: bottom;
    }
  }
  /* タブレット用のCSS */
  @media only screen and (min-width: 575px) and (max-width: 1200px) {
    .heat-to-heart {
      height: 100vh;
      background-image: url("/contents/about-us/index/assets/img/260515_EN_TOP_PC.avif");
    }
  }
  /* スマホ用のCSS */
  @media only screen and (max-width: 575px) {
    .heat-to-heart {
      height: 100vh;
      background-image: url("/contents/about-us/index/assets/img/260515_EN_TOP_SP.avif");
    }
    .about-us-content .cover-text h1 {
        font-size: 35px;
        color: #fff;
        padding: 0;
        line-height: 55px;
    }
  }
  .heat-to-heart-text {
    vertical-align: middle;
    padding: 0;
    }
 @supports (-webkit-touch-callout: none) {
    .heat-to-heart {
      /* The hack for Safari */
      height: fill-available;
    }
  }