/* CSS Document */


.lexton-box img {
  display: block;
  max-width: 1920px;
  width: 100%;
  height: auto;
}
html, body {
  margin: 0;
  padding: 0;
}
/*common*/
/*      .nav-box{
          background-image: url("../img/common/header-bg.png");
          height: 182px;
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 99;
                  

      }*/
/*      .nav-inner{
          max-width: 1746px;
        width: 96%;
        margin: auto;
          display: flex;
          justify-content: space-between;
          align-items: center;
          
      }*/
/*      .nav-ul{
          display: flex;
              list-style: none;
          
      }*/
/*      .nav-ul li{
          display: block;margin: 2rem;
      }
      .lxt-inner ul{
          padding: 14.4% 0 0 0;
          display: flex;
          list-style: none;
           max-width: 1300px;
          width: 69%;
          margin: auto;
          
      }
      .lxt-inner ul li{
          display: block;margin: 1%;
         
          
      }
      .lxt-inner ul li img{width: 100%;}
      .lxt-inner ul li a{
          text-align: center;
          font-size: 14px;
          color: #12458f;
          text-decoration: none;
      }
      .lxt-inner ul li a:hover{
          text-decoration: underline;
      }
      .to-planlist{
          padding-top: 2%;
      }
      .to-planlist a{
          width: 18%;
      }
      .to-planlist a img{
          width: 100%;
      }*/
/*top スライダー関連*/
/* 全体の箱 */
.lxt1 {
  max-width: 1920px; /* お好みで */
  margin: 0 auto;
  position: relative;
}
/* スライダー本体 */
.slider {
  position: relative;
  overflow: hidden;
    /*height: 100vh;*/
    aspect-ratio: 1920 / 945;
}
/* アスペクト比（画像比率に合わせて調整してね） */
.slider::before {
  content: "";
  display: block;
  padding-top: 40%; /* ここを画像の縦横比に合わせて変更 */
}
/* 画像3枚を重ねてフェード */
/* 画像3枚を重ねてクロスフェード */
.slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: sliderFade 12s infinite;
}

/* 開始タイミング */
.slider img:nth-child(1) { animation-delay: 0s; }
.slider img:nth-child(2) { animation-delay: 4s; }
.slider img:nth-child(3) { animation-delay: 8s; }

@keyframes sliderFade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }   /* ゆっくりフェードイン */
  40% {
    opacity: 1;
  }   /* 表示を長めにキープ */
  60% {
    opacity: 0;
  }   /* 次の画像と重なりながらフェードアウト */
  100% {
    opacity: 0;
  }
}

