body {
    padding: 0 !important;
}
/* ------------------
top
------------------*/
/* top_member */
.top_member {
    position: fixed;
    right: 0;
    top: calc(190 / var(--view-size) * 100vw);
    z-index: 300;
}
.top_member_wrap {
    width: calc(250 / var(--view-size) * 100vw);
}
.top_member_bg {
    background-color: #fff;
    border-radius: calc(20 / var(--view-size) * 100vw) 0 0 0;
    padding: calc(20 / var(--view-size) * 100vw);
}
.top_member_ttl {
    font-size: calc(20 / var(--view-size) * 100vw);
    text-align: center;
    color: #004098;
    margin-bottom: calc(15 / var(--view-size) * 100vw);
}
.top_member_ttl .text_small {
    font-size: calc(12 / var(--view-size) * 100vw);
    color: #c9b597;
}
.top_member_text {
    font-size: calc(12 / var(--view-size) * 100vw);
    line-height: 1.8;
    margin-bottom: calc(26 / var(--view-size) * 100vw);
}
.top_member_link {
    font-size: calc(12 / var(--view-size) * 100vw);
    color: #004098;
    padding-left: calc(47 / var(--view-size) * 100vw);
    margin-bottom: calc(16 / var(--view-size) * 100vw);
    position: relative;
    display: block;
    font-weight: bold;
}
.top_member_link:last-child {
    margin-bottom: 0;
}
.top_member_link::before {
    content: "";
    position: absolute;
    left: calc(10 / var(--view-size) * 100vw);
    top: calc(1 / var(--view-size) * 100vw);
}
.top_member_link_online::before {
    background: url(../img/icon_online.png) center / cover no-repeat;
    width: calc(29 / var(--view-size) * 100vw);
    height: calc(23 / var(--view-size) * 100vw);
}
.top_member_link_download::before {
    background: url(../img/icon_download.png) center / cover no-repeat;
    width: calc(24 / var(--view-size) * 100vw);
    height: calc(24 / var(--view-size) * 100vw);
}
.top_member_btn {
    background-color: #004098;
    text-align: center;
    color: #fff;
    font-size: calc(13 / var(--view-size) * 100vw);
    padding: calc(15 / var(--view-size) * 100vw) 0;
    border-radius: 0 0 0 calc(20 / var(--view-size) * 100vw);
    display: block;
    width: 100%;
    font-weight: bold;
    border: calc(1 / var(--view-size) * 100vw) solid #004098;
    border-right: none;
}
.top_member_btn:hover {
    opacity: 1;
    color: #004098;
    background-color: #fff;
}
.top_member_close_wrap {
    text-align: center;
}
.top_member_close {
    padding: calc(10 / var(--view-size) * 100vw) calc(12 / var(--view-size) * 100vw);
    padding-right: calc(30 / var(--view-size) * 100vw);
    background-color: #fff;
    border-radius: calc(5 / var(--view-size) * 100vw);
    color: #004098;
    position: relative;
    display: inline-block;
    font-size: calc(13 / var(--view-size) * 100vw);
    font-weight: bold;
    line-height: 1;
    margin: 0 auto;
    margin-top: calc(15 / var(--view-size) * 100vw);
    cursor: pointer;
    transition: .3s;
}
.top_member_close:hover {
    opacity: 0.7;
}
.top_member_close::after {
    content: "";
    background: url(../img/member_close.png) center / cover no-repeat;
    position: absolute;
    width: calc(14 / var(--view-size) * 100vw);
    height: calc(14 / var(--view-size) * 100vw);
    right: calc(10 / var(--view-size) * 100vw);
    top: 50%;
    transform: translateY(-50%);
}

.top_member_open {
    writing-mode: vertical-rl;
    font-size: clamp(10px, calc(13 / var(--view-size) * 100vw), 100%);
    font-weight: bold;
    color: #fff;
    padding: calc(23 / var(--view-size) * 100vw) calc(13 / var(--view-size) * 100vw);
    background-color: #004098;
    border-radius: calc(10 / var(--view-size) * 100vw) 0 0 calc(10 / var(--view-size) * 100vw);
    cursor: pointer;
    margin-top: calc(180 / var(--view-size) * 100vw);
    border: calc(1 / var(--view-size) * 100vw) solid #004098;
    border-right: none;
    transition: .3s;
}
.top_member_open:hover {
    background-color: #fff;
    color: #004098;
}
.top_member_open p {
    margin: 0;
    letter-spacing: calc(1 / var(--view-size) * 100vw);
    font-weight: 600;
}

@media (max-width: 768px) {
    .top_member {
        display: none;
    }
}

/* top_mv */
.top_mv img {
    width: 100%;
}

/* top_tabarea */
.top_tabarea {
    background-color: #f5f5f5;
    padding: calc(125 / var(--view-size) * 100vw) 0 calc(100 / var(--view-size) * 100vw);
}
.top_tabbtns {
    width: calc(1100 / var(--view-size) * 100vw);
    margin: 0 auto calc(190 / var(--view-size) * 100vw);
}
.top_tabbtn {
    width: 32%;
    box-shadow: 
        calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #ededed,
        calc(-10 / var(--view-size) * 100vw) calc(-10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #ffffff,
        0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.2),
        inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) transparent;
    padding: calc(12 / var(--view-size) * 100vw) 0;
    text-align: center;
    border-radius: calc(40 / var(--view-size) * 100vw);
    background-color: #f5f5f5;
    color: #004098;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
    font-size: calc(19 / var(--view-size) * 100vw);
}
.top_tabbtn:hover {
    color: #c9b597;
    box-shadow: 
        calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) transparent,
        calc(-10 / var(--view-size) * 100vw) calc(-10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) transparent,
        0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px transparent,
        inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.1);
}
.top_tabbtn.active {
    color: #c9b597;
    box-shadow: inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.1);
}
.top_tabcontent_inner {
    position: relative;
}
.top_tabcontent_inner .common_inner {
    position: relative;
    z-index: 30;
}
.tabcontent_slide_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(219 / var(--view-size) * 100vw);
    width: calc(789 / var(--view-size) * 100vw);
    border-radius:  0 calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) 0;
    background-color: #004098;
    z-index: 10;
}
.tabcontent_slide_img {
    width: calc(485 / var(--view-size) * 100vw);
}
.tabcontent_slide_img img {
    width: 100%;
}
.tabcontent_slide_textarea {
    width: calc(545 / var(--view-size) * 100vw);
}
.tabcontent_slide_text {
    letter-spacing: calc(1 / var(--view-size) * 100vw);
    font-size: calc(16 / var(--view-size) * 100vw);
}
.tabcontent_slide_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: calc(38 / var(--view-size) * 100vw);
}

.tabcontent_slide_ttl {
    font-size: calc(25 / var(--view-size) * 100vw);
    color: #004098;
    letter-spacing: calc(6 / var(--view-size) * 100vw);
    margin-bottom: calc(16 / var(--view-size) * 100vw);
}
[lang="en"] .tabcontent_slide_ttl {
    letter-spacing: calc(2 / var(--view-size) * 100vw);
}
.tabcontent_slide_text {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
}


.top_tabcontent_thumbnail {
    display: flex;
    justify-content: space-between;
    margin-top: calc(60 / var(--view-size) * 100vw);
}
.top_tabcontent_solution .top_tabcontent_thumbnail .slick-track,
.top_tabcontent_support .top_tabcontent_thumbnail .slick-track {
    display: flex;
    justify-content: center;
}
.top_tabcontent .slick-arrow {
    position: absolute;
    bottom: calc(5 / var(--view-size) * 100vw);
    width: calc(22 / var(--view-size) * 100vw);
    cursor: pointer;
}
.top_tabcontent .slick-arrow img {
    width: 100%;
}
.top_tabcontent .prev-arrow {
    right: calc(98 / var(--view-size) * 100vw);
}
.top_tabcontent .next-arrow {
    right: 0;
}
.slick-num {
    text-align: right;
    padding-right: calc(38 / var(--view-size) * 100vw);
    margin-top: calc(30 / var(--view-size) * 100vw);
}
.slick-num span {
    font-size: calc(18 / var(--view-size) * 100vw);
    color: #004098;
}

