@charset "utf-8";.articleHead {
    margin: 1em 0 .4em
}

h2.articleHead {
    font-size: 3rem;
    line-height: 1.2
}

h3.articleHead {
    font-size: 2.4rem;
    line-height: 1.4
}

h4.articleHead {
    font-size: 1.8rem
}

h5.articleHead {
    font-size: 1.6rem
}

#js-newsDate {
    font-size: 1.6rem;
    margin: 0
}

#js-newsDate+.articleHead {
    margin-top: 0
}

.block img.lp {
    border: 1px solid #666
}

.ph {
    margin-bottom: 16px
}

.read {
    margin-bottom: 16px
}

.type_1_l,.type_1_r,.type_2 {
    position: relative
}

@media screen and (min-width: 600px) {
    .type_1_l::after,.type_1_r::after,.type_2::after {
        content:"";
        clear: both;
        height: 0;
        display: block;
        visibility: hidden
    }

    .img_l {
        float: left!important;
        margin-right: 16px
    }

    .img_r {
        margin-left: 16px;
        float: right!important
    }
}

.atl_inner.type_3_l,.atl_inner.type_3_r {
    display: flex;
    flex-direction: column;
    align-items: center
}

.img_l_tp3,.img_r_tp3 {
    flex-basis: 50%;
    flex-shrink: 0;
    position: relative
}

.read_l {
    margin: 0 0 0 16px!important;
    width: 100%
}

.read_r {
    margin: 0 16px 0 0!important;
    width: 100%
}

@media screen and (min-width: 600px) {
    .atl_inner.type_3_l {
        flex-direction:row;
        align-items: flex-start
    }

    .atl_inner.type_3_r {
        flex-direction: row-reverse;
        align-items: flex-start
    }
}

.type4List {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0;
    list-style: none
}

.type4List__item {
    width: 100%;
    text-align: center
}

.type4List .cap {
    margin: .5em 0 1em;
    max-width: 100%
}

.type4List img {
    max-width: 100%
}

.type4List--wdp01>.type4List__item {
    max-width: 100%
}

.type4List--wdp02>.type4List__item {
    max-width: 100%
}

.type4List--wdp03>.type4List__item {
    max-width: 100%
}

.type4List--wdp04>.type4List__item {
    max-width: calc(100%/2 - 8px)
}

.type4List--wdp05>.type4List__item {
    max-width: calc(100%/2 - 8px)
}

.type4List--wdp06>.type4List__item {
    max-width: calc(100%/2 - 8px)
}

@media screen and (min-width: 600px) {
    .type4List--wdp01>.type4List__item {
        max-width:100%
    }

    .type4List--wdp02>.type4List__item {
        max-width: calc(100%/2 - 8px)
    }

    .type4List--wdp03>.type4List__item {
        max-width: calc(100%/2 - 8px)
    }

    .type4List--wdp04>.type4List__item {
        max-width: calc(100%/2 - 8px)
    }

    .type4List--wdp05>.type4List__item {
        max-width: calc(100%/3 - 8px)
    }

    .type4List--wdp06>.type4List__item {
        max-width: calc(100%/3 - 8px)
    }
}

@media screen and (min-width: 900px) {
    .type4List--wdp01>.type4List__item {
        max-width:100%
    }

    .type4List--wdp02>.type4List__item {
        max-width: calc(100%/2 - 8px)
    }

    .type4List--wdp03>.type4List__item {
        max-width: calc(100%/3 - 8px)
    }

    .type4List--wdp04>.type4List__item {
        max-width: calc(100%/4 - 8px)
    }

    .type4List--wdp05>.type4List__item {
        max-width: calc(100%/5 - 8px)
    }

    .type4List--wdp06>.type4List__item {
        max-width: calc(100%/6 - 8px)
    }
}

.read iframe {
    width: calc(100vw - 40px);
    height: calc((100vw - 40px) * 9/16);
    max-width: 640px;
    max-height: calc(640px * 9/16);
    margin: 1em 0
}

.new_ic {
    display: inline-block
}

#list_01 td span.new_ic>a {
    display: inline
}

.new_ic::before {
    content: "NEW";
    background: #bb4a4a;
    color: #fafafa;
    font-weight: 300;
    font-size: 1.1rem;
    padding: .2em .2em .1em;
    margin: 0 .5em 0 0
}

.nb_navi {
    text-align: center;
    margin-top: 50px
}

.page {
    font-weight: 500
}

