/*! For license information please see main.js.LICENSE.txt */
@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 400;
    src: url(/-/media/project/hitachi/sib/fonts/NotoSans/NotoSansCJKjp-Regular.woff2) format("woff2"), url(/-/media/project/hitachi/sib/fonts/NotoSans/NotoSansCJKjp-Regular.woff) format("woff")
}

@font-face {
    font-family: "Noto Sans";
    font-display: swap;
    font-weight: 700;
    src: url(/-/media/project/hitachi/sib/fonts/NotoSans/NotoSansCJKjp-Bold.woff2) format("woff2"), url(/-/media/project/hitachi/sib/fonts/NotoSans/NotoSansCJKjp-Bold.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-weight: 400;
    src: url(/-/media/project/hitachi/sib/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"), url(/-/media/project/hitachi/sib/fonts/OpenSans/OpenSans-Regular.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-weight: 600;
    src: url(/-/media/project/hitachi/sib/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"), url(/-/media/project/hitachi/sib/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff")
}

@font-face {
    font-family: "Open Sans";
    font-display: swap;
    font-weight: 700;
    src: url(/-/media/project/hitachi/sib/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"), url(/-/media/project/hitachi/sib/fonts/OpenSans/OpenSans-Bold.woff) format("woff")
}

@keyframes mvWrapAnime {
    0% {
        opacity: 0;
        transform: translateX(300px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes megamenuStartAnime {
    0% {
        display: none;
        opacity: 0;
        transform: translateY(-30px)
    }
    100% {
        display: block;
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes megamenuEndAnime {
    0% {
        display: block;
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-30px);
        z-index: -1
    }
}

@keyframes cube-transition {
    25% {
        transform: translateX(50px) scale(.5) rotate(-90deg)
    }
    50% {
        transform: translate(50px, 50px) rotate(-180deg)
    }
    75% {
        transform: translateY(50px) scale(.5) rotate(-270deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

html[lang=en] .str-contents {
    font-family: "Open Sans", sans-serif;
    font-style: normal
}

html[lang=en] .str-contents p {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

html[lang=en] .str-contents .js-clamp.title {
    font-weight: 700
}

html[lang=en] .str-contents .lyt-img-b .title {
    font-weight: 400
}

html[lang=en] .str-contents .box-profile .lyt-img-b > .lyt-img-inner {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

html[lang=en] .box-footer._sns > .contact-wrap > .title {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 700
}

html[lang=en] .box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item > a > .text {
    font-family: "Open Sans", sans-serif
}

html[lang=en] .box-footer > .contact-wrap > .list-contact-a > ul > .btn-item._mail > .btn-link > .text::before {
    top: 3px;
    left: -50px
}

html[lang=en] .box-footer > .contact-wrap > .list-contact-a > ul > .btn-item._contact > .btn-link > .text::before {
    top: 2px;
    left: -50px
}

html[lang=en] .header-nav {
    font-family: "Open Sans", sans-serif
}

html[lang=en] .list-bullet-a > ul > li {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media print, screen and (max-width: 768px) {
    html[lang=en] .box-footer > .contact-wrap > .list-contact-a > ul > .btn-item._mail > .btn-link > .text::before {
        top: -28px;
        left: 41%
    }

    html[lang=en] .box-footer > .contact-wrap > .list-contact-a > ul > .btn-item._contact > .btn-link > .text::before {
        top: -28px;
        left: 38%
    }
}

html[lang=en] .str-contents.is-ie b {
    font-weight: 600
}

.str-contents {
    position: relative;
    display: block;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #fff;
    color: #333
}

.str-contents.is-ie p.title {
    overflow: visible !important
}

.str-contents.is-ie p.title > a {
    position: relative;
    overflow: visible !important
}

.str-contents *, .str-contents ::after, .str-contents ::before {
    box-sizing: border-box
}

.str-contents + .footer-wrap {
    max-width: 1275px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 32px;
    padding-top: 60px;
    background: #fff
}

.str-contents li {
    list-style-type: none
}

.str-contents a > .text {
    color: #333
}

.str-contents a:link {
    color: #333;
    text-decoration: none
}

.str-contents img {
    max-width: 100%;
    vertical-align: bottom
}

.str-contents input {
    font-family: "Noto Sans", sans-serif;
    font-style: normal
}

.str-contents blockquote, .str-contents dd, .str-contents dl, .str-contents dt, .str-contents form, .str-contents h1, .str-contents h2, .str-contents h3, .str-contents h4, .str-contents h5, .str-contents h6, .str-contents ol, .str-contents table, .str-contents ul {
    margin: 0;
    padding: 0;
    line-height: 1.6
}

.str-contents h2 {
    background: 0 0
}

.str-contents p {
    margin-top: 24px;
    margin-bottom: 0
}

.str-contents p.page-top {
    margin-top: 0
}

.str-contents a.link-a {
    position: relative;
    color: #e60027
}

.str-contents a.link-a:active, .str-contents a.link-a:focus, .str-contents a.link-a:hover {
    text-decoration: underline
}

.str-contents button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: 0;
    padding: 0;
    appearance: none
}

.str-contents em {
    font-style: normal;
    font-weight: 700
}

.str-contents .str-contents-main > .include-tag-keyword > .list-desc-b .list-category-a {
    margin-top: 0
}

.str-contents .str-contents-main + .box-recommend {
    margin-top: 80px
}

@media print, screen and (max-width: 1024px) {
    .str-contents .str-contents-main + .box-recommend {
        margin-top: 55px
    }
}

.str-contents._col2 > .str-contents-inner {
    position: relative
}

.str-contents._col2 > .str-contents-inner::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    transform: scaleX(-1);
    width: 0;
    height: 0;
    border-top: 480px solid #f2f2f2;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #f2f2f2;
    z-index: 0
}

.str-contents._col2 > .str-contents-inner .str-contents-main {
    position: relative;
    max-width: 1295px;
    width: 100%;
    padding: 24px 10px 0;
    margin: 0 auto;
    z-index: 10
}

.str-contents._col2 > .str-contents-inner .str-contents-main._position {
    max-width: none
}

.str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner {
    display: -ms-grid;
    display: grid;
    grid-template-columns:1fr minmax(180px, 860px) auto 1fr;
    -ms-grid-columns: 1fr minmax(180px, 860px) auto 1fr;
    max-width: none;
    justify-content: normal;
    width: 100%
}

.str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .str-main-contents {
    -ms-grid-column: 2;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/2;
    max-width: 860px
}

.str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .str-side-contents {
    -ms-grid-column: 3;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/2;
    margin-left: 65px;
    max-width: 350px
}

.str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .box-recommend {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 4;
    grid-row: 2/3;
    margin-top: 80px;
    max-width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px
}

@media print, screen and (max-width: 1024px) {
    .str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner {
        grid-template-columns:auto
    }

    .str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .str-main-contents {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: auto;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        max-width: 100%
    }

    .str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .str-side-contents {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/2;
        -ms-grid-row: 3;
        -ms-grid-row-span: 4;
        grid-row: 3/4;
        margin-left: 0;
        max-width: 100%;
        margin-top: 60px
    }

    .str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .box-recommend {
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        max-width: calc(100% + 30px);
        margin-top: 60px;
        margin-left: -16px;
        margin-right: -16px
    }
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner {
    display: flex;
    justify-content: center;
    z-index: 1
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-main-contents {
    max-width: 860px;
    min-width: 0;
    width: 100%;
    margin-right: 65px;
    z-index: 3
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-main-contents > .section > .section-inner > .details + .list-category-a {
    margin-left: 0
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-main-contents > .section > .section-inner > .details + .list-category-a > ul > li > a:first-of-type {
    padding-left: 21px
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-main-contents .lyt-img-d:first-of-type {
    border-bottom: solid 1px #ddd
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents {
    max-width: 350px;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents > .link-bnr-a + .js-include > .hdg-b:first-of-type {
    margin-top: 40px
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents > .hdg-b:first-of-type {
    margin-top: 0
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents > .js-include > .hdg-b:first-of-type {
    margin-top: 0
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents > .block > .list-category-a > ul > li > a {
    padding-top: 10px
}

.str-contents._col2 > .section {
    padding: 52px 80px 60px 80px
}

.str-contents._col2 > .section._type-b {
    background: #f2f2f2
}

@media print, screen and (max-width: 1024px) {
    .str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner {
        display: block
    }

    .str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-main-contents {
        max-width: 100%
    }

    .str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents {
        margin-top: 60px;
        max-width: 100%
    }
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2 > .str-contents-inner::before {
        border-top: 240px solid #f2f2f2;
        border-right: 200px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid #f2f2f2
    }

    .str-contents._col2 > .str-contents-inner > .str-contents-main {
        padding: 16px 16px 0
    }

    .str-contents._col2 > .str-contents-inner > .str-contents-main > .str-contents-main-inner {
        display: block
    }

    .str-contents._col2 > .str-contents-inner > .str-contents-main > .str-contents-main-inner > .str-main-contents {
        margin-right: 0
    }

    .str-contents._col2 > .str-contents-inner > .str-contents-main > .str-contents-main-inner > .str-side-contents {
        max-width: 100%;
        margin-top: 60px
    }

    .str-contents._col2 > .str-contents-inner > .str-contents-main > .str-contents-main-inner + .contact-wrap {
        margin-top: 60px
    }
}

.str-contents._top .section._type-a {
    background: #f2f2f2
}

.str-contents._top .section._type-a::before {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 480px solid transparent;
    border-right: 400px solid #d6d6d6;
    border-bottom: 0 solid #d6d6d6;
    border-left: 0 solid transparent;
    z-index: 0
}

.str-contents._top .section._type-b {
    background: #f2f2f2
}

.str-contents._top .section._type-b::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #d6d6d6;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #d6d6d6;
    z-index: 0
}

.str-contents._top .section._type-b .btn-c {
    margin-top: 24px
}

.str-contents._top .section._type-c {
    background: #fff
}

.str-contents._top .section._type-c::before {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 480px solid transparent;
    border-right: 400px solid #f2f2f2;
    border-bottom: 0 solid #f2f2f2;
    border-left: 0 solid transparent;
    z-index: 0
}

.str-contents._top .section._type-d {
    background: #fff
}

.str-contents._top .section._type-d > .section-inner {
    z-index: 1
}

.str-contents._top .section._type-d::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #f2f2f2;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #f2f2f2;
    z-index: 0
}

.str-contents._top .section._type-d::after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 480px solid transparent;
    border-right: 400px solid #f2f2f2;
    border-bottom: 0 solid #f2f2f2;
    border-left: 0 solid transparent;
    z-index: 0
}

.str-contents._top .section._type-e {
    background: #fff;
    padding-bottom: 0
}

.str-contents._top .section._type-e::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #f2f2f2;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #f2f2f2;
    z-index: 0
}

.str-contents._top .section._type-f {
    background: radial-gradient(ellipse at center, #666 3%, #666 3%, #666 9%, #666 15%, #000 73%, #000 100%)
}

.str-contents._top .section._type-f .hdg-b {
    margin-bottom: 32px
}

.str-contents._top .section._type-f .hdg-b .hdg-b-inner > .text {
    color: #fff
}

.str-contents._top .section._type-f .hdg-b .hdg-b-inner::before {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-decoration-03.svg) no-repeat right;
    background-size: cover;
    margin-right: 32px
}

.str-contents._top .section._type-f .hdg-b .hdg-b-inner::after {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-decoration-04.svg) no-repeat left;
    background-size: cover;
    margin-left: 32px
}

.str-contents._top .section .section-inner {
    max-width: 1275px;
    position: relative;
    margin: 0 auto
}

@media print, screen and (max-width: 768px) {
    .str-contents._top .section {
        padding: 32px 16px 24px
    }

    .str-contents._top .section._type-a::before {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 240px solid transparent;
        border-right: 200px solid #d6d6d6;
        border-bottom: 0 solid #d6d6d6;
        border-left: 0 solid transparent
    }

    .str-contents._top .section._type-b::before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 240px solid #d6d6d6;
        border-right: 200px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid #d6d6d6
    }

    .str-contents._top .section._type-b .section-inner {
        z-index: 1
    }

    .str-contents._top .section._type-c::before {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 240px solid transparent;
        border-right: 200px solid #f2f2f2;
        border-bottom: 0 solid #f2f2f2;
        border-left: 0 solid transparent
    }

    .str-contents._top .section._type-d::before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 240px solid #f2f2f2;
        border-right: 200px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid #f2f2f2
    }

    .str-contents._top .section._type-d::after {
        display: block;
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-top: 240px solid transparent;
        border-right: 200px solid #f2f2f2;
        border-bottom: 0 solid #f2f2f2;
        border-left: 0 solid transparent
    }

    .str-contents._top .section._type-e::before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 240px solid #f2f2f2;
        border-right: 200px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid #f2f2f2
    }

    .str-contents._top .section._type-f {
        padding: 32px 24px 24px
    }

    .str-contents._top .section._type-f .hdg-b {
        margin-bottom: 16px
    }

    .str-contents._top .section._type-f .hdg-b .hdg-b-inner::before {
        margin-right: 10px
    }

    .str-contents._top .section._type-f .hdg-b .hdg-b-inner::after {
        margin-left: 10px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li:first-of-type {
        margin-left: 4px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li a {
        position: relative;
        display: inline-block;
        padding-left: 16px;
        padding-right: 5px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li a:hover .text {
        position: relative;
        color: #333;
        background: #ccc
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li a:hover .text::before {
        display: block;
        position: absolute;
        content: "";
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07-hover.svg) no-repeat top left/cover
    }

    .is-ie .str-contents._top .section._type-f .list-category-a._type-a > ul > li a:hover .text::before {
        background-size: 18px 32px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li a:hover .text::after {
        display: block;
        position: absolute;
        content: "";
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08-hover.svg) no-repeat left top/contain
    }

    .is-ie .str-contents._top .section._type-f .list-category-a._type-a > ul > li a:hover .text::after {
        right: -8px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li .text {
        display: inline-block;
        position: relative;
        padding: 4px 8px 6px 10px;
        line-height: 22px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -3px;
        left: -16px;
        width: 16px;
        height: 38px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07.svg) no-repeat left top/cover
    }

    .is-ie .str-contents._top .section._type-f .list-category-a._type-a > ul > li .text::before {
        background-size: 16px 32px
    }

    .str-contents._top .section._type-f .list-category-a._type-a > ul > li .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -4px;
        width: 5px;
        height: 34px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08.svg) no-repeat left top
    }

    .str-contents._top .section .contact-wrap {
        margin-left: -20px;
        margin-right: -20px
    }
}

.str-contents._top .carousel-mv {
    position: relative;
    padding-bottom: 24px
}

.str-contents._top .carousel-mv::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 150px;
    background: #f2f2f2;
    left: 0;
    bottom: 0
}

@media print, screen and (max-width: 768px) {
    .str-contents._top .carousel-mv {
        padding-bottom: 44px
    }

    [data-script-enabled=true] .str-contents._top .carousel-mv .carousel-controls {
        bottom: -36px
    }
}

.str-contents._category .section {
    padding: 0
}

.str-contents._category .section._type-a {
    background: #f2f2f2
}

.str-contents._category .section._type-a::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #d6d6d6;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #d6d6d6;
    z-index: 0
}

.str-contents._category .section._type-b {
    background: #fff
}

.str-contents._category .section._type-b::before {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 480px solid transparent;
    border-right: 400px solid #f2f2f2;
    border-bottom: 0 solid #f2f2f2;
    border-left: 0 solid transparent;
    z-index: 0
}

.str-contents._category .section > .section-inner {
    max-width: 1295px;
    width: 100%;
    margin: 0 auto;
    padding: 52px 10px 60px 10px
}

@media print, screen and (max-width: 768px) {
    .str-contents._category .section > .section-inner {
        padding: 32px 16px 40px 16px
    }

    .str-contents._category .section._type-a::before {
        border-top: 240px solid #d6d6d6;
        border-right: 200px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid #d6d6d6
    }

    .str-contents._category .section._type-b::before {
        border-top: 240px solid transparent;
        border-right: 200px solid #f2f2f2;
        border-bottom: 0 solid #f2f2f2;
        border-left: 0 solid transparent
    }
}

.str-contents._wide > .str-contents-inner {
    position: relative
}

.str-contents._wide > .str-contents-inner::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #f2f2f2;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #f2f2f2;
    z-index: 0
}

.str-contents._wide > .str-contents-inner > .str-contents-main {
    position: relative;
    width: 100%;
    max-width: 1295px;
    padding: 24px 10px 0;
    margin: 0 auto
}

@media print, screen and (max-width: 768px) {
    .str-contents._wide > .str-contents-inner::before {
        border-top: 240px solid #f2f2f2;
        border-right: 200px solid transparent
    }

    .str-contents._wide > .str-contents-inner > .str-contents-main {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.str-contents._narrow._type-03 > .str-contents-inner > .str-contents-main-inner {
    padding: 40px 16px 0;
    max-width: 997px
}

@media print, screen and (max-width: 768px) {
    .str-contents._narrow._type-03 > .str-contents-inner > .str-contents-main-inner {
        padding: 32px 16px 0
    }
}

.str-contents._narrow > .str-contents-inner {
    position: relative
}

.str-contents._narrow > .str-contents-inner::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #f2f2f2;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #f2f2f2;
    z-index: 0
}

.str-contents._narrow > .str-contents-inner > .str-contents-main-inner {
    position: relative;
    width: 100%;
    max-width: 965px;
    padding: 24px 16px 0;
    margin: 0 auto
}

@media print, screen and (max-width: 768px) {
    .str-contents._narrow > .str-contents-inner::before {
        border-top: 240px solid #f2f2f2;
        border-right: 200px solid transparent
    }

    .str-contents._narrow > .str-contents-inner > .str-contents-main-inner {
        padding: 16px 16px 0
    }
}

.str-contents._movie > .str-contents-inner {
    position: relative;
    background: #f2f2f2
}

.str-contents._movie > .str-contents-inner::before {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 0 solid #d6d6d6;
    border-right: 0 solid transparent;
    border-bottom: 480px solid #d6d6d6;
    border-left: 400px solid transparent;
    z-index: 0;
    pointer-events: none
}

.str-contents._movie > .str-contents-inner > .str-contents-main-inner {
    position: relative;
    width: 100%;
    max-width: 1295px;
    padding: 0 10px 60px;
    margin: 0 auto
}

.str-contents._movie._no-movie > .str-contents-inner::before {
    content: none
}

@media print, screen and (max-width: 768px) {
    .str-contents._movie > .str-contents-inner::before {
        border-top: 0 solid #d6d6d6;
        border-right: 0 solid transparent;
        border-bottom: 240px solid #d6d6d6;
        border-left: 200px solid transparent
    }

    .str-contents._movie > .str-contents-inner > .str-contents-main-inner {
        padding: 16px 16px 32px
    }

    .str-contents._movie + .box-footer .contact-wrap {
        padding-top: 0
    }
}

.str-contents._detail > .str-contents-inner {
    position: relative
}

.str-contents._detail > .str-contents-inner::before {
    display: block;
    position: absolute;
    content: "";
    top: 300px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #f2f2f2;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #f2f2f2;
    z-index: 0
}

.str-contents._detail > .str-contents-inner .str-contents-main-inner {
    position: relative
}

.str-contents._detail .str-contents-main + .box-recommend {
    margin-top: 0
}

@media print, screen and (max-width: 768px) {
    .str-contents._detail._detail > .str-contents-inner::before {
        top: 250px;
        border-top-width: 240px;
        border-right-width: 200px
    }
}

.str-contents._siteinfo + .box-footer .contact-wrap {
    padding-top: 60px
}

@media print, screen and (max-width: 768px) {
    .str-contents._siteinfo + .box-footer .contact-wrap {
        padding-top: 40px
    }
}

@media print, screen and (max-width: 768px) {
    .str-contents._category + .box-footer .contact-wrap {
        padding-top: 0
    }
}

.str-contents._col2 .section {
    position: relative;
    padding: 0
}

.str-contents .section {
    position: relative;
    padding: 52px 52px 60px 52px
}

.str-contents .section._type-g, .str-contents .section._type-h, .str-contents .section._type-i {
    padding: 0
}

.str-contents .section._type-g._full .section-body, .str-contents .section._type-h._full .section-body, .str-contents .section._type-i._full .section-body {
    max-width: 100%
}

.str-contents .section._type-g .section-inner, .str-contents .section._type-h .section-inner, .str-contents .section._type-i .section-inner {
    max-width: 965px;
    margin: 0 auto;
    padding: 60px 0;
    box-sizing: content-box
}

.str-contents .section._type-g .section-inner > :first-child, .str-contents .section._type-h .section-inner > :first-child, .str-contents .section._type-i .section-inner > :first-child {
    margin-top: 0
}

.str-contents .section._type-h, .str-contents .section._type-i {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.str-contents .section._type-h .section-inner, .str-contents .section._type-i .section-inner {
    display: flex
}

.str-contents .section._type-h .section-body, .str-contents .section._type-i .section-body {
    max-width: 540px;
    width: 100%
}

.str-contents .section._type-h .section-body > :first-child, .str-contents .section._type-i .section-body > :first-child {
    margin-top: 0
}

.str-contents .section._type-i .section-inner {
    justify-content: flex-end
}

.str-contents .section._type-j {
    padding: 0;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/bg-siteinfo-01.jpg) no-repeat 50% 50%;
    background-size: cover
}

.str-contents .section._type-j > .section-inner {
    max-width: 855px;
    margin: 0 auto;
    padding: 60px 0;
    box-sizing: content-box
}

.str-contents .section._type-j > .section-inner > :first-child {
    margin-top: 0
}

.str-contents .section._type-k {
    padding: 0
}

.str-contents .section._type-k .section-inner {
    max-width: 1285px;
    margin: 0 auto;
    padding: 60px 0 0;
    box-sizing: content-box
}

.str-contents .section._type-k .section-inner > :first-child {
    margin-top: 0
}

._siteinfo .str-contents .section._type-k {
    padding-bottom: 0
}

@media print, screen and (max-width: 1317px) {
    .str-contents .section._type-j .section-inner, .str-contents .section._type-k .section-inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media print, screen and (max-width: 997px) {
    .str-contents .section._type-g .section-inner, .str-contents .section._type-h .section-inner, .str-contents .section._type-i .section-inner {
        padding-left: 16px;
        padding-right: 16px
    }

    .str-contents .section._type-h .section-body, .str-contents .section._type-i .section-body {
        max-width: none
    }
}

@media print, screen and (max-width: 768px) {
    .str-contents .section._type-g .section-inner, .str-contents .section._type-h .section-inner, .str-contents .section._type-i .section-inner {
        padding-top: 40px;
        padding-bottom: 39px
    }

    .str-contents .section._type-g:first-child .section-inner {
        padding-top: 17px
    }

    .str-contents .section._type-j > .section-inner {
        padding-top: 24px;
        padding-bottom: 40px
    }

    .str-contents .section._type-k > .section-inner {
        padding-top: 32px;
        padding-bottom: 0
    }
}

.str-contents > .list-desc-b {
    max-width: 1275px;
    width: 100%;
    margin: 0 auto
}

.str-contents .sp-hide {
    display: block
}

@media print, screen and (max-width: 768px) {
    .str-contents .sp-hide {
        display: none
    }
}

.str-contents .pc-hide {
    display: none
}

@media print, screen and (max-width: 768px) {
    .str-contents .pc-hide {
        display: inline-block
    }
}

.str-contents .is-disable {
    display: none
}

.is-hide {
    display: none
}

.is-visible {
    visibility: hidden
}

.fatmargin {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

#rnbFloating a > span img {
    max-width: none
}

.contact-wrap {
    max-width: 1275px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 32px;
    padding-top: 60px;
    background: #fff
}

@media print, screen and (max-width: 768px) {
    .contact-wrap {
        padding-top: 40px
    }
}

@media print, screen and (min-width: 769px) {
    #MegaMenu {
        display: none
    }
}

.loaded {
    opacity: 0;
    visibility: hidden
}

#loader {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

#loader .cube-transition {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translate(50%, 40%)
}

#loader .cube-transition > div {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background: #e60027;
    animation: cube-transition 1.6s 0s infinite ease-in-out
}

#loader .cube-transition > div:last-of-type {
    animation-delay: -.8s
}

.icon-arrow-a, .icon-arrow-b, .icon-arrow-c, .icon-arrow-d, .icon-base, .icon-contact-a, .icon-contact-b, .icon-global-a, .icon-mail-a, .icon-search-a {
    display: inline-block;
    position: absolute
}

.icon-arrow-a, .icon-arrow-b {
    top: 50%;
    left: 18px
}

.icon-arrow-a {
    transform: translate(0, -50%)
}

.icon-arrow-a._type-a {
    width: 22px;
    height: 16px
}

@media print, screen and (max-width: 768px) {
    .icon-arrow-a._type-a {
        right: 3px
    }
}

.icon-arrow-b {
    transform: translate(0, -50%) rotate(90deg)
}

.icon-arrow-b._type-a {
    width: 22px;
    height: 16px
}

@media print, screen and (max-width: 768px) {
    .icon-arrow-b._type-a {
        right: 3px
    }
}

.icon-arrow-c {
    top: 57%;
    right: -13px;
    transform: translate(0, -50%)
}

.icon-arrow-d {
    top: 50%;
    right: 8px;
    transform: translate(0, -50%)
}

.icon-arrow-e {
    display: inline-block;
    width: 8px;
    height: 10px;
    transform: translate(6px, -6px)
}

.icon-window-a {
    display: inline-block;
    transform: translateY(-7px);
    margin-left: 5px
}

.icon-mail-a {
    width: 33px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

@media print, screen and (max-width: 768px) {
    .icon-mail-a {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        transform: translateY(0)
    }
}

.icon-contact-a {
    width: 34px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

@media print, screen and (max-width: 768px) {
    .icon-contact-a {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        transform: translateY(0)
    }
}

.icon-contact-b {
    width: 20px;
    top: 50%;
    right: -25px;
    transform: translateY(-35%)
}

@media print, screen and (max-width: 768px) {
    /*.icon-contact-b {*/
    /*    position: relative;*/
    /*    margin: 0 auto;*/
    /*    top: 0;*/
    /*    right: -5px;*/
    /*    transform: translateY(0)*/
    /*}*/
}

.icon-global-a {
    width: 24px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

.icon-search-a {
    width: 19px
}

.icon-facebook-a {
    width: 32px;
    height: 32px
}

._col2 .str-side-contents .icon-facebook-a {
    width: 40px;
    height: 40px
}

.icon-twitter-a {
    width: 30px;
    height: 24.38px
}

._col2 .str-side-contents .icon-twitter-a {
    width: 40px;
    height: 40px
}

.icon-in-a {
    width: 38px;
    height: 32px
}

._col2 .str-side-contents .icon-in-a {
    width: 40px;
    height: 40px
}

.header-nav {
    width: 100%;
    border-bottom: solid 1px #ddd;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #fff;
    box-sizing: border-box
}

.header-nav .header-nav-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1275px;
    width: 100%;
    margin: 0 auto 0
}

.header-nav .header-nav-inner > .nav-list {
    max-width: 820px;
    width: 100%
}

.header-nav .header-nav-inner > .nav-list > ul {
    display: flex;
    justify-content: space-between
}

.header-nav .header-nav-inner > .nav-list > ul > li {
    padding-right: 16px
}

.header-nav .header-nav-inner > .nav-list > ul > li > a {
    text-decoration: none
}

.header-nav .header-nav-inner > .nav-list > ul > li.is-active .dropdown-text {
    padding-bottom: 8px;
    color: #e60027;
    font-weight: 700
}

.header-nav .header-nav-inner > .nav-list > ul > li.is-active .dropdown-text > .icon-arrow-c {
    top: 33%;
    transform: rotate(180deg)
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item {
    position: absolute;
    top: 167px;
    left: 0;
    display: block;
    width: calc(100% - 120px);
    background: #fff;
    padding: 60px 60px 20px;
    border-bottom: solid 1px #ddd;
    z-index: 99;
    animation: megamenuStartAnime .5s
}

.is-ie .header-nav .header-nav-inner > .nav-list > ul > li > .item {
    top: 56px;
    width: 100%
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail {
    display: flex;
    flex-wrap: wrap;
    max-width: 1275px;
    width: 100%;
    margin: 0 auto -24px auto;
    transform: translateX(-30px)
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail > li {
    width: 20%;
    padding-left: 30px;
    padding-bottom: 24px;
    box-sizing: border-box
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail > li a {
    text-decoration: none
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail > li a .img img {
    width: 100%
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail > li a .text-wrap > .text > .title {
    font-size: 18px
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail > li a .text-wrap > .text > .title .icon-window-a {
    transform: translateY(10px)
}

.is-ie .header-nav .header-nav-inner > .nav-list > ul > li > .item .item-detail > li a .text-wrap > .text > .title .icon-window-a {
    transform: translateY(-10px)
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .close {
    position: absolute;
    top: 12px;
    right: 60px;
    font-size: 0;
    border-radius: 10000px;
    border: solid 2px #aaa;
    padding: 13px;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    appearance: none;
    transition: .3s
}

@media print, screen and (min-width: 1394px) {
    .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close {
        right: calc((100% - 1275px) / 2)
    }
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:active, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:focus, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:hover {
    border: solid 2px #e60027
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:active::after, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:active::before, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:focus::after, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:focus::before, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:hover::after, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close:hover::before {
    background: #e60027
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .close::after, .header-nav .header-nav-inner > .nav-list > ul > li > .item > .close::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #aaa;
    transition: .3s
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .close::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .close::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .btn-c {
    max-width: 1275px;
    margin: 24px auto 0
}

.header-nav .header-nav-inner > .nav-list > ul > li > .item > .btn-c > .btn-link {
    text-decoration: none
}

.header-nav .header-nav-inner > .nav-list > ul > li:not(.is-active) a + .item:not(.is-closed) {
    display: none
}

.header-nav .header-nav-inner > .nav-list > ul > li:not(.is-active) .dropdown-text {
    color: #333
}

.header-nav .header-nav-inner > .nav-list > ul > li a .dropdown-text {
    position: relative;
    display: inline;
    color: #333;
    transition: color .4s
}

[lang=en] .header-nav .header-nav-inner > .nav-list > ul > li a .dropdown-text {
    font-weight: 600
}

.header-nav .header-nav-inner > .nav-list > ul > li a:hover .dropdown-text {
    color: #e60027;
    font-weight: 700
}

[lang=en] .header-nav .header-nav-inner > .nav-list > ul > li a:hover .dropdown-text {
    font-weight: 600
}

.header-nav .header-nav-inner > .nav-list > ul > li a + .item.is-closed {
    animation: megamenuEndAnime .5s;
    animation-fill-mode: forwards
}

.header-nav .header-nav-inner > .nav-list > ul > li .dropdown-text {
    position: relative;
    font-size: 16px
}

.header-nav .header-nav-inner > .nav-list > ul > li:first-of-type {
    margin-left: 0
}

.header-nav .header-nav-inner > .nav-contents {
    flex-shrink: 0
}

.header-nav .header-nav-inner > .nav-contents ul {
    display: flex
}

.header-nav .header-nav-inner > .nav-contents ul li a {
    position: relative;
    display: inline-block;
    background: #111;
    padding: 15px
}

.header-nav .header-nav-inner > .nav-contents ul li a::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e60027;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: .3s ease-out
}

.header-nav .header-nav-inner > .nav-contents ul li a:hover::before {
    transform: scaleX(1)
}

.header-nav .header-nav-inner > .nav-contents ul li a:hover .icon-arrow-a {
    transform: translate(0, -25%)
}

.header-nav .header-nav-inner > .nav-contents ul li a.global-network {
    position: relative;
    padding-left: 40px;
    box-sizing: border-box
}

.header-nav .header-nav-inner > .nav-contents ul li a.global-network .icon-global-a {
    transform: translateY(-50%)
}

.header-nav .header-nav-inner > .nav-contents ul li a > .text {
    display: inline-block;
    color: #fff
}

@media print, screen and (min-width: 768px) {
    .header-nav .header-nav-inner {
        padding: 0 0 0 10px;
        box-sizing: border-box
    }

    .header-nav .header-nav-inner > .nav-contents ul {
        margin-right: 11px
    }

    .header-nav .header-nav-inner > .nav-contents ul li:nth-of-type(n+2) {
        margin-left: 1px
    }

    .header-nav .header-nav-inner > .nav-contents ul li a {
        transform: skewX(-20deg)
    }

    .header-nav .header-nav-inner > .nav-contents ul li a:hover::before {
        transform: scaleX(1)
    }

    .header-nav .header-nav-inner > .nav-contents ul li a.global-network .icon-global-a {
        transform: skewX(20deg) translateY(-50%)
    }

    .header-nav .header-nav-inner > .nav-contents ul li a > * {
        transform: skewX(20deg)
    }
}

@media print, screen and (max-width: 767px) {


    .header-nav .header-nav-inner {
        display: block;
        padding: 0
    }

    .header-nav .header-nav-inner > .nav-list {
        display: none
    }

    .header-nav .header-nav-inner > .nav-contents ul {
        display: block
    }

    .header-nav .header-nav-inner > .nav-contents ul li:nth-of-type(n+2) {
        margin-right: 1px;
        width: 100%
    }

    .header-nav .header-nav-inner > .nav-contents ul li a {
        display: inline-block;
        background: #111;
        padding: 15px
    }

    .header-nav .header-nav-inner > .nav-contents ul li a.search-item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 57px;
        height: 100%
    }

    .header-nav .header-nav-inner > .nav-contents ul li a.global-network {
        width: 100%;
        padding-left: 40px
    }

    .header-nav .header-nav-inner > .nav-contents ul li a.global-network > .text {
        position: relative;
        margin-left: 6px
    }

    .header-nav .header-nav-inner > .nav-contents ul li a.global-network > .text::before {
        display: block;
        position: absolute;
        content: "";
        top: 50%;
        right: -18px;
        width: 14px;
        height: 7px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_white-01.svg) no-repeat center center/cover;
        transform: rotate(-90deg) translate(20%, 0)
    }

    .header-nav .header-nav-inner > .nav-contents ul li a.global-network > .icon-global-a {
        width: 20px;
        height: 20px;
        transform: translateY(-50%)
    }

    .header-nav .header-nav-inner > .nav-contents ul li a > .text {
        display: inline-block;
        color: #fff
    }
}

p {
    font-size: 16px;
    line-height: 1.6
}

p.title {
    font-weight: 700
}

p.strong {
    color: #e60027
}

p.quote-text {
    position: relative;
    margin: 0 -18px 0 -21px;
    padding: 0 21px;
    color: #666
}

p.quote-text > :first-child {
    margin-top: 0
}

p.quote-text::after, p.quote-text::before {
    display: block;
    position: absolute;
    font-size: 30px;
    line-height: 1
}

p.quote-text::before {
    top: -5px;
    left: 0;
    content: "";
    width: 14px;
    height: 45px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-quote-01.svg) no-repeat
}

p.quote-text::after {
    right: 0;
    bottom: -15px;
    content: "";
    width: 14px;
    height: 45px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-quote-02.svg) no-repeat
}

p.quote-text + .ltalic-text {
    margin-top: 8px
}

@media print, screen and (max-width: 768px) {
    p.quote-text + .ltalic-text {
        margin-top: 12px
    }
}

p.text-lead-a {
    margin: 0 0 32px;
    color: #e60027;
    text-align: center
}

p.text-lead-a > b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    line-height: 1.1818181818
}

p.text-lead-a > b > span:not(.text) {
    margin: 0 6px;
    font-size: 30px;
    font-weight: 400
}

@media print, screen and (max-width: 1024px) {
    p.text-lead-a > b {
        flex-direction: column
    }

    p.text-lead-a > b > span:not(.text) {
        margin: 0
    }
}

@media print, screen and (max-width: 768px) {
    p.text-lead-a {
        margin-bottom: 24px
    }

    p.text-lead-a > b {
        font-size: 24px;
        line-height: 1.1
    }

    p.text-lead-a > b > span:not(.text) {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.4666666667
    }
}

p.text-em-a {
    font-feature-settings: "palt";
    font-size: 16px;
    text-align: center;
    line-height: 1.5
}

p.text-em-a + .text-em-a {
    margin-top: 32px
}

@media print, screen and (max-width: 1024px) {
    p.text-em-a {
        text-align: left;
        font-feature-settings: normal
    }

    p.text-em-a > br {
        display: none
    }
}

@media print, screen and (max-width: 768px) {
    p.text-em-a {
        font-size: 16px
    }

    p.text-em-a + .text-em-a {
        margin-top: 22px
    }
}

p .link-b {
    position: relative;
    color: #333;
    text-decoration: none
}

p .link-b > .icon-arrow-e {
    transition: .3s
}

p .link-b:active, p .link-b:focus, p .link-b:hover {
    color: #e60027;
    text-decoration: underline
}

p .link-b:active > .icon-arrow-e, p .link-b:focus > .icon-arrow-e, p .link-b:hover > .icon-arrow-e {
    transform: translate(10px, -6px)
}

@media print, screen and (max-width: 768px) {
    p .link-b::after {
        transform: translate(4px, 0)
    }

    p .link-b:active::after, p .link-b:focus::after, p .link-b:hover::after {
        transform: translate(6px, 0)
    }
}

@media print, screen and (max-width: 768px) {
    p {
        font-size: 14px
    }
}

.ltalic-text {
    color: #666;
    text-align: right;
    margin-top: 8px
}

.ltalic-text > cite {
    font-style: italic
}

.details {
    margin-top: 6px
}

.details .item {
    color: #666;
    font-size: 14px;
    line-height: 1.6
}

.details .item + .item {
    margin-left: 16px
}

._top .js-ranking-item .details .item + .item, .str-main-contents .js-ranking-item .details .item + .item {
    display: block;
    margin-left: 0
}

@media print, screen and (max-width: 768px) {
    .item + .item {
        margin-left: 8px
    }
}

.hdg-a {
    width: 100%;
    padding: 27px 10px 26px 10px;
    background: linear-gradient(90deg, #111 0, #333 100%)
}

.hdg-a > .hdg-a-inner {
    max-width: 1275px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3
}

@media print, screen and (max-width: 768px) {
    .hdg-a {
        padding: 12px 10px 12px 16px
    }

    .hdg-a > .hdg-a-inner {
        font-size: 24px
    }
}

.hdg-b {
    margin-bottom: 28px
}

.hdg-b > .hdg-b-inner {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0
}

.hdg-b > .hdg-b-inner::after, .hdg-b > .hdg-b-inner::before {
    content: "";
    height: 35px;
    flex-grow: 1;
    min-width: 30px
}

.hdg-b > .hdg-b-inner::before {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-decoration-01.svg) no-repeat right;
    background-size: cover;
    margin-right: 32px
}

.hdg-b > .hdg-b-inner::after {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-decoration-02.svg) no-repeat left;
    background-size: cover;
    margin-left: 32px
}

.hdg-b > .hdg-b-inner > .text {
    max-width: 700px;
    color: #333;
    background-color: transparent;
    line-height: 1.3;
    font-size: 28px;
    font-weight: 700;
    padding: 0;
    text-align: center
}

._col2 .str-side-contents .hdg-b {
    margin-top: 40px;
    margin-bottom: 16px
}

._col2 .str-side-contents .hdg-b > .hdg-b-inner::before {
    margin-right: 10px;
    width: 70px
}

._col2 .str-side-contents .hdg-b > .hdg-b-inner::after {
    margin-left: 10px;
    width: 70px
}

._col2 .str-side-contents .hdg-b > .hdg-b-inner .text {
    font-size: 20px
}

@media print, screen and (max-width: 768px) {
    .hdg-b {
        margin-bottom: 16px
    }

    .hdg-b > .hdg-b-inner > .text {
        font-size: 20px
    }

    .hdg-b > .hdg-b-inner::before {
        margin-right: 8px
    }

    .hdg-b > .hdg-b-inner::after {
        margin-left: 8px
    }

    ._col2 .str-side-contents .hdg-b {
        margin-bottom: 16px
    }

    ._col2 .str-side-contents .hdg-b > .hdg-b-inner > .text {
        font-size: 20px
    }

    ._col2 .str-side-contents .hdg-b:first-of-type {
        margin-top: 0
    }
}

.hdg-c > .hdg-c-inner {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding-top: 2rem ;
}

.hdg-c + .details > .item:nth-of-type(n+2) {
    margin-left: 16px
}

.hdg-c + .details + .list-category-a {
    margin-top: 16px;
    margin-bottom: 16px
}

@media print, screen and (max-width: 768px) {
    .hdg-c > .hdg-c-inner {
        font-size: 20px;
        padding: 2rem   0.5rem 0 0.5rem;
    }
    .details
    {
        padding:  0.5rem;
    }
    span.caption
    {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .hdg-c + .details .item {
        font-size: 12px
    }

    .hdg-c + .details .item + .item {
        margin-left: 16px
    }

    .hdg-c + .details + .list-category-a {
        margin-bottom: 24px
    }
}

.hdg-d {
    margin: 60px 0 0
}

.hdg-d > .hdg-d-inner {
    position: relative;
    padding: 12px 0.5rem 0 0.5rem;
    margin: 0;
    border-top: 1px solid #ddd;
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3
}

.hdg-d > .hdg-d-inner::before {
    display: block;
    position: absolute;
    content: "";
    top: -1px;
    right: 0;
    width: 160px;
    height: 1px;
    background: #e60027
}

@media print, screen and (max-width: 768px) {
    .hdg-d .hdg-d-inner {
        padding-top: 10px;
        font-size: 20px;
        line-height: 1.4
    }

    .hdg-d .hdg-d-inner::before {
        width: 120px
    }
    p{
        padding-left:  0.5rem;
        padding-right: 0.5rem;
    }
}

.hdg-e {
    margin: 24px 0 0
}

.hdg-e > .hdg-e-inner {
    position: relative;
    padding: 0 0 0 16px;
    margin: 0;
    color: #333;
    font-size: 20px;
    line-height: 1.5
}

.hdg-e > .hdg-e-inner::before {
    display: block;
    position: absolute;
    content: "";
    top: 14px;
    left: 0;
    width: 10px;
    height: 2px;
    background: #e60027
}

.hdg-e + * {
    margin: 24px 0 0
}

@media print, screen and (max-width: 768px) {
    .hdg-e {
        margin-top: 16px
    }

    .hdg-e .hdg-e-inner {
        font-size: 18px
    }

    .hdg-e .hdg-e-inner::before {
        top: 12.5px
    }

    .hdg-e + * {
        margin: 16px 0 0
    }
}

.hdg-f {
    display: flex;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    z-index: 1
}

.hdg-f-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    max-width: 965px;
    width: 100%;
    min-height: 360px;
    margin: 0 auto;
    padding: 16px 0
}

.hdg-f-inner > .title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3
}

.hdg-f-inner > .details {
    display: flex;
    flex-wrap: wrap;
    margin: 3px 0 0 -16px
}

.hdg-f-inner > .details > .item {
    margin: 0 0 0 16px;
    color: #fff;
    font-size: 14px;
    line-height: 1.6
}

.hdg-f + .section._type-g > .section-inner {
    padding-top: 24px
}

@media print, screen and (max-width: 997px) {
    .hdg-f-inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media print, screen and (max-width: 768px) {
    .hdg-f-inner {
        min-height: 250px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .hdg-f-inner > .title {
        font-size: 20px;
        line-height: 1.5
    }

    .hdg-f-inner > .details {
        margin-top: 4px
    }
}

._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-a, ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-b, ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-d, ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-e, ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-movie-a {
    margin-top: 24px
}

._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-b > .lyt-img-inner .img img, ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-d > .lyt-img-inner .img img {
    height: 100%
}

._detail .lyt-img-a, ._detail .lyt-img-b, ._detail .lyt-img-d, ._detail .lyt-img-e, ._detail .lyt-movie-a {
    margin-top: 24px
}

.lyt-grid-a {
    margin: 32px 0;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: minmax(auto, 332px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 332px
}

.lyt-grid-a .img {
    position: relative
}

.lyt-grid-a .img img.icon-movie-b, .lyt-grid-a .img img.icon-sound-b, .lyt-grid-a .img img.icon-window-b {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    right: 5px;
    width: 40px;
    height: 25px
}

.lyt-grid-a .grid-item {
    position: relative;
    display: block
}

.lyt-grid-a .grid-item:active .img, .lyt-grid-a .grid-item:focus .img, .lyt-grid-a .grid-item:hover .img {
    background: #fff
}

.lyt-grid-a .grid-item:active .img img, .lyt-grid-a .grid-item:focus .img img, .lyt-grid-a .grid-item:hover .img img {
    opacity: .8
}

.lyt-grid-a .grid-item:active .img img.icon-movie-b, .lyt-grid-a .grid-item:active .img img.icon-sound-b, .lyt-grid-a .grid-item:active .img img.icon-window-b, .lyt-grid-a .grid-item:focus .img img.icon-movie-b, .lyt-grid-a .grid-item:focus .img img.icon-sound-b, .lyt-grid-a .grid-item:focus .img img.icon-window-b, .lyt-grid-a .grid-item:hover .img img.icon-movie-b, .lyt-grid-a .grid-item:hover .img img.icon-sound-b, .lyt-grid-a .grid-item:hover .img img.icon-window-b {
    opacity: 1
}

.lyt-grid-a .text {
    position: absolute;
    bottom: 0;
    padding: 0 10px 6px 10px;
    z-index: 2
}

.lyt-grid-a .text .title {
    font-size: 22px;
    color: #fff;
    margin-top: 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative
}

.lyt-grid-a .text .details {
    margin-top: 0
}

.lyt-grid-a .text .details .item {
    color: #fff
}

.lyt-grid-a .img {
    position: relative;
    overflow: hidden
}

.lyt-grid-a .img::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #333 0, rgba(65, 65, 65, 0) 50%);
    z-index: 1
}

.lyt-grid-a .img img {
    width: 100%;
    object-fit: cover;
    transition: .3s
}

.lyt-grid-a .fifth._new, .lyt-grid-a .first._new, .lyt-grid-a .fourth._new, .lyt-grid-a .second._new, .lyt-grid-a .sixth._new, .lyt-grid-a .third._new {
    position: relative
}

.lyt-grid-a .fifth._new .grid-item::before, .lyt-grid-a .first._new .grid-item::before, .lyt-grid-a .fourth._new .grid-item::before, .lyt-grid-a .second._new .grid-item::before, .lyt-grid-a .sixth._new .grid-item::before, .lyt-grid-a .third._new .grid-item::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 10px 6px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

@media print, screen and (max-width: 768px) {
    .lyt-grid-a .fifth._new .grid-item::before, .lyt-grid-a .first._new .grid-item::before, .lyt-grid-a .fourth._new .grid-item::before, .lyt-grid-a .second._new .grid-item::before, .lyt-grid-a .sixth._new .grid-item::before, .lyt-grid-a .third._new .grid-item::before {
        display: none
    }
}

.lyt-grid-a .fifth .text .title, .lyt-grid-a .fourth .text .title, .lyt-grid-a .sixth .text .title, .lyt-grid-a .third .text .title {
    font-size: 16px
}

.lyt-grid-a .first {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3
}

.lyt-grid-a .second {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4
}

.lyt-grid-a .third {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.lyt-grid-a .fourth {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2
}

.lyt-grid-a .fifth {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4
}

.lyt-grid-a .sixth {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4
}

@media print, screen and (max-width: 768px) {
    .lyt-grid-a {
        display: block;
        margin: 16px 0 25px
    }

    .lyt-grid-a ._new .grid-item::before {
        display: none
    }

    .lyt-grid-a ._new::before {
        display: block;
        position: absolute;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 32px;
        height: 32px;
        content: "NEW";
        font-size: 8px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        padding: 3px 2px;
        background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%);
        z-index: 1
    }

    .lyt-grid-a .grid-item {
        width: 100%;
        display: flex
    }

    .lyt-grid-a .grid-item .text {
        position: relative;
        padding: 0 10px 0 10px
    }

    .lyt-grid-a .grid-item .text .title {
        margin-top: 0;
        font-size: 14px;
        color: #333
    }

    .lyt-grid-a .grid-item .text .details .item {
        display: block;
        color: #666;
        font-size: 12px;
        line-height: 1.6
    }

    .lyt-grid-a .grid-item .text .details .item + .item {
        margin-left: 0
    }

    .lyt-grid-a .grid-item .img {
        position: relative;
        overflow: hidden;
        width: 120px;
        flex-shrink: 0
    }

    .lyt-grid-a .grid-item .img::before {
        display: none
    }

    .lyt-grid-a .grid-item .img img {
        width: 120px;
        object-fit: cover;
        transition: .3s;
        -webkit-clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%);
        clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%)
    }

    .lyt-grid-a .grid-item .img img.icon-movie-b, .lyt-grid-a .grid-item .img img.icon-sound-b, .lyt-grid-a .grid-item .img img.icon-window-b {
        width: 32px;
        top: -3px;
        right: 0;
        object-fit: contain
    }

    .lyt-grid-a .first, .lyt-grid-a .second, .lyt-grid-a .third {
        display: flex
    }

    .lyt-grid-a .first .grid-item, .lyt-grid-a .second .grid-item, .lyt-grid-a .third .grid-item {
        background: #fff;
        padding: 20px 10px;
        -webkit-clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 70px), calc(100% - 75px) 100%, 0 100%, 0 30px);
        clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 25px) 100%, 0 100%, 0 30px)
    }

    .lyt-grid-a .second, .lyt-grid-a .third {
        margin-top: 5px
    }

    .lyt-grid-a .fifth, .lyt-grid-a .fourth, .lyt-grid-a .sixth {
        display: none
    }

    .lyt-grid-a + .btn-a + .lyt-img-a, .lyt-grid-a + .btn-b + .lyt-img-a {
        margin-top: 24px;
        margin-bottom: 8px
    }
}

.lyt-img-a > .lyt-img-inner a, .lyt-img-b > .lyt-img-inner a, .lyt-img-d > .lyt-img-inner a, .lyt-img-e > .lyt-img-inner a {
    position: relative;
    color: #333;
    transition: .3s
}

.lyt-img-a > .lyt-img-inner a:active .img, .lyt-img-a > .lyt-img-inner a:focus .img, .lyt-img-a > .lyt-img-inner a:hover .img, .lyt-img-b > .lyt-img-inner a:active .img, .lyt-img-b > .lyt-img-inner a:focus .img, .lyt-img-b > .lyt-img-inner a:hover .img, .lyt-img-d > .lyt-img-inner a:active .img, .lyt-img-d > .lyt-img-inner a:focus .img, .lyt-img-d > .lyt-img-inner a:hover .img, .lyt-img-e > .lyt-img-inner a:active .img, .lyt-img-e > .lyt-img-inner a:focus .img, .lyt-img-e > .lyt-img-inner a:hover .img {
    background: #fff
}

.lyt-img-a > .lyt-img-inner a:active .img img, .lyt-img-a > .lyt-img-inner a:focus .img img, .lyt-img-a > .lyt-img-inner a:hover .img img, .lyt-img-b > .lyt-img-inner a:active .img img, .lyt-img-b > .lyt-img-inner a:focus .img img, .lyt-img-b > .lyt-img-inner a:hover .img img, .lyt-img-d > .lyt-img-inner a:active .img img, .lyt-img-d > .lyt-img-inner a:focus .img img, .lyt-img-d > .lyt-img-inner a:hover .img img, .lyt-img-e > .lyt-img-inner a:active .img img, .lyt-img-e > .lyt-img-inner a:focus .img img, .lyt-img-e > .lyt-img-inner a:hover .img img {
    opacity: .8
}

.lyt-img-a > .lyt-img-inner a:active .img img[class^=icon-], .lyt-img-a > .lyt-img-inner a:focus .img img[class^=icon-], .lyt-img-a > .lyt-img-inner a:hover .img img[class^=icon-], .lyt-img-b > .lyt-img-inner a:active .img img[class^=icon-], .lyt-img-b > .lyt-img-inner a:focus .img img[class^=icon-], .lyt-img-b > .lyt-img-inner a:hover .img img[class^=icon-], .lyt-img-d > .lyt-img-inner a:active .img img[class^=icon-], .lyt-img-d > .lyt-img-inner a:focus .img img[class^=icon-], .lyt-img-d > .lyt-img-inner a:hover .img img[class^=icon-], .lyt-img-e > .lyt-img-inner a:active .img img[class^=icon-], .lyt-img-e > .lyt-img-inner a:focus .img img[class^=icon-], .lyt-img-e > .lyt-img-inner a:hover .img img[class^=icon-] {
    transform: scale(1)
}

.lyt-img-a > .lyt-img-inner a:active .text .title, .lyt-img-a > .lyt-img-inner a:focus .text .title, .lyt-img-a > .lyt-img-inner a:hover .text .title, .lyt-img-b > .lyt-img-inner a:active .text .title, .lyt-img-b > .lyt-img-inner a:focus .text .title, .lyt-img-b > .lyt-img-inner a:hover .text .title, .lyt-img-d > .lyt-img-inner a:active .text .title, .lyt-img-d > .lyt-img-inner a:focus .text .title, .lyt-img-d > .lyt-img-inner a:hover .text .title, .lyt-img-e > .lyt-img-inner a:active .text .title, .lyt-img-e > .lyt-img-inner a:focus .text .title, .lyt-img-e > .lyt-img-inner a:hover .text .title {
    color: #e60027
}

.lyt-img-a > .lyt-img-inner .text .strong, .lyt-img-b > .lyt-img-inner .text .strong, .lyt-img-d > .lyt-img-inner .text .strong, .lyt-img-e > .lyt-img-inner .text .strong {
    display: block;
    font-size: 12px;
    color: #e60027
}

.lyt-img-a > .lyt-img-inner .img, .lyt-img-b > .lyt-img-inner .img, .lyt-img-d > .lyt-img-inner .img, .lyt-img-e > .lyt-img-inner .img {
    overflow: hidden
}

.lyt-img-a > .lyt-img-inner .img + .caption, .lyt-img-b > .lyt-img-inner .img + .caption, .lyt-img-d > .lyt-img-inner .img + .caption, .lyt-img-e > .lyt-img-inner .img + .caption {
    display: block;
    margin: 8px 0 0;
    color: #666;
    font-size: 14px;
    text-align: center;
    line-height: 1.6
}

[lang=en] .lyt-img-a > .lyt-img-inner .img + .caption, [lang=en] .lyt-img-b > .lyt-img-inner .img + .caption, [lang=en] .lyt-img-d > .lyt-img-inner .img + .caption, [lang=en] .lyt-img-e > .lyt-img-inner .img + .caption {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.lyt-img-a > .lyt-img-inner .img + .caption > a, .lyt-img-b > .lyt-img-inner .img + .caption > a, .lyt-img-d > .lyt-img-inner .img + .caption > a, .lyt-img-e > .lyt-img-inner .img + .caption > a {
    color: #e60027
}

.lyt-img-a > .lyt-img-inner .img img, .lyt-img-b > .lyt-img-inner .img img, .lyt-img-d > .lyt-img-inner .img img, .lyt-img-e > .lyt-img-inner .img img {
    width: 100%;
    height: auto;
    transition: .3s
}

.lyt-img-a > .lyt-img-inner .img img.icon-movie-b, .lyt-img-a > .lyt-img-inner .img img.icon-sound-b, .lyt-img-a > .lyt-img-inner .img img.icon-window-b, .lyt-img-b > .lyt-img-inner .img img.icon-movie-b, .lyt-img-b > .lyt-img-inner .img img.icon-sound-b, .lyt-img-b > .lyt-img-inner .img img.icon-window-b, .lyt-img-d > .lyt-img-inner .img img.icon-movie-b, .lyt-img-d > .lyt-img-inner .img img.icon-sound-b, .lyt-img-d > .lyt-img-inner .img img.icon-window-b, .lyt-img-e > .lyt-img-inner .img img.icon-movie-b, .lyt-img-e > .lyt-img-inner .img img.icon-sound-b, .lyt-img-e > .lyt-img-inner .img img.icon-window-b {
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

.lyt-img-a > .lyt-img-inner + .list-category-a, .lyt-img-b > .lyt-img-inner + .list-category-a, .lyt-img-d > .lyt-img-inner + .list-category-a, .lyt-img-e > .lyt-img-inner + .list-category-a {
    margin-top: 16px
}

@media print, screen and (max-width: 768px) {
    .lyt-img-a > .lyt-img-inner + .list-category-a > ul, .lyt-img-b > .lyt-img-inner + .list-category-a > ul, .lyt-img-d > .lyt-img-inner + .list-category-a > ul, .lyt-img-e > .lyt-img-inner + .list-category-a > ul {
        margin-left: -24px
    }

    .lyt-img-a > .lyt-img-inner .list-category-a > ul, .lyt-img-b > .lyt-img-inner .list-category-a > ul, .lyt-img-d > .lyt-img-inner .list-category-a > ul, .lyt-img-e > .lyt-img-inner .list-category-a > ul {
        margin-left: -5px
    }

    .lyt-img-a > .lyt-img-inner .img + .caption, .lyt-img-b > .lyt-img-inner .img + .caption, .lyt-img-d > .lyt-img-inner .img + .caption, .lyt-img-e > .lyt-img-inner .img + .caption {
        font-size: 12px
    }

    .lyt-img-a > .lyt-img-inner + .list-category-a, .lyt-img-b > .lyt-img-inner + .list-category-a, .lyt-img-d > .lyt-img-inner + .list-category-a, .lyt-img-e > .lyt-img-inner + .list-category-a {
        margin-top: 8px
    }
}

.lyt-img-a._cut > .lyt-img-inner .img, .lyt-img-b._cut > .lyt-img-inner .img, .lyt-img-d._cut > .lyt-img-inner .img, .lyt-img-e._cut > .lyt-img-inner .img {
    -webkit-clip-path: polygon(12.8% 0, 100% 0, 100% 77.5%, 87.2% 100%, 0 100%, 0 22.5%);
    clip-path: polygon(12.8% 0, 100% 0, 100% 77.5%, 87.2% 100%, 0 100%, 0 22.5%)
}

.lyt-img-b._reverse > .lyt-img-inner, .lyt-img-d._reverse > .lyt-img-inner {
    flex-direction: row
}

.lyt-img-b._reverse > .lyt-img-inner > .text-wrap, .lyt-img-d._reverse > .lyt-img-inner > .text-wrap {
    margin: 0 24px 0 0
}

@media print, screen and (max-width: 768px) {
    .lyt-img-b._reverse > .lyt-img-inner, .lyt-img-d._reverse > .lyt-img-inner {
        flex-direction: column
    }

    .lyt-img-b._reverse > .lyt-img-inner > .text-wrap, .lyt-img-d._reverse > .lyt-img-inner > .text-wrap {
        margin: 0 0 24px 0
    }
}

.str-contents-main-inner .lyt-img-b._reverse > .lyt-img-inner > .text-wrap, .str-contents-main-inner .lyt-img-d._reverse > .lyt-img-inner > .text-wrap {
    margin: -4px 24px 0 0;

}

@media print, screen and (max-width: 768px) {
    .str-contents-main-inner .lyt-img-b._reverse > .lyt-img-inner, .str-contents-main-inner .lyt-img-d._reverse > .lyt-img-inner {
        flex-direction: column
    }

    .str-contents-main-inner .lyt-img-b._reverse > .lyt-img-inner > .text-wrap, .str-contents-main-inner .lyt-img-d._reverse > .lyt-img-inner > .text-wrap {
        margin: 0 0 24px 0
    }
}

@media print, screen and (max-width: 768px) {
    ._category .lyt-img-b, ._category .lyt-img-d {
        border-bottom: solid 1px #ddd
    }
}

.lyt-img-b > .lyt-img-inner, .lyt-img-d > .lyt-img-inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.lyt-img-b > .lyt-img-inner > .text-wrap, .lyt-img-d > .lyt-img-inner > .text-wrap {
    margin: -4px 0 0 24px;
    position: relative;
    color: #333
}

.lyt-img-b > .lyt-img-inner > .text-wrap .details, .lyt-img-d > .lyt-img-inner > .text-wrap .details {
    margin-top: 0
}

.lyt-img-b > .lyt-img-inner .text .strong, .lyt-img-d > .lyt-img-inner .text .strong {
    display: block;
    font-size: 12px;
    color: #e60027
}

.lyt-img-b > .lyt-img-inner .text .title, .lyt-img-d > .lyt-img-inner .text .title {
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.lyt-img-b > .lyt-img-inner .text .title + p, .lyt-img-d > .lyt-img-inner .text .title + p {
    margin-top: 6px
}

.lyt-img-b > .lyt-img-inner .img-wrap > a, .lyt-img-d > .lyt-img-inner .img-wrap > a {
    display: block
}

.lyt-img-b > .lyt-img-inner .img, .lyt-img-d > .lyt-img-inner .img {
    overflow: hidden
}

.lyt-img-b > .lyt-img-inner .img img, .lyt-img-d > .lyt-img-inner .img img {
    height: auto;
    transition: .3s
}

.lyt-img-b > .lyt-img-inner + .list-category-a, .lyt-img-d > .lyt-img-inner + .list-category-a {
    margin-top: 16px
}

@media print, screen and (max-width: 768px) {
    .lyt-img-b > .lyt-img-inner > .lyt-img-inner + .list-category-a > ul, .lyt-img-d > .lyt-img-inner > .lyt-img-inner + .list-category-a > ul {
        margin-left: -24px
    }

    .lyt-img-b > .lyt-img-inner > .lyt-img-inner .list-category-a > ul, .lyt-img-d > .lyt-img-inner > .lyt-img-inner .list-category-a > ul {
        margin-left: -5px
    }
}

.lyt-img-a {
    display: table;
    margin: 0 auto;
    text-align: left;
    table-layout: fixed
}

.lyt-img-a._left {
    margin: 0 0 auto
}

.lyt-img-a._right {
    margin: 0 0 0 auto
}

.lyt-img-a._new {
    position: relative
}

.lyt-img-a._new > .lyt-img-inner > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 10px 6px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

.lyt-img-a a > .text-wrap > .text .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    transition: color .4s;
    vertical-align: top;
    transition: .3s
}

.lyt-img-a a > .text-wrap > .text .title + p {
    margin-top: 10px
}

.lyt-img-a a > .text-wrap > .text > p:first-of-type {
    margin-top: 0
}

.lyt-img-a a > .text-wrap > .text + p {
    display: -webkit-box;
    margin-top: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lyt-img-a a > .text-wrap .details {
    margin-top: 0
}

.lyt-img-a a > .img-wrap > .img {
    position: relative
}

.lyt-img-a a > .img-wrap > .img img.icon-movie-b, .lyt-img-a a > .img-wrap > .img img.icon-sound-b, .lyt-img-a a > .img-wrap > .img img.icon-window-b {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

.lyt-img-a a:active > .text-wrap .title, .lyt-img-a a:focus > .text-wrap .title, .lyt-img-a a:hover > .text-wrap .title {
    color: #e60027
}

._col2._type-01 .lyt-img-a > .lyt-img-inner .img {
    -webkit-clip-path: polygon(6.976% 0, 100% 0, 100% 83.26%, 93.024% 100%, 0 100%, 0 16.74%);
    clip-path: polygon(6.976% 0, 100% 0, 100% 83.26%, 93.024% 100%, 0 100%, 0 16.74%)
}

._col2._type-01 .lyt-img-a > .lyt-img-inner .title {
    display: block;
    font-size: 26px
}

._col2._type-01 .lyt-img-a > .lyt-img-inner .details .item + .item {
    margin-left: 16px
}

._col2._type-01 .lyt-img-a > .lyt-img-inner + .list-category-a {
    margin-left: 0
}

._col2._type-01 .lyt-img-a > .lyt-img-inner + .list-category-a > ul > li:first-of-type {
    margin-left: 6px
}

._col2._type-01 .lyt-img-a > .lyt-img-inner + .list-category-a > ul > li > a {
    padding-left: 19px
}

._col2._type-01 .lyt-img-a > .list-category-a > ul {
    margin-left: -8px
}

.lyt-img-a .lyt-img-inner {
    width: 100%
}

.lyt-img-a .lyt-img-inner .text {
    margin-top: 8px
}

.lyt-img-a .lyt-img-inner .text > .title {
    display: inline-block
}

._col2 .str-main-contents .lyt-img-a {
    display: block
}

._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a {
    display: block
}

._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img {
    position: relative;
    max-width: 860px;
    width: 100%;
    padding-top: 50%
}

._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img img.icon-movie-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img img.icon-sound-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img img.icon-window-b {
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:active .img img.icon-movie-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:active .img img.icon-sound-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:active .img img.icon-window-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:focus .img img.icon-movie-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:focus .img img.icon-sound-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:focus .img img.icon-window-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:hover .img img.icon-movie-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:hover .img img.icon-sound-b, ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a:hover .img img.icon-window-b {
    opacity: 1
}

._col2 .str-main-contents .lyt-img-a + .lyt-img-d {
    margin-top: 60px;
    border-bottom: solid 1px #ddd
}

._col2 .str-main-contents .lyt-img-a + .lyt-img-d > .lyt-img-inner > .img-wrap {
    max-width: 200px
}

._col2 .str-main-contents .lyt-img-a._new > .lyt-img-inner > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    content: "NEW";
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 12px 8px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

._col2 .str-main-contents .lyt-img-a > .box-a {
    margin-top: 32px
}

._col2 .str-main-contents .lyt-img-a + .lyt-img-b {
    padding-bottom: 24px
}

.lyt-img-a + .lyt-img-a {
    margin-top: 40px
}

@media print, screen and (max-width: 1024px) {
    ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img {
        max-width: 100%
    }

    ._col2 .str-main-contents .lyt-img-a + .lyt-img-d {
        margin-top: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
        border-top: solid 1px #ddd
    }
}

@media print, screen and (max-width: 768px) {
    .lyt-img-a .lyt-img-inner .text > .title {
        font-size: 16px
    }

    ._col2._type-01 .lyt-img-a > .lyt-img-inner .title {
        font-size: 16px
    }

    ._col2 .str-main-contents .lyt-img-a._new > .lyt-img-inner > a::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
        content: "NEW";
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        padding: 10px 6px;
        background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
        z-index: 1
    }

    ._col2 .str-main-contents .lyt-img-a > .lyt-img-inner > a .img {
        max-width: 100%
    }

    ._col2 .str-main-contents .lyt-img-a + .lyt-img-d {
        margin-top: 16px;
        padding-top: 16px;
        border-top: solid 1px #ddd
    }
}

._narrow .str-contents-main-inner .lyt-img-b {
    padding-bottom: 24px
}

.str-contents-main-inner .lyt-img-b > .lyt-img-inner > .text-wrap {
    margin: 0 0 0 32px
}

.lyt-img-b > .lyt-img-inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.lyt-img-b > .lyt-img-inner > .text-wrap {
    margin: -4px 0 0 24px
}

.lyt-img-b > .lyt-img-inner > .text-wrap > .text {
    margin-top: -6px
}

.lyt-img-b > .lyt-img-inner > .text-wrap > .text > :first-of-type {
    margin-top: 0
}

.lyt-img-b > .lyt-img-inner > .text-wrap > .text > * + * {
    margin-top: 16px
}

.lyt-img-b > .lyt-img-inner > .text-wrap > .text .title {
    position: relative;
    display: block;
    font-size: 26px
}

.lyt-img-b > .lyt-img-inner > .text-wrap > .text .title._bold {
    font-size: 42px
}

.lyt-img-b > .lyt-img-inner > .img-wrap {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    flex-shrink: 0
}

.lyt-img-b > .lyt-img-inner > .img-wrap .img {
    position: relative;
    width: 100%;
    padding-top: 66.4%
}

.lyt-img-b > .lyt-img-inner > .img-wrap .img img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

._category .block .lyt-img-b, ._top .block .lyt-img-b {
    padding: 0 0 16px 32px;
    border-left: solid 2px #ddd
}

._category .block .lyt-img-b + .lyt-img-b, ._top .block .lyt-img-b + .lyt-img-b {
    padding: 16px 0 16px 32px
}

.block .lyt-img-b .lyt-img-inner > .text .title {
    font-size: 16px
}

.block .lyt-img-b .lyt-img-inner > .img {
    max-width: 130px
}

.block .lyt-img-b:last-child {
    padding-bottom: 0
}

.block .lyt-img-b + .lyt-img-b {
    padding: 16px 0 16px 0
}

.lyt-img-b + .lyt-img-b {
    border-top: solid 1px #ddd;
    padding-top: 24px
}

.lyt-img-b + .lyt-img-b:last-of-type {
    padding-bottom: 0
}

._col2 .str-main-contents .lyt-img-b + .lyt-img-b {
    padding-top: 24px;
    padding-bottom: 24px
}

._col2 .str-side-contents .lyt-img-b {
    padding-bottom: 16px
}

._col2 .str-side-contents .lyt-img-b + .lyt-img-b {
    padding-top: 13px
}

@media print, screen and (max-width: 768px) {
    .str-contents-main-inner .lyt-img-b > .lyt-img-inner > .text-wrap {
        margin: 24px 0 0 0
    }

    ._narrow .str-contents-main-inner .lyt-img-b .img-wrap {
        max-width: 100%
    }

    ._narrow .str-contents-main-inner .lyt-img-b .img-wrap .img {
        position: relative;
        max-width: 100%;
        width: 100%;
        padding-top: 50%
    }

    ._narrow .str-contents-main-inner .lyt-img-b .img-wrap .img > img {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 0
    }

    ._narrow .str-contents-main-inner .lyt-img-b .text-wrap {
        margin: 6px 0 0
    }

    ._narrow .str-contents-main-inner .lyt-img-b .text-wrap > .text > .title {
        font-size: 24px
    }

    ._narrow .str-contents-main-inner .lyt-img-b .text-wrap > .text > .title + p {
        margin-top: 2px
    }

    .lyt-img-b > .lyt-img-inner {
        flex-direction: column-reverse
    }

    .lyt-img-b > .lyt-img-inner > .item {
        margin: 0 0 24px 0
    }

    .lyt-img-b > .lyt-img-inner > .text-wrap {
        margin: 0 0 24px 0
    }

    .lyt-img-b > .lyt-img-inner > .text-wrap > .text .title {
        font-size: 14px
    }

    .lyt-img-b > .lyt-img-inner > .text-wrap > .text .title._bold {
        font-size: 24px
    }

    .lyt-img-b > .lyt-img-inner > .text-wrap > .text .title + p {
        margin-top: 0;
        font-size: 14px
    }

    .lyt-img-b > .lyt-img-inner > .img-wrap {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        flex-shrink: 0
    }

    .lyt-img-b > .lyt-img-inner > .img-wrap .img {
        position: relative;
        width: 100%;
        padding-top: 49.9%
    }

    .lyt-img-b > .lyt-img-inner > .img-wrap .img img {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: 0
    }

    ._type-b .lyt-img-b > .lyt-img-inner {
        flex-direction: column-reverse
    }

    ._type-b .lyt-img-b > .lyt-img-inner > .img-wrap > .img {
        margin: 0 auto
    }
}

@media print, screen and (max-width: 1024px) {
    .carousel-feature .lyt-img-b .lyt-img-inner {
        flex-direction: column-reverse
    }

    .carousel-feature .lyt-img-b .lyt-img-inner > .img-wrap {
        max-width: 100%
    }

    .carousel-feature .lyt-img-b .lyt-img-inner > .img-wrap > .img {
        text-align: center
    }

    .carousel-feature .lyt-img-b .lyt-img-inner > .img-wrap > .img > img {
        width: calc(323px + (745 - 323) * (100vw - 320px) / (1024 - 320));
        height: calc(161px + (367 - 161) * (100vw - 320px) / (1024 - 320));
        object-fit: cover;
        -webkit-clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%);
        clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%)
    }

    .carousel-feature .lyt-img-b .lyt-img-inner > .text-wrap {
        margin-left: 0
    }

    .carousel-feature .lyt-img-b .lyt-img-inner > .text-wrap .btn-a, .carousel-feature .lyt-img-b .lyt-img-inner > .text-wrap .btn-b {
        text-align: center
    }

    .carousel-feature .lyt-img-b + .list-desc-a .list-feature-a > ul > li {
        width: 100%
    }
}

@media print, screen and (max-width: 1275px) {
    ._category .block .lyt-img-b .lyt-img-inner a, ._top .block .lyt-img-b .lyt-img-inner a {
        flex-direction: column-reverse
    }

    ._category .block .lyt-img-b .lyt-img-inner a .text, ._top .block .lyt-img-b .lyt-img-inner a .text {
        margin-left: 0
    }

    ._category .block .lyt-img-b .lyt-img-inner a .text .title, ._top .block .lyt-img-b .lyt-img-inner a .text .title {
        font-size: 16px
    }

    ._category .block .lyt-img-b .lyt-img-inner a .img-wrap, ._top .block .lyt-img-b .lyt-img-inner a .img-wrap {
        display: block;
        margin: 0 auto;
        max-width: 130px
    }

    ._category .block .lyt-img-b:last-child, ._top .block .lyt-img-b:last-child {
        padding-bottom: 0
    }

    ._category .block .lyt-img-b + .lyt-img-d, ._top .block .lyt-img-b + .lyt-img-d {
        padding: 16px 0 16px 32px
    }
}

.lyt-img-d._new {
    position: relative
}

.lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 10px 6px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

@media print, screen and (max-width: 768px) {
    .carousel-feature .lyt-img-d._cut > .lyt-img-inner .img {
        clip-path: polygon(28px 0, 100% 0, 100% calc(100% - 34px), calc(100% - 28px) 100%, 0 100%, 0 34px)
    }
}

.lyt-img-d > .lyt-img-inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.lyt-img-d > .lyt-img-inner > .text-wrap {
    margin: -4px 0 0 24px
}

.lyt-img-d > .lyt-img-inner > .text-wrap > .text .title._bold {
    font-size: 42px;
    line-height: 1.3
}

.lyt-img-d > .lyt-img-inner > .text-wrap > .text .title._bold + p {
    display: block
}

.lyt-img-d > .lyt-img-inner > .text-wrap > .text .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lyt-img-d > .lyt-img-inner > .text-wrap > .text .title a:active, .lyt-img-d > .lyt-img-inner > .text-wrap > .text .title a:focus, .lyt-img-d > .lyt-img-inner > .text-wrap > .text .title a:hover {
    color: #e60027
}

.lyt-img-d > .lyt-img-inner > .text-wrap > .text .title + p {
    margin-top: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lyt-img-d > .lyt-img-inner > .img-wrap {
    max-width: 240px;
    width: 100%;
    flex-shrink: 0
}

.carousel-feature .lyt-img-d > .lyt-img-inner > .img-wrap {
    max-width: 400px
}

.lyt-img-d > .lyt-img-inner > .img-wrap > a:active .img img.icon-movie-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:active .img img.icon-sound-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:active .img img.icon-window-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:focus .img img.icon-movie-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:focus .img img.icon-sound-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:focus .img img.icon-window-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:hover .img img.icon-movie-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:hover .img img.icon-sound-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a:hover .img img.icon-window-b {
    opacity: 1
}

.lyt-img-d > .lyt-img-inner > .img-wrap > a .img {
    position: relative;
    width: 100%;
    padding-top: 66.7%
}

.lyt-img-d > .lyt-img-inner > .img-wrap > a .img img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.lyt-img-d > .lyt-img-inner > .img-wrap > a .img img.icon-movie-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a .img img.icon-sound-b, .lyt-img-d > .lyt-img-inner > .img-wrap > a .img img.icon-window-b {
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

.js-tab-item .lyt-img-d > .lyt-img-inner > .text-wrap .title > a {
    display: block
}

._category .block .lyt-img-d, ._top .block .lyt-img-d {
    padding: 0 0 16px 32px;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

._category .block .lyt-img-d .lyt-img-inner .img-wrap, ._top .block .lyt-img-d .lyt-img-inner .img-wrap {
    max-width: 130px;
    flex-shrink: 0
}

._category .block .lyt-img-d:last-child, ._top .block .lyt-img-d:last-child {
    padding-bottom: 0
}

._category .block .lyt-img-d + .lyt-img-d, ._top .block .lyt-img-d + .lyt-img-d {
    padding: 16px 0 16px 32px
}

._category .block .lyt-img-d + .lyt-img-d:last-of-type, ._top .block .lyt-img-d + .lyt-img-d:last-of-type {
    border-bottom: none
}

._col2 .str-side-contents .block .lyt-img-d {
    border-bottom: solid 1px #ddd
}

._col2 .str-side-contents .block .lyt-img-d > .lyt-img-inner .text-wrap {
    margin-left: 8px
}

._col2 .str-side-contents .block .lyt-img-d > .lyt-img-inner .text-wrap > .text > .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6
}

._col2 .str-side-contents .block .lyt-img-d > .lyt-img-inner .text-wrap > .text > .title > a {
    font-size: 14px
}

._col2 .str-side-contents .block .lyt-img-d > .lyt-img-inner > .img-wrap {
    max-width: 120px;
    width: 100%;
    flex-shrink: 0
}

._col2 .str-side-contents .block .lyt-img-d + .lyt-img-d {
    padding-top: 16px
}

._col2 .str-side-contents .block .lyt-img-d + .lyt-img-d:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

._col2._type-01 .block .lyt-img-d > .lyt-img-inner > .text-wrap .title > a {
    display: -webkit-box
}

._top .carousel-feature .lyt-img-d > .lyt-img-inner > .text-wrap .title > a {
    display: block
}

._col2._type-01 .lyt-img-d._new {
    position: relative
}

._col2._type-01 .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    content: "NEW";
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 6px 5px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

._col2._type-01 .lyt-img-d > .lyt-img-inner > .text-wrap {
    margin-top: -4px
}

._col2._type-01 .lyt-img-d > .lyt-img-inner > .text-wrap .title > a {
    display: block
}

._col2._type-01 .lyt-img-d > .lyt-img-inner > .text-wrap .text-wrap .details > .item + .item {
    display: block;
    margin-left: 0
}

._col2._type-02 .lyt-img-d._new {
    position: relative
}

._col2._type-02 .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 10px 6px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

._col2._type-02 .str-main-contents .lyt-img-d .title a {
    display: block
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d._new {
    position: relative
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 10px 6px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d._cut > .lyt-img-inner .img {
    -webkit-clip-path: polygon(12.5% 0, 100% 0, 100% 77.5%, 87.5% 100%, 0 100%, 0 22.5%);
    clip-path: polygon(12.5% 0, 100% 0, 100% 77.5%, 87.5% 100%, 0 100%, 0 22.5%)
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .text > .title > a {
    display: block
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .text > .title + p {
    display: block
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a {
    margin-top: 12px
}

.lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li {
    margin-left: 8px
}

.lyt-col-2 .col:nth-of-type(even) .lyt-img-d._new {
    position: relative
}

.lyt-col-2 .col:nth-of-type(even) .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    content: "NEW";
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 6px 5px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

.lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .text > .title {
    font-size: 16px
}

.lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a {
    margin-top: 8px
}

.lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li {
    margin-left: 8px
}

.lyt-img-d + .lyt-img-d {
    border-bottom: solid 1px #ddd
}

._col2 .str-main-contents .lyt-img-d {
    padding-bottom: 24px
}

._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a {
    display: block
}

._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a .img {
    position: relative;
    width: 100%
}

._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a .img img {
    display: block;
    width: 100%;
    object-fit: cover
}

._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a .img img.icon-movie-b, ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a .img img.icon-sound-b, ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a .img img.icon-window-b {
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li:first-of-type {
    margin-left: 8px
}

._col2 .str-main-contents .lyt-img-d + .lyt-img-d {
    padding-top: 24px;
    padding-bottom: 24px
}

._col2._type-01 .str-main-contents .lyt-img-d > .lyt-img-inner > .img-wrap {
    max-width: 200px;
    flex-shrink: 0
}

._col2 .str-side-contents .lyt-img-d {
    padding-bottom: 16px
}

._col2 .str-side-contents .lyt-img-d._new {
    position: relative
}

._col2 .str-side-contents .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 6px 5px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

._col2 .str-side-contents .lyt-img-d > .lyt-img-inner .text .title {
    font-size: 13px
}

._col2 .str-side-contents .lyt-img-d + .lyt-img-d {
    padding-top: 13px
}

@media print, screen and (max-width: 768px) {
    .lyt-img-d > .lyt-img-inner > .text-wrap {
        margin: -4px 0 0 8px
    }

    .carousel-feature .lyt-img-d > .lyt-img-inner > .text-wrap {
        margin: 2px 0 0 0
    }

    .lyt-img-d > .lyt-img-inner > .text-wrap .title > a {
        font-size: 14px
    }

    .lyt-img-d > .lyt-img-inner > .text-wrap .title._bold > a {
        font-size: 24px;
        line-height: 1.6
    }

    .lyt-img-d > .lyt-img-inner > .text-wrap .title + p {
        font-size: 14px
    }

    .lyt-img-d > .lyt-img-inner > .text-wrap .details > .item + .item {
        display: block;
        margin-left: 0
    }

    .lyt-img-d > .lyt-img-inner > .img-wrap {
        max-width: 120px
    }

    .carousel-feature .lyt-img-d > .lyt-img-inner > .img-wrap .img {
        position: relative;
        width: 100%;
        padding-top: 49.9%
    }

    .lyt-img-d > .lyt-img-inner > .img-wrap .img img.icon-window-b {
        top: 0;
        right: 0;
        width: 32px;
        height: 20px
    }

    .lyt-img-d._new {
        position: relative
    }

    .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 10px;
        top: 0;
        left: 0;
        width: 41px;
        height: 41px;
        padding: 2px 13px 25px 0;
        background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover
    }
}

@media print, screen and (max-width: 768px) and (max-width: 768px) {
    ._type-b .lyt-img-d > .lyt-img-inner {
        flex-direction: column-reverse
    }

    ._type-b .lyt-img-d > .lyt-img-inner > .img-wrap > .img {
        margin: 0 auto
    }
}

@media print, screen and (max-width: 768px) {
    ._col2._type-01 .lyt-img-d._new {
        position: relative
    }

    ._col2._type-01 .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
        display: block;
        position: absolute;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 45px;
        content: "NEW";
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        padding: 6px 5px;
        background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
        z-index: 1
    }

    ._col2._type-01 .lyt-img-d > .lyt-img-inner > .text-wrap {
        margin-top: -4px
    }

    ._col2._type-01 .lyt-img-d > .lyt-img-inner > .text-wrap .list-category-a {
        margin-top: 8px;
        margin-left: 3px
    }
}

@media print, screen and (max-width: 768px) {
    ._col2._type-02 .lyt-img-d._new > .lyt-img-inner > .img-wrap > a::before {
        width: 32px;
        height: 32px;
        font-size: 8px;
        padding: 3px 2px
    }
}

@media print, screen and (max-width: 768px) {
    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap {
        margin-top: 4px
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .text > .title > a {
        font-size: 16px;
        line-height: 1.6
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .text > .title + p {
        display: none
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a {
        margin-top: 8px
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li {
        margin-left: 4px
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li:first-of-type {
        margin-left: 8px
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .img-wrap > a > .img {
        position: relative;
        max-width: 100%;
        width: 100%;
        padding-top: 50%
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .img-wrap > a > .img > img {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        z-index: -1
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .img-wrap > a > .img > img.icon-movie-b, .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .img-wrap > a > .img > img.icon-sound-b, .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner > .img-wrap > a > .img > img.icon-window-b {
        display: inline-block;
        top: 5px;
        right: 5px;
        width: 40px;
        height: 27px;
        left: auto;
        bottom: auto;
        object-fit: contain
    }

    .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d._cut > .lyt-img-inner .img {
        -webkit-clip-path: polygon(6.114% 0, 100% 0, 100% 85.327%, 93.886% 100%, 0 100%, 0 14.673%);
        clip-path: polygon(6.114% 0, 100% 0, 100% 85.327%, 93.886% 100%, 0 100%, 0 14.673%)
    }
}

@media print, screen and (max-width: 768px) {
    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .text > .title {
        font-size: 14px
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li {
        margin-left: 4px
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li:first-of-type {
        margin-left: 2px
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li > a:hover .text {
        border-top: solid 1px #333;
        border-bottom: solid 1px #333
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li > a:hover .text::before {
        width: 15px;
        height: 28px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01-hover.svg) no-repeat top left/cover
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li > a:hover .text::after {
        top: -1px;
        right: -4px;
        height: 28px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat top left/contain
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li .text {
        font-size: 12px;
        padding: 2px 4px;
        border-top: solid 1px #333;
        border-bottom: solid 1px #333
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        width: 14px;
        left: -14px;
        height: 28px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01.svg) no-repeat left top/cover
    }

    .is-ie .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li .text::before {
        background-size: 14px 28px
    }

    .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -4px;
        width: 5px;
        height: 28px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-11.svg) no-repeat left top/contain
    }

    .is-ie .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner > .text-wrap > .list-category-a > ul > li .text::after {
        background-size: 5px 28px
    }
}

@media print, screen and (max-width: 768px) {
    ._col2 .str-main-contents .lyt-img-d {
        padding-bottom: 16px
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .text {
        margin: 0 0 0 6px
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .text > .title {
        font-size: 14px
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap {
        flex-shrink: 0
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .img-wrap > a .img img {
        height: auto
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li:first-of-type {
        margin-left: 2px
    }

    ._col2 .str-main-contents .lyt-img-d + .lyt-img-d {
        padding-top: 16px;
        padding-bottom: 16px
    }

    ._col2._type-01 .str-main-contents .lyt-img-d > .lyt-img-inner > .img-wrap {
        max-width: 120px
    }

    ._col2._type-01 .str-main-contents .lyt-img-d > .lyt-img-inner > .text-wrap .list-category-a > ul > li:first-of-type {
        margin-left: 0
    }

    ._col2._type-02 .str-main-contents .lyt-img-d > .lyt-img-inner > .text-wrap .details {
        margin-top: 2px
    }
}

@media print, screen and (max-width: 768px) {
    ._col2._type-02 .str-side-contents .lyt-img-d > .lyt-img-inner > .text-wrap > .details {
        margin-top: 2px
    }

    ._col2 .str-side-contents .lyt-img-d + .lyt-img-d:nth-of-type(n+3) {
        border-bottom: none;
        padding-bottom: 0
    }
}

@media print, screen and (max-width: 1024px) {
    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner .text {
        margin-left: 0
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner > a > .text-wrap {
        margin-left: 8px
    }

    ._col2 .str-main-contents .lyt-img-d > .lyt-img-inner > .img-wrap {
        max-width: 120px
    }

    .carousel-feature .lyt-img-d .lyt-img-inner {
        flex-direction: column-reverse
    }

    .carousel-feature .lyt-img-d .lyt-img-inner > .img-wrap {
        max-width: 100%
    }

    .carousel-feature .lyt-img-d .lyt-img-inner > .img-wrap > .img {
        text-align: center
    }

    .carousel-feature .lyt-img-d .lyt-img-inner > .img-wrap > .img > img {
        width: calc(323px + (745 - 323) * (100vw - 320px) / (1024 - 320));
        height: calc(161px + (367 - 161) * (100vw - 320px) / (1024 - 320));
        object-fit: cover;
        -webkit-clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%);
        clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%)
    }

    .carousel-feature .lyt-img-d .lyt-img-inner > .text-wrap {
        margin-left: 0
    }

    .carousel-feature .lyt-img-d .lyt-img-inner > .text-wrap .btn-a, .carousel-feature .lyt-img-d .lyt-img-inner > .text-wrap .btn-b {
        text-align: center
    }

    .carousel-feature .lyt-img-d + .list-desc-a .list-feature-a > ul > li {
        width: 100%
    }
}

@media print, screen and (max-width: 1275px) {
    ._category .col .lyt-img-d .lyt-img-inner a, ._top .col .lyt-img-d .lyt-img-inner a {
        flex-direction: column-reverse
    }

    ._category .col .lyt-img-d .lyt-img-inner a .text, ._top .col .lyt-img-d .lyt-img-inner a .text {
        margin-left: 0
    }

    ._category .col .lyt-img-d .lyt-img-inner a .text .title, ._top .col .lyt-img-d .lyt-img-inner a .text .title {
        font-size: 16px
    }

    ._category .col .lyt-img-d .lyt-img-inner a .img-wrap, ._top .col .lyt-img-d .lyt-img-inner a .img-wrap {
        display: block;
        margin: 0 auto;
        max-width: 130px
    }

    ._category .col .lyt-img-d:last-child, ._top .col .lyt-img-d:last-child {
        padding-bottom: 0
    }

    ._category .col .lyt-img-d + .lyt-img-d, ._top .col .lyt-img-d + .lyt-img-d {
        padding: 16px 0 0 32px
    }
}

.lyt-img-e {
    /*display: table;*/
    margin: 0 auto;
    text-align: left;
    table-layout: fixed
}

.lyt-img-e._left {
    margin: 0 0 auto
}

.lyt-img-e._right {
    margin: 0 0 0 auto
}

.lyt-img-e .lyt-img-inner {
    width: 100%
}

.lyt-img-e .lyt-img-inner .text {
    margin-top: 8px
}

.lyt-img-e .lyt-img-inner .text > .title {
    display: inline-block
}

.lyt-img-e .lyt-img-inner .img {
    position: relative;
    /*max-width: 860px;*/
    width: 100%;
    margin: 0 auto
}

.lyt-img-e .lyt-img-inner .img > img {
    height: auto
}

@media print, screen and (max-width: 768px) {
    .lyt-img-e .lyt-img-inner .text > .title {
        font-size: 16px
    }
}

.lyt-col-2 {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    position: relative
}

._category .lyt-col-2 .col, ._top .lyt-col-2 .col {
    width: 50%
}

._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap {
    flex-shrink: 1;
    margin: 0 auto
}

@media print, screen and (max-width: 1275px) {
    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner {
        padding-right: 32px;
        flex-direction: column-reverse
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap {
        flex-shrink: 1;
        max-width: 360px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap {
        margin-top: 10px;
        margin-left: 0
    }
}

@media print, screen and (max-width: 768px) {
    ._category .lyt-col-2, ._top .lyt-col-2 {
        display: block
    }

    ._category .lyt-col-2 .col, ._top .lyt-col-2 .col {
        width: 100%
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner {
        padding-bottom: 16px;
        padding-right: 0
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap {
        max-width: 100%
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap {
        margin-left: 0;
        margin-top: 10px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text {
        position: relative;
        color: #333;
        border-top: solid 1px #333;
        border-bottom: solid 1px #333
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01-hover.svg) no-repeat top left/cover;
        left: -15px
    }

    .is-ie ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before, .is-ie ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before, .is-ie ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before, .is-ie ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::before {
        background-size: 18px 32px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after {
        display: block;
        position: absolute;
        content: "";
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat top left
    }

    .is-ie ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after, .is-ie ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after, .is-ie ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after, .is-ie ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li > a:hover .text::after {
        right: -4px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li .text, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li .text, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li .text, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li .text {
        display: inline-block;
        position: relative;
        color: #333;
        border-top: solid 1px #333;
        border-bottom: solid 1px #333;
        padding: 4px 8px 3px 10px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::before, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::before, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::before, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        left: -16px;
        width: 16px;
        height: 32px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01.svg) no-repeat left top/cover
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::after, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::after, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::after, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -4px;
        width: 5px;
        height: 32px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02.svg) no-repeat left top
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a {
        flex-direction: row-reverse
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap {
        max-width: 100%
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap .img, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap .img {
        display: inline-block
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap .img img, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap .img img {
        width: 900px;
        max-height: 345px;
        height: 100%;
        object-fit: cover
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .text-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .text-wrap {
        margin-left: 0;
        margin-top: 10px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .text-wrap .list-category-a > ul > li::first-of-type, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .text-wrap .list-category-a > ul > li::first-of-type {
        margin-left: 15px
    }

    ._category .lyt-col-2 .col:nth-of-type(even), ._top .lyt-col-2 .col:nth-of-type(even) {
        margin-top: 16px
    }

    ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-b, ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-d, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-b, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-d {
        border-left: 0;
        padding-left: 0
    }

    ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-b > .lyt-img-inner .text-wrap, ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner .text-wrap, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-b > .lyt-img-inner .text-wrap, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner .text-wrap {
        margin-top: -4px;
        margin-left: 8px;
        width: 100%
    }

    ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-b > .lyt-img-inner .img-wrap, ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-b > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner .img-wrap {
        max-width: 120px
    }

    ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li::first-of-type, ._category .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li::first-of-type, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-b > .lyt-img-inner .text-wrap .list-category-a > ul > li::first-of-type, ._top .lyt-col-2 .col:nth-of-type(even) .lyt-img-d > .lyt-img-inner .text-wrap .list-category-a > ul > li::first-of-type {
        margin-left: 15px
    }

    ._category .lyt-col-2 .col .block .lyt-img-b > .lyt-img-inner, ._category .lyt-col-2 .col .block .lyt-img-d > .lyt-img-inner, ._top .lyt-col-2 .col .block .lyt-img-b > .lyt-img-inner, ._top .lyt-col-2 .col .block .lyt-img-d > .lyt-img-inner {
        flex-direction: row-reverse;
        flex-wrap: nowrap
    }

    ._category .lyt-col-2 .col .block .lyt-img-d > .lyt-img-inner a, ._top .lyt-col-2 .col .block .lyt-img-d > .lyt-img-inner a {
        flex-direction: row-reverse
    }

    ._category .lyt-col-2 .col .block .lyt-img-d > .lyt-img-inner a .img-wrap, ._top .lyt-col-2 .col .block .lyt-img-d > .lyt-img-inner a .img-wrap {
        flex-shrink: 0
    }

    ._top .lyt-col-2 .col {
        width: 100%
    }

    ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d {
        border-bottom: 1px solid #ddd
    }

    ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner {
        flex-direction: column-reverse;
        padding: 0 0 16px 0
    }

    ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a {
        flex-direction: row-reverse
    }

    ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap {
        max-width: 100%
    }

    ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap .img {
        display: inline-block
    }

    ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner a .img-wrap .img img {
        width: 900px;
        max-height: 345px;
        height: 100%;
        object-fit: cover
    }
}

@media print, screen and (min-width: 1276px) {
    ._category .lyt-col-2 .col:nth-of-type(odd), ._top .lyt-col-2 .col:nth-of-type(odd) {
        width: 60%
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner {
        margin-right: 32px
    }

    ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._category .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-b > .lyt-img-inner .img-wrap, ._top .lyt-col-2 .col:nth-of-type(odd) .lyt-img-d > .lyt-img-inner .img-wrap {
        flex-shrink: 0;
        max-width: 360px
    }

    ._category .lyt-col-2 .col:nth-of-type(even), ._top .lyt-col-2 .col:nth-of-type(even) {
        width: 40%
    }
}

.lyt-col-3 {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 -40px -49px
}

.lyt-col-3 > .col {
    width: 33.3333%;
    padding: 0 0 40px 49px
}

@media print, screen and (max-width: 768px) {
    .lyt-col-3 {
        margin: 20px 0 -16px
    }

    .lyt-col-3 > .col {
        width: 100%;
        padding-left: 0;
        padding-bottom: 16px;
        border-bottom: 1px solid #ddd
    }

    .lyt-col-3 > .col + .col {
        padding-top: 16px
    }
}

.lyt-col-4 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -33px;
    margin-bottom: -33px
}

.lyt-col-4 .col {
    width: 25%;
    padding-left: 33px;
    padding-bottom: 33px
}

.lyt-col-4 .col .lyt-img-a {
    width: 100%
}

._top .lyt-col-4 .col .lyt-img-a .title {
    font-size: 16px
}

@media print, screen and (max-width: 768px) {
    .lyt-col-4 {
        margin-left: -15px;
        margin-bottom: -15px
    }

    .lyt-col-4 .col {
        width: 50%;
        padding-left: 15px;
        padding-bottom: 15px
    }

    ._top .lyt-col-4 .col .lyt-img-a .title {
        font-size: 14px
    }
}

.lyt-col-5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 32px 0 -20px -20px
}

.lyt-col-5 .col {
    width: 20%;
    padding: 0 0 20px 20px
}

.lyt-col-5 .col .lyt-img-a {
    width: 100%
}

.lyt-col-5 .col .lyt-img-a a > .text-wrap > .text {
    margin-top: 3px
}

.lyt-col-5 .col .lyt-img-a a > .text-wrap > .text .title {
    font-size: 16px
}

@media print, screen and (max-width: 768px) {
    .lyt-col-5 {
        margin-top: 16px;
        margin-left: -8px;
        margin-bottom: -25px
    }

    .lyt-col-5 .col {
        width: 50%;
        padding-left: 8px;
        padding-bottom: 25px
    }

    .lyt-col-5 .col .lyt-img-a > .lyt-img-inner .img img {
        width: 100%
    }

    .lyt-col-5 .col .lyt-img-a a > .text-wrap > .text {
        margin-top: 4px
    }

    .lyt-col-5 .col .lyt-img-a a > .text-wrap > .text .title {
        font-size: 16px
    }
}

.lyt-movie-col {
    display: flex;
    flex-wrap: wrap
}

.lyt-movie-col > .col {
    position: relative;
    border: 2px solid #000;
    width: 50%
}

.lyt-movie-col > .col._col3 {
    width: 33.3333%
}

.lyt-movie-col > .col._col3 > .lyt-img-a a .img::after {
    display: block;
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-play-01.svg) no-repeat center center/cover;
    z-index: 1
}

@media print, screen and (min-width: 769px) {
    .lyt-movie-col > .col._col3 > .lyt-img-a a > .text-wrap > .text > .category {
        font-size: 12px
    }

    .lyt-movie-col > .col._col3 > .lyt-img-a a > .text-wrap > .text > .title {
        font-size: 16px
    }
}

@media print, screen and (max-width: 768px) {
    .lyt-movie-col > .col._col3 {
        width: 100%
    }
}

.lyt-movie-col > .col._new > .lyt-img-a {
    position: relative
}

.lyt-movie-col > .col._new > .lyt-img-a a {
    position: relative;
    display: block
}

.lyt-movie-col > .col._new > .lyt-img-a a::before {
    display: block;
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: "NEW";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 10px 6px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
    z-index: 1
}

.lyt-movie-col > .col > .lyt-img-a {
    position: relative;
    display: block
}

.lyt-movie-col > .col > .lyt-img-a a {
    position: relative;
    display: block
}

.lyt-movie-col > .col > .lyt-img-a a:active > .text-wrap .title, .lyt-movie-col > .col > .lyt-img-a a:focus > .text-wrap .title, .lyt-movie-col > .col > .lyt-img-a a:hover > .text-wrap .title {
    background: 0 0
}

.lyt-movie-col > .col > .lyt-img-a a:active .img, .lyt-movie-col > .col > .lyt-img-a a:focus .img, .lyt-movie-col > .col > .lyt-img-a a:hover .img {
    background: 0 0
}

.lyt-movie-col > .col > .lyt-img-a a:active .img::before, .lyt-movie-col > .col > .lyt-img-a a:focus .img::before, .lyt-movie-col > .col > .lyt-img-a a:hover .img::before {
    background: rgba(255, 255, 255, .3), linear-gradient(0deg, #333 0, rgba(65, 65, 65, 0) 50%)
}

.lyt-movie-col > .col > .lyt-img-a a:active .img img, .lyt-movie-col > .col > .lyt-img-a a:focus .img img, .lyt-movie-col > .col > .lyt-img-a a:hover .img img {
    background: #fff
}

.lyt-movie-col > .col > .lyt-img-a a .img {
    position: relative;
    padding-top: 56.25%
}

.lyt-movie-col > .col > .lyt-img-a a .img > img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

.is-ie .lyt-movie-col > .col > .lyt-img-a a .img > img {
    transition: none
}

.lyt-movie-col > .col > .lyt-img-a a .img::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #333 0, rgba(65, 65, 65, 0) 50%);
    z-index: 1;
    transition: .3s
}

.lyt-movie-col > .col > .lyt-img-a a .img::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-play-01.svg) no-repeat center center/cover;
    z-index: 1
}

.lyt-movie-col > .col > .lyt-img-a a > .text-wrap {
    position: absolute;
    bottom: 0;
    padding-left: 16px;
    padding-bottom: 10px;
    z-index: 2
}

.lyt-movie-col > .col > .lyt-img-a a > .text-wrap > .text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lyt-movie-col > .col > .lyt-img-a a > .text-wrap > .text > .category {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.5
}

.lyt-movie-col > .col > .lyt-img-a a > .text-wrap > .text > .title {
    margin-top: 0;
    font-size: 22px;
    color: #fff;
    line-height: 1.3
}

@media print, screen and (max-width: 768px) {
    .lyt-movie-col > .col {
        width: 100%
    }

    .lyt-movie-col > .col._new > .lyt-img-a a::before {
        display: block;
        position: absolute;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 48px;
        height: 48px;
        content: "NEW";
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        padding: 6px 4px;
        background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%) no-repeat top left/cover;
        z-index: 1
    }

    ._movie .lyt-movie-col > .col .lyt-img-a a .img::after {
        width: 60px;
        height: 60px
    }

    ._movie .lyt-movie-col > .col .lyt-img-a a .text-wrap {
        padding-left: 10px
    }

    ._movie .lyt-movie-col > .col .lyt-img-a a .text-wrap > .text > .category {
        font-size: 12px;
        line-height: 1.5
    }

    ._movie .lyt-movie-col > .col .lyt-img-a a .text-wrap > .text > .title {
        font-size: 18px
    }
}

.lyt-movie-a .lyt-movie-inner {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.lyt-movie-a .lyt-movie-inner > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    border: 0
}

.lyt-movie-a > .caption {
    display: block;
    margin: 8px 0 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    text-align: center
}

[lang=en] .lyt-movie-a > .caption {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media print, screen and (max-width: 768px) {
    .lyt-movie-a > .caption {
        font-size: 12px
    }
}

.lyt-img-f {
    display: flex;
    position: relative;
    flex-direction: column
}

.lyt-img-f > .lyt-img-inner {
    order: 1;
    flex-shrink: 0
}

.lyt-img-f > .lyt-img-inner .img {
    position: relative;
    padding-top: 66.66%;
    overflow: hidden
}

.lyt-img-f > .lyt-img-inner .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.lyt-img-f > .lyt-img-inner .img img.icon-movie-b, .lyt-img-f > .lyt-img-inner .img img.icon-sound-b, .lyt-img-f > .lyt-img-inner .img img.icon-window-b {
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

.lyt-img-f > .lyt-img-inner > a {
    position: relative;
    display: block;
    color: #333
}

.lyt-img-f > .lyt-img-inner > a > .img > img {
    transition: .3s
}

.lyt-img-f > .lyt-img-inner > a:active > .img, .lyt-img-f > .lyt-img-inner > a:focus > .img, .lyt-img-f > .lyt-img-inner > a:hover > .img {
    background: #fff
}

.lyt-img-f > .lyt-img-inner > a:active > .img > img, .lyt-img-f > .lyt-img-inner > a:focus > .img > img, .lyt-img-f > .lyt-img-inner > a:hover > .img > img {
    opacity: .8
}

.lyt-img-f > .text-wrap {
    margin: 8px 0 0;
    order: 2
}

.lyt-img-f > .text-wrap > .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lyt-img-f > .text-wrap > .text > .title {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.5;
    transition: color .4s
}

.lyt-img-f > .text-wrap > .text > .title > a {
    color: #333
}

.lyt-img-f > .text-wrap > .text > .title > a:active, .lyt-img-f > .text-wrap > .text > .title > a:focus, .lyt-img-f > .text-wrap > .text > .title > a:hover {
    color: #e60027
}

.lyt-img-f > .text-wrap > .details {
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: -.4em;
    line-height: 1.6
}

.lyt-img-f > .text-wrap > .details .item {
    letter-spacing: normal
}

.lyt-img-f > .list-category-a {
    order: 3
}

.lyt-img-f > .list-category-a > ul {
    margin-top: -10px
}

.lyt-img-f > .list-category-a > ul > li:first-of-type > a {
    padding-left: 16px
}

.lyt-img-f > .list-category-a > ul > li > a {
    padding-top: 10px;
    padding-left: 14px
}

.lyt-img-f > .list-category-a > ul > li > a .text {
    padding: 2px 6px 4px 8px;
    font-size: 12px;
    line-height: 20px;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333
}

.is-ie .lyt-img-f > .list-category-a > ul > li > a .text::before {
    top: 0;
    left: -10px;
    height: 28px;
    width: 12px;
    background-size: 12px 26px
}

.is-ie .lyt-img-f > .list-category-a > ul > li > a .text::after {
    top: 0;
    right: -6px;
    width: 10px;
    height: 26px
}

.lyt-img-f > .list-category-a > ul > li > a .text::before {
    left: -14px;
    height: 28px;
    width: 14px;
    background-size: cover
}

.lyt-img-f > .list-category-a > ul > li > a .text::after {
    right: -10px;
    width: 11px;
    height: 28px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-11.svg) no-repeat left top
}

.lyt-img-f > .list-category-a > ul > li > a:hover .text {
    border-top: solid 1px #333;
    border-bottom: solid 1px #333
}

.is-ie .lyt-img-f > .list-category-a > ul > li > a:hover .text::before {
    top: -1px;
    left: -11px;
    width: 15px;
    height: 28px;
    background-size: 15px 28px
}

.is-ie .lyt-img-f > .list-category-a > ul > li > a:hover .text::after {
    top: 0;
    right: -11px;
    height: 28px;
    width: 12px;
    background-size: 4px 26px
}

.lyt-img-f > .list-category-a > ul > li > a:hover .text::after {
    right: -4px;
    width: 5px;
    top: -1px;
    height: 27px;
    background-size: 5px 27px
}

@media print, screen and (max-width: 768px) {
    .lyt-img-f > .list-category-a > ul > li > a:hover .text {
        border-top: solid 1px #333;
        border-bottom: solid 1px #333
    }

    .lyt-img-f > .list-category-a > ul > li > a:hover .text::before {
        top: -2px;
        width: 15px;
        height: 28px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01-hover.svg) no-repeat top left/cover;
        background-size: 15px 28px
    }

    .lyt-img-f > .list-category-a > ul > li > a:hover .text::after {
        right: -5px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat top left;
        background-size: auto 26px
    }

    .is-ie .lyt-img-f > .list-category-a > ul > li > a:hover .text::after {
        background-size: auto 26px
    }

    .lyt-img-f > .list-category-a > ul > li > a .text {
        font-size: 12px;
        padding: 2px 4px;
        border-top: solid 1px #333;
        border-bottom: solid 1px #333
    }

    .lyt-img-f > .list-category-a > ul > li > a .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -2px;
        width: 14px;
        left: -13px;
        height: 27px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01.svg) no-repeat left top/cover
    }

    .is-ie .lyt-img-f > .list-category-a > ul > li > a .text::before {
        top: -2px;
        height: 24px;
        background-size: 14px 26px
    }

    .lyt-img-f > .list-category-a > ul > li > a .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -5px;
        width: 5px;
        height: 26px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-11.svg) no-repeat left top/contain
    }

    .is-ie .lyt-img-f > .list-category-a > ul > li > a .text::after {
        background-size: 5px 26px
    }
}

.lyt-img-f._new::before {
    content: "NEW";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 6px;
    width: 60px;
    height: 60px;
    background: linear-gradient(to bottom right, #e60027 0, #e60027 50%, transparent 50%, transparent 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    z-index: 1
}

.lyt-img-f._cut > .lyt-img-inner .img {
    -webkit-clip-path: polygon(12.8% 0, 100% 0, 100% 77.5%, 87.2% 100%, 0 100%, 0 22.5%);
    clip-path: polygon(12.8% 0, 100% 0, 100% 77.5%, 87.2% 100%, 0 100%, 0 22.5%)
}

.lyt-img-f._movie .img, .lyt-img-f._sound .img, .lyt-img-f._window .img {
    position: relative
}

.lyt-img-f._movie .img::after, .lyt-img-f._sound .img::after, .lyt-img-f._window .img::after {
    display: block;
    position: absolute;
    content: "";
    top: 4px;
    right: 4px;
    width: 40px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.lyt-img-f._window .img::after {
    background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-window-02.svg)
}

.lyt-img-f._movie .img::after {
    background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-movie-01.svg)
}

.lyt-img-f._sound .img::after {
    background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-voice-01.svg)
}

@media print, screen and (max-width: 768px) {
    .lyt-img-f {
        display: -ms-grid;
        display: grid;
        grid-gap: 6px 8px;
        grid-template-areas:"img text" "img category";
        -ms-grid-columns: 120px 8px 1fr;
        grid-template-columns:120px 1fr;
        -ms-grid-rows: min-content 6px 1fr;
        grid-template-rows:min-content 1fr
    }

    .lyt-img-f > .list-category-a > ul {
        margin-left: 2px
    }

    .lyt-img-f > .list-category-a, .lyt-img-f > .lyt-img-inner, .lyt-img-f > .text-wrap {
        order: 0
    }

    .lyt-img-f > .lyt-img-inner {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: img
    }

    .lyt-img-f > .text-wrap {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: text;
        margin-top: 0
    }

    .lyt-img-f > .text-wrap > .text {
        margin-top: -4px
    }

    .lyt-img-f > .text-wrap > .text > .title {
        font-size: 14px;
        line-height: 1.6
    }

    .lyt-img-f > .text-wrap > .details {
        margin-top: 2px
    }

    .lyt-img-f > .list-category-a {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        grid-area: category;
        margin-top: 0;
        margin-left: 0
    }

    .lyt-img-f > .list-category-a > ul > li .text {
        padding-top: 3px;
        padding-bottom: 4px;
        line-height: 19px
    }

    .lyt-img-f._new::before {
        padding: 3px 2px;
        width: 32px;
        height: 32px;
        font-size: 8px
    }

    .lyt-img-f._movie .img::after, .lyt-img-f._sound .img::after, .lyt-img-f._window .img::after {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        right: 0
    }
}

.btn-a._left, .btn-b._left, .btn-c._left {
    text-align: left
}

.btn-a._right, .btn-b._right, .btn-c._right {
    text-align: right
}

.btn-a, .btn-b {
    position: relative;
    margin-top: 24px;
    text-align: center;
    max-height: 56px
}

._movie .btn-a, ._movie .btn-b, ._siteinfo .btn-a, ._siteinfo .btn-b {
    margin-top: 32px
}

._movie .btn-a, ._movie .btn-b {
    margin-top: 60px
}

@media print, screen and (max-width: 768px) {
    ._movie .btn-a, ._movie .btn-b {
        margin-top: 40px
    }
}

.btn-a > .btn-link, .btn-b > .btn-link {
    position: relative;
    display: inline-block;
    max-width: 400px;
    width: 100%;
    padding: 15px 40px 15px 40px;
    border-radius: 10000px;
    text-align: center;
    overflow: hidden;
    z-index: 0
}

.btn-a > .btn-link::before, .btn-b > .btn-link::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(90deg, #000 0, #111 100%);
    transition: .3s
}

.btn-a > .btn-link::after, .btn-b > .btn-link::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e60027;
    z-index: -2
}

.btn-a > .btn-link > .text, .btn-b > .btn-link > .text {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: 18px;
    font-weight: 700
}

.btn-a > .btn-link:active::before, .btn-a > .btn-link:focus::before, .btn-a > .btn-link:hover::before, .btn-b > .btn-link:active::before, .btn-b > .btn-link:focus::before, .btn-b > .btn-link:hover::before {
    opacity: 0
}

.btn-a > .btn-link:active .icon-arrow-a, .btn-a > .btn-link:focus .icon-arrow-a, .btn-a > .btn-link:hover .icon-arrow-a, .btn-b > .btn-link:active .icon-arrow-a, .btn-b > .btn-link:focus .icon-arrow-a, .btn-b > .btn-link:hover .icon-arrow-a {
    transform: translate(0, -25%)
}

.btn-a > .btn-link:active .icon-arrow-b, .btn-a > .btn-link:focus .icon-arrow-b, .btn-a > .btn-link:hover .icon-arrow-b, .btn-b > .btn-link:active .icon-arrow-b, .btn-b > .btn-link:focus .icon-arrow-b, .btn-b > .btn-link:hover .icon-arrow-b {
    transform: translate(25%, -50%) rotate(-90deg)
}

.btn-a + *, .btn-b + * {
    margin-top: 32px
}

.btn-a + [class^=hdg-], .btn-b + [class^=hdg-] {
    margin-top: 52px
}

.text-em-a + .btn-a, .text-em-a + .btn-b {
    margin-top: 32px
}

@media print, screen and (max-width: 768px) {
    ._siteinfo .btn-a, ._siteinfo .btn-b {
        margin-top: 24px
    }

    .btn-a > .btn-link, .btn-b > .btn-link {
        padding: 12px 40px 12px 40px
    }

    .btn-a > .btn-link > .text, .btn-b > .btn-link > .text {
        font-size: 16px
    }

    .text-em-a + .btn-a, .text-em-a + .btn-b {
        margin-top: 24px
    }

    .btn-a + [class^=hdg-], .btn-b + [class^=hdg-] {
        margin-top: 32px
    }
}

.btn-b {
    max-height: 41px
}

._col2 .str-side-contents .btn-b {
    margin-top: 24px
}

._col2 .str-side-contents .btn-b .btn-link {
    padding: 8px 30px 8px 30px;
    max-width: 200px;
    width: 100%
}

._col2 .str-side-contents .btn-b .btn-link > .text {
    font-size: 16px
}

._col2 .str-side-contents .btn-b .btn-link > [class^=icon-] {
    right: 10px
}

@media print, screen and (max-width: 768px) {
    ._col2 .str-side-contents .btn-b {
        max-height: 47px
    }

    ._col2 .str-side-contents .btn-b .btn-link {
        max-width: 100%;
        padding-top: 11px;
        padding-bottom: 11px
    }

    ._col2 .str-side-contents .btn-b .btn-link > .text {
        font-weight: 700
    }
}

.btn-b .btn-link {
    max-width: auto;
    width: auto;
    padding: 15px 66px 15px 44px
}

.btn-b .btn-link > .text {
    font-size: 14px;
    font-weight: 400
}

.btn-c {
    position: relative;
    margin-top: 24px;
    text-align: right
}

.btn-c .btn-link {
    position: relative;
    display: inline-block;
    padding: 8px 26px 8px 16px;
    border: solid 1px #aaa;
    border-radius: 10000px;
    text-align: center;
    overflow: hidden;
    transition: .3s
}

.btn-c .btn-link .text {
    color: #333
}

.btn-c .btn-link:active, .btn-c .btn-link:focus, .btn-c .btn-link:hover {
    background: #ddd
}

.btn-c .btn-link:active .icon-arrow-d, .btn-c .btn-link:focus .icon-arrow-d, .btn-c .btn-link:hover .icon-arrow-d {
    transform: translate(2px, -50%)
}

.btn-c._type-a .btn-link {
    border: solid 1px #fff
}

.btn-c._type-a .btn-link .text {
    color: #fff
}

.btn-c._type-a .btn-link:active, .btn-c._type-a .btn-link:focus, .btn-c._type-a .btn-link:hover {
    background: #666
}

.btn-c._type-a .btn-link:active .icon-arrow-d, .btn-c._type-a .btn-link:focus .icon-arrow-d, .btn-c._type-a .btn-link:hover .icon-arrow-d {
    transform: translate(2px, -50%)
}

@media print, screen and (max-width: 768px) {
    .btn-c .btn-link {
        padding: 5px 25px 5px 10px
    }

    .btn-c .btn-link .text {
        font-size: 14px
    }

    ._narrow .str-contents-main-inner .btn-c .btn-link {
        width: 100%;
        text-align: center;
        padding: 8px 25px 8px 10px
    }
}

.btn-d {
    position: relative;
    margin-top: 24px;
    text-align: right
}

.btn-d .btn-link {
    position: relative;
    display: inline-block;
    padding: 10px 26px 10px 16px;
    border: solid 2px #aaa;
    border-radius: 10000px;
    text-align: center;
    overflow: hidden
}

.btn-d .btn-link .text {
    color: #333
}

.btn-d .btn-link:active, .btn-d .btn-link:focus, .btn-d .btn-link:hover {
    border: solid 2px #e60027
}

.btn-d .btn-link:active .text, .btn-d .btn-link:focus .text, .btn-d .btn-link:hover .text {
    color: #e60027
}

.btn-d .btn-link:active .icon-arrow-d, .btn-d .btn-link:focus .icon-arrow-d, .btn-d .btn-link:hover .icon-arrow-d {
    transform: translate(2px, -50%)
}

.btn-d._type-a .btn-link {
    border: solid 1px #fff
}

.btn-d._type-a .btn-link .text {
    color: #fff
}

.btn-d._type-a .btn-link:active, .btn-d._type-a .btn-link:focus, .btn-d._type-a .btn-link:hover {
    border: solid 2px #e60027
}

.btn-d._type-a .btn-link:active .text, .btn-d._type-a .btn-link:focus .text, .btn-d._type-a .btn-link:hover .text {
    color: #e60027
}

.btn-d._type-a .btn-link:active .icon-arrow-d, .btn-d._type-a .btn-link:focus .icon-arrow-d, .btn-d._type-a .btn-link:hover .icon-arrow-d {
    transform: translate(2px, -50%)
}

.btn-e {
    position: relative;
    margin-top: 24px;
    text-align: center
}

.btn-e > .btn-link {
    position: relative;
    display: inline-block;
    max-width: 400px;
    width: 100%;
    padding: 15px 65px 15px 50px;
    background: #666;
    border-radius: 10000px;
    text-align: center;
    overflow: hidden
}

.btn-e > .btn-link .icon-arrow-b {
    transition: .3s
}

.btn-e > .btn-link > .text {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: 18px;
    font-weight: 700
}

.btn-e > .btn-link > .sub-text {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.btn-e > .btn-link:active, .btn-e > .btn-link:focus, .btn-e > .btn-link:hover {
    background: #999
}

.btn-e > .btn-link:active .icon-arrow-b, .btn-e > .btn-link:focus .icon-arrow-b, .btn-e > .btn-link:hover .icon-arrow-b {
    transform: translate(-2px, -50%) rotate(90deg)
}

.btn-e + * {
    margin-top: 32px
}

.text-em-a + .btn-e {
    margin-top: 32px
}

@media print, screen and (max-width: 768px) {
    .btn-e > .btn-link {
        padding: 12px 40px 12px 30px
    }

    .btn-e > .btn-link > .text {
        font-size: 16px
    }

    .text-em-a + .btn-e {
        margin-top: 24px
    }
}

.list-category-a {
    margin-top: 16px
}

._detail .list-category-a > ul {
    margin-left: 0
}

.lyt-img-d .list-category-a {
    margin-top: 8px
}

.str-side-contents .lyt-img-d .list-category-a {
    margin-top: 8px
}

.list-category-a.js-tag-wrap > ul {
    margin-top: -16px
}

.list-category-a.js-tag-wrap > ul > li {
    margin-top: 16px
}

@media print, screen and (max-width: 768px) {
    .list-category-a.js-tag-wrap > ul {
        margin-top: -8px
    }

    .list-category-a.js-tag-wrap > ul > li {
        margin-top: 8px
    }
}

.decimal-list > ul li{
    list-style-type: decimal;
}

.list-category-a > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px
}

.list-category-a > ul > li {
    position: relative;
    font-size: 14px;
    margin-left: 8px
}

.list-category-a > ul > li > a {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    padding-right: 5px;
    white-space: nowrap
}

.list-category-a > ul > li > a:hover .text {
    position: relative;
    background: #ccc
}

.list-category-a > ul > li > a:hover .text::before {
    display: block;
    position: absolute;
    content: "";
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01-hover.svg) no-repeat top left/cover
}

.is-ie .list-category-a > ul > li > a:hover .text::before {
    background-size: 18px 32px
}

.list-category-a > ul > li > a:hover .text::after {
    display: block;
    position: absolute;
    content: "";
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat top left
}

.is-ie .list-category-a > ul > li > a:hover .text::after {
    right: -4px
}

.list-category-a > ul > li .text {
    display: inline-block;
    position: relative;
    color: #333;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    padding: 4px 8px 4px 10px;
    line-height: 22px
}

.list-category-a > ul > li .text::before {
    display: block;
    position: absolute;
    content: "";
    top: -1px;
    left: -15px;
    width: 16px;
    height: 32px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01.svg) no-repeat left top
}

.is-ie .list-category-a > ul > li .text::before {
    background-size: 18px 32px
}

.list-category-a > ul > li .text::after {
    display: block;
    position: absolute;
    content: "";
    top: -1px;
    right: -4px;
    width: 5px;
    height: 32px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02.svg) no-repeat left top
}

.carousel-mv .list-category-a > ul > li > a .text {
    padding: 0 5px 2px 7px
}

.carousel-mv .list-category-a > ul > li > a .text::before {
    top: -2px;
    left: -13px;
    width: 13px;
    height: 28px
}

.carousel-mv .list-category-a > ul > li > a .text::after {
    right: -5px;
    width: 6px;
    height: 26px
}

@media print, screen and (max-width: 768px) {
    .list-category-a {
        margin-left: 12px
    }

    ._detail .list-category-a {
        margin-left: 0
    }

    .list-category-a.js-tag-wrap {
        margin-left: 5px
    }

    .list-category-a.js-tag-wrap > ul > li:first-of-type {
        margin-left: 6px
    }

    .list-category-a > ul > li {
        margin-left: 4px;
        font-size: 12px
    }

    .list-category-a > ul > li:first-of-type {
        margin-left: 0
    }

    .list-category-a > ul > li > a:active .text, .list-category-a > ul > li > a:focus .text, .list-category-a > ul > li > a:hover .text {
        background: #ccc
    }

    .list-category-a > ul > li > a:active .text::before, .list-category-a > ul > li > a:focus .text::before, .list-category-a > ul > li > a:hover .text::before {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01-hover.svg) no-repeat top left/cover;
        background-size: 15px 24px
    }

    .list-category-a > ul > li > a:active .text::after, .list-category-a > ul > li > a:focus .text::after, .list-category-a > ul > li > a:hover .text::after {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat top left;
        background-size: auto 24px
    }

    .is-ie .list-category-a > ul > li > a:active .text::after, .is-ie .list-category-a > ul > li > a:focus .text::after, .is-ie .list-category-a > ul > li > a:hover .text::after {
        background-size: auto 24px
    }

    .list-category-a > ul > li .text {
        font-size: 12px;
        padding: 0 4px;
        line-height: 22px;
        border-top: solid 1px #333;
        border-bottom: solid 1px #333
    }

    .list-category-a > ul > li .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        width: 14px;
        left: -12px;
        height: 24px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01.svg) no-repeat left top/cover
    }

    .is-ie .list-category-a > ul > li .text::before {
        background-size: 14px 24px
    }

    .list-category-a > ul > li .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -5px;
        width: 5px;
        height: 24px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-11.svg) no-repeat left top/contain
    }

    .is-ie .list-category-a > ul > li .text::after {
        background-size: 5px 26px
    }

    .lyt-img-d .list-category-a {
        margin-left: 0
    }
}

.swiper-slide .list-category-a._type-a > ul {
    justify-content: flex-start
}

.is-ie .carousel-mv .list-category-a._type-a > ul > li > a:active .text, .is-ie .carousel-mv .list-category-a._type-a > ul > li > a:focus .text, .is-ie .carousel-mv .list-category-a._type-a > ul > li > a:hover .text {
    background-size: 4px 26px
}

.is-ie .carousel-mv .list-category-a._type-a > ul > li > a:active .text::before, .is-ie .carousel-mv .list-category-a._type-a > ul > li > a:focus .text::before, .is-ie .carousel-mv .list-category-a._type-a > ul > li > a:hover .text::before {
    background-size: 16px 28px
}

.is-ie .carousel-mv .list-category-a._type-a > ul > li > a:active .text::after, .is-ie .carousel-mv .list-category-a._type-a > ul > li > a:focus .text::after, .is-ie .carousel-mv .list-category-a._type-a > ul > li > a:hover .text::after {
    right: -4px
}

.is-ie .carousel-mv .list-category-a._type-a > ul .text {
    background-size: 5px 26px
}

.is-ie .carousel-mv .list-category-a._type-a > ul .text::before {
    background-size: 15px 28px
}

.is-ie .carousel-mv .list-category-a._type-a > ul .text::after {
    right: -4px
}

.list-category-a._type-a > ul {
    justify-content: center
}

.list-category-a._type-a > ul > li > a {
    position: relative;
    display: inline-block
}

.list-category-a._type-a > ul > li > a:active .text, .list-category-a._type-a > ul > li > a:focus .text, .list-category-a._type-a > ul > li > a:hover .text {
    color: #333;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.is-ie .list-category-a._type-a > ul > li > a:active .text, .is-ie .list-category-a._type-a > ul > li > a:focus .text, .is-ie .list-category-a._type-a > ul > li > a:hover .text {
    background-size: 5px 32px
}

.is-ie .list-category-a._type-a > ul > li > a:active .text::before, .is-ie .list-category-a._type-a > ul > li > a:focus .text::before, .is-ie .list-category-a._type-a > ul > li > a:hover .text::before {
    background-size: 18px 32px
}

.is-ie .list-category-a._type-a > ul > li > a:active .text::after, .is-ie .list-category-a._type-a > ul > li > a:focus .text::after, .is-ie .list-category-a._type-a > ul > li > a:hover .text::after {
    right: -10px
}

.list-category-a._type-a > ul > li > a:active .text::before, .list-category-a._type-a > ul > li > a:focus .text::before, .list-category-a._type-a > ul > li > a:hover .text::before {
    display: block;
    position: absolute;
    content: "";
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07-hover.svg) no-repeat top left/cover
}

.list-category-a._type-a > ul > li > a:active .text::after, .list-category-a._type-a > ul > li > a:focus .text::after, .list-category-a._type-a > ul > li > a:hover .text::after {
    display: block;
    position: absolute;
    content: "";
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08-hover.svg) no-repeat top left
}

.list-category-a._type-a > ul > li .text {
    color: #fff;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.is-ie .list-category-a._type-a > ul > li .text::before {
    background-size: 18px 32px
}

.is-ie .list-category-a._type-a > ul > li .text::after {
    right: -10px
}

.list-category-a._type-a > ul > li .text::before {
    display: block;
    position: absolute;
    content: "";
    top: -1px;
    left: -16px;
    width: 16px;
    height: 32px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07.svg) no-repeat left top/cover
}

.list-category-a._type-a > ul > li .text::after {
    display: block;
    position: absolute;
    content: "";
    top: -1px;
    right: -17px;
    width: 17px;
    height: 32px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08.svg) no-repeat left top
}

.list-category-a + .lyt-img-e {
    margin-top: 16px !important
}

.list-category-a + .lyt-img-e > .lyt-img-inner > .img {
    position: relative;
    width: 100%;
    padding-top: 50%
}

.list-category-a + .lyt-img-e > .lyt-img-inner > .img > img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

._col2 .str-side-contents .list-category-a > ul > li {
    margin-left: 4px
}

._col2 .str-side-contents .list-category-a > ul > li:first-of-type {
    margin-left: 5px
}

._col2 .str-side-contents .list-category-a > ul > li > a .text {
    font-size: 12px;
    padding: 0 4px;
    line-height: 21px;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333
}

._col2 .str-side-contents .list-category-a > ul > li > a .text::before {
    top: -1px;
    left: -13px;
    width: 16px;
    height: 24px;
    background-size: 16px 23px
}

._col2 .str-side-contents .list-category-a > ul > li > a .text::after {
    top: -1px;
    right: -5px;
    width: 5px;
    height: 23px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02.svg) no-repeat left top/contain
}

._col2 .str-side-contents .list-category-a > ul > li > a:active .text, ._col2 .str-side-contents .list-category-a > ul > li > a:focus .text, ._col2 .str-side-contents .list-category-a > ul > li > a:hover .text {
    background: #ccc
}

._col2 .str-side-contents .list-category-a > ul > li > a:active .text::after, ._col2 .str-side-contents .list-category-a > ul > li > a:focus .text::after, ._col2 .str-side-contents .list-category-a > ul > li > a:hover .text::after {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat left top/contain
}

._col2.is-ie .str-side-contents .list-category-a > ul > li > a:active .text, ._col2.is-ie .str-side-contents .list-category-a > ul > li > a:focus .text, ._col2.is-ie .str-side-contents .list-category-a > ul > li > a:hover .text {
    background-size: 5px 26px
}

._col2.is-ie .str-side-contents .list-category-a > ul > li > a:active .text::after, ._col2.is-ie .str-side-contents .list-category-a > ul > li > a:focus .text::after, ._col2.is-ie .str-side-contents .list-category-a > ul > li > a:hover .text::after {
    right: -5px
}

._col2.is-ie .str-side-contents .list-category-a > ul > li .text::after {
    top: -1px;
    height: 24px
}

@media print, screen and (max-width: 768px) {
    .list-category-a._type-a > ul {
        justify-content: flex-start
    }

    .list-category-a._type-a > ul > li > a:active .text::before, .list-category-a._type-a > ul > li > a:focus .text::before, .list-category-a._type-a > ul > li > a:hover .text::before {
        display: block;
        position: absolute;
        content: "";
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07-hover.svg) no-repeat top left/contain
    }

    .is-ie .list-category-a._type-a > ul > li > a:active .text::before, .is-ie .list-category-a._type-a > ul > li > a:focus .text::before, .is-ie .list-category-a._type-a > ul > li > a:hover .text::before {
        background-size: 18px 32px
    }

    .list-category-a._type-a > ul > li > a:active .text::after, .list-category-a._type-a > ul > li > a:focus .text::after, .list-category-a._type-a > ul > li > a:hover .text::after {
        display: block;
        position: absolute;
        content: "";
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08-hover.svg) no-repeat top left
    }

    .list-category-a._type-a > ul > li .text {
        color: #fff;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    .is-ie .list-category-a._type-a > ul > li .text {
        background-size: 5px 32px
    }

    .list-category-a._type-a > ul > li .text::before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: -14px;
        width: 16px;
        height: 26px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07.svg) no-repeat left top/contain
    }

    .list-category-a._type-a > ul > li .text::after {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        right: -5px;
        width: 5px;
        height: 26px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08.svg) no-repeat left top/contain
    }

    .is-ie .list-category-a._type-a > ul > li .text::after {
        right: -10px
    }
}

.list-bullet-a {
    margin: 24px 0 0
}

.list-bullet-a > ul > li {
    position: relative;
    padding: 0 23px 0 0;
    font-size: 16px
}
.list-num-n>ol>li+li {
    margin-top: 6px;
}
.list-num-n {
    margin: 24px 0 0;
}
.list-bullet-a > ul > li::before {
    display: block;
    position: absolute;
    content: "";
    top: 9.5px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #666
}

.list-bullet-a > ul > li + li {
    margin-top: 6px
}

.list-bullet-a > ul > li > * {
    margin-top: 6px
}

.list-bullet-a + * {
    margin-top: 24px
}

@media print, screen and (max-width: 768px) {
    .list-bullet-a > ul > li {
        padding-right: 17px;
        font-size: 14px
    }

    .list-bullet-a > ul > li::before {
        display: block;
        position: absolute;
        content: "";
        top: 8px
    }

    .list-bullet-a > ul > li + li {
        margin-top: 8px
    }

    .list-bullet-a > ul > li > * {
        margin-top: 8px
    }
}

.list-notes-a {
    margin: 24px 0 0
}

.list-notes-a > ol > li, .list-notes-a > ul > li {
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px
}

.list-notes-a > ol > li._strong, .list-notes-a > ul > li._strong {
    color: #e60027
}

.list-notes-a > ol > li > .mark, .list-notes-a > ul > li > .mark {
    flex-shrink: 0;
    white-space: nowrap;
    margin: 0 8px 0 0
}

.list-notes-a > ol > li > .item, .list-notes-a > ul > li > .item {
    width: 100%
}

[lang=en] .list-notes-a > ol > li > .item, [lang=en] .list-notes-a > ul > li > .item {
    word-break: break-word
}

.list-notes-a > ol > li + li, .list-notes-a > ul > li + li {
    margin: 8px 0 0
}

@media print, screen and (max-width: 768px) {
    .list-notes-a > ul > li {
        font-size: 12px
    }

    .list-notes-a > ul > li > .mark {
        margin-right: 4px
    }

    .list-notes-a > ul > li + li {
        margin-top: 4px
    }
}

.list-num-a > ol {
    counter-reset: num
}

.list-num-a > ol > li {
    display: flex;
    position: relative;
    width: 100%;
    counter-increment: num;
    padding-bottom: 16px
}

.list-num-a > ol > li:last-of-type {
    padding-bottom: 0
}

.list-num-a > ol > li + li {
    padding-top: 16px;
    border-top: solid 1px #ddd
}

.list-num-a > ol > li::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    content: counter(num);
    flex-shrink: 0;
    font-size: 20px;
    color: #fff;
    background: #000
}

.list-num-a > ol > li > .item {
    width: 100%;
    margin-left: 8px
}

.list-num-a > ol > li > .item .title {
    position: relative;
    display: inline;
    background: linear-gradient(#333, #333) 0 100%/0 1px no-repeat;
    margin: 0;
    color: #333;
    font-size: 16px;
    transition: color .4s;
    vertical-align: top
}

.list-num-a > ol > li > .item > a > .text-wrap .details > .item + .item {
    margin-left: 16px
}

.list-num-a > ol > li > .item > a:active > .text-wrap .title, .list-num-a > ol > li > .item > a:focus > .text-wrap .title, .list-num-a > ol > li > .item > a:hover > .text-wrap .title {
    color: #e60027
}

.list-num-a > ol > li:first-of-type::before {
    background: #aa9816
}

.list-num-a > ol > li:nth-of-type(2)::before {
    background: #838383
}

.list-num-a > ol > li:nth-of-type(3)::before {
    background: #bb6624
}

._col2 .str-side-contents .list-num-a ol > li {
    align-items: center
}

._col2 .str-side-contents .list-num-a ol > li > .item .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

._col2 .str-side-contents .list-num-a ol > li > .item .text .title {
    font-size: 14px;
    display: inline
}

._col2 .str-side-contents .list-num-a ol > li > .item .details {
    margin-top: 0
}

._col2 .str-side-contents .list-num-a + .btn-b {
    margin-top: 16px;
    margin-bottom: 20px
}

.list-num-a._type-a {
    max-width: 965px;
    margin: 0 auto
}

.list-num-a._type-a > ol > li {
    align-items: center;
    padding-bottom: 24px
}

.list-num-a._type-a > ol > li:last-of-type {
    padding-bottom: 24px;
    border-bottom: solid 1px #ddd
}

.list-num-a._type-a > ol > li::before {
    width: 60px;
    height: 60px;
    font-size: 28px
}

.list-num-a._type-a > ol > li + li {
    padding-top: 24px;
    padding-bottom: 24px
}

.list-num-a._type-a > ol > li > .item {
    margin-left: 32px
}

.list-num-a._type-a > ol > li > .item > .lyt-img-d .text-wrap {
    margin: -8px 0 0 24px
}

.list-num-a._type-a > ol > li > .item > .lyt-img-d .text-wrap .title {
    font-size: 22px;
    line-height: 1.5
}

.list-num-a._type-a > ol > li > .item > .lyt-img-d .text-wrap > .details > .item {
    font-size: 14px
}

.list-num-a._type-a > ol > li > .item > .lyt-img-d .img-wrap {
    max-width: 240px;
    width: 100%;
    flex-shrink: 0
}

@media print, screen and (max-width: 768px) {
    .list-num-a > ol > li > .item > a > .text-wrap .details > .item + .item {
        margin-left: 0
    }

    .str-side-contents .list-num-a > ol > li > .item > a > .text-wrap .details > .item + .item {
        display: block
    }

    .list-num-a._type-a > ol > li {
        padding-bottom: 16px
    }

    .list-num-a._type-a > ol > li:last-of-type {
        padding-bottom: 16px
    }

    .list-num-a._type-a > ol > li::before {
        position: absolute;
        top: -6px;
        left: 0;
        width: 25px;
        height: 25px;
        font-size: 16px;
        z-index: 1
    }

    .list-num-a._type-a > ol > li + li {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .list-num-a._type-a > ol > li + li::before {
        top: 10px
    }

    .list-num-a._type-a > ol > li > .item {
        margin-left: 0
    }

    .list-num-a._type-a > ol > li > .item > .lyt-img-d .text-wrap {
        margin: 0 0 0 8px
    }

    .list-num-a._type-a > ol > li > .item > .lyt-img-d .text-wrap .title {
        font-size: 14px
    }

    .list-num-a._type-a > ol > li > .item > .lyt-img-d .img-wrap {
        max-width: 120px;
        width: 100%
    }

    ._col2 .str-side-contents .list-num-a + .btn-b {
        margin-top: 16px
    }
}

.list-num-b > ol {
    display: flex;
    margin-left: -20px;
    margin-bottom: -20px
}

.list-num-b > ol > li {
    width: 100%;
    counter-increment: num;
    padding-left: 20px;
    padding-bottom: 20px
}

.list-num-b > ol > li > .item > .lyt-img-a a {
    position: relative
}

.list-num-b > ol > li > .item > .lyt-img-a a .title {
    font-size: 16px
}

.list-num-b > ol > li > .item > .lyt-img-a a .img-wrap {
    position: relative
}

.list-num-b > ol > li > .item > .lyt-img-a a .img-wrap::before {
    display: block;
    position: absolute;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -10px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    content: counter(num);
    flex-shrink: 0;
    font-size: 20px;
    color: #fff;
    background: #000;
    z-index: 1
}

.list-num-b > ol > li > .item > .lyt-img-a a .img-wrap .img {
    max-width: 239px
}

.list-num-b > ol > li:first-of-type > .item > .lyt-img-a .img-wrap::before {
    background: #aa9816
}

.list-num-b > ol > li:nth-of-type(2) > .item > .lyt-img-a .img-wrap::before {
    background: #838383
}

.list-num-b > ol > li:nth-of-type(3) > .item > .lyt-img-a .img-wrap::before {
    background: #bb6624
}

._siteinfo .list-num-b > ol > li > .item > .lyt-img-a a > .img-wrap::before {
    font-family: Arial, Helvetica, sans-serif
}

@media print, screen and (max-width: 768px) {
    .list-num-b ol {
        display: block;
        margin-top: -20px;
        margin-left: 0;
        margin-bottom: 0
    }

    .list-num-b ol > li {
        display: none;
        position: relative;
        padding-top: 20px;
        padding-left: 45px;
        padding-bottom: 20px;
        border-bottom: solid 1px #ccc
    }

    .list-num-b ol > li > .item {
        margin-left: 8px
    }

    .list-num-b ol > li > .item > .lyt-img-a a {
        position: relative
    }

    .list-num-b ol > li > .item > .lyt-img-a a::before {
        display: none
    }

    .list-num-b ol > li > .item > .lyt-img-a a .title {
        font-size: 14px
    }

    .list-num-b ol > li > .item > .lyt-img-a a .img-wrap {
        display: none
    }

    .list-num-b ol > li::before {
        display: block;
        position: absolute;
        content: "";
        display: flex;
        justify-content: center;
        align-items: center;
        top: 50%;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 1000px;
        content: counter(num);
        flex-shrink: 0;
        font-size: 20px;
        color: #fff;
        background: #000;
        transform: translateY(-50%);
        z-index: 1
    }

    .list-num-b ol > li:first-of-type {
        display: flex
    }

    .list-num-b ol > li:first-of-type::before {
        background: #aa9816
    }

    .list-num-b ol > li:nth-of-type(2) {
        display: flex
    }

    .list-num-b ol > li:nth-of-type(2)::before {
        background: #838383
    }

    .list-num-b ol > li:nth-of-type(3) {
        display: flex
    }

    .list-num-b ol > li:nth-of-type(3)::before {
        background: #bb6624
    }

    ._siteinfo .list-num-b > ol > li {
        padding: 15px 8px 14px 48px
    }

    ._siteinfo .list-num-b > ol > li > .item {
        margin-left: 0
    }

    ._siteinfo .list-num-b > ol > li > .item > .lyt-img-a a > .text-wrap .title {
        font-size: 14px
    }

    ._siteinfo .list-num-b > ol > li > .item > .lyt-img-a a > .img-wrap::before {
        font-family: Arial, Helvetica, sans-serif
    }

    ._siteinfo .list-num-b > ol > li:last-of-type {
        border-bottom: none
    }
}

.list-desc-a {
    margin-top: 16px
}

.list-desc-a div > dt {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px
}

.list-desc-a div > dd {
    font-size: 14px
}

.list-desc-a div > dd > .list-sns-a {
    margin-top: 16px
}

@media print, screen and (max-width: 1024px) {
    .carousel-feature .list-desc-a .list-feature-a > ul {
        flex-direction: column
    }

    .carousel-feature .list-desc-a .list-feature-a > ul > li {
        margin: 10px 0 0 0
    }
}

@media print, screen and (max-width: 768px) {
    .carousel-feature .list-desc-a {
        display: none
    }
}

@media print, screen and (max-width: 768px) {
    ._type-b .list-desc-a {
        display: none
    }
}

.str-side-contents .block .list-desc-a + .list-desc-a {
    margin-top: 24px
}

.str-side-contents .block .list-desc-a + .list-desc-a + .btn-b {
    margin-top: 16px
}

.list-desc-b {
    margin-bottom: 40px
}

._category .list-desc-b {
    max-width: 1307px;
    margin: 0 auto;
    padding: 24px 16px
}

.list-desc-b div {
    display: flex;
    align-items: center
}

.list-desc-b div > dt {
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0
}

.list-desc-b div > dd {
    width: 100%;
    margin-left: 24px;
    font-size: 14px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.list-desc-b div > dd::-webkit-scrollbar {
    display: none
}

.list-desc-b div > dd > .list-category-a {
    margin-top: 0
}

.list-desc-b div > dd > .list-category-a > ul {
    flex-wrap: nowrap
}

.list-desc-b div > dd > .list-category-a > ul > li {
    flex-shrink: 0;
    margin-top: 0
}

.list-desc-b div > dd > .list-category-a > ul > li:first-of-type {
    margin-left: 8px
}

@media print, screen and (max-width: 768px) {
    .list-desc-b {
        margin-bottom: 24px
    }

    ._category .list-desc-b {
        padding: 16px
    }

    .list-desc-b > dl > div {
        display: block
    }

    .list-desc-b > dl > div > dt {
        font-size: 16px
    }

    .list-desc-b > dl > div > dd {
        margin-top: 6px;
        margin-left: 0
    }

    .list-desc-b > dl > div > dd > .list-category-a {
        margin-left: 0;
        margin-top: 0
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li {
        position: relative;
        font-size: 14px;
        margin-left: 8px
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li > a {
        padding-left: 16px;
        padding-right: 5px
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li > a:hover .text::before {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01-hover.svg) no-repeat top left/cover
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li > a:hover .text::after {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02-hover.svg) no-repeat top left
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li > a .text {
        border-top: solid 1px #333;
        border-bottom: solid 1px #333;
        padding: 4px 8px 4px 10px;
        line-height: 22px
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li > a .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        left: -16px;
        width: 16px;
        height: 32px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-01.svg) no-repeat left top/cover
    }

    .list-desc-b > dl > div > dd > .list-category-a > ul > li > a .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -4px;
        width: 5px;
        height: 32px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-02.svg) no-repeat left top
    }
}

.list-desc-c div {
    display: flex
}

.list-desc-c div > dt {
    flex-shrink: 0;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px
}

.list-desc-c div > dd {
    margin: 0 0 0 32px
}

@media print, screen and (max-width: 768px) {
    .list-desc-c div {
        display: block
    }

    .list-desc-c div > dd {
        margin: 0
    }

    .list-desc-c div > dd .link-anchor-a {
        margin-left: 0
    }
}

.list-desc-d {
    margin: 24px 0 0
}

.list-desc-d > dl > div + div {
    margin: 24px 0 0
}

.list-desc-d > dl > div > dt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.list-desc-d > dl > div > dd {
    margin: 4px 0 0;
    font-size: 16px
}

.list-desc-d > dl > div > dd > .item > :first-child {
    margin-top: 0
}

@media print, screen and (max-width: 768px) {
    .list-desc-d > dl > div > dt {
        font-size: 16px;
        line-height: 1.6
    }

    .list-desc-d > dl > div > dd {
        font-size: 14px
    }
}

.list-sns-a > ul {
    display: flex;
    justify-content: center
}

.list-sns-a > ul > li {
    margin-left: 40px;
    display: flex;
    align-items: center
}

.list-sns-a > ul > li a:active, .list-sns-a > ul > li a:focus, .list-sns-a > ul > li a:hover {
    opacity: .7
}

.list-sns-a > ul > li:first-of-type {
    margin-left: 0
}

@media print, screen and (max-width: 768px) {
    .list-sns-a > ul > li img[class^=icon-] {
        width: 32px;
        height: 32px
    }
}

.list-feature-a > ul {
    display: flex;
    margin-left: -8px
}

.list-feature-a > ul > li {
    margin-left: 8px
}

.list-feature-a > ul > li > a {
    display: block;
    width: 100%;
    background: #fff;
    padding: 16px 32px;
    clip-path: polygon(8% 0, 100% 0, 100% 80%, 91% 100%, 0 100%, 0 20%)
}

.list-feature-a > ul > li > a .text-wrap {
    margin-left: 8px
}

.list-feature-a > ul > li > a .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    color: #333;
    transition: color .2s;
    margin: 0
}

.list-feature-a > ul > li > a:active .title, .list-feature-a > ul > li > a:focus .title, .list-feature-a > ul > li > a:hover .title {
    color: #e60027
}

.carousel-feature .list-feature-a > ul > li {
    display: block;
    width: 33.3333%;
    padding-left: 8px;
    margin-left: 0
}

.carousel-feature .list-feature-a > ul > li > div {
    height: 100%;
    background: #fff;
    padding: 16px 32px;
    clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 36px), calc(100% - 30px) 100%, 0 100%, 0 36px)
}

.carousel-feature .list-feature-a > ul > li > div > a {
    display: block;
    width: 100%
}

.carousel-feature .list-feature-a > ul > li > div > a .text-wrap {
    margin-left: 8px
}

.carousel-feature .list-feature-a > ul > li > div > a .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    color: #333;
    transition: color .2s;
    margin: 0
}

.carousel-feature .list-feature-a > ul > li > div > a .details > .item + .item {
    display: block;
    margin-left: 0
}

.carousel-feature .list-feature-a > ul > li > div > a:active .title, .carousel-feature .list-feature-a > ul > li > div > a:focus .title, .carousel-feature .list-feature-a > ul > li > div > a:hover .title {
    color: #e60027
}

.carousel-feature .list-feature-a > ul > li > div > .list-category-a {
    margin-top: 8px
}

.carousel-feature .list-feature-a > ul > li > a {
    background: 0 0;
    clip-path: none;
    padding: 0
}

@media print, screen and (max-width: 1024px) {
    .list-feature-a a > .text > .title {
        font-size: 14px
    }

    .list-feature-a a > .text > .details {
        margin-top: 0
    }

    .list-feature-a a > .text > .details > .item {
        font-size: 12px
    }

    .carousel-feature .list-feature-a > ul > li {
        width: 100%
    }
}

.list-feature-b > ul {
    display: flex;
    margin-left: -8px
}

.list-feature-b > ul > li {
    margin-left: 8px
}

.list-feature-b > ul > li a {
    display: flex;
    width: 100%;
    background: #fff;
    padding: 16px 32px;
    clip-path: polygon(8% 0, 100% 0, 100% 88%, 92% 100%, 0 100%, 0 12%)
}

.list-feature-b > ul > li a .title {
    position: relative;
    color: #333;
    transition: background .4s
}

.list-feature-b > ul > li a:active .title, .list-feature-b > ul > li a:focus .title, .list-feature-b > ul > li a:hover .title {
    color: #e60027
}

.list-contact-a ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -48px;
    margin-bottom: -20px
}

.list-contact-a ul .btn-item {
    width: 50%;
    padding-left: 48px;
    padding-bottom: 20px;
    text-align: center;
    box-sizing: border-box
}

.list-contact-a ul .btn-item._mail .text {
    position: relative
}

.list-contact-a ul .btn-item._mail .text::before {
    display: block;
    position: absolute;
    content: "";
    top: 6px;
    left: -55px;
    width: 40px;
    height: 28px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-mail-01.svg) no-repeat center center/cover
}

.list-contact-a ul .btn-item._contact .text {
    position: relative
}

.list-contact-a ul .btn-item._contact .text::before {
    display: block;
    position: absolute;
    content: "";
    top: 4px;
    left: -55px;
    width: 38px;
    height: 34px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-contact-01.svg) no-repeat center center/cover
}

.list-contact-a ul .btn-item .btn-link {
    position: relative;
    display: block;
    height: 100%;
    padding: 27px 56px 27px 105px;
    background: linear-gradient(90deg, #111 0, #333 100%);
    box-sizing: border-box;
    text-decoration: none;
    z-index: 0
}

.list-contact-a ul .btn-item .btn-link::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(90deg, #000 0, #111 100%);
    transition: .3s
}

.list-contact-a ul .btn-item .btn-link::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e60027;
    z-index: -2
}

.list-contact-a ul .btn-item .btn-link:active::before, .list-contact-a ul .btn-item .btn-link:focus::before, .list-contact-a ul .btn-item .btn-link:hover::before {
    opacity: 0
}

.list-contact-a ul .btn-item .btn-link .text {
    position: relative;
    text-align: center;
    font-size: 24px;
    font-family: "Noto Sans", sans-serif;
    color: #fff;
    z-index: 1
}

.list-contact-a + .list-sns-a {
    margin-top: 60px
}

@media print, screen and (max-width: 768px) {
    ._category .list-contact-a {
        margin-top: 0
    }

    .list-contact-a ul {
        margin-bottom: 0;
        margin-left: -2px
    }

    .list-contact-a ul .btn-item {
        padding-left: 2px;
        padding-bottom: 0
    }

    .list-contact-a ul .btn-item._mail .text {
        position: relative
    }

    .list-contact-a ul .btn-item._mail .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -28px;
        left: 40%;
        width: 30px;
        height: 21px
    }

    .list-contact-a ul .btn-item._contact .text {
        position: relative
    }

    .list-contact-a ul .btn-item._contact .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -31px;
        left: 30%;
        width: 30px;
        height: 27px
    }

    .list-contact-a ul .btn-item .btn-link {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 55px 21px 20px 21px
    }

    .list-contact-a ul .btn-item .btn-link .text {
        font-size: 16px
    }

    .list-contact-a ul .btn-item .btn-link .icon-arrow-b {
        width: 16px
    }

    .list-contact-a + .list-sns-a {
        margin-top: 32px
    }
}

@media print, screen and (max-width: 375px) {
    .list-contact-a ul .btn-item .btn-link .text {
        font-size: calc(13px + (16 - 13) * (100vw - 320px) / (375 - 320))
    }
}

.list-share-a {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15
}

.list-share-a li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 60px;
    height: 60px;
    background: #fff
}

.list-share-a li.share {
    background: #666
}

.list-share-a li.share > .text {
    font-size: 12px;
    color: #fff;
    line-height: 1.6
}

.list-share-a li:nth-of-type(n+2) {
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

@media print, screen and (max-width: 768px) {
    .list-share-a {
        display: none
    }
}

.list-share-b {
    display: none
}

@media print, screen and (max-width: 768px) {
    .list-share-b {
        display: block;
        margin-top: 24px
    }

    .list-share-b > ul {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .list-share-b > ul > li {
        display: flex;
        background: #fff;
        margin-left: 24px
    }

    .list-share-b > ul > li:first-of-type {
        margin-left: 0
    }

    .list-share-b > ul > li.share > .text {
        font-size: 12px;
        color: #333;
        line-height-step: 1.6
    }
}

.link-bnr-a ul {
    display: flex;
    flex-direction: column
}

.link-bnr-a ul > li {
    margin: 0 auto
}

.link-bnr-a ul > li a > .item {
    position: relative;
    transition: .3s
}

.link-bnr-a ul > li a > .item img {
    transition: .3s
}

.link-bnr-a ul > li a:active > .item, .link-bnr-a ul > li a:focus > .item, .link-bnr-a ul > li a:hover > .item {
    opacity: .7
}

@media print, screen and (max-width: 1024px) {
    .link-bnr-a ul {
        flex-direction: row;
        justify-content: center
    }

    .link-bnr-a ul li {
        margin: 0 0 0 16px
    }

    .link-bnr-a ul li:first-of-type {
        margin-left: 0
    }
}

@media print, screen and (min-width: 1025px) {
    .link-bnr-a ul li {
        margin-top: 24px
    }

    .link-bnr-a ul li:first-of-type {
        margin-top: 0
    }
}

@media print, screen and (max-width: 768px) {
    .str-side-contents .link-bnr-a {
        margin-bottom: 20px
    }
}

.link-anchor-a {
    width: 100%
}

.link-anchor-a li > a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 24px;
    color: #333;
    text-decoration: none
}

.link-anchor-a li > a::before {
    display: block;
    position: absolute;
    content: "";
    top: 4.5px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-ancer-01.svg)
}

.link-anchor-a li > a:active, .link-anchor-a li > a:focus, .link-anchor-a li > a:hover {
    color: #e60027;
    text-decoration: underline
}

.link-anchor-a li + li {
    margin-top: 6px
}

@media print, screen and (max-width: 768px) {
    .link-anchor-a li > a {
        padding: 0 0 0 20px;
        font-size: 14px
    }
}

.link-list-a {
    margin: 24px 0 0
}

.link-list-a > ul > li._no-icon > a::after {
    display: none
}

.link-list-a > ul > li + li {
    margin-top: 8px
}

.link-list-a > ul > li > a {
    position: relative;
    color: #333;
    text-decoration: none
}

.link-list-a > ul > li > a > .icon-arrow-e {
    transition: .3s
}

.link-list-a > ul > li > a:active, .link-list-a > ul > li > a:focus, .link-list-a > ul > li > a:hover {
    color: #e60027;
    text-decoration: underline
}

.link-list-a > ul > li > a:active > .icon-arrow-e, .link-list-a > ul > li > a:focus > .icon-arrow-e, .link-list-a > ul > li > a:hover > .icon-arrow-e {
    transform: translate(10px, -6px)
}

@media print, screen and (max-width: 768px) {
    .link-list-a > ul > li {
        font-size: 14px
    }

    .link-list-a > ul > li > a::after {
        transform: translate(4px, 0)
    }

    .link-list-a > ul > li > a:active::after, .link-list-a > ul > li > a:focus::after, .link-list-a > ul > li > a:hover::after {
        transform: translate(6px, 0)
    }
}

.input-item {
    margin-top: 8px
}

.input-item input[type=email], .input-item input[type=text] {
    display: block;
    width: 100%;
    padding: 12px 10px;
    border: solid 2px #ccc;
    border-radius: 5px;
    box-shadow: 0 8px 12px -7px #ccc inset
}

.input-item input[type=checkbox] {
    display: none
}

.input-item .checkbox-inner {
    margin: 16px auto 0;
    text-align: center
}

.input-item .checkbox-inner .checkbox {
    position: relative;
    display: inline-block;
    padding: 5px 0 5px 30px;
    text-align: center;
    cursor: pointer
}

.input-item .checkbox-inner .checkbox::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 5px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 1px solid #231815;
    border-radius: 3px;
    background: #fff
}

.input-item .checkbox-inner .checkbox::after {
    display: block;
    position: absolute;
    content: "";
    top: 56%;
    left: 10px;
    width: 5px;
    height: 9px;
    margin-top: -7px;
    border-right: 2px solid #e60027;
    border-bottom: 2px solid #e60027;
    opacity: 0;
    transform: rotate(45deg)
}

.input-item input[type=checkbox]:checked + .checkbox::after {
    opacity: 1
}

.audio-player {
    display: flex;
    background: #666;
    padding: 12px 24px 16px;
    margin-top: 52px;
    border-radius: 4px
}

.audio-player > .title {
    color: #fff;
    padding-right: 24px;
    border-right: solid 1px #888;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.audio-player > .audio-controller {
    display: flex;
    align-items: center;
    padding-left: 23px
}

.audio-player > .audio-controller > #reproducingBtn {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.audio-player > .audio-controller > .js-time {
    color: #fff;
    margin-left: 10px
}

.audio-player > .audio-controller > .line {
    position: relative;
    width: 147px;
    height: 4px;
    background: #959595;
    margin-left: 10px
}

.audio-player > .audio-controller > .line > .active-line {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #e60027
}

.audio-player > .audio-controller > .volume {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 5px
}

.audio-player > .audio-controller > .other {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 16px
}

@media print, screen and (max-width: 768px) {
    .audio-player {
        display: block
    }

    .audio-player > .title {
        border-right: none;
        padding-right: 0
    }

    .audio-player > .audio-controller {
        padding: 16px 24px 0
    }
}

.breadcrumb-a {
    background: #e6e6e6
}

.breadcrumb-a .breadcrumb-a-inner {
    max-width: 1295px;
    padding: 10px 0 10px 10px;
    margin: 0 auto
}

.breadcrumb-a .breadcrumb-a-inner > ol {
    position: relative;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    z-index: 1
}

.breadcrumb-a .breadcrumb-a-inner > ol::-webkit-scrollbar {
    display: none
}

.breadcrumb-a .breadcrumb-a-inner > ol > li {
    position: relative;
    flex-shrink: 0;
    padding-right: 16px;
    font-size: 12px
}

.breadcrumb-a .breadcrumb-a-inner > ol > li > a {
    color: #333
}

.breadcrumb-a .breadcrumb-a-inner > ol > li > a:active, .breadcrumb-a .breadcrumb-a-inner > ol > li > a:focus, .breadcrumb-a .breadcrumb-a-inner > ol > li > a:hover {
    color: #666
}

.breadcrumb-a .breadcrumb-a-inner > ol > li + li {
    padding-left: 8px
}

.breadcrumb-a .breadcrumb-a-inner > ol > li:last-of-type {
    padding-right: 0;
    font-weight: 700
}

.breadcrumb-a .breadcrumb-a-inner > ol > li:last-of-type::before {
    display: none
}

.breadcrumb-a .breadcrumb-a-inner > ol > li::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 8px;
    height: 6px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_gray-01.svg) no-repeat center center/cover;
    transform: rotate(-90deg) translateX(50%)
}

#modal-search input[type=text] {
    display: inline-block;
    width: 100%;
    padding: 12px 10px
}

#modal-search .btn-b > .btn-link {
    padding: 15px 44px 15px 66px
}