.tabcontent_thumbnail_item {
    width: 18% !important;
    cursor: pointer;
    margin-right: calc(20 / var(--view-size) * 100vw);
    transition: .3s;
    border-radius: calc(40 / var(--view-size) * 100vw);
    padding-top: calc(30 / var(--view-size) * 100vw);
}
.tabcontent_thumbnail_item:last-child {
    margin-right: 0;
}
/* .tabcontent_thumbnail_item:first-child {
    padding-left: calc(30 / var(--view-size) * 100vw);
} */
.tabcontent_thumbnail_ttl {
    text-align: center;
    padding: calc(8 / var(--view-size) * 100vw) 0;
    box-shadow: 
        calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #ededed,
        calc(-10 / var(--view-size) * 100vw) calc(-10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #fff,
        0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.2),
        inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) transparent;
    border-radius: calc(40 / var(--view-size) * 100vw);
    background-color: #fff;
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    background-color: #f5f5f5;
    transition: .3s;
}

.tabcontent_thumbnail_item.slick-current .tabcontent_thumbnail_ttl,
.tabcontent_thumbnail_item:hover .tabcontent_thumbnail_ttl {
    box-shadow: 
        calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) transparent,
        calc(-10 / var(--view-size) * 100vw) calc(-10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) transparent,
        0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px transparent,
        inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.1);
}
.tabcontent_thumbnail_ttl p {
    font-size: calc(15 / var(--view-size) * 100vw);
    color: #004098;
    margin: 0;
    text-align: center;
    font-weight: bold;
    transition: .3s;
    line-height: 1.2;
}
.tabcontent_thumbnail_item.slick-current .tabcontent_thumbnail_ttl p,
.tabcontent_thumbnail_item:hover .tabcontent_thumbnail_ttl p {
    color: #c9b597;
}
.tabcontent_thumbnail_img img {
    width: 100%;
}
.top_tabcontent_thumbnail .slick-track {
    transform: unset !important;
}

[lang="en"] .top_tabcontent_thumbnail .tabcontent_thumbnail_item:nth-child(2),
[lang="en"] .top_tabcontent_thumbnail .tabcontent_thumbnail_item:nth-child(3),
[lang="en"] .top_tabcontent_thumbnail .tabcontent_thumbnail_item:nth-child(5) {
    padding-top: calc(36 / var(--view-size) * 100vw);
}

/* 修正 */
.top_tabcontent_product .tabcontent_slide_item:nth-child(1) .tabcontent_slide_img {
    transform: translate(calc(0 / var(--view-size) * 100vw),calc(-20 / var(--view-size) * 100vw));
}
.top_tabcontent_product .tabcontent_slide_item:nth-child(2) .tabcontent_slide_img {
    transform: translate(calc(60 / var(--view-size) * 100vw),calc(-20 / var(--view-size) * 100vw));
    width: calc(525 / var(--view-size) * 100vw);
}
.top_tabcontent_product .tabcontent_slide_item:nth-child(3) .tabcontent_slide_img {
    transform: translate(calc(0 / var(--view-size) * 100vw),calc(0 / var(--view-size) * 100vw));
}
.top_tabcontent_product .tabcontent_slide_item:nth-child(4) .tabcontent_slide_img {
    transform: translate(calc(0 / var(--view-size) * 100vw),calc(-20 / var(--view-size) * 100vw));
    width: calc(515 / var(--view-size) * 100vw);
}
.top_tabcontent_product .tabcontent_slide_item:nth-child(5) .tabcontent_slide_img {
    transform: translate(calc(0 / var(--view-size) * 100vw),calc(-10 / var(--view-size) * 100vw));
    width: calc(515 / var(--view-size) * 100vw);
}


@media (max-width: 768px) {
    .top_tabarea {
        padding: calc(64 / var(--view-size) * 100vw) 0;
    }
    .top_tabcontent .top_tabcontent_thumbnail {
        display: none;
    }
    .tabcontent_slide_img {
        width: 100%;
        margin-bottom: calc(10 / var(--view-size) * 100vw);
    }
    .tabcontent_slide_textarea {
        width: 100%;
    }
    .tabcontent_slide_ttl {
        font-size: calc(20 / var(--view-size) * 100vw);
    }
    .tabcontent_slide_text {
        margin-bottom: calc(30 / var(--view-size) * 100vw);
        line-height: 1.8;
    }
    .slick-num {
        text-align: center;
        padding: 0;
        margin-top: calc(40 / var(--view-size) * 100vw);
    }
    .top_tabcontent .slick-arrow {
        transform: translateX(-50%);
        bottom: calc(3 / var(--view-size) * 100vw);
    }
    .top_tabcontent .prev-arrow {
        left: 30%;
    }
    .top_tabcontent .next-arrow {
        left: 70%;
    }
    .tabcontent_slide_bg {
        height: calc(152 / var(--view-size)* 100vw);
        width: calc(265 / var(--view-size)* 100vw);
    }

    .top_tabbtns {
        width: calc(345 / var(--view-size) * 100vw);
        margin: 0 auto calc(60 / var(--view-size) * 100vw);
    }
    .top_tabbtn {
        width: calc(110 / var(--view-size) * 100vw);
        border-radius: calc(10 / var(--view-size) * 100vw);
        font-size: calc(12 / var(--view-size) * 100vw);
        padding: calc(8 / var(--view-size) * 100vw) 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        letter-spacing: 0;
        line-height: 1.2;
        
    }

    .top_tabcontent_product .tabcontent_slide_item:nth-child(1) .tabcontent_slide_img {
        transform: translate(calc(0 / var(--view-size) * 100vw),calc(0 / var(--view-size) * 100vw));
    }
    .top_tabcontent_product .tabcontent_slide_item:nth-child(2) .tabcontent_slide_img {
        transform: translate(calc(0 / var(--view-size) * 100vw),calc(0 / var(--view-size) * 100vw));
        width: 100%;
    }
    .top_tabcontent_product .tabcontent_slide_item:nth-child(3) .tabcontent_slide_img {
        transform: translate(calc(0 / var(--view-size) * 100vw),calc(0 / var(--view-size) * 100vw));
    }
    .top_tabcontent_product .tabcontent_slide_item:nth-child(4) .tabcontent_slide_img {
        transform: translate(calc(0 / var(--view-size) * 100vw),calc(0 / var(--view-size) * 100vw));
        width: 100%;
    }
    .top_tabcontent_product .tabcontent_slide_item:nth-child(5) .tabcontent_slide_img {
        transform: translate(calc(0 / var(--view-size) * 100vw),calc(0 / var(--view-size) * 100vw));
        width: 100%;
    }

}

/* top_cmsarea */
.top_cmsarea {
    overflow: hidden;
}

/* top_newcontent */
.top_newcontent {
    padding-top: 120px;
    padding-bottom: calc(700 / var(--view-size) * 100vw);
    position: relative;
}
.top_newcontent .common_inner {
    position: relative;
    z-index: 100;
}
.top_newcontent img {
    width: 100%;
}
.top_newcontent_ttl {
    width: calc(1052 / var(--view-size) * 100vw);
    margin-left: auto;
    margin-bottom: calc(60 / var(--view-size) * 100vw);
}
.top_newcontent_item {
    width: calc(346 / var(--view-size) * 100vw);
    box-shadow: calc(0 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(000, 000, 000, .2);
    border-radius: calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw);
    background-color: #fff;
}
.top_newcontent_item:hover {
    opacity: 0.7;
    transform: translateY(calc(10 / var(--view-size) * 100vw));
    box-shadow: none;
}
.top_newcontent_img {

}
.top_newcontent_img img {
    border-radius: calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) 0 0;
    height: calc(194 / var(--view-size) * 100vw);
    object-fit: cover;
	width: 100%; /*追加白井20260122*/
}
.top_newcontent_textarea {
    background-color: #fff;
    border-radius: 0 0 calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw);
    padding: calc(20 / var(--view-size) * 100vw);

}
.top_newcontent_cate {
    background-color: #004098;
    color: #fff;
    font-size: calc(14 / var(--view-size) * 100vw);
    margin-bottom: calc(15 / var(--view-size) * 100vw);
    border-radius: calc(5 / var(--view-size) * 100vw);
    display: inline-block;
    line-height: 1;
    padding: calc(10 / var(--view-size) * 100vw);
}
.newcontent_item_ttl {
    color: #004098;
    font-size: calc(16 / var(--view-size) * 100vw);
    line-height: 1.6;
    font-weight: normal;
}
.top_newcontent_bg {
    position: absolute;
    left: calc(-378 / var(--view-size) * 100vw);
    top: calc(242 / var(--view-size) * 100vw);
    width: calc(2128 / var(--view-size) * 100vw);
}
.top_newcontent_box {
    position: absolute;
    bottom: 0;
    right: calc(-126 / var(--view-size) * 100vw);
    width: calc(680 / var(--view-size) * 100vw);
}
.top_newcontent_bg img,
.top_newcontent_box img {
    width: 100%;
}

