@charset 'UTF-8';

/*============================================================

* pages

*============================================================*/

.theme_toppage .section

{

    padding: 0 0 35px;

}

/* .theme_toppage .section.news

{

    padding: 0;

} */

.theme_toppage .section .pagelink

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;



    position: relative;



    display: inline-block;



    width: 100%;

    padding: 10px;



    text-align: center;

    text-decoration: none;



    color: #fff;

    background: #000;

}

.theme_toppage .section .pagelink:before

{

    position: absolute;

    top: 50%;

    left: 15px;



    display: block;



    width: 10px;

    height: 10px;

    margin-top: -5px;



    content: '';



    background: url(../images/arrow_square_white.png) no-repeat 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}

@media (min-width: 600px)

{

    .theme_toppage .section .pagelink

    {

        width: auto;

        padding: 0 0 0 20px;



        color: inherit;

        background: none;

    }

    .theme_toppage .section .pagelink:before

    {

        position: absolute;

        top: 50%;

        left: 0;



        margin-top: -5px;



        background: url(../images/arrow_square_black_1.png) no-repeat 0 0;

    }

}



.theme_toppage .slide .slick-dots {

  position: absolute;

  bottom: -28px;

  left: 50%;

  margin-left: -37px;

  text-align: center; }



.theme_toppage .slide .slick-dots li

{

    line-height: 0;



    display: inline;



    padding: 0 5px;

}

.theme_toppage .slide .slick-dots li button

{

    position: relative;

    z-index: 1;



    display: inline-block;

	outline: none;



    width: 14px;

    height: 14px;



    text-indent: -9999px;



    background: url(../images/slide_pager_black_bold.png) no-repeat 0 0;

    -webkit-background-size: 14px auto;

       -moz-background-size: 14px auto;

            background-size: 14px auto;



        -ms-background-size: 14px auto;

}

.theme_toppage .slide .slick-dots li button:before,

.theme_toppage .slide .slick-dots li button:after

{

    position: absolute;

    z-index: 0;

    top: 50%;



    display: block;



    width: 5px;

    height: 2px;

    margin-top: -1px;



    content: '';



    background: #000;

}

.theme_toppage .slide .slick-dots li button:before

{

    left: -5px;

}

.theme_toppage .slide .slick-dots li button:after

{

    right: -5px;

}

.theme_toppage .slide .slick-dots li.slick-active button

{

    background-image: url(../images/slide_pager_black_bold_current.png);

    -webkit-background-size: 14px auto;

       -moz-background-size: 14px auto;

            background-size: 14px auto;



        -ms-background-size: 14px auto;

}



.theme_toppage .slide .slide_controls

{

    position: absolute;

    z-index: 1;

    top: 50%;

	outline: none;



    display: none !important;



    width: 45px;

    height: 45px;

    margin-top: -22.5px;

}

.theme_toppage .slide .slide_controls.btn_prev

{

    left: 30px;

}

.theme_toppage .slide .slide_controls.btn_prev .arrow

{

    background-image: url(../images/slide_controls_arrow_prev.png);

}

.theme_toppage .slide .slide_controls.btn_next

{

    right: 30px;

}

.theme_toppage .slide .slide_controls span

{

    display: block;

}

.theme_toppage .slide .slide_controls .ring

{

    position: absolute;

    top: 0;

    left: 0;



    width: 45px;

    height: 45px;



    transition: all .3s linear;



    background: url(../images/slide_controls_ring_white.png) no-repeat 0 0;

    -webkit-background-size: 45px auto;

       -moz-background-size: 45px auto;

            background-size: 45px auto;



        -ms-background-size: 45px auto;

}

.theme_toppage .slide .slide_controls .ring.on

{

    opacity: 0;

}

.theme_toppage .slide .slide_controls .arrow

{

    position: absolute;

    top: 50%;

    left: 50%;



    width: 13px;

    height: 16px;

    margin-top: -8px;

    margin-left: -6.5px;



    background: url(../images/slide_controls_arrow_next.png) no-repeat 0 0;

    -webkit-background-size: 13px auto;

       -moz-background-size: 13px auto;

            background-size: 13px auto;



        -ms-background-size: 13px auto;

}



@media (min-width: 600px)

{

    .theme_toppage .slide .slick-dots

    {

        top: 270px;

    }

    .theme_toppage .slide .slick-dots li

    {

        display: inline;



        padding: 0 5px;

    }

    .theme_toppage .slide .slick-dots li button

    {

        width: 14px;

        height: 14px;



        background-image: url(../images/slide_pager_white.png);

        -webkit-background-size: 14px auto;

           -moz-background-size: 14px auto;

                background-size: 14px auto;



            -ms-background-size: 14px auto;

    }

    .theme_toppage .slide .slick-dots li button:before,

    .theme_toppage .slide .slick-dots li button:after

    {

        width: 5px;

        height: 1px;

        margin-top: -.5px;

        background: #fff;

    }

    .theme_toppage .slide .slick-dots li.slick-active button

    {

        background-image: url(../images/slide_pager_white_current.png);

        -webkit-background-size: 14px auto;

           -moz-background-size: 14px auto;

                background-size: 14px auto;



            -ms-background-size: 14px auto;

    }

    .theme_toppage .slide .slide_controls

    {

        top: 127px;



        display: block !important;



        width: 60px;

        height: 60px;

        margin-top: 0;

    }

    .theme_toppage .slide .slide_controls:hover

    {

        opacity: 1;

    }

    .theme_toppage .slide .slide_controls:hover .ring

    {

        animation: rotate 2s linear infinite;



        opacity: 0;

    }

    .theme_toppage .slide .slide_controls:hover .ring.on

    {

        opacity: 1;

        background-image: url(../images/slide_controls_ring_white_hover.png);

    }

    .theme_toppage .slide .slide_controls:hover.btn_prev .arrow

    {

        animation: arrow_left 1s infinite;

    }

    .theme_toppage .slide .slide_controls:hover.btn_prev .ring

    {

        animation: rotate_reverse 2s linear infinite;

    }

    .theme_toppage .slide .slide_controls:hover.btn_next .arrow

    {

        animation: arrow_right 1s infinite;

    }

    .theme_toppage .slide .slide_controls:hover.btn_next .ring

    {

        animation: rotate 2s linear infinite;

    }

    .theme_toppage .slide .slide_controls.btn_prev

    {

      left: 50%;

      margin-left: -610px;

    }

    .theme_toppage .slide .slide_controls.btn_prev .arrow

    {

        background-image: url(../images/slide_controls_arrow_prev_1.png);

    }

    .theme_toppage .slide .slide_controls.btn_next

    {

      right: 50%;

      margin-right: -610px;

    }

    .theme_toppage .slide .slide_controls .ring

    {

        width: 60px;

        height: 60px;



        background-image: url(../images/slide_controls_ring_white_1.png);

        -webkit-background-size: 60px auto;

           -moz-background-size: 60px auto;

                background-size: 60px auto;



            -ms-background-size: 60px auto;

    }

    .theme_toppage .slide .slide_controls .arrow

    {

        width: 16px;

        height: 20px;

        margin-top: -10px;

        margin-left: -8px;



        background-image: url(../images/slide_controls_arrow_next_1.png);

        -webkit-background-size: 16px auto;

           -moz-background-size: 16px auto;

                background-size: 16px auto;



            -ms-background-size: 16px auto;

    }

}



.theme_toppage .hero .slide_box

{

    position: relative;



    color: #fff;

}

.theme_toppage .hero .slide_box .btn_area

{

    position: absolute;

    bottom: 35px;

    left: 0;



    width: 100%;



    text-align: center;

}

.theme_toppage .hero .slide_box .btn_area a

{

    text-decoration: none;

}

.theme_toppage .hero .slide_box .btn_more

{

    font-family: 'Helvetica';

    font-size: 17px;

    font-size: 1.7rem;

    font-weight: bold;



    position: relative;



    display: inline-block;



    width: 175px;

    padding: 5px 0;



    text-align: center;



    color: #fff;

    border: 3px solid #fff;

}

.theme_toppage .hero .slide_box .btn_more:before,

.theme_toppage .hero .slide_box .btn_more:after

{

    position: absolute;

    top: 50%;

    right: 10px;



    display: block;



    width: 10px;

    height: 2px;



    content: '';



    background: #fff;

}

.theme_toppage .hero .slide_box .btn_more:before

{

    margin-top: -6px;



    transform: rotate(45deg);

}

.theme_toppage .hero .slide_box .btn_more:after

{

    margin-bottom: -6px;



    transform: rotate(-45deg);

}

.theme_toppage .hero .slide_box .slide_image_product

{

    display: none;

}

.theme_toppage .hero .slide_box .slide_body

{

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;

}

.theme_toppage .hero .slide_box .slide_in

{

    position: relative;



    height: 100%;

    padding: 25px 0;

}

.theme_toppage .hero .slide_box.product .en

{

    font-size: 11px;

    font-size: 1.1rem;

    line-height: 33px;



    width: 260px;

    height: 33px;

    margin: 0 auto 10px;



    text-align: center;



    background: url(../images/ttl_product_deco_top_white.png);

    -webkit-background-size: 260px auto;

       -moz-background-size: 260px auto;

            background-size: 260px auto;



        -ms-background-size: 260px auto;

}

.theme_toppage .hero .slide_box.product .en .caption_cell

{

    font-weight: bold;

}

.theme_toppage .hero .slide_box.product .en .num

{

    line-height: 15px;



    display: inline-block;



    min-width: 15px;

    min-height: 15px;

    margin-left: 5px;



    color: #00669d;

    border-radius: 50px;

    background: #fff;

}

.theme_toppage .hero .slide_box.product .en .num.black{

    color:#000;

}

.theme_toppage .hero .slide_box.product .en .name_cell

{

    padding-left: 10px;

}

.theme_toppage .hero .slide_box.product .en .name

{

    padding-left: 10px;



    border-left: 1px solid #fff;

}

.theme_toppage .hero .slide_box.product .jp

{

    text-align: center;

}

.theme_toppage .hero .slide_box.product .jp .name

{

    font-size: 23px;

    font-size: 2.3rem;

    font-weight: bold;

}

.theme_toppage .hero .slide_box.product .jp .text

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;



    padding: 0 10px;

}

.theme_toppage .hero .slide_box.case-study .slide_in

{

    padding: 50px 0;

}

.theme_toppage .hero .slide_box.case-study .en

{

    font-size: 11px;

    font-size: 1.1rem;



    margin: 0 auto;



    text-align: center;



    -webkit-background-size: 260px auto;

       -moz-background-size: 260px auto;

            background-size: 260px auto;



        -ms-background-size: 260px auto;

}

.theme_toppage .hero .slide_box.case-study .en .caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 24px;



    position: relative;



    display: inline-block;



    height: 24px;

    padding: 0 15px;



    color: #00a6ff;

    background: #fff;

}

.theme_toppage .hero .slide_box.case-study .en .caption:before,

.theme_toppage .hero .slide_box.case-study .en .caption:after

{

    position: absolute;

    top: 0;



    display: block;



    width: 10px;

    height: 24px;



    content: '';



    background-repeat: no-repeat;

    background-position: 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}

.theme_toppage .hero .slide_box.case-study .en .caption:before

{

    left: -10px;



    background-image: url(../images/slide_caption_deco_left.png);

}

.theme_toppage .hero .slide_box.case-study .en .caption:after

{

    right: -10px;



    background-image: url(../images/slide_caption_deco_right.png);

}

.theme_toppage .hero .slide_box.case-study .jp

{

    position: relative;



    display: table;



    width: 260px;

    height: 135px;

    margin: 0 auto;



    text-align: center;



    border-top: 2px solid #fff;

    border-bottom: 2px solid #fff;

}

.theme_toppage .hero .slide_box.case-study .jp:before,

.theme_toppage .hero .slide_box.case-study .jp:after

{

    position: absolute;

    top: 0;



    display: block;



    width: 2px;

    height: 12px;



    content: '';



    background: #fff;

}

.theme_toppage .hero .slide_box.case-study .jp:before

{

    left: 0;

}

.theme_toppage .hero .slide_box.case-study .jp:after

{

    right: 0;

}

.theme_toppage .hero .slide_box.case-study .jp > div

{

    position: relative;



    display: table-cell;



    vertical-align: middle;

}

.theme_toppage .hero .slide_box.case-study .jp > div:before,

.theme_toppage .hero .slide_box.case-study .jp > div:after

{

    position: absolute;

    bottom: 0;



    display: block;



    width: 2px;

    height: 12px;



    content: '';



    background: #fff;

}

.theme_toppage .hero .slide_box.case-study .jp > div:before

{

    left: 0;

}

.theme_toppage .hero .slide_box.case-study .jp > div:after

{

    right: 0;

}

.theme_toppage .hero .slide_box.case-study .jp .text

{

    font-size: 17px;

    font-size: 1.7rem;

    font-weight: bold;

    line-height: 1.57143;

}

@media (min-width: 600px)

{

    .theme_toppage .hero .slide_box

    {

        position: relative;



        height: 580px;

    }

    .theme_toppage .hero .slide_box.box_center .slide_in

    {

        width:472px;

        margin:0 auto;

        text-align:center;

    }

    .theme_toppage .hero .slide_box.box_center.product .jp .name{

        text-align:center;

    }

    .theme_toppage .hero .slide_box .btn_area

    {

        position: static;



        width: 472px;

        margin: 20px 0 0;



        text-align: center;

    }

    .theme_toppage .hero .slide_box .btn_more

    {

        font-size: 18px;

        font-size: 1.8rem;



        width: 190px;

        padding: 5px 0;



        border-width: 2px;

    }

    .theme_toppage .hero .slide_box .slide_image_product

    {

        position: absolute;

        top: 0;

        left: 50%;



        display: block;



        margin-left: -640px;



        text-align: center;

    }

    .theme_toppage .hero .slide_box .slide_image

    {

        position: relative;



        overflow: hidden;



        width: 100%;

        height: 580px;

    }

    .theme_toppage .hero .slide_box .slide_image a{

    display: block;

    height: 100%;

  }

  .theme_toppage .hero .slide_box .slide_image:before{

    content:'';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: -50%;

    margin-left: -610px;

    top: 0;

    z-index: 500;

  }

  .theme_toppage .hero .slide_box .slide_image:after{

    content:'';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    right: -50%;

    margin-right: -610px;

    top: 0;

    z-index: 500;

  }





  .theme_toppage .hero .slide_box .slide_image img {

    position: absolute;

    top: 0;

    /*left: 50%;*/

    width: 100%;

    height: auto;

    /*margin-left: -889px;*/

  }



    .theme_toppage .hero .slide_box .slide_in

    {

        width: 950px;

        margin: 0 auto;

        padding: 100px 0;

    }

    .theme_toppage .hero .slide_box.product .en,

    .theme_toppage .hero .slide_box.product .jp

    {

        width: 472px;

    }

    .theme_toppage .hero .slide_box.product .en

    {

        font-size: 15px;

        font-size: 1.5rem;

        line-height: 44px;



        height: 44px;

        margin: 0 0 30px;



        background: url(../images/ttl_product_deco_top_white_1.png);

        -webkit-background-size: 472px auto;

           -moz-background-size: 472px auto;

                background-size: 472px auto;



            -ms-background-size: 472px auto;

    }

    .theme_toppage .hero .slide_box.product .en .caption_cell

    {

        font-weight: bold;

    }

    .theme_toppage .hero .slide_box.product .en .num

    {

        line-height: 20px;



        min-width: 20px;

        min-height: 20px;

    }

    .theme_toppage .hero .slide_box.product .en .name_cell

    {

        padding-left: 15px;

    }

    .theme_toppage .hero .slide_box.product .en .name

    {

        padding-left: 15px;

    }

    .theme_toppage .hero .slide_box.product .jp

    {

        width: auto;

    }

    .theme_toppage .hero .slide_box.product .jp .name

    {

        font-size: 36px;

        font-size: 3.6rem;

        line-height: 1.2;

        width: 472px;

        margin: 0 0 20px;

        text-align: center;

        letter-spacing: -.03em;

    }

    .theme_toppage .hero .slide_box.product .jp .text

    {

        font-size: 16px;

        font-size: 1.6rem;

        width: 472px;

        padding: 0;

    }

    .theme_toppage .hero .slide_box.product_special .slide_in,

    .theme_toppage .hero .slide_box.product_special .btn_area,

    .theme_toppage .hero .slide_box.product_special .en,

    .theme_toppage .hero .slide_box.product_special .jp,

    .theme_toppage .hero .slide_box.product_special .jp .name,

    .theme_toppage .hero .slide_box.product_special .jp .text{

        width: 660px;

    }

    .theme_toppage .hero .slide_box.product_special .btn_area{

        margin: 20px auto 0;

    }

    .theme_toppage .hero .slide_box.product_special .en{

        -webkit-background-size: 660px 44px;

        -moz-background-size: 660px 44px;

        background-size: 660px 44px;

        -ms-background-size: 660px 44px;

    }

    .theme_toppage .hero .slide_box.case-study .slide_in

    {

        padding: 70px 0;

    }

    .theme_toppage .hero .slide_box.case-study .btn_area

    {

        margin: 30px auto 0;

    }

    .theme_toppage .hero .slide_box.case-study .en .caption

    {

        font-size: 15px;

        font-size: 1.5rem;

    }

    .theme_toppage .hero .slide_box.case-study .jp

    {

        width: 780px;

        height: 235px;

    }

    .theme_toppage .hero .slide_box.case-study .jp:before,

    .theme_toppage .hero .slide_box.case-study .jp:after

    {

        height: 25px;

    }

    .theme_toppage .hero .slide_box.case-study .jp > div:before,

    .theme_toppage .hero .slide_box.case-study .jp > div:after

    {

        height: 25px;

    }

    .theme_toppage .hero .slide_box.case-study .jp .text

    {

        font-size: 36px;

        font-size: 3.6rem;

        line-height: 1.375;

    }

}



.theme_toppage .case-study .slide_box

{

    position: relative;



    padding: 0 0 20px;



    border-bottom: 2px solid #000;

}

.theme_toppage .case-study .slide_box .slide_image_set

{

    position: relative;

}

.theme_toppage .case-study .slide_box .slide_image_set a

{

    position: relative;



    display: block;

}

.theme_toppage .case-study .slide_box .slide_image_set a:before

{

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;



    display: block;



    width: 100%;

    height: 100%;



    content: '';

    transition: all .3s linear;



    background: transparent;

}

.theme_toppage .case-study .slide_box .slide_image_set a:hover

{

    opacity: 1;

}

.theme_toppage .case-study .slide_box .slide_image_set a:hover:before

{

    background: rgba(0, 0, 0, .2);

}

.theme_toppage .case-study .slide_box .slide_image_set .image img

{

    width: 100%;

    height: auto;

}

.theme_toppage .case-study .slide_box .slide_image_set .caption_set

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

    line-height: 1.5;



    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    width: 100%;

    height: 100%;



    text-align: center;



    color: #fff;

}

.theme_toppage .case-study .slide_box .slide_image_set .caption_set .caption_in

{

    display: table;



    width: 100%;

    height: 100%;

}

.theme_toppage .case-study .slide_box .slide_image_set .caption_set .caption_in .caption

{

    display: table-cell;



    vertical-align: middle;

}

.theme_toppage .case-study .slide_box .slide_image_set .btn_area

{

    position: absolute;

    right: 0;

    bottom: 0;



    width: 160px;



    text-align: center;

}

.theme_toppage .case-study .slide_box .tag_list

{

    margin: 10px 0 0;

}

.theme_toppage .case-study .slide_box .tag_list li

{

    display: inline-block;



    padding: 5px 10px 0 0;

}

.theme_toppage .case-study .slide_box .tag_list a

{

    display: block;

}

.theme_toppage .case-study .slide_box .label

{

    display: inline-block;



    padding: 0 10px;



    text-align: center;



    background: #e6e6e6;

}

@media (min-width: 600px)

{

    .theme_toppage .case-study .slide_box

    {

        width: 583px;

        padding: 0 0 30px;

    }

    .theme_toppage .case-study .slide_box .slide_image_set .caption

    {

        font-size: 24px;

        font-size: 2.4rem;

    }

    .theme_toppage .case-study .slide_box .slide_image_set .btn_area

    {

        width: 180px;

    }

    .theme_toppage .case-study .slide_box .tag_list

    {

        margin: 10px 0 0;

    }

    .theme_toppage .case-study .slide_box .tag_list li

    {

        display: inline-block;



        padding: 5px 10px 0 0;

    }

    .theme_toppage .case-study .slide_box .label

    {

        display: inline-block;



        padding: 0 10px;



        text-align: center;



        background: #e6e6e6;

    }

    .theme_toppage .case-study .slide_box a:hover

    {

        opacity: 1;

    }

    .theme_toppage .case-study .slide_box a:hover .label

    {

        text-decoration: underline;

    }

}



.theme_toppage .search-product

{

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);

}

.theme_toppage .search-product .search_container

{

    padding: 40px 0;



    background: #fff;

}

.theme_toppage .search-product .search_area

{

    margin: 30px 0 0;

}

.theme_toppage .search-product .search_area .input_box

{

    position: relative;



    border: 1px solid #a3a3a3;

    border-radius: 5px;

    background: #fff;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);

}

.theme_toppage .search-product .search_area .input_box:before

{

    position: absolute;

    top: 50%;

    left: 10px;



    width: 20px;

    height: 20px;

    margin-top: -10px;



    content: '';



    border: none;

    background: url(../images/icon_search_1.png) no-repeat 0 0;

    -webkit-background-size: 20px auto;

       -moz-background-size: 20px auto;

            background-size: 20px auto;



        -ms-background-size: 20px auto;

}

.theme_toppage .search-product .search_area .input_box input[type='text']

{

    line-height: 35px;



    width: 100%;

    min-height: 35px;

    padding: 0;

    padding-left: 35px;



    border: none;

    border-radius: 5px;

}

.theme_toppage .search-product .search_area .input_box .btn_search

{

    font-weight: bold;

    line-height: 35px;



    position: absolute;

    top: 0;

    right: -1px;



    width: 60px;

    min-height: 35px;

    padding: 0;



    text-align: center;



    color: #fff;

    border: none;

    border-radius: 0 5px 5px 0;

    background: #000;

}

.theme_toppage .search-product .search_group

{

    margin: 30px 0 0;

}

.theme_toppage .search-product .search_group:first-child

{

    margin: 0;

}

.theme_toppage .search-product .search_group .search_caption

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;



    margin: -5px 0 30px;



    text-align: center;



    border-bottom: 1px solid #000; position:relative;

}

.theme_toppage .search-product .search_group .search_caption .section_link2{ display:block; position:absolute; right:0px; top:15px}

.theme_toppage .search-product .search_group .search_caption span

{

    position: relative;



    display: inline-block;



    padding: 5px 0 5px 30px;



    border-bottom: 2px solid #000;

}

.theme_toppage .search-product .search_group .search_caption span:before

