@charset "UTF-8";
/* =============================================================
   square2 Español (es) 専用スタイル上書き
   - style.css の後に読み込まれる差分ファイル
   - 全言語共通の調整は style.css 側へ。ここには es 固有の調整のみ書く
   - 未使用のうちは空でOK（必要になったら追記）
   ============================================================= */
@media (min-width: 768px) {
   .kv__title {
      top: 1.5%;
      left: 52.3%;
      width: 30.3%;
   }
}
@media (max-width: 767.98px) {
   .kv__title {
      left: 1%;
      width: 98%;
   }
}
@media (min-width: 768px) {
   .kv__feature {
      left: 16.67%;
      top: 15.84%;
      width: 9.5%;
   }
}
@media (max-width: 767.98px) {
   .kv__feature {
      width: 22.8%;
   }
}
.kv__copy {
   left: 16.69%;
   top: 92.19%;
   width: 14.71%;
}
@media (max-width: 767.98px) {
   .kv__copy {
      left: 58%;
      top: 88%;
      width: 40%;
   }
}
@media (max-width: 767.98px) {
   .kv__photo02.is-sp {
      top: 42.98%;
   }
}
@media (max-width: 767.98px) {
   .kv__camera02.is-sp { 
      top: 60.67%;
   }
}
@media (max-width: 767.98px) {
   .kv__logo.is-sp {
      left: 6.40%;
      top: 25.30%;
   }
}
.kv__filter--warm {
   left: 26%;
}
@media (max-width: 767.98px) {
   .kv__filter--warm {
      left: 68.5%;
   }
}
.kv__filter--cool {
   left: 66.8%;
}
@media (max-width: 767.98px) {
   .kv__filter--cool {
      left: 51.5%;
      text-align: right;
   }
}
/* KV タイトル / feature をテキスト化（es） */
.kv__title--text {
   font-family: var(--font-family-en);
   font-weight: 700;
   font-size: min(5.5vw, 75px);
   line-height: 1.1;
   white-space: nowrap;
}
.kv__feature--text {
   font-family: var(--font-family-en);
   font-size: min(1.35vw, 18px);
   line-height: 1;
}
.kv__feature-item + .kv__feature-item {
   margin-top: 1em;
}
.kv__feature-ttl {
   font-weight: 700;
   white-space: normal;
}
.kv__feature-desc {
   margin-top: 0.5em;
   font-weight: 400;
   font-size: 0.5em;
   line-height: 1.4;
   white-space: normal;
}
@media (max-width: 767.98px) {
   .kv__title--text {
      font-size: 15vw;
      white-space: nowrap;
   }
}