@media (max-width: 768px) {
    .top_newcontent {
        padding-top: calc(45 / var(--view-size) * 100vw);
        padding-bottom: calc(300 / var(--view-size) * 100vw);
    }
    .top_newcontent_ttl {
        width: calc(295 / var(--view-size) * 100vw);
        margin: 0 auto calc(35 / var(--view-size) * 100vw);
    }
    .top_newcontent_item {
        width: 100%;
        margin-bottom: calc(20 / var(--view-size) * 100vw);
        box-shadow: calc(0 / var(--view-size)* 100vw) calc(5 / var(--view-size)* 100vw) calc(10 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    }
    .top_newcontent_item:last-child {
        margin-bottom: 0;
    }
    .top_newcontent_bg {
        width: calc(586 / var(--view-size) * 100vw);
        top: calc(1225 / var(--view-size) * 100vw);
        left: calc(-110 / var(--view-size) * 100vw);
    }
    .top_newcontent_box {
        width: calc(188 / var(--view-size) * 100vw);
        right: calc(-58 / var(--view-size) * 100vw);
    }

}


/* top_news */
.top_news {
    padding-bottom: calc(120 / var(--view-size) * 100vw);
}
.top_news_row {
    align-items: flex-start;
}
.top_news_cont {
    width: calc(905 / var(--view-size) * 100vw);
}
.top_news_item {
    border-top: calc(1 / var(--view-size) * 100vw) solid rgba(000, 000, 000, 0.3);
    padding: calc(30 / var(--view-size) * 100vw) 0;
    display: block;
}
.top_news_item:last-child {
    border-bottom: calc(1 / var(--view-size) * 100vw) solid rgba(000, 000, 000, 0.3);
}
.top_news_info {
    margin-right: calc(24 / var(--view-size) * 100vw);
}
.top_news_info .common_row {
    flex-wrap: nowrap;
}
.top_news_date {
    font-size: calc(17 / var(--view-size) * 100vw);
    margin-right: calc(15 / var(--view-size) * 100vw);
    margin-bottom: 0;
    line-height: 1;
}
.top_news_cate {
    width: calc(100 / var(--view-size) * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    border: calc(1 / var(--view-size) * 100vw) solid #000;
    text-align: center;
    font-size: calc(12 / var(--view-size) * 100vw);
    border-radius: calc(40 / var(--view-size) * 100vw);
    margin-bottom: 0;
}
.news_item_ttl {
    color: #000;
    font-size: calc(16 / var(--view-size) * 100vw);
    font-weight: normal;
    line-height: 1.9;
    margin-bottom: 0;
}
.news_item_row {
    flex-wrap: nowrap;
}

@media (max-width: 768px) {
    .top_news {
        padding-bottom: calc(64 / var(--view-size) * 100vw);
    }
    .top_news_row {
        flex-direction: column-reverse;
    }
    .top_news_item {

    }
    .top_news_item:first-child {
        border-top: none;
        padding-top: 0;
    }
    .top_news_item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .news_item_row {
        display: block;
    }
    .top_news_cont {
        width: 100%;
        margin-bottom: calc(40 / var(--view-size) * 100vw);
    }
    .top_news_btn {
        margin: 0 auto;
    }
}

/* top_topics */
.top_topics {
    padding-bottom: calc(120 / var(--view-size) * 100vw);
}
.top_topics .common_inner {
    padding-left: calc(130 / var(--view-size) * 100vw);
}
.top_topics_ttl {
    height: calc(310 / var(--view-size) * 100vw);
    background-color: #004098;
    padding-left: calc(120 / var(--view-size) * 100vw);
    position: relative;
    display: flex;
    align-items: center;
    width: 90%;
    border-radius: 0 calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) 0;
}
.topics_ttl_text {
    font-size: calc(30 / var(--view-size) * 100vw);
    color: #fff;
}

.topics_ttl_en {
    position: absolute;
    top: 0;
    left: 0;
    font-size: calc(227 / var(--view-size) * 100vw);
    color: rgba(255, 255, 255, 0.1);
    line-height: 0.6;
    margin: 0;
    font-family: "Barlow", serif;
    font-weight: bold;
}
.top_topics_img {
    margin-bottom: calc(24 / var(--view-size) * 100vw);
}
.top_topics_img img {
    border-radius: calc(10 / var(--view-size) * 100vw);
    width: 100%;
    height: calc(154 / var(--view-size) * 100vw);
    object-fit: cover;
}
.top_topics_cate {
    background-color: #004098;
    color: #fff;
    font-size: calc(14 / var(--view-size) * 100vw);
    margin-bottom: calc(15 / var(--view-size) * 100vw);
    border-radius: calc(5 / var(--view-size) * 100vw);
    display: inline-block;
    padding: calc(3 / var(--view-size) * 100vw) calc(7 / var(--view-size) * 100vw);
}
.top_topics_cate.cat_topics02 {
    background-color: pink;
}
.top_topics_cate.cat_topics03 {
    background-color: gray;
}
.top_topics_item {
    margin: 0 calc(15 / var(--view-size) * 100vw);
}
.top_topics_item:hover {
    opacity: 1;
    transform: translateY(calc(10 / var(--view-size) * 100vw));
}
.top_topics_item h3 {
    font-size: calc(16 / var(--view-size) * 100vw);
    color: #004098;
    font-weight: normal;
    line-height: 1.6;
    transition: .3s;
}
.top_topics_item:hover h3 {
    opacity: .7;
}
.top_topics_slide {
    transform: translateY(calc(-25 / var(--view-size) * 100vw));
}
.top_topics_slide .slick-arrow {
    width: calc(45 / var(--view-size) * 100vw);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.top_topics_slide .slick-arrow img {
    width: 100%;
}
.top_topics_slide .prev-arrow {
    left: calc(-76 / var(--view-size) * 100vw);
}
.top_topics_slide .next-arrow {
    right: calc(-76 / var(--view-size) * 100vw);
}

@media (max-width: 768px) {
    .top_topics {
        padding-bottom: calc(0 / var(--view-size) * 100vw);
    }
    .top_topics_ttl {
        height: calc(170 / var(--view-size) * 100vw);
        width: calc(347 / var(--view-size) * 100vw);
        display: block;
        padding-left: calc(60 / var(--view-size) * 100vw);
    }
    .topics_ttl_text {
        font-size: calc(26 / var(--view-size) * 100vw);
        padding-top: calc(42 / var(--view-size) * 100vw);
    }
    .topics_ttl_en {
        font-size: calc(102 / var(--view-size) * 100vw);
    }
    .top_topics_slide .slick-arrow {
        width: calc(30 / var(--view-size) * 100vw);
        top: 40%;
    }
    .top_topics_slide .prev-arrow {
        left: calc(-30 / var(--view-size) * 100vw);
    }
    .top_topics_slide .next-arrow {
        right: calc(-30 / var(--view-size) * 100vw);
    }
    .top_topics .common_inner {
        width: calc(290 / var(--view-size) * 100vw);
        padding-left: 0;
    }
    .top_topics_slide {
        transform: translateY(calc(-55 / var(--view-size)* 100vw));
    }

}


/* top_otherarea */
.top_otherarea {
    background-color: #f5f5f5;
}
.top_otherarea_item {
    border-bottom: calc(1 / var(--view-size) * 100vw) solid #e6e6e6;
    padding: calc(36 / var(--view-size) * 100vw) 0;
    transition: .3s;
    display: block;
    background-color: #f5f5f5;
    position: relative;
}
.top_otherarea_item .common_inner {
    position: relative;
    z-index: 100;
}
.top_otherarea_item:hover {
    opacity: 1;
}
.top_otherarea_btn {
    transition: .3s;
}
.top_otherarea_item:hover .top_otherarea_btn {
    background-color: #fff;
    color: #000;
}
.top_otherarea_item:last-child {
    border-bottom: none;
}
.top_otherarea_item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 10;
    transition: .3s;
}
.top_otherarea_item:nth-child(1)::before {
    background: url(../img/otherarea_bg01.jpg) center / cover no-repeat;
}
.top_otherarea_item:nth-child(2):before {
    background: url(../img/otherarea_bg02.jpg) center / cover no-repeat;
}
.top_otherarea_item:nth-child(3):before {
    background: url(../img/otherarea_bg03.jpg) center / cover no-repeat;
}
.top_otherarea_item:nth-child(4):before {
    background: url(../img/otherarea_bg04.jpg) center / cover no-repeat;
}
.top_otherarea_item:hover::before {
    opacity: 1;
}

.top_otherarea_ttl {
    font-family: "Barlow", serif;
    font-size: calc(48 / var(--view-size) * 100vw);
    margin-bottom: calc(16 / var(--view-size) * 100vw);
    transition: .3s;
}
.top_otherarea_ttl .text_gold {
    color: #c9b597;
    transition: .3s;
}
.top_otherarea_ttl .text_small {
    font-family: "Noto Sans JP", serif;
    font-size: calc(16 / var(--view-size) * 100vw);
    margin-left: calc(10 / var(--view-size) * 100vw);
}
.top_otherarea_text {
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    transition: .3s;
    line-height: 1.9;
    font-size: calc(16 / var(--view-size) * 100vw);
}
.top_otherarea_item:hover .top_otherarea_ttl,
.top_otherarea_item:hover .top_otherarea_ttl .text_gold ,
.top_otherarea_item:hover .top_otherarea_text  {
    color: #fff;
}

@media (max-width: 768px) {
    .top_otherarea_item:nth-child(1) {
        background: url(../img/otherarea_bg01_sp.jpg) center / cover no-repeat;
    }
    .top_otherarea_item:nth-child(2) {
        background: url(../img/otherarea_bg02_sp.jpg) center / cover no-repeat;
    }
    .top_otherarea_item:nth-child(3) {
        background: url(../img/otherarea_bg03_sp.jpg) center / cover no-repeat;
    }
    .top_otherarea_item:nth-child(4) {
        background: url(../img/otherarea_bg04_sp.jpg) center / cover no-repeat;
    }
    .top_otherarea_ttl {
        font-size: calc(12 / var(--view-size) * 100vw);
        color: rgba(255, 255, 255, .7);
        line-height: 1.4;
        margin-bottom: 0;
    }
    [lang="en"] .top_otherarea_ttl {
        font-size: calc(18 / var(--view-size) * 100vw);
    }
    .top_otherarea_ttl .text_gold {
        color: rgba(255, 255, 255, .7);
    }
    .top_otherarea_text {
        display: none;
    }
    .top_otherarea_ttl .text_small {
        font-size: calc(18 / var(--view-size) * 100vw);
        display: block;
        margin-left: 0;
    }
    .top_otherarea_item .top_otherarea_btn {
        display: none;
    }
}


/* ------------------
top end
------------------*/

/* ------------------
product
------------------*/
.page_product {
    overflow: hidden;
}
/* product_top */
.product_top {
    margin-top: calc(90 / var(--view-size) * 100vw);
    margin-bottom: calc(150 / var(--view-size) * 100vw);
}
.product_top_img {
    width: 50%;
}
.product_top_img img {
    width: 100%;
}
.product_top_textarea {
    width: 50%;
}
.product_top_ttl {
    font-size: calc(30 / var(--view-size) * 100vw);
    font-weight: bold;
    color: #004098;
    letter-spacing: calc(2 / var(--view-size) * 100vw);
    margin-bottom: calc(24 / var(--view-size) * 100vw);
}
.product_top_text {
    line-height: 2.5;
    margin-bottom: 0;
    font-size: calc(16 / var(--view-size) * 100vw);
    letter-spacing: calc(1.1 / var(--view-size) * 100vw);
}
.product_top_btn {
    display: none;
}

/* 印刷機 */
.page_product_printer .product_top_img img {
    transform: translateX(calc(-4 / var(--view-size)* 100vw)) scale(1.3);
}
.page_product_printer .product_top_ttl,
.page_product_printer .product_top_text {
    transform: translateX(calc(-27 / var(--view-size) * 100vw));
}
.page_product_printer .product_lineup_list {
    justify-content: center;
}
.page_product_printer .product_lineup_list::after {
    content: none;
}
.page_product_printer .product_lineup_item {
    margin-right: calc(29 / var(--view-size) * 100vw);
}
.page_product_printer .product_lineup_item:last-child {
    margin-right: 0;
}

/* 自動化・省人化ツール */
.page_product_tool .product_top_ttl,
.page_product_tool .product_top_text {
    transform: translateX(calc(-96 / var(--view-size) * 100vw));
}
.page_product_tool .lineup_item_ttl {
    line-height: 1.5;
}
.page_product_tool .product_top_img img {
    transform: translateX(calc(-38 / var(--view-size) * 100vw));
}
.page_product_tool .product_lineup_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .product_top {
        margin-top: calc(30 / var(--view-size) * 100vw);
        margin-bottom: calc(60 / var(--view-size) * 100vw);
    }
    .product_top_img {
        margin-bottom: calc(20 / var(--view-size) * 100vw);
        width: 100%;
    }
    .product_top_textarea {
        margin-bottom: calc(24 / var(--view-size) * 100vw);
        width: 100%;
    }
    .product_top_ttl {
        font-size: calc(24 / var(--view-size) * 100vw);
    }
    .product_top_btn {
        display: block;
        width: calc(206 / var(--view-size) * 100vw);
        font-family: "Noto Sans JP", serif;
        margin: 0 auto;
        padding: calc(5 / var(--view-size) * 100vw) 0;
        font-size: calc(17 / var(--view-size) * 100vw);
    }

    .page_product_printer .product_top_ttl,
    .page_product_printer .product_top_text {
        transform: translateX(calc(0 / var(--view-size) * 100vw));
    }
    .page_product_printer .product_top_img {
        margin-bottom: calc(30 / var(--view-size) * 100vw);
    }
    .page_product_printer .product_top_img img {
        transform: translateX(calc(0 / var(--view-size) * 100vw)) scale(1.3);
    }
    .page_product_printer .product_lineup_item {
        margin-right: 0;
    }
    
    .page_product_inserter .product_top_img {
        margin-bottom: calc(30 / var(--view-size) * 100vw);
    }
    .page_product_inserter .product_top_img img {
        transform: translateX(calc(-20 / var(--view-size) * 100vw)) scale(1.3);
    }

    .page_product_tool .product_top_img img {
        transform: translateX(calc(-25 / var(--view-size) * 100vw));
    }
}
/* product_top end */