{

    position: absolute;

    top: 50%;

    left: 0;



    display: block;



    width: 23px;

    height: 23px;

    margin-top: -11.5px;



    content: '';



    background: url(../images/icon_product_field.png) no-repeat 0 0;

    -webkit-background-size: 23px auto;

       -moz-background-size: 23px auto;

            background-size: 23px auto;



        -ms-background-size: 23px auto;

}

.theme_toppage .search-product .search_group .search_caption.type span:before

{

    width: 25px;

    height: 25px;

    margin-top: -12.5px;



    background: url(../images/icon_product_type.png) no-repeat 0 0;

    -webkit-background-size: 25px auto;

       -moz-background-size: 25px auto;

            background-size: 25px auto;



        -ms-background-size: 25px auto;

}

.theme_toppage .search-product .product_list

{

    margin-top: -15px;

}

.theme_toppage .search-product .product_list::after

{

    display: table;

    clear: both;



    content: '';

}

.theme_toppage .search-product .product_list li

{

    float: left;



    width: 49%;

    margin: 15px 0 0;

}

.theme_toppage .search-product .product_list li:nth-child(2n)

{

    float: right;

}

.theme_toppage .search-product .product_list li a

{

    display: block;



    text-decoration: none;

}

.theme_toppage .search-product .product_list.col03-06 li

{

    width: 33%;

    margin: 15px 0 0;

}

.theme_toppage .search-product .product_list.col03-06 li:nth-child(2n)

{

    float: left;

}

.theme_toppage .search-product .product_list .card .card_thumb img

{

    width: 100%;

    height: auto;

}

.theme_toppage .search-product .product_list .card .card_caption

{

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1.28571;



    margin: 5px 0 0;



    text-align: center;

}

@media (min-width: 600px)

{

    .theme_toppage .search-product

    {

        margin-top: -265px;



        box-shadow: none;

    }

    .theme_toppage .search-product .wrap

    {

        width: 1240px;

    }

    .theme_toppage .search-product .search_container

    {

        padding: 20px 20px 50px;



        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);

    }

    .theme_toppage .search-product .search_area

    {

        margin: 40px 0 0;

    }

    .theme_toppage .search-product .search_area .input_box

    {

        font-size: 16px;

        font-size: 1.6rem;



        width: 780px;

        margin: 0 auto;

    }

    .theme_toppage .search-product .search_area .input_box:before

    {

        left: 15px;



        width: 26px;

        height: 26px;

        margin-top: -13px;



        background: url(../images/icon_search_large.png) no-repeat 0 0;

        -webkit-background-size: 26px auto;

           -moz-background-size: 26px auto;

                background-size: 26px auto;



            -ms-background-size: 26px auto;

    }

    .theme_toppage .search-product .search_area .input_box input[type='text']

    {

        line-height: 55px;



        min-height: 55px;

        padding-left: 55px;

    }

    .theme_toppage .search-product .search_area .input_box .btn_search

    {

        line-height: 55px;



        width: 105px;

        min-height: 55px;



        border: none;

    }

    .theme_toppage .search-product .search_group

    {

        margin:30px 0 0;

    }

    .theme_toppage .search-product .search_group:first-child

    {

        margin: 0;

    }

    .theme_toppage .search-product .search_group .search_caption

    {

        font-size: 24px;

        font-size: 2.4rem;



        margin-top: -8px;



        border-bottom-width: 2px;

    }

    .theme_toppage .search-product .search_group .search_caption span

    {

        padding: 8px 0 8px 40px;



        border-bottom-width: 4px;

    }

    .theme_toppage .search-product .search_group .search_caption span:before

    {

        width: 30px;

        height: 30px;

        margin-top: -15px;



        background: url(../images/icon_product_field_1.png) no-repeat 0 0;

        -webkit-background-size: 30px auto;

           -moz-background-size: 30px auto;

                background-size: 30px auto;



            -ms-background-size: 30px auto;

    }

    .theme_toppage .search-product .search_group .search_caption.type span:before

    {

        width: 30px;

        height: 30px;

        margin-top: -15px;



        background: url(../images/icon_product_type_1.png) no-repeat 0 0;

        -webkit-background-size: 30px auto;

           -moz-background-size: 30px auto;

                background-size: 30px auto;



            -ms-background-size: 30px auto;

    }

    .theme_toppage .search-product .product_list

    {

        width: 1195px;

        margin-top: -15px;

        margin-right: -15px;

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        flex-wrap: wrap;

    }

    .theme_toppage .search-product .product_list li

    {

        /*float: left;*/



        width: 224px;

        margin: 15px 15px 0 0;

    }

    .theme_toppage .search-product .product_list li:nth-child(2n)

    {

        float: left;

    }

    .theme_toppage .search-product .product_list li a:hover

    {

        opacity: 1;

        color: #008dc5;

        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);

    }

    .theme_toppage .search-product .product_list.col03-06 li

    {

        width:220px;

        margin: 18px 18px 0 0;

    }

    .theme_toppage .search-product .product_list .card

    {

        padding: 0 0 5px;

    }

    .theme_toppage .search-product .product_list .card .card_thumb img

    {

        width: 100%;

        height: auto;

    }

    .theme_toppage .search-product .product_list .card .card_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

        line-height: 1.5;



        margin: 10px 0 0;

    }

}



@media (min-width: 600px)

{

    .theme_toppage .case-study

    {

        padding-bottom: 0;

    }

}



.theme_toppage .case-study .section_link

{

    margin-top: 50px;

}

@media (min-width: 600px)

{

    .theme_toppage .case-study .section_link

    {

        margin-top: 0;

    }

}



.theme_toppage .case-study .slick-dots

{

    bottom: -30px;

    left: 0;

    width: 100%;

    margin-left: 0;

}

.theme_toppage .case-study .slick-dots li button

{

    background-image: url(../images/slide_pager.png);

}

.theme_toppage .case-study .slick-dots li button:before,

.theme_toppage .case-study .slick-dots li button:after

{

    background: #000;

}

.theme_toppage .case-study .slick-dots li.slick-active button

{

    background-image: url(../images/slide_pager_current.png);

}



@media (min-width: 600px)

{

    .theme_toppage .case-study .slick-dots

    {

        top: auto;

        bottom: -40px;

    }

    .theme_toppage .case-study .slick-dots li button

    {

        background-image: url(../images/slide_pager_1.png);

    }

    .theme_toppage .case-study .slick-dots li.slick-active button

    {

        background-image: url(../images/slide_pager_current_1.png);

    }

    .theme_toppage .case-study .slide_controls

    {

        top: 135px;

    }

    .theme_toppage .case-study .slide_controls:hover .ring.on

    {

        background-image: url(../images/slide_controls_ring_gray_hover.png);

    }

    .theme_toppage .case-study .slide_controls.btn_prev

    {

        left: -25px;

        margin-left: 0;

    }

    .theme_toppage .case-study .slide_controls.btn_next

    {

        right: -25px;

        margin-right: 0;

    }

    .theme_toppage .case-study .slide_controls .ring

    {

        background-image: url(../images/slide_controls_ring_gray.png);

    }

}



@media (min-width: 600px)

{

    .theme_toppage .case-study .slide

    {

        width: 1190px;

        margin-right: -5px;

        margin-left: -5px;

    }

    .theme_toppage .case-study .slide .slide_box

    {

        margin: 0 5px;

    }

}



.theme_toppage .support-network

{

    margin-top: 30px;

}

@media (min-width: 600px)

{

    .theme_toppage .support-network

    {

        margin-top: 0;

    }

}

.theme_toppage .support-network .contents_group

{

    margin: 30px 0 0;

}

.theme_toppage .support-network .contents_group:first-child

{

    margin: 0;

}

.theme_toppage .support-network .menu_header

{

    margin: 0 15px 10px;

}

.theme_toppage .support-network .header_box a

{

    display: block;



    text-decoration: none;

}

.theme_toppage .support-network .header_box a:hover

{

    cursor: pointer;

}

.theme_toppage .support-network .header_box a.is-active .btn_area span:before

{

    display: none;

}

.theme_toppage .support-network .header_box .header_body

{

    display: table;



    width: 100%;



    background: #f2f2f2;

}

.theme_toppage .support-network .header_box .header_body > div

{

    display: table-cell;



    vertical-align: middle;

}

.theme_toppage .support-network .header_box .header_body .menu_thumb

{

    width: 90px;

}

.theme_toppage .support-network .header_box .header_body .menu_details

{

    max-height: 125px;

    padding: 12px 15px;

}

.theme_toppage .support-network .header_box .header_body .menu_caption

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

}

.theme_toppage .support-network .header_box .header_body .menu_desc

{

    line-height: 1.5;

}

.theme_toppage .support-network .header_box .btn_area span

{

    font-size: 14px;

    font-size: 1.4rem;



    position: relative;



    display: block;



    padding: 5px 0;



    text-align: center;

    text-decoration: none;



    color: #fff;

    background: #000;

}

.theme_toppage .support-network .header_box .btn_area span:before,

.theme_toppage .support-network .header_box .btn_area span:after

{

    position: absolute;

    top: 50%;

    right: 10px;



    display: block;



    width: 14px;

    height: 2px;

    margin-top: -1px;



    content: '';



    background: #fff;

}

.theme_toppage .support-network .header_box .btn_area span:before

{

    transform: rotate(90deg);

}

.theme_toppage .support-network .menu_body

{

    position: relative;



    display: none;



    padding: 15px 0;



    background-color: #f2f2f2;

    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);

}

.theme_toppage .support-network .menu_body:before

{

    position: absolute;

    top: -25px;

    left: 50%;



    display: block;



    width: 1px;

    height: 1px;

    margin-left: -10px;



    content: '';



    border: 10px solid transparent;

    border-bottom: 20px solid #f2f2f2;

    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);

}

.theme_toppage .support-network .support_list

{

    width: 290px;

    margin: -20px auto 0;

}

.theme_toppage .support-network .support_list:first-child

{

    margin: 0;

}

.theme_toppage .support-network .support_list li

{

    margin: 20px 0 0;

}

.theme_toppage .support-network .support_list li a

{

    display: table;



    width: 100%;



    text-decoration: none;

}

.theme_toppage .support-network .support_list li a > div

{

    display: table-cell;



    vertical-align: middle;

}

.theme_toppage .support-network .support_list li .thumb

{

    width: 91px;



    border: 1px solid #bfbfbf;

}

.theme_toppage .support-network .support_list li .linkname

{

    padding-left: 10px;



    text-align: left;

}

.theme_toppage .support-network .network_area .area_caption

{

    font-size: 15px;

    font-size: 1.5rem;



    margin: 0 0 10px;



    text-align: center;

}

.theme_toppage .support-network .network_area .area_list

{

    margin-top: -10px;

}

.theme_toppage .support-network .network_area .area_list::after

{

    display: table;

    clear: both;



    content: '';

}

.theme_toppage .support-network .network_area .area_list li

{

    float: left;

    width: 49%;

    margin: 10px auto 0;

}

.theme_toppage .support-network .network_area .area_list li:nth-child(2n)

{

    float: right;

}

.theme_toppage .support-network .network_area .area_list li a

{

    display: block;



    padding: 5px;



    text-align: center;

    text-decoration: none;



    border: 1px solid #000;

    background: #fff;

}

.theme_toppage .support-network .network_area .area_list li a:hover

{

    color: #fff;

    background: #000;

}

@media (min-width: 600px)

{

    .theme_toppage .support-network .support-network_contents

    {

        width: 1180px;

        margin: 0 auto;

    }

    .theme_toppage .support-network .support-network_contents::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .theme_toppage .support-network .accordion_group

    {

        display: none;

    }

    .theme_toppage .support-network .accordion_group.slide02 .menu_body:before

    {

        right: 50%;

        left: auto;



        margin-right: -320px;

    }

    .theme_toppage .support-network .contents_group

    {

        float: right;



        width: 583px;

        margin: 0;

    }

    .theme_toppage .support-network .contents_group:first-child

    {

        float: left;

    }

    .theme_toppage .support-network .contents_group .menu_body

    {

        display: none;

    }

    .theme_toppage .support-network .menu_header

    {

        margin: 0 0 25px;

    }

    .theme_toppage .support-network .header_box .header_body > div

    {

        vertical-align: top;

    }

    .theme_toppage .support-network .header_box .header_body .menu_thumb

    {

        width: 184px;

    }

    .theme_toppage .support-network .header_box .header_body .menu_details

    {

        max-height: 110px;

        padding: 15px 25px 0;

    }

    .theme_toppage .support-network .header_box .header_body .menu_caption

    {

        font-size: 18px;

        font-size: 1.8rem;



        margin: 0 0 5px;

    }

    .theme_toppage .support-network .header_box .header_body .menu_desc

    {

        font-size: 12px;

        font-size: 1.2rem;

        line-height: 1.69231;

    }

    .theme_toppage .support-network .header_box .btn_area span

    {

        font-size: 16px;

        font-size: 1.6rem;

        font-weight: bold;

    }

    .theme_toppage .support-network .header_box .btn_area span:before,

    .theme_toppage .support-network .header_box .btn_area span:after

    {

        width: 16px;

        height: 1px;

        margin-top: -.5px;

    }

    .theme_toppage .support-network .header_box .btn_area span:before

    {

        transform: rotate(90deg);

    }

    .theme_toppage .support-network .header_box .btn_area span.is-active:before

    {

        display: none;

    }

    .theme_toppage .support-network .menu_body

    {

        padding: 30px 0;

    }

    .theme_toppage .support-network .menu_body:before

    {

        top: -40px;

        left: 50%;



        margin-left: -320px;



        border: 20px solid transparent;

        border-bottom: 40px solid #f2f2f2;

    }

    .theme_toppage .support-network .support_list

    {

        width: auto;

        margin: 0 auto;



        text-align: center;

    }

    .theme_toppage .support-network .support_list:first-child

    {

        margin: 0;

    }

    .theme_toppage .support-network .support_list li

    {

        display: inline-block;



        margin: 0 8px;

        vertical-align: top;

    }

    .theme_toppage .support-network .support_list li a

    {

        display: block;

    }

    .theme_toppage .support-network .support_list li a > div

    {

        display: block;

    }

    .theme_toppage .support-network .support_list li .thumb

    {

        width: 100%;

    }

    .theme_toppage .support-network .support_list li .linkname

    {

        padding: 10px 0 0;



        text-align: center;

    }

    .theme_toppage .support-network .network_area .area_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

        font-weight: bold;



        position: relative;



        margin: 0 0 30px;



        text-align: center;

    }

    .theme_toppage .support-network .network_area .area_caption:before

    {

        position: absolute;

        top: 50%;

        left: 0;



        display: block;



        width: 100%;

        height: 1px;

        margin-top: -.5px;



        content: '';



        background: #000;

    }

    .theme_toppage .support-network .network_area .area_caption span

    {

        position: relative;



        display: inline-block;



        padding: 0 40px;



        background: #f2f2f2;

    }

    .theme_toppage .support-network .network_area .area_list

    {

        width: 1200px;

        margin: -20px 20px 0 0;

        text-align: center;

    }

    .theme_toppage .support-network .network_area .area_list li

    {

        width: 220px;

        margin: 10px 20px 0 0;

        display: inline-block;

        float: none;

    }

    .theme_toppage .support-network .network_area .area_list li:nth-child(2n)

    {

        float: none;

    }

    .theme_toppage .support-network .network_area .area_list li:last-child{

        margin-right: 0;

    }

    .theme_toppage .support-network .network_area .area_list li a

    {

        font-size: 16px;

        font-size: 1.6rem;

        font-weight: bold;

    }

    .theme_toppage .support-network .network_area .area_list li a:hover

    {

        color: #fff;

        background: #000;

    }

}



/*============================================================

* 計算

*============================================================*/

.style_products.style_aerospace .hero

{

    background-image: url(../images/bg_hero.jpg);

}



.style_products.style_automotive .hero

{

    background-image: url(../images/bg_hero_1.jpg);

}



.style_products.style_machine .hero

{

    background-image: url(../images/bg_hero_2.jpg);

}



.style_products.style_medical .hero

{

    background-image: url(../images/bg_hero_3.jpg);

}



.style_products.style_office-leisure .hero

{

    background-image: url(../images/bg_hero_4.jpg);

}



.style_products.style_railways .hero

{

    background-image: url(../images/bg_hero_5.jpg);

}



.style_products.style_renewable .hero

{

    background-image: url(../images/bg_hero_6.jpg);

}



.style_products.style_steel .hero

{

    background-image: url(../images/bg_hero_7.jpg);

}



.style_products.style_construction .hero

{

    background-image: url(../images/bg_hero_8.jpg);

}



.style_products.style_semiconductor .hero

{

    background-image: url(../images/bg_hero_9.jpg);

}



.style_products .field_hero

{

    margin: 30px 0 50px;

}

.style_products .field_hero .hero_ttl

{

    font-size: 26px;

    font-size: 2.6rem;

    line-height: 1.34615;



    margin: 0 0 30px;



    text-align: center;

}

.style_products .field_hero .hero_desc

{

    font-size: 16px;

    font-size: 1.6rem;

}

@media (min-width: 600px)

{

    .style_products .field_hero

    {

        margin: 40px 0 50px;

    }

    .style_products .field_hero .hero_ttl

    {

        font-size: 30px;

        font-size: 3rem;



        margin: 0 0 20px;

    }

    .style_products .field_hero .hero_desc

    {

        text-align: center;

    }

}



.style_products .type_hero

{

    margin: 30px 0 50px;

}

.style_products .type_hero .hero_ttl

{

    font-size: 26px;

    font-size: 2.6rem;

    line-height: 1.34615;



    margin: 0 0 30px;



    text-align: center;

}

.style_products .type_hero .hero_desc

{

    font-size: 16px;

    font-size: 1.6rem;



    margin: 0 0 30px;

}

.style_products .type_hero .relation_box

{

    margin: 0 15px;

}

@media (min-width: 600px)

{

    .style_products .type_hero

    {

        margin: 40px 0 50px;

    }

    .style_products .type_hero .relation_box

    {

        width: 890px;

        margin: 0 auto;

    }

    .style_products .type_hero .hero_desc

    {

        margin: 0 0 40px;



        text-align: center;

    }

}



.style_products .anchor_list

{

    text-align: center;

}

.style_products .anchor_list li

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    display: inline-block;



    margin: 0 10px;

}

.style_products .anchor_list li a

{

    position: relative;



    display: block;



    padding-left: 20px;



    text-decoration: none;

}

.style_products .anchor_list li a:before

{

    position: absolute;

    top: 50%;

    left: 0;



    display: block;



    width: 13px;

    height: 8px;

    margin-top: -4px;



    content: '';



    background: url(../images/arrow_bottom_gray.png) no-repeat 0 0;

    -webkit-background-size: 13px auto;

       -moz-background-size: 13px auto;

            background-size: 13px auto;



        -ms-background-size: 13px auto;

}

@media (min-width: 600px)

{

    .style_products .anchor_list li

    {

        font-size: 18px;

        font-size: 1.8rem;

    }

    .style_products .anchor_list li a

    {

        padding-left: 25px;

    }

}



.style_products .product_list.field

{

    margin-top: -30px;

}

.style_products .product_list.field li

{

    width: 100%;

    margin: 30px 0 0;

}

.style_products .product_list.field li a

{

    display: block;



    text-decoration: none;

}

.style_products .product_list.field .card .card_thumb

{

    text-align: center;

}

.style_products .product_list.field .card .card_thumb img

{

    width: 100%;

    height: auto;

}

.style_products .product_list.field .card .card_caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

    margin: 5px 0 0;

    text-align: center;

    word-wrap: break-word;

}

.style_products .product_list.field .card .card_text

{

    font-size: 14px;

    font-size: 1.4rem;



    margin: 5px 0 0;

}

@media (min-width: 600px)

{

    .style_products .product_list.field

    {

        width: 999px;

        margin: -20px -19px 0 0;

    }

    .style_products .product_list.field::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .product_list.field a:hover

    {

        opacity: 1;

        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);

    }

    .style_products .product_list.field li

    {

        float: left;



        width: 314px;

        margin: 20px 19px 0 0;

    }

    .style_products .product_list.field .card

    {

        display: block;



        width: 100%;

    }

    .style_products .product_list.field .card .card_thumb

    {

        position: relative;

    }

    .style_products .product_list.field .card .card_text

    {

        padding: 0 10px 10px;

    }

}



.style_products .product_list.type

{

    margin-top: -30px;

}

.style_products .product_list.type li

{

    width: 100%;

    margin: 30px 0 0;

}

.style_products .product_list.type li a

{

    display: block;



    text-decoration: none;

}

.style_products .product_list.type .card .card_thumb

{

    text-align: center;

}

.style_products .product_list.type .card .card_thumb img

{

   /* width: 100%;*/

    height: auto;

}

.style_products .product_list.type .card .card_caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    margin: 5px 0 0;



    text-align: center;

}

.style_products .product_list.type .card .card_text

{

    font-size: 14px;

    font-size: 1.4rem;



    margin: 5px 0 0;

}

.showpage{ width:100%; margin:20px 0; text-align:center; overflow:hidden;}

.showpage ul{ overflow:hidden; text-align:center;}

.showpage ul li{ display:inline-block; margin:0 5px;}

.showpage ul li a{}

.showpage ul li a:hover{ text-decoration:none;}

@media (max-width: 600px){

/*.style_products .product_list.type .card .card_thumb img{ width:100%;}*/

.style_products .product_list.type .card .card_text{ text-align:center;}

}

@media (min-width: 600px)

{

	

	

    .style_products .product_list.type

    {

       

        margin: -20px -19px 0 0;

    }

    .style_products .product_list.type::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .product_list.type a:hover

    {

        opacity: 1;

        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);

    }

    .style_products .product_list.type li

    {

        float: left;



        width:220px;

        margin: 20px 19px 0 0;

    }

    .style_products .product_list.type .card

    {

        display: table;



        width: 100%;

    }

    .style_products .product_list.type .card .card_thumb

    {

        position: relative;

    }

    .style_products .product_list.type .card .card_text

    {

        padding: 0 10px 10px; text-align:center;

    }

}



.style_products .category_group_container

{

    margin: 50px 0 0;

}

.style_products .category_group_container .category_group

{

    margin: 50px 0 0;

}

.style_products .category_group_container .category_group:first-child

{

    margin: 0;

}

.style_products .category_group_container .category_ttl

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;



    padding: 0 0 10px;



    text-align: center;



    background: url(../images/ttl_product_deco_bar.png) no-repeat center bottom;

    -webkit-background-size: 255px auto;

       -moz-background-size: 255px auto;

            background-size: 255px auto;



        -ms-background-size: 255px auto;

}

.style_products .category_group_container .item_list

{

    margin: 30px 0 0;

}

.style_products .category_group_container .item_list .item

{

    margin: 40px 0 0;



    border-top: 2px solid #000;

    border-bottom: 1px solid #ccc;

}

.style_products .category_group_container .item_list .item:first-child

{

    margin: 0;

}

.style_products .category_group_container .item_list .item .item_image

{

    padding: 10px 0;

}

