* {
    margin: 0;
    padding: 0;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 767px) {
    html {
        font-size: calc(10 / 390 * 100 * 1vw);
    }
}
.container {
    display: block;
    width: 100%;
    height: 100dvh;
    position: relative;
    overflow: hidden;
    background-color: #000;
}
.title {
    width: 133px;
    height: 577px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .title {
        width: 80px;
        height: 338px;
    }
}
.title img {
    display: block;
    width: 100%;
    height: auto;
}
.img {
    display: block;
    width: 270px;
    height: 673px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    animation: 10s imageZoom linear forwards;
}
@media screen and (max-width: 767px) {
    .img {
        width: 167px;
        height: 438px;
    }
}
.img img {
    display: block;
    width: 100%;
    height: auto;
}
@keyframes imageZoom {
    0%{scale: 1;}
    100% {scale: 1.2;}
}
.overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 2;
    opacity: .8;
}