@charset "utf-8";

/* 全体
---------------------------------------------------------------------------*/
.mainimg {
  width: 100%;
  position: relative;
  margin: 3rem auto 0;
  padding: 5rem 1rem 3rem;
}

/* 1枚表示ブロック */
.mainimg .slide {
  width: 100%;
  position: absolute;
  inset: 0;
}
.mainimg .slide.img1 {
  position: relative;
  width: 100%;
  height: auto;
}
/* 上段：左コメント＋画像＋右コメント */
.mainimg .slide_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5vw;
  width: 100%;
}

@media (min-width: 1001px) {
  .mainimg .slide_row {
    gap: 1vw;
  }
}

/* 画像 */
.mainimg .slide_img {
  flex: 0 0 auto;
  width: clamp(18.75rem, 13.512rem + 22.17vw, 31.25rem);
}

.mainimg .slide_img img {
  width: 100%;
  height: auto;
  display: block;
}

/* コメント共通 */
.mainimg .comment {
  flex: 1;
  font-size: clamp(1rem, 0.749rem + 1.06vw, 1.6rem);
  line-height: 1.6;
}

/* 左右 */
.mainimg .comment.left {
  text-align: center;
}
.mainimg .comment.right {
  text-align: center;
}

/* 下コメント */
.mainimg .comment.bottom {
  margin-top: 2vw;
  text-align: center;
  letter-spacing: 3px;
}
.mainimg .comment.bottom span {
  font-size: clamp(1.6rem, 1.223rem + 1.6vw, 2.5rem);
  font-weight: 600;
}

/* スマホは縦並び */
@media (max-width: 1000px) {
  .mainimg .slide_row {
    flex-direction: column;
  }
}

/*改行設定
----------------------*/
/* スマホ用<br> */
@media screen and (max-width: 1000px) {
  .br-sp_slide {
    display: block;
  }
  .br-tb_slide {
    display: none;
  }
  .br-pc_slide {
    display: none;
  }
}
/* tablet 縦用<br> */
@media only screen and (min-width: 1001px) and (max-width: 1023px) {
  .br-sp_slide {
    display: none;
  }
  .br-tb_slide {
    display: block;
  }
  .br-pc_slide {
    display: none;
  }
}
/* pc用<br> */
@media screen and (min-width: 1024px) {
  .br-sp_slide {
    display: none;
  }
  .br-tb_slide {
    display: none;
  }
  .br-pc_slide {
    display: block;
  }
}