.body-avex {
    width: 100%;
    min-width: auto !important;
}

.body-avex header {
    min-width: auto !important;
}

.body-avex .headBox .floatMenu {
    background: url("../images/bg_nav.png") no-repeat left top !important;
}

@media screen and (max-width: 1280px) {

    .body-avex .inner,
    .body-avex .headBox {
        width: 100% !important;
    }

    .body-avex .w980 {
        width: 100% !important;
    }
}

.l-main {
    overflow: hidden;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

.l-main img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.l-main a:hover {
    outline: none;
    text-decoration: none;
}

.l-main a:hover img {
    /* リセット */
    opacity: 1 !important;
}

.l-main .l-container_large {
    max-width: 1600px;
    margin: 0 auto;
    width: calc(100% - 60px);
}

.l-main .l-container {
    max-width: 1500px;
    margin: 0 auto;
    width: calc(100% - 60px);
}

.l-main .l-container_small {
    max-width: 1000px;
    margin: 0 auto;
    width: calc(100% - 60px);
}

.l-main p {
    font-size: 1.6rem;
    line-height: 2em;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.u-inline_block {
    display: inline-block;
}

.u-pc_block {
    display: block;
}

@media (max-width: 768px) {
    .u-pc_block {
        display: none !important;
    }
}

.u-sp_block {
    display: none !important;
}

@media (max-width: 768px) {
    .u-sp_block {
        display: block !important;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDown {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes flip {
    0% {
        transform: perspective(900px) translateZ(0) rotateY(0) scale(1);
    }

    0%,
    40% {
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(900px) translateZ(150px) rotateY(170deg) scale(1);
    }

    /* 50% {
      transform: perspective(900px) translateZ(150px) rotateY(190deg) scale(1);
      animation-timing-function: ease-in;
    } */
    80% {
        transform: perspective(900px) translateZ(0) rotateY(360deg) scale(0.95);
    }

    80%,
    100% {
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(900px) translateZ(0) rotateY(360deg) scale(1);
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}