header {
    justify-content: flex-end;
}
header .icon {
    display: block;
    position: absolute;
    top: 23%;
    left: 0;
    width: 10.1%;
}
@media print, screen and (max-width: 768px) {
    header .icon  {
        width: 17.7vw;
        top: 21.6vw;
        left: 6.6vw;
    }
}

/* ==============================
  FV
============================== */
#fv {
    background: url(../images/top/nav-background.png) no-repeat center bottom;
}
#fv .fv-image {
    position: relative;
    background-color: #FFF;
}
#fv .fv-image .fv-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 36.79%;
    max-width: 471px;
}

#fv .fv-nav {
    position: relative;
    z-index: 10;
    width: 78.125%;
    max-width: 1000px;
    margin: -3% auto 0;
    padding: 0 0 3%;
}
#fv .fv-nav ul {
    display: flex;
    justify-content: space-between;
}
#fv .fv-nav ul li {
    width: 23.7%;
    text-align: center;
    font-size: min(1.4vw, 1.8rem);
}
#fv .fv-nav ul li a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}
#fv .fv-nav ul li img {
    margin-bottom: 0.8em;
}
@media print, screen and (max-width: 768px) {
    #fv {
        background: none;
    }

    #fv .fv-image .fv-text {
        display: none;
    }

    #fv .fv-nav {
        width: 100%;
        margin: 0;
    }
    #fv .fv-nav ul {
        flex-direction: column;
    }
    #fv .fv-nav ul li {
        width: 100%;
        text-align: left;
        border-top: 2px solid #FFF;
    }
    #fv .fv-nav ul li a {
        position: relative;
        display: block;
        background-color: #e6f4f6;
        padding: 1vw 0 1vw 7.8vw;
    }
    #fv .fv-nav ul li img {
        width: auto;
        height: 9.7vw;
        margin-bottom: 0;
    }
    #fv .fv-nav ul li a p {
        display: none;
    }
    #fv .fv-nav ul li a::after {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        border-left: 5.4vw solid transparent;
        border-bottom: 5.4vw solid #00aebb;
    }
}

/* ==============================
  Scroll
============================== */
.contents {
    position: relative;
    width: 78.125%;
    max-width: 1000px;
    margin: 0 auto;
}

.scroll-down {
    position: absolute;
    top: 35px;
    right: -1.95%;
    width: 2.1%;
    z-index: 10;
}
@media print, screen and (max-width: 768px) {
    .contents {
        width: 87.2vw;
    }
    .scroll-down {
        display: none;
    }
}


/* ==============================
  新着情報
============================== */
#news {
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 9.7%;
}
#news h3 {
    font-size: min(26.86vw, 3.7rem);
    text-align: center;
    color: #91003c;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-family: "Zen Old Mincho", serif;
}

#news .news-wrap {
    border-top: 1px solid #595757;
}

#news .news-box {
    display: flex;
    align-items: flex-start;
    padding: 2.5% 0;
}
#news .news-box + .news-box {
    border-top: 1px dashed #595757;
}
#news .news-image {
    width: 13.75%;
    margin: 0 3.75% 0 2.5%;
}
#news .news-text {
    width: 80%;
    font-size: min(1.32vw, 1.7rem);
    padding-top: 0.5em;
}
#news .news-detail {
    display: flex;
    align-items: center;
}
#news .news-detail .date {
    font-weight: bold;
}
#news .news-detail .category {
    background-color: #91003c;
    color: #FFF;
    padding: 2px 8px 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2em;
}
#news .news-content a {
    text-decoration: none;
    color: #000;
}
#news .news-content a:hover {
    text-decoration: underline;
}

#news .btn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #91003c;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    width: 43.75%;
    padding: 1.3em 0;
    font-size: min(1.32vw, 1.7rem);
    margin: 6.75% auto 0;
}
#news .btn-more img {
    width: 32.2%;
}
@media print, screen and (max-width: 768px) {
    #news {
        width: 87.2vw;
        /* padding-top: 6.5vw; */
        padding-top: 1.5vw;
        margin-bottom: 36.8vw;
    }
    #news h3 {
        /* font-size: 6.3vw: */
        font-size: 5.3vw
    }

    #news .news-wrap {
        border-top: none;
    }

    #news .news-box {
        justify-content: space-between;
        padding: 2.5% 0;
        border: 1px solid #595757;
    }
    #news .news-box + .news-box {
        border-top: 1px solid #595757;
        margin-top: 3.9vw;
    }
    #news .news-image {
        width: 21.8vw;
        margin: 0 3.9vw 0 3.9vw;
    }
    #news .news-text {
        width: 52vw;
        font-size: 3.7vw;
        padding-top: 0;
        margin-right: 3.9vw;
    }
    #news .news-detail {
        justify-content: space-between;
    }
    #news .news-detail .category {
        width: 26.6vw;
        margin-left: 0;
        text-align: center;
    }

    #news .btn-more {
        width:75.5vw;
        padding: 5.2vw 0;
        margin: 7.8vw auto 0;
    }
    #news .btn-more img {
        width: 29.1vw;
    }
}

/* ==============================
  バナー
============================== */
.bnr.discount {
    margin: 13.5% 0 18.75%;
}
@media print, screen and (max-width: 768px) {
    .bnr.discount {
        width: 71.4vw;
        margin: 13.2vw auto 13.1vw;
    }
}

/* ==============================
  武庫女エンタープライズとは
============================== */
#about {
    background: #e6f4f6;
    text-align: center;
    margin-top: 9.1%;
    padding: 10% 0 8%;
}
#about .about-photo {
    width: 23.8%;
    margin: 0 auto;
}
#about h3 {
    width: 47.89%;
    margin: 4% auto 0;
}
#about h4 {
    width: 63.59%;
    margin: 2% auto;
}
#about p {
    font-size: min(1.25vw, 1.6rem);
    line-height: 2;
}
@media print, screen and (max-width: 768px) {
    #about {
        display: none;
        margin-top: 13.1vw;
        padding: 15.6vw 0 29.2vw;
    }
    #about .about-photo {
        width: 48.1vw;
    }
    #about h3 {
        width: 80.8vw;
        margin-top: 7.4vw;
    }
    #about h4 {
        width: 75.7vw;
        margin: 5.2vw auto;
    }
    #about p {
        font-size: 4.1vw;
    }
}