.fixpc {
    position: sticky;
    top: 0;
    z-index: 999999;
}
.fixsp {
    position: fixed;
    right: 0;
    top: 8%;
    width: 8%;
    z-index: 999999;
}

/* トップビュー
====================================================*/
.top {
    position: relative;
}
.top video {
    width: 100%;
}
.topbg {
    position: relative;
    margin-bottom: 25%;
}
.topbg-png {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
.toplogo {
    position: absolute;
    width: 20%;
    top: 5%;
    left: 50%;
    transform: translate(-50%, 0%);
}
.toptitle {
    position: absolute;
    width: 70%;
    top: 33%;
    left: 50%;
    transform: translate(-50%, 0%);
}
/* スライダー
====================================================*/
.slider-wrapper {
    display: flex;
    overflow: hidden;
}
.slider {
    animation: scroll-left 30s infinite linear 0.5s both;
    display: flex;
}
.slide {
    width: calc(100vw / 6); /*スライドの表示枚数 */
}
.slide img {
    display: block;
    width: 100%;
}
@keyframes scroll-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@media screen and (max-width: 500px) {
    .slide {
        width: calc(100vw / 4); /*スライドの表示枚数*/
    }
}
/* アイコンアニメ
====================================================*/
.icon-wrap {
    padding: 5% 0;
    background-image: url(./img/2-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.icon-container {
    display: flex;
    width: 85%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    gap: 4%;
}
.icon {
    opacity: 0;
    animation: fadeInOut 8s ease-in-out infinite;
    width: 18%;
    height: auto;
}
@media screen and (max-width: 500px) {
    .icon-container {
        gap: 8%;
        flex-wrap: wrap;
    }
    .icon {
        width: 27%;
    }
}
/* アニメーションにずらしをつける */
.icon:nth-child(1) {
    animation-delay: 0s;
}
.icon:nth-child(2) {
    animation-delay: 1.5s;
    padding-top: 5%;
}
.icon:nth-child(3) {
    animation-delay: 1s;
}
.icon:nth-child(4) {
    animation-delay: 2s;
    padding-top: 5%;
}
.icon:nth-child(5) {
    animation-delay: 0.5s;
}
@keyframes fadeInOut {
    0%,
    100% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}
/* OK menu
====================================================*/
.menu5 {
    position: relative;
}
.menu5a {
    position: absolute;
    width: 6.7%;
    bottom: 7.7%;
    right: 32%;
}
.menu5a:hover {
    opacity: 0.2;
}
/* OK contents
====================================================*/
.content {
}
/* price
====================================================*/
.price1 {
    position: relative;
}
.price1a {
    position: absolute;
    width: 30%;
    bottom: 0%;
    right: 0%;
}
.price1a:hover {
    opacity: 0.2;
}
/* access
====================================================*/
.map {
    border: #009b97 3px solid;
}