@charset 'UTF-8';
@media screen and (max-width: 750px)
{
    .nav-global__item .only-pc,
    .box-adobebanner .only-pc
    {
        display: none;
    }
}

@media screen and (min-width: 751px)
{
    .nav-global__item .only-pc,
    .box-adobebanner .only-pc
    {
        display: inline-block;
    }
}

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

@media screen and (max-width: 750px)
{
    .only-pc-dib
    {
        display: none;
    }
}

@media screen and (min-width: 751px)
{
    .only-pc-dib
    {
        display: inline-block;
    }
}

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

@media screen and (min-width: 751px)
{
    .only-spm
    {
        display: none;
    }
}

@media screen and (max-width: 750px)
{
    .only-spm
    {
        display: none;
    }
}

@media screen and (max-width: 363px)
{
    .only-spm
    {
        display: block;
    }
}

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

.freeze
{
    /* 動き固定 */
    position: fixed;
    /* 奥行きを管理 */
    z-index: -1;
    /* 下2つで背景を元のサイズのまま表示することができる */

    width: 100%;
    height: 100%;
}

br.is-disabled
{
    display: none;
}

.fwb
{
    font-weight: bold !important;
}

.fwn
{
    font-weight: normal !important;
}

.tac
{
    text-align: center;
}

.dib
{
    display: inline-block !important;
}

.df
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.ffc
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
}

.flex1
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1 1;
}

.j-c_s-b
{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.j-c_center
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-none
{
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
}

@media screen and (max-width: 750px)
{
    .sp-flow-col
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    }
}

.align-center
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.secondary
{
    display: none;
}

.secondary.is-active
{
    display: block;
}

.process
{
    position: relative;

    width: 1110px;
    height: 3194px;
}

.process__groupe
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.process__figure
{
    position: absolute;

    margin-top: 40px;

    -webkit-transition: 2.5s all cubic-bezier(.19, 1, .22, 1);
            transition: 2.5s all cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translateZ(10);
            transform: translateZ(10);

    opacity: 0;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.process__figure.arrow
{
    margin-top: -5px;

    -webkit-transition: 3s all cubic-bezier(.19, 1, .22, 1);
            transition: 3s all cubic-bezier(.19, 1, .22, 1);
}

.process__figure.arrow.a1-1
{
    top: 214px;
    left: 118px;
}

.process__figure.arrow.a1-2
{
    top: 505px;
    left: 118px;
}

.process__figure.arrow.a1-3
{
    top: 691px;
    left: 118px;
}

.process__figure.arrow.a1-4
{
    top: 874px;
    left: 118px;
}

.process__figure.arrow.a1-5
{
    top: 1057px;
    left: 118px;
}

.process__figure.arrow.a1-6
{
    top: 1234px;
    left: 118px;
}

.process__figure.arrow.a1-7
{
    top: 1414px;
    left: 123px;
}

.process__figure.arrow.a2-1
{
    top: 173px;
    left: 567px;
}

.process__figure.arrow.a2-2
{
    top: 354px;
    left: 567px;
}

.process__figure.arrow.a2-3
{
    top: 505px;
    left: 567px;
}

.process__figure.arrow.a2-4
{
    top: 691px;
    left: 567px;
}

.process__figure.arrow.a2-5
{
    top: 874px;
    left: 567px;
}

.process__figure.arrow.a2-6
{
    top: 1057px;
    left: 567px;
}

.process__figure.arrow.a2-7
{
    top: 1234px;
    left: 567px;
}

.process__figure.arrow.a2-8
{
    top: 1414px;
    left: 567px;
}

.process__figure.arrow.a2-9
{
    top: 1593px;
    left: 567px;
}

.process__figure.arrow.a2-10
{
    top: 1773px;
    left: 567px;
}

.process__figure.arrow.a3-1
{
    top: 1234px;
    left: 787px;
}

.process__figure.arrow.a3-2
{
    top: 1414px;
    left: 787px;
}

.process__figure.arrow.a3-3
{
    top: 1593px;
    left: 787px;
}

.process__figure.arrow.a4-1
{
    top: 1057px;
    left: 997px;
}

.process__figure.arrow.a4-2
{
    top: 1234px;
    left: 997px;
}

.process__figure.arrow.a4-3
{
    top: 1414px;
    left: 997px;
}

.process__figure.arrow.a4-4
{
    top: 1593px;
    left: 997px;
}

.process__figure.arrow.a4-5
{
    top: 1773px;
    left: 768px;
}

.process__figure.arrow.a5-0
{
    top: 1773px;
    left: 126px;
}

.process__figure.arrow.a5-1
{
    top: 2095px;
    left: 354px;
}

.process__figure.arrow.a6-1
{
    top: 2095px;
    left: 567px;
}

.process__figure.arrow.a6-2
{
    top: 2250px;
    left: 567px;
}

.process__figure.arrow.a7-1
{
    top: 2675px;
    left: 567px;
}

.process__figure.arrow.a7-2
{
    top: 2860px;
    left: 567px;
}

.process__figure.isView
{
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);

    opacity: 1;
}

.process__figure.proces_1-1
{
    top: 40px;
    left: 87px;

    margin-top: 0;

    opacity: 1;
}

.process__figure.proces_1-1.isView
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 1;
}

.process__figure.proces_1-2
{
    top: 209px;
    left: 68px;
}