/* product_strength */

.product_strength {
    padding-bottom: calc(150 / var(--view-size) * 100vw);
    position: relative;
}
.product_strength .common_inner {
    position: relative;
    z-index: 100;
}
.product_strength_arrow {
	pointer-events: none;
    width: calc(695 / var(--view-size) * 100vw);
    position: absolute;
    right: 0;
    top: calc(-558 / var(--view-size) * 100vw);
    z-index: 10;
}
.product_strength_arrow img {
    width: 100%;
}
.product_strength_ttl {
    padding-left: calc(369 / var(--view-size) * 100vw);
    margin-bottom: calc(100 / var(--view-size) * 100vw);
}
.strength_ttl_text {
    font-size: calc(30 / var(--view-size) * 100vw);
    color: #004098;
    letter-spacing: calc(6 / var(--view-size) * 100vw);
    padding-left: calc(6 / var(--view-size) * 100vw);
}
[lang="en"] .strength_ttl_text {
    letter-spacing: calc(2 / var(--view-size) * 100vw);
}
.strength_ttl_en {
    font-family: "Barlow", serif;
    font-weight: bold;
    font-size: calc(140 / var(--view-size) * 100vw);
    display: block;
    color: rgba(201, 181, 151, .3);
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: calc(4 / var(--view-size) * 100vw);
}