.nb_navi a {
    text-decoration: none;
    transition: .5s
}

.nb_navi a:hover {
    opacity: .5
}

.page_navi ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center
}

.page_navi ul>li {
    margin: 0 1em
}

.page_navi ul>li>span {
    opacity: .2
}

.page_navi ul>li.nb_crt,.page_navi ul>li.nb_link {
    margin: 0 .5em
}

#bnu_001_c,#bnu_001_n,#bnu_001_t {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0 0
}

#bnu_001_c>p,#bnu_001_n>p,#bnu_001_t>p {
    max-width: 350px;
    margin: 0 10px 10px
}

.c-listTable th {
    padding-right: 16px;
    vertical-align: top;
    white-space: nowrap
}

@media screen and (max-width: 899px) {
    .c-listTable td,.c-listTable th,.c-listTable tr {
        display:block
    }
}

.c-horizontalList {
    display: flex;
    flex-wrap: wrap
}

.c-horizontalList>li {
    margin: 0 1em 0 0;
    display: inline-block
}

.c-asteriskList>li {
    padding-left: 1em;
    position: relative
}

.c-asteriskList>li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0
}

.c-discList {
    list-style: disc!important;
    padding-left: 1.5em!important
}

.c-circleList {
    list-style: circle!important;
    padding-left: 1.5em!important
}

.c-gridWrap {
    display: flex;
    flex-wrap: wrap
}

.c-gridWrap>li {
    width: calc((100% - 16px)/ - 1px2);
    margin-right: 16px;
    margin-bottom: 16px
}

.c-gridWrap[data-col="2"]>li {
    width: calc((100% - (16px * 1))/ 2 - 1px)
}

.c-gridWrap[data-col="3"]>li {
    width: calc((100% - (16px * 2))/ 3 - 1px)
}

.c-gridWrap[data-col="4"]>li {
    width: calc((100% - (16px * 3))/ 4 - 1px)
}

.c-gridWrap[data-col="5"]>li {
    width: calc((100% - (16px * 4))/ 5 - 1px)
}

.c-gridWrap[data-col="6"]>li {
    width: calc((100% - (16px * 5))/ 6 - 1px)
}

.c-gridWrap[data-col="7"]>li {
    width: calc((100% - (16px * 6))/ 7 - 1px)
}

.c-gridWrap[data-col="8"]>li {
    width: calc((100% - (16px * 7))/ 8 - 1px)
}

.c-gridWrap[data-col="9"]>li {
    width: calc((100% - (16px * 8))/ 9 - 1px)
}

.c-gridWrap[data-col="10"]>li {
    width: calc((100% - (16px * 9))/ 10 - 1px)
}

.c-gridWrap[data-col="10"]>li:nth-child(10n),.c-gridWrap[data-col="2"]>li:nth-child(2n),.c-gridWrap[data-col="3"]>li:nth-child(3n),.c-gridWrap[data-col="4"]>li:nth-child(4n),.c-gridWrap[data-col="5"]>li:nth-child(5n),.c-gridWrap[data-col="6"]>li:nth-child(6n),.c-gridWrap[data-col="7"]>li:nth-child(7n),.c-gridWrap[data-col="8"]>li:nth-child(8n),.c-gridWrap[data-col="9"]>li:nth-child(9n) {
    margin-right: 0
}