.process__figure.proces_1-3
{
    top: 552px;
    left: 29px;
}

.process__figure.proces_1-4
{
    top: 723px;
    left: 81px;
}

.process__figure.proces_1-5
{
    top: 909px;
    left: 71px;
}

.process__figure.proces_1-6
{
    top: 1108px;
    left: 78px;
}

.process__figure.proces_1-7
{
    top: 1276px;
    left: 71px;
}

.process__figure.proces_2-1
{
    top: 63px;
    left: 542px;

    margin-top: 0;

    opacity: 1;
}

.process__figure.proces_2-1.isView
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 1;
}

.process__figure.proces_2-2
{
    top: 208px;
    left: 510px;
}

.process__figure.proces_2-3
{
    top: 401px;
    left: 522px;
}

.process__figure.proces_2-4
{
    top: 535px;
    left: 489px;
}

.process__figure.proces_2-5
{
    top: 749px;
    left: 491px;
}

.process__figure.proces_2-6
{
    top: 920px;
    left: 530px;
}

.process__figure.proces_2-7
{
    top: 1099px;
    left: 526px;
}

.process__figure.proces_2-8
{
    top: 1276px;
    left: 523px;
}

.process__figure.proces_2-9
{
    top: 1460px;
    left: 516px;
}

.process__figure.proces_2-10
{
    top: 1640px;
    left: 536px;
}

.process__figure.proces_3-1
{
    top: 1111px;
    left: 750px;
}

.process__figure.proces_3-2
{
    top: 1277px;
    left: 733px;
}

.process__figure.proces_3-3
{
    top: 1448px;
    left: 761px;
}

.process__figure.proces_3-4
{
    top: 1649px;
    left: 754px;
}

.process__figure.proces_4-1
{
    top: 920px;
    left: 968px;
}

.process__figure.proces_4-2
{
    top: 1086px;
    left: 913px;
}

.process__figure.proces_4-3
{
    top: 1288px;
    left: 962px;
}

.process__figure.proces_4-4
{
    top: 1474px;
    left: 936px;
}

.process__figure.proces_4-5
{
    top: 1654px;
    left: 960px;
}

.process__figure.proces_5-1
{
    top: 1967px;
    left: 320px;
}

.process__figure.proces_5-2
{
    top: 2122px;
    left: 310px;
}

.process__figure.proces_6-1
{
    top: 1958px;
    left: 533px;
}

.process__figure.proces_6-2
{
    top: 2127px;
    left: 539px;
}

.process__figure.proces_6-3
{
    top: 2281px;
    left: 522px;
}

.process__figure.proces_7-1
{
    top: 2524px;
    left: 525px;
}

.process__figure.proces_7-2
{
    top: 2714px;
    left: 528px;
}

.process__figure.proces_7-3
{
    top: 2902px;
    left: 526px;
}

.nc-signature
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 751px)
{
    .box-top-slider .list-top-slider .item.main .box-detail
    {
        top: 28.28%;
        right: 0;
        left: 0;

        margin: auto;

        text-align: center;
    }
}

.processing
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 54%;
    margin-right: 8px;
    margin-left: -8px;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.image.nk_arrow::before
{
    position: relative;
    top: 78px;
    left: 148px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 11.5px 0 11.5px 16px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
}

.image.nk_arrow.inspection
{
    margin-left: -20px;
}

.processing.nk_arrow::after
{
    position: absolute;
    top: 55px;
    right: -18px;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 11.5px 0 11.5px 16px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
}

.processing.nk_arrow::after .image + .image
{
    padding-left: 10px;
}

.processing
{
    position: relative;

    padding-bottom: 20px;
    padding-bottom: 20px;

    background: url('/nk/about/img/bg_processing_process_about_pc_01.png') center bottom no-repeat;
    background-position-x: 36px;
}

.processing::before
{
    position: absolute;
    top: 205px;
    left: 44%;

    content: '加工';
}

.hero-about .title .ttl
{
    font-size: 2.4rem;
}

@media screen and (max-width: 750px)
{
    .nk_about__wrapper
    {
        overflow-x: scroll;
        overflow-y: hidden;

        padding-bottom: 10px;
    }
}

.mod-card.nk_about
{
    padding: 0 15px;

    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 750px)
{
    .mod-card.nk_about
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        min-width: 1123px;
    }
}

@media screen and (min-width: 751px)
{
    .mod-card.nk_about
    {
        height: 219px;
    }
}

.mod-card.nk_about.-evenly
{
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media screen and (max-width: 750px)
{
    .mod-card.nk_about.-evenly
    {
        width: 100%;
        min-width: auto;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    }
}

.box-about-footer .box-text
{
    color: #47515f;
}

.box-heading .text.fwb
{
    font-weight: bold;
}

.txt-cmn-01.fwb
{
    font-weight: bold;
}

.text.short_padding
{
    margin-top: 5px;
}

.box-df
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.table-cmn-03 thead th.nk
{
    padding: 8px 5px 9px;

    color: #47515f;
    border: 1px solid #dfe6ea;
    background-color: #f9f9f9;
}

.table-cmn-03 thead th.nk.ability
{
    padding-left: 30px;

    text-align: left;
}

.table-cmn-03 thead th.nk.count
{
    min-width: 99px;
}

.table-cmn-03 tbody td.nk,
.table-cmn-03 thead th.nk
{
    padding-left: 30px;

    text-align: left;
}
