@charset "utf-8";
/* Big feature */
/* ============================================= */
/* =============== グラデーション ================== */
/* ============================================= */
.top-featurestory .visual::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 25%,rgba(0,0,0,.8) 100%);
}

/* ============================================= */
/* =============== 画像位置調整 ================== */
/* ============================================= */
@media only screen and (max-width: 1280px) {
    .top-featurestory.diff-viaual-ex .visual img {
        top: 40%;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.66);
        transform: translateX(-50%) translateY(-50%) scale(0.66);
    }
}
@media only screen and (max-width: 767px) {
    .top-featurestory.diff-viaual-ex .visual img {
        top: 40%;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
        transform: translateX(-50%) translateY(-50%) scale(0.5);
    }
}
@media only screen and (max-width: 480px) {
    .top-featurestory.diff-viaual-ex .visual {
        background: #0259a7; 
        z-index: -1;
    }
    .top-featurestory.diff-viaual-ex .visual img {
        top: 40%;
        left: 20%;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
        transform: translateX(-50%) translateY(-50%) scale(0.7);
    }
}
@media only screen and (max-width: 375px) {
    .top-featurestory.diff-viaual-ex .visual img {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.6);
        transform: translateX(-50%) translateY(-50%) scale(0.6);
    }
}