.style_products .category_group_container .item_list .item .item_image img

{

    width: 100%;

    height: auto;

}

.style_products .category_group_container .item_list .item .item_name

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    padding: 0 0 5px;



    border-bottom: 1px solid #000;

}

.style_products .category_group_container .item_list .item .relation_type

{

    height: 100%;

    padding: 10px 0;



    border-bottom: 1px solid #000;

}

.style_products .category_group_container .item_list .item .relation_type .relation_type_box::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .category_group_container .item_list .item .relation_type .relation_type_box dt

{

    font-weight: bold;



    float: left;

    clear: left;



    width: 8em;

    padding-top: .3em;



    color: #666;

}

.style_products .category_group_container .item_list .item .relation_type .relation_type_box dd

{

    padding-left: 8em;

}

.style_products .category_group_container .item_list .item .relation_type .relation_type_box .label

{

    display: inline-block;



    padding: 0 10px;



    text-align: center;



    background: #e6e6e6;

}

.style_products .category_group_container .item_list .item .relation_type .relation_type_box .relation_type_list

{

    margin-top: -5px;

}

.style_products .category_group_container .item_list .item .relation_type .relation_type_box .relation_type_list li

{

    display: inline-block;



    margin: 5px 5px 0 0;

}

.style_products .category_group_container .item_list .item .item_details

{

    font-size: 14px;

    font-size: 1.4rem;



    position: relative;



    padding: 10px 0 60px;

}

.style_products .category_group_container .item_list .item .item_details .btn_area

{

    position: absolute;

    right: 0;

    bottom: 0;



    width: 150px;

}

.style_products .category_group_container .item_list .item .item_details .btn_area .btn

{

    font-size: 12px;

    font-size: 1.2rem;



    padding-right: 25px;

}

.style_products .category_group_container .item_list .item .item_details .btn_area .btn:before

{

    right: 10px;

}

.style_products .category_group_container .item_special_list

{

    margin: 25px 0 0;

}

.style_products .category_group_container .item_special_list .item

{

    position: relative;



    margin: 30px 0 0;

    padding: 10px 0 15px;



    border-top: 2px solid #000;

    border-bottom: 1px solid #ccc;

}

.style_products .category_group_container .item_special_list .item:first-child

{

    margin: 0;

}

.style_products .category_group_container .item_special_list .item .item_header

{

    padding: 0 0 15px;



    border-bottom: 1px solid #000;

}

.style_products .category_group_container .item_special_list .item .item_title

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

}

.style_products .category_group_container .item_special_list .item .item_use_list

