@charset "UTF-8";
/* コンテンツ */

@keyframes title_ap {
  0% {
    opacity: 0;
    filter: blur(20px);
    -webkit-filter: blur(20px);
    transform: scale(1.1);
  }
  100% {
    filter: blur(0);
    -webkit-filter: blur(0);
    opacity: 1;
    transform: scale(1);
  }
}

#mainimg {
	position: relative;
    box-sizing: border-box;
    max-width: 1600px;
	margin:120px auto 0;
    overflow: hidden;
}
#mainimg h2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
#mainimg h2 img {
    opacity: 0;
    transform: scale(1.1);
    height: 70%;
    animation: title_ap 2s ease 0.5s normal both;
}

@media screen and (min-width: 521px) {
.swiper-container1 .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.swiper-container1 .swiper-slide {
    width: 50% !important;
    aspect-ratio: 2 / 1;
    background-position: center center;
    background-size: cover;
}
}

.sd1 {
    background-image: url("../slide/01_pc.webp");
}
.sd2 {
    background-image: url("../slide/02_pc.webp");
}
.sd3 {
    background-image: url("../slide/03_pc.webp");
}
.sd4 {
    background-image: url("../slide/04_pc.webp");
}


@media screen and (max-width: 960px) {
#mainimg {
	margin:80px auto 0;
}

}

@media screen and (max-width: 520px) {
#mainimg {
	margin:50px auto 0;
}
.swiper-container1 .swiper-slide {
    width: 100% !important;
    aspect-ratio: 11 / 8;
    background-position: center center;
    background-size: cover;
}
.sd1 {
    background-image: url("../slide/01_sp.webp");
}
.sd2 {
    background-image: url("../slide/03_sp.webp");
}
.sd3 {
    background-image: url("../slide/02_sp.webp");
}
.sd4 {
    background-image: url("../slide/04_sp.webp");
}

}