/* 上に重ねるテキスト画像 */
.slidertext {
  position: absolute;
  bottom: 25%;
  width: 27%;
  height: auto;
  aspect-ratio: 529 / 241;
  left: 16%;
  /*inset: 0;*/
  /*display: flex;*/
  /*  align-items: center;
  justify-content: center;
  pointer-events: none;*/ /* クリックをスライダーに通すなら */
}
.lxt-inner p {
  font-size: 0.8vw;
}
.to-planlist {
  text-align: center;
}
.to-planlist a {
  display: inline-block;
  margin: auto;
}
.lxt4 {
  position: relative;
}
.lxt4a {
  position: absolute;
  bottom: 9%;
  width: 100%;
}
.lxt4a a {
  display: block;
  width: 12.7%;
  margin: auto;
  max-width: 245px;
}
.lxt4a a img {
  width: 100%;
}
.lxt5 {
  position: relative;
}
.lxt5a {
  position: absolute;
  bottom: 16.7%;
  width: 12.7%;
  left: 19.8%;
}
.lxt5a a {
  display: block;
  width: 100%;
  max-width: 245px;
}
.lxt5a a img {
  width: 100%;
}
.lxt6 {
  position: relative;
}
.lxt6a {
  position: absolute;
  bottom: 18.2%;
  width: 12.7%;
  right: 31.9%;
}
.lxt6a a {
  display: block;
  width: 100%;
  max-width: 245px;
}
.lxt6a a img {
  width: 100%;
}
.lxt7 {
  position: relative;
}
.lxt7a {
  position: absolute;
  bottom: 20.2%;
  width: 12.7%;
  left: 19.8%;
}
.lxt7a a {
  display: block;
  width: 100%;
  max-width: 245px;
}
.lxt7a a img {
  width: 100%;
}
.lxt8 {
  position: relative;
}
.lxt8a {
  position: absolute;
  bottom: 15.2%;
  width: 12.7%;
  right: 31.9%;
}
.lxt8a a {
  display: block;
  width: 100%;
  max-width: 245px;
}
.lxt8a a img {
  width: 100%;
}
.lxt9 {
  position: relative;
}
.lxt9a {
  position: absolute;
  bottom: 8.6%;
  width: 12.7%;
  left: 19.8%;
}
.lxt9a a {
  display: block;
  width: 100%;
  max-width: 245px;
}
.lxt9a a img {
  width: 100%;
}
.lxt13 {
  position: relative;
}
.lxt13a {
  position: absolute;
  bottom: 10.4%;
  width: 100%;
}
.lxt13a a {
  display: block;
  width: 9.1%;
  margin: auto;
  max-width: 245px;
}
.lxt13a a img {
  width: 100%;
}
.googlemaps {
  width: 100%;
  aspect-ratio: 1920 / 608;
}
.lxt16 {
  position: relative;
}
.lxt16a {
  position: absolute;
  bottom: 55%;
  width: 100%;
}
.lxt16a a {
  display: block;
  width: 12.7%;
  margin: auto;
  max-width: 245px;
}
.lxt16a a img {
  width: 100%;
}
/*背景指定*/
.lexton-box {
  .lxt-news {
    background-image: url("../img/top/tp1_r2_c1.png")
  }
  /*.lxt1  { background-image: url("https://p-c.pw/lexton/img/top/top_r1_c1.jpg"); }*/
  .lxt2 {
    background-image: url("https://p-c.pw/lexton/img/top/tp1_r3_c1.png");
  }
  .lxt3 {
    background-image: url("https://p-c.pw/lexton/img/top/tp1_r4_c1.png");
  }
  .lxt4 {
    background-image: url("https://p-c.pw/lexton/img/top/tp1_r5_c1.png?2");
  }
  .lxt5 {
    background-image: url("https://p-c.pw/lexton/img/top/tp1_r6_c1.png?2");
  }
  .lxt6 {
    background-image: url("https://p-c.pw/lexton/img/top/tp1_r7_c1.png?2");
  }
  .lxt7 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r1_c1.png?2");
  }
  .lxt8 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r2_c1.png?2");
  }
  .lxt9 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r3_c1.png?2");
  }
  .lxt10 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r4_c1.png?2");
  }
  .lxt11 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r5_c1.png");
  }
  .lxt12 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r6_c1.png");
  }
  .lxt13 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r7_c1.png?2");
  }
  .lxt14 {
    background-image: url("https://p-c.pw/lexton/img/top/tp2_r8_c1.png");
  }
  .lxt15 { /*background-image: url("https://p-c.pw/lexton/img/top/tp2_r9_c1.png");*/
  }
  .lxt16 { /*background-image: url("https://p-c.pw/lexton/img/top/tp2_r10_c1.png");*/
  }
  /* ===== aspect-ratio（Fireworks出力ベース）===== */
  /* tp1.png 系 */
  .lxt1 {
    aspect-ratio: 1920 / 943;
  } /* tp1_r1_c1.png */
  .lxt-news {
    aspect-ratio: 1920 / 850;
  } /* tp1_r2_c1.png */
  .lxt2 {
    aspect-ratio: 1920 / 868;
  } /* tp1_r3_c1.png */
  .lxt3 {
    aspect-ratio: 1920 / 488;
  } /* tp1_r4_c1.png */
  .lxt4 {
    aspect-ratio: 1920 / 1092;
  } /* tp1_r5_c1.png */
  .lxt5 {
    aspect-ratio: 1920 / 1397;
  } /* tp1_r6_c1.png */
  .lxt6 {
    aspect-ratio: 1920 / 1320;
  } /* tp1_r7_c1.png */
  /* tp2.png 系 */
  .lxt7 {
    aspect-ratio: 1920 / 1317;
  } /* tp2_r1_c1.png */
  .lxt8 {
    aspect-ratio: 1920 / 1280;
  } /* tp2_r2_c1.png */
  .lxt9 {
    aspect-ratio: 1920 / 1141;
  } /* tp2_r3_c1.png */
  .lxt10 {
    aspect-ratio: 1920 / 624;
  } /* tp2_r4_c1.png */
  .lxt11 {
    aspect-ratio: 1920 / 356;
  } /* tp2_r5_c1.png */
  .lxt12 {
    aspect-ratio: 1920 / 287;
  } /* tp2_r6_c1.png */
  .lxt13 {
    aspect-ratio: 1920 / 1148;
  } /* tp2_r7_c1.png */
  .lxt14 {
    aspect-ratio: 1920 / 380;
  } /* tp2_r8_c1.png */
  .lxt15 {
    aspect-ratio: 1920 / 608;
  } /* tp2_r9_c1.png */
  .lxt16 {
    aspect-ratio: 1920 / 333;
  } /*tp2_r10_c1.png*/
}
.lexton-box > div {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}