@charset "utf-8";
@media all and (max-width : 1024.9999px) {

  /*--------------------------------------------

共通 CSS

--------------------------------------------*/
  body {
    font-size: 1.4rem;
  }

  .for_pc {
    display: none !important;
  }

  .for_tab {
    display: block;
  }

  /* gallery */
  .gallery {
    padding: 6.6% 0 2.9%;
  }

  .gallery__inner {
    max-width: 100%;
    width: 94%;
  }


  .gallery__ttl {
    width: 53%;
  }

  .gallery__text {
    font-size: 1.4rem;
  }


  /* ギャラリー写真 */
  .gallery__head {
    min-height: 650px;
  }

  /* ===== タイル（位置は固定） ===== */

  .tile__a {
    --y: 24;
  }

  .tile__b {
    --y: 21;
  }

  .tile__c {
    --y: 15.5;
  }

  .tile__d {
    --y: 22;
  }

  .tile__e {
    --y: 6;
  }

  .tile__f {
    --y: 16;
  }

  .tile__g {
    --y: 27;
  }

  .tile__h {
    --y: 46;
  }

  .tile__i {
    --x: 68;
    --y: 62;
    --w: 19.2;
    --i: 9;
  }

  .tile__j {
    --x: 64;
    --y: 73;
    --w: 7.8;
    --i: 10;
  }

  .tile__k {
    --y: 82;
  }

  .tile__l {
    --y: 69;
  }

  .tile__m {
    --y: 58;
  }

  .tile__n {
    --x: 16;
    --y: 74;
  }

  .tile__o {
    --y: 57;
  }

  .tile__p {
    --y: 45;
  }


  .tile__pattarn-a {
    --x: 12;
    --y: 6;
    --w: 13.5;
    --i: 2;
  }

  .tile__pattarn-b {
    --y: 6;
  }


  .tile__pattarn-d {
    --y: 60;
  }

}