@media screen and (min-width: 600px) {
    .c-gridWrap[data-col-tab="2"]>li {
        width:calc((100% - (16px * 1))/ 2 - 1px)
    }

    .c-gridWrap[data-col-tab="3"]>li {
        width: calc((100% - (16px * 2))/ 3 - 1px)
    }

    .c-gridWrap[data-col-tab="4"]>li {
        width: calc((100% - (16px * 3))/ 4 - 1px)
    }

    .c-gridWrap[data-col-tab="5"]>li {
        width: calc((100% - (16px * 4))/ 5 - 1px)
    }

    .c-gridWrap[data-col-tab="6"]>li {
        width: calc((100% - (16px * 5))/ 6 - 1px)
    }

    .c-gridWrap[data-col-tab="7"]>li {
        width: calc((100% - (16px * 6))/ 7 - 1px)
    }

    .c-gridWrap[data-col-tab="8"]>li {
        width: calc((100% - (16px * 7))/ 8 - 1px)
    }

    .c-gridWrap[data-col-tab="9"]>li {
        width: calc((100% - (16px * 8))/ 9 - 1px)
    }

    .c-gridWrap[data-col-tab="10"]>li {
        width: calc((100% - (16px * 9))/ 10 - 1px)
    }

    .c-gridWrap[data-col-tab="10"]>li,.c-gridWrap[data-col-tab="2"]>li,.c-gridWrap[data-col-tab="3"]>li,.c-gridWrap[data-col-tab="4"]>li,.c-gridWrap[data-col-tab="5"]>li,.c-gridWrap[data-col-tab="6"]>li,.c-gridWrap[data-col-tab="7"]>li,.c-gridWrap[data-col-tab="8"]>li,.c-gridWrap[data-col-tab="9"]>li {
        margin-right: 16px!important
    }

    .c-gridWrap[data-col-tab="10"]>li:nth-child(10n),.c-gridWrap[data-col-tab="2"]>li:nth-child(2n),.c-gridWrap[data-col-tab="3"]>li:nth-child(3n),.c-gridWrap[data-col-tab="4"]>li:nth-child(4n),.c-gridWrap[data-col-tab="5"]>li:nth-child(5n),.c-gridWrap[data-col-tab="6"]>li:nth-child(6n),.c-gridWrap[data-col-tab="7"]>li:nth-child(7n),.c-gridWrap[data-col-tab="8"]>li:nth-child(8n),.c-gridWrap[data-col-tab="9"]>li:nth-child(9n) {
        margin-right: 0!important
    }
}

@media screen and (min-width: 900px) {
    .c-gridWrap[data-col-pc="2"]>li {
        width:calc((100% - (16px * 1))/ 2 - 1px)
    }

    .c-gridWrap[data-col-pc="3"]>li {
        width: calc((100% - (16px * 2))/ 3 - 1px)
    }

    .c-gridWrap[data-col-pc="4"]>li {
        width: calc((100% - (16px * 3))/ 4 - 1px)
    }

    .c-gridWrap[data-col-pc="5"]>li {
        width: calc((100% - (16px * 4))/ 5 - 1px)
    }

    .c-gridWrap[data-col-pc="6"]>li {
        width: calc((100% - (16px * 5))/ 6 - 1px)
    }

    .c-gridWrap[data-col-pc="7"]>li {
        width: calc((100% - (16px * 6))/ 7 - 1px)
    }

    .c-gridWrap[data-col-pc="8"]>li {
        width: calc((100% - (16px * 7))/ 8 - 1px)
    }

    .c-gridWrap[data-col-pc="9"]>li {
        width: calc((100% - (16px * 8))/ 9 - 1px)
    }

    .c-gridWrap[data-col-pc="10"]>li {
        width: calc((100% - (16px * 9))/ 10 - 1px)
    }

    .c-gridWrap.c-gridWrap[data-col-pc="10"]>li,.c-gridWrap.c-gridWrap[data-col-pc="2"]>li,.c-gridWrap.c-gridWrap[data-col-pc="3"]>li,.c-gridWrap.c-gridWrap[data-col-pc="4"]>li,.c-gridWrap.c-gridWrap[data-col-pc="5"]>li,.c-gridWrap.c-gridWrap[data-col-pc="6"]>li,.c-gridWrap.c-gridWrap[data-col-pc="7"]>li,.c-gridWrap.c-gridWrap[data-col-pc="8"]>li,.c-gridWrap.c-gridWrap[data-col-pc="9"]>li {
        margin-right: 16px!important
    }

    .c-gridWrap[data-col-pc="10"]>li:nth-child(10n),.c-gridWrap[data-col-pc="2"]>li:nth-child(2n),.c-gridWrap[data-col-pc="3"]>li:nth-child(3n),.c-gridWrap[data-col-pc="4"]>li:nth-child(4n),.c-gridWrap[data-col-pc="5"]>li:nth-child(5n),.c-gridWrap[data-col-pc="6"]>li:nth-child(6n),.c-gridWrap[data-col-pc="7"]>li:nth-child(7n),.c-gridWrap[data-col-pc="8"]>li:nth-child(8n),.c-gridWrap[data-col-pc="9"]>li:nth-child(9n) {
        margin-right: 0!important
    }
}

@media screen and (max-width: 899px) {
    .pc-only {
        display:none!important
    }
}

@media screen and (min-width: 900px) {
    .sp-only {
        display:none!important
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slideIn {
    0% {
        transform: translate(0,10px)
    }

    100% {
        transform: translate(0,0)
    }
}