@charset "UTF-8";

.feature-sct {
    padding: 25px 0
}

.feature-sct .bdr-ttl {
    margin-bottom: 16px
}

.feature-sct .box__item {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    text-decoration: none !important
}

.feature-sct .box__item a:hover {
    text-decoration: none !important
}

@media screen and (min-width: 768px) {
    .feature-sct .box__item:hover {
        opacity: .8
    }

    .feature-sct .box__item a:hover {
        opacity: .8
    }
}

.feature-sct .box__item img {
    border-radius: 10px
}

@media screen and (min-width: 768px) {
    .feature-sct {
        padding: 50px 0 40px
    }

    .feature-sct .bdr-ttl {
        margin-bottom: 40px
    }
}

.featureCard {
    margin: 0 10px;
    padding-bottom: 20px
}

@media screen and (max-width: 767px) {
    .featureCard {
        overflow: hidden;
        overflow-x: scroll
    }
}

@media screen and (min-width: 768px) {
    .featureCard__list {
        width: 100%;
        overflow: hidden;
        font-size: 0;
        margin-bottom: -1.61%
    }
}

@media screen and (max-width: 767px) {
    .featureCard__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto !important;
        max-width: 2000%
    }
}

.featureCard__listItem {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px
}

.featureCard__list:not(.-pcCol5) .featureCard__listItem:nth-child(n+5) {
    display: none !important
}

.featureCard__list.-pcCol5 .featureCard__listItem:nth-child(n+6) {
    display: none !important
}

@media screen and (min-width: 768px) {
    .featureCard__listItem {
        vertical-align: top;
        margin-bottom: 2.5%;
        font-size: 14px;
        font-size: 1.4rem;
        width: 23.8%;
        display: inline-block
    }

    .featureCard__listItem:nth-child(n+1) {
        margin: 0 1.6% 1.6% 0
    }

    .featureCard__listItem:nth-child(4n) {
        margin-right: 0
    }

    .featureCard__list.-pcCol5 .featureCard__listItem {
        width: 18.712%;
        display: inline-block
    }

    .featureCard__list.-pcCol5 .featureCard__listItem:nth-child(n+1) {
        margin: 0 1.61% 1.61% 0
    }

    .featureCard__list.-pcCol5 .featureCard__listItem:nth-child(5n) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .featureCard__listItem {
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important
    }

    .featureCard__listItem:not(:last-child) {
        margin-right: 16px
    }
}

.featureCard__listLink {
    color: #444 !important;
    display: block;
    text-decoration: none !important;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.featureCard__listLink:hover {
    opacity: .6
}

.featureCard__listImage {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.featureCard__listImage img {
    width: 100%;
    height: auto;
    border-radius: 9px 9px 0 0
}

.featureCard__listImage img[src="/common/img/loader.gif"] {
    height: 0 !important
}

.featureCard__listBody {
    padding: 13px 15px
}

.featureCard__listTitle {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.featureCard__listTitle + * {
    margin-top: 5px
}

.featureCard__listText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .featureCard__listText {
        font-size: 13px
    }
}
@media screen and (max-width: 767px) {
    .hot-topics-sct {
        padding: 25px 0
    }
}

.hot-topics-sct .bdr-ttl {
    margin-bottom: 16px
}

.box-topics {
    padding: 0 10px;
    margin-bottom: -3.5% !important
}

.box-topics .box__item {
    margin-bottom: 3.5% !important
}

.box-topics .box__item .box__bdr {
    border-radius: 10px
}

.box-topics__ttl {
    text-align: center;
    line-height: 1.2;
    margin-top: 5px
}

.sct-inner {
    position: relative
}

@media screen and (min-width: 768px) {
    .sct-inner {
        width: 1180px;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .nav-sct .sct-inner {
        font-size: 0
    }
}

@media screen and (max-width: 767px) {
    .nav-sct .sct-inner {
        padding: 40px 0 0;
        overflow: hidden
    }
}