@charset "UTF-8";
/* CSS Document */
.section-wrapper {
  position: relative;
}

.section-body {
  position: relative;
  margin-top: 100vh;
  width: 100%;
  min-height: 300px;
  text-align: center;
}
.bg-image-clip {
  position: absolute;
  top: -100vh;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 1080px;
  clip-path: inset(0); /* 切り抜き */
  z-index: -1;
}
.bg-image-fixed {
  position: fixed; /* 背景を固定 */
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background-size: cover;
  background-position: center;
/*  background-attachment: fixed;*/
  background-repeat: no-repeat;
  will-change: transform;
}
.bv-video-wrap {
   height: 100vh;
}
#section-m {
}
#section1 {
  background-color: #fff;
}
.bg-01{
background-image: url("../parts/bg-img-2.jpg");
}
#section2 {
  background-color: #000;
}
.bg-02{
background-image: url("../parts/bg-img-3.jpg");
}
#section3 {
  background-color: #000;
}
.bg-03{
background-image: url("../parts/bg-img-4.jpg");
}
#section4 {
  background-color: #000;
}
.bg-04{
background-image: url("../parts/bg-img-4.jpg");
}
#section5 {
  background-color: #000;
}
.bg-05 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
#section6 {
  background-color: #000;
}
.bg-06{
background-image: url("../parts/bg-img-6.jpg");
}
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: opacity 2s ease-in-out;
}

/* 各背景画像 */
.bg-1 {
  background-image: url("../parts/bg-img-5.jpg");
  opacity: 1;
}

.bg-2 {
  background-image: url("../parts/bg-img-dounsan.jpg");
  opacity: 0;
  animation: fade-in 4s ease-in-out forwards;
  animation-delay: 5s;
}

.bg-3 {
  background-image: url("../parts/bg-img-dounsan-1.jpg");
  opacity: 0;
  animation: fade-in 4s ease-in-out forwards;
  animation-delay: 10s;
}

/* フェードインアニメーション */
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@media screen and (max-width:768px) {
 body {
    background-size: cover; /* 画面にフィット */
  }
.bg-01{
background-image: url("../parts/bg-img-2-sp.jpg");
width: 100%;
}
.bg-02{
background-image: url("../parts/bg-img-3-sp.jpg");
width: 100%;
}
.bg-04{
background-image: url("../parts/bg-img-4-sp.jpg");
width: 100%;
}
.bg-05{
background-image: url("../parts/bg-img-5-sp.jpg");
width: 100%;
}
.bg-06{
background-image: url("../parts/bg-img-6-sp.jpg");
width: 100%;
}
}