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

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

#mainimg {
	position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    aspect-ratio:20 / 12;
    background-image: url("../slide/01_pc.webp");
    background-size: cover;
}
#mainimg h2 {
    position: absolute;
    right: 10%;
    top: 13%;
    width: 40%;
    z-index: 2;
}
#mainimg h2 img {
    opacity: 0;
    transform: scale(1.1);
    width: 100%;
    animation: title_ap 2s ease 0.5s normal both;
}




@media screen and (max-width: 960px) {
#mainimg {
    aspect-ratio:20 / 15;
    background-image: url("../slide/01_sp.webp");
}
#mainimg h2 {
    right: 5%;
    top: 8%;
    width: 60%;
}
}

@media screen and (max-width: 520px) {


}