.shadow-bottom-only {
    box-shadow: 0 4px 5px -2px rgba(0,0,0,.14); 
}
.spotlight-item-view .container {
    overflow-x: visible;
}
.spotlight-item-view > .container > .wrapper > .cover,
.spotlight-item-view > .container > .wrapper > .full-width {
    margin-left: calc(-1 * ((100vw -720px) / 2));
    margin-right: calc(-1 * ((100vw -720px) / 2));
}
.spotlight-item-view > .container > .wrapper > .cover {
    background-image: url('https://www.jeban.com/spotlight-item/essentialenergy/01.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 900px;
    height: calc(100vw / 1.6);
    max-height: 525px;
}
.spotlight-item-view > .container > .wrapper > .cover .text-center {
    margin-left: -18rem;
    padding-top: 3rem;
}
.spotlight-item-view > .container > .wrapper > .cover .stamp-logo {
    width: 64px;
    opacity: .5;
}
.spotlight-item-view > .container > .wrapper > .cover h1 {
    font-size: 52px;
    padding: 16px 0;
}
.spotlight-item-view > .container > .wrapper > .cover .collections-logo {
    width: 320px;
}
@media screen and (max-width: 840px) {
    .spotlight-item-view > .container > .wrapper > .cover {
        background-size: auto calc(107vw);
        height: calc(100vw / 1.6);
    }

    .spotlight-item-view > .container > .wrapper > .cover .text-center {
        margin-left: calc(-1 * 32vw);
        padding-top: 6vw;
    }
    .spotlight-item-view > .container > .wrapper > .cover .stamp-logo {
        width: calc(100vw * 64/840);
    }
    .spotlight-item-view > .container > .wrapper > .cover h1 {
        font-size: calc(100vw * 52/840);
        padding: calc(100vw * 16/840) 0;
    }
    .spotlight-item-view > .container > .wrapper > .cover .collections-logo {
        width: calc(100vw * 320/840);
    }
}
.spotlight-item-view > .container > .wrapper > .cover .section-1 {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.spotlight-item-view > .container > .wrapper > .cover .brand-logo {
    width: 35%;
    max-width: 150px;
}
.spotlight-item-view > .container > .wrapper > .cover .item-name {
    width: 90%;
    max-width: 480px;
}

.sub-bold-border {
    border-bottom: 1rem solid var(--sub-color);
}

.sec-2-bg {
    position: relative;
    background: url('https://www.jeban.com/spotlight-item/essentialenergy/02.png') center top no-repeat;
    background-size: cover;
    padding-bottom: 180px;
}
.sec-2-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, var(--sub-color-50), #ffffff);
    z-index: -1;
}
.sec-3-bg {
    background-image: linear-gradient(to bottom, #ffffff, var(--sub-color-50));
}
.sec-4-bg {
    background-image: linear-gradient(to top, var(--main-color-20), var(--main-color-20));
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100vw 85%;
}
.sec-5-bg {
    background: url('https://www.jeban.com/spotlight-item/essentialenergy/02.png') center top no-repeat;
    background-size: cover;
}
.sec-6-bg {
    background-image: linear-gradient(to top, var(--sub-color-50), #ffffff);
    z-index: -1;
}

.sec-5 .item img {
    max-width: 60%;
}
.sec-5 .item-1 .img-wrapper {
    background: url('https://www.jeban.com/spotlight-item/essentialenergy/05.png') 75% 10% no-repeat; 
    background-size: 45%;
}
.sec-5 .item-2 .img-wrapper {
    padding-top: 10%;
    background: url('https://www.jeban.com/spotlight-item/essentialenergy/07.png') 75% top no-repeat; 
    background-size: 45%;
}
.sec-5 .item-3 .img-wrapper {
    padding-top: 10%;
    background: url('https://www.jeban.com/spotlight-item/essentialenergy/09.png') 75% top no-repeat; 
    background-size: 45%;
}
.sec-5 .item-1 .info-wrapper {
    margin-top: -15%;
}
.sec-5 .item-2 .info-wrapper,
.sec-5 .item-3 .info-wrapper {
    margin-top: -25%;
}
.sec-5 .item.left .info-wrapper {
    margin-left: calc(-1 * ((100vw -720px) / 2));
}
.sec-5 .item.left .info-wrapper .wrapper {
    margin-right: 0;
}
.sec-5 .item.right .info-wrapper {
    margin-right: calc(-1 * ((100vw -720px) / 2));
}
.sec-5 .item.right .info-wrapper .wrapper {
    margin-left: 0;
}

@media screen and (max-width: 991px) {
    .full-width .container .wrapper {
        max-width: 580px;
    }
}
@media screen and (max-width: 581px) {
    .full-width .container .wrapper {
        max-width: 100vw;
    }
    .full-width > .container > .wrapper {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }

    .sec-5 .item.left .info-wrapper {
        margin-left: 0;
    }
    .sec-5 .item.left .info-wrapper {
        margin-right: 1rem;
    }
    .sec-5 .item.right .info-wrapper {
        margin-right: 0;
    }
    .sec-5 .item.right .info-wrapper {
        margin-left: 1rem;
    }
}


.sec-2 .logo-ginza-img {
    max-width: 360px;
}
.sec-2 .footer-img {
    max-width: 450px;
            margin-bottom: -165px;
}
.sec-4 img {
    position: absolute;
            width: 300px;
    bottom: 0;
    margin-left: -50px;
    margin-bottom: -35px;
    }    
@media screen and (max-width: 531px) {
    .sec-2 .logo-ginza-img,
    .sec-2 .footer-img {
        max-width: 100%;
    }
    .sec-2 .footer-img {
        margin-bottom: -40%;
    }
    .sec-2 .footer-img-wrapper {
        padding: 0!important;
    }
    .full-width.pt-5.sec-2-bg {
        padding-bottom: 40%;
    }
    .sec-4 img {
                    width: 60%;
                    margin-left: -12%;
            }
}