body {
    background: url(../images/rental_costume/background-01.png) no-repeat;
    background-position: right 13% top -7.7%;
    background-size: 119.9% auto;
}
header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
header h1 {
    display: none;
}

header ul li.top-link {
    display: block;
}
@media print, screen and (max-width: 768px) {
    body {
        background: url(../sp-images/rental_costume/background-01.png) no-repeat;
        background-size: 145.4vw auto;
        background-position: right -17.5vw top 26.1vw;
    }
    header {
        position: relative;
    }
    header h1 {
        display: block;
    }
}


/* ==============================
  FV
============================== */
#fv {
    position: relative;
    padding: 6.4% 0 0;
    width: 72.65%;
    margin: 0 auto;
}
#fv .fv-icon {
    position: absolute;
    top: 45.6%;
    right: 0;
    width: 15.6%;
}

#fv .fv-text h1 {
    width: 72%;
}
#fv .fv-text h3 {
    font-weight: bold;
    font-size: min(1.7vw, 2.3rem);
    line-height: 1.5;
    padding: 1em 1em 0.5em;
}
#fv .fv-text p {
    font-size: min(1.3vw, 1.7rem);
    line-height: 1.7;
    padding-left: 1em;
}
@media print, screen and (max-width: 768px) {
    #fv {
        width: 81.3vw;
        /* padding: 5.8vw 0 0; */
        padding: 0;
    }
    #fv .fv-icon {
        top: 38.2vw;
        width: 27.8vw;
    }
    #fv .fv-text h1 {
        width: 100%;
    }
    #fv .fv-text h3 {
        font-size: 5.2vw;
        padding: 1em 0.2em;
    }
    #fv .fv-text p {
        font-size: 3.6vw;
        padding: 6.5vw 0.2em 3vw;
    }
}

/* ==============================
  バナー
============================== */
.contents {
    background-image: url(../images/rental_costume/background-02.png), url(../images/rental_costume/background-03.png);
    background-repeat: no-repeat;
    background-size: 121.8% auto, 100% auto;
    background-position: left 15% top 59%, right bottom;
    padding-bottom: 14.5%;
}
.bnrs-wrapper h3 {
    /* width: 25.7%; */
    width: 19%;
    /* margin: 2.4% auto 1.3%; */
    margin: 1.4% auto 1.3%;
}
.bnrs-wrapper ul {
    width: 51.7%;
    margin: 0 auto;
}

.bnrs-wrapper ul li {
    line-height: 1;
}

.bnrs-wrapper ul li .inner {
    background: url(../images/rental_costume/box-body.png) repeat-y;
    background-size: contain;
    padding: 0 8.7%;
}

.bnrs-wrapper ul li + li {
    margin-top: 11.4%;
}

.bnrs-wrapper ul li a {
    color: #666464;
    text-decoration: none;
    line-height: 1.6;
    font-size: min(1.3vw, 1.7rem);
}
.bnrs-wrapper ul li a img {
    margin-bottom: 1em;
}
@media print, screen and (max-width: 768px) {
    .contents {
        background-image: url(../sp-images/rental_costume/background-02.png), url(../sp-images/rental_costume/background-03.png);
        background-repeat: no-repeat;
        background-size: 123.6vw auto, 115.6vw auto;
        background-position: left 0 top 178.6vw, right -8.8vw bottom 11.9vw;
        padding-bottom: 35.1vw;
    }
    .bnrs-wrapper h3 {
        /* width: 61vw; */
        width: 46vw;
        /* margin: 5.2vw auto 2.6vw; */
        margin: 0.6vw auto 2.6vw;
    }
    .bnrs-wrapper ul {
        width: 86vw;
        margin: 0 auto;
    }

    .bnrs-wrapper ul li .inner {
        background: url(../images/rental_costume/box-body.png) repeat-y;
        background-size: contain;
        padding: 0 8.7%;
    }

    .bnrs-wrapper ul li + li {
        margin-top: 11.4vw;
    }

    .bnrs-wrapper ul li a {
        font-size: 2.2vw;
    }
}
