@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: 1778px;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* 限制最多2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@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;}
}