{

    font-size: 12px;

    font-size: 1.2rem;



    margin: 10px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_use_list::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .category_group_container .item_special_list .item .item_use_list dt

{

    float: left;

    clear: left;



    width: 3em;

}

.style_products .category_group_container .item_special_list .item .item_use_list dd

{

    padding-left: 7em;

}

.style_products .category_group_container .item_special_list .item .item_btn_list

{

    margin: 10px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_btn_list li

{

    margin: 10px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_btn_list li:first-child

{

    margin: 0;

}

.style_products .category_group_container .item_special_list .item .item_btn_list .btn

{

    text-align: left;

}

.style_products .category_group_container .item_special_list .item .item_tag

{

    margin: 10px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list

{

    margin: -5px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list li

{

    display: inline-block;



    margin: 5px 5px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label

{

    font-weight: bold;



    display: inline-block;



    padding: 2px 10px;



    text-align: center;



    color: #fff;

    background: #000;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label.clean

{

    background: #00b779;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label.vacuum

{

    background: #0097b7;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label.hot

{

    background: #d1001c;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label.endure

{

    background: #d1ad1c;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label.nonmagnetism

{

    background: #d16900;

}

.style_products .category_group_container .item_special_list .item .item_tag .tag_list .label.insulation

{

    background: #9700b7;

}

.style_products .category_group_container .item_special_list .item .item_details

{

    padding: 10px 0;

}

.style_products .category_group_container .item_special_list .item .item_details p

{

    margin: 5px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_details p:first-child

{

    margin: 0;

}

.style_products .category_group_container .item_special_list .item .item_caption

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

}

.style_products .category_group_container .item_special_list .item .item_image

{

    margin: 10px 0 0;

}

.style_products .category_group_container .item_special_list .item .item_image img

{

    width: 100%;

    height: auto;

}

@media (min-width: 600px)

{

    .style_products .category_group_container .catgory_group

    {

        margin: 50px 0 0;

    }

    .style_products .category_group_container .catgory_group:first-child

    {

        margin: 0;

    }

    .style_products .category_group_container .category_ttl

    {

        font-size: 24px;

        font-size: 2.4rem;

    }

    .style_products .category_group_container .item_list .item

    {

        margin: 40px 0 0;



        border-top: 2px solid #000;

        border-bottom: none;

    }

    .style_products .category_group_container .item_list .item:first-child

    {

        margin: 0;

    }

    .style_products .category_group_container .item_list .item > .colgroup

    {

        overflow: hidden;

    }

    .style_products .category_group_container .item_list .item > .colgroup .col.first

    {

        float: left;



        width: 230px;

    }

    .style_products .category_group_container .item_list .item > .colgroup .col.second

    {

        float: right;



        width: 730px;

    }

    .style_products .category_group_container .item_list .item > .colgroup .col.second .colgroup

    {

        overflow: hidden;



        width: 100%;

    }

    .style_products .category_group_container .item_list .item > .colgroup .col.second .colgroup .col.first

    {

        float: left;



        width: 230px;

    }

    .style_products .category_group_container .item_list .item > .colgroup .col.second .colgroup .col.second

    {

        float: right;



        width: 485px;

    }

    .style_products .category_group_container .item_list .item .item_image img

    {

        width: 100%;

        height: auto;

    }

    .style_products .category_group_container .item_list .item .item_name

    {

        font-size: 18px;

        font-size: 1.8rem;



        padding: 12px 0;

    }

    .style_products .category_group_container .item_list .item .relation_type

    {

        padding: 15px 0;

    }

    .style_products .category_group_container .item_list .item .relation_type .relation_type_box::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .category_group_container .item_list .item .relation_type .relation_type_box dt

    {

        font-weight: bold;



        float: left;

        clear: left;



        width: 8em;

        padding-top: .7em;



        color: #666;

    }

    .style_products .category_group_container .item_list .item .relation_type .relation_type_box dd

    {

        padding-left: 8em;

    }

    .style_products .category_group_container .item_list .item .relation_type .relation_type_box .relation_type_list

    {

        margin-top: -10px;

    }

    .style_products .category_group_container .item_list .item .relation_type .relation_type_box .relation_type_list li

    {

        margin: 10px 10px 0 0;

    }

    .style_products .category_group_container .item_list .item .item_details

    {

        font-size: 14px;

        font-size: 1.4rem;



        position: relative;



        padding: 10px 0 60px;



        border-bottom: 1px solid #ccc;

    }

    .style_products .category_group_container .item_list .item .item_details .btn_area

    {

        position: absolute;

        right: 0;

        bottom: 0;



        width: 200px;

    }

    .style_products .category_group_container .item_list .item .item_details .btn_area .btn

    {

        font-size: 12px;

        font-size: 1.2rem;



        padding-right: 25px;

    }

    .style_products .category_group_container .item_list .item .item_details .btn_area .btn:before

    {

        right: 10px;

    }

    .style_products .category_group_container .item_special_list

    {

        margin: 40px 0 0;

    }

    .style_products .category_group_container .item_special_list .item

    {

        margin: 20px 0 0;

        padding: 20px 0;



        border-top: 2px solid #000;

        border-bottom: 1px solid #ccc;

    }

    .style_products .category_group_container .item_special_list .item:first-child

    {

        margin: 0;

    }

    .style_products .category_group_container .item_special_list .item .colgroup

    {

        display: table;



        width: 100%;

    }

    .style_products .category_group_container .item_special_list .item .colgroup > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_products .category_group_container .item_special_list .item .colgroup .first

    {

        padding-right: 20px;

    }

    .style_products .category_group_container .item_special_list .item .colgroup .second

    {

        width: 480px;

    }

    .style_products .category_group_container .item_special_list .item .colgroup .has_links

    {

        padding-bottom: 80px;

    }

    .style_products .category_group_container .item_special_list .item .item_title

    {

        font-size: 18px;

        font-size: 1.8rem;

    }

    .style_products .category_group_container .item_special_list .item .item_tag .tag_list

    {

        font-size: 12px;

        font-size: 1.2rem;

    }

    .style_products .category_group_container .item_special_list .item .item_image

    {

        margin: 0;

    }

    .style_products .category_group_container .item_special_list .item .item_btn_list

    {

        position: absolute;

        bottom: 20px;

        left: 0;



        width: 480px;

    }

    .style_products .category_group_container .item_special_list .item .item_btn_list::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .category_group_container .item_special_list .item .item_btn_list li

    {

        float: right;



        width: 48.5%;

        margin: 0;

    }

    .style_products .category_group_container .item_special_list .item .item_btn_list li:first-child

    {

        float: left;

    }

    .style_products .category_group_container .item_special_list .item .item_btn_list .btn

    {

        font-size: 16px;

        font-size: 1.6rem;

        font-weight: normal;

    }

}



.style_products .field_list

{

    margin: 0 0 80px;

}



.style_products .type_list

{

    margin: 0 0 80px;

}



.style_products .shape_container

{

    margin: 0 -15px;

    padding: 1px 0 0;



    text-align: center;

}

.style_products .shape_container .shape_wrap

{

    margin-top: 25px;

}

.style_products .shape_container .shape_wrap.nofloat

{

    float: none;

}

.style_products .shape_container .shape_wrap_in::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .shape_container .shape_group_column

{

    float: left;

}

.style_products .shape_container .shape_group_column::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .shape_container .shape_box_wrap

{

    float: left;



    border-left: 1px solid #ccc;

}

.style_products .shape_container .shape_box_wrap::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .shape_container .shape_box_wrap:first-child

{

    border-left: none;

}

.style_products .shape_container .shape_unit

{

    margin-top: -25px;

}

.style_products .shape_container .shape_unit::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .shape_container .shape_unit .shape_group

{

    display: inline-block;



    vertical-align: top;



    border-left: 1px solid #ccc;

}

.style_products .shape_container .shape_unit .shape_group:first-child

{

    border-left: none;

}

.style_products .shape_container .shape_group_in::after

{

    display: table;

    clear: both;



    content: '';

}

.style_products .shape_container .shape_group_in .shape_box

{

    display: inline-block;



    vertical-align: top;

}

.style_products .shape_container .shape_group_num

{

    font-size: 8px;

    font-size: .8rem;



    margin: 10px 0 0;

    padding: 0 10px;



    color: #999;

}

.style_products .shape_container .shape_group_num.nospace

{

    padding: 0;

}

.style_products .shape_container .shape_group_num.short_space

{

    padding: 0 5px;

}

.style_products .shape_container .shape_caption

{

    font-size: 11px;

    font-size: 1.1rem;



    margin: 0 0 10px;

}

.style_products .shape_container .shape_group.nobdr

{

    border-left: none;

}



.style_products .shape_container .shape_model

{

    font-size: 9px;

    font-size: .9rem;



    padding: 10px 0 0;

}

.style_products .shape_container .shape_box

{

    width: 100px;

}

.style_products .shape_container .shape_box.nobdr .shape_row

{

    border: none;

}

.style_products .shape_container .shape_box.extra01_01

{

    width: 100px;

}

.style_products .shape_container .shape_box.extra01_01.extra01_col01

{

    width: 70px;

}

.style_products .shape_container .shape_box.extra01_01.extra01_col02

{

    width: 70px;

}

.style_products .shape_container .shape_box.extra01_01.extra01_col03

{

    width: 80px;

}

.style_products .shape_container .shape_box.extra01_01 .shape_fig img

{

    width: auto;

    height: 60px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra01_01

    {

        width: 190px;

    }

    .style_products .shape_container .shape_box.extra01_01.extra01_col01

    {

        width: 190px;

    }

    .style_products .shape_container .shape_box.extra01_01.extra01_col02

    {

        width: 150px;

    }

    .style_products .shape_container .shape_box.extra01_01.extra01_col03

    {

        width: 150px;

    }

}

.style_products .shape_container .shape_box.extra02_01

{

    width: 40px;

}

.style_products .shape_container .shape_box.extra02_01 .shape_fig img

{

    width: auto;

    height: 43px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra02_01

    {

        width: 100px;

    }

}

.style_products .shape_container .shape_box.extra02_02

{

    width: 76px;

}

.style_products .shape_container .shape_box.extra02_02 .shape_fig img

{

    width: auto;

    height: 43px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra02_02

    {

        width: 170px;

    }

}

.style_products .shape_container .shape_box.extra04_01

{

    width: 110px;

}

.style_products .shape_container .shape_box.extra04_01 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra04_01

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra04_02

{

    width: 100px;

}

.style_products .shape_container .shape_box.extra04_02 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra04_02

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra04_03

{

    width: 90px;

}

.style_products .shape_container .shape_box.extra04_03 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra04_03

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra05_01

{

    width: 90px;

}

.style_products .shape_container .shape_box.extra05_01 .shape_fig img

{

    width: auto;

    height: 53px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra05_01

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra05_02

{

    width: 100px;

}

.style_products .shape_container .shape_box.extra05_02 .shape_fig img

{

    width: auto;

    height: 53px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra05_02

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra06_01

{

    width: 50px;

}

.style_products .shape_container .shape_box.extra06_01 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra06_01 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra06_01

    {

        width: 90px;

    }

}

.style_products .shape_container .shape_box.extra06_01ex

{

    width: 40px;

}

.style_products .shape_container .shape_box.extra06_01ex .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra06_01ex .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra06_01ex

    {

        width: 70px;

    }

}

.style_products .shape_container .shape_box.extra06_02

{

    width: 90px;

}

.style_products .shape_container .shape_box.extra06_02 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra06_02 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra06_02

    {

        width: 105px;

    }

}

.style_products .shape_container .shape_box.extra06_03

{

    width: 110px;

}

.style_products .shape_container .shape_box.extra06_03 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra06_03

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra07_01

{

    width: auto;

}

.style_products .shape_container .shape_box.extra07_01 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra07_01 .shape_fig img

{

    width: auto;

    height: 51px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra07_01

    {

        width: 400px;

    }

}

.style_products .shape_container .shape_box.extra07_01_ex

{

    width: 50px;

}

.style_products .shape_container .shape_box.extra07_01_ex .shape_fig

{

    margin: 0;



    text-align: center;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra07_01_ex

    {

        width: 100px;

    }

}

.style_products .shape_container .shape_box.extra07_02

{

    width: 80px;

}

.style_products .shape_container .shape_box.extra07_02 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra07_02 .shape_fig img

{

    width: auto;

    height: 51px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra07_02

    {

        width: 200px;

    }

}

.style_products .shape_container .shape_box.extra07_03

{

    width: 150px;

}

.style_products .shape_container .shape_box.extra07_03 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra07_03 .shape_fig img

{

    width: auto;

    height: 51px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra07_03

    {

        width: 320px;

    }

}

.style_products .shape_container .shape_box.extra08_01

{

    width: 90px;

}

.style_products .shape_container .shape_box.extra08_01 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra08_01 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra08_01

    {

        width: 190px;

    }

}

.style_products .shape_container .shape_box.extra08_02

{

    width: 65px;

}

.style_products .shape_container .shape_box.extra08_02:first-child

{

    padding-left: 10px;

}

.style_products .shape_container .shape_box.extra08_02:nth-child(2)

{

    padding-right: 10px;

}

.style_products .shape_container .shape_box.extra08_02 .shape_fig

{

    margin: 0;

}

.style_products .shape_container .shape_box.extra08_02 .shape_fig img

{

    width: auto;

    height: 55px;

}

@media (min-width: 600px)

{

    .style_products .shape_container .shape_box.extra08_02

    {

        width: 140px;

    }

    .style_products .shape_container .shape_box.extra08_02:first-child

    {

        padding-left: 20px;

    }

    .style_products .shape_container .shape_box.extra08_02:nth-child(2)

    {

        padding-right: 20px;

    }

}

.style_products .shape_container .shape_box.extra09_01 .shape_fig img

{

    width: auto;

    height: 45px;

}

.style_products .shape_container .shape_box.extra09_02 .shape_fig img

{

    width: auto;

    height: 40px;

}

.style_products .shape_container .shape_box.extra09_03 .shape_fig img

{

    width: auto;

    height: 45px;

}

.style_products .shape_container .shape_box.extra09_04 .shape_fig img

{

    width: auto;

    height: 49px;

}

.style_products .shape_container .shape_box.extra09_05 .shape_fig img

{

    width: auto;

    height: 45px;

}

.style_products .shape_container .shape_box.extra09_06 .shape_fig img

{

    width: auto;

    height: 43px;

}

.style_products .shape_container .shape_box.extra10_01 .shape_fig img

{

    width: auto;

    height: 44px;

}

.style_products .shape_container .shape_box.extra10_02 .shape_fig img

{

    width: auto;

    height: 38px;

}

.style_products .shape_container .shape_box.extra11_01 .shape_fig img

{

    width: auto;

    height: 43px;

}

.style_products .shape_container .shape_box:first-child .shape_row

{

    border-left: none;

}

.style_products .shape_container .shape_box .shape_row

{

    border-left: 1px solid #ccc;

}

.style_products .shape_container .shape_box .shape_row.bdr

{

    border-left: 1px solid #ccc;

}

.style_products .shape_container .shape_box .shape_row:last-child

{

    border: none;

}

.style_products .shape_container .shape_box .shape_row:last-child.bdr

{

    border-left: 1px solid #ccc;

}

.style_products .shape_container .shape_box .shape_fig

{

    margin: 5px 0 0;

}

@media (min-width: 600px)

{

    .style_products .shape_container

    {

        margin: 0;

        padding: 30px 0 0;

    }

    .style_products .shape_container .shape_wrap

    {

        display: inline-block;



        margin-top: 0;



        vertical-align: top;



        border-left: 1px solid #ccc;

    }

    .style_products .shape_container .shape_wrap:first-child

    {

        border-left: none;

    }

    .style_products .shape_container .shape_group_column,

    .style_products .shape_container .shape_box_wrap

    {

        display: inline-block;

        float: none;



        vertical-align: top;

    }

    .style_products .shape_container .shape_unit::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .shape_container .shape_group_num

    {

        font-size: 13px;

        font-size: 1.3rem;



        padding: 0;



        color: #666;

    }

    .style_products .shape_container .shape_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .shape_container .shape_model

    {

        font-size: 14px;

        font-size: 1.4rem;

    }

    .style_products .shape_container .shape_box

    {

        width: 100px;

    }

    .style_products .shape_container .shape_box .shape_fig

    {

        margin: 10px 0 0;

    }

    .style_products .shape_container .shape_box .shape_fig img

    {

        height: inherit !important;

    }

}



.style_products .sheet_container

{

    margin: 30px 0 0;

}

.style_products .sheet_container .shape_container

{

    margin: 10px 0 0;

}

.style_products .sheet_container .shape_box

{

    width: auto;

    padding: 0 10px;



    border-left: 1px solid #ccc;

}

.style_products .sheet_container .shape_box:first-child

{

    border-left: none;

}

.style_products .sheet_container .shape_box .shape_caption

{

    margin: 5px 0 0;

}

@media (min-width: 600px)

{

    .style_products .sheet_container .shape_box

    {

        padding: 0 20px;

    }

    .style_products .sheet_container .shape_caption

    {

        font-size: 14px;

        font-size: 1.4rem;

    }

}



@media (min-width: 600px)

{

	.style_products .sheet_group{

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: -o-flex;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-between;

	}

    .style_products .sheet_group::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .sheet_group.column01 .sheet_box

    {

        width: 314px;

        /*margin-right: 19px;*/

        padding-right: 25px;

        padding-left: 25px;



    }

    .style_products .sheet_group.column01 .sheet_box:nth-child(3n)

    {

        margin-right: 0;

    }

    .style_products .sheet_group.column02 .sheet_box

    {

        width: 480px;

        margin-right: 19px;

        padding-right: 20px;

        padding-left: 20px;

    }

    .style_products .sheet_group.column02 .sheet_box:nth-child(2n)

    {

        margin-right: 0;

    }

}



.style_products .sheet_box

{

    position: relative;

    position: relative;



    margin: 20px 0 0;

    padding: 13px;



    border: 2px solid #000;

}

.style_products .sheet_box:first-child

{

    margin: 0;

}

.style_products .sheet_box:before

{

    position: absolute;

    top: -2px;

    right: -2px;



    display: block;



    width: 22px;

    height: 22px;



    content: '';



    background: url(../images/bg_box_corner.png) no-repeat 0 0;

    -webkit-background-size: 22px auto;

       -moz-background-size: 22px auto;

            background-size: 22px auto;



        -ms-background-size: 22px auto;

}

.style_products .sheet_box .sheet_caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    position: relative;



    padding: 0 0 10px;



    text-align: center;

}

.style_products .sheet_box .sheet_caption:after

{

    position: absolute;

    bottom: 0;

    left: 50%;



    display: block;



    width: 70px;

    height: 2px;

    margin-left: -35px;



    content: '';



    background: #000;

}

.style_products .sheet_box .sheet_desc

{

    margin: 10px 0 0;



    text-align: center;

}

.style_products .sheet_box .sheet_links

{

    margin: 10px 0 0;

}

.style_products .sheet_box .sheet_links li

{

    margin: 10px 0 0;

}

.style_products .sheet_box .sheet_links li:first-child

{

    margin: 0;

}

.style_products .sheet_box .sheet_links .btn

{

    font-weight: normal;



    text-align: left;

}

@media (min-width: 600px)

{

    .style_products .sheet_box

    {

        float: left;



        margin: 40px 0 0;

        padding: 20px;

    }

    .style_products .sheet_box:first-child

    {

        margin: 40px 0 0;

    }

    .style_products .sheet_box .sheet_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .sheet_box .sheet_desc

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .sheet_box .sheet_links

    {

        margin: 25px 0 0;

    }

    .style_products .sheet_box .sheet_links .btn

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .sheet_box .sheet_links .btn:hover

    {

        font-weight: bold;

    }

}



.style_products .relation_case-study .case-study_list .item

{

    position: relative;



    margin: 35px 0 0;

    padding: 0 0 40px;



    border-bottom: 1px solid #000;

}

.style_products .relation_case-study .case-study_list .item:first-child

{

    margin: 0;

}

.style_products .relation_case-study .case-study_list .item .colgroup

{

    display: table;

}

.style_products .relation_case-study .case-study_list .item .colgroup > div

{

    display: table-cell;



    vertical-align: top;

}

.style_products .relation_case-study .case-study_list .item .colgroup .first

{

    width: 100px;

    padding-right: 10px;

}

.style_products .relation_case-study .case-study_list .item .item_image

{

    border: 1px solid #bfbfbf;

}

.style_products .relation_case-study .case-study_list .item .item_image img

{

    width: 100%;

    height: auto;

}

.style_products .relation_case-study .case-study_list .item .item_caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

}

.style_products .relation_case-study .case-study_list .item .btn_area

{

    position: absolute;

    right: 0;

    bottom: -1px;



    width: 100px;

}

.style_products .relation_case-study .case-study_list .item .btn_area .btn

{

    font-size: 13px;

    font-size: 1.3rem;



    padding: 2px 0;

}

.style_products .relation_case-study .case-study_list .item .tag_list li

{

    display: inline-block;



    padding: 5px 10px 0 0;

}

.style_products .relation_case-study .case-study_list .item .tag_list .label

{

    display: inline-block;



    padding: 0 10px;



    text-align: center;



    background: #e6e6e6;

}



@media (min-width: 600px)

{

    .style_products .relation_case-study .case-study_list

    {

        margin-top: -10px;

    }

    .style_products .relation_case-study .case-study_list::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .relation_case-study .case-study_list .item

    {

        float: left;



        width: 475px;

        margin: 30px 0 0;

    }

    .style_products .relation_case-study .case-study_list .item:first-child

    {

        margin: 30px 0 0;

    }

    .style_products .relation_case-study .case-study_list .item:nth-child(2n)

    {

        float: right;

    }

    .style_products .relation_case-study .case-study_list .item .colgroup .first

    {

        width: 205px;

        padding-right: 15px;

    }

    .style_products .relation_case-study .case-study_list .item .item_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .relation_case-study .case-study_list .item .btn_area

    {

        width: 90px;

    }

    .style_products .relation_case-study .case-study_list .item .tag_list li

    {

        display: inline-block;



        padding: 5px 10px 0 0;

    }

    .style_products .relation_case-study .case-study_list .item .tag_list .label

    {

        display: inline-block;



        padding: 0 10px;



        text-align: center;



        background: #e6e6e6;

    }

    .style_products .relation_case-study .case-study_list .item .tag_list a

    {

        opacity: 1;

    }

    .style_products .relation_case-study .case-study_list .item .tag_list a:hover .label

    {

        text-decoration: underline;

    }

}



.style_products .relation_products_container

{

    margin: 50px 0 0;

}

.style_products .relation_products_container .relation_products_list .item

{

    position: relative;



    margin: 30px 0 0;

}

.style_products .relation_products_container .relation_products_list .item:first-child

{

    margin: 0;

}

.style_products .relation_products_container .relation_products_list .item .colgroup

{

    display: table;

}

.style_products .relation_products_container .relation_products_list .item .colgroup > div

{

    display: table-cell;



    vertical-align: top;

}

.style_products .relation_products_container .relation_products_list .item .colgroup .first

{

    width: 100px;

    padding-right: 10px;

}

.style_products .relation_products_container .relation_products_list .item .item_image img

{

    width: 100%;

    height: auto;

}

.style_products .relation_products_container .relation_products_list .item .item_caption

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;



    margin: 0 0 5px;

}

.style_products .relation_products_container .relation_products_list .item .btn_area

{

    text-align: right;

}

.style_products .relation_products_container .relation_products_list .item .btn_area .btn

{

    font-size: 13px;

    font-size: 1.3rem;



    padding-right: 20px;

}

.style_products .relation_products_container .relation_products_list .item .btn_area .btn:after

{

    position: absolute;

    top: 50%;

    right: 0;



    display: block;



    width: 15px;

    height: 15px;

    margin-top: -9px;



    content: '';



    background: url(../images/icon_popup.png) no-repeat 0 0;

    -webkit-background-size: 15px auto;

       -moz-background-size: 15px auto;

            background-size: 15px auto;



        -ms-background-size: 15px auto;

}

@media (min-width: 600px)

{

    .style_products .relation_products_container .relation_products_list

    {

        margin-top: -10px;

    }

    .style_products .relation_products_container .relation_products_list::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .relation_products_container .relation_products_list .item

    {

        float: left;



        width: 460px;

        margin: 30px 0 0;

    }

    .style_products .relation_products_container .relation_products_list .item:first-child

    {

        margin: 30px 0 0;

    }

    .style_products .relation_products_container .relation_products_list .item:nth-child(2n)

    {

        float: right;

    }

    .style_products .relation_products_container .relation_products_list .item .colgroup .first

    {

        width: 120px;

        padding-right: 18px;

    }

    .style_products .relation_products_container .relation_products_list .item .btn_area .btn

    {

        padding-right: 0;

    }

    .style_products .relation_products_container .relation_products_list .item .btn_area .btn:after

    {

        display: none;

    }

}



.style_products .relation_document

{

    margin: 50px 0 0;

}

.style_products .relation_document .document_box

{

    margin: 0 -15px;

    padding: 15px;



    background: #f2f2f2;

}

.style_products .relation_document .document_list li

{

    margin: 10px 0 0;

}

.style_products .relation_document .document_list li:first-child

{

    margin: 0;

}

.style_products .relation_document .document_list .btn

{

    text-align: left;

}

.style_products .relation_document .document_list .btn .icon.pdf

{

    position: relative;



    display: inline-block;

}

.style_products .relation_document .document_list .btn .icon.pdf:after

{

    position: relative;

    top: 5px;

    left: 10px;



    display: inline-block;



    width: 18px;

    height: 20px;



    content: '';

    transition: all .3s linear;



    background: url(../images/icon_pdf_black.png) no-repeat 0 0;

    -webkit-background-size: 18px auto;

       -moz-background-size: 18px auto;

            background-size: 18px auto;



        -ms-background-size: 18px auto;

}

@media (min-width: 600px)

{

    .style_products .relation_document .document_box

    {

        width: 100%;

        margin: 0;

        padding: 20px;

    }

    .style_products .relation_document .document_list{

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

        align-items: stretch;

    }

/*    .style_products .relation_document .document_list::after

    {

        display: table;

        clear: both;

        content: '';

    }*/

    .style_products .relation_document .document_list li

    {



        width: 460px;

        margin: 10px 0 0;

    }

    .style_products .relation_document .document_list li:first-child

    {

        margin: 10px 0 0;

    }

    .style_products .relation_document .document_list li:nth-child(2n)

    {

    }

    .style_products .relation_document .document_list .btn

    {

        font-size: 13px;

        font-size: 1.3rem;

    }

    .style_products .relation_document .document_list .btn:hover .icon.pdf:after

    {

        background-image: url(../images/icon_pdf_white.png);

    }

}



.style_products .search_colgroup .side

{

    margin: 45px 0 -40px;



    border-top: 4px solid #000;

}

.style_products .search_colgroup .side .side_ttl

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;



    position: relative;



    padding: 10px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}

.style_products .search_colgroup .side .side_ttl:after

{

    position: absolute;

    bottom: -4px;



    display: block;



    width: 100%;

    height: 1px;



    content: '';



    background: #d3d3d3;

}

.style_products .search_colgroup .side .product_type_links .link_group

{

    padding: 15px;



    border-top: 1px solid #d3d3d3;

}

.style_products .search_colgroup .side .product_type_links .link_group:first-child

{

    border-top: none;

}

.style_products .search_colgroup .side .product_type_links .group_caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1.5;

}

.style_products .search_colgroup .side .product_type_links .link_list

{

    font-weight: bold;

}

.style_products .search_colgroup .side .product_type_links .link_list li a.is-current,

.style_products .search_colgroup .side .product_type_links .link_list li a:hover

{

    color: #0068b7;

}

.style_products .search_colgroup .side .product_type_links .link_list a

{

    position: relative;



    padding-left: 20px;



    text-decoration: none;

}

.style_products .search_colgroup .side .product_type_links .link_list a:before

{

    position: absolute;

    top: 2px;

    left: 0;



    display: block;



    width: 10px;

    height: 10px;



    content: '';



    background: url(../images/arrow_square_black.png) no-repeat 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}



@media (min-width: 600px)

{

    .style_products .search_colgroup::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .search_colgroup .main

    {

        float: right;



        width: 780px;

    }

    .style_products .search_colgroup .side

    {

        float: left;



        width: 180px;

        margin: 0;

    }

    .style_products .search_colgroup .side .side_ttl

    {

        font-size: 20px;

        font-size: 2rem;



        padding: 10px 0;

    }

    .style_products .search_colgroup .side .product_type_links .link_group

    {

        padding: 20px;

    }

    .style_products .search_colgroup .side .product_type_links .group_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .search_colgroup .side .product_type_links .link_list

    {

        margin: 10px 0 0;

    }

    .style_products .search_colgroup .side .product_type_links .link_list li

    {

        margin: 5px 0 0;

    }

    .style_products .search_colgroup .side .product_type_links .link_list li:first-child

    {

        margin: 0;

    }

}



.style_products .search_calculation

{

    margin: 25px 0 0;

}

.style_products .search_calculation .page_prev

{

    margin: 25px 0 0;

}

.style_products .search_calculation .category_index

{

    font-weight: bold;



    margin: 0 0 15px;



    text-align: center;

}

.style_products .search_calculation .category_index .category_parent

{

    font-size: 15px;

    font-size: 1.5rem;

}

.style_products .search_calculation .category_index .category_list li

{

    display: inline-block;

}

.style_products .search_calculation .category_index .category_list li:before

{

    display: inline-block;



    margin: 0 5px;



    content: '-';

}

.style_products .search_calculation .category_index .category_list li:first-child:before

{

    display: none;

}

.style_products .search_calculation .result_table thead th

{

    line-height: 25px;



    height: 25px;

}

.style_products .search_calculation .result_table thead tr:first-child th

{

    position: relative;



    border-bottom: none;

}

.style_products .search_calculation .result_table thead tr:first-child th span

{

    position: absolute;

    top: 50%;

    left: 0;



    width: 100%;

}

.style_products .search_calculation .result_table thead tr:nth-child(2n) th

{

    border-top: none;

}

@media (min-width: 600px)

{

    .style_products .search_calculation .result_table thead th

    {

        line-height: 25px;



        height: 25px;

        padding: 0 10px;

    }

    .style_products .search_calculation .result_table thead tr:nth-child(2n) th

    {

        font-weight: normal;

    }

    .style_products .search_calculation .result_table tbody .linkbox

    {

        left: 140px;

    }

    .style_products .search_calculation .result_table tbody th,

    .style_products .search_calculation .result_table tbody td

    {

        padding: 5px 10px;

    }

}

.style_products .search_calculation .search_filter .accordion_action.is-open .btn:after

{

    display: none;

}

.style_products .search_calculation .search_filter .accordion_action .btn

{

    position: relative;



    padding-left: 45px;



    border: 2px solid #000;

}

.style_products .search_calculation .search_filter .accordion_action .btn:before,

.style_products .search_calculation .search_filter .accordion_action .btn:after

{

    position: absolute;

    top: 50%;

    left: 10px;



    display: block;



    width: 20px;

    height: 2px;

    margin-top: -1px;



    content: '';



    background: #000;

}

.style_products .search_calculation .search_filter .accordion_action .btn:after

{

    transform: rotate(90deg);

}

.style_products .search_calculation .search_filter .filter_unit

{

    display: none;



    padding: 15px;



    border: 2px solid #000;

    border-top: none;

    background: #f2f2f2;

}

.style_products .search_calculation .search_filter .filter_unit:last-child

{

    display: block;



    margin: 10px 0 0;



    border: none;

}

.style_products .search_calculation .search_filter .inbox

{

    margin: 10px 0 0;

    padding: 10px;



    background: #fff;

}

.style_products .search_calculation .search_filter .inbox:first-child

{

    margin: 0;

}

.style_products .search_calculation .search_filter .inbox .inbox_caption

{

    font-size: 15px;

    font-size: 1.5rem;

}

.style_products .search_calculation .search_filter .inbox .inbox_figure img

{

    width: 100%;

    height: auto;

}

.style_products .search_calculation .search_filter .filter_category .selectors li

{

    font-size: 15px;

    font-size: 1.5rem;



    margin: 10px 0 0;

}

.style_products .search_calculation .search_filter .filter_category .selectors li:first-child

{

    margin: 0;

}

.style_products .search_calculation .search_filter .filter_category .selectors label

{

    padding: 8px 0;

}

.style_products .search_calculation .search_filter .input_container .btn_area

{

    margin: 15px 0 0;

}

.style_products .search_calculation .search_filter .input_container .input_group

{

    display: table;



    margin: 10px 0 0;

}

.style_products .search_calculation .search_filter .input_container .input_group:first-child

{

    margin: 0;

}

.style_products .search_calculation .search_filter .input_container .input_group > div

{

    display: table-cell;



    vertical-align: middle;

}

.style_products .search_calculation .search_filter .input_container .input_group .input_caption

{

    width: 65px;

    padding-right: 25px;

}

.style_products .search_calculation .search_filter .input_container .input_group .num

{

    width: 75px;

    padding: 5px;



    border: 1px solid #ccc;

    border-radius: 5px;

    box-shadow: 1px 1.732px 0 0 rgba(0, 0, 0, .1), inset 1.5px 2.598px 0 0 rgba(0, 0, 0, .1);

}

.style_products .search_calculation .search_filter .input_container .input_group .num.first

{

    margin-right: 5px;

}

.style_products .search_calculation .search_filter .input_container .input_group .num.second

{

    margin-left: 5px;

}

@media (min-width: 600px)

{

    .style_products .search_calculation

    {

        margin: 30px 0 0;

    }

    .style_products .search_calculation .page_prev

    {

        display: none;

    }

    .style_products .search_calculation .category_index

    {

        display: none;

    }

    .style_products .search_calculation .search_filter .accordion_action

    {

        margin: 0 0 -10px;

    }

    .style_products .search_calculation .search_filter .accordion_action .btn

    {

        font-size: 15px;

        font-size: 1.5rem;



        border: none;

        background: #f2f2f2;

    }

    .style_products .search_calculation .search_filter .accordion_action .btn:hover

    {

        cursor: default;



        opacity: 1;

        color: inherit;

        background: #f2f2f2;

    }

    .style_products .search_calculation .search_filter .accordion_action .btn:before,

    .style_products .search_calculation .search_filter .accordion_action .btn:after

    {

        display: none;

    }

    .style_products .search_calculation .search_filter .filter_unit

    {

        display: block !important;



        border: none;

    }

    .style_products .search_calculation .search_filter .inbox

    {

        margin: 10px 0 0;

        padding: 15px;



        background: #fff;

    }

    .style_products .search_calculation .search_filter .inbox:first-child

    {

        margin: 0;

    }

    .style_products .search_calculation .search_filter .inbox .inbox_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_products .search_calculation .search_filter .inbox .inbox_figure img

    {

        width: 100%;

        height: auto;

    }

    .style_products .search_calculation .search_filter .filter_category .selectors

    {

        margin-top: -10px;

    }

    .style_products .search_calculation .search_filter .filter_category .selectors::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .search_calculation .search_filter .filter_category .selectors li

    {

        font-size: 14px;

        font-size: 1.4rem;



        float: left;



        width: 370px;

        margin: 10px 10px 0 0;

    }

    .style_products .search_calculation .search_filter .filter_category .selectors li:first-child

    {

        margin: 10px 10px 0 0;

    }

    .style_products .search_calculation .search_filter .filter_category .selectors li:nth-child(2n)

    {

        margin-right: 0;

    }

    .style_products .search_calculation .search_filter .filter_dimensions::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_products .search_calculation .search_filter .filter_dimensions .inbox:first-child

    {

        float: left;



        width: 270px;

    }

    .style_products .search_calculation .search_filter .filter_dimensions .inbox:nth-child(2)

    {

        font-size: 16px;

        font-size: 1.6rem;



        float: right;



        width: 470px;

        margin: 0;

        padding: 20px 50px;

    }

    .style_products .search_calculation .search_filter .input_container .input_group

    {

        margin: 15px 0 0;

    }

    .style_products .search_calculation .search_filter .input_container .input_group .input_caption

    {

        width: 100px;

    }

    .style_products .search_calculation .search_filter .input_container .input_group .num

    {

        width: 100px;

    }

}



.style_products .slide_box

{

    position: relative;

}

.style_products .slide_box .slide_body

{

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;

}

.style_products .slide_box .slide_in

{

    position: relative;



    height: 100%;

    padding: 20px 0;

}

.style_products .slide_box .text_in

{

    display: table;



    margin: 0 auto;

}

.style_products .slide_box .text_in > span

{

    display: table-cell;



    vertical-align: top;

}

.style_products .slide_box .en

{

    font-size: 11px;

    font-size: 1.1rem;

    line-height: 1.4;



    position: relative;



    width: 265px;

    margin: 0 auto;

    padding: 10px 0;



    text-align: center;



    background: url(../images/ttl_product_deco_top.png) no-repeat center 0;

    -webkit-background-size: 260px auto;

       -moz-background-size: 260px auto;

            background-size: 260px auto;



        -ms-background-size: 260px auto;

}

.style_products .slide_box .en:after

{

    position: absolute;

    bottom: 0;

    left: 50%;



    display: block;



    width: 260px;

    height: 9px;

    margin-left: -130px;



    content: '';



    background: url(../images/ttl_product_deco_bottom.png) no-repeat 0 0;

    -webkit-background-size: 260px auto;

       -moz-background-size: 260px auto;

            background-size: 260px auto;



        -ms-background-size: 260px auto;

}

.style_products .slide_box .en .caption_cell

{

    font-weight: bold;



    width: 75px;

    padding-right: 5px;



    text-align: right;

}

.style_products .slide_box .en .num

{

    line-height: 20px;



    display: inline-block;



    min-width: 20px;

    min-height: 20px;

    margin-left: 5px;



    text-align: center;

    letter-spacing: -.05em;



    color: #fff;

    border-radius: 50px;

    background: #000;

}

.style_products .slide_box .en .name

{

    display: inline-block;



    padding-left: 5px;



    text-align: left;



    border-left: 1px solid #000;

}

.style_products .slide_box .en .name span

{

    display: block;

}

@media (min-width: 600px)

{

    .style_products .slide_box .en .name span

    {

        display: inline;

    }

}

.style_products .slide_box .jp

{

    line-height: 1.2;



    width: 260px;

    margin: 0 auto;

    padding: 10px 0;



    text-align: center;

    letter-spacing: -.04em;



    background: url(../images/ttl_product_deco_bottom.png) no-repeat center bottom;

    -webkit-background-size: 260px auto;

       -moz-background-size: 260px auto;

            background-size: 260px auto;



        -ms-background-size: 260px auto;

}

.style_products .slide_box .jp .name

{

    font-size: 26px;

    font-size: 2.6rem;

    font-weight: bold;

}

@media (min-width: 600px)

{

    .style_products .slide_box

    {

        position: relative;



      

    }

    .style_products .slide_box .slide_image

    {

        position: relative;



        overflow: hidden;



        width: 100%;

       

    }

    .style_products .slide_box .slide_image img

    {

        position: absolute;

        top: 0;

        left: 50%; max-height:350px;



        width: 100%;

        height: auto;

        margin-left: -50%;

    }

    .style_products .slide_box .slide_body

    {

        display: table;

    }

    .style_products .slide_box .slide_body .slide_child

    {

        display: table-cell;



        vertical-align: middle;

    }

    .style_products .slide_box .slide_in

    {

        width: 1180px;

        height: auto;

        margin: 0 auto;

        margin-top: -20px;

        padding: 0;



        letter-spacing: -.03em;

    }

    .style_products .slide_box .slide_in .en,

    .style_products .slide_box .slide_in .jp

    {

        width: 472px;

        margin: 0;

    }

    .style_products .slide_box .slide_in .en

    {

        font-size: 14px;

        font-size: 1.4rem;



        background-image: url(../images/ttl_product_deco_top_1.png);

        -webkit-background-size: 472px auto;

           -moz-background-size: 472px auto;

                background-size: 472px auto;



            -ms-background-size: 472px auto;

    }

    .style_products .slide_box .slide_in .en:after

    {

        left: 0;



        width: 472px;

        margin-left: 0;



        background: url(../images/ttl_product_deco_bottom_1.png) no-repeat left bottom;

        -webkit-background-size: 472px auto;

           -moz-background-size: 472px auto;

                background-size: 472px auto;



            -ms-background-size: 472px auto;

    }

    .style_products .slide_box .slide_in .en .caption_cell

    {

        font-weight: bold;



        width: 110px;

        padding-left: 10px;

    }

    .style_products .slide_box .slide_in .en .num

    {

        line-height: 26px;



        min-width: 26px;

        min-height: 26px;

    }

    .style_products .slide_box .slide_in .en .name_cell

    {

        vertical-align: middle;

    }

    .style_products .slide_box .slide_in .en .name

    {

        padding-left: 15px;

    }

    .style_products .slide_box .slide_in .jp

    {

        padding: 20px 0 30px;



        background: url(../images/ttl_product_deco_bottom_1.png) no-repeat left bottom;

        -webkit-background-size: 472px auto;

           -moz-background-size: 472px auto;

                background-size: 472px auto;



            -ms-background-size: 472px auto;

    }

    .style_products .slide_box .slide_in .jp .name

    {

        font-size: 47px;

        font-size: 4.7rem;

    }

}



/*============================================================

* 販売店ネットワーク

*============================================================*/

.style_support .hero

{

    background-image: url(../images/bg_hero_10.jpg);

}



.style_support .support-top

{

    padding: 30px 0 0;

}

.style_support .support-top .linkgroup

{

    margin: 50px 0 0;

}

.style_support .support-top .linkgroup.first

{

    margin: 0;

}

.style_support .support-top .line_ttl

{

    margin-right: -15px;

    margin-left: -15px;

}

@media (min-width: 600px)

{

    .style_support .support-top .line_ttl

    {

        margin-right: auto;

        margin-left: auto;

    }

}

.style_support .support-top .pagenav li

{

    margin: 30px 0 0;

}

.style_support .support-top .pagenav li:first-child

{

    margin: 0;

}

.style_support .support-top .pagenav li.bdr .thumb

{

    border: 1px solid #ccc;

}

.style_support .support-top .pagenav li a

{

    display: block;



    text-decoration: none;

}

.style_support .support-top .pagenav .thumb img

{

    width: 100%;

    height: auto;

}

.style_support .support-top .pagenav .caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    margin: 5px 0 0;



    text-align: center;

}

@media (min-width: 600px)

{

    .style_support .support-top

    {

        padding: 50px 0 0;

    }

    .style_support .support-top .linkgroup

    {

        margin: 70px 0 0;

    }

    .style_support .support-top .linkgroup.first

    {

        margin: 0;

    }

    .style_support .support-top .pagenav

    {

        width: 999px;

        margin: -40px -20px 0 0;

    }

    .style_support .support-top .pagenav::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_support .support-top .pagenav li

    {

        float: left;



        width: 313px;

        margin: 40px 20px 0 0;

    }

    .style_support .support-top .pagenav li:first-child

    {

        margin: 40px 20px 0 0;

    }

    .style_support .support-top .pagenav li.bdr .thumb

    {

        border: 1px solid #ccc;

    }

    .style_support .support-top .pagenav li a

    {

        display: block;



        text-decoration: none;

    }

}



.style_support .repair-request .desc

{

    font-size: 16px;

    font-size: 1.6rem;

}



.style_support .repair-request .inquiry_links

{

    margin: 25px -15px 0;

    padding: 25px 15px;



    background: url(../images/bg_repair.jpg) no-repeat center 0;

    background-size: cover;

}



.style_support .repair-request .pagenav li

{

    margin: 30px 0 0;

}

.style_support .repair-request .pagenav li:first-child

{

    margin: 0;

}

.style_support .repair-request .pagenav li a

{

    display: block;



    text-decoration: none;

}



.style_support .repair-request .pagenav .bnr

{

    margin: 10px 0 0;



    background: #fff;

}



.style_support .repair-request .pagenav .thumb

{

    box-shadow: 0 2px 20px 0 rgba(4, 0, 0, .3);

}

.style_support .repair-request .pagenav .thumb img

{

    width: 100%;

    height: auto;

}



.style_support .repair-request .pagenav .action

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;

    line-height: 1.33333;



    text-align: center;



    color: #fff;

}



.style_support .repair-request .pagenav .caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    padding: 5px;



    text-align: center;



    box-shadow: 0 2px 20px 0 rgba(4, 0, 0, .3);

}



@media (min-width: 600px)

{

    .style_support .repair-request .wrap

    {

        width: 1220px;

    }

    .style_support .repair-request .desc

    {

        font-size: 20px;

        font-size: 2rem;



        text-align: center;

    }

    .style_support .repair-request .inquiry_links

    {

        margin: 40px 0 0;

        padding: 50px 70px 75px;



        background-image: url(../images/bg_repair_1.jpg);

    }

    .style_support .repair-request .pagenav

    {

        margin: -40px 0 0;



        text-align: center;

    }

    .style_support .repair-request .pagenav li

    {

        display: inline-block;



        width: 313px;

        margin: 40px 10px 0;

    }

    .style_support .repair-request .pagenav li:first-child

    {

        margin: 40px 20px 0 0;

    }

    .style_support .repair-request .pagenav li .bnr

    {

        margin: 0;

    }

    .style_support .repair-request .pagenav li a

    {

        display: block;



        text-decoration: none;

    }

    .style_support .repair-request .pagenav .action

    {

        font-size: 24px;

        font-size: 2.4rem;



        height: 90px;

    }

    .style_support .repair-request .pagenav .caption

    {

        padding: 10px;

    }

}



.style_support .faq-noindex

{

    font-size: 16px;

    font-size: 1.6rem;



    font-weight: bold;



    text-align: center;

}

@media (min-width: 600px)

{

    .style_support .faq-noindex

    {

        font-size: 20px;

        font-size: 2rem;

    }

}



.style_support .faq_colgroup .side

{

    margin: 45px 0 0;



    border-top: 4px solid #000;

}

.style_support .faq_colgroup .side .side_ttl

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;



    position: relative;



    padding: 10px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}

