@charset "utf-8";
.top-featurestory .content {
    font-family: Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
    max-width: 100%;
    padding: 0;
    display: block;
}
.top-featurestory .top-featurestory-ttl,
.top-featurestory .top-featurestory-link {
    color: #fff;
    text-shadow: none;
}
.top-featurestory .top-featurestory-link {
    margin-top :calc(100/1920*100vw) !important;
    margin-left: calc(1370/1920*100%);
    padding-right: 15px;
}
.top-featurestory .top-featurestory-link .top-featurestory-ttl {
    width: calc(413/1920*100vw) !important;
    margin-bottom: calc(100/1920*100vw) !important;
}
.top-featurestory .top-featurestory-cta {
    width: calc(413/1920*100vw) !important;
    line-height: 1;
    margin-bottom: calc(30/1920*100vw) !important;
}
.top-featurestory .top-featurestory-outline {
    font-size: calc(30/1280*100vw);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: calc(30/1920*100vw) !important;
}
.top-featurestory-register {
    font-size: calc(18/1280*100vw);
    margin-bottom: 0!important;
}
.top-featurestory-register a {
	color: #fff;
}
.top-featurestory .top-featurestory-date {
    font-size: calc(14/1280*100vw);
    line-height: 1.8;
    display: table;
}
.top-featurestory .top-featurestory-date .date-label {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top;
}
.top-featurestory .top-featurestory-date .date-item {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}
.top-featurestory-link > a span::before {
    content: none;
}
.top-featurestory-link > a span::after {
    content: none;
}
.top-featurestory-disp-sp {display: none;}


@media only screen and (min-width: 481px) {
    .top-featurestory .visual img {
        max-width: 100%;
        min-height: auto;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
}
@media only screen and (max-width: 580px) {
    .top-featurestory .top-featurestory-link {
        padding-right: 5px;
    }
    .top-featurestory .top-featurestory-link .top-featurestory-ttl {
        margin-bottom: calc(10/580*100vw) !important;
    }
    .top-featurestory .top-featurestory-cta {
        margin-bottom: calc(10/580*100vw) !important;
    }
    .top-featurestory .top-featurestory-outline {
        font-size: calc(10/580*100vw);
        margin-bottom: calc(5/580*100vw) !important;
    }
    .top-featurestory-register {
        font-size: calc(5/580*100vw);
    }
    .top-featurestory .top-featurestory-date {
        font-size: calc(5/580*100vw);
        line-height: 1.4;
    }
}
@media only screen and (max-width: 480px) {
    .top-featurestory .visual,
    .top-featurestory .visual::after {
        height: calc(480vw*100/480);
    }
    .top-featurestory .visual img {
        max-width: 100%;
        min-height: auto;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
    .top-featurestory {
        height: calc(480vw*100/480);
    }
    .top-featurestory .top-featurestory-link {
        margin :calc(25/480*100vw) !important;
    }
    .top-featurestory .top-featurestory-link .top-featurestory-ttl {
        width: calc(413/480*100vw) !important;
        margin-bottom: calc(20/480*100vw) !important;
    }
    .top-featurestory .top-featurestory-outline {
        font-size: calc(22/480*100vw);
        margin-bottom: calc(15/480*100vw) !important;
    }
    .top-featurestory .top-featurestory-cta {
        width: calc(413/480*100vw) !important;
        margin-bottom: calc(15/480*100vw) !important;
    }
    .top-featurestory-register {
        font-size: calc(20/480*100vw);
    }
    .top-featurestory .top-featurestory-date {
        font-size: calc(17/480*100vw);
    }
    .top-featurestory-disp-sp {display: block;}
}