@charset "UTF-8";

/* ロゴテキスト横スクロール アニメーション */
.p-company-bg.scrollable {
  /* height: clamp(300px, 38vw, 500px); */
  background-image: url(../images/company/img-company-1.jpg);
  background-size: contain;
  background-position: top left;
  overflow: hidden;
}
.p-company-bg.scrollable > span {
  display: block;
  width: 205.6%;
  height: 100%;
  background-image: url(../images/company/img-company-2.svg), url(../images/company/img-company-2.svg);
  background-repeat: no-repeat;
  background-size: calc(100 / 205.6 * 100%) auto;
  background-position: left 0% bottom 60px, left 100% bottom 60px;
}
@media screen and (max-width: 768px) {
  .p-company-bg.scrollable {
    /* height: 78px; */
  }
  .p-company-bg.scrollable > span {
    width: 500%;
    background-position: 0 50vw, 100% 50vw;
  }
}