#modal-search .btn-b > .btn-link .icon-arrow-a {
    right: 0;
    left: -32px
}

._col2:not(._type-01):not(._type-02) .str-main-contents [class^=box-] {
    margin-top: 60px
}

._col2:not(._type-01):not(._type-02) .str-main-contents [class^=box-] > [class^=lyt-img-] {
    margin-top: 0
}

@media print, screen and (max-width: 768px) {
    ._col2:not(._type-01):not(._type-02) .str-main-contents [class^=box-] {
        margin-top: 24px
    }

    ._col2:not(._type-01):not(._type-02) .str-main-contents .box-profile .lyt-img-b > .lyt-img-inner {
        flex-direction: column-reverse
    }

    ._col2:not(._type-01):not(._type-02) .str-main-contents .box-profile .lyt-img-b > .lyt-img-inner > .img-wrap .img {
        padding-top: 0
    }

    ._col2:not(._type-01):not(._type-02) .str-main-contents .box-profile .lyt-img-b > .lyt-img-inner > .img-wrap .img > img {
        width: 100%
    }

    ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-b > .lyt-img-inner > .img-wrap {
        max-width: 100%
    }

    ._col2:not(._type-01):not(._type-02) .str-main-contents .lyt-img-b > .lyt-img-inner > .img-wrap .img {
        padding-top: 66.4%
    }
}