.product_strength_row {
    margin-bottom: calc(80 / var(--view-size) * 100vw);
}
.product_strength_row:last-child {
    margin-bottom: 0;
}
.strength_row_textarea {
    width: calc(535 / var(--view-size) * 100vw);
}
.strength_row_number {
    font-family: "Barlow", serif;
    font-size: calc(84 / var(--view-size) * 100vw);
    color: #004098;
    opacity: .2;
    margin-bottom: calc(30 / var(--view-size) * 100vw);
    line-height: 0.7;
    display: block;
    font-weight: bold;
}
.strength_row_ttl {
    font-size: calc(26 / var(--view-size) * 100vw);
    color: #004098;
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    letter-spacing: calc(2 / var(--view-size) * 100vw);
}
.strength_row_text {
    line-height: 2.5;
    margin-bottom: 0;
    letter-spacing: calc(1 / var(--view-size) * 100vw);
    font-size: calc(16 / var(--view-size) * 100vw);
}
.strength_row_img {
    width: calc(500 / var(--view-size) * 100vw);
}
.strength_row_img img {
    width: 100%;
}
@media (max-width: 768px) {
    .product_strength {
        padding-bottom: calc(55 / var(--view-size) * 100vw);
    }
    .product_strength_arrow {
        width: calc(170 / var(--view-size) * 100vw);
        top: calc(30 / var(--view-size) * 100vw);
    }
    .product_strength_ttl {
        margin-bottom: calc(50 / var(--view-size) * 100vw);
        padding-left: 0;
    }
    .strength_ttl_en {
        font-size: calc(46 / var(--view-size) * 100vw);
        margin-bottom: calc(10 / var(--view-size) * 100vw);
        top: calc(-2 / var(--view-size) * 100vw);
    }
    .strength_ttl_text {
        font-size: calc(26 / var(--view-size) * 100vw);
        line-height: 1.6;
    }
    .strength_row_number {
        margin-bottom: calc(20 / var(--view-size) * 100vw);
    }
    .strength_row_text {
        line-height: 2;
    }
    .product_strength_row {
        flex-direction: column-reverse;
        margin-bottom: calc(54 / var(--view-size) * 100vw);
    }
    .product_strength_row:last-child {
        margin-bottom: 0;
    }
    .strength_row_img {
        margin-bottom: calc(26 / var(--view-size) * 100vw);
        width: 100%;
    }
    .strength_row_textarea {
        width: 100%;
    }
}
/* product_strength end */

/* product_lineup */

