@charset "utf-8";

/* スマートデジタルクレンチ */
.digital_torqule_features_figure_wrap {
    display: flex;
    justify-content: center;
}
.digital_torqule_features_figure {
    display: flex;
    flex-direction: column-reverse;
}
.digital_torqule_features_figure > figcaption {
    background-color: #124b9c;
    color: #fff;
    text-align: center;
}
.digital_torqule_specification_table_wrap {
    position: relative;
}
.digital_torqule_specification_table {
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 52, 127, 0.12);
}
.digital_torqule_specification_table .product_table_border > th,
.digital_torqule_specification_table .product_table_border > td {
    border: solid 1px #251e1c;
}
.digital_torqule_specification_table_head > th {
    font-weight: 400;
}
.digital_torqule_specification_table_head {
    text-align: left;
}
.digital_torqule_specification_table_info {
    background-color: #eff3fa;
    padding: 10px 0 10px 15px;
    color: #231815;
    position: absolute;
    top: 65px;
    right: 25px;
    box-sizing: border-box;
}
.digital_torqule_specification_table_info > dt {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.digital_torqule_specification_table_info > dt::before {
    content: "";
    background-color: #231815;
    display: inline-block;
    border-radius: 50%;
    margin-left: 5px;
}
.digital_torqule_specification_list > li::before{
    content: "・";
}
@media (min-width: 751px) {
    .product_mv_sub {
        background: url(/product/smart-factory/digital-torqule/images/eyecatch.jpg) no-repeat 50% 50% / cover;
    }
    .u_mt15{
        margin-top: 15rem;
    }
    .digital_torqule_box_txt {
        font-size: 16rem;
    }
    .digital_torqule_features_figure_wrap {
        align-items: start;
        column-gap: 18rem;
        margin-top: 30rem;
    }
    .digital_torqule_features_figure > figcaption {
        font-size: 20rem;
        padding-block: 5rem;
    }
    .digital_torqule_features_box_marker > dd {
        font-size: 16rem;
    }
    .digital_torqule_specification_table {
        font-size: 15rem;
    }
    .digital_torqule_specification_table .product_table_border > th {
        padding: 8rem 12rem;
    }
    .digital_torqule_specification_table .product_table_border > td {
        padding: 2rem 10rem;
    }
    .digital_torqule_specification_width_225 {
        width: 225rem;
    }
    .digital_torqule_specification_table_info {
        width: 280rem;
        box-sizing: border-box;
        line-height: 1.4;
    }
    .digital_torqule_specification_table_info > dd {
        font-size: 14rem;
    }
    .digital_torqule_specification_table_info > dt::before {
        width: 16rem;
        height: 16rem;
    }
    .digital_torqule_specification_table_txt {
        margin-top: 24rem;
        font-size: 14rem;
    }
    .digital_torqule_specification_list > li{
        text-indent: -8rem;
        padding-left: 8rem;
    }
    .product_catalog_btn_note {
        width: 360rem;
    }
}
@media (max-width: 750px) {
    .product_mv_sub {
        background: url(/product/smart-factory/digital-torqule/images/eyecatch_sp.jpg) no-repeat 50% 50% / cover;
    }
    .product_table {
        width: 200%;
        padding-bottom: 55rem;
        border-collapse: collapse;
    }
    .u_mt15{
        margin-top: 30rem;
    }
    .digital_torqule_features_figure_wrap {
        flex-direction: column;
        width: 590rem;
        margin: auto;
        margin-top: 50rem;
        row-gap: 50rem;
    }
    .digital_torqule_features_figure img {
        width: 100%;
    }
    .digital_torqule_features_figure > figcaption {
        font-size: 28rem;
        padding-block: 15rem;
    }
    .digital_torqule_specification_table_wrap {
        width: 100%;
        overflow: scroll;
        padding-bottom: 80rem;
    }
    .digital_torqule_specification_table {
        width: 200%;
        border-collapse: collapse;
    }
    .digital_torqule_specification_table .product_table_border > th {
        font-size: 22rem;
    }
    .digital_torqule_specification_table .product_table_border > td {
        font-size: 20rem;
    }
    .digital_torqule_specification_width_210 {
        width: 225rem;
    }
    .digital_torqule_specification_table_info {
        top: 32px;
        right: -94%;
        padding: 15rem 20rem;
    }
    .digital_torqule_specification_table_info > dt::before {
        width: 18rem;
        height: 18rem;
    }
    .digital_torqule_specification_table_info > dd {
        font-size: 20rem;
    }
    .digital_torqule_specification_table_info > dt::before {
        width: 18rem;
        height: 18rem;
    }
    .digital_torqule_specification_table_txt {
        margin-top: 55rem;
        font-size: 24rem;
    }
}

/* スクロール */
@media (max-width: 750px) {
    .scroll-hint-icon {
        width: 215rem;
        height: 200rem;
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0 6px 8px rgba(18, 30, 46, 0.1);
        padding: 20rem 15rem;
        box-sizing: border-box;
        top: calc(50% - 28px);
        left: calc(50% - -20px);
    }
    .scroll-hint-text {
        font-size: 24rem;
        color: #124b9c;
        line-height: calc(32 / 24);
        text-align: center;
        font-weight: 700;
    }
    .scroll-hint-icon:before {
        background: url(/product/smart-factory/digital-torqule/images/icon_scroll.svg) no-repeat center/ contain;
        width: 159rem;
        height: 87rem;
    }
    .scroll-hint-icon::after {
        content: none;
    }

    .digital_torqule_specification_table_wrap .simplebar-track.simplebar-horizontal {
        height: 24rem;
        background-color: #e7e7e7;
        border-radius: 12rem;
        max-width: 372px;
        margin: 0 auto;
    }
    .digital_torqule_specification_table_wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        height: 24rem;
        background-color: #868686;
        border-radius: 12rem;
        top: 0;
    }
    .digital_torqule_specification_table_wrap .simplebar-scrollbar:before{
        content: none;
    }
}