._detail [class^=box-] {
    margin-top: 24px
}

._detail [class^=box-] > [class^=lyt-img-] {
    margin-top: 0
}

.box-a {
    margin: 32px 0 0;
    padding: 27px 24px 19px 30px;
    border: 1px solid #666
}

.box-a + p {
    margin-top: 32px
}

@media print, screen and (max-width: 768px) {
    .box-a {
        padding: 16px
    }
}

.box-b, .box-profile {
    padding: 32px;
    background: #e5e5e5
}

@media print, screen and (max-width: 768px) {
    .box-b, .box-profile {
        padding: 16px
    }

    .box-b > .item, .box-profile > .item {
        margin-left: 8px
    }

    .box-b > .item > .info > .name, .box-profile > .item > .info > .name {
        font-size: 16px;
        line-height: 1.6
    }

    .box-b > .item > .text, .box-profile > .item > .text {
        margin-top: 8px
    }

    .box-b > .item > .text * + *, .box-profile > .item > .text * + * {
        margin-top: 8px
    }

    .box-b > .img, .box-profile > .img {
        max-width: 80px
    }
}

.box-c {
    margin: 40px 0 32px
}

.box-c > .hdg {
    padding: 8px 24px;
    margin: 0;
    background: #333;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.box-c > .content {
    padding: 16px 24px;
    border: 1px solid #333
}

