#sec8{
	background-image: url(../img/background/interior.webp);
	background-position: center;
	background-size: cover;
	height: 100vh;
	display: flex;
	align-items: center;
	animation: fadein 2s ease forwards;
}

.sec8_inner{
	width: 100%;
    text-align: center;
}

.sec8_inner h1{
    letter-spacing: 0;
	font-weight: 600;
    font-size: 32px;
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
	margin-bottom: 20px;
}

#sc8_interior{
	width: 100%;
}

footer{
	text-align: center;
	height: 30vh;
	border-top: 2px  solid rgb(146, 146, 154);
	background-color: #d5d5dd;
	position: relative;
}

/* ==================================================== */

/* .swiper {
	display: block;
  }
  
  .orientation-message {
	display: none;
  } */
  
  /* 画面が縦向き (portrait) の場合 */
  /* @media screen and (orientation: portrait) {
	.swiper {
	  display: none; 
	}
  
	.orientation-message {
	  display: flex; 
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: #333;
	  color: white;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  z-index: 1000; 
	}
  } */


  @media (max-width: 767px) and (orientation: portrait) {
	.swiper-slide-active .swiper-img,
	.swiper-slide-duplicate-active .swiper-img,
	.swiper-slide-prev .swiper-img {
	  animation: none; /* アニメーションを停止 */
	}
  }