.style_support .faq_colgroup .side .side_ttl:after

{

    position: absolute;

    bottom: -4px;



    display: block;



    width: 100%;

    height: 1px;



    content: '';



    background: #d3d3d3;

}

.style_support .faq_colgroup .side .faq_menu .link_group

{

    padding: 15px;



    border-top: 1px solid #d3d3d3;

}

.style_support .faq_colgroup .side .faq_menu .link_group:first-child

{

    border-top: none;

}

.style_support .faq_colgroup .side .faq_menu .group_caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1.5;



    margin: 0 0 5px;

}

.style_support .faq_colgroup .side .faq_menu .link_list

{

    font-weight: bold;

}

.style_support .faq_colgroup .side .faq_menu .link_list li a.is-current,

.style_support .faq_colgroup .side .faq_menu .link_list li a:hover

{

    color: #0068b7;

}

.style_support .faq_colgroup .side .faq_menu .link_list a

{

    position: relative;



    padding-left: 20px;



    text-decoration: none;

}

.style_support .faq_colgroup .side .faq_menu .link_list a:before

{

    position: absolute;

    top: 50%;

    left: 0;



    display: block;



    width: 10px;

    height: 10px;

    margin-top: -5px;



    content: '';



    background: url(../images/arrow_square_black.png) no-repeat 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}



.style_support .faq_colgroup .main

{

    border-top: 4px solid #000;

}



.style_support .faq_colgroup .view_faq_type

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    margin: 0 0 15px;

    padding: 20px 0;



    text-align: center;

}



@media (min-width: 600px)

{

    .style_support .faq_colgroup::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_support .faq_colgroup .main

    {

        float: right;



        width: 780px;

    }

    .style_support .faq_colgroup .side

    {

        float: left;



        width: 180px;

        margin: 0;

    }

    .style_support .faq_colgroup .side .side_ttl

    {

        font-size: 20px;

        font-size: 2rem;



        padding: 10px 0;

    }

    .style_support .faq_colgroup .side .faq_menu .link_group

    {

        padding: 20px;

    }

    .style_support .faq_colgroup .side .faq_menu .group_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_support .faq_colgroup .side .faq_menu .link_list li

    {

        margin: 5px 0 0;

    }

    .style_support .faq_colgroup .side .faq_menu .link_list li:first-child

    {

        margin: 0;

    }

    .style_support .faq_colgroup .view_faq_type

    {

        text-align: left;

    }

}



.style_support .faq_article_container .article_ttl

{

    font-size: 20px;

    font-size: 2rem;

    font-weight: normal;

    line-height: 1.5;



    padding: 20px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}



.style_support .faq_article_container .article_body img

{

    width: 100%;

    height: auto;

    margin: 10px 0;

}



.style_support .faq_article_container .faq_list .question,

.style_support .faq_article_container .faq_list .answer

{

    position: relative;



    padding: 20px 0;

    padding-left: 35px;

}

.style_support .faq_article_container .faq_list .question:before,

.style_support .faq_article_container .faq_list .answer:before

{

    position: absolute;

    top: 15px;

    left: 0;



    display: block;



    width: 29px;

    height: 31px;



    content: '';



    background: url(../images/icon_faq_q.png) no-repeat 0 0;

    -webkit-background-size: 29px auto;

       -moz-background-size: 29px auto;

            background-size: 29px auto;



        -ms-background-size: 29px auto;

}



.style_support .faq_article_container .faq_list .question

{

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.5;



    border-top: 1px solid #000;

}



.style_support .faq_article_container .faq_list .answer

{

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1.5;



    border-top: 1px solid #dadada;

}

.style_support .faq_article_container .faq_list .answer:before

{

    background-image: url(../images/icon_faq_a.png);

}



@media (min-width: 600px)

{

    .style_support .faq_article_container .article_ttl

    {

        font-size: 24px;

        font-size: 2.4rem;

        line-height: 1.5;



        text-align: left;

    }

    .style_support .faq_article_container .article_body img

    {

        width: inherit;

        height: inherit;

        margin: 15px 0;

    }

    .style_support .faq_article_container .faq_list .question,

    .style_support .faq_article_container .faq_list .answer

    {

        position: relative;



        padding: 30px 0;

        padding-left: 50px;

    }

    .style_support .faq_article_container .faq_list .question:before,

    .style_support .faq_article_container .faq_list .answer:before

    {

        top: 20px;



        width: 38px;

        height: 42px;



        background-image: url(../images/icon_faq_q_1.png);

        -webkit-background-size: 38px auto;

           -moz-background-size: 38px auto;

                background-size: 38px auto;



            -ms-background-size: 38px auto;

    }

    .style_support .faq_article_container .faq_list .question

    {

        font-size: 18px;

        font-size: 1.8rem;

    }

    .style_support .faq_article_container .faq_list .answer:before

    {

        background-image: url(../images/icon_faq_a_1.png);

    }

}



.style_support .solution_scene

{

    margin: 50px 0 0;

}

.style_support .solution_scene .line_ttl

{

    margin-right: -15px;

    margin-left: -15px;

}

.style_support .solution_scene .desc

{

    font-size: 14px;

    font-size: 1.4rem;



    text-align: center;

}

.style_support .solution_scene .btn_area

{

    margin: 30px 0 0;

}

.style_support .solution_scene .btn_area .btn_list li

{

    margin: 10px 0 0;

}

.style_support .solution_scene .btn_area .btn_list li:first-child

{

    margin: 0;

}

@media (min-width: 600px)

{

    .style_support .solution_scene .line_ttl

    {

        margin-right: 0;

        margin-left: 0;

    }

    .style_support .solution_scene .desc

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_support .solution_scene .btn_area

    {

        margin: 20px 0 0;

    }

    .style_support .solution_scene .btn_area .btn_list

    {

        text-align: center;

    }

    .style_support .solution_scene .btn_area .btn_list li

    {

        display: inline-block;



        width: 310px;

        margin: 0 10px;

    }

    .style_support .solution_scene .btn_area .btn_list li:first-child

    {

        margin: 0 10px;

    }

}



.style_support .catalog-download .top_btns

{

    margin: -10px 0 50px;

}

.style_support .catalog-download .top_btns .btn

{

    border: 2px solid #000;

}



.style_support .catalog-download .foot_btns

{

    margin: 70px 0 0;

}

.style_support .catalog-download .foot_btns .btn

{

    border: 2px solid #000;

}



.style_support .catalog-download .catalog_list > li

{

    margin: 30px 0 0;

    padding: 15px 0 0;



    border-top: 2px solid #000;

}

.style_support .catalog-download .catalog_list > li:first-child

{

    margin: 0;

}

.style_support .catalog-download .catalog_list > li.new .box .caption span

{

    display: inline-block;



    padding-left: 35px;



    background: url(../images/icon_new.png) no-repeat 0 .25em;

    -webkit-background-size: 26px auto;

       -moz-background-size: 26px auto;

            background-size: 26px auto;



        -ms-background-size: 26px auto;

}



.style_support .catalog-download .box .caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

    line-height: 1.33333;



    text-align: center;

    letter-spacing: -.03em;

}



.style_support .catalog-download .box .information

{

    display: table;



    margin: 10px 0 0;

}

.style_support .catalog-download .box .information > div

{

    display: table-cell;



    vertical-align: top;

}

.style_support .catalog-download .box .information .thumb

{

    width: 90px;

}

.style_support .catalog-download .box .information .thumb img

{

    width: 100%;

    height: auto;

}

.style_support .catalog-download .box .information .details

{

    padding-left: 10px;

}

.style_support .catalog-download .box .information .details .icon

{

    margin: 0 0 5px;

}



.style_support .catalog-download .box .download_container

{

    margin: 30px 0 0;

    padding: 15px;



    background: #f2f2f2;

}

.style_support .catalog-download .box .download_container .download_list li

{

    margin: 10px 0 0;

}

.style_support .catalog-download .box .download_container .download_list li:first-child

{

    margin: 0;

}

.style_support .catalog-download .box .download_container .btn

{

    border: 2px solid #000;

}

.style_support .catalog-download .box .download_container .btn .icon.pdf

{

    position: relative;



    display: inline-block;

}

.style_support .catalog-download .box .download_container .btn .icon.pdf:after

{

    position: relative;

    top: 5px;



    display: inline-block;



    width: 18px;

    height: 20px;

    margin-left: 10px;



    content: '';

    transition: all .3s linear;



    background: url(../images/icon_pdf_black.png) no-repeat 0 0;

    -webkit-background-size: 18px auto;

       -moz-background-size: 18px auto;

            background-size: 18px auto;



        -ms-background-size: 18px auto;

}



@media (min-width: 600px)

{

    .style_support .catalog-download .foot_btns,

    .style_support .catalog-download .top_btns

    {

        text-align: center;

    }

    .style_support .catalog-download .foot_btns .btn,

    .style_support .catalog-download .top_btns .btn

    {

        width: 320px;

    }



    .style_support .catalog-download .top_btns

    {

        text-align: center;

    	margin: -40px 0 80px;

    }

    .style_support .catalog-download .catalog_list

    {

        width: 999px;

        margin: -60px -18px 0 0;

    }

    .style_support .catalog-download .catalog_list::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_support .catalog-download .catalog_list > li

    {

        float: left;



        width: 315px;

        margin: 60px 18px 0 0;

        padding: 20px 0 0;

    }

    .style_support .catalog-download .catalog_list > li:first-child

    {

        margin: 60px 18px 0 0;

    }

    .style_support .catalog-download .catalog_list > li.new .box .caption span

    {

        padding-left: 45px;



        -webkit-background-size: 35px auto;

           -moz-background-size: 35px auto;

                background-size: 35px auto;



            -ms-background-size: 35px auto;

    }

    .style_support .catalog-download .box .caption

    {

        font-size: 18px;

        font-size: 1.8rem;

    }

    .style_support .catalog-download .box .information

    {

        display: block;



        margin: 20px 0 0;

    }

    .style_support .catalog-download .box .information > div

    {

        display: block;

    }

    .style_support .catalog-download .box .information .thumb

    {

        width: auto;



        text-align: center;

    }

    .style_support .catalog-download .box .information .thumb img

    {

        width: 120px;

    }

    .style_support .catalog-download .box .information .details

    {

        position: relative;



        margin: 15px 0 0;

        padding: 0;

    }

    .style_support .catalog-download .box .information .details .icon

    {

        position: absolute;

        top: -45px;

        left: 0;

    }

    .style_support .catalog-download .box .information .details .icon img

    {

        width: 112px;

        height: auto;

    }

    .style_support .catalog-download .box .download_container

    {

        margin: 15px 0 0;

    }

    .style_support .catalog-download .box .download_container .btn

    {

        font-size: 13px;

        font-size: 1.3rem;



        border-width: 1px;

    }

    .style_support .catalog-download .box .download_container .btn:hover .icon.pdf:after

    {

        background-image: url(../images/icon_pdf_white.png);

    }

}



/*============================================================

* 販売店ネットワーク

*============================================================*/

.style_network .contents

{

    padding-bottom: 30px;

}



.style_network .hero

{

    background-image: url(../images/bg_hero_11.jpg);

}



.style_network .search_shop

{

    padding: 30px 0 0;

}

.style_network .search_shop .shop_box .shop_details

{

    display: table;



    width: 100%;

}

.style_network .search_shop .shop_box .shop_details > div

{

    display: table-cell;



    vertical-align: top;

}

.style_network .search_shop .shop_box .shop_details > div:first-child

{

    width: 60px;

}

.style_network .search_shop .shop_box .marker

{

    width: 42px;

    padding: 0 0 10px;

}

.style_network .search_shop .shop_box .marker_sales

{

    background: url(../images/icon_map_marker_bottom_sales.png) no-repeat center bottom;

    -webkit-background-size: 28px auto;

       -moz-background-size: 28px auto;

            background-size: 28px auto;

        -ms-background-size: 28px auto;

}

.style_network .search_shop .shop_box .marker_overall

{

    background: url(../images/icon_map_marker_bottom_overall.png) no-repeat center bottom;

    -webkit-background-size: 28px auto;

       -moz-background-size: 28px auto;

            background-size: 28px auto;

        -ms-background-size: 28px auto;

}

.style_network .search_shop .shop_box .marker_production

{

    background: url(../images/icon_map_marker_bottom_production.png) no-repeat center bottom;

    -webkit-background-size: 28px auto;

       -moz-background-size: 28px auto;

            background-size: 28px auto;

        -ms-background-size: 28px auto;

}

.style_network .search_shop .shop_box .marker_technical

{

    background: url(../images/icon_map_marker_bottom_technical.png) no-repeat center bottom;

    -webkit-background-size: 28px auto;

       -moz-background-size: 28px auto;

            background-size: 28px auto;

        -ms-background-size: 28px auto;

}



.style_network .search_shop .shop_box .shop_name

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

}

.style_network .search_shop .shop_box .shop_links

{

    overflow: hidden;



    margin: 10px 0 0;

}

.style_network .search_shop .shop_box .shop_links li

{

    font-weight: bold;



    display: inline;

    float: left;

    margin-top:10px;

    margin-right: 10px;

}

.style_network .search_shop .shop_box .shop_links li:first-child

{

    /*margin: 0;*/

}

.style_network .search_shop .shop_box .shop_links a

{

    display: inline-block;



    padding: 2px 10px;



    text-decoration: none;



    border: 1px solid #000;

    background: #fff;

}

.style_network .search_shop .shop_box .shop_links a span

{

    position: relative;



    padding-left: 20px;

}

.style_network .search_shop .shop_box .shop_links a span:before

{

    position: absolute;

    top: 50%;

    left: 0;



    width: 15px;

    height: 16px;

    margin-top: -8px;



    content: '';



    background: url(../images/icon_gmap.png) no-repeat 0 0;

    -webkit-background-size: 15px auto;

       -moz-background-size: 15px auto;

            background-size: 15px auto;



        -ms-background-size: 15px auto;

}

.style_network .search_shop .shop_box .shop_links a span.mail:before

{

    background-image: url(../images/icon_mail.png);

/*    width:15px;

    height:10px;

    margin-top:-5px;*/

}

.style_network .search_shop .shop_box .stock_list

{

    font-size: 10px;

    font-size: 1rem;



    margin: 5px 0 0;



    color: #666;

}

.style_network .search_shop .shop_box .stock_list::after

{

    display: table;

    clear: both;



    content: '';

}

.style_network .search_shop .shop_box .stock_list dt

{

    float: left;

    clear: left;



    width: 2em;

}

.style_network .search_shop .shop_box .stock_list dd

{

    padding-left: 2em;

}

.style_network .search_shop .shop_box .shop_telephone

{

    display: table;



    width: 100%;

    margin: 10px 0 0;

}

.style_network .search_shop .shop_box .shop_telephone > div

{

    display: table-cell;



    vertical-align: middle;

}

.style_network .search_shop .shop_box .shop_telephone .callnumber

{

    font-size: 18px;

    font-size: 1.8rem;

    font-weight: bold;



    position: relative;



    padding-right: 15px;



    text-align: right;

}

.style_network .search_shop .shop_box .shop_telephone .callnumber span

{

    position: relative;



    padding-left: 25px;

}

.style_network .search_shop .shop_box .shop_telephone .callnumber span:before

{

    position: absolute;

    top: 50%;

    left: 0;



    width: 21px;

    height: 21px;

    margin-top: -11.5px;



    content: '';



    background: url(../images/icon_call_blue.png) no-repeat 0 0;

    -webkit-background-size: 21px auto;

       -moz-background-size: 21px auto;

            background-size: 21px auto;



        -ms-background-size: 21px auto;

}

.style_network .search_shop .shop_box .shop_telephone .callbtn

{

    width: 80px;



    text-align: right;

}

.style_network .search_shop .shop_box .shop_telephone .callbtn .btn_call

{

    font-weight: bold;



    display: inline-block;



    width: 100%;

    padding: 10px;



    text-align: center;

    text-decoration: none;



    color: #fff;

    background: #000;

}

.style_network .search_shop .shop_box .shop_telephone .callbtn span

{

    position: relative;



    padding-left: 16px;

}

.style_network .search_shop .shop_box .shop_telephone .callbtn span:before

{

    position: absolute;

    top: 50%;

    left: 0;



    display: block;



    width: 12px;

    height: 12px;

    margin-top: -6px;



    content: '';



    background: url(../images/icon_call_white.png) no-repeat 0 0;

    -webkit-background-size: 12px auto;

       -moz-background-size: 12px auto;

            background-size: 12px auto;



        -ms-background-size: 12px auto;

}

.style_network .search_shop .search_caption

{

    font-size: 18px;

    font-size: 1.8rem;

    font-weight: bold;

    line-height: 1;



    margin: 0 0 20px;



    text-align: center;

}

.style_network .search_shop .search_caption span

{

    position: relative;



    padding-left: 25px;

}

.style_network .search_shop .search_caption span:before

{

    position: absolute;

    top: 50%;

    left: 0;



    width: 19px;

    height: 18px;

    margin-top: -9px;



    content: '';



    background: url(../images/icon_shop.png) no-repeat 0 0;

    -webkit-background-size: 19px auto;

       -moz-background-size: 19px auto;

            background-size: 19px auto;



        -ms-background-size: 19px auto;

}

.style_network .search_shop .search_scaption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1;



    margin: 0 0 15px;

    padding: 20px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}

.style_network .search_shop .search_keyword

{

    margin: 0 0 35px;

}

.style_network .search_shop .search_keyword .input_box input[type='text']

{

    font-size: 16px;

    font-size: 1.6rem;



    padding-left: 10px;



    transform: scale(.8);

}

.style_network .search_shop .search_select_container

{

    margin: 0 0 15px;

}

.style_network .search_shop .search_select_container .search_select

{

    margin: 40px 0 0;



    border-top: 2px solid #000;

}

.style_network .search_shop .search_select_container .search_select:first-child

{

    margin: 0;

}

.style_network .search_shop .search_select_container .selectors

{

    margin-top: -10px;

}

.style_network .search_shop .search_select_container .selectors::after

{

    display: table;

    clear: both;



    content: '';

}

.style_network .search_shop .search_select_container .selectors li

{

    float: left;



    width: 49%;

    margin: 10px 0 0;

}

.style_network .search_shop .search_select_container .selectors li:nth-child(2n)

{

    float: right;

}

.style_network .search_shop .search_select_container .selectors .customSelect

{

    font-size: 16px;

    font-size: 1.6rem;



    text-align: center;

}

.style_network .search_shop .search_select_container .selectors .customSelect .customSelectInner

{

    transform: scale(.8);

}

.style_network .search_shop .search_result_container .resulut_map

{

    padding: 30px 0;



    border-top: 1px solid #000;

}

.style_network .search_shop .search_result_container .resulut_map .map_container