.box-c > .content > :first-child {
    margin-top: 0
}

@media print, screen and (max-width: 768px) {
    .box-c {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

.box-d {
    margin: 40px 0 0
}

.box-d > .hdg {
    padding: 8px 24px;
    margin: 0;
    background: #dadada;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.box-d > .content {
    padding: 16px 24px;
    background: #f3f3f3
}

.box-d > .content > :first-child {
    margin-top: 0
}

@media print, screen and (max-width: 768px) {
    .box-d {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

.box-quote {
    padding: 17px 28px 12px 32px;
    border-left: 2px solid #d6d6d6;
    background: #f2f2f2
}

@media print, screen and (max-width: 768px) {
    .box-quote {
        padding-top: 17px;
        padding-bottom: 11px
    }
}

.box-profile {
    padding: 32px 32px 27px
}

.box-profile .lyt-img-b {
    margin-top: 0
}

.box-profile .lyt-img-b > .lyt-img-inner {
    flex-direction: row-reverse
}

.box-profile .lyt-img-b > .lyt-img-inner > .item {
    margin: 0 0 0 24px
}

.box-profile .lyt-img-b > .lyt-img-inner > .item .info {
    margin-top: 0
}

.box-profile .lyt-img-b > .lyt-img-inner > .img-wrap {
    max-width: 200px
}

.box-profile .lyt-img-b > .lyt-img-inner > .img-wrap .img {
    padding-top: 100%
}

.box-profile .lyt-img-b > .lyt-img-inner > .img-wrap .img img {
    width: 200px;
    object-fit: cover
}

.is-ie .box-profile .lyt-img-b > .lyt-img-inner > .img-wrap .img img {
    width: auto;
    max-width: 300px;
    height: auto !important;
    max-height: 300px;
    left: -50px
}

.box-profile .info {
    display: flex;
    flex-direction: column
}

.box-profile .info > .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.box-profile .info > .detail {
    margin: 4px 0 0;
    font-size: 12px
}

[lang=en] .box-profile .info + .text {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.box-profile._notimg {
    padding: 0
}

.box-profile._notimg > .hdg {
    padding: 16px 32px;
    border-bottom: 1px solid #aaa
}

.box-profile._notimg > .hdg > .hdg-inner {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5
}

.box-profile._notimg > .section-box {
    padding: 16px 32px
}

.box-profile._notimg > .section-box > :first-child {
    margin-top: 0
}

[lang=en] .box-profile._notimg > .section-box > .text {
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media print, screen and (max-width: 768px) {
    .box-profile {
        padding: 16px
    }

    .box-profile .lyt-img-b > .lyt-img-inner {
        flex-direction: column-reverse
    }

    .box-profile .lyt-img-b > .lyt-img-inner > .item {
        margin: 8px 0 0 0
    }

    .box-profile .lyt-img-b > .lyt-img-inner > .img-wrap {
        max-width: 100%
    }

    .box-profile .lyt-img-b > .lyt-img-inner > .img-wrap > .img {
        padding-top: 0
    }

    .box-profile .lyt-img-b > .lyt-img-inner > .img-wrap > .img img {
        position: relative;
        z-index: 0
    }

    .box-profile .info {
        margin-top: 0
    }

    .box-profile._notimg > .hdg {
        padding: 8px 16px
    }

    .box-profile._notimg > .hdg > .hdg-inner {
        margin: 0;
        font-size: 18px
    }

    .box-profile._notimg > .section-box {
        padding-right: 16px;
        padding-left: 16px
    }
}

.box-recommend {
    position: relative;
    overflow: hidden;
    background: #f2f2f2
}

.box-recommend::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 480px solid #d6d6d6;
    border-right: 400px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid #d6d6d6;
    z-index: 0
}

.box-recommend > .box-recommend-inner {
    max-width: 1275px;
    width: 100%;
    margin: 0 auto;
    padding: 52px 10px 60px
}

.box-recommend > .box-recommend-inner > .list-feature-a ul {
    margin-left: -24px;
    margin-top: -15px
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li {
    width: 33.3333%;
    padding-top: 15px;
    padding-left: 24px;
    margin-left: 0;
    z-index: 1
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a {
    display: flex;
    height: 100%;
    padding: 16px;
    clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 36px), calc(100% - 30px) 100%, 0 100%, 0 36px)
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img {
    background: #fff
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img img {
    opacity: .8
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img img.icon-movie-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img img.icon-sound-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img img.icon-window-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img img.icon-movie-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img img.icon-sound-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img img.icon-window-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img img.icon-movie-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img img.icon-sound-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img img.icon-window-b {
    opacity: 1
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap {
    max-width: 140px;
    flex-shrink: 0
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img {
    position: relative;
    width: 100%;
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 23px), calc(100% - 18px) 100%, 0 100%, 0 18px);
    overflow: hidden
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img img {
    transition: .3s;
    display: block;
    width: 140px;
    height: 93px;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img img.icon-movie-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img img.icon-sound-b, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img img.icon-window-b {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 27px;
    left: auto;
    bottom: auto;
    object-fit: contain
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .text-wrap {
    margin-left: 8px
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .text-wrap.is-clamp-active > .title {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 16px;
    height: 48px
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .text-wrap.is-clamp-active > .title::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    content: "…"
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .text-wrap > .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0
}

.box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .text-wrap > .details > .item + .item {
    display: block;
    line-height: 1.4;
    margin-left: 0
}

@media print, screen and (max-width: 1024px) {
    .box-recommend::before {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 240px solid #d6d6d6;
        border-right: 200px solid transparent;
        border-bottom: 0 solid transparent;
        border-left: 0 solid #d6d6d6;
        z-index: 0
    }

    .box-recommend > .box-recommend-inner {
        padding: 32px 15px 40px
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul {
        display: block
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li {
        width: 100%;
        padding-top: 15px;
        padding-left: 24px
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a {
        display: flex;
        padding: 26px 16px 26px 8px;
        clip-path: polygon(25px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 25px) 100%, 0 100%, 0 30px)
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img {
        background: #fff
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:active .img img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:focus .img img, .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a:hover .img img {
        opacity: .8
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap {
        max-width: 120px
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img {
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 12px) 100%, 0 100%, 0 15px)
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .img-wrap > .img img {
        width: 120px;
        height: 80px;
        transition: .3s
    }

    .box-recommend > .box-recommend-inner > .list-feature-a ul > li > a > .text-wrap {
        margin-top: -4px
    }

    .box-recommend + .contact-wrap .list-contact-a {
        margin-top: 0
    }
}

.box-footer {
    background: #fff
}

.box-footer > * {
    box-sizing: border-box
}

.box-footer > .contact-wrap {
    padding-bottom: 0
}

.box-footer._sns > .contact-wrap {
    padding-top: 40px;
    padding-bottom: 32px
}

.box-footer._sns > .contact-wrap > .list-sns-a {
    margin-top: 22px
}

.box-footer._sns > .contact-wrap > .list-sns-a > ul > li {
    margin-left: 0;
    border-right: solid 1px #ddd
}

.box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item {
    padding-right: 40px;
    padding-left: 40px
}

.box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item > a {
    display: flex;
    align-items: center;
    color: #333;
    text-decoration: none
}

.box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item > a > .text {
    margin-left: 22px;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px
}

.box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item > a > img {
    flex-shrink: 0
}

.box-footer._sns > .contact-wrap > .list-sns-a > ul > li:last-of-type {
    border-right: none
}

@media print, screen and (max-width: 768px) {
    .box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item {
        padding-right: 20px;
        padding-left: 20px
    }

    .box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item > a {
        flex-direction: column
    }

    .box-footer._sns > .contact-wrap > .list-sns-a > ul > li > .item > a > .text {
        margin-top: 20px;
        margin-left: 0
    }
}

.box-footer._sns > .contact-wrap > .title {
    text-align: center;
    font-family: "Noto Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px
}

@media print, screen and (max-width: 768px) {
    .box-footer._sns > .contact-wrap {
        padding-top: 32px
    }
}

.box-footer:not(._sns):not(._pagetop) > .contact-wrap {
    max-width: 1275px
}

.box-footer:not(._sns) + .box-footer._pagetop {
    padding-top: 60px
}

.box-footer._pagetop > .contact-wrap {
    padding: 0
}

@media print, screen and (max-width: 768px) {
    .box-footer._pagetop {
        display: none
    }

    .box-footer._pagetop > .contact-wrap {
        padding: 32px 0 0
    }
}

.pnl-a {
    max-width: 480px;
    width: 100%;
    margin: 0 auto
}

.pnl-a._movie > a::hover > .img-wrap > .img {
    background: #fff;
    opacity: .8
}

.pnl-a._movie > a > .img-wrap > .img {
    position: relative
}

.pnl-a._movie > a > .img-wrap > .img::after {
    display: block;
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-play-01.svg) no-repeat center center/cover;
    z-index: 1
}

.is-active-slide .pnl-a._movie > a > .img-wrap > .img::after {
    width: 80px;
    height: 80px
}

.carousel-serial .pnl-a > .text-wrap > .text .title {
    font-size: 20px;
    margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
    transition: .3s;
    line-height: 1.5
}

.carousel-serial .pnl-a > .text-wrap > .text > a:active .title, .carousel-serial .pnl-a > .text-wrap > .text > a:focus .title, .carousel-serial .pnl-a > .text-wrap > .text > a:hover .title {
    color: #e60027
}

.carousel-serial .pnl-a > .text-wrap > .text > p {
    margin-top: 0;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.carousel-serial .pnl-a > .img-wrap > a > .img {
    transition: .3s
}

.carousel-serial .pnl-a > .img-wrap > a:active > .img, .carousel-serial .pnl-a > .img-wrap > a:focus > .img, .carousel-serial .pnl-a > .img-wrap > a:hover > .img {
    background: #fff
}

.carousel-serial .pnl-a > .img-wrap > a:active > .img > img, .carousel-serial .pnl-a > .img-wrap > a:focus > .img > img, .carousel-serial .pnl-a > .img-wrap > a:hover > .img > img {
    opacity: .8
}

.pnl-a a {
    display: block
}

.pnl-a .img-wrap {
    max-width: 480px
}

.pnl-a .img-wrap img {
    width: 100%
}

.pnl-a .text-wrap {
    background: #fff;
    padding: 24px
}

.pnl-a .text-wrap > .text > .strong {
    display: block;
    font-size: 12px;
    color: #e60027
}

.pnl-a .text-wrap > .text > .title {
    font-size: 20px;
    margin-top: 0
}

.pnl-a .text-wrap > .text > .title + * {
    margin-top: 0
}

.pnl-a .text-wrap > .text > .title + p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.pnl-a .text-wrap > .btn-b > .btn-link {
    padding: 12px 48px 12px
}

.pnl-a .text-wrap > .btn-b > .btn-link > .text {
    font-size: 16px;
    font-weight: 400
}

@media print, screen and (max-width: 768px) {
    .carousel-serial .pnl-a > .text-wrap > .text > .title {
        font-size: 18px
    }

    .carousel-serial .pnl-a > .text-wrap > .btn-b > .btn-link .text {
        font-size: 14px
    }
}

.carousel-arrow {
    background-image: none;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 50px;
    height: 50px;
    background: 0 0;
    border-radius: 50%
}

.carousel-arrow::after {
    display: none
}

.carousel-arrow.swiper-button-prev {
    left: 0
}

.carousel-serial .carousel-arrow.swiper-button-prev {
    left: calc(100% - 50% - 311px)
}

.carousel-serial .carousel-arrow.swiper-button-prev .arrow {
    left: 0
}

.carousel-moviegallery .carousel-arrow.swiper-button-prev {
    top: -35px;
    left: calc(100% - 50% - 311px)
}

.carousel-arrow.swiper-button-prev .arrow {
    position: relative;
    background: #666
}

.carousel-arrow.swiper-button-prev .arrow::after, .carousel-arrow.swiper-button-prev .arrow::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #fff;
    transition: .3s
}

.carousel-arrow.swiper-button-prev .arrow::before {
    transform: rotate(-45deg);
    top: 53%;
    left: 42%
}

.carousel-arrow.swiper-button-prev .arrow::after {
    transform: rotate(45deg);
    top: 40%;
    left: 42%
}

.carousel-arrow.swiper-button-prev:hover .arrow {
    background: #999
}

.carousel-arrow.swiper-button-prev:hover .arrow::before {
    left: 45%
}

.carousel-arrow.swiper-button-prev:hover .arrow::after {
    left: 45%
}

.carousel-arrow.swiper-button-next {
    right: 0
}

.carousel-serial .carousel-arrow.swiper-button-next {
    right: calc(100% - 50% - 309px)
}

.carousel-moviegallery .carousel-arrow.swiper-button-next {
    top: -35px;
    right: calc(100% - 50% - 309px)
}

.carousel-arrow.swiper-button-next .arrow {
    position: relative;
    background: #666
}

.carousel-arrow.swiper-button-next .arrow::after, .carousel-arrow.swiper-button-next .arrow::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #fff;
    transition: .3s
}

.carousel-arrow.swiper-button-next .arrow::before {
    transform: rotate(45deg);
    top: 40%;
    left: 42%
}

.carousel-arrow.swiper-button-next .arrow::after {
    transform: rotate(-45deg);
    top: 53%;
    left: 42%
}

.carousel-arrow.swiper-button-next:hover .arrow {
    background: #999
}

.carousel-arrow.swiper-button-next:hover .arrow::before {
    left: 45%
}

.carousel-arrow.swiper-button-next:hover .arrow::after {
    left: 45%
}

.carousel-arrow._type-a {
    display: block
}

@media print, screen and (max-width: 768px) {
    .carousel-arrow._type-a {
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 4.6rem;
        height: 4.6rem;
        background: #e60027;
        border-radius: 50%
    }

    .js-carousel-versatility .carousel-arrow._type-a {
        top: -5.2rem
    }

    .carousel-arrow._type-a .arrow {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 50px;
        height: 50px;
        overflow: hidden
    }

    .carousel-arrow._type-a.swiper-button-prev {
        left: 0
    }

    .carousel-arrow._type-a.swiper-button-prev .arrow {
        transform: rotate(180deg)
    }

    .carousel-arrow._type-a.swiper-button-next {
        right: 0
    }
}

.js-carousel-recommend .carousel-arrow {
    bottom: auto;
    top: calc((54.5px + 68 * (100vw - 769px) / 830));
    transform: translateY(-50%)
}

.carousel-arrow .arrow {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.carousel-arrow.swiper-button-prev {
    left: 0;
    background: 0 0
}

.carousel-arrow.swiper-button-prev .arrow {
    transform: rotate(180deg)
}

.carousel-arrow.swiper-button-next {
    right: 0;
    background: 0 0
}

.carousel-feature .carousel-arrow.swiper-button-next {
    width: 50px
}

@media print, screen and (max-width: 768px) {
    .carousel-arrow {
        width: 20px;
        height: 40px
    }

    .carousel-feature .carousel-arrow.swiper-button-next {
        width: 20px
    }
}

.carousel-controls {
    display: none
}

[data-script-enabled=true] .section._type-b .carousel-controls {
    padding: 24px 0 0 0
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .section._type-f .carousel-controls {
        padding: 24px 0 0
    }
}

[data-script-enabled=true] .carousel-controls {
    max-width: 938px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem
}

[data-script-enabled=true] .carousel-controls .carousel-play {
    flex-shrink: 0;
    z-index: 10
}

.carousel-play {
    margin: 0 0 0 40px
}

.carousel-play .btn-carousel-play {
    position: relative;
    width: 1rem;
    height: 1rem;
    display: block
}

.section._type-f .carousel-play .btn-carousel-play::after, .section._type-f .carousel-play .btn-carousel-play::before {
    border-left: solid .3rem #fff
}

.section._type-f .carousel-play .btn-carousel-play:hover::after, .section._type-f .carousel-play .btn-carousel-play:hover::before {
    border-left: solid .3rem #e60027
}

.carousel-play .btn-carousel-play:hover::after, .carousel-play .btn-carousel-play:hover::before {
    border-left: solid .3rem #e60027
}

.carousel-play .btn-carousel-play::after, .carousel-play .btn-carousel-play::before {
    display: block;
    position: absolute;
    content: "";
    border-left: solid .3rem #666;
    width: 0;
    height: 1rem;
    top: 0
}

.carousel-play .btn-carousel-play::before {
    left: .1rem
}

.carousel-play .btn-carousel-play::after {
    right: .1rem
}

.carousel-play .btn-carousel-play.is-pause::before {
    border-left-width: .8rem;
    border-bottom: solid .5rem transparent;
    border-top: solid .5rem transparent
}

.carousel-play .btn-carousel-play.is-pause::after {
    opacity: 0
}

.section._type-f .carousel-play .btn-carousel-play.is-pause::before {
    border-left-width: .8rem;
    border-bottom: solid .5rem transparent;
    border-top: solid .5rem transparent
}

.section._type-f .carousel-play .btn-carousel-play.is-pause::after {
    opacity: 0
}

.carousel-play .btn-carousel-play .txt {
    position: absolute;
    font-size: 0;
    opacity: 0
}

@media print, screen and (max-width: 768px) {
    .carousel-play {
        margin: 0 0 0 20px
    }
}

.carousel-pagination .swiper-pagination {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-left: -30px
}

.carousel-pagination .swiper-pagination > .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: solid 1px #666;
    opacity: 1;
    background: #f2f2f2;
    margin-top: 15px;
    margin-left: 30px
}

.carousel-pagination .swiper-pagination > .swiper-pagination-bullet:hover {
    border: solid 1px #e60027
}

.carousel-moviegallery .carousel-pagination .swiper-pagination > .swiper-pagination-bullet, .carousel-serial .carousel-pagination .swiper-pagination > .swiper-pagination-bullet {
    background: 0 0;
    border: solid 1px #f2f2f2
}

.carousel-moviegallery .carousel-pagination .swiper-pagination > .swiper-pagination-bullet:hover, .carousel-serial .carousel-pagination .swiper-pagination > .swiper-pagination-bullet:hover {
    border: solid 1px #e60027
}

.carousel-pagination .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: solid 1px #e60027;
    background: #e60027
}

@media print, screen and (min-width: 769px) {
    .carousel-pagination {
        margin-left: 1rem
    }

    .carousel-pagination .swiper-pagination > .swiper-pagination-bullet {
        width: 12px;
        height: 12px
    }
}

.swiper-wrapper.disabled {
    transform: translate3d(0, 0, 0) !important
}

.swiper-pagination.disabled {
    display: none
}

.js-carousel-mv .carousel-arrow.swiper-button-prev, .js-carousel-versatility .carousel-arrow.swiper-button-prev {
    left: 140px
}

@media print, screen and (max-width: 1024px) {
    .js-carousel-mv .carousel-arrow.swiper-button-prev, .js-carousel-versatility .carousel-arrow.swiper-button-prev {
        left: 0
    }
}

.js-carousel-mv .carousel-arrow.swiper-button-next, .js-carousel-versatility .carousel-arrow.swiper-button-next {
    right: 140px;
    left: auto
}

@media print, screen and (max-width: 1024px) {
    .js-carousel-mv .carousel-arrow.swiper-button-next, .js-carousel-versatility .carousel-arrow.swiper-button-next {
        right: 0
    }
}

[data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide, [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide {
    position: relative;
    max-width: 840px;
    width: 100%
}

[data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide:not(.is-active-slide), [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide:not(.is-active-slide) {
    display: flex;
    align-items: center;
    height: 430px;
    pointer-events: none;
    opacity: .8
}

[data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide.is-active-slide, [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide.is-active-slide {
    max-width: 840px;
    height: 430px;
    width: 100%
}

[data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide.is-active-slide::before, [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide.is-active-slide::before {
    opacity: 0;
    pointer-events: none
}

[data-script-enabled=true] .js-carousel-mv .carousel-controls, [data-script-enabled=true] .js-carousel-versatility .carousel-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    bottom: -32px;
    left: 0;
    right: 0;
    width: 100%
}

@media print, screen and (max-width: 768px) {
    .js-carousel-mv, .js-carousel-versatility {
        position: initial !important
    }

    .js-carousel-mv .list-category-a._type-a > ul > li:first-of-type, .js-carousel-versatility .list-category-a._type-a > ul > li:first-of-type {
        margin-left: 8px
    }

    .js-carousel-mv .list-category-a._type-a > ul > li a, .js-carousel-versatility .list-category-a._type-a > ul > li a {
        position: relative;
        display: inline-block;
        padding-left: 16px;
        padding-right: 5px
    }

    .js-carousel-mv .list-category-a._type-a > ul > li a:hover .text, .js-carousel-versatility .list-category-a._type-a > ul > li a:hover .text {
        position: relative;
        background: #ccc
    }

    .js-carousel-mv .list-category-a._type-a > ul > li a:hover .text::before, .js-carousel-versatility .list-category-a._type-a > ul > li a:hover .text::before {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07-hover.svg) no-repeat top left/cover
    }

    .is-ie .js-carousel-mv .list-category-a._type-a > ul > li a:hover .text::before, .is-ie .js-carousel-versatility .list-category-a._type-a > ul > li a:hover .text::before {
        background-size: 18px 32px
    }

    .js-carousel-mv .list-category-a._type-a > ul > li a:hover .text::after, .js-carousel-versatility .list-category-a._type-a > ul > li a:hover .text::after {
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08-hover.svg) no-repeat left top/contain
    }

    .is-ie .js-carousel-mv .list-category-a._type-a > ul > li a:hover .text::after, .is-ie .js-carousel-versatility .list-category-a._type-a > ul > li a:hover .text::after {
        right: -4px
    }

    .js-carousel-mv .list-category-a._type-a > ul > li .text, .js-carousel-versatility .list-category-a._type-a > ul > li .text {
        display: inline-block;
        position: relative;
        color: #333;
        padding: 4px 8px 6px 10px;
        line-height: 22px
    }

    .js-carousel-mv .list-category-a._type-a > ul > li .text::before, .js-carousel-versatility .list-category-a._type-a > ul > li .text::before {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        left: -16px;
        width: 16px;
        height: 34px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-07.svg) no-repeat left top/cover
    }

    .is-ie .js-carousel-mv .list-category-a._type-a > ul > li .text::before, .is-ie .js-carousel-versatility .list-category-a._type-a > ul > li .text::before {
        background-size: 16px 32px
    }

    .js-carousel-mv .list-category-a._type-a > ul > li .text::after, .js-carousel-versatility .list-category-a._type-a > ul > li .text::after {
        display: block;
        position: absolute;
        content: "";
        top: -1px;
        right: -4px;
        width: 5px;
        height: 34px;
        background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/index-label-08.svg) no-repeat left top
    }

    .is-ie .js-carousel-mv .list-category-a._type-a > ul > li .text::after, .is-ie .js-carousel-versatility .list-category-a._type-a > ul > li .text::after {
        right: -4px
    }

    .js-carousel-mv .carousel-arrow.swiper-button-next, .js-carousel-versatility .carousel-arrow.swiper-button-next {
        right: 0;
        transform: translateY(0)
    }

    .js-carousel-mv .carousel-arrow.swiper-button-next > .arrow, .js-carousel-versatility .carousel-arrow.swiper-button-next > .arrow {
        width: 20px;
        height: 40px;
        right: 0
    }

    .js-carousel-mv .carousel-arrow.swiper-button-prev, .js-carousel-versatility .carousel-arrow.swiper-button-prev {
        left: 0;
        transform: translateY(0)
    }

    .js-carousel-mv .carousel-arrow.swiper-button-prev > .arrow, .js-carousel-versatility .carousel-arrow.swiper-button-prev > .arrow {
        width: 20px;
        height: 40px;
        left: 0
    }

    .js-carousel-mv .swiper-slide .text .list-category-a, .js-carousel-versatility .swiper-slide .text .list-category-a {
        margin-left: 0
    }

    [data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide, [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide {
        position: relative;
        max-width: 840px;
        width: 100%
    }

    [data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide img, [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide img {
        object-fit: cover
    }

    [data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide:not(.is-active-slide), [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide:not(.is-active-slide) {
        opacity: 1
    }

    [data-script-enabled=true] .js-carousel-mv:not(.is-carousel-disabled) .swiper-slide.is-active-slide::before, [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide.is-active-slide::before {
        opacity: 0;
        pointer-events: none
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap {
    position: relative;
    max-width: 1275px;
    width: 100%;
    margin: 0 auto
}

[data-script-enabled=true] .js-carousel-mv-wrap .carousel-controls {
    position: absolute
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container {
    position: static
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container.is-carousel-disabled {
    position: relative;
    z-index: 3
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide {
    position: relative
}

@media print, screen and (max-width: 840px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide {
        height: 100%
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img {
        padding-top: calc(67% + (50 - 67) * (100vw - 320px) / (840 - 768))
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img {
    overflow: hidden;
    transform: scale(1);
    position: relative;
    width: 100%;
    padding-top: 51.6%
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img > img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img > video {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img > video {
    width: 100%
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #333 0, rgba(65, 65, 65, 0) 50%);
    z-index: 1
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text {
    display: block;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 25px;
    width: 100%;
    max-width: calc(100% - 40px);
    color: #fff;
    z-index: 2
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .title {
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
    text-shadow: 1px 1px 1px #999
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details {
    margin-top: 0
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details > .item {
    color: #fff
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > .list-category-a._type-a a .text {
    color: #fff
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > .list-category-a._type-a a:hover .text {
    color: #333
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a + .text {
    width: 100%;
    animation: mvWrapAnime 1s
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a + .text .list-category-a {
    margin-top: 8px
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a > .img {
    transition: opacity .3s
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a > .img > img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a > .img > video {
    transform: scale(1)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:active > .img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:focus > .img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:hover > .img {
    background: #fff;
    opacity: .8
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:active > .text > .title, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:focus > .text > .title, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:hover > .text > .title {
    font-size: 24px
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:active > .text > .details, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:focus > .text > .details, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:hover > .text > .details {
    margin-top: 0
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:active > .text > .details > .item, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:focus > .text > .details > .item, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > a:hover > .text > .details > .item {
    color: #fff
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a {
    position: relative;
    width: 840px;
    height: 100%;
    transform: scale(.9);
    display: flex;
    align-items: center
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a + .text .list-category-a {
    margin-top: 8px
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a > .img {
    padding-top: 40%
}

.is-ie [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::after, .is-ie [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 337px;
    top: 47px;
    z-index: 2
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::after, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 337px;
    top: 47px;
    z-index: 2
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide).swiper-slide-next > a::before {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #f2f2f2 20%, #f2f2f2 100%)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide).swiper-slide-next > a::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 20%, #fff 100%)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide).swiper-slide-prev > a::before {
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #333 100%)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide).swiper-slide-prev > a::after {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 20%, #fff 100%)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text {
    transform: scale(.9);
    bottom: 80px;
    left: 55px;
    width: 94%
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a {
    margin-top: 0
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a._type-a .text > a::after, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a._type-a .text > a::before {
    display: none
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide {
        height: auto;
        max-width: 840px
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a {
        transform: scale(1)
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a + .text .list-category-a {
        margin-top: 8px
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a > .img {
        padding-top: calc(74% + (-75 - 74) * (100vw - 320px) / (768 - 320))
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::after, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::before {
        display: none
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text {
        transform: scale(1);
        bottom: 15px;
        left: 20px;
        max-width: calc(100% - 40px)
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text > a > .title {
        font-size: calc(15px + (20 - 15) * (100vw - 320px) / (768 - 320))
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a {
        margin-top: 0
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a._type-a .text > a::after, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a._type-a .text > a::before {
        display: none
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a {
        position: relative;
        width: calc(355px + (840 - 355) * (100vw - 320px) / (768 - 320));
        height: calc(237px + (420 - 237) * (100vw - 320px) / (768 - 320));
        transform: scale(1)
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a::after, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a::before {
        display: none
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a::before {
        right: 0;
        background: 0 0
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img {
        padding-top: calc(67% + (-75 - 67) * (100vw - 320px) / (768 - 320))
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img > img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img > video {
        width: 100%;
        height: 100%
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text {
        bottom: 15px;
        left: 20px;
        max-width: calc(100% - 40px);
        transform: scale(1)
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text .title {
        font-size: calc(15px + (20 - 15) * (100vw - 320px) / (768 - 320))
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text .details .item + .item {
        margin-left: 10px
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > .text .title {
        font-size: calc(15px + (20 - 15) * (100vw - 320px) / (768 - 320))
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > .text .details .item {
        font-size: 14px
    }

    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.is-active-slide > .text .details .item + .item {
        margin-left: 10px
    }
}

.js-carousel-feature {
    position: relative
}

.js-carousel-feature .swiper-wrapper {
    flex-wrap: wrap
}

[data-script-enabled=true] .js-carousel-feature:not(.is-carousel-disabled) .swiper-wrapper {
    flex-wrap: nowrap
}

.js-carousel-feature.is-carousel-disabled .carousel-controls {
    display: none
}

[data-script-enabled=true] .js-carousel-feature:not(.is-carousel-disabled) .swiper-slide {
    position: relative;
    padding: 0 70px 0;
    transition: .3s
}

[data-script-enabled=true] .js-carousel-feature:not(.is-carousel-disabled) .swiper-slide.swiper-slide-prev::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, .5) 88%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    top: 0
}

[data-script-enabled=true] .js-carousel-feature:not(.is-carousel-disabled) .swiper-slide.swiper-slide-next::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 12%, #fff 100%);
    right: 0;
    top: 0
}

[data-script-enabled=true] .js-carousel-feature:not(.is-carousel-disabled) .swiper-slide.is-active-slide::before {
    opacity: 0;
    pointer-events: none
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-feature:not(.is-carousel-disabled) .swiper-slide {
        padding: 0 20px 0
    }
}

.js-carousel-feature .list-desc-a {
    margin-top: 32px
}

.js-carousel-feature .list-desc-a div > dt {
    margin-bottom: 10px;
    font-size: 20px
}

@media print, screen and (max-width: 768px) {
    .js-carousel-feature {
        position: initial !important
    }

    .js-carousel-feature .carousel-arrow.swiper-button-next {
        right: -16px
    }

    .js-carousel-feature .carousel-arrow.swiper-button-next > .arrow {
        width: 20px;
        height: 40px
    }

    .js-carousel-feature .carousel-arrow.swiper-button-prev {
        left: -16px
    }

    .js-carousel-feature .carousel-arrow.swiper-button-prev > .arrow {
        width: 20px;
        height: 40px
    }

    [data-script-enabled=true] .js-carousel-feature .carousel-controls {
        padding: 24px 0 0
    }
}

@media print, screen and (min-width: 769px) {
    [data-script-enabled=true] .js-carousel-feature-wrap {
        position: relative
    }

    [data-script-enabled=true] .js-carousel-feature-wrap::before {
        left: 0
    }

    [data-script-enabled=true] .js-carousel-feature-wrap::after {
        right: 0
    }

    [data-script-enabled=true] .js-carousel-feature-wrap .swiper-container {
        position: static
    }

    [data-script-enabled=true] .js-carousel-feature-wrap .swiper-container.is-carousel-disabled {
        position: relative;
        z-index: 3
    }
}

.js-carousel-serial .swiper-wrapper {
    align-items: center;
    min-height: 591px
}

@media print, screen and (max-width: 768px) {
    .js-carousel-serial .swiper-wrapper {
        min-height: calc(470px + (591 - 470) * (100vw - 320px) / (768 - 320))
    }
}

.js-carousel-serial .swiper-button-prev .arrow {
    position: relative;
    background: #f2f2f2
}

.js-carousel-serial .swiper-button-prev .arrow::after, .js-carousel-serial .swiper-button-prev .arrow::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #333;
    transition: .3s
}

.js-carousel-serial .swiper-button-prev .arrow::before {
    transform: rotate(-45deg);
    top: 53%;
    left: 42%
}

.js-carousel-serial .swiper-button-prev .arrow::after {
    transform: rotate(45deg);
    top: 40%;
    left: 42%
}

.js-carousel-serial .swiper-button-prev:hover .arrow {
    background: #999
}

.js-carousel-serial .swiper-button-prev:hover .arrow::before {
    left: 45%
}

.js-carousel-serial .swiper-button-prev:hover .arrow::after {
    left: 45%
}

.js-carousel-serial .swiper-button-next .arrow {
    position: relative;
    background: #f2f2f2
}

.js-carousel-serial .swiper-button-next .arrow::after, .js-carousel-serial .swiper-button-next .arrow::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #333;
    transition: .3s
}

.js-carousel-serial .swiper-button-next .arrow::before {
    transform: rotate(45deg);
    top: 40%;
    left: 42%
}

.js-carousel-serial .swiper-button-next .arrow::after {
    transform: rotate(-45deg);
    top: 53%;
    left: 42%
}

.js-carousel-serial .swiper-button-next:hover .arrow {
    background: #999
}

.js-carousel-serial .swiper-button-next:hover .arrow::before {
    left: 45%
}

.js-carousel-serial .swiper-button-next:hover .arrow::after {
    left: 45%
}

[data-script-enabled=true] .js-carousel-serial .carousel-controls {
    padding: 24px 0 0
}

[data-script-enabled=true] .is-ie .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-next .pnl-a {
    margin: 0 0 0 7px
}

[data-script-enabled=true] .is-ie .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-prev .pnl-a {
    margin: 0 0 0 352px
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide {
    position: relative;
    width: 100%;
    transition: .3s
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) {
    max-width: 660px;
    pointer-events: none
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-next .pnl-a {
    margin: 0 auto 0 0
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-prev .pnl-a {
    margin: 0 0 0 auto
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a {
    max-width: 300px;
    width: 100%
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap {
    padding: 16px
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .text .title {
    font-size: 16px
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .btn-b > .btn-link {
    padding: 9px 32px
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .btn-b > .btn-link > .text {
    font-size: 12px
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .btn-b > .btn-link > .text + .icon-arrow-b {
    width: 10px;
    right: 10px
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active {
    max-width: 660px;
    width: 100%
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active::before {
    opacity: 0;
    pointer-events: none
}

[data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active .pnl-a .text-wrap > .text > a + p {
    font-size: 16px
}

@media print, screen and (max-width: 768px) {
    .js-carousel-serial {
        position: initial !important
    }

    .js-carousel-serial .carousel-arrow.swiper-button-next {
        right: -24px
    }

    .js-carousel-serial .carousel-arrow.swiper-button-next > .arrow {
        width: 20px;
        height: 40px;
        right: 0
    }

    .js-carousel-serial .carousel-arrow.swiper-button-prev {
        left: -24px
    }

    .js-carousel-serial .carousel-arrow.swiper-button-prev > .arrow {
        width: 20px;
        height: 40px;
        left: 0
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) {
        max-width: 100%
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a {
        height: auto;
        width: 100%;
        max-width: 480px
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap {
        padding: 24px
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .text > .title {
        font-size: 18px
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .btn-b > .btn-link {
        padding: 12px 48px 12px
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .btn-b > .btn-link > .text {
        font-size: 16px
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a .text-wrap > .btn-b > .btn-link > .text + .icon-arrow-b {
        width: 16px;
        right: 18px
    }

    [data-script-enabled=true] .js-carousel-serial:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active {
        max-width: 100%
    }
}

[data-script-enabled=true] .js-carousel-serial-wrap {
    position: relative;
    max-width: 1275px;
    width: 100%;
    margin: 0 auto
}

[data-script-enabled=true] .js-carousel-serial-wrap::after, [data-script-enabled=true] .js-carousel-serial-wrap::before {
    display: block;
    position: absolute;
    content: "";
    width: 14%;
    height: 71%;
    top: 0;
    z-index: 2
}

[data-script-enabled=true] .js-carousel-serial-wrap::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 12%, #fff 100%)
}

[data-script-enabled=true] .js-carousel-serial-wrap::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 12%, #fff 100%)
}

[data-script-enabled=true] .js-carousel-serial-wrap .swiper-container {
    position: static
}

[data-script-enabled=true] .js-carousel-serial-wrap .swiper-container.is-carousel-disabled {
    position: relative;
    z-index: 3
}

[data-script-enabled=true] .js-carousel-serial-wrap .swiper-container .swiper-wrapper .swiper-slide {
    position: relative
}

[data-script-enabled=true] .js-carousel-serial-wrap .swiper-container .swiper-wrapper .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%
}

[data-script-enabled=true] .js-carousel-serial-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) .img {
    background: #fff
}

[data-script-enabled=true] .js-carousel-serial-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) .img img {
    opacity: .8
}

.js-carousel-moviegallery .swiper-wrapper {
    align-items: center
}

.js-carousel-moviegallery .swiper-button-prev .arrow {
    position: relative;
    background: #f2f2f2
}

.js-carousel-moviegallery .swiper-button-prev .arrow::after, .js-carousel-moviegallery .swiper-button-prev .arrow::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #333;
    transition: .3s
}

.js-carousel-moviegallery .swiper-button-prev .arrow::before {
    transform: rotate(-45deg);
    top: 53%;
    left: 42%
}

.js-carousel-moviegallery .swiper-button-prev .arrow::after {
    transform: rotate(45deg);
    top: 40%;
    left: 42%
}

.js-carousel-moviegallery .swiper-button-prev:hover .arrow {
    background: #999
}

.js-carousel-moviegallery .swiper-button-prev:hover .arrow::before {
    left: 45%
}

.js-carousel-moviegallery .swiper-button-prev:hover .arrow::after {
    left: 45%
}

.js-carousel-moviegallery .swiper-button-next .arrow {
    position: relative;
    background: #f2f2f2
}

.js-carousel-moviegallery .swiper-button-next .arrow::after, .js-carousel-moviegallery .swiper-button-next .arrow::before {
    display: block;
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: #333;
    transition: .3s
}

.js-carousel-moviegallery .swiper-button-next .arrow::before {
    transform: rotate(45deg);
    top: 40%;
    left: 42%
}

.js-carousel-moviegallery .swiper-button-next .arrow::after {
    transform: rotate(-45deg);
    top: 53%;
    left: 42%
}

.js-carousel-moviegallery .swiper-button-next:hover .arrow {
    background: #999
}

.js-carousel-moviegallery .swiper-button-next:hover .arrow::before {
    left: 45%
}

.js-carousel-moviegallery .swiper-button-next:hover .arrow::after {
    left: 45%
}

[data-script-enabled=true] .js-carousel-moviegallery .carousel-controls {
    padding: 24px 0 0
}

[data-script-enabled=true] .is-ie .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-next .pnl-a {
    margin: 0 0 0 7px
}

[data-script-enabled=true] .is-ie .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-prev .pnl-a {
    margin: 0 0 0 352px
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide {
    position: relative;
    max-width: 660px;
    width: 100%;
    transition: .3s
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide img {
    position: relative
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) {
    max-width: 660px
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a {
    max-width: 300px;
    width: 100%
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-next .pnl-a {
    margin: 0
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active).swiper-slide-prev .pnl-a {
    margin: 0 0 0 auto
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active {
    width: 100%
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active .pnl-a {
    width: 100%
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active .pnl-a .img-wrap > .img {
    position: relative;
    width: 100%;
    padding-top: 66.7%
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active .pnl-a .img-wrap > .img > img {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

[data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide.swiper-slide-active::before {
    opacity: 0;
    pointer-events: none
}

@media print, screen and (max-width: 768px) {
    .js-carousel-moviegallery {
        position: initial !important
    }

    [data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide {
        max-width: 100%
    }

    [data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) {
        max-width: 100%
    }

    [data-script-enabled=true] .js-carousel-moviegallery:not(.is-carousel-disabled) .swiper-slide:not(.swiper-slide-active) .pnl-a {
        max-width: 100%
    }

    .js-carousel-moviegallery .carousel-arrow.swiper-button-next {
        right: -24px
    }

    .js-carousel-moviegallery .carousel-arrow.swiper-button-next > .arrow {
        width: 20px;
        height: 40px;
        right: 0
    }

    .js-carousel-moviegallery .carousel-arrow.swiper-button-prev {
        left: -28px
    }

    .js-carousel-moviegallery .carousel-arrow.swiper-button-prev > .arrow {
        width: 20px;
        height: 40px;
        left: 4px
    }
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap {
    position: relative;
    max-width: 1275px;
    width: 100%;
    margin: 0 auto
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap::after, [data-script-enabled=true] .js-carousel-moviegallery-wrap::before {
    display: block;
    position: absolute;
    content: "";
    width: 14%;
    height: 71%;
    top: 0;
    z-index: 2
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 12%, #fff 100%)
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 12%, #fff 100%)
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap .swiper-container {
    position: static
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap .swiper-container.is-carousel-disabled {
    position: relative;
    z-index: 3
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap .swiper-container .swiper-wrapper .swiper-slide {
    position: relative
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap .swiper-container .swiper-wrapper .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) .img {
    background: #fff
}

[data-script-enabled=true] .js-carousel-moviegallery-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) .img img {
    opacity: .8
}

@media print, screen and (min-width: 769px) {
    [data-script-enabled=true] .js-carouse-arrow {
        display: block
    }
}

.js-carousel-versatility .carousel-pagination {
    width: 100%
}

.js-carousel-versatility .carousel-pagination .swiper-pagination {
    justify-content: center
}

@media print, screen and (min-width: 769px) {
    [data-script-enabled=true] .js-carousel-versatility:not(.is-carousel-disabled) .swiper-slide::before {
        background: 0 0
    }
}

.page-top {
    max-width: 1275px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    transform: translateY(2px)
}

.page-top > a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 120px;
    height: 65px;
    background: linear-gradient(to top left, #f2f2f2 50%, transparent 50%) top left/50% 100% no-repeat, linear-gradient(to top right, #f2f2f2 50%, transparent 50%) top right/50% 100% no-repeat;
    margin: auto 0 0 auto
}

.page-top > a:link {
    text-decoration: none;
    color: #333
}

.page-top > a:active > .text, .page-top > a:focus > .text, .page-top > a:hover > .text {
    color: #e60027
}

.page-top > a:active > .text::before, .page-top > a:focus > .text::before, .page-top > a:hover > .text::before {
    top: -26px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_top-02.svg) no-repeat center center/cover
}

.page-top > a > .text {
    position: relative;
    font-size: 10px;
    color: #333
}

.page-top > a > .text::before {
    display: block;
    position: absolute;
    content: "";
    top: -24px;
    left: 50%;
    width: 20px;
    height: 24px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_top-01.svg) no-repeat center center/cover;
    transform: translate(-50%, 0)
}

@media print, screen and (max-width: 768px) {
    .page-top {
        display: none
    }
}

.js-pager {
    margin-top: 40px
}

.js-pager > ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -10px
}

.js-pager > ul > .item {
    margin-left: 16px;
    margin-top: 10px;
    width: 44px;
    height: 44px;
    flex-shrink: 0
}

.js-pager > ul > .item > button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    font-size: 16px;
    background: #fff
}

.js-pager > ul > .item > button > .text {
    position: relative
}

.js-pager > ul > .item:first-of-type {
    margin-left: 0
}

.js-pager > ul > .item.is-active > button {
    background: #e60027;
    border: solid 1px #e60027;
    color: #fff;
    cursor: default
}

.js-pager > ul > .item:not(.is-active) > button {
    border: solid 1px #333
}

.js-pager > ul > .item:not(.is-active) > button:focus, .js-pager > ul > .item:not(.is-active) > button:hover {
    border: solid 1px #e60027;
    color: #e60027
}

.js-pager > ul > .item._next > button {
    font-size: 0
}

.js-pager > ul > .item._next > button::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 8px;
    height: 10px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_black-01.svg) no-repeat center center/cover;
    transform: translate(-50%, -50%)
}

.js-pager > ul > .item._next > button:active::before, .js-pager > ul > .item._next > button:focus::before, .js-pager > ul > .item._next > button:hover::before {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_red-02.svg) no-repeat center center/cover;
    transform: translate(-50%, -50%)
}

.js-pager > ul > .item._prev > button {
    font-size: 0
}

.js-pager > ul > .item._prev > button::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 8px;
    height: 10px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_black-01.svg) no-repeat center center/cover;
    transform: translate(-50%, -50%) rotate(180deg)
}

.js-pager > ul > .item._prev > button:active::before, .js-pager > ul > .item._prev > button:focus::before, .js-pager > ul > .item._prev > button:hover::before {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_red-02.svg) no-repeat center center/cover;
    transform: translate(-50%, -50%) rotate(180deg)
}

.js-pager > ul > .item._first {
    width: auto
}

.js-pager > ul > .item._first > button {
    display: block;
    padding: 10px 10px 10px 40px
}

.is-ie .js-pager > ul > .item._first > button {
    padding: 7px 10px 10px 40px
}

.js-pager > ul > .item._first > button::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 14px;
    width: 14px;
    height: 10px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_double-01.svg) no-repeat center center/cover;
    transform: translate(0, -50%) rotate(180deg)
}

.js-pager > ul > .item._first > button:active::before, .js-pager > ul > .item._first > button:focus::before, .js-pager > ul > .item._first > button:hover::before {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_double-02.svg) no-repeat center center/cover
}

.js-pager > ul > .item._last {
    width: auto
}

.js-pager > ul > .item._last > button {
    display: block;
    padding: 10px 40px 10px 10px
}

.is-ie .js-pager > ul > .item._last > button {
    padding: 7px 40px 10px 10px
}

.js-pager > ul > .item._last > button::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 14px;
    width: 14px;
    height: 10px;
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_double-01.svg) no-repeat center center/cover;
    transform: translate(0, -50%)
}

.js-pager > ul > .item._last > button:active::before, .js-pager > ul > .item._last > button:focus::before, .js-pager > ul > .item._last > button:hover::before {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-arrow_double-02.svg) no-repeat center center/cover;
    transform: translate(0, -50%)
}

@media print, screen and (max-width: 768px) {
    .js-pager {
        margin-top: 24px
    }

    [lang=en] .js-pager > ul {
        padding-bottom: 70px
    }

    .js-pager > ul {
        position: relative;
        padding-bottom: 54px;
        height: 115px
    }

    .js-pager > ul > .item {
        height: 44px
    }

    .js-pager > ul > .item._prev {
        margin-left: 0
    }

    .js-pager > ul > .item._first {
        position: absolute;
        bottom: 0;
        left: calc(50% - 8px);
        transform: translateX(-100%);
        height: auto
    }

    .js-pager > ul > .item._last {
        position: absolute;
        bottom: 0;
        right: calc(50% - 8px);
        transform: translateX(100%);
        height: auto
    }
}

.filtering-box {
    background: #d6d6d6;
    padding: 24px 10px
}

.filtering-box > .list-desc-b {
    max-width: 1275px;
    margin: 0 auto
}

.filtering-box > .list-desc-b div > dt {
    font-size: 20px
}

.filtering-box .js-filtering > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -8px
}

.filtering-box .js-filtering > ul > li {
    padding-top: 8px;
    padding-left: 8px
}

.filtering-box .js-filtering > ul > li.is-active > label {
    background: #e60027;
    border: solid 1px #e60027;
    color: #fff
}

.filtering-box .js-filtering > ul > li.is-active > label > .text {
    font-size: 14px
}

.filtering-box .js-filtering > ul > li.is-active > label a {
    color: #fff
}

.filtering-box .js-filtering > ul > li:not(.is-active) > label {
    border: solid 1px #ccc
}

.filtering-box .js-filtering > ul > li > label {
    display: block;
    position: relative;
    padding: 10px 24px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    cursor: pointer
}

.filtering-box .js-filtering > ul > li > label a {
    color: #333
}

.filtering-box .js-filtering > ul > li > label input[type=radio] {
    display: none
}

@media print, screen and (min-width: 769px) {
    .filtering-box .js-filtering > ul > li > label {
        min-width: 100px
    }
}

.filtering-box .js-filtering._article label {
    padding: 0
}

.filtering-box .js-filtering._article label a {
    display: block;
    padding: 10px 24px
}

@media print, screen and (max-width: 768px) {
    .filtering-box {
        padding: 16px
    }

    .filtering-box .js-filtering > ul {
        margin-top: -4px;
        margin-left: -4px
    }

    .filtering-box .js-filtering > ul > li {
        padding-top: 4px;
        padding-left: 4px
    }

    .filtering-box .js-filtering > ul > li > label {
        padding: 9px 10px 8px
    }

    .filtering-box > .list-desc-b div > dt {
        font-size: 16px;
        margin-bottom: 8px
    }

    .filtering-box > .list-desc-b div > dd {
        margin-top: 0
    }
}

.js-tab {
    max-width: 100%;
    margin: 0 auto 40px
}

.js-tab > ul {
    display: flex;
    justify-content: space-around;
    border-bottom: solid 1px #666
}

.js-tab > ul > li {
    position: relative
}

.js-tab > ul > li > a {
    display: block;
    padding: 0 25.1px 6px;
    transition: .3s;
    font-size: 20px;
    color: #333
}

.js-tab > ul > li > a:active, .js-tab > ul > li > a:focus, .js-tab > ul > li > a:hover {
    color: #e60027
}

.js-tab > ul > li.is-active::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0;
    background: #e60027
}

.js-tab > ul > li.is-active > a {
    color: #e60027;
    font-weight: 700
}

[lang=en] .js-tab > ul > li > a {
    font-weight: 600
}

[lang=en] .js-tab > ul > li > a.is-active {
    font-weight: 600
}

@media print, screen and (max-width: 768px) {
    .js-tab {
        width: calc(100% + 32px);
        max-width: calc(100% + 32px);
        margin-left: -16px;
        margin-bottom: 24px
    }

    .js-tab > ul > li > a {
        font-size: 16px;
        padding: 0 10.1px 6px
    }
}

.js-tab-item.is-active {
    display: block
}

.js-tab-item:not(.is-active) {
    display: none
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 780px;
    width: calc(100% - 10px);
    max-height: 716px;
    height: auto;
    padding: 53px 21px;
    border-radius: 4px;
    background: #fff;
    overflow-y: auto;
    opacity: 1;
    z-index: 101;
    transform: translateY(-50%) translateX(-50%);
    transition: opacity .2s
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 0;
    border-radius: 10000px;
    border: solid 2px #aaa;
    padding: 13px;
    transition: .3s
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close::after, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #aaa;
    transition: .3s
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:active, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:focus, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:hover {
    border: solid 2px #e60027
}

.js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:active::after, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:active::before, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:focus::after, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:focus::before, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:hover::after, .js-modal-content:not(#modal-global_network).is-active .modal-wrap .close-area > .btn-close:hover::before {
    background: #e60027
}

.js-modal-content .modal-wrap {
    display: none;
    opacity: 0
}

.is-modal-fixed {
    position: fixed !important;
    width: 100%
}

#modal-global_network {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif
}

#modal-global_network.js-modal-content.is-active .modal-wrap {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 1275px;
    width: calc(100% - 10px);
    max-height: 716px;
    height: calc(100% - 10px);
    padding: 30px 80px;
    background: #fff;
    overflow-y: auto;
    opacity: 1;
    z-index: 101;
    transform: translateY(-50%) translateX(-50%);
    transition: opacity .2s
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .title {
    font-size: 21px;
    font-weight: 400;
    color: #333;
    margin-bottom: 40px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .title > .sub-text {
    font-size: 13px;
    margin-left: 27px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner {
    position: relative;
    display: flex
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap {
    width: 33.33333%
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap:nth-of-type(n+2) {
    padding-left: 30px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > .hdg {
    border-bottom: solid .5px #ddd;
    font-size: 18px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl {
    display: table;
    padding-left: 18px;
    padding-top: 20px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div {
    display: table-row
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div.is-current > dt {
    color: #e60027
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div.is-current > dd .item .link-b.is-current {
    color: #e60027;
    font-weight: 700
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div dd, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dt {
    display: table-cell
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div:not(:last-of-type) dd, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div:not(:last-of-type) dt {
    padding-bottom: 10px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dt {
    font-weight: 700
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd {
    padding-left: 20px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p {
    position: relative;
    margin-top: 0
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b {
    position: relative;
    color: #333
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b > .icon-arrow-e {
    position: absolute;
    right: -10px;
    bottom: 3%;
    transform: translate(50%, -50%)
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b:active, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b:focus, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b:hover {
    color: #e60027
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b:active > .icon-arrow-e, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b:focus > .icon-arrow-e, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p .link-b:hover > .icon-arrow-e {
    right: -13px;
    transform: translate(50%, -50%)
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p + p {
    margin-top: 10px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item + .global_network-item {
    margin-top: 40px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global {
    border-bottom: solid .5px #ddd
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global.is-current > .hdg {
    color: #e60027
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global.is-current .link-b.is-current {
    color: #e60027;
    font-weight: 700
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global > .hdg {
    display: inline-block;
    border-bottom: none
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global > p {
    display: inline-block;
    margin-top: 0;
    margin-left: 40px
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global > p .link-b {
    color: #333
}

#modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global > p .link-b:active, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global > p .link-b:focus, #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item._global > p .link-b:hover {
    color: #e60027
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close {
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 0;
    border-radius: 10000px;
    border: solid 2px #aaa;
    padding: 13px;
    transition: .3s
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close::after, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    background: #aaa;
    transition: .3s
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:active, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:focus, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:hover {
    border: solid 2px #e60027
}

#modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:active::after, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:active::before, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:focus::after, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:focus::before, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:hover::after, #modal-global_network.js-modal-content.is-active .modal-wrap .close-area > .btn-close:hover::before {
    background: #e60027
}

#modal-global_network.js-modal-content.is-active .modal-wrap .sp-close-area {
    display: none
}

@media print, screen and (max-width: 1024px) {
    #modal-global_network.js-modal-content.is-active .modal-wrap .sp-close-area {
        display: block
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .sp-close-area > .sp-btn-close {
        position: absolute;
        left: 0;
        bottom: -90px;
        width: calc(100% + 40px);
        padding: 16px 10px;
        margin-left: -20px;
        text-align: center;
        background: linear-gradient(180deg, #000 0, #303030 100%)
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .sp-close-area > .sp-btn-close > span {
        color: #fff
    }
}

@media print, screen and (max-width: 1024px) {
    #modal-global_network.js-modal-content.is-active .modal-wrap {
        padding: 35px 20px 90px
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .title {
        font-size: 18px;
        margin-bottom: 40px
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .title > .sub-text {
        font-size: 10px;
        margin-left: 10px
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner {
        display: block
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap {
        width: 100%
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap:nth-of-type(n+2) {
        padding-left: 0
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap + .global_network-wrap {
        margin-top: 20px
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl {
        display: table;
        padding-left: 23px;
        padding-top: 20px
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd {
        padding-left: 40px
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item > dl > div > dd .item p {
        margin-top: 0
    }

    #modal-global_network.js-modal-content.is-active .modal-wrap .modal-content .modal-content-inner .global_network-wrap .global_network-item + .global_network-item {
        margin-top: 20px
    }
}

#modal-global_network.js-modal-content .modal-wrap {
    display: none;
    opacity: 0
}

#js-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: -1;
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none
}

#js-modal-overlay.is-active {
    opacity: 1;
    pointer-events: auto;
    z-index: 100
}

html[data-script-enabled=true] {
    overflow-y: visible
}

.is-clamp {
    display: inline !important;
    position: relative;
    padding-right: 30px
}

.is-clamp::before {
    display: block;
    position: absolute;
    content: "";
    bottom: -10%;
    right: 0;
    content: "･･･";
    font-size: 16px
}

.js-tag-side-scroll ul {
    transition: 1s
}

#include-tag-keyword {
    position: relative
}

.js-tag-scroll-btn-wrap {
    width: 0 !important;
    margin: 0 !important
}

.js-tag-scroll-btn-wrap .js-tag-side-scroll-right {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .7);
    color: #fff
}

@media print, screen and (max-width: 768px) {
    .js-tag-scroll-btn-wrap .js-tag-side-scroll-right {
        bottom: 0;
        transform: translateY(0)
    }
}

.js-tag-scroll-btn-wrap .js-tag-side-scroll-left {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 145px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .7);
    color: #fff
}

@media print, screen and (max-width: 768px) {
    .js-tag-scroll-btn-wrap .js-tag-side-scroll-left {
        left: 0;
        bottom: 0;
        transform: translateY(0)
    }
}

.js-more-show-content .lyt-movie-col .col {
    opacity: 0;
    transform: translateY(50%)
}

.js-more-show-content .lyt-movie-col .col._is-animate {
    opacity: 1;
    transform: translateY(0);
    transition: transform .2s ease-out .1s, opacity .3s linear .1s
}

@media print, screen and (max-width: 768px) {
    #include-side .block .lyt-img-d:nth-child(n+4) {
        display: none
    }
}

.js-audio audio {
    max-width: 300px;
    height: 100%
}

@media print, screen and (max-width: 768px) {
    .js-audio audio {
        max-width: 100%;
        height: 54px;
        margin: 0 auto
    }
}

.js-media-fix .audio-player {
    margin-top: 0
}

.js-media-fix._audio {
    margin-top: 52px
}

.js-media-fix-active {
    position: fixed !important;
    bottom: 30px;
    right: 0;
    z-index: 9999
}

.js-media-fix-active.audio-player {
    flex-direction: column;
    align-items: flex-end
}

.js-media-fix-active.audio-player > .title {
    padding-right: 0;
    border-right: none;
    max-width: 300px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.js-media-fix-active._float-second {
    bottom: 230px;
    margin-top: 0 !important
}

.js-media-fix-active audio {
    height: 40px;
    margin-top: 10px
}

.lyt-movie-inner.js-media-fix-active {
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 260px;
    padding-bottom: 0
}

.lyt-movie-inner.js-media-fix-active .caption {
    background: #000;
    color: #fff;
    margin-top: 0
}

.list-share-a.js-fix {
    position: fixed;
    top: 100px
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents {
    overflow: unset;
    align-self: flex-end;
    position: sticky
}

@media print, screen and (max-width: 1024px) {
    .str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents {
        position: relative
    }
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents {
        overflow: hidden
    }
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner > .str-side-contents {
        padding-bottom: 0
    }
}

.list-share-a {
    display: none
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents .list-share-c {
    margin-top: 10px;
    margin-bottom: 20px
}

.str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-side-contents .list-share-c ul {
    display: flex;
    justify-content: center;
    gap: 0 62px;
    padding-top: 8px
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .str-contents-main-inner {
    flex-wrap: wrap
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro {
    flex: 1 1 100%;
    margin: 0 0 90px
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro {
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: solid 1px #ddd
    }
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro figure {
    margin: 0;
    padding: 0
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro figure {
        width: calc(100% + 32px);
        margin-left: -16px
    }
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro figure img {
    width: 100%
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p {
    margin: 26px 50px 0;
    padding: 0 120px;
    font-size: 20px;
    position: relative
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p {
        font-size: 12px;
        margin: 16px 0 0;
        padding: 0
    }
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:after, .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #333;
    position: absolute;
    top: 0;
    transform-origin: center center;
    transform: skew(-40deg, 0deg);
    pointer-events: none
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:after, .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:before {
        height: 25px;
        transform: skew(-45deg, 0deg)
    }
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:before {
    left: 30px
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:before {
        left: -1px;
        top: -12px
    }
}

.str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:after {
    right: 30px
}

@media print, screen and (max-width: 768px) {
    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .box-feature-intro p:after {
        right: -1px;
        top: auto;
        bottom: 6px
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide {
    max-width: 100%;
    height: auto
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a {
    width: 100% !important;
    height: auto !important;
    transform: none !important
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img {
    padding: 0 !important;
    opacity: 1 !important
}

.carousel-arrow.swiper-button-next, .carousel-arrow.swiper-button-prev, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::after, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > a::before, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img::before {
    display: none !important
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img img {
    position: static;
    width: 100%
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > a > .img img {
        aspect-ratio: 1.75/1
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text {
    transform: none;
    bottom: 15px;
    left: 0;
    width: 100%;
    animation: none !important
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text {
    bottom: 25px
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text {
        max-width: 100%;
        bottom: 0
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .title {
    display: inline-block;
    padding: 8px 20px;
    background: #333;
    font-size: 24px;
    text-shadow: none;
    transform: translateX(0);
    transition: all .5s
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .title {
        width: 100%;
        margin: 0;
        padding: 5px 16px;
        background: rgba(51, 51, 51, .8);
        font-size: 14px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text > a > .title {
    transform: translateX(-110%);
    transition: none
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details {
    width: fit-content;
    min-height: 32px;
    margin-top: 8px;
    padding: 0 20px 0 5px;
    background: #fff;
    color: #333;
    transform: translateX(0);
    transition: all .5s .5s
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details {
        margin: 0;
        width: 100%
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text > a > .details {
    transform: translateX(-110%);
    transition: none
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details .item {
    display: inline-block;
    padding: 3px 0 3px 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    color: #333;
    font-weight: 700;
    font-size: 16px
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details .item {
        padding: 3px 0 3px 30px;
        font-size: 12px !important
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details .item:nth-of-type(1) {
    background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-calendar.svg)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text > a > .details .item:nth-of-type(2) {
    background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-author.svg)
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .text .list-category-a {
    display: none;
    transform: translateX(0);
    transition: all .5s .6s
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide:not(.is-active-slide) > .text .list-category-a {
    transform: translateX(-110%);
    transition: none
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .video {
    aspect-ratio: 1275/540;
    overflow: hidden
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .video {
        aspect-ratio: 1.75/1
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .img img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .video iframe, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .img, [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide .video {
    width: 100%
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .js-modal-hook .img:after {
    display: block;
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    margin-top: -25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-play-01.svg) no-repeat center center/cover;
    z-index: 1
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide > .js-modal-hook .img:after {
        width: 50px;
        height: 50px
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    text-align: center
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text > a > .title {
    background: initial;
    text-shadow: 1px 1px 6px #444;
    font-size: 200%;
    width: 100%
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text > a > .title span {
    position: relative;
    display: inline-block
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text > a > .title span::before {
    display: inline-block;
    content: "";
    width: 26px;
    height: 26px;
    vertical-align: top;
    border-radius: 25px;
    background-color: #e60027;
    position: absolute;
    top: 24%;
    right: -34px
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text > a > .title span::before {
        top: 17%
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text > a > .title span::after {
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 56%;
    right: -24px
}

@media print, screen and (max-width: 768px) {
    [data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type2 > .text > a > .title {
        font-size: 20px !important;
        text-shadow: 1px 1px 4px #444
    }
}

[data-script-enabled=true] .js-carousel-mv-wrap .swiper-container .swiper-wrapper .swiper-slide.bgvideo-type3 > .text {
    display: none
}

button.js-bgbutton {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px
}

@media print, screen and (max-width: 768px) {
    button.js-bgbutton {
        width: 40px;
        height: 40px
    }
}

button.js-bgbutton._pause {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-bgmovie-pause.svg) no-repeat center center/cover
}

button.js-bgbutton._play {
    background: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-bgmovie-play.svg) no-repeat center center/cover
}

button.js-bgbutton .txt {
    position: absolute;
    font-size: 0;
    opacity: 0
}

@media print, screen and (min-width: 769px) {
    .lyt-grid-a {
        gap: 10px;
        min-height: 0
    }

    .lyt-grid-a .second {
        grid-column: 3/4;
        grid-row: 1/2
    }

    .lyt-grid-a .third {
        grid-column: 4/4;
        grid-row: 1/2
    }

    .lyt-grid-a .fourth {
        grid-column: 3/4;
        grid-row: 2/2
    }

    .lyt-grid-a .fifth {
        grid-column: 4/4;
        grid-row: 2/2
    }

    .lyt-grid-a .sixth {
        display: none
    }

    .lyt-grid-a .img img {
        aspect-ratio: 1/1
    }

    .lyt-grid-a .text {
        padding-bottom: 10px;
        padding-left: 0
    }

    .lyt-grid-a .text .title {
        width: fit-content;
        padding: 4px 10px;
        background: #333;
        color: #fff;
        font-size: 14px;
        line-height: 1.6
    }

    .lyt-grid-a .first .text .title {
        font-size: 20px
    }

    .lyt-grid-a .text .details {
        display: inline-block;
        min-height: 28px;
        margin-top: 5px;
        padding: 0 10px;
        background: #fff;
        vertical-align: bottom;
        color: #333
    }

    .lyt-grid-a .text .details .item {
        padding: 4px 0 4px 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        color: #333;
        font-weight: 700;
        font-size: 12px;
        overflow: hidden
    }

    .lyt-grid-a .first .text .details .item {
        font-size: 14px
    }

    .lyt-grid-a .text .details .item:nth-of-type(1) {
        background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-calendar.svg)
    }

    .lyt-grid-a .text .details .item:nth-of-type(2) {
        background-image: url(/-/media/project/hitachi/sib/image/jp/r5/rb2021/icon-author.svg)
    }
}

@media print, screen and (max-width: 768px) {
    .header-nav {
        display: none
    }
}

.header-nav-sp {
    display: none;
    align-items: center;
    height: 36px;
    background: #606060;
    border: 1px solid #8a8a8a;
    box-sizing: border-box;
    overflow-x: auto
}

.header-nav-sp::-webkit-scrollbar {
    display: none
}

@media print, screen and (max-width: 768px) {
    .header-nav-sp {
        display: flex
    }
}

.header-nav-sp ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap
}

.header-nav-sp ul li {
    margin: 0 22px
}

.header-nav-sp ul li a {
    color: #fff;
    font-size: 12px;
    text-decoration: none
}

.header-nav-sp button {
    display: none;
    height: inherit;
    padding: 0 10px;
    position: absolute;
    background: #333;
    border: 1px solid #8a8a8a;
    border-left: none;
    border-right: none;
    color: #fff;
    appearance: none;
    -webkit-appearance: none;
    z-index: 1
}

.header-nav-sp .js-header-scroll-left {
    left: 0
}

.header-nav-sp .js-header-scroll-right {
    right: 0
}

.str-contents .header-nav-sp a:link, .str-contents .header-nav-sp a > .text {
    color: #fff
}

@media print, screen and (min-width: 1025px) and (max-width: 1294px) {
    .str-contents._col2 > .str-contents-inner .str-contents-main._position .str-contents-main-inner {
        grid-template-columns:auto
    }

    .str-contents._col2._type-01 > .str-contents-inner .str-contents-main .str-contents-main-inner {
        flex-wrap: initial
    }

    .str-contents._col2 > .str-contents-inner .str-contents-main .str-contents-main-inner > .str-main-contents {
        margin-right: 65px
    }
}