@charset "utf-8";

/* ---------------------------------------------
- 成分調整切替システム（ index ） 
--------------------------------------------- */

/* iOS系  BUG対策（背景固定） */
/* Chrome BUG対策（Blur効果） */

/* android */
#LAIS #wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: min(1833.333333px, max(244.444444vw, 880px));
  background: url( ../site_images/prodCAT/LAIS/BG_LAIS.jpg);
  background: image-set( url( ../site_images/prodCAT/LAIS/BG_LAIS.webp) 1x,
                         url( ../site_images/prodCAT/LAIS/BG_LAIS@2x.webp) 2x,
                         url( ../site_images/prodCAT/LAIS/BG_LAIS@3x.webp) 3x);
  background-size: cover;
  background-position: 88% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}



/* --- BG --- */
.LAIS {
  margin: auto auto 20%;
  padding-bottom: 68%;
  width: 100%;
}


/* --- TOP --- */
.LAIS_TOP {
  margin: 30% auto 15%;
  width: 100%;
  padding: 0 14%;
}

.LAIS_TOP h1 {
  margin: 3% auto 0;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_15);
  letter-spacing: 0.08em;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}

/* bnr */
.LAIS_BNR {
  margin: auto;
  width: 52%;
}

/* --- TEXT --- */
.LAIS_TEXT {
  margin: auto;
  width: 72%;
}

.LAIS_TEXT p {
  margin-bottom: 1.2em;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_12-48);
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: justify;
}



/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .itaneri-capture a.link:hover {
    opacity: 0.6;
    text-decoration: none;
  }

}

/* for SP */
@media (hover: none) {
  .itaneri-capture a.link:active {
    opacity: 0.6;
    text-decoration: none;
  }

}