{

    position: relative;



    margin: 0 0 15px;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .images img

{

    width: 100%;

    height: auto;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup

{

    background: #fff;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup:after

{

    position: absolute;

    bottom: -15px;

    left: 50%;



    display: block;



    width: 1px;

    height: 1px;

    margin-left: -5px;



    content: '';



    border: 5px solid transparent;

    border-top: 10px solid #fff;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area

{

    position: absolute;

    top: 10px;

    right: 10px;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close

{

    position: relative;



    display: block;



    width: 14px;

    height: 14px;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close:before,

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close:after

{

    position: absolute;

    top: 50%;

    left: 50%;



    display: block;



    width: 14px;

    height: 2px;

    margin-top: -1px;

    margin-left: -7px;



    content: '';



    background: #b2b2b2;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close:before

{

    transform: rotate(45deg);

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close:after

{

    transform: rotate(-45deg);

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box

{

    width: 250px;

    padding: 10px;

}

.style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box .shop_telephone .callnumber

{

    font-size: 15px;

    font-size: 1.5rem;

}

@media (min-width: 600px)

{

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup:after

    {

        position: absolute;

        bottom: -30px;

        left: 50%;



        margin-left: -10px;



        border: 10px solid transparent;

        border-top: 20px solid #fff;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close

    {

        width: 20px;

        height: 20px;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close:before,

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .btn_area .btn_popup_close:after

    {

        width: 20px;

        height: 2px;

        margin-left: -10px;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box

    {

        width: 430px;

        width: 380px;

        padding-bottom:40px;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box .shop_details .shop_links

    {

        position: absolute;

        z-index: 1;

        /*right: 10px;*/

        left:0;

        bottom: 10px;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box .shop_details .shop_address

    {

        font-size: 12px;

        font-size: 1.2rem;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box .shop_details .stock_list

    {

        margin: 0 0 5px;



        color: #333;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .shop_popup .shop_box .shop_telephone .callnumber

    {

        font-size: 18px;

        font-size: 1.8rem;



        padding-left: 0;

    }

}

.style_network .search_shop .search_result_container .resulut_map .marker_list

{

    margin: -5px 0 0 0;

}

.style_network .search_shop .search_result_container .resulut_map .marker_list li

{

    display: inline-block;



    margin: 5px 10px 0 0;

}

.style_network .search_shop .search_result_container .resulut_map .marker_list li img

{

    margin-right: 10px;

}

.style_network .search_shop .search_result_container .result_information

{

    border-top: 1px solid #000;

}

.style_network .search_shop .search_result_container .result_information .result_header

{

    font-size: 14px;

    font-size: 1.4rem;



    padding: 10px 0;



    text-align: center;

}

.style_network .search_shop .search_result_container .result_information .result_header .num

{

    font-size: 19px;

    font-size: 1.9rem;

    font-weight: bold;

}

.style_network .search_shop .search_result_container .result_information .shop_list

{

    margin: 0 0 15px;

}

.style_network .search_shop .search_result_container .result_information .shop_list > li

{

    border-bottom: 1px solid #999;

}

.style_network .search_shop .search_result_container .result_information .shop_list > li:first-child

{

    border-top: 1px solid #999;

}

.style_network .search_shop .search_result_container .result_information .shop_list .shop_box

{

    padding: 20px 0;

}



@media (min-width: 600px)

{

    .style_network .search_shop

    {

        padding: 50px 0 0;

    }

    .style_network .search_shop .shop_box .shop_details

    {

        display: table;



        width: 100%;

    }

    .style_network .search_shop .shop_box .shop_details > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_network .search_shop .shop_box .shop_details > div:first-child

    {

        width: 60px;

    }

    .style_network .search_shop .shop_box .shop_links

    {

        margin: 5px 0 0;

    }

    .style_network .search_shop .shop_box .shop_links li

    {

        font-size: 12px;

        font-size: 1.2rem;

    }

    .style_network .search_shop .shop_box .shop_links li:first-child

    {

        /*margin: 0;*/

    }

    .style_network .search_shop .shop_box .stock_list

    {

        font-size: 11px;

        font-size: 1.1rem;



        margin: 10px 0 0;



        color: #666;

    }

    .style_network .search_shop .shop_box .stock_list dt

    {

        float: left;

        clear: left;



        width: 2em;

    }

    .style_network .search_shop .shop_box .stock_list dd

    {

        padding-left: 2em;

    }

    .style_network .search_shop .shop_box .shop_telephone

    {

        margin: 0;

    }

    .style_network .search_shop .shop_box .shop_telephone .callnumber

    {

        font-size: 20px;

        font-size: 2rem;



        padding-right: 0;

        padding-left: 60px;



        text-align: left;

    }

    .style_network .search_shop .shop_box .shop_telephone .callnumber span

    {

        position: relative;



        padding-left: 25px;

        font-size: 1.5rem;

    }

    .style_network .search_shop .shop_box .shop_telephone .callnumber span:before

    {

        position: absolute;

        top: 50%;

        left: 0;



        width: 21px;

        height: 21px;

        margin-top: -11.5px;



        content: '';



        background: url(../images/icon_call_blue.png) no-repeat 0 0;

        -webkit-background-size: 21px auto;

           -moz-background-size: 21px auto;

                background-size: 21px auto;



            -ms-background-size: 21px auto;

    }

    .style_network .search_shop .shop_box .shop_telephone .callbtn

    {

        display: none;

    }

    .style_network .search_shop .search_caption

    {

        font-size: 24px;

        font-size: 2.4rem;



        margin: 0 0 30px;

    }

    .style_network .search_shop .search_caption span

    {

        padding-left: 35px;

    }

    .style_network .search_shop .search_caption span:before

    {

        width: 24px;

        height: 24px;

        margin-top: -12px;



        background-image: url(../images/icon_shop_1.png);

        -webkit-background-size: 24px auto;

           -moz-background-size: 24px auto;

                background-size: 24px auto;



            -ms-background-size: 24px auto;

    }

    .style_network .search_shop .search_scaption

    {

        font-size: 16px;

        font-size: 1.6rem;



        margin: 0 0 25px;

        padding: 15px 0;



        text-align: left;

    }

    .style_network .search_shop .search_keyword

    {

        margin: 0 0 60px;

    }

    .style_network .search_shop .search_keyword .input_box input[type='text']

    {

        padding-left: 40px;



        transform: none;

    }

    .style_network .search_shop .search_select_container

    {

        margin: 0 0 40px;

    }

    .style_network .search_shop .search_select_container::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_network .search_shop .search_select_container .search_select

    {

        margin: 0;



        border-top: 2px solid #000;

    }

    .style_network .search_shop .search_select_container .search_select.area

    {

        float: left;



        width: 315px;

    }

    .style_network .search_shop .search_select_container .search_select.area .selectors li

    {

        width: 100%;

    }

    .style_network .search_shop .search_select_container .search_select.field

    {

        float: right;



        width: 650px;

    }

    .style_network .search_shop .search_select_container .search_select.field .selectors li

    {

        width: 32%;

        margin-right: 2%;

    }

    .style_network .search_shop .search_select_container .search_select.field .selectors li:nth-child(2n)

    {

        float: left;

    }

    .style_network .search_shop .search_select_container .search_select.field .selectors li:nth-child(3n)

    {

        margin-right: 0;

    }

    .style_network .search_shop .search_select_container .selectors

    {

        margin-top: -10px;

    }

    .style_network .search_shop .search_select_container .selectors::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_network .search_shop .search_select_container .selectors li

    {

        float: left;



        width: 49%;

        margin: 10px 0 0;

    }

    .style_network .search_shop .search_select_container .selectors li:nth-child(2n)

    {

        float: right;

    }

    .style_network .search_shop .search_select_container .selectors .customSelect

    {

        font-size: 14px;

        font-size: 1.4rem;



        text-align: center;

    }

    .style_network .search_shop .search_select_container .selectors .customSelect .customSelectInner

    {

        transform: scale(1);

    }

    .style_network .search_shop .search_result_container::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_network .search_shop .search_result_container .resulut_map

    {

        float: right;



        width: 665px;

        padding: 0;



        border: none;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container

    {

        height: 540px;

        margin: 0 0 10px;

    }

    .style_network .search_shop .search_result_container .resulut_map .map_container .images img

    {

        width: auto;

        height: 100%;

    }

    .style_network .search_shop .search_result_container .resulut_map .marker_list

    {

        text-align: right;

    }

    .style_network .search_shop .search_result_container .resulut_map .marker_list li

    {

        display: inline-block;



        margin: 5px 0 0 10px;

    }

    .style_network .search_shop .search_result_container .resulut_map .marker_list li img

    {

        margin-right: 10px;

    }

    .style_network .search_shop .search_result_container .result_information

    {

        float: left;



        width: 315px;



        border: none;

    }

    .style_network .search_shop .search_result_container .result_information .result_header

    {

        line-height: 45px;



        max-height: 45px;

        padding: 0;



        color: #fff;

        background: #333;

    }

    .style_network .search_shop .search_result_container .result_information .result_header .num

    {

        font-size: 18px;

        font-size: 1.8rem;

    }

    .style_network .search_shop .search_result_container .result_information .result_body

    {

        height: 495px;



        border-bottom: 3px solid #e5e5e5;

        border-left: 3px solid #e5e5e5;

    }

    .style_network .search_shop .search_result_container .result_information .scrollbox

    {

        height: 492px;

    }

    .style_network .search_shop .search_result_container .result_information .shop_list

    {

        margin: 0;

    }

    .style_network .search_shop .search_result_container .result_information .shop_list > li

    {

        border-bottom: 1px solid #000;

    }

    .style_network .search_shop .search_result_container .result_information .shop_list > li.is-checked

    {

        background: #f2f2f2;

    }

    .style_network .search_shop .search_result_container .result_information .shop_list > li:first-child

    {

        border-top: none;

    }

    .style_network .search_shop .search_result_container .result_information .shop_list > li:last-child

    {

        border-bottom: none;

    }

    .style_network .search_shop .search_result_container .result_information .shop_list .shop_box

    {

        padding: 20px 15px;

    }

}



/*============================================================

* ニュース

*============================================================*/

.style_news .news_list .news_group

{

    padding: 0;

}

.style_news .news_list .news_group:first-child

{

    border-top: 1px solid #000;

}

.style_news .news_list .news_group a

{

    display: block;

    overflow: hidden;



    padding: 15px 0;



    text-decoration: none;

}

.style_news .news_list .news_group a:hover

{

    opacity: 1;

    background: #f4f4f5;

}



@media (min-width: 600px)

{

    .style_news .news_list .data

    {

        /* width: 560px; */

        width: auto;

       /* padding-left: 261px;*/

    }

}



.style_news .news_colgroup .side

{

    margin: 45px 0 0;



    border-top: 4px solid #000;

}

.style_news .news_colgroup .side .side_ttl

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;



    position: relative;



    padding: 10px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}

.style_news .news_colgroup .side .side_ttl:after

{

    position: absolute;

    bottom: -4px;



    display: block;



    width: 100%;

    height: 1px;



    content: '';



    background: #d3d3d3;

}

.style_news .news_colgroup .side .news_menu .link_group

{

    padding: 15px;



    border-top: 1px solid #d3d3d3;

}

.style_news .news_colgroup .side .news_menu .link_group:first-child

{

    border-top: none;

}

.style_news .news_colgroup .side .news_menu .group_caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1.5;



    margin: 0 0 5px;

}

.style_news .news_colgroup .side .news_menu .link_list

{

    font-weight: bold;

}

.style_news .news_colgroup .side .news_menu .link_list li a.is-current,

.style_news .news_colgroup .side .news_menu .link_list li a:hover

{

    color: #0068b7;

}

.style_news .news_colgroup .side .news_menu .link_list a

{

    position: relative;



    padding-left: 20px;



    text-decoration: none;

}

.style_news .news_colgroup .side .news_menu .link_list a:before

{

    position: absolute;

    top: 50%;

    left: 0;



    display: block;



    width: 10px;

    height: 10px;

    margin-top: -5px;



    content: '';



    background: url(../images/arrow_square_black.png) no-repeat 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}



.style_news .news_colgroup .main

{

    border-top: 4px solid #000;

}



.style_news .news_colgroup .view_news_type

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    margin: 0 0 15px;

    padding: 20px 0;



    text-align: center;

}



@media (min-width: 600px)

{

    .style_news .news_colgroup::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_news .news_colgroup .main

    {

        float: right;



        width:900px;

    }

    .style_news .news_colgroup .side

    {

        float: left;



        width: 180px;

        margin: 0;

    }

    .style_news .news_colgroup .side .side_ttl

    {

        font-size: 20px;

        font-size: 2rem;



        padding: 10px 0;

    }

    .style_news .news_colgroup .side .news_menu .link_group

    {

        padding: 20px;

    }

    .style_news .news_colgroup .side .news_menu .group_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_news .news_colgroup .side .news_menu .link_list

    {

        margin: 10px 0 0;

    }

    .style_news .news_colgroup .side .news_menu .link_list li

    {

        margin: 5px 0 0;

    }

    .style_news .news_colgroup .side .news_menu .link_list li:first-child

    {

        margin: 0;

    }

    .style_news .news_colgroup .view_news_type

    {

        text-align: left;

    }

}



.style_news .news_article_container .label

{

    display: inline-block;



    min-width: 95px;



    text-align: center;



    background: #e6e6e6;

}



.style_news .news_article_container .categorize_in

{

    display: table;



    margin: 20px 0 0;

}

.style_news .news_article_container .categorize_in > div

{

    display: table-cell;



    vertical-align: top;

}

.style_news .news_article_container .categorize_in .date

{

    width: 10em;

}

.style_news .news_article_container .categorize_in .category_list

{

    margin-top: -5px;

}

.style_news .news_article_container .categorize_in .category_list::after

{

    display: table;

    clear: both;



    content: '';

}

.style_news .news_article_container .categorize_in .category_list li

{

    float: left;



    margin: 5px 5px 0 0;

}



.style_news .news_article_container .article_ttl

{

    font-size: 20px;

    font-size: 2rem;

    font-weight: normal;

    line-height: 1.5;



    padding: 20px 0;



    border-bottom: 1px solid #000;

}



.style_news .news_article_container .article_body

{

    margin: 20px 0 0;

}

.style_news .news_article_container .article_body img

{

    width: 100%;

    height: auto;

    margin: 10px 0;

}



.style_news .news_article_container h2

{

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.75;



    margin: 20px 0 0;

    padding: 0 0 5px;



    border-bottom: 1px solid #999;

}

.style_news .news_article_container h2:first-child

{

    margin-top: 0;

}



.style_news .news_article_container h3

{

    font-size: 12px;

    font-size: 1.2rem;

    line-height: 1.75;



    margin: 20px 0 0;

}

.style_news .news_article_container h3:first-child

{

    margin-top: 0;

}



.style_news .news_article_container p

{

    margin: 10px 0;

}

.style_news .news_article_container p:first-child

{

    margin-top: 0;

}



.style_news .news_article_container ol

{

    margin: 10px 0;

    margin-left: 1.25em;

}

.style_news .news_article_container ol li

{

    list-style-type: decimal;

}

.style_news .news_article_container ol:first-child

{

    margin-top: 0;

}



@media (min-width: 600px)

{

    .style_news .news_article_container .label

    {

        min-width: 100px;

    }

    .style_news .news_article_container .article_information

    {

        overflow: hidden;

    }

    .style_news .news_article_container .categorize_in

    {

        display: table;

        float: right;

    }

    .style_news .news_article_container .categorize_in > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_news .news_article_container .categorize_in .category

    {

        font-size: 11px;

        font-size: 1.1rem;

    }

    .style_news .news_article_container .categorize_in .date

    {

        width: 10em;

    }

    .style_news .news_article_container .categorize,

    .style_news .news_article_container .data

    {

        padding: 0;

    }

    .style_news .news_article_container .article_ttl

    {

        font-size: 30px;

        font-size: 3rem;

        line-height: 1.25;

    }

    .style_news .news_article_container .article_body

    {

        margin: 50px 0 0;

        padding: 0 0 40px;



        /* border-bottom: 1px solid #000;*/

    }

    .style_news .news_article_container .article_body img

    {

        width: inherit;

        height: inherit;

        margin: 15px auto;

        display: block;

    }

    .style_news .news_article_container h2

    {

        font-size: 18px;

        font-size: 1.8rem;

        line-height: 1.33333;



        margin: 50px 0 0;

        padding: 0 0 10px;

    }

    .style_news .news_article_container h3

    {

        font-size: 14px;

        font-size: 1.4rem;

        line-height: 1.71429;



        margin: 30px 0 0;

    }

    .style_news .news_article_container p

    {

        margin: 15px 0;

    }

    .style_news .news_article_container ol

    {

        margin-top: 15px;

        margin-bottom: 15px;

    }

}



/*============================================================

* 企業情報

*============================================================*/

.style_company .hero

{

    background-image: url(../images/bg_hero_12.jpg);

}



.style_company .company_information

{

    margin: 30px 0 0;

}

.style_company .company_information .desc

{

    font-size: 14px;

    font-size: 1.4rem;

}

.style_company .company_information .company_data

{

    margin: 30px 0 0;



    border-top: 2px solid #000;

}

.style_company .company_information .company_data .btn_area

{

    margin: 50px 0 0;

}

.style_company .company_information .company_data .data_group

{

    display: table;



    width: 100%;

}

.style_company .company_information .company_data .data_group > div

{

    display: table-cell;



    padding: 15px 0;



    vertical-align: top;

}

.style_company .company_information .company_data .data_group:first-child > div

{

    border-top: none;

}

.style_company .company_information .company_data .data_group:first-child .data_caption:before

{

    display: none;

}

.style_company .company_information .company_data .data_group .data_caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;

    line-height: 1.5;



    position: relative;



    width: 100px;

}

.style_company .company_information .company_data .data_group .data_caption:before

{

    position: absolute;

    top: 0;

    left: 0;



    display: block;



    width: 90px;

    height: 1px;



    content: '';



    background: #000;

}

.style_company .company_information .company_data .data_group .data_details

{

    border-top: 1px solid #000;

}

@media (min-width: 600px)

{

    .style_company .company_information

    {

        margin: 50px 0 0;

    }

    .style_company .company_information .desc

    {

        font-size: 16px;

        font-size: 1.6rem;



        text-align: center;

    }

    .style_company .company_information .company_data

    {

        margin: 50px 0 0;

    }

    .style_company .company_information .company_data .btn_area

    {

        width: 650px;

        margin: 50px auto 0;

    }

    .style_company .company_information .company_data .btn_area .btn

    {

        color: #333;

        border: 2px solid #000;

        background: #fff;

    }

    .style_company .company_information .company_data .btn_area .btn:before

    {

        background-image: url(../images/icon_popup_1.png);

    }

    .style_company .company_information .company_data .btn_area .btn:hover

    {

        color: #fff;

        background: #000;

    }

    .style_company .company_information .company_data .btn_area .btn:hover:before

    {

        background-image: url(../images/icon_popup_white_bold_1.png);

    }

    .style_company .company_information .company_data .data_group > div

    {

        display: table-cell;



        padding: 20px 0;



        vertical-align: top;

    }

    .style_company .company_information .company_data .data_group .data_caption

    {

        font-size: 18px;

        font-size: 1.8rem;



        width: 250px;

    }

    .style_company .company_information .company_data .data_group .data_caption:before

    {

        width: 230px;

    }

}



/*============================================================

* 事例紹介

*============================================================*/

.style_case-study.style_vol01 .slide_box

{

    background-image: url(../images/bg_hero_13.jpg);

}



.style_case-study.style_vol02 .slide_box

{

    background-image: url(../images/bg_hero_14.jpg);

}



.style_case-study.style_vol03 .slide_box

{

    background-image: url(../images/bg_hero_15.jpg);

}



.style_case-study.style_vol04 .slide_box

{

    background-image: url(../images/bg_hero_16.jpg);

}

.style_case-study .image_set

{

    margin: 20px 0 0;

}

.style_case-study .image_set:first-child

{

    margin: 0;

}

.style_case-study .image_set.single

{

    text-align: center;

}

.style_case-study .image_set img

{

    width: 100%;

    height: auto;

}

.style_case-study .image_set .image_list li

{

    margin: 20px 0 0;

}

.style_case-study .image_set .image_list li:first-child

{

    margin: 0;

}

@media (min-width: 600px)

{

    .style_case-study .image_set.single

    {

        text-align: center;

    }

    .style_case-study .image_set img

    {

        width: inherit;

    }

    .style_case-study .image_set .image_list

    {

        text-align: center;

    }

    .style_case-study .image_set .image_list li

    {

        display: inline-block;



        margin: 0 5px;

    }

    .style_case-study .image_set .image_list li:first-child

    {

        margin: 0 5px;

    }

}



.style_case-study .case_study_box

{

    margin: 20px 0 0;



    border: 2px solid #0d5197;

    border-radius: 10px;

    background: #0d5197;

}

.style_case-study .case_study_box .box_caption

{

    font-size: 18px;

    font-size: 1.8rem;

    font-weight: bold;



    padding: 5px 0;



    text-align: center;



    color: #fff;

    border-radius: 10px 10px 0 0;

}

.style_case-study .case_study_box .box_body

{

    padding: 20px;



    border-radius: 0 0 10px 10px;

    background: #fff;

}

.style_case-study .case_study_box .image_caption

{

    font-weight: bold;



    text-align: center;

}

.style_case-study .case_study_box.vol03_extra

{

    background: #d3edfa;

}

.style_case-study .case_study_box.vol03_extra .box_body

{

    padding: 10px 0;



    background: #d3edfa;

}

@media (min-width: 600px)

{

    .style_case-study .case_study_box

    {

        margin: 40px 0 0;

    }

    .style_case-study .case_study_box .box_caption

    {

        font-size: 24px;

        font-size: 2.4rem;

    }

    .style_case-study .case_study_box .box_body

    {

        padding: 30px;

    }

    .style_case-study .case_study_box.vol03_extra

    {

        background: #d3edfa;

    }

    .style_case-study .case_study_box.vol03_extra .box_body

    {

        padding: 20px 0;

    }

}



.style_case-study .case-study_hero .case-study_list .item

{

    position: relative;



    margin: 20px 0 0;



    border-top: 2px solid #000;

}

.style_case-study .case-study_hero .case-study_list .item a

{

    display: block;



    padding: 10px 0;



    text-decoration: none;

}

.style_case-study .case-study_hero .case-study_list .item:first-child

{

    margin: 0;

}

.style_case-study .case-study_hero .case-study_list .item .item_image

{

    border: 1px solid #bfbfbf;

}

.style_case-study .case-study_hero .case-study_list .item .item_image img

{

    width: 100%;

    height: auto;

}

.style_case-study .case-study_hero .case-study_list .item .item_details

{

    margin: 10px 0 0;

}

.style_case-study .case-study_hero .case-study_list .item .item_vol span

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;



    display: inline-block;



    padding: 2px 5px;



    color: #fff;

    background: #000;

}

.style_case-study .case-study_hero .case-study_list .item .item_caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1.5;



    margin: 10px 0 0;

}

.style_case-study .case-study_hero .case-study_list .item .item_desc

{

    margin: 10px 0 0;

}

.style_case-study .case-study_hero .case-study_list .item .item_client

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold;

    line-height: 1.5;



    margin: 10px 0 0;

    padding: 5px 0;



    border-top: 1px solid #000;

}



@media (min-width: 600px)

{

    .style_case-study .case-study_hero .case-study_list .item

    {

        margin: 0;

    }

    .style_case-study .case-study_hero .case-study_list .item a

    {

        padding: 30px 0;

    }

    .style_case-study .case-study_hero .case-study_list .item .colgroup

    {

        display: table;

    }

    .style_case-study .case-study_hero .case-study_list .item .colgroup > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .case-study_hero .case-study_list .item .colgroup .first

    {

        width: 320px;

        padding-right: 20px;

    }

    .style_case-study .case-study_hero .case-study_list .item .item_details

    {

        margin: 0;

    }

    .style_case-study .case-study_hero .case-study_list .item .item_caption

    {

        font-size: 24px;

        font-size: 2.4rem;

    }

    .style_case-study .case-study_hero .case-study_list .item .item_desc

    {

        margin: 10px 0 0;

    }

    .style_case-study .case-study_hero .case-study_list .item .item_client

    {

        font-size: 12px;

        font-size: 1.2rem;



        margin: 10px 0 0;

        padding: 10px 0;

    }

    .style_case-study .case-study_hero .case-study_list .item .item_client dt

    {

        float: left;

        clear: left;



        width: 13em;

    }

    .style_case-study .case-study_hero .case-study_list .item .item_client dd

    {

        padding-left: 13em;

    }

}



.style_case-study .case-study-section

{

    padding: 40px 0;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section

    {

        padding: 70px 0;

    }

}



.style_case-study .client_profile

{

    position: relative;



    margin-top: -15px;

}

.style_case-study .client_profile .item_client

{

    line-height: 1.5;



    width: 265px;

    margin: 0 auto;

    padding: 10px;



    text-align: center;



    border: 1px solid #000;

    background: #fff;

}

.style_case-study .client_profile .item_client:first-child.bdr_extra

{

    border-bottom: none;

}

.style_case-study .client_profile .item_client.client_product

{

    border-top: none;

}

.style_case-study .client_profile .item_client dt

{

    font-weight: bold;

}

.style_case-study .client_profile .item_client dd

{

    font-size: 10px;

    font-size: 1rem;



    margin: 5px 0 0;

    padding: 5px 0 0;



    border-top: 1px solid #000;

}

.style_case-study .client_profile .item_client dd .sub

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: normal;



    display: block;

}

.style_case-study .client_profile .item_client dd .example

{

    font-size: 10px;

    font-size: 1rem;

    font-weight: normal;



    display: block;

}

@media (min-width: 600px)

{

    .style_case-study .client_profile

    {

        margin-top: -25px;

        margin-bottom: -30px;

    }

    .style_case-study .client_profile .item_client

    {

        display: table;



        width: 880px;

    }

    .style_case-study .client_profile .item_client > *

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .client_profile .item_client dt

    {

        font-weight: bold;



        width: 200px;

        padding: 10px 0;

    }

    .style_case-study .client_profile .item_client dd

    {

        font-size: 14px;

        font-size: 1.4rem;

        font-weight: bold;



        margin: 0;

        padding: 10px 20px;



        text-align: left;



        border-top: none;

        border-left: 1px solid #000;

    }

    .style_case-study .client_profile .item_client dd .sub

    {

        font-size: 12px;

        font-size: 1.2rem;



        display: inline;



        padding-left: 10px;

    }

    .style_case-study .client_profile .item_client dd .example

    {

        font-size: 12px;

        font-size: 1.2rem;

    }

}



.style_case-study .slide_box

{

    position: relative;



    background-position: center center;

    background-size: cover;

}

.style_case-study .slide_box .slide_body

{

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;



    color: #fff;

}

.style_case-study .slide_box .slide_image

{

    height: 350px;

}

.style_case-study .slide_box .slide_in

{

    position: relative;



    height: 100%;

    padding: 90px 0;

}

.style_case-study .slide_box .en

{

    font-size: 11px;

    font-size: 1.1rem;



    margin: 0 auto;



    text-align: center;



    -webkit-background-size: 260px auto;

       -moz-background-size: 260px auto;

            background-size: 260px auto;



        -ms-background-size: 260px auto;

}

.style_case-study .slide_box .en .caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 24px;



    position: relative;



    display: inline-block;



    height: 24px;

    padding: 0 15px;



    color: #0068b7;

    background: #fff;

}

.style_case-study .slide_box .en .caption:before,

.style_case-study .slide_box .en .caption:after

{

    position: absolute;

    top: 0;



    display: block;



    width: 10px;

    height: 24px;



    content: '';



    background-repeat: no-repeat;

    background-position: 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}

.style_case-study .slide_box .en .caption:before

{

    left: -10px;



    background-image: url(../images/slide_caption_deco_left.png);

}

.style_case-study .slide_box .en .caption:after

{

    right: -10px;



    background-image: url(../images/slide_caption_deco_right.png);

}

.style_case-study .slide_box .jp

{

    position: relative;



    display: table;



    width: 260px;

    height: 135px;

    margin: 0 auto;



    text-align: center;



    border-top: 2px solid #fff;

    border-bottom: 2px solid #fff;

}

.style_case-study .slide_box .jp:before,

.style_case-study .slide_box .jp:after

{

    position: absolute;

    top: 0;



    display: block;



    width: 2px;

    height: 12px;



    content: '';



    background: #fff;

}

.style_case-study .slide_box .jp:before

{

    left: 0;

}

.style_case-study .slide_box .jp:after

{

    right: 0;

}

.style_case-study .slide_box .jp > div

{

    position: relative;



    display: table-cell;



    vertical-align: middle;

}

.style_case-study .slide_box .jp > div:before,

.style_case-study .slide_box .jp > div:after

{

    position: absolute;

    bottom: 0;



    display: block;



    width: 2px;

    height: 12px;



    content: '';



    background: #fff;

}

.style_case-study .slide_box .jp > div:before

{

    left: 0;

}

.style_case-study .slide_box .jp > div:after

{

    right: 0;

}

.style_case-study .slide_box .jp .text

{

    font-size: 17px;

    font-size: 1.7rem;

    font-weight: bold;

    line-height: 1.57143;

}

@media (min-width: 600px)

{

    .style_case-study .slide_box

    {

        position: relative;



        height: 500px;

    }

    .style_case-study .slide_box .slide_image

    {

        position: relative;



        overflow: hidden;



        width: 100%;

        height: 500px;

    }

    .style_case-study .slide_box .slide_image img

    {

        position: absolute;

        top: 0;

        left: 50%;



        width: 100%;

        height: auto;

        margin-left: -50%;

    }

    .style_case-study .slide_box .slide_in

    {

        width: 950px;

        margin: 0 auto;

        padding: 120px 0;

    }

    .style_case-study .slide_box .slide_in .en .caption

    {

        font-size: 15px;

        font-size: 1.5rem;

    }

    .style_case-study .slide_box .slide_in .jp

    {

        width: 925px;

        height: 235px;

    }

    .style_case-study .slide_box .slide_in .jp:before,

    .style_case-study .slide_box .slide_in .jp:after

    {

        height: 25px;

    }

    .style_case-study .slide_box .slide_in .jp > div:before,

    .style_case-study .slide_box .slide_in .jp > div:after

    {

        height: 25px;

    }

    .style_case-study .slide_box .slide_in .jp .text

    {

        font-size: 36px;

        font-size: 3.6rem;

        line-height: 1.5;

    }

}



.style_case-study .case-study-section_container .section:nth-child(2n)

{

    background: #f2f2f2;

}

.style_case-study .case-study-section_container .section:nth-child(2n) .doubleline_ttl .ttl_inner

{

    background: #f2f2f2;

}



.style_case-study .case-study-section_container .section.relations

{

    margin-top: -20px;

    padding: 0;



    background: none;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .section.relations

    {

        margin-top: -40px;

    }

}



.style_case-study .case-study-section_container .section .image

{

    margin: 20px 0 0;

}

.style_case-study .case-study-section_container .section .image img

{

    width: 100%;

    height: auto;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .section .image

    {

        margin: 30px 0 0;

    }

}



.style_case-study .case-study-section_container .section .text

{

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 2;



    margin: 20px 0 0;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .section .text

    {

        font-size: 16px;

        font-size: 1.6rem;



        margin: 30px 0 0;

    }

}

.style_case-study .case-study-section_container .section .text:first-child

{

    margin: 0;

}



.style_case-study .case-study-section_container .ttl_set .icon

{

    margin: 0 0 5px;



    text-align: center;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .ttl_set .icon img

    {

        width: 50px;

        height: auto;

    }

}



.style_case-study .case-study-section_container .section_caption

{

    font-size: 22px;

    font-size: 2.2rem;

    font-weight: bold;

    line-height: 1.66667;



    margin: 30px 0 10px;



    text-align: center;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .section_caption

    {

        font-size: 30px;

        font-size: 3rem;



        margin: 40px 0 20px;

    }

}

.style_case-study .case-study-section_container .section_caption .caption_in

{

    position: relative;

    z-index: 1;



    display: inline;



    background: linear-gradient(transparent 50%, #bde3ff 50%);

}



.style_case-study .case-study-section_container .section_desc

{

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 2;



    margin: 20px 0 0;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .section_desc

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

}



@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .section_inner

    {

        width: 785px;

        margin: 0 auto;

    }

}



.style_case-study .case-study-section_container .doubleline_box

{

    position: relative;



    margin: 20px 0 0;

    padding: 3px;



    border: 2px solid #000;

}

.style_case-study .case-study-section_container .doubleline_box.lightblue .box_body

{

    background: #e5f4ff;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .doubleline_box.vol01_extra01 .box_body

    {

        padding-right: 270px;

    }

    .style_case-study .case-study-section_container .doubleline_box.vol01_extra01 .box_image

    {

        position: absolute;

        top: 30px;

        right: 25px;

    }

    .style_case-study .case-study-section_container .doubleline_box.vol01_extra01 .box_text

    {

        padding-right: 20px;

    }

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .doubleline_box.corner:before

    {

        position: absolute;

        z-index: 1;

        top: -2px;

        right: -2px;



        display: block;



        width: 32px;

        height: 38px;



        content: '';



        background: url(../images/bg_case-study_box_corner.png) no-repeat 0 0;

    }

}

.style_case-study .case-study-section_container .doubleline_box .box_body

{

    position: relative;



    padding: 10px;



    border: 1px solid #000;

}

.style_case-study .case-study-section_container .doubleline_box .box_body::after

{

    display: table;

    clear: both;



    content: '';

}

.style_case-study .case-study-section_container .doubleline_box .box_caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    margin: 0 0 10px;

    padding: 0 0 5px;



    border-bottom: 1px solid #000;

}

.style_case-study .case-study-section_container .doubleline_box .box_text

{

    font-size: 14px;

    font-size: 1.4rem;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .doubleline_box

    {

        margin: 30px 0 0;

    }

    .style_case-study .case-study-section_container .doubleline_box .box_body

    {

        padding: 30px;

    }

    .style_case-study .case-study-section_container .doubleline_box .box_body::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_case-study .case-study-section_container .doubleline_box .box_caption

    {

        font-size: 20px;

        font-size: 2rem;

    }

    .style_case-study .case-study-section_container .doubleline_box .box_text

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

}

.style_case-study .case-study-section_container .doubleline_box .image_float.left

{

    float: left;



    margin: 0 10px 10px 0;

}

.style_case-study .case-study-section_container .doubleline_box .image_float.right

{

    float: right;



    margin: 0 0 10px 10px;

}

.style_case-study .case-study-section_container .doubleline_box .image_float.label

{

    position: relative;

    top: -16px;

}

.style_case-study .case-study-section_container .doubleline_box .image_float.label.left

{

    margin-right: 10px;

}

.style_case-study .case-study-section_container .doubleline_box .image_float.label.right

{

    margin-left: 10px;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .doubleline_box .image_float.left

    {

        margin: 0 40px 0 0;

    }

    .style_case-study .case-study-section_container .doubleline_box .image_float.right

    {

        margin: 0 0 0 40px;

    }

    .style_case-study .case-study-section_container .doubleline_box .image_float.label

    {

        position: relative;

        top: -36px;

    }

    .style_case-study .case-study-section_container .doubleline_box .image_float.label.left

    {

        left: -20px;



        margin-right: 20px;

        margin-bottom: -55px;

    }

    .style_case-study .case-study-section_container .doubleline_box .image_float.label.right

    {

        right: -20px;



        margin-bottom: -55px;

        margin-left: 20px;

    }

}



.style_case-study .case-study-section_container .comment_container .comment_ttl

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;



    padding: 0 0 10px;



    text-align: center;



    border-bottom: 1px solid #000;

}



.style_case-study .case-study-section_container .comment_container .comment_body

{

    margin: 10px 0 0;

}



.style_case-study .case-study-section_container .comment_container .comment_developer .colgroup

{

    display: table;



    width: 100%;

}

.style_case-study .case-study-section_container .comment_container .comment_developer .colgroup > div

{

    display: table-cell;



    vertical-align: middle;

}

.style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .icon

{

    width: 70px;

    padding-right: 10px;

}

.style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .nameset

{

    font-size: 11px;

    font-size: 1.1rem;

    font-weight: bold;

    line-height: 1.2;

}



.style_case-study .case-study-section_container .comment_container .comment_details

{

    margin: 10px 0 0;

}

.style_case-study .case-study-section_container .comment_container .comment_details .comment_caption

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

}



@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .comment_container

    {

        margin-top: -15px;

    }

    .style_case-study .case-study-section_container .comment_container .comment_ttl

    {

        font-size: 18px;

        font-size: 1.8rem;

    }

    .style_case-study .case-study-section_container .comment_container .comment_body

    {

        display: table;



        width: 100%;

        margin: 30px 0 0;

    }

    .style_case-study .case-study-section_container .comment_container .comment_body > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer

    {

        width: 150px;

        padding-right: 10px;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup

    {

        display: block;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup > div

    {

        display: block;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .icon

    {

        width: auto;

        padding-right: 0;



        text-align: center;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .icon img

    {

        width: inherit;

        height: auto;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .nameset

    {

        margin: 10px 0 0;



        text-align: center;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .nameset .roll

    {

        font-size: 12px;

        font-size: 1.2rem;

    }

    .style_case-study .case-study-section_container .comment_container .comment_developer .colgroup .nameset .name

    {

        font-size: 16px;

        font-size: 1.6rem;



        margin: 10px 0 0;

    }

    .style_case-study .case-study-section_container .comment_container .comment_details

    {

        margin: 0;

    }

    .style_case-study .case-study-section_container .comment_container .comment_details .comment_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_case-study .case-study-section_container .comment_container .comment_details .comment_text

    {

        margin: 10px 0 0;

    }

}



.style_case-study .case-study-section_container .relation_productbox

{

    margin: 0 0 50px;

}

.style_case-study .case-study-section_container .relation_productbox .relation_ttl

{

    text-align: center;

}

.style_case-study .case-study-section_container .relation_productbox .relation_ttl span

{

    font-weight: bold;

    line-height: 24px;



    position: relative;



    display: inline-block;



    height: 24px;

    padding: 0 25px;



    color: #fff;

    background: #0068b7;

}

.style_case-study .case-study-section_container .relation_productbox .relation_ttl span:before,

.style_case-study .case-study-section_container .relation_productbox .relation_ttl span:after

{

    position: absolute;

    top: 0;



    display: block;



    content: '';



    border: 12px solid #0068b7;

    border-top-color: transparent;

}

.style_case-study .case-study-section_container .relation_productbox .relation_ttl span:before

{

    left: -24px;



    border-left-color: transparent;

}

.style_case-study .case-study-section_container .relation_productbox .relation_ttl span:after

{

    right: -24px;



    border-right-color: transparent;

}

.style_case-study .case-study-section_container .relation_productbox .relation_body

{

    padding: 15px;



    border: 1px solid #0068b7;

}

.style_case-study .case-study-section_container .relation_productbox .relation_caption

{

    line-height: 1.4;



    padding: 0 0 10px;



    text-align: center;



    border-bottom: 1px solid #0068b7;

}

.style_case-study .case-study-section_container .relation_productbox .relation_caption .jp

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

}

.style_case-study .case-study-section_container .relation_productbox .relation_text

{

    margin: 10px 0 0;

}

.style_case-study .case-study-section_container .relation_productbox .relation_caution_list

{

    font-size: 12px;

    font-size: 1.2rem;



    margin: 10px 0 0;

}

.style_case-study .case-study-section_container .relation_productbox .relation_image

{

    margin: 10px 0 0;

}

.style_case-study .case-study-section_container .relation_productbox .relation_image img

{

    width: 100%;

    height: auto;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .relation_productbox .relation_ttl

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_ttl span

    {

        line-height: 30px;



        height: 30px;

        padding: 0 80px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_ttl span:before,

    .style_case-study .case-study-section_container .relation_productbox .relation_ttl span:after

    {

        border-width: 15px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_ttl span:before

    {

        left: -30px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_ttl span:after

    {

        right: -30px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_body

    {

        padding: 30px;



        border-width: 2px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_hero

    {

        display: table;



        width: 100%;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_hero > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_hero .first

    {

        padding-right: 60px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_hero .image_set

    {

        margin: 0;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_caption

    {

        text-align: left;



        border-bottom-width: 2px;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_caption .jp

    {

        font-size: 18px;

        font-size: 1.8rem;



        margin: 5px 0 0;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_text

    {

        margin: 15px 0 0;

    }

    .style_case-study .case-study-section_container .relation_productbox .image_set

    {

        margin: 40px 0 0;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_image

    {

        margin: 15px 0 0;

    }

    .style_case-study .case-study-section_container .relation_productbox .relation_image img

    {

        width: inherit;

    }

}



.style_case-study .case-study-section_container .question_block

{

    margin: 20px 0 0;

    padding: 20px 0;



    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

}

.style_case-study .case-study-section_container .question_block .question_caption

{

    font-size: 16px;

    font-size: 1.6rem;

    font-weight: bold;



    margin: 0 0 10px;



    text-align: center;

}

.style_case-study .case-study-section_container .question_block .question_caption .label

{

    font-weight: bold;

    line-height: 20px;



    display: inline-block;



    width: 20px;

    height: 20px;

    margin-right: 10px;



    text-align: center;



    color: #fff;

    border-radius: 50px;

    background: #000;

}

.style_case-study .case-study-section_container .question_block .question_body .image_set

{

    text-align: center;

}

.style_case-study .case-study-section_container .question_block .question_body .image_set img

{

    width: inherit;

}

.style_case-study .case-study-section_container .question_block .question_body .image_label

{

    text-align: center;

}

.style_case-study .case-study-section_container .question_block .question_body .first

{

    margin: 0 0 10px;

}

.style_case-study .case-study-section_container .question_block .image_set

{

    margin: 0;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .question_block .question_body

    {

        display: table;

    }

    .style_case-study .case-study-section_container .question_block .question_body > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .case-study-section_container .question_block .question_body .first

    {

        width: 180px;

        padding-right: 20px;

    }

    .style_case-study .case-study-section_container .question_block .question_body .image_label

    {

        font-size: 12px;

        font-size: 1.2rem;

    }

    .style_case-study .case-study-section_container .question_block .question_body .text

    {

        font-size: 14px;

        font-size: 1.4rem;

    }

}



.style_case-study .case-study-section_container .combo_box

{

    margin: 20px 0 0;

}

@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .combo_box

    {

        display: table;



        width: 100%;

        margin: 40px 0 0;

    }

    .style_case-study .case-study-section_container .combo_box > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .case-study-section_container .combo_box .first

    {

        padding-right: 30px;

    }

    .style_case-study .case-study-section_container .combo_box .image_set

    {

        margin: 0;

    }

}



@media (min-width: 600px)

{

    .style_case-study .case-study-section_container .case_study_box_extra

    {

        display: table;



        margin: 40px auto 0;

    }

    .style_case-study .case-study-section_container .case_study_box_extra > div

    {

        display: table-cell;



        vertical-align: top;

    }

    .style_case-study .case-study-section_container .case_study_box_extra .first

    {

        padding-right: 20px;

    }

    .style_case-study .case-study-section_container .case_study_box_extra .case_study_box

    {

        margin: 0;

    }

    .style_case-study .case-study-section_container .case_study_box_extra .image_set

    {

        margin: 0;

    }

}



@media (min-width: 600px)

{

    .style_case-study .relation_productbox.vol02_extra01 .image_set.double

    {

        width: 780px;

        margin-left: -32px;

    }

}



/*============================================================

* プライバシーポリシー

*============================================================*/

.style_privacy .privacy_colgroup .side

{

    margin: 45px 0 0;



    border-top: 4px solid #000;

}

.style_privacy .privacy_colgroup .side .side_ttl

{

    font-size: 21px;

    font-size: 2.1rem;

    font-weight: bold;



    position: relative;



    padding: 10px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}

.style_privacy .privacy_colgroup .side .side_ttl:after

{

    position: absolute;

    bottom: -4px;



    display: block;



    width: 100%;

    height: 1px;



    content: '';



    background: #d3d3d3;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_group

{

    padding: 15px;



    border-top: 1px solid #d3d3d3;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_group:first-child

{

    border-top: none;

}

.style_privacy .privacy_colgroup .side .privacy_menu .group_caption

{

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: bold;

    line-height: 1.5;



    margin: 0 0 5px;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_list

{

    font-weight: bold;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_list li

{

    line-height: 1.71429;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_list li a.is-current,

.style_privacy .privacy_colgroup .side .privacy_menu .link_list li a:hover

{

    color: #0068b7;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_list a

{

    position: relative;



    display: inline-block;



    padding-left: 20px;



    text-decoration: none;

}

.style_privacy .privacy_colgroup .side .privacy_menu .link_list a:before

{

    position: absolute;

    top: 6px;

    left: 0;



    display: block;



    width: 10px;

    height: 10px;



    content: '';



    background: url(../images/arrow_square_black.png) no-repeat 0 0;

    -webkit-background-size: 10px auto;

       -moz-background-size: 10px auto;

            background-size: 10px auto;



        -ms-background-size: 10px auto;

}



.style_privacy .privacy_colgroup .main

{

    border-top: 4px solid #000;

}



@media (min-width: 600px)

{

    .style_privacy .privacy_colgroup::after

    {

        display: table;

        clear: both;



        content: '';

    }

    .style_privacy .privacy_colgroup .main

    {

        float: right;



        width: 780px;

    }

    .style_privacy .privacy_colgroup .side

    {

        float: left;



        width: 180px;

        margin: 0;

    }

    .style_privacy .privacy_colgroup .side .side_ttl

    {

        font-size: 20px;

        font-size: 2rem;



        padding: 10px 0;

    }

    .style_privacy .privacy_colgroup .side .privacy_menu .link_group

    {

        padding: 20px;

    }

    .style_privacy .privacy_colgroup .side .privacy_menu .group_caption

    {

        font-size: 16px;

        font-size: 1.6rem;

    }

    .style_privacy .privacy_colgroup .side .privacy_menu .link_list li

    {

        margin: 5px 0 0;

    }

    .style_privacy .privacy_colgroup .side .privacy_menu .link_list li:first-child

    {

        margin: 0;

    }

    .style_privacy .privacy_colgroup .side .privacy_menu .link_list a:before

    {

        top: 7px;

    }

}



.style_privacy .article_container .article_ttl

{

    font-size: 20px;

    font-size: 2rem;

    font-weight: normal;

    line-height: 1.5;



    padding: 20px 0;



    text-align: center;



    border-bottom: 1px solid #000;

}



.style_privacy .article_container .article_desc

{

    margin: 30px 0;

}



.style_privacy .article_container .article_group

{

    margin: 15px 0 0;

    padding: 15px 0 0;



    border-top: 1px solid #000;

}



.style_privacy .article_container .article_caption

{

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;



    margin: 0 0 10px;



    text-align: center;

}



.style_privacy .article_container .article_scaption

{

    padding: 15px 0;

}



.style_privacy .article_container .num_list li

{

    padding-left: 1.3em;



    text-indent: -1.3em;

}



.style_privacy .article_container .support

{

    margin: 20px 0 0;

    padding: 15px;



    text-align: center;



    border: 4px solid #e6e6e6;

}

.style_privacy .article_container .support .support_name

{

    font-weight: bold;

}

.style_privacy .article_container .support .support_address

{

    margin: 10px 0 0;

}



@media (min-width: 600px)

{

    .style_privacy .article_container .article_group_conatiner

    {

        border-top: 1px solid #999;

    }

    .style_privacy .article_container .article_ttl

    {

        font-size: 30px;

        font-size: 3rem;

        line-height: 1.25;

    }

    .style_privacy .article_container .article_group

    {

        margin: 30px 0 0;

        padding: 30px 0 0;



        border-top: none;

    }

    .style_privacy .article_container .article_group:first-child

    {

        margin: 0;

    }

    .style_privacy .article_container .article_caption

    {

        font-size: 16px;

        font-size: 1.6rem;



        margin: 0 0 15px;

    }

    .style_privacy .article_container .article_scaption

    {

        padding: 20px 0;

    }

    .style_privacy .article_container .support

    {

        width: 450px;

        margin: 50px auto 0;

    }

    .style_privacy .article_container .support .support_name

    {

        font-weight: bold;

    }

    .style_privacy .article_container .support .support_address

    {

        margin: 10px 0 0;

    }

    .style_privacy .article_container .support .inquiry_list li

    {

        display: inline-block;



        margin: 0 5px;

    }

    .shop_list .shop_details .shop_address{

        width: 220px;

        word-wrap: break-word;

    }

    /*高さをそろえるcss*/

}

.style_form .catalog_select .catalog_list label{

    display:inline-block;

}

.style_form .catalog_select .catalog_list label img{

    pointer-events: none;

}

/*# sourceMappingURL=../../_maps/assets/css/pages.css.map */









/*============================================================

* ベアリングの基礎知識、英語化のための追加

*============================================================*/

.faq_article_a blockquote {

  padding: 15px;

  border: 1px solid #CCC;

  border-radius: 6px;

  margin-bottom: 15px; }



.faq_article_a h2 {

  font-size: 18px;

  font-size: 1.8rem;

  line-height: 1.33333;

  margin: 50px 0 0;

  padding: 0 0 10px;

  border-bottom: 1px solid #999; }



.faq_article_a h2:first-child {

  margin-top: 0; }



.faq_article_a h3 {

  font-size: 15px;

  font-size: 1.5rem;

  line-height: 1.71429;

  margin: 30px 0 0;

  padding-left: 10px;

  border-left: 3px solid #999; }



.faq_article_a h3:first-child {

  margin-top: 0; }



.news_article_container .article_body h3 {

  padding-left: 10px;

  border-left: 3px solid #999; }



.faq_article_a h4,

.news_article_container .article_body h4 {

  font-size: 15px;

  font-size: 1.5rem;

  line-height: 1.75;

  margin: 20px 0 0; }



.faq_article_a h4:first-child,

.news_article_container .article_body h4:first-child {

  margin-top: 0; }



.faq_article_a p {

  margin: 10px 0; }



.faq_article_a p:first-child {

  margin-top: 0; }



.faq_article_a ol,

.faq_article_a ul,

.news_article_container .article_body ul {

  margin: 10px 0;

  margin-left: 1.25em; }



.faq_article_a ol li {

  list-style-type: decimal; }



.faq_article_a ul li,

.news_article_container .article_body ul li {

  list-style-type: disc; }



.faq_article_a ul.anchor li,

.news_article_container .article_body ul.anchor li {

  list-style-image: url(../images/parts/icon_pc_anchor.gif); }



.faq_article_a ol:first-child,

.faq_article_a ul:first-child {

  margin-top: 0; }



/**.news_article_container .article_body a,

.faq_article_a a {

  font-size: 14px;

  font-size: 1.4rem;

  font-weight: bold;

  position: relative;

  display: inline-block;

  width: 313px;

  padding: 10px 40px 10px 10px;

  text-align: center;

  text-decoration: none;

  color: #000;

  border: 1px solid #000;

  background: #fff; }**/

/**

.news_article_container .article_body a:before,

.faq_article_a a:before {

  position: absolute;

  top: 50%;

  right: 15px;

  display: block;

  width: 9px;

  height: 16px;

  margin-top: -8px;

  content: '';

  background: url(../images/arrow_right.png) no-repeat 0 0;

  -webkit-background-size: 9px auto;

  -moz-background-size: 9px auto;

  background-size: 9px auto;

  -ms-background-size: 9px auto; }

**/

.news_article_container .article_body a:hover,

.faq_article_a a:hover {

  color: #fff;

  background: #000;

  opacity: 1; }

/**

.news_article_container .article_body a:hover:before,

.faq_article_a a:hover:before {

  position: absolute;

  top: 50%;

  right: 15px;

  display: block;

  width: 9px;

  height: 16px;

  margin-top: -8px;

  content: '';

  background: url(../images/arrow_right_white.png) no-repeat 0 0;

  -webkit-background-size: 9px auto;

  -moz-background-size: 9px auto;

  background-size: 9px auto;

  -ms-background-size: 9px auto; }

**/

.news_article_container .article_body a.txtlink,

.faq_article_a a.txtlink {

  position: inherit;

  width: auto;

  height: auto;

  display: inline-block;

  border: none;

  text-align: left;

  padding: 8px 10px 8px 30px;

  text-decoration: none;

  background: url(../images/icon_pc_categorylink.gif) no-repeat 10px center;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s; }



.news_article_container .article_body a.txtlink:before,

.faq_article_a a.txtlink:before {

  display: none; }



.news_article_container .article_body a.txtlink:hover,

.faq_article_a a.txtlink:hover {

  color: #1e69af; }



.news_article_container .article_body a.popup:before,

.faq_article_a a.popup:before {

  position: absolute;

  top: 50%;

  right: 15px;

  display: block;

  width: 16px;

  height: 16px;

  margin-top: -8px;

  content: '';

  background: url(../images/icon_popup.png) no-repeat 0 0;

  -webkit-background-size: 16px auto;

  -moz-background-size: 16px auto;

  background-size: 16px auto;

  -ms-background-size: 16px auto; }



.news_article_container .article_body a.popup:hover:before,

.faq_article_a a.popup:hover:before {

  background: url(../images/icon_popup_white_bold.png) no-repeat 0 0;

  -webkit-background-size: 16px auto;

  -moz-background-size: 16px auto;

  background-size: 16px auto;

  -ms-background-size: 16px auto; }



.news_article_container .article_body a.pdf:before,

.faq_article_a a.pdf:before {

  position: absolute;

  top: 50%;

  right: 15px;

  display: block;

  width: 18px;

  height: 20px;

  margin-top: -8px;

  content: '';

  background: url(../images/icon_pdf_black.png) no-repeat 0 0;

  -webkit-background-size: 18px auto;

  -moz-background-size: 18px auto;

  background-size: 18px auto;

  -ms-background-size: 18px auto; }



.news_article_container .article_body a.pdf:hover:before,

.faq_article_a a.pdf:hover:before {

  background: url(../images/icon_pdf_white.png) no-repeat 0 0;

  -webkit-background-size: 18px auto;

  -moz-background-size: 18px auto;

  background-size: 18px auto;

  -ms-background-size: 18px auto; }



.news_article_container .article_body a.file:before,

.faq_article_a a.file:before {

  position: absolute;

  top: 50%;

  right: 15px;

  display: block;

  width: 18px;

  height: 20px;

  margin-top: -8px;

  content: '';

  background: url(../images/icon_file_black.png) no-repeat 0 0;

  -webkit-background-size: 18px auto;

  -moz-background-size: 18px auto;

  background-size: 18px auto;

  -ms-background-size: 18px auto; }



.news_article_container .article_body a.file:hover:before,

.faq_article_a a.file:hover:before {

  background: url(../images/icon_file_white.png) no-repeat 0 0;

  -webkit-background-size: 18px auto;

  -moz-background-size: 18px auto;

  background-size: 18px auto;

  -ms-background-size: 18px auto; }



.news_article_container .article_body a.intxtlink,

.faq_article_a a.intxtlink {

  position: inherit;

  display: inline;

  width: auto;

  height: auto;

  margin-top: 0px;

  padding: 0;

  background: none;

  border: none;

  color: #0068b7;

  text-decoration: underline; }



.news_article_container .article_body a.intxtlink:before,

.faq_article_a a.intxtlink:before {

  display: none; }



.news_article_container .article_body a.intxtlink:hover,

.faq_article_a a.intxtlink:hover {

  text-decoration: none; }



.news_article_container .article_body table,

.faq_article_a table {

  margin-top: 20px;

  width: 100%; }



.news_article_container .article_body table th,

.news_article_container .article_body table td,

.faq_article_a table th,

.faq_article_a table td {

  border: 1px solid #000;

  padding: 5px 10px; }



.news_article_container .article_body table thead td,

.news_article_container .article_body table th,

.faq_article_a table thead td,

.faq_article_a table th {

  background-color: #0D5197;

  color: #fff;

  font-weight: bold; }



.news_article_container .article_body table th.sec,

.news_article_container .article_body table td.sec,

.faq_article_a table th.sec,

.faq_article_a table td.sec {

  background-color: #1D84EB;

  color: #fff;

  font-weight: bold; }



@media screen and (max-width: 599px) {

  .faq_article_a img {

    width: 100%;

    height: auto;

    margin: 10px 0;

    display: block; }

  .faq_article_a h3:first-child,

  .faq_article_a h3 {

    margin-top: 20px; }

 /** .news_article_container .article_body a,

  .faq_article_a a {

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold;

    position: relative;

    display: inline-block;

    width: 100%;

    padding: 10px 40px 10px 10px;

    text-align: center;

    text-decoration: none;

    color: #fff;

    border: 1px solid #000;

    background: #000; }

  .news_article_container .article_body a:before,

  .faq_article_a a:before {

    position: absolute;

    top: 50%;

    right: 15px;

    display: block;

    width: 9px;

    height: 16px;

    margin-top: -8px;

    content: '';

    background: url(../images/arrow_right_white.png) no-repeat 0 0;

    -webkit-background-size: 9px auto;

    -moz-background-size: 9px auto;

    background-size: 9px auto;

    -ms-background-size: 9px auto; }**/

  .news_article_container .article_body a.txtlink,

  .faq_article_a a.txtlink {

    color: #000; }

  .news_article_container .article_body a.popup:before,

  .faq_article_a a.popup:before {

    position: absolute;

    top: 50%;

    right: 15px;

    display: block;

    width: 16px;

    height: 16px;

    margin-top: -8px;

    content: '';

    background: url(../images/icon_popup_white_bold.png) no-repeat 0 0;

    -webkit-background-size: 16px auto;

    -moz-background-size: 16px auto;

    background-size: 16px auto;

    -ms-background-size: 16px auto; }

  .news_article_container .article_body a.pdf:before,

  .faq_article_a a.pdf:before {

    position: absolute;

    top: 50%;

    right: 15px;

    display: block;

    width: 18px;

    height: 20px;

    margin-top: -8px;

    content: '';

    background: url(../images/icon_pdf_white.png) no-repeat 0 0;

    -webkit-background-size: 18px auto;

    -moz-background-size: 18px auto;

    background-size: 18px auto;

    -ms-background-size: 18px auto; }

  .news_article_container .article_body a.file:before,

  .faq_article_a a.file:before {

    position: absolute;

    top: 50%;

    right: 15px;

    display: block;

    width: 18px;

    height: 20px;

    margin-top: -8px;

    content: '';

    background: url(../images/icon_file_white.png) no-repeat 0 0;

    -webkit-background-size: 18px auto;

    -moz-background-size: 18px auto;

    background-size: 18px auto;

    -ms-background-size: 18px auto; }

  .overtable::-webkit-scrollbar {

    height: 5px; }

  .overtable::-webkit-scrollbar-track {

    background: #F1F1F1; }

  .overtable::-webkit-scrollbar-thumb {

    background: #BCBCBC; } }



.page {

margin-top: 14px;

}

.page ul{

margin: 0!important;

padding: 0!important;

width:100%;

display:table;

}

.page ul li {

    display: inline-block;

    letter-spacing: normal;

    vertical-align: top;

    list-style: none;

    width: 100%;

    box-sizing: border-box;

}

@media (min-width: 600px) {

.page ul li {

    width: 50%;

    display: table-cell;

    padding: 5px 9px;

}

}

.page ul li a {

    border: 1px solid #000;

    width: 100%!important;

    color: #000!important;

    background: #fff!important;

}

.page ul li a:hover {

    color: #fff!important;

    background: #000!important;

}

.page ul li a:hover:before {

background:none!important;

}

.page ul li.preview {

margin-bottom: 10px;

}

@media (min-width: 600px) {

.page ul li.preview {

margin-bottom: 0;

}

}

.page ul li.preview a:before,

.page ul li.preview a:hover:before {

    position: absolute;

    top: 40%;

    left: 15px;

    display: block;

    width: 9px;

    height: 16px;

    margin-top: -8px;

    content: '<';

    background: none;

}

.page ul li.next a:before,

.page ul li.next a:hover:before {

    position: absolute;

    top: 40%;

    right: 15px;

    display: block;

    width: 9px;

    height: 16px;

    margin-top: -8px;

    content: '>';

    background: none;

}

table td.intable {

    padding: 0 !important;

    vertical-align: top !important;

}

table td.intable > table {

    margin: 0 !important;

}

@media (min-width: 600px) {

.contact_gr {

background: #f2f2f2;

padding: 20px 10px;

}

}



.page ul li.preview a{

  padding: 10px 10px 10px 40px;

}

.overtable {

    overflow: auto;

    padding-bottom: 5px;

}

/*============================================================

* ベアリングの基礎知識、英語化のための追加 ここまで

*============================================================*/



/* ================================

GDPR対応

===================================*/

.cc-floating.cc-theme-classic{

    border-radius: 0px !important;

}

.cc-theme-classic .cc-btn{

    border-radius: 0px !important;

}

@media (max-width: 599px){

    .cc-theme-classic .cc-btn:last-child{

        width: 100%;

    }

}

/* ================================

GDPR対応ここまで

===================================*/







/* 2019.5.29 add START */

.theme_toppage .search-product .topic_list {

    margin-bottom: 30px; }

  

  .theme_toppage .search-product .topic_list li::after {

    display: table;

    clear: both;

    content: ''; }

  

  .theme_toppage .search-product .topic_list.col01-03 li {

    width: 100%;

    margin-bottom: 30px; }

  

  .theme_toppage .search-product .topic_list.col01-03 li:last-child {

    margin-right: 0px; }

  

  .theme_toppage .search-product .topic_list.col01-03 li .topic_heading {

    position: relative;

    margin-bottom: 15px;

    padding: 0 0 10px;

    border-bottom: 1px solid #000;

    font-size: 20px;

    font-size: 2.0rem; }

  

  .theme_toppage .search-product .topic_list.col01-03 li .topic_heading .new_mark {

    vertical-align: middle;

    margin: 0 10px 0 0;

    padding: 8px;

    line-height: 1.0em;

    background: #BF2A36;

    /* DF505E */

    background: -moz-linear-gradient(left top, #BF2A36, #DF505E);

    background: -webkit-gradient(linear, left top, left bottom, from(#BF2A36), to(#DF505E));

    color: #FFF;

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: bold; }

  

  .theme_toppage .search-product .topic_list.col01-03 li .topic_heading::after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 210px;

    height: 2px;

    content: '';

    background: #000; }

  

  .theme_toppage .search-product .topic_list.col01-03 li a {

    display: block;

    text-decoration: none; }

  

  .theme_toppage .search-product .topic_list.col01-03 li .card_thumb {

    float: left;

    width: 47%;

    height: 110px;

    background-size: cover;

    background-position: center; }

  

  .theme_toppage .search-product .topic_list.col01-03 li .card_thumb.with_border {

    border: 1px solid #DDD; }

  .theme_toppage .search-product .topic_list.col01-03 li .card_thumb.with_border img{ width:100%; height:100%}

  .theme_toppage .search-product .topic_list.col01-03 li .card_caption {

    float: right;

    width: 50%;

    padding: 0;

    font-size: 16px;

    font-size: 1.6rem; }

  

  @media (min-width: 600px) {

    .theme_toppage .search-product .topic_list::after {

      display: table;

      clear: both;

      content: ''; }

    .theme_toppage .search-product .topic_list.col01-03 li {

      float: left;

      width: 380px;

      margin: 0 20px 20px 0; }

    .theme_toppage .search-product .topic_list.col01-03 li:nth-child(3n) {

      margin-right: 0px; }

    .theme_toppage .search-product .topic_list.col01-03 li .topic_heading {

      position: relative;

      margin-bottom: 15px;

      padding: 0 0 10px;

      border-bottom: 2px solid #000;

      font-size: 20px;

      font-size: 2.0rem;

      word-break: break-all; }

    .theme_toppage .search-product .topic_list.col01-03 li .topic_heading .new_mark {

      display: inline-block;

      padding: 8px;

      line-height: 1.0em;

      background: #BF2A36;

      /* DF505E */

      background: -moz-linear-gradient(left top, #BF2A36, #DF505E);

      background: -webkit-gradient(linear, left top, left bottom, from(#BF2A36), to(#DF505E));

      color: #FFF;

      font-size: 14px;

      font-size: 1.4rem;

      font-weight: bold; }

    .theme_toppage .search-product .topic_list.col01-03 li .topic_heading::after {

      position: absolute;

      bottom: 0;

      left: 0;

      width: 210px;

      height: 3px;

      content: '';

      background: #000; }

    .theme_toppage .search-product .topic_list.col01-03 li a {

      display: block;

      text-decoration: none; }

    .theme_toppage .search-product .topic_list.col01-03 li a:hover {

      opacity: 1;

      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);

      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);

      color: #008dc5; }

    .theme_toppage .search-product .topic_list.col01-03 li a:hover .with_border {

      border-color: #DDD; }

    .theme_toppage .search-product .topic_list.col01-03 li .card_thumb {

      width: 100%;

      height: 160px;

      float: none; }

    .theme_toppage .search-product .topic_list.col01-03 li .card_caption {

      width: 100%;

      float: none;

      padding: 10px;

      font-size: 16px;

      font-size: 1.6rem; } }

  

  /* 2019.5.29 add END */





  /* 2020.1.12 add END */

.style_page .contents .wrna{ width:1200px;}

.style_page .contents .wrna .main{ width:938px;}

.style_page .contents .wrna .main .product_list.type .card .card_thumb img{ }



/*轮播图*/

.box2{ width:100%; height:312px; overflow:hidden;}

.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd ul,

.slideBox .bd ul li{ height:100%;}

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:100%; height:100%; display:block; overflow:hidden;}

.slideBox .prev,

.slideBox .next{ position:absolute;; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:#000 url(../images/slider-arrow.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .prev{left:3%; background-position: -110px 5px; }

.slideBox .next{right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

/*产品详情页图片适应手机*/

.main_body{ min-height:260px;width:100%}

.main_body p {width:100%;}

/*.main_body p img{width:100%;}*/

.main_h1 .litpic img{width:63%;}



.link_list li{ color:#ccc;}

.copyright,.copyright a{ color:#ccc;}





.smain{ overflow:hidden; width:109%}

.smain .search_cat{ float:left; width:29%; margin-right:2%;}

.smain .search_cat .section_header{/* position:inherit;*/ margin-bottom:5px;}

.smain .search_cat .scection_slist{}

.smain .search_cat .scection_slist li{ height:26px; line-height:26px; position:relative; overflow:hidden;}

/*.smain .search_cat .scection_slist li a{ display:block; width:90%;}*/

.smain .search_cat .scection_slist li span{ position:absolute; right:0; top:0; font-size:12px;}



.smain .search_cat .section_sabout{ width:100%; overflow:hidden;}

.smain .search_cat .section_sabout li{ float:left;}

.smain .search_cat .section_sabout .stleft{ width:36%}

.smain .search_cat .section_sabout .stleft img{ width:90%}

.smain .search_cat .section_sabout .stright{ width:64%;}

.search_cat .stleft{ width:36%;float:left;}

.search_cat .scection_slist{float:left;}

/*.search_cat .scection_slist .stright{width:64%;}*/

@media (max-width: 600px) {

.style_page .contents .wrna{ width:auto;}

.style_page .contents .wrna .main{ width:auto;}

.box2{ height:auto;}



.theme_toppage .search-product .search_group .search_caption .section_link2{ display:none;}

.theme_toppage .search-product .topic_list.col01-03 li .card_thumb{ width:30%;}

.theme_toppage .search-product .topic_list.col01-03 li .card_thumb img{ width:100%;}

.theme_toppage .search-product .topic_list.col01-03 li .card_caption{ width:60%;}



.smain{ overflow:hidden; width:100%}

.smain .search_cat{ float:none; width:auto; padding:10px 8px; margin:0; margin-bottom:10px;}

}



.gfooter .link_container .column .chil-l{ min-width:30%; max-width:33%;}



.banner_web{ display:block;}

.banner_wamp{ display:none;}



@media screen and (max-width:600px) {

.banner_web{ display:none;}

.banner_wamp{ display:block;}

}



/* 底部导航*/

@media screen and (max-width: 600px) {

.link_container{        display:none;    }/*原底部导航*/

.messboxnrwap{ width:100%; height:60px; background-color:#000; display:block; position:fixed; bottom:0; left:0; z-index:999;}

.messboxnrwap ul{ width:100%; height:100%; overflow:hidden; padding-top:3px;}

.messboxnrwap ul li{ width:25%; float:left; text-align:center; padding:1vw 0;}

.messboxnrwap ul li a{ display:block;}

.messboxnrwap ul li span{}

.messboxnrwap ul li span i{color:#fff; font-size:5vw;}

.messboxnrwap ul li h5{ color:#fff; text-align:center;}

  .header_global .logo img{width:60%;}   

}



.xiagng ul{ overflow:hidden;/*background-color: #eee; padding: 10px;*/}

.xiagng ul li{width: 50%;float: left;background-color: #eee;padding: 2px 5px;line-height: 32px;}

.page_view{ overflow:hidden; padding:10px 0;}

.page_view p{}



.prenext{ border-top:2px solid #999; margin-top:20px;}

.prenext a{ display:block; margin-top:10px;}

/*相关文章*/

.related_articles{ width:100%; position:relative;  margin:30px 0; border-top:2px solid #eee; border-bottom:2px solid #eee;}

.related_articles h5{ height:42px; line-height:42px; font-weight:bold; font-size:18px;}

.related_articles ul{ border-top:1px solid #f2f2f2; padding:5px;}



.related_articles ul li{ line-height:32px; color:#666;}

.related_articles ul li i{ font-size:8px; margin-right:5px; color:#888;}

.related_articles b{ display:block; width:8%; background-color:#f10; height:2px; position:absolute; left:0;}

.related_articles #re_top{top:-2px;}

.related_articles #re_bottom{bottom:-2px;}