.product_lineup {
    padding: calc(100 / var(--view-size) * 100vw) 0 calc(200 / var(--view-size) * 100vw);
    background-color: #f5f5f5;
    position: relative;
}
.product_lineup .common_inner {
    position: relative;
    z-index: 100;
}
.product_lineup_en {
    position: absolute;
    top: calc(-12 / var(--view-size) * 100vw);
    left: 0;
    z-index: 10;
}
.product_lineup_en p {
    writing-mode: vertical-rl;
    font-size: calc(212 / var(--view-size) * 100vw);
    color: #000;
    opacity: .1;
    margin: 0;
    font-weight: bold;
    line-height: 0.9;
    font-family: "Barlow", serif;
}
.product_lineup_ttl {
    text-align: center;
    margin-bottom: calc(90 / var(--view-size) * 100vw);
}
.product_lineup_ttl h2 {
    color: #004098;
    padding-bottom: calc(24 / var(--view-size) * 100vw);
    display: inline-block;
    margin: 0;
    letter-spacing: calc(6 / var(--view-size) * 100vw);
    position: relative;
}
.product_lineup_ttl h2::after {
    content: "";
    position: absolute;
    width: calc(160 / var(--view-size) * 100vw);
    height: calc(3 / var(--view-size) * 100vw);
    left: 48%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #004098;
}
.product_lineup_list::after {
    content: "";
    width: calc(346 / var(--view-size) * 100vw);
}
.product_lineup_item {
    margin-bottom: calc(30 / var(--view-size) * 100vw);
    background-color: #fff;
    box-shadow: calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) rgba(0, 0, 0, 0.1),
    calc(-10 / var(--view-size) * 100vw) calc(-5 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #fff,
    0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.1);
    border-radius: calc(15 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw);
    width: calc(346 / var(--view-size) * 100vw);
    padding: calc(30 / var(--view-size) * 100vw);
    padding-bottom: calc(50 / var(--view-size) * 100vw);
}
.product_lineup_item:hover {
    box-shadow: calc(0 / var(--view-size)* 100vw) calc(2 / var(--view-size)* 100vw) calc(4 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    transform: translateY(calc(10 / var(--view-size) * 100vw));
    opacity: 1;
}
.product_lineup_img {
    margin-bottom: calc(20 / var(--view-size) * 100vw);
}
.product_lineup_img img {
    width: 100%;
}
.lineup_item_ttl {
    font-size: calc(21 / var(--view-size) * 100vw);
    color: #004098;
    margin-bottom: calc(16 / var(--view-size) * 100vw);
    text-align: center;
    letter-spacing: calc(3 / var(--view-size) * 100vw);
}
.product_lineup_text {
    font-size: calc(14 / var(--view-size) * 100vw);
    margin: 0;
    line-height: 1.7;
}
@media (max-width: 768px) {
    .product_lineup {
        padding: calc(64 / var(--view-size) * 100vw) 0 calc(80 / var(--view-size) * 100vw);
    }
    .product_lineup_en {
        top: calc(-4 / var(--view-size)* 100vw);
    }
    .product_lineup_en p {
        font-size: calc(85 / var(--view-size) * 100vw);
    }
    .product_lineup_ttl {
        margin-bottom: calc(40 / var(--view-size) * 100vw);
    }
    .product_lineup_ttl h2 {
        font-size: calc(26 / var(--view-size) * 100vw);
        padding-bottom: calc(18 / var(--view-size) * 100vw);
    }
    .product_lineup_item {
        width: 100%;
        padding: calc(20 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(40 / var(--view-size) * 100vw);
        margin-bottom: calc(30 / var(--view-size) * 100vw);
    }
    .product_lineup_item:hover {
        opacity: 1;
        color: #000;
    }
    .product_lineup_item:last-child {
        margin-bottom: 0;
    }
    .lineup_item_ttl {
        font-size: calc(20 / var(--view-size) * 100vw);
    }

    .page_product_tool .product_lineup_item {
        padding: calc(20 / var(--view-size)* 100vw) calc(20 / var(--view-size)* 100vw)
    }

    .product_lineup_ttl h2::after {
        width: calc(122 / var(--view-size)* 100vw);
    }

    .page_product_tool .product_top_ttl, .page_product_tool .product_top_text {
        transform: translateX(calc(0 / var(--view-size)* 100vw));
    }
}
/* product_lineup end */

/* ------------------
product end
------------------*/

/* ------------------
videolibrary
------------------*/

.page_videolibrary {
    position: relative;
    background-color: #f5f5f5;
    margin-top: calc(30 / var(--view-size) * 100vw);
}

/* videolibrary_floating */
.videolibrary_floating {
    position: absolute;
    top: calc(345 / var(--view-size) * 100vw);
    left: 0;
    z-index: 100;
    width: calc(260 / var(--view-size) * 100vw);
    background-color: #004098;
    border-radius: 0 calc(15 / var(--view-size) * 100vw) calc(15 / var(--view-size) * 100vw) 0;
    padding: calc(30 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
}
.videolibrary_floating.fixed {
    position: fixed;
    top: calc(340 / var(--view-size) * 100vw);
}
.videolibrary_floating.fixed.fixed_active {
    position: absolute;
    top: calc(4220 / var(--view-size) * 100vw);
}

.videolibrary_floating_list li {
    margin-bottom: calc(15 / var(--view-size) * 100vw);
    line-height: 1;
}
.videolibrary_floating_list li:last-child {
    margin-bottom: 0;
}
.videolibrary_floating_list li a {
    position: relative;
    color: #fff;
    padding-left: calc(30 / var(--view-size) * 100vw);
    font-size: calc(14 / var(--view-size) * 100vw);
}
.videolibrary_floating_list li a::before {
    content: "";
    background: url(../img/arrow_right_white01.png) center / cover no-repeat;
    width: calc(22 / var(--view-size) * 100vw);
    height: calc(12 / var(--view-size) * 100vw);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.videolibrary_floating_sp {
    display: none;

    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #004098;
    padding: calc(15 / var(--view-size) * 100vw) calc(28 / var(--view-size) * 100vw);
}
.videolibrary_floating_box {
    background-color: #fff;
    padding: calc(13 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw);
    border-radius: calc(10 / var(--view-size) * 100vw);
    padding-left: calc(20 / var(--view-size) * 100vw);
}
.videolibrary_floating_acc li a {
    position: relative;

}

.videolibrary_floating_trigger {
    color: #004098;
    font-size: calc(14 / var(--view-size) * 100vw);
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    transition: .3s;
}
.videolibrary_floating_trigger::before {
    content: "";
    background: url(../img/arrow_bottom_blue01.png) center / cover no-repeat;
    width: calc(12 / var(--view-size) * 100vw);
    height: calc(6 / var(--view-size) * 100vw);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .3s;
}
.videolibrary_floating_trigger.active::before {
    transform: rotate(180deg);
}
.videolibrary_floating_acc li a {
    font-size: calc(13 / var(--view-size) * 100vw);
    padding-left: calc(30 / var(--view-size)* 100vw);
    position: relative;
}
.videolibrary_floating_acc li a::before {
    content: "";
    background: url(../img/arrow_right_blue01.png) center / cover no-repeat;
    width: calc(22 / var(--view-size)* 100vw);
    height: calc(12 / var(--view-size)* 100vw);
    position: absolute;
    top: calc(5 / var(--view-size)* 100vw);
    left: 0;
}

@media (max-width: 768px) {
    .videolibrary_floating {
        display: none;
    }
    .videolibrary_floating_sp {
        display: block;
        z-index: 100;
    }
}
/* videolibrary_floating end */

.videolibrary_ankerarea,
.videolibrary_cont {
    padding-left: calc(405 / var(--view-size) * 100vw);
}

@media (max-width: 768px) {
    .videolibrary_ankerarea,
    .videolibrary_cont {
        padding-left: calc(0 / var(--view-size) * 100vw);
        width: calc(318 / var(--view-size) * 100vw);
        margin: 0 auto;
    }
}

/* videolibrary_ankerarea */
.videolibrary_ankerarea {
     padding: calc(83 / var(--view-size) * 100vw) 0 calc(90 / var(--view-size) * 100vw);
     position: relative;
}
.videolibrary_ankerarea .common_inner {
    position: relative;
    z-index: 1;
}
.videolibrary_cont_top {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.videolibrary_cont_top img {
    width: 100%;
}
.videolibrary_ankerarea_row::after {
    content: "";
    width: 32%;
}
.videolibrary_anker {
    width: 32%;
    font-size: calc(16 / var(--view-size) * 100vw);
    box-shadow: 
        calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #ededed,
        calc(-10 / var(--view-size) * 100vw) calc(-10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) #ffffff,
        0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.2),
        inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) transparent;
    padding: calc(12 / var(--view-size) * 100vw) 0;
    text-align: center;
    border-radius: calc(40 / var(--view-size) * 100vw);
    background-color: #f5f5f5;
    color: #004098;
    font-weight: bold;
    margin-bottom: calc(25 / var(--view-size) * 100vw);
    cursor: pointer;
    transition: .3s;
}
.videolibrary_anker:hover {
    color: #c9b597;
    opacity: 1;
    box-shadow: 
        calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) transparent,
        calc(-10 / var(--view-size) * 100vw) calc(-10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) transparent,
        0px calc(3 / var(--view-size) * 100vw) calc(5 / var(--view-size) * 100vw) 0px transparent,
        inset calc(-5 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw) calc(29 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .videolibrary_ankerarea {
        display: none;
    }
}

/* videolibrary_ankerarea end */

/* videolibrary_cont */
.videolibrary_cont {
    position: relative;
    z-index: 1;
    margin-bottom: calc(64 / var(--view-size) * 100vw);
}
.videolibrary_product {
    margin-bottom: 0;
    padding-bottom: calc(80 / var(--view-size) * 100vw);
}
.videolibrary_ttl {
    color: #004098;
    position: relative;
    padding-left: calc(30 / var(--view-size) * 100vw);
    font-size: calc(34 / var(--view-size) * 100vw);
    margin-bottom: calc(32 / var(--view-size) * 100vw);
    letter-spacing: calc(2 / var(--view-size) * 100vw);
}
.videolibrary_ttl::before {
    content: "";
    width: calc(10 / var(--view-size) * 100vw);
    height: calc(45 / var(--view-size) * 100vw);
    background-color: #ddd;
    border-radius: calc(3 / var(--view-size) * 100vw);
    position: absolute;
    left: 0;
    top: 0;
}
.videolibrary_cont_text {
    font-weight: 500;
    font-size: calc(17 / var(--view-size) * 100vw);
    margin-bottom: calc(32 / var(--view-size) * 100vw);
}
.videolibrary_cont_row {
    width: calc(895 / var(--view-size) * 100vw);
}
.videolibrary_cont_row a {
    position: relative;
    background-color: #fff;
    border-radius: calc(20 / var(--view-size) * 100vw);
    box-shadow: calc(0 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) calc(0 / var(--view-size) * 100vw) rgba(000, 000, 000, .2);
}
.videolibrary_cont_row a:hover {
    box-shadow: calc(0 / var(--view-size)* 100vw) calc(2 / var(--view-size)* 100vw) calc(4 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    transform: translateY(calc(10 / var(--view-size) * 100vw));
    opacity: 1;
}
.videolibrary_cont_3col::after {
    content: "";
    width: calc(263 / var(--view-size) * 100vw);
}
.videolibrary_cont_3col a {
    width: calc(263 / var(--view-size) * 100vw);
    height: calc(275 / var(--view-size) * 100vw);
    margin-bottom: calc(56 / var(--view-size) * 100vw);
}
.videolibrary_cont_img img {
    width: 100%;
    border-radius: calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) 0 0;
}
.videolibrary_cont_textarea {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45%;
}
.videolibrary_cont_ttl {
    font-size: calc(16 / var(--view-size) * 100vw);
    color: #004098;
    text-align: center;
    line-height: 1.6;
}

.videolibrary_cont_2col a {
    width: 48%;
    height: calc(411 / var(--view-size) * 100vw);
}
.videolibrary_cont_2col a .videolibrary_cont_textarea {
    height: calc(177 / var(--view-size) * 100vw);
}

.videolibrary_cont .common_btn_01 {
    width: calc(206 / var(--view-size) * 100vw);
    margin: calc(65 / var(--view-size) * 100vw) auto 0;
    margin-left: calc(344 / var(--view-size) * 100vw);
    font-size: calc(13 / var(--view-size) * 100vw);
    font-family: "Noto Sans JP", serif;
    line-height: 2.7;
    font-weight: normal;
}
[lang="zh-CN"] .videolibrary_cont .common_btn_01 {
    font-family: "Noto Sans CN";
}
.videolibrary_cont .common_btn_01:hover {
    background-color: #004098;
    color: #fff;
    opacity: 1;
}

.videolibrary_cont_limited {
    position: absolute;
    width: calc(90 / var(--view-size) * 100vw);
    left: calc(20 / var(--view-size) * 100vw);
    top: calc(-12 / var(--view-size) * 100vw);
    background-color: #f7931e;
    border-radius: calc(5 / var(--view-size) * 100vw);
    padding: calc(5 / var(--view-size) * 100vw) calc(2 / var(--view-size) * 100vw);
}
.videolibrary_cont_limited p {
    color: #fff;
    font-weight: 600;
    margin: 0;
    text-align: center;
    line-height: 1;
    font-size: calc(16 / var(--view-size) * 100vw);
}

.videolibrary_product_ttl {
    font-size: calc(21 / var(--view-size) * 100vw);
    color: #004098;
    margin-bottom: calc(30 / var(--view-size) * 100vw);
    display: block;
}
.videolibrary_product_item {
    margin-bottom: calc(80 / var(--view-size) * 100vw);
    width: 48%;
}
.videolibrary_product_img {
    margin-bottom: calc(30 / var(--view-size) * 100vw);
}
.videolibrary_product_img img {
    width: 100%;
    border-radius: calc(20 / var(--view-size) * 100vw);
}
.videolibrary_product_subttl {
    color: #c9b597;
    font-size: calc(20 / var(--view-size) * 100vw);
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.videolibrary_product_list li {
    text-indent: -1.5rem;
    line-height: 1.6;
    padding-left: 1.5rem;
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.videolibrary_product_list li:last-child {
    margin-bottom: 0;
}
.videolibrary_product_list li a {
    padding-left: 25px;
    position: relative;
    font-size: calc(16 / var(--view-size) * 100vw);
}
.videolibrary_product_list li a::before {
    content: "";
    background: url(../img/arrow_right_gold01.png) center / cover no-repeat;
    width: calc(22 / var(--view-size) * 100vw);
    height: calc(12 / var(--view-size) * 100vw);
    position: absolute;
    top: calc(7 / var(--view-size) * 100vw);
    left: 0;
    min-width: 16px;
    min-height: 9px;

}
[lang="en"] .videolibrary_product_list li a::before {
    top: calc(2 / var(--view-size)* 100vw);
}
.videolibrary_product_list li a:hover {
    color: #c9b597;
    opacity: 1;
}
.videolibrary_product_row {
    width: calc(895 / var(--view-size)* 100vw);
}

@media (max-width: 768px) {
    .page_videolibrary {
        background-color: #f5f5f5;
        padding-top: calc(50 / var(--view-size) * 100vw);
        padding-bottom: calc(100 / var(--view-size) * 100vw);
    }
    .videolibrary_cont {
        margin-bottom: calc(54 / var(--view-size) * 100vw);
    }
    .videolibrary_product {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .videolibrary_ttl {
        font-size: calc(24 / var(--view-size) * 100vw);
        margin-bottom: calc(30 / var(--view-size) * 100vw);
        letter-spacing: calc(2 / var(--view-size) * 100vw);
        line-height: 1.9;
    }
    .videolibrary_cont_text {
        margin-bottom: calc(26 / var(--view-size) * 100vw);
        line-height: 1.8;
    }
    .videolibrary_cont_row {
        width: 100%;
    }
    .videolibrary_cont_row a {
        box-shadow: calc(0 / var(--view-size)* 100vw) calc(3 / var(--view-size)* 100vw) calc(8 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    }
    .videolibrary_cont_3col a {
        width: 49.1%;
        height: calc(161 / var(--view-size) * 100vw);
        margin-bottom: calc(12 / var(--view-size) * 100vw);
    }
    .videolibrary_cont_ttl {
        font-size: calc(12 / var(--view-size) * 100vw);
        line-height: 1.4;
        letter-spacing: calc(1 / var(--view-size) * 100vw);
    }

    .videolibrary_cont_2col a {
        width: 100%;
        height: calc(300 / var(--view-size) * 100vw);
        margin-bottom: calc(24 / var(--view-size) * 100vw);
    }
    .videolibrary_cont_2col a:last-child {
        margin-bottom: 0;
    }
    .videolibrary_cont_2col a .videolibrary_cont_textarea {
        height: calc(126 / var(--view-size) * 100vw);
    }
    .videolibrary_cont_2col .videolibrary_cont_ttl {
        line-height: 2;
    }

    .videolibrary_cont_textarea {
        height: 49%;
    }

    .videolibrary_cont_limited {
        width: calc(64 / var(--view-size) * 100vw);
        left: 50%;
        top: calc(-11 / var(--view-size) * 100vw);
        transform: translateX(-50%);
    }
    .videolibrary_cont_limited p {
        font-size: calc(12 / var(--view-size) * 100vw);
    }

    .videolibrary_case .videolibrary_cont_3col a:nth-child(3),
    .videolibrary_case .videolibrary_cont_3col a:nth-child(4) {
        height: calc(143 / var(--view-size) * 100vw);
    }
    .videolibrary_case a:nth-child(3) .videolibrary_cont_textarea,
    .videolibrary_case a:nth-child(4) .videolibrary_cont_textarea {
        height: 43%;
    }
    .videolibrary_cont .common_btn_01 {
        margin-left: auto;
        margin-top: calc(40 / var(--view-size) * 100vw);
    }

    .videolibrary_product_ttl {
        margin-bottom: calc(25 / var(--view-size) * 100vw);
    }
    
    .videolibrary_product_group {
        margin-bottom: calc(50 / var(--view-size) * 100vw);
    }
    .videolibrary_product_group:last-child {
        margin-bottom: 0;
    }
    .videolibrary_product_item {
        width: 100%;
        margin-bottom: calc(35 / var(--view-size) * 100vw);
    }
    .videolibrary_product_item:last-child {
        margin-bottom: 0;
    }
    .videolibrary_product_img {
        margin-bottom: calc(20 / var(--view-size) * 100vw);
    }
    .videolibrary_product_subttl {
        font-size: calc(18 / var(--view-size) * 100vw);
    }
    .videolibrary_product_list li {
        line-height: 1.4;
        margin-bottom: calc(10 / var(--view-size) * 100vw);
        text-indent: -1.8rem;
        padding-left: 1.8rem;
    }
    .videolibrary_product_list li:last-child {
        margin-bottom: 0;
    }
    .videolibrary_product_list li a {
        font-size: calc(14 / var(--view-size) * 100vw);
        padding-left: 30px;
    }
    .videolibrary_product_list li a::before {
        top: calc(5 / var(--view-size) * 100vw);
    }
    [lang="en"] .videolibrary_product_list li a::before {
        top: calc(3 / var(--view-size)* 100vw);
    }
    .videolibrary_product_row {
        width: 100%;
    }
    
}

/* videolibrary_cont end */

/* ------------------
videolibrary end
------------------*/


/* ------------------
useful
------------------*/
.useful_common_item {
    width: calc(263 / var(--view-size) * 100vw);
    margin-bottom: calc(20 / var(--view-size) * 100vw);
    background-color: #fff;
    border-radius: calc(20 / var(--view-size) * 100vw);
    box-shadow: calc(0 / var(--view-size)* 100vw) calc(10 / var(--view-size)* 100vw) calc(20 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    transition: .3s;
    position: relative;
}
.useful_common_item:hover {
    box-shadow: calc(0 / var(--view-size)* 100vw) calc(2 / var(--view-size)* 100vw) calc(4 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    transform: translateY(calc(10 / var(--view-size) * 100vw));
    opacity: 1;
}
.useful_common_item:hover a {
    opacity: 1;
}
/* .useful_common_item:nth-last-child(1),
.useful_common_item:nth-last-child(2),
.useful_common_item:nth-last-child(3),
.useful_common_item:nth-last-child(4) {
    margin-bottom: 0;
} */
.useful_common_textarea {
    padding: calc(30 / var(--view-size) * 100vw) calc(24 / var(--view-size) * 100vw);
    padding-top: calc(20 / var(--view-size) * 100vw);
}
.useful_common_ttl {
    color: #004098;
    font-size: calc(14 / var(--view-size) * 100vw);
    font-weight: 500;
    letter-spacing: calc(1 / var(--view-size) * 100vw);
    line-height: 1.7;
}
.useful_common_img img {
    width: 100%;
    height: calc(146 / var(--view-size) * 100vw);
    object-fit: cover;
    border-radius: calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) 0 0;
}

.useful_common_new {
    position: absolute;
    top: calc(-14 / var(--view-size) * 100vw);
    left: calc(20 / var(--view-size) * 100vw);
    width: calc(60 / var(--view-size) * 100vw);
    border-radius: calc(5 / var(--view-size) * 100vw);
    background-color: #ed1e79;
}
.useful_common_new p {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-family: "Barlow", serif;
    margin-bottom: 0;
    line-height: 1;
    font-size: calc(16 / var(--view-size) * 100vw);
    padding: calc(5 / var(--view-size) * 100vw);
}

/* page_useful_recommend */
.page_useful_recommend {
    background-color: #e8e8e8;
    padding: calc(70 / var(--view-size) * 100vw) 0 calc(120 / var(--view-size) * 100vw);
    position: relative;
    margin-top: calc(26 / var(--view-size) * 100vw);
}
.useful_recommend_ttl {
    position: absolute;
    top: calc(0 / var(--view-size) * 100vw);
    right: 0;
}
.useful_recommend_ttl p {
    color: #fff;
    opacity: .3;
    font-size: calc(140 / var(--view-size) * 100vw);
    font-weight: bold;
    font-family: "Barlow", serif;
    line-height: 0.6;
    margin-bottom: 0;
    text-align: center;
}
.useful_ttl {
    color: #004098;
    position: relative;
    padding-left: calc(30 / var(--view-size)* 100vw);
    font-size: calc(28 / var(--view-size)* 100vw);
    margin-bottom: calc(53 / var(--view-size)* 100vw);
    letter-spacing: calc(2 / var(--view-size)* 100vw);
}
.useful_ttl::before {
    content: "";
    width: calc(10 / var(--view-size)* 100vw);
    height: calc(45 / var(--view-size)* 100vw);
    background-color: #ddd;
    border-radius: calc(3 / var(--view-size)* 100vw);
    position: absolute;
    left: 0;
    top: 0;
}

/* page_useful_recommend end */

/* page_useful_search */
.page_useful_search {
    padding: calc(110 / var(--view-size) * 100vw) 0 calc(120 / var(--view-size) * 100vw);
    background-color: #f5f5f5;
}
.useful_search_area {
    margin-bottom: calc(125 / var(--view-size) * 100vw);
}
.useful_search_select {
    width: calc(308 / var(--view-size) * 100vw);
    position: relative;
}
.useful_search_select.useful_search_reset {
    width: calc(140 / var(--view-size) * 100vw);
    background-color: #c0c0c0;
    border-radius: calc(10 / var(--view-size)* 100vw);
    cursor: pointer;
    padding: calc(20 / var(--view-size)* 100vw) calc(30 / var(--view-size)* 100vw);
    transition: .3s;
    cursor: pointer;
}
.useful_search_select.useful_search_reset:hover {
    opacity: 0.7;
}
.useful_search_select.useful_search_reset p {
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    font-size: calc(16 / var(--view-size) * 100vw);
    text-align: center;
}
.useful_search_select::before {
    content: "";
    width: calc(42 / var(--view-size) * 100vw);
    background-color: #004098;
    border-radius: 0 calc(10 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw) 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
}
.useful_search_select:after {
    content: "";
    background: url(../img/arrow_bottom_white.png) center / cover no-repeat;
    position: absolute;
    z-index: 12;
    width: calc(12 / var(--view-size) * 100vw);
    height: calc(8 / var(--view-size) * 100vw);
    top: 50%;
    right: calc(15 / var(--view-size) * 100vw);
    transform: translateY(-50%);
    pointer-events: none;
}
.useful_search_select.useful_search_reset::before,
.useful_search_select.useful_search_reset::after {
    content: none;
}
.useful_search_select select {
    width: 100%;
    padding: calc(20 / var(--view-size) * 100vw) calc(30 / var(--view-size) * 100vw);
    padding-left: calc(14 / var(--view-size) * 100vw);
    background-color: #fff;
    appearance: none;
    border: calc(1 / var(--view-size) * 100vw) solid  #e8e8e8;
    border-radius: calc(10 / var(--view-size) * 100vw);
    cursor: pointer;
    /* color: #cccccc; */
    line-height: 1;
    font-size: clamp(10px, calc(14 / var(--view-size)* 100vw), 100%);
}
.useful_btn {
    background-color: #004098;
    color: #fff;
    width: calc(206 / var(--view-size) * 100vw);
    margin: 0 auto;
    margin-top: calc(64 / var(--view-size) * 100vw);
    font-family: "Noto Sans JP", serif;
    padding: calc(4 / var(--view-size) * 100vw) 0;
    transition: .3s;
    cursor: pointer;
    font-size: calc(16 / var(--view-size) * 100vw);
}
[lang="zh-CN"] .useful_btn {
    font-family: "Noto Sans CN";
}
.useful_btn:hover {
    color: #fff;
    background-color: #004098;
    opacity: .7;
}
.useful_common_list::before {
    content: "";
    width: calc(263 / var(--view-size) * 100vw);
    order: 1;
}
.useful_common_list::after {
    content: "";
    width: calc(263 / var(--view-size) * 100vw);
}

@media (max-width: 768px) {
    .useful_ttl {
        text-align: center;
        padding-left: 0;
        margin-bottom: calc(40 / var(--view-size) * 100vw);
    }
    .useful_ttl::before {
        content: none;
    }
    .page_useful_recommend {
        padding: calc(64 / var(--view-size) * 100vw) 0;
    }
    .useful_recommend_ttl {
        top: calc(44 / var(--view-size) * 100vw);
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .useful_recommend_ttl p {
        font-size: calc(47 / var(--view-size) * 100vw);
    }
    .page_useful_recommend .useful_common_item {
        width: 100%;
        margin-bottom: calc(15 / var(--view-size) * 100vw);
    }
    .useful_common_item:last-child {
        margin-bottom: 0;
    }
    .page_useful_recommend .useful_common_ttl {
        font-size: calc(16 / var(--view-size) * 100vw);
    }
    .page_useful_recommend .useful_common_textarea {
        padding: calc(30 / var(--view-size) * 100vw);
        padding-top: calc(20 / var(--view-size) * 100vw);
    }
    .useful_common_item {
        width: 49%;
        margin-bottom: calc(12 / var(--view-size) * 100vw);
        box-shadow: calc(0 / var(--view-size)* 100vw) calc(3 / var(--view-size)* 100vw) calc(8 / var(--view-size)* 100vw) calc(0 / var(--view-size)* 100vw) rgba(000, 000, 000, .2);
    }
    .useful_common_textarea {
        padding: calc(10 / var(--view-size) * 100vw);
    }
    .useful_common_textarea {
        font-size: calc(12 / var(--view-size) * 100vw);
    }

    .page_useful_search {
        padding: calc(54 / var(--view-size) * 100vw) 0 calc(100 / var(--view-size) * 100vw);
    }
    .useful_search_area {
        margin-bottom: calc(58 / var(--view-size) * 100vw);
    }
    .useful_search_select {
        margin-bottom: calc(5 / var(--view-size) * 100vw);
        width: 100%;
    }
    .useful_search_select:last-child {
        margin-bottom: 0;
    }
    .useful_search_select select {
        font-size: calc(16 / var(--view-size) * 100vw);
        padding: calc(16 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
    }
    .page_useful_recommend .useful_common_item:nth-last-child(2) {
        margin-bottom: calc(15 / var(--view-size) * 100vw);
    }
    
    .useful_common_new {
        width: calc(46 / var(--view-size) * 100vw);
        font-size: calc(12 / var(--view-size) * 100vw);
        left: 50%;
        transform: translateX(-50%);
        top: calc(-10 / var(--view-size) * 100vw);
    }
    .useful_common_item:nth-last-child(1), .useful_common_item:nth-last-child(2), .useful_common_item:nth-last-child(3), .useful_common_item:nth-last-child(4) {
        margin-bottom: calc(12 / var(--view-size) * 100vw);
    }
    .useful_common_item:nth-last-child(1), .useful_common_item:nth-last-child(2) {
        margin-bottom: 0;
    }

    .useful_btn {
        margin-top: calc(40 / var(--view-size) * 100vw);
    }

    .useful_common_list::before {
        content: none;
    }
    .useful_common_list::after {
        content: none;
    }

    .page_useful_recommend .useful_common_img img {
        height: calc(177 / var(--view-size) * 100vw);
    }
    .useful_common_img img {
        height: calc(87 / var(--view-size) * 100vw);
    }

    .useful_search_select.useful_search_reset {
        padding: calc(16 / var(--view-size)* 100vw) calc(20 / var(--view-size)* 100vw);
        margin: 0 auto;
        margin-top: calc(15 / var(--view-size) * 100vw);
    }
    .useful_search_select.useful_search_reset p {
        font-size: calc(16 / var(--view-size)* 100vw);
    }

}

/* page_useful_search end */

/* ------------------
useful end
------------------*/

/*#ot-sdk-btn-floating.ot-floating-button {
    display: none;
}*/ /*cookie管理の緑ボタンが非表示となっていたが必要であるので表示に戻す（2025/8/19 白井）*/
/* ------------------
 end
------------------*/