/*
Theme Name: akarikunimi-child
Version: 1.0
Template: akarikunimi
*/

/*----------------------------
    ファーストビューセクション 
----------------------------*/

.top-firstview-wrapper {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.top-firstview-wrapper #luxy {
    height: 100vh;
}

.top-firstview-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-firstview-wrapper .top-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

.top-logo img {
    height: max(270px, 32vh);
}

.top-firstview-wrapper .top-front-leaf-left {
    position: absolute;
    width: 630px;
    left: -260px;
    bottom: 14%;
    transform: rotate(28.77deg);
}

.top-firstview-wrapper .top-front-leaf-right {
    position: absolute;
    top: -8%;
    width: 650px;
    right: -260px;
    transform: rotate(0deg);
}

.top-firstview-wrapper .top-front-leaf-top {
    position: absolute;
    width: 700px;
    right: -170px;
    top: -270px;
    transform: rotate(315.41deg);
}

.top-firstview-wrapper .top-back-leaf-left-top {
    position: absolute;
    width: 391px;
    left: -180px;
    top: 10%;
    transform: rotate(315.41deg);
}

.top-firstview-wrapper .top-back-leaf-left-bottom {
    position: absolute;
    width: 375px;
    left: -180px;
    bottom: -5%;
    transform: rotate(373.47deg);
}

.top-firstview-wrapper .top-back-leaf-right-top {
    position: absolute;
    width: 333px;
    right: -80px;
    bottom: 25%;
    /* transform: rotate(270deg); */
    transform: rotate(180deg);
}

.top-firstview-wrapper .top-back-leaf-right-bottom {
    position: absolute;
    width: 366px;
    right: -200px;
    bottom: 2%;
    transform: rotate(12deg);
}

@media screen and (max-width: 767px) {
    .top-firstview-wrapper .top-front-leaf-left {
        left: -410px;
    }

    .top-firstview-wrapper .top-front-leaf-right {
        top: -4%;
        width: 850px;
        right: -620px;
    }

    .top-firstview-wrapper .top-front-leaf-top {
        width: 740px;
        right: -290px;
        top: -310px;
    }

    .top-firstview-wrapper .top-back-leaf-left-top {
        width: 325px;
        left: -200px;
    }

    .top-firstview-wrapper .top-back-leaf-left-bottom {
        width: 260px;
        left: -110px;
    }

    .top-firstview-wrapper .top-back-leaf-right-top {
        width: 230px;
        right: -120px;
        bottom: 45%;
    }

    .top-firstview-wrapper .top-back-leaf-right-bottom {
        width: 400px;
        right: -270px;
        bottom: -2%;
    }
}