@charset "UTF-8";
/* CSS Document */
/* ----- Header ---------------------- */
header { /*height: 740px;*/ /*background:url("../imgs/index_header_bg.jpg") no-repeat center center;*/ }
.header__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/*  TOP Banner  */
.leyser-slide01 { height: 100%; }

.slide-content { margin-top: 70px; }
.leyser-slide01 div.slide-content-box1 {
    height: auto;
    padding-top: 70px;
}
.leyser-slide01 div.slide-content-box1 > div {
    align-items: center;
    padding: 4em 0!important;
    background-size: 100% auto!important;
}
.banner-link a:hover, .banner-link a:active { background-color:#243d66!important; }

/* TEXT Setting */
.slider-txt-large p { font-size: 1.6em!important; }
.slider-txt-xlarge p { font-size: 2.2em!important; }

.seminar-name-kaikei p, .seminar-name-kyuyo p { font-size: 200%; }

@media only screen and (max-width : 960px) {
    .slider-txt-xlarge p { font-size: 2.6em!important; }
}
@media only screen and (max-width : 768px) {
    header { height: auto; }

    /* TOP Banner */
    .leyser-slide01 div.slide-content-box1 { min-height: auto!important; }
    .leyser-slide01 div.content-bg__screen div {
        background-image: none!important;
        background-color:rgba(5, 40, 66, 0.4)!important;
    }
    .leyser-slide01 div.content-bg__screen div div {
        background-color: transparent!important;
    }
}
@media only screen and (max-width : 640px) {
    .title-seminar p { font-size: 200%!important; text-align: center!important; }
    .seminar-name p { font-size: 140%!important; }
    .catalog-update-title p { font-size: 230%!important; }

    .slider-txt-large p { font-size: 2.4em!important; }
    .slider-txt-xlarge p { font-size: 3.2em!important; }
}
@media only screen and (max-width : 480px) {
    header { height: auto; }
    .header__content {
        font-size: 1.7rem;
        line-height: 2.4rem;
    }
}

/* ----- Main ---------------------- */
main { background:#f2f2f2; }

/* Event Card */
.content__event-info {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 0;
}
    .event-info__item {
        width: 33%;
        padding: 0;
        background:#fff;
    }
    .event-info__item__img {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: 314px;
        margin: 0 auto;
        padding: 3rem 2rem 2rem;
        text-align: center;
        color:#fff;
        font-size: 1.4rem;
        background-size: cover;
        background-repeat: no-repeat;
    }

.event-info__title { width:100%; margin:0 auto; }
    .event-info__icon-logo { margin: 0; }
    .event-info__text-logo { margin: 0; }
        .event-info__icon-logo img { min-width: 4rem; margin-bottom: 1rem; }
        .event-info__text-logo img { max-width: 300px; min-width: 240px; height: 52px; margin-bottom: .5rem; }
        .event-info__date { margin-bottom: 0; color:#4de680; }

.event-info__title.no_txtlogo { margin-top: 2rem; }
.bg-note .event-info__title.no_txtlogo { margin-top: 4rem; }

    /* 2 button */
     .event-info__item__img.multi .event-info__icon-logo {
        display: flex;
        align-items: center;
    }
     .event-info__item__img.multi .event-info__icon-logo img { margin-right: 1rem; }
     .event-info__item__img.multi .event-info__icon-logo img:last-child { margin-right: 0; }

        .event-info__item.bg-ls .event-info__item__img { background-image:url("../imgs/bg_event_ls.jpg"); }
        .event-info__item.bg-ls02 .event-info__item__img { background-image:url("../imgs/bg_event_ls_all.jpg"); }
        .event-info__item.bg-kaikei .event-info__item__img { background-image:url("../imgs/bg_event_kaikei.jpg"); }
        .event-info__item.bg-kyuyo .event-info__item__img { background-image:url("../imgs/bg_event_kyuyo.jpg"); }
        .event-info__item.bg-gakuhi .event-info__item__img { background-image:url("../imgs/bg_event_gakuhi.jpg"); }
        .event-info__item.bg-shisan .event-info__item__img { background-image:url("../imgs/bg_event_shisan.jpg"); }
        .event-info__item.bg-jinji .event-info__item__img { background-image:url("../imgs/bg_event_ls.jpg"); }

        .event-info__item.bg-kids .event-info__item__img { background-image:url("../imgs/bg_event_kids.jpg"); }
        .event-info__item.bg-web .event-info__item__img { background-image:url("../imgs/bg_event_web.jpg"); }
        .event-info__item.bg-plus .event-info__item__img { background-image:url("../imgs/bg_event_plus.jpg"); }
        .event-info__item.bg-blog .event-info__item__img { background-image:url("../imgs/bg_top_blog.jpg"); }
            .event-info__item.bg-blog .event-info__item__img .event-info__text-logo { margin: 2rem 0; }
        .event-info__item.bg-seminar .event-info__item__img { background-image:url("../imgs/bg_event_seminar.jpg"); }
        .event-info__item.bg-example .event-info__item__img { background-image:url("../imgs/bg_event_ex.jpg"); }
        .event-info__item.bg-dl .event-info__item__img { background-image:url("../imgs/bg_event_dl.jpg"); }

        .event-info__item.bg-product-kaikei .event-info__item__img { background-image:url("../imgs/bg_event_exkaikei.jpg"); }
        .event-info__item.bg-product-kyuyo .event-info__item__img { background-image:url("../imgs/bg_event_exkyuyo.jpg"); }
        .event-info__item.bg-product-gakuhi .event-info__item__img { background-image:url("../imgs/bg_event_exgakuhi.jpg"); }
        .event-info__item.bg-product-shisan .event-info__item__img { background-image:url("../imgs/bg_event_exshisan.jpg"); }
        .event-info__item.bg-product-jinji .event-info__item__img { background-image:url("../imgs/bg_event_exjinji.jpg"); }
        .event-info__item.bg-product-web .event-info__item__img { background-image:url("../imgs/bg_event_exweb.jpg"); }

        .event-info__item.bg-note .event-info__item__img { background-image:url("../imgs/bg_event_note.jpg"); }

        /* Limited events Banner */
        .event-info__item.bg-le20205-lsplus .event-info__item__img { background:url("../imgs/bg_event_le20205_lsplus.jpg") center center no-repeat; }

    .event-info__item__text {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 1.5rem;
    }
        .bg-ls a { background-color:#1e3860; }
            .bg-ls a:hover, .bg-ls a:active { background-color:#142641; }
        .bg-ls02 a, .bg-product-web a { background-color:#1e3860; }
            .bg-ls02 a:hover, .bg-ls a:active,
            .bg-product-web a:hover, .bg-product-web a:active { background-color:#142641; }
        .bg-kaikei a, .bg-seminar a { background-color:#8271a5; }
            .bg-kaikei a:hover, .bg-kaikei a:active, .bg-seminar a:hover, .bg-seminar a:active { background-color:#64577f; }
        .bg-kyuyo a { background-color:#66a172; }
            .bg-kyuyo a:hover, .bg-kyuyo a:active { background-color:#52825c; }
        .bg-gakuhi a { background-color:#dcae27; }
            .bg-gakuhi a:hover, .bg-gakuhi a:active { background-color:#b08b1d; }
        .bg-shisan a { background-color:#c97495; }
            .bg-shisan a:hover, .bg-shisan a:active { background-color:#a35e79; }
        .bg-jinji a { background-color:#8271a5; }
            .bg-jinji a:hover, .bg-jinji a:active { background-color:#537383; }

        .bg-kids a { background-color:#32568f; }
            .bg-kids a:hover, .bg-kids a:active { background-color:#243d66; }

        .bg-web a { background-color:#df7403; }
            .bg-web a:hover, .bg-web a:active { background-color:#b25b00; }

        .bg-plus a, .bg-blog a, .bg-example a { background-color:#1e3860; }
            .bg-plus a:hover,
            .bg-plus a:active,
            .bg-blog a:hover,
            .bg-blog a:active,
            .bg-example a:hover,
            .bg-example a:active { background-color:#142641; }

        .bg-note a { background-color:#81292d; }
            .bg-note a:hover,
            .bg-note a:active { background-color:#5f1d20; }

        .com-event-btn a { background-color:#1e3860; }
            .com-event-btn a:hover,
            .com-event-btn a:active { background-color:#142641; }

@media only screen and (max-width : 768px) {
    .content__event-info {
        flex-direction: column;
        margin: 0 auto;
        padding: 1rem 0;
    }
        .event-info__item {
            width: 100%;
            padding: 0;
        }
}
/* --------------- Event END ---------------- */
/* ----- Fix Banner ---------------------- */
.content__banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto .6em;
    padding: 0;
    color:#fff;
    font-size: 1.4em;
    font-weight: bold;
}
    .content__banner div {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        min-height: 80px;
    }
        .content__banner div a {
            display: inline-block;
            padding: 0;
            color:#fff;
            font-size: calc(12px + 50%);
            text-align: center;
            z-index: 100;
        }
            .content__banner div a:hover,
            .content__banner div a:active { text-decoration: none; }

.content__banner.banner_single { flex-direction: column; }
    .content__banner.banner_single div:last-child { display: none; }

.content__banner.banner_multi { justify-content: space-between; }
    .content__banner.banner_multi div {
        width: calc(100% / 2 - 8px);
        height: 80px;
        margin-right: 16px;
    }
        .content__banner.banner_multi div:last-child { margin-right: 0; }

        .content__banner .ban_info {
            position: relative;
            background:#c4e3eb url("../imgs/bg_ban_info.jpg") no-repeat center left;
            background-size: cover;
        }
        .content__banner .ban_case {
            position: relative;
            background:#c4e3eb url("../imgs/bg_ban_case.jpg") no-repeat center left;
            background-size:cover;
        }
        .content__banner .ban_pc {
            position: relative;
            background:#c4e3eb url("../imgs/bg_ban03.jpg") no-repeat center left;
            background-size: cover;
        }
        .content__banner .ban_sp {
            position: relative;
            background:#c4e3eb url("../imgs/bg_ban04.jpg") no-repeat center left;
            background-size: cover;
        }
        .content__banner .ban_info:hover::after,
        .content__banner .ban_case:hover::after,
        .content__banner .ban_pc:hover::after,
        .content__banner .ban_sp:hover::after {
            content:"";
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(32, 40, 80, 0.4);
            cursor: pointer;
        }

@media only screen and (max-width : 960px) {
    .content__banner { margin: .6em auto; }
}
@media only screen and (max-width : 768px) {
    .content__banner.banner_multi { flex-direction: column; }
    .content__banner.banner_multi div { width: calc(100% - 8px); margin-right: 0; }
    .content__banner.banner_multi div:last-child { margin-top: .5em; }
}
@media only screen and (max-width : 700px) {
    .content__banner { margin: .6em auto; }
}

/* Service */
.content__service {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    row-gap: 16px;
    max-width: 1200px;
    margin: 1rem auto;
}
    /* Whats Leyser */
    .whats-leyser {
        position: relative;
        width:calc(100% / 2 - 8px);
        color: #fff;
        text-align: center;
        background:url("../imgs/top_whatsleyser.jpg") no-repeat center center;
        background-size: cover;
    }
        .whats-leyser:after {
            position: absolute;
            top: 0;
            left: 0;
            content:"";
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(32, 40, 80, 0.4);
            z-index: 3;
        }
        .whats-leyser__inner{
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            text-align: center;
            padding: 4rem 5rem;
            z-index: 4;
        }
        .whats-leyser__logo { margin-bottom: 2rem; font-size: 2rem; }
            .whats-leyser p { width: 100%; margin-bottom: 1rem; padding: 0 3rem; }
            .whats-leyser a { color:#fff; background:#7699bc; }
                .whats-leyser a:hover, .whats-leyser a:active { color:#fff; background:#5c7894; }
            .whats-leyser__logo .title-sub { padding: 0; font-size: 1.2rem; }
            .whats-leyser__text-logo { height: 40px; margin-bottom: 1rem; }

    /* Whats Functions */
    .whats-functions {
        width: calc(100% / 2 - 8px);
        text-align: center;
        padding: 0 0 1rem;
        color:#fff;
        background:#223c5b;
    }
        .whats-functions a.btn {
            margin: 0 auto 1.2rem;
            color:#fff;
            background:#b87ec7;
        }
            .whats-functions a.btn:hover,
            .whats-functions a.btn:active { color:#fff; background:#9b68a8; }

        .video-top-functions {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            min-height:300px;
            margin-bottom: 2rem;
        }
        .video-top-functions:after {
            position: absolute;
            top: 0;
            right: auto;
            left: auto;
            content:"";
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(32, 50, 96, 0.4);
        }
        .video-top-functions iframe {
            box-sizing: border-box;
            height: 100vh;
            left: 50%;
            min-height: 100%;
            max-height:300px;
            min-width: 100vh;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    /* Product LeySer */
    .products-leyser {
        position: relative;
        width: calc(100% / 2 - 8px);
        color: #fff;
        text-align: center;
        background:url("../imgs/top_products_leyser.jpg") no-repeat center center;
        background-size: cover;
    }
        .products-leyser::after {
            position: absolute;
            top: 0;
            left: 0;
            content:"";
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(33, 68, 118, 0.65);
            z-index: 3;
        }
        .products-leyser__inner{
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            text-align: center;
            padding: 5rem;
            z-index: 4;
        }
        .products-leyser__logo { margin-bottom: 1rem; font-size: 2rem; }
            .products-leyser__logo img { width: 40px; }
            .products-leyser p {
                width: 100%;
                margin-bottom: 1rem;
                padding: 0;
            }
            .products-leyser a { color:#fff; background:#7699bc; }
                .products-leyser a:hover,
                .products-leyser a:active { color:#fff; background:#5c7894; }
            .products-leyser .title-sub {
                margin-bottom: 1.5rem;
                padding: 0;
                font-size: 1.5rem;
            }
            .products-leyser__text-logo { height: 40px; }
                .products-leyser__text-logo img { height: 35px; margin-top: .5em; }

    /* Products LeySer Plus */
    .products-leyserplus {
        position: relative;
        width: calc(100% / 2 - 8px);
        color: #fff;
        text-align: center;
        background: url("../imgs/top_products_leyserplus.jpg") no-repeat center center;
        background-size: cover;
    }
        .products-leyserplus::after {
            position: absolute;
            top: 0;
            left: 0;
            content:"";
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(33, 68, 118, 0.65);
            z-index: 3;
        }
        .products-leyserplus__inner{
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            text-align: center;
            padding: 5rem;
            z-index: 4;
        }
        .products-leyserplus__logo { margin-bottom: 1rem; font-size: 2rem; }
            .products-leyserplus__logo img { width: 40px; }
            .products-leyserplus p {
                width: 100%;
                margin-bottom: 1rem;
                padding: 0;
            }
            .products-leyserplus a { color:#fff; background:#7699bc; }
                .products-leyserplus a:hover,
                .products-leyserplus a:active { color:#fff; background:#5c7894; }
            .products-leyserplus .title-sub {
                margin-bottom: 1.5rem;
                padding: 0;
                font-size: 1.5rem;
            }
            .products-leyserplus__text-logo { height: 40px; }
                .products-leyserplus__text-logo img { height: 35px; margin-top: .5em; }


 @media only screen and (max-width : 960px) {
    .video-top-functions { margin-bottom: 2rem; }
    .whats-leyser__inner,
    .products-leyser__inner,
    .products-leyserplus__inner { padding: 2em 2em; }
}
@media only screen and (max-width : 768px) {
    .whats-leyser,
    .products-leyser,
    .products-leyserplus { width:100%; }

    .whats-functions { padding-bottom: 2rem; }

    .whats-leyser__inner { padding: 0; }

    .video-top-functions { min-height: 440px; }
        .video-top-functions iframe { max-height: 100%; }
}
@media only screen and (max-width : 480px) {
    .whats-leyser p,
    .products-leyser p,
    .products-leyserplus p { padding: 0; }

    .video-top-functions {
        width: 100%;
        min-height: 230px;
    }
        .video-top-functions iframe {
            min-height: 100%;
            max-height: 100%;
            min-width: 100vw;
        }
        .video-top-functions + p { padding: 0 1em; }
}
@media only screen and (max-width: 380px) {
    .video-top-functions iframe { min-width: 100vh; }
}
/* Products */
.content__products {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    color:#fff;
}
    .content__products div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: calc(100% / 3);
        margin: 0 1em 0 0;
        padding: 2em 1.5em;
        color: #fff;
        text-align: center;
    }
    .content__products div:last-child { margin-right: 0; }
    .content__products h3 {
        margin-top: 0;
        font-size: 1.4rem;
        font-weight: 300;
    }
        .content__products div div {
            display: inline-flex;
            justify-content: center;
            width: calc(100% - 2em);
            padding: 1em;
        }
        .content__products div div,
        .content__products div h3,
        .content__products div p,
        .content__products div a {
            display: inline-block;
            position: inherit;
            padding: 0;
            z-index: 4;
        }
        .content__products div p {
            display: inline-flex;
            justify-content: center;
            /*align-items: center;*/
            width: 100%;
            min-height: 75px;
            margin: 1em 0;
        }
        .content__products .products__icon-logo {
            margin: 1em 0 0;
            padding: 0;
        }
        .content__products .products__icon-logo img { width: 40px; margin-right: .5rem; }
        .content__products .products__icon-logo img:last-child { margin-right: 0; }
        .content__products .products__text-logo {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            min-height: 90px;
        }
        .content__products .products__text-logo img { height: 30px; margin-top: .5em; }
        .content__products .products__text-logo img + img { height: 30px; margin-top: .2em; }
        .content__products .products__button { padding:0; }
                .products__button a.btn {
                    margin: .2em .5em 0 0;
                    padding: .5em 1em;
                    color:#fff;
                    background:#1e3860;
                }
                .content__products .products__button a:last-child { margin: .2em 0 0 0; }
                .content__products .products__button a:hover,
                .products-leyser .products-leyser__button a:active,
                .products__button a.btn:hover, .products__button a.btn:active { color:#fff; background:#142641; }

            /* web */
            .products-web {
                position: relative;
                padding: 2rem 6rem;
                background: url("../imgs/bg_web_index.jpg") no-repeat bottom center;
                background-size: cover;
            }
                .products-web::after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content:"";
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to bottom, rgba(180, 133, 100, 0.8), rgba(180, 133, 100, 0.2));
                    background: -ms-linear-gradient(to bottom, rgba(180, 133, 100, 0.8), rgba(180, 133, 100, 0.2));
                    z-index: 3;
                }
                .products-web a.btn {
                    margin: 0 auto;
                    padding: .5em 1em;
                    background:#d05829;
                }
                .products-web a:hover, .products-web a:active,
                .products-web a.btn:hover, .products-web a.btn:active { background:#b25b00; }

            /* connect */
            .products-connect {
                position: relative;
                padding: 2rem 6rem;
                background: url("../imgs/bg_connect_index.jpg") no-repeat bottom center;
                background-size: cover;
            }
                .products-connect::after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content:"";
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to bottom, rgba(246, 171, 0, 0.5), rgba(246, 171, 0, 0.2));
                    background: -ms-linear-gradient(to bottom, rgba(246, 171, 0, 0.5), rgba(246, 171, 0, 0.2));
                    z-index: 3;
                }
                .products-connect p.products-connect__text { width: 70%; }
                .products-connect a.btn {
                    margin: 0 auto;
                    padding: .5em 1em;
                    background:#583017;
                }
                .products-connect a:hover, .products-connect a:active,
                .products-connect a.btn:hover, .products-connect a.btn:active { background:#391F0F; }

            /* kids */
            .products-kids {
                position: relative;
                padding: 2rem 6rem;
                background: url("../imgs/bg_lk_index.jpg") no-repeat bottom center;
                background-size: cover;
            }
                .products-kids::after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content:"";
                    display: block;
                    width: 100%;
                    height: 100%;
                    background:linear-gradient(to bottom, rgba(74, 140, 167, 0.8), rgba(74, 140, 167, 0.3));
                    background:-ms-linear-gradient(to bottom, rgba(74, 140, 167, 0.8), rgba(74, 140, 167, 0.3));
                    z-index: 3;
                }
                .products-kids a.btn {
                    padding: .5em 1em;
                    color:#fff;
                    background:#185889;
                }
                .products-kids a:hover,
                .products-kids a:active { color:#fff; background:#243d66; }

@media only screen and (max-width : 960px) {
    .products-web,.products-connect .products-kids { padding: 2rem 3rem; }
    .products-connect p.products-connect__text { width: 90%; }
}
@media only screen and (max-width : 768px) {
    .content__products, .content__service { flex-direction: column; }
    .content__products div {
        width: 100%;
        margin: 0 auto;
    }
    .whats-leyser, .whats-functions { width: 100%; padding: 4rem 2rem; }
    .products-other, .whats-functions { padding: 0 0 1em; }
}
@media only screen and (max-width : 480px) {
    .whats-leyser { padding: 2rem; }
    .content__products div div { width: 100%; }
    .content__products div p { min-height: 30px; }
    .content__products .products__text-logo { min-height: 60px; }
}

/* Whats New */
.content__news {
    display: flex;
    justify-content: space-between;
    align-items: stretch;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}
    .news-whatsnew, .news-info {
        width: calc(100% / 2 - .5em);
        margin-right: 1em;
        text-align: center;
        background:#fff;
    }
        .news-info:last-child { margin-right: 0; }
        .news-whatsnew h3, .news-info h3 {
            margin-top: 3rem;
            font-size: 1.8rem;
        }

    .content__news ul { margin: 2rem 2.5rem; padding-left: 0; }
        .content__news li {
            list-style-type: none;
            border-bottom: solid 1px #ccc;
            padding: 1rem 0;
        }
            .content__news ul li a {
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
            .content__news span:nth-child(1) { min-width: 14%; padding-right: 4%; font-weight: bold; }
            .content__news span:nth-child(2) { flex-grow: 3; text-align: left; }
            .content__news span:nth-child(3) { flex-grow: 2; min-width: 135px; max-width: 140px; }

            .news-whatsnew a { color:#357cb2; }
            .news-info a { color:#339933; }
                .news-whatsnew a.btn, .news-info a.btn {
                    margin-bottom: 3rem;
                    color:#fff;
                }
                .news-whatsnew a.btn { color:#fff; background:#406a8a; }
                    .news-whatsnew a.btn:hover,
                    .news-whatsnew a.btn:active { color:#fff; background:#2e4c63; }

                .news-info a.btn { color:#fff; background:#3b9167; }
                    .news-info a.btn:hover,
                    .news-info a.btn:active { color:#fff; background:#2a684a; }

@media only screen and (max-width : 960px) {
    .content__news { flex-direction: column; padding: 0; }
    .news-whatsnew, .news-info { width: 100%; }
    .news-info { margin-top: .5rem; }

    .content__products .products__text-logo img,
    .content__products .products__text-logo img + img { height: auto; }
}

/* Other Content */
.content__other {
    display: flex;
    justify-content: space-between;
    align-items: stretch;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 0;
    color:#fff;
}
    .otherinfo-01, .otherinfo-02, .otherinfo-03 {
        position: relative;
        width: calc(100% / 3);
        margin: 0 1em 0 0;
        padding: 4% 3.3% 10%;
    }
    .otherinfo-01 { color:#fff; background:#9aaea5; }
    .otherinfo-02 { color:#fff; background:#6f97a6; }
    .otherinfo-03 { color:#fff; background:#95a3ae; margin-right: 0; }
        .otherinfo-01 a, .otherinfo-02 a, .otherinfo-03 a {
            position: absolute;
            bottom: 3rem;
        }
        .otherinfo-01 a { color:#fff; background:#658e79; }
            .otherinfo-01 a:hover, .otherinfo-01 a:active { color:#fff; background:#4d6c5c; }
        .otherinfo-02 a { color:#fff; background:#2c6980; }
            .otherinfo-02 a:hover, .otherinfo-02 a:active { color:#fff; background:#215062; }
        .otherinfo-03 a { color:#fff; background:#57748d; }
            .otherinfo-03 a:hover, .otherinfo-03 a:active { color:#fff; background:#42596c; }

@media only screen and (max-width : 768px) {
    /*.header__content { height: 100%; }*/
    .content__other { flex-direction: column; padding: 0; }
    .otherinfo-01, .otherinfo-02, .otherinfo-03 { width: 100%; padding: 2rem; }
    .otherinfo-01 a, .otherinfo-02 a, .otherinfo-03 a {
        position: static;
        bottom: auto;
    }
}
@media only screen and (max-width : 480px) {
    .products-web__text-logo { width: 100%; }
    .content__news ul { margin: 2rem 1.5rem; }
    .news-whatsnew ul li a,
    .news-info ul li a {
        display: block;
        margin: 0;
        text-align: left;
    }
        .news-whatsnew ul li a span { display: block; }
        .news-info span:nth-child(1) {
            min-width: 20%;
            font-weight: bold;
        }
        .news-whatsnew span:nth-child(3),
        .news-info span:nth-child(3) {
            display: block;
            max-width: 100%;
            text-align: right;
        }

    .content__products .products__text-logo img,
    .content__products .products__text-logo img + img { height: 40px; }
}
/* Parts of Common */
/* Common */