/*333*/
@charset 'UTF-8';
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
@import url('https://fonts.googleapis.com/css?family=Lato');
html
{
   font-family: "SimHei,Arial,sans-serif";
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body{margin: 0;}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,canvas,progress,video
{
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){ display: none; height: 0;}

/*
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],template{display: none;}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a{background-color: transparent;}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,a:hover{outline: 0;}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title]{border-bottom: 1px dotted;}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,strong{font-weight: bold;}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn{font-style: italic;}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1{ font-size: 2em; margin: .67em 0;}

/**
 * Address styling not present in IE 8/9.
 */
mark{ color: #000; background: #ff0;}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small{ font-size: 80%;}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup{ top: -.5em;}

sub{ bottom: -.25em;}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img{ border: 0;}

/**
 * Correct overflow not hidden in IE 8/9/10/11.
 */
svg:not(:root){overflow: hidden;}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure{margin: 1em 40px;}

/**
 * Address differences between Firefox and other browsers.
 */
hr{ -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}

/**
 * Contain overflow in all browsers.
 */
pre{ overflow: auto;}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,kbd,pre,samp{ font-family: monospace, monospace; font-size: 1em;}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,input,optgroup,select,textarea{ font: inherit; margin: 0; color: inherit;}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button{overflow: visible;}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,select{text-transform: none;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type='button'],input[type='reset'],input[type='submit']{ cursor: pointer; -webkit-appearance: button;}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled]{cursor: default;}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner{ padding: 0; border: 0;}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input{ line-height: normal;}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],input[type='radio']{ box-sizing: border-box; padding: 0;}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{ height: auto;}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type='search']{ box-sizing: content-box; -webkit-appearance: textfield;}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{ -webkit-appearance: none;}

/**
 * Define consistent border, margin, and padding.
 */
fieldset{ margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0;}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend{ padding: 0; border: 0;}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea{ overflow: auto;}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup{ font-weight: bold;}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table{ border-spacing: 0; border-collapse: collapse;}
th,td{ padding: 0;}

/*============================================================
* layout
*============================================================*/
/*==============================
* base
*==============================*/
*{box-sizing: border-box;}

html
{
    font-family: 'SimHei, Arial, sans-serif';
    font-size: 10px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
body{ font-size: 12px; line-height: 1.75; color: #000; background-color: #fff;}
html,body{height: 100%;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,ul,dl,dd{margin: 0;}
ol,ul{ padding: 0;}
li{ list-style-type: none;}
a
{ transition: all .1s linear; color: #000;}
a:visited{color: #000;}
a:hover{color: #000;}
a:active{color: #000;}
@media (min-width: 600px)
{
    a:hover{opacity: .7;}
}
abbr[title]{border-bottom-width: 0;}
img{vertical-align: middle;}
table{margin: 0;}
fieldset{ margin: 0; padding: 0; border: 0;}
label{cursor: pointer;}
button{ border: none; background: none;}
html,body{height: 100%;}

@media (min-width: 600px)
{
    body { font-size: 14px; font-size: 1.4rem;}
}
button,
input[type='button'] {display: inline-block;}
@media (min-width: 600px)
{
    button,input[type='button'] { display: inline-block; transition: all .3s linear;}
    button:hover,input[type='button']:hover{opacity: .8;}
}

input[type='image']{ width: 100%; height: auto; transition: all .3s linear;}
@media (min-width: 600px)
{
    input[type='image']{width: auto;}
}
input[type='image']:hover{opacity: .8;}

#container{ position: relative; overflow: hidden; width: 100%; min-width: 320px; min-height: 100%;}
@media (min-width: 600px)
{
    #container {min-width: 1200px;}
}

@media (min-width: 600px)
{
    .view-sp{display: none;}
}
.view-pc{display: none;}
@media (min-width: 600px)
{
    .view-pc{display: inline;}
}
.wrap{margin: 0 15px;}
@media (min-width: 600px)
{
    .wrap{ width: 1200px; margin: 0 auto; padding: 0 10px;}
}
.wrap_in{margin: 0 15px;}
@media (min-width: 600px)
{
    .wrap_in { margin: 0; padding: 0 15px;}
}
@media screen and (min-width: 1530px)
{
    .wrap_in {padding: 0;}
}

.gheader{ position: relative; position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; background: #fff;}
.gheader .header_section{border-bottom: 2px solid #e6e6e6;}
.gheader .header_global .logo{padding: 10px 0 5px 0; width: 64px;}
.gheader .header_global .logo a{display: inline-block;}

@media (min-width: 600px)
{
    .gheader{ position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; background: #fff;}
    .gheader .header_global{ position: relative; display: table; height: 50px; padding: 16px 0;}
    .gheader .header_global > div{vertical-align: top;}
    .gheader .header_global > .logo{ padding: 0; width: auto;}
    .gheader .header_global > .logo img{ width: 128px; height: auto;}
}

.foot_contact_box{background: #0068b7; color: #fff;margin-top: 40px; text-align: center; padding: 40px 0;}
.foot_contact_box .section{padding: 0 !important;}
.foot_contact_box .section .sttl{border-bottom: 0; margin: 0; padding: 0 0 20px 0;}

.gfooter
{
    position: relative;
    margin-top: 50px;
    border-top: 0 !important;
    background: #333;
}
.gfooter .logo
{
    padding: 10px 0 0;
}
.gfooter .informations
{
    padding: 10px 0;
    color: #fff;
    background: #000;
}
.gfooter .informations .copyright
{
    font-size: 9px;
    font-size: .9rem;
    line-height: 1;
    margin: 10px 0 0;
    text-align: center;
    letter-spacing: -.03em;
}
.gfooter .informations .copyright span{display: block; margin: 10px 0;}

@media (min-width: 600px)
{
    .gfooter{border-top: 10px solid #000;}
    .gfooter .informations
    {
        padding: 14px 0;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .gfooter .informations .wrap
    {
        position: relative;
        display: table;
    }
    .gfooter .informations .copyright
    {
        display: table-cell;
        position: relative;
        padding-right: 112px;
        height: 44px;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: right;
				vertical-align: middle;
    }
    .gfooter .informations .copyright span{
        display: inline-block;
        right: 0;
        top: 0;
        position: absolute;
        margin: 0;
        width: 80px;
        height: 44px;
    }
    .gfooter .informations .copyright span img{width: 80px;}
}

.contents
{
    min-height: 100px;
    padding: 50px 0 0;
}
@media (min-width: 600px)
{
    .contents { padding: 150px 0 0;}
}

@keyframes rotate
{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes rotate_reverse
{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}

@keyframes arrow_left
{
    0% {transform: translateX(0px);}
    50% {transform: translateX(-5px);}
    100% {transform: translateX(0px);}
}

@keyframes arrow_right
{
    0% {transform: translateX(0);}
    50% {transform: translateX(5px);}
    100% {transform: translateX(0);}
}

/*============================================================
* module
*============================================================*/
.section .wrap{position: relative;}

.section_header{ position: relative; display: table; width: 100%; margin: 0 0 25px; padding: 0 0 5px; border-bottom: 2px solid #000;}
.section_header:after{ position: absolute; bottom: 0; left: 0; width: 90px; height: 3px; content: ''; background: #000;}
.section_header > div{ display: table-cell; vertical-align: bottom;}
.section_header .section_caption{ font-size: 21px; font-size: 2.1rem; font-weight: bold; width: 100px;}
.section_header .section_desc{line-height: 1.45833;}
@media (min-width: 600px)
{
    .section_header { margin: 0 0 40px; padding: 0 0 10px;}
    .section_header:after { width: 94px; height: 4px; content: '';}
    .section_header .section_caption { font-size: 24px; font-size: 2.4rem; width: 115px;}
    .section_header .section_desc {line-height: 2.57143;}
}

.section_link{margin: 35px 0 0;}
@media (min-width: 600px)
{
    .section_link { position: absolute; top: 15px; right: 10px; margin: 0;}
}
.sub_ttl{ font-size: 21px; font-size: 2.1rem; font-weight: bold; position: relative; margin: 0 -15px 15px; text-align: center;}
.sub_ttl:before{ position: absolute; top: 50%; display: block; width: 100%; height: 1px; margin-top: -.5px; content: ''; background: #000;}
.sub_ttl span{ position: relative; padding: 0 10px; background: #fff;}
@media (min-width: 600px)
{
    .sub_ttl { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin: 0 0 15px;}
    .sub_ttl span { padding: 0 50px;}
}



/* 2017/12/07 add START */
img.banner_sp { display: block; }
img.banner_pc { display: none; }
.banner img {
  width: 100%;
}
.banner a img {
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.banner a:hover img {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

  .special_content_banner {
      margin: 30px 15px 0;
  }

  .relation_content_banner {
      margin: 30px 15px 0;
  }

@media (min-width: 600px){
  .special_content_banner {
      width: 890px;
      margin: 60px auto 0;
  }

  .relation_content_banner {
      width: 890px;
      margin: 60px auto 0;
  }

  img.banner_sp { display: none; }
  img.banner_pc { display: block; }
}

/* 2017/12/07 add END */

@media (min-width: 600px)
{
    .style_page .contents .wrap
    {
        width: 1000px;
    }
}

.style_page .contents .breadcrumbs
{
    display: none;

    padding: 15px 0;

    border-bottom: 2px solid #e6e6e6;
}
@media (min-width: 600px)
{
    .style_page .contents .breadcrumbs
    {
        display: block;
    }
    .style_page .contents .breadcrumbs .wrap
    {
        width: 1200px;
    }
}
.style_page .contents .breadcrumbs .breadcrumbs_list
{
    overflow: hidden;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li
{
    line-height: 20px;

    display: inline;
    float: left;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:before
{
    padding: 0 15px;

    content: '/';

    color: #b3b3b3;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:first-child
{
    padding: 0 15px 0 0;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:first-child a
{
    display: block;

    width: 20px;
    height: 20px;

    text-indent: -9999px;

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_breadcrumbs_home.png) no-repeat 0 0;
}
.style_page .contents .breadcrumbs .breadcrumbs_list li:nth-child(1):before,
.style_page .contents .breadcrumbs .breadcrumbs_list li:nth-child(2):before
{
    display: none;
}
.style_page .contents .breadcrumbs .breadcrumbs_list a:hover
{
    text-decoration: none;
}

.style_page .hero
{
    display: table;

    width: 100%;
    height: 135px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.style_page .hero.nobg
{
    height: auto;
    padding: 40px 0;

    background-image: none;
}
@media (min-width: 600px)
{
    .style_page .hero.nobg
    {
        padding: 60px 0;
    }
}
.style_page .hero.nobg .page_ttl
{
    color: #333;
}
.style_page .hero > div
{
    display: table-cell;

    text-align: center;
    vertical-align: middle;
}
.style_page .hero .page_ttl
{
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;

    position: relative;

    display: inline-block;

    width: 290px;

    text-align: center;

    color: #fff;
}
.style_page .hero .page_ttl:before,
.style_page .hero .page_ttl:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 9px;
    height: 30px;
    margin-top: -15px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/ttl_page_deco_left.png);
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
.style_page .hero .page_ttl:before
{
    left: 0;
}
.style_page .hero .page_ttl:after
{
    right: 0;

    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/ttl_page_deco_right.png);
}
@media (min-width: 600px)
{
    .style_page .hero
    {
        height: 240px;
    }
    .style_page .hero .page_ttl
    {
        font-size: 40px;
        font-size: 4rem;

        width: auto;
        padding: 0 40px;
    }
    .style_page .hero .page_ttl:before,
    .style_page .hero .page_ttl:after
    {
        width: 10px;
        height: 40px;
        margin-top: -20px;

        background: url(https://koyo.jtekt.co.jp/assets/images/parts/ttl_page_deco_left.png);
        -webkit-background-size: 10px auto;
           -moz-background-size: 10px auto;
                background-size: 10px auto;

            -ms-background-size: 10px auto;
    }
    .style_page .hero .page_ttl:after
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/ttl_page_deco_right.png);
    }
}

.jspContainer
{
    position: relative;

    overflow: hidden;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;

    width: 10px;
    height: 100%;

    border-right: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 12px;

    background: red;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    position: relative;

    background: #999;
}

.jspDrag
{
    position: relative;
    top: 0;
    left: 0;

    cursor: pointer;

    background: #e6e6e6;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;

    height: 100%;
}

.jspArrow
{
    display: block;

    margin: 0;
    padding: 0;

    cursor: pointer;
    text-indent: -20000px;

    background: #50506d;
}
.jspArrow.jspDisabled
{
    cursor: default;

    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    float: left;

    width: 16px;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    float: left;

    height: 100%;

    background: #eeeef4;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

.product_type_list
{
    margin-top: -15px;
}
.product_type_list::after
{
    display: table;
    clear: both;

    content: '';
}
.product_type_list li
{
    float: left;

    width: 33%;
    margin: 15px 0 0;
}
.product_type_list li a
{
    display: block;

    text-decoration: none;
}
.product_type_list.col03-06 li
{
    width: 33%;
    margin: 15px 0 0;
}
.product_type_list.col03-06 li:nth-child(2n)
{
    float: left;
}
.product_type_list .card .card_thumb
{
    text-align: center;
}
.product_type_list .card .card_caption
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571;

    margin: 5px 0 0;

    text-align: center;
}
@media (min-width: 600px)
{
    .product_type_list li
    {
        width: 160px;
        padding-right: 10px;
    }
    .product_type_list .card
    {
        display: table;

        width: 100%;
    }
    .product_type_list .card > div
    {
        display: table-cell;

        vertical-align: middle;
    }
    .product_type_list .card .card_thumb
    {
        position: relative;
    }
    .product_type_list .card .card_caption
    {
        padding-left: 10px;

        text-align: left;
    }
}

.product_field_list
{
    margin-top: -15px;
}
.product_field_list::after
{
    display: table;
    clear: both;

    content: '';
}
.product_field_list li
{
    float: left;

    width: 31%;
    margin: 15px 3.5% 0 0;
}
.product_field_list li:nth-child(3n)
{
    margin-right: 0;
}
.product_field_list li a
{
    display: block;

    text-decoration: none;
}
.product_field_list .card .card_thumb
{
    text-align: center;
}
.product_field_list .card .card_thumb img
{
    width: 100%;
    height: auto;
}
.product_field_list .card .card_caption
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571;

    margin: 5px 0 0;

    text-align: center;
}
@media (min-width: 600px)
{
    .product_field_list
    {
        margin: 0 -10px 0;
    }
    .product_field_list a:hover .card_caption
    {
        opacity: 1;
        color: #0068b7;
    }
    .product_field_list li
    {
        width: 90px;
        margin: 0 21px 0 0;
    }
    .product_field_list li:nth-child(3n)
    {
        margin-right: 21px;
    }
    .product_field_list li:last-child
    {
        margin-right: 0;
    }
    .product_field_list .card .card_thumb
    {
        position: relative;
    }
    .product_field_list .card .card_caption
    {
        transition: all .3s linear;
    }
}

.others
{
    margin: 30px 0 0;
}
@media (min-width: 600px)
{
    .others
    {
        width: 980px;
        margin: 0 auto;
        margin-top: 60px;
    }
}

.line_ttl
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;

    position: relative;

    margin: 0 0 15px;

    text-align: center;
}
.line_ttl:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.line_ttl span
{
    position: relative;

    padding: 0 10px;

    background: #fff;
}
@media (min-width: 600px)
{
    .line_ttl
    {
        font-size: 18px;
        font-size: 1.8rem;

        margin: 0 0 20px;
    }
    .line_ttl span
    {
        padding: 0 40px;
    }
}

.doubleline_ttl
{
    line-height: 1.4;

    position: relative;

    margin: 0 -15px;

    text-align: center;
}
.doubleline_ttl:before,
.doubleline_ttl:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 1px;
    margin-top: -.5px;

    content: '';

    background: #000;
}
.doubleline_ttl:before
{
    height: 2px;
    margin-top: -4px;
}
.doubleline_ttl .ttl_inner
{
    position: relative;
    position: relative;
    z-index: 1;

    display: inline-block;

    padding: 0 45px;

    background: #fff;
}
.doubleline_ttl .ttl_inner:before,
.doubleline_ttl .ttl_inner:after
{
    position: absolute;
    top: 50%;

    display: block;

    width: 6px;
    height: 31px;
    margin-top: -15.5px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/ttl_case-study_deco_left.png);
    -webkit-background-size: 6px auto;
       -moz-background-size: 6px auto;
            background-size: 6px auto;

        -ms-background-size: 6px auto;
}
.doubleline_ttl .ttl_inner:before
{
    left: 7px;
}
.doubleline_ttl .ttl_inner:after
{
    right: 7px;

    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/ttl_case-study_deco_right.png);
}
.doubleline_ttl .jp
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
}
.doubleline_ttl .en
{
    font-size: 9px;
    font-size: .9rem;
}
@media (min-width: 600px)
{
    .doubleline_ttl
    {
        font-size: 18px;
        font-size: 1.8rem;

        margin: 0;
    }
    .doubleline_ttl .ttl_inner
    {
        position: relative;
        position: relative;
        z-index: 1;

        display: inline-block;

        padding: 0 55px;

        background: #fff;
    }
    .doubleline_ttl .ttl_inner:before,
    .doubleline_ttl .ttl_inner:after
    {
        width: 8px;
        height: 40px;
        margin-top: -20px;

        background: url(https://koyo.jtekt.co.jp/assets/images/parts/ttl_case-study_deco_left.png);
        -webkit-background-size: 8px auto;
           -moz-background-size: 8px auto;
                background-size: 8px auto;

            -ms-background-size: 8px auto;
    }
    .doubleline_ttl .ttl_inner:before
    {
        left: 10px;
    }
    .doubleline_ttl .ttl_inner:after
    {
        right: 10px;

        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/ttl_case-study_deco_right.png);
    }
    .doubleline_ttl .jp
    {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
    }
    .doubleline_ttl .en
    {
        font-size: 12px;
        font-size: 1.2rem;
    }
}




.relation_box
{
    margin: 20px 0 0;
    padding: 10px 10px 15px;

    border: 1px solid #808080;
}
.relation_box .tag_list li
{
    display: inline-block;

    padding: 5px 5px 0 0;
}
.relation_box .tag_list li a
{
    display: block;
}
.relation_box .tag_list .label
{
    display: inline-block;

    padding: 0 10px;

    text-align: center;

    background: #e6e6e6;
}
@media (min-width: 600px)
{
    .relation_box .tag_list
    {
        font-size: 16px;
        font-size: 1.6rem;

        text-align: center;
    }
    .relation_box .tag_list a:hover
    {
        opacity: 1;
    }
    .relation_box .tag_list a:hover .label
    {
        text-decoration: underline;
    }
}
.relation_box .relation_caption
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin: 0 0 5px;

    text-align: center;
}
@media (min-width: 600px)
{
    .relation_box
    {
        padding: 15px 20px 20px;
    }
}

button
{
    padding: 0;
}

.btn
{
    display: inline-block;
    cursor: pointer;
}
.btn:hover
{
    opacity: 1;
}
.btn:before
{
    transition: all .3s linear;
}
.btn.minimum
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    padding-left: 20px;

    text-align: center;
    text-decoration: none;
}
@media (min-width: 600px)
{
    .btn.minimum:hover
    {
        opacity: .8;
    }
}
.btn.minimum:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/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)
{
    .btn.minimum:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/arrow_square_black.png);
    }
}
.btn.default
{
    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;
    border: 1px solid #000;
    background: #000;
}
@media (min-width: 600px)
{
    .btn.default
    {
        font-size: 18px;
        font-size: 1.8rem;

        padding: 8px 20px;

        color: inherit;
        background: #fff;
    }
    .btn.default:hover
    {
        color: #fff;
        background: #000;
    }
}
.btn.default.btn_gray
{
    color: inherit;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
}
@media (min-width: 600px)
{
    .btn.default.btn_gray:hover
    {
        color: #fff;
        border-color: #000;
        background: #000;
    }
}
@media (min-width: 600px)
{
    .btn.default.btn_black
    {
        color: #fff;
        background: #000;
    }
    .btn.default.btn_black:hover
    {
        color: inherit;
        border-color: #000;
        background: #fff;
    }
}
.btn.default.btn_white
{
    margin-top: 10px;
    color: inherit;
    border-color: #fff;
    background: #fff;
}
@media (min-width: 600px)
{
    .btn.default.btn_white:hover
    {
        opacity: .5;
    }
}
.btn.arrow
{
    padding-right: 30px;
}
.btn.arrow:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 9px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/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;
}
@media (min-width: 600px)
{
    .btn.arrow:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right.png);
    }
    .btn.arrow:hover:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right_white.png);
    }
}
.btn.arrow.arrow_gray:before
{
    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right_gray.png);
}
@media (min-width: 600px)
{
    .btn.arrow.arrow_gray:hover:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right_white.png);
    }
}
@media (min-width: 600px)
{
    .btn.arrow.btn_black:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right_white.png);
    }
    .btn.arrow.btn_black:hover:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right.png);
    }
}
.btn.arrow.btn_white:before
{
    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right.png);
}

.btn.popup:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/icon_popup_white.png) no-repeat 0 0;
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto;

        -ms-background-size: 16px auto;
}
@media (min-width: 600px)
{
    .btn.popup:before
    {
        width: 20px;
        height: 20px;
        margin-top: -10px;

        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_popup_white.png);
        -webkit-background-size: 20px auto;
           -moz-background-size: 20px auto;
                background-size: 20px auto;

            -ms-background-size: 20px auto;
    }
}
.btn.popup.popup_bold:before
{
    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/icon_popup_white_bold.png);
}
@media (min-width: 600px)
{
    .btn.popup.popup_bold:before
    {
        width: 15px;
        height: 15px;
        margin-top: -7.5px;

        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_popup_white_bold.png);
        -webkit-background-size: 15px auto;
           -moz-background-size: 15px auto;
                background-size: 15px auto;

            -ms-background-size: 15px auto;
    }
}
.btn.document:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 18px;
    height: 20px;
    margin-top: -10px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/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;
}
@media (min-width: 600px)
{
    .btn.document
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media (min-width: 600px)
{
    .btn.document.btn_black:hover:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_pdf_black.png);
    }
}
.btn.document.btn_white:before
{
    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_pdf_black.png);
}
@media (min-width: 600px)
{
    .btn.document.btn_white:hover:before
    {
        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_pdf_white.png);
    }
}
.btn.readmore
{
    font-family: 'Helvetica';

    padding: 5px;
}
@media (min-width: 600px)
{
    .btn.readmore
    {
        padding: 5px;
    }
}
.btn.pageprev
{
    color: inherit;
    background: #fff;
}
.btn.pageprev:before
{
    position: absolute;
    top: 50%;
    left: 15px;

    display: block;

    width: 9px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_pageprev.png) no-repeat 0 0;
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
.btn.pagenext
{
    color: inherit;
    background: #fff;
}
.btn.pagenext:before
{
    position: absolute;
    top: 50%;
    right: 15px;

    display: block;

    width: 9px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_pagenext.png) no-repeat 0 0;
    -webkit-background-size: 9px auto;
       -moz-background-size: 9px auto;
            background-size: 9px auto;

        -ms-background-size: 9px auto;
}
.btn.accordion:before
{
    position: absolute;
    top: 50%;
    left: 15px;

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    content: '';

    background: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_square_down_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;
}

.section .sttl
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.5;

    margin: 0 0 30px;

    border-bottom: 1px solid #000;
}
.section .sttl.centerbar
{
    margin-right: -15px;
    margin-left: -15px;

    text-align: center;
}
.section .sttl.centerbar span
{
    display: inline-block;

    padding: 0 0 5px;

    border-bottom: 2px solid #000;
}
.section .sttl.leftbar
{
    margin-right: -15px;
    margin-left: -15px;
}
.section .sttl.leftbar span
{
    display: inline-block;

    padding: 0 0 5px;

    border-bottom: 2px solid #000;
}
.section .sttl.icon span
{
    position: relative;

    display: inline-block;
}
.section .sttl.icon span:before
{
    display: block;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
}
.section .sttl.field span
{
    padding: 5px 0 5px 30px;
}
.section .sttl.field span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 23px;
    height: 23px;
    margin-top: -11.5px;

    content: '';

    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/icon_product_field.png);
    -webkit-background-size: 23px auto;
       -moz-background-size: 23px auto;
            background-size: 23px auto;

        -ms-background-size: 23px auto;
}
.section .sttl.type span
{
    padding: 5px 0 5px 30px;
}
.section .sttl.type span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 25px;
    height: 25px;
    margin-top: -12.5px;

    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/icon_product_type.png);
    -webkit-background-size: 25px auto;
       -moz-background-size: 25px auto;
            background-size: 25px auto;

        -ms-background-size: 25px auto;
}
@media (min-width: 600px)
{
    .section .sttl
    {
        font-size: 24px;
        font-size: 2.4rem;
    }
    .section .sttl.centerbar
    {
        margin-right: 0;
        margin-left: 0;
    }
    .section .sttl.centerbar span
    {
        padding: 0 0 8px;

        border-bottom-width: 4px;
    }
    .section .sttl.icon span
    {
        padding: 8px 0 8px 40px;
    }
    .section .sttl.field span:before
    {
        width: 30px;
        height: 30px;
        margin-top: -15px;

        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_product_field.png);
        -webkit-background-size: 30px auto;
           -moz-background-size: 30px auto;
                background-size: 30px auto;

            -ms-background-size: 30px auto;
    }
    .section .sttl.type span:before
    {
        width: 30px;
        height: 30px;
        margin-top: -15px;

        background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/icon_product_type.png);
        -webkit-background-size: 30px auto;
           -moz-background-size: 30px auto;
                background-size: 30px auto;

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

@media only screen and (max-width: 600px)
{
    table.responsive
    {
        margin-bottom: 0;
    }
    .pinned
    {
        position: absolute;
        top: 0;
        left: 0;

        width: 35%;

        background: #fff;
    }
    .pinned table
    {
        width: 100%;

        border-right: none;
        border-left: none;
    }
    .pinned table th,
    .pinned table td
    {
        white-space: nowrap;
    }
    .pinned td:last-child
    {
        border-bottom: 0;
    }
    div.table-wrapper
    {
        position: relative;
    }
    div.table-wrapper div.scrollable
    {
        margin-left: 35%;
    }
    div.table-wrapper div.scrollable
    {
        overflow: scroll;
        overflow-y: hidden;
    }
    table.responsive td,
    table.responsive th
    {
        position: relative;

        overflow: hidden;

        white-space: nowrap;
    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td
    {
        display: none;
    }
}

#colorbox,
#cboxOverlay
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    /*overflow:hidden;*/

    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper
{
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;

    max-width: none;
    /*overflow:hidden;*/

    -webkit-transform: translate3d(0, 0, 0);
}

#cboxOverlay
{
    position: fixed;

    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft
{
    clear: left;
}

#cboxContent
{
    position: relative;
}

#cboxLoadedContent
{
    overflow: auto;

    -webkit-overflow-scrolling: touch;
}

#cboxTitle
{
    margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow
{
    cursor: pointer;
}

.cboxPhoto
{
    display: block;
    float: left;

    max-width: none;
    margin: auto;

    -ms-interpolation-mode: bicubic;
    border: 0;
}

.cboxIframe
{
    display: block;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    border: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent
{
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay
{
    background: rgba(0, 0, 0, .5);
}

#colorbox
{
    outline: 0;
}

/*#cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}*/
#cboxContent
{
    overflow: visible;
}

.cboxIframe
{
    background: #fff;
}

#cboxError
{
    padding: 50px;

    border: 1px solid #ccc;
}

#cboxLoadedContent
{
    margin-bottom: 5px;
}

/*#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}*/
#cboxLoadingGraphic
{
    opacity: .6;
    /*background: url(https://koyo.jtekt.co.jp/assets/images/parts/loading.gif) no-repeat center center;*/
}

#cboxTitle
{
    font-weight: bold;

    position: absolute;
    bottom: -25px;
    left: 0;

    width: 100%;

    text-align: center;

    color: #7c7c7c;
}

#cboxCurrent
{
    font-weight: bold;

    position: absolute;
    bottom: -25px;
    left: 58px;

    color: #7c7c7c;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow
{
    position: absolute;
    bottom: -29px;

    overflow: visible;

    width: 170px;
    height: 42px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
    /*background: url(https://koyo.jtekt.co.jp/assets/images/parts/btn_modal_close.png) no-repeat 0 0;*/
}

#cboxClose
{
    position: absolute;
    top: 15px;
    right: 30px;

    overflow: visible;
    overflow: hidden;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
}
#cboxClose:before,
#cboxClose:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #b3b3b3;
}
#cboxClose:before
{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
#cboxClose:after
{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 600px)
{
    #cboxClose
    {
        top: 30px;
    }
}

#cboxClose span
{
    padding: 8px 0;
    padding-left: 30px;
}

#cboxClose:hover
{
    opacity: .6;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active
{
    outline: 0;
}

#cboxPrevious
{
    left: 0;

    background-position: -51px -25px;
}

#cboxPrevious:hover
{
    background-position: -51px 0;
}

#cboxNext
{
    left: 27px;

    background-position: -75px -25px;
}

#cboxNext:hover
{
    background-position: -75px 0;
}

/*#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}*/
.cboxSlideshow_on #cboxSlideshow
{
    right: 27px;

    background-position: -125px 0;
}

.cboxSlideshow_on #cboxSlideshow:hover
{
    background-position: -150px 0;
}

.cboxSlideshow_off #cboxSlideshow
{
    right: 27px;

    background-position: -150px -25px;
}

.cboxSlideshow_off #cboxSlideshow:hover
{
    background-position: -125px 0;
}

.modalContainer
{
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .5);
}
.modalContainer .modalContainerIn
{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
}
.modalContainer .modalArea
{
    position: absolute;
    top: 50%;
    left: 50%;
}
.modalContainer iframe
{
    position: relative;
    z-index: 0;
}
.modalContainer .modalClose
{
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 30px;

    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
}
.modalContainer .modalClose:hover
{
    cursor: pointer;
}
.modalContainer .modalClose:before,
.modalContainer .modalClose:after
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #b3b3b3;
}
.modalContainer .modalClose:before
{
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.modalContainer .modalClose:after
{
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media (min-width: 600px)
{
    .modalContainer .modalClose
    {
        top: 30px;
    }
}

@media (min-width: 600px)
{
    .style_modal #container
    {
        min-width: 980px;
    }
}

.style_modal .modalContents
{
    padding: 50px 0;
}

@media (min-width: 600px)
{
    .style_modal .modalContents .wrap
    {
        width: 900px;
    }
}

.customSelect
{
    position: relative;

    width: 100%;
    padding: 8px 10px;

    border: 1px solid #000;
    background: #fff;
}
.customSelect.hasCustomSelect
{
    position: relative;
    z-index: 1;
}
.customSelect .customSelectInner
{
    position: relative;
}
.customSelect .customSelectInner:after
{
position: absolute;
top: 50%;
right: 5px;
display: block;
width: 13px;
height: 8px;
margin-top: -4px;
content: '';
background: url(https://koyo.jtekt.co.jp/assets/images/parts/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)
{
    .customSelect{padding: 5px 10px;}
    .customSelect.w_short{width: 315px;}
}
.customRadio{position: relative;padding-left: 30px;}
.customRadio:before
{
position: absolute;
top: 50%;
left: 0;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
content: '';
background: url(https://koyo.jtekt.co.jp/assets/images/parts/form_radio.png) no-repeat 0 0;
-webkit-background-size: 20px auto;
-moz-background-size: 20px auto;
background-size: 20px auto;
-ms-background-size: 20px auto;
}
.customRadio.is-checked:before{background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/form_radio_on.png);}
.customRadio input{ position: absolute; top: 0; left: 0; opacity: 0;}
.input_list{ margin-top: -15px;}
.input_list::after{ display: table; clear: both; content: '';}
.input_list li{ display: inline-block; margin: 15px 0 0;}
.input_list.col03-05 li{width: 33%;}
.input_list.col02-05 li{width: 50%;}
@media (min-width: 600px)
{
    .input_list.col03-05 li{width: 20%;}
    .input_list.col02-05 li{width: 20%;}
}

.radio_box{ display: block; padding: 5px; text-align: center; border: 1px solid #000; background: #fff;}
.radio_box input{ display: none;}
.radio_box.is-checked{ color: #fff; background: #000;}


.pt0,.pv0,.pa0{padding-top: 0 !important;}
.pr0,.ph0,.pa0{padding-right: 0 !important;}
.pb0,.pv0,.pa0{padding-bottom: 0 !important;}
.pl0,.ph0,.pa0{padding-left: 0 !important;}
.mt0,.mv0,.ma0{margin-top: 0 !important;}
.mr0,.mh0,.ma0{margin-right: 0 !important;}
.mb0,.mv0,.ma0{margin-bottom: 0 !important;}
.ml0,.mh0,.ma0{margin-left: 0 !important;}
.pt5,.pv5,.pa5{padding-top: 5px !important;}
.pr5,.ph5,.pa5{padding-right: 5px !important;}
.pb5,.pv5,.pa5{padding-bottom: 5px !important;}
.pl5,.ph5,.pa5{padding-left: 5px !important;}
.mt5,.mv5,.ma5{margin-top: 5px !important;}
.mr5,.mh5,.ma5{margin-right: 5px !important;}
.mb5,.mv5,.ma5{margin-bottom: 5px !important;}
.ml5,.mh5,.ma5{margin-left: 5px !important;}
.pt10,.pv10,.pa10{padding-top: 10px !important;}
.pr10,.ph10,.pa10{padding-right: 10px !important;}
.pb10,.pv10,.pa10{padding-bottom: 10px !important;}
.pl10,.ph10,.pa10{padding-left: 10px !important;}
.mt10,.mv10,.ma10{margin-top: 10px !important;}
.mr10,.mh10,.ma10{margin-right: 10px !important;}
.mb10,.mv10,.ma10{margin-bottom: 10px !important;}
.ml10,.mh10,.ma10{margin-left: 10px !important;}
.pt15,.pv15,.pa15{padding-top: 15px !important;}
.pr15,.ph15,.pa15{padding-right: 15px !important;}
.pb15,.pv15,.pa15{padding-bottom: 15px !important;}
.pl15,.ph15,.pa15{padding-left: 15px !important;}
.mt15,.mv15,.ma15{margin-top: 15px !important;}
.mr15,.mh15,.ma15{margin-right: 15px !important;}
.mb15,.mv15,.ma15{margin-bottom: 15px !important;}
.ml15,.mh15,.ma15{margin-left: 15px !important;}
.pt20,.pv20,.pa20{padding-top: 20px !important;}
.pr20,.ph20,.pa20{padding-right: 20px !important;}
.pb20,.pv20,.pa20{padding-bottom: 20px !important;}
.pl20,.ph20,.pa20{padding-left: 20px !important;}
.mt20,.mv20,.ma20{margin-top: 20px !important;}
.mr20,.mh20,.ma20{margin-right: 20px !important;}
.mb20,.mv20,.ma20{margin-bottom: 20px !important;}
.ml20,.mh20,.ma20{margin-left: 20px !important;}
.pt25,.pv25,.pa25{padding-top: 25px !important;}
.pr25,.ph25,.pa25{padding-right: 25px !important;}
.pb25,.pv25,.pa25{padding-bottom: 25px !important;}
.pl25,.ph25,.pa25{padding-left: 25px !important;}
.mt25,.mv25,.ma25{margin-top: 25px !important;}
.mr25,.mh25,.ma25{margin-right: 25px !important;}
.mb25,.mv25,.ma25{margin-bottom: 25px !important;}
.ml25,.mh25,.ma25{margin-left: 25px !important;}
.pt30,.pv30,.pa30{padding-top: 30px !important;}
.pr30,.ph30,.pa30{padding-right: 30px !important;}
.pb30,.pv30,.pa30{padding-bottom: 30px !important;}
.pl30,.ph30,.pa30{padding-left: 30px !important;}
.mt30,.mv30,.ma30{margin-top: 30px !important;}
.mr30,.mh30,.ma30{margin-right: 30px !important;}
.mb30,.mv30,.ma30{margin-bottom: 30px !important;}
.ml30,.mh30,.ma30{margin-left: 30px !important;}
.pt35,.pv35,.pa35{padding-top: 35px !important;}
.pr35,.ph35,.pa35{padding-right: 35px !important;}
.pb35,.pv35,.pa35{padding-bottom: 35px !important;}
.pl35,.ph35,.pa35{padding-left: 35px !important;}
.mt35,.mv35,.ma35{margin-top: 35px !important;}
.mr35,.mh35,.ma35{margin-right: 35px !important;}
.mb35,.mv35,.ma35{margin-bottom: 35px !important;}
.ml35,.mh35,.ma35{margin-left: 35px !important;}
.pt40,.pv40,.pa40{padding-top: 40px !important;}
.pr40,.ph40,.pa40{padding-right: 40px !important;}
.pb40,.pv40,.pa40{padding-bottom: 40px !important;}
.pl40,.ph40,.pa40{padding-left: 40px !important;}
.mt40,.mv40,.ma40{margin-top: 40px !important;}
.mr40,.mh40,.ma40{margin-right: 40px !important;}
.mb40,.mv40,.ma40{margin-bottom: 40px !important;}
.ml40,.mh40,.ma40{margin-left: 40px !important;}
.pt45,.pv45,.pa45{padding-top: 45px !important;}
.pr45,.ph45,.pa45{padding-right: 45px !important;}
.pb45,.pv45,.pa45{padding-bottom: 45px !important;}
.pl45,.ph45,.pa45{padding-left: 45px !important;}
.mt45,.mv45,.ma45{margin-top: 45px !important;}
.mr45,.mh45,.ma45{margin-right: 45px !important;}
.mb45,.mv45,.ma45{margin-bottom: 45px !important;}
.ml45,.mh45,.ma45{margin-left: 45px !important;}
.pt50,.pv50,.pa50{padding-top: 50px !important;}
.pr50,.ph50,.pa50{padding-right: 50px !important;}
.pb50,.pv50,.pa50{padding-bottom: 50px !important;}
.pl50,.ph50,.pa50{padding-left: 50px !important;}
.mt50,.mv50,.ma50{margin-top: 50px !important;}
.mr50,.mh50,.ma50{margin-right: 50px !important;}
.mb50,.mv50,.ma50{margin-bottom: 50px !important;}
.ml50,.mh50,.ma50{margin-left: 50px !important;}
.txt_b{font-weight: bold;}

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



.customSelect
{
    position: relative;

    width: 100%;
    padding: 12px 10px;

    border: 2px solid #fff;
    background: #e6e6e6;
}
.customSelect.hasCustomSelect
{
    position: relative;
    z-index: 1;
}
.customSelect .customSelectInner
{
    position: relative;
}
.customSelect .customSelectInner:after
{
    position: absolute;
    top: 50%;
    right: 5px;

    display: block;

    width: 16px;
    height: 9px;
    margin-top: -4.5px;

    content: '';

    background: url(form_select.png) no-repeat 0 0;
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto;

        -ms-background-size: 16px auto;
}
@media (min-width: 600px)
{
    .customSelect.w_short
    {
        width: 315px;
    }
}

.customRadio,
.customCheckbox
{
    position: relative;

    padding-left: 30px;
}
.customRadio:before,
.customCheckbox:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '';

    background: url(form_radio.png) no-repeat 0 0;
    -webkit-background-size: 20px auto;
       -moz-background-size: 20px auto;
            background-size: 20px auto;

        -ms-background-size: 20px auto;
}
.customRadio.is-checked:before,
.customCheckbox.is-checked:before
{
    background-image: url(form_radio_on.png);
}
.customRadio input,
.customCheckbox input
{
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
}

.style_form .accordion_area
{
    margin: 30px 0 0;
}
.style_form .accordion_area .accordion_action.is-open .btn:after
{
    display: none;
}
.style_form .accordion_area .accordion_action .btn
{
    position: relative;

    padding-left: 45px;

    text-align: left;

    border: 2px solid #000;
}
.style_form .accordion_area .accordion_action .btn:before,
.style_form .accordion_area .accordion_action .btn:after
{
    position: absolute;
    top: 50%;
    left: 10px;

    display: block;

    width: 20px;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #000;
}
.style_form .accordion_area .accordion_action .btn:after
{
    transform: rotate(90deg);
}
.style_form .accordion_area .accordion_action .btn:hover
{
    opacity: .7;
    color: #000;
    background: #fff;
}
.style_form .accordion_area .accordion_body
{
    margin: 30px 0 0;
}
@media (min-width: 600px)
{
    .style_form .accordion_area .accordion_action
    {
        text-align: center;
    }
    .style_form .accordion_area .accordion_action .btn
    {
        width: auto;
        padding-left: 60px;
    }
    .style_form .accordion_area .accordion_action .btn:before,
    .style_form .accordion_area .accordion_action .btn:after
    {
        left: 20px;
    }
    .style_form .accordion_area .accordion_body
    {
        position: relative;

        padding: 30px 0 30px;

        border: 2px solid #ccc;
    }
    .style_form .accordion_area .accordion_body:before,
    .style_form .accordion_area .accordion_body:after
    {
        position: absolute;
        z-index: 0;
        top: -48px;
        left: 50%;

        display: block;

        margin-left: -12px;

        content: '';

        border: 12px solid transparent;
        border-top-width: 24px;
        border-bottom: 24px solid #ccc;
    }
    .style_form .accordion_area .accordion_body:after
    {
        z-index: 1;
        top: -44px;

        border-bottom-color: #fff;
    }
}

.style_form .btn_autocomplete
{
    width: 80px;
    margin-left: 10px;
    padding: 8px 0;

    color: #fff;
    background: #000;
}

.style_form .section
{
    margin: 40px 0 0;
}
.style_form .section .sttl
{
    padding: 0 0 5px;

    text-align: center;
}

.style_form .form_actions
{
    margin: 50px 0 0;
}
.style_form .form_actions .btn
{
    border: 2px solid #000;
}
.style_form .form_actions .btn_list li
{
    margin: 10px 0 0;
}
.style_form .form_actions .btn_list li:first-child
{
    margin: 0;
}
@media (min-width: 600px)
{
    .style_form .form_actions .btn_list
    {
        text-align: center;
    }
    .style_form .form_actions .btn_list li
    {
        display: inline-block;

        margin: 0 15px;
    }
}
.style_form .form_actions .btn_submit
{
    padding: 0;

    transition: all .3s linear;
}
@media (min-width: 600px)
{
    .style_form .form_actions .btn_prev
    {
        padding: 13px 0;
    }
}
.style_form .form_actions input[type='button']
{
    display: block;

    width: 100%;
    padding: 10px;

    border: none;
    background: none;
}
@media (min-width: 600px)
{
    .style_form .form_actions input[type='button']
    {
        padding: 15px 20px;
    }
}
@media (min-width: 600px)
{
    .style_form .form_actions
    {
        text-align: center;
    }
    .style_form .form_actions .btn
    {
        width: 420px;
    }
}

.style_form .form_container.confirm .form_actions
{
    margin-top: 20px;
}
.style_form .form_container.confirm .form_actions .wrap
{
    margin: 0 15px;
}
@media (min-width: 600px)
{
    .style_form .form_container.confirm .form_actions
    {
        margin-top: 40px;
    }
    .style_form .form_container.confirm .form_actions .wrap
    {
        margin: 0 auto;
    }
}

.style_form .form_container.confirm .wrap
{
    margin: 0;
}
@media (min-width: 600px)
{
    .style_form .form_container.confirm .wrap
    {
        margin: 0 auto;
    }
}

.style_form .form_container.confirm .form_table_group
{
    padding: 20px 15px;

    border-top: 1px solid #7f7f7f;
display:block!important;
}
.style_form .form_container.confirm .form_table_group:first-child
{
    padding: 0 15px;
}
@media (min-width: 600px)
{
    .style_form .form_container.confirm .form_table_group
    {
        padding: 0;
        padding: 30px 0 0;
display:block!important;
    }
    .style_form .form_container.confirm .form_table_group:first-child
    {
        padding: 0;
    }
}

.style_form .form_container.confirm .form_table td
{
    padding: 10px 0;

    border-bottom: 1px solid #ccc;
}

.style_form .form_container.confirm .form_table tr:last-child td
{
    padding-bottom: 0;

    border-bottom: none;
}

@media (min-width: 600px)
{
    .style_form .form_container.confirm .form_table td
    {
        padding-top: 30px;

        border-bottom: none;
    }
    .style_form .form_container.confirm .form_table .column
    {
        width: auto;
    }
    .style_form .form_container.confirm .form_table tr th:after
    {
      display: none;
    }
    .style_form .form_container.confirm .form_table tr.required th:after
    {
        position: static;
        top: 25px;
        right: 10px;

        padding: 5px;

        color: #c50000;
        background: none;
    }
    .style_form .form_container.confirm .form_table tr:first-child.required th:after
    {
        position: static;
    }
    .style_form .form_container.confirm .form_table tr:first-child th,
    .style_form .form_container.confirm .form_table tr:first-child td
    {
        padding-top: 0;
    }
}

.style_form .form_container.confirm .set_inner div:first-child
{
    padding: 0;
}

.style_form .form_container.confirm .set_inner_extra div:first-child
{
    font-size: 16px;
    font-size: 1.6rem;

    padding: 0;
}

.style_form .form_container .input_list.extra
{
    margin-top: -5px;
}
@media (min-width: 600px)
{
    .style_form .form_container .input_list.extra
    {
        margin-top: -15px;
    }
}

.style_form .form_container input[type='text']
{
    width: 100%;
    padding: 8px;

    border: 2px solid #fff;
    background: #e6e6e6;
}
.style_form .form_container input[type='text']:focus
{
    border-color: #000;
    background: #fff;
}

.style_form .form_container input[type='button']
{
    border: none;
}

.style_form .form_container textarea
{
    width: 100%;
    height: 120px;
    padding: 8px;

    border: 1px solid #999;
    background: #fff;
}

.style_form .form_container .address_num
{
    position: relative;
}
.style_form .form_container .address_num input[type='text']
{
    width: 190px;
    padding-left: 30px;
}
.style_form .form_container .address_num:before
{
    position: absolute;
    top: 12px;
    left: 10px;

    display: inline-block;

    content: '〒';

    color: #000;
}

.style_form .form_container #err
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #c50000;
}

.style_form .form_container .input_item_set
{
    position: relative;

    margin: 25px 0 0;
}
.style_form .form_container .input_item_set:first-child
{
    margin: 0;
}

.style_form .form_container .column
{
    display: table;

    width: 100%;
}
.style_form .form_container .column > div
{
    display: table-cell;

    padding-left: 10px;

    vertical-align: bottom;
}
.style_form .form_container .column > div:first-child
{
    padding-left: 0;
}

.style_form .form_container .set_group
{
    margin: 30px 0 0;
    padding: 30px 0 0;

    border-top: 1px solid #ccc;
}
.style_form .form_container .set_group:first-child
{
    margin: 0;
    padding: 0;

    border-top: none;
}

.style_form .form_container .set_inner
{
    display: table;

    width: 100%;
}
.style_form .form_container .set_inner > div
{
    display: table-cell;

    padding-left: 10px;

    vertical-align: top;
}
.style_form .form_container .set_inner > div:first-child
{
    font-size: 14px;
    font-size: 1.4rem;

    width: 100px;
    padding: .5em 0 0;
}
.style_form .form_container .set_inner.child
{
    margin: 10px 0 0;
}
.style_form .form_container .set_inner.child > div:first-child
{
    font-size: 14px;
    font-size: 1.4rem;
}

.style_form .form_container .form_table_group
{
    margin: 30px 0 0;
    padding: 30px 0 0;

    border-top: 1px solid #ccc;
}
.style_form .form_container .form_table_group:first-child
{
    margin: 0;
    padding: 0;

    border: none;
}

.style_form .form_container .form_table
{
    font-size: 16px;
    font-size: 1.6rem;

    width: 100%;
}
.style_form .form_container .form_table .sub
{
    font-size: 11px;
    font-size: 1.1rem;
}
.style_form .form_container .form_table th,
.style_form .form_container .form_table td
{
    line-height: 1.2;

    display: block;
}
.style_form .form_container .form_table th
{
    font-weight: normal;

    position: relative;

    margin: 20px 0 0;

    text-align: left;
}
.style_form .form_container .form_table td
{
    position: relative;

    padding-top: 5px;
}
/* 180208改修 */
.style_form .form_container .form_table tr th:after
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 5px;
    content: '任意';
    color: #fff;
    background: #444;
}
.style_form .form_container .form_table tr.required th:after
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 5px;
    /* 180208改修 */
    content: '必須';
    color: #fff;
    background: #c50000;
}
.style_form .form_container .form_table tr:first-child th
{
    margin: 0;
}

@media (min-width: 600px)
{
    .style_form .form_container input[type='text'],
    .style_form .form_container textarea
    {
        padding: 8px;
    }
    .style_form .form_container input[type='text'].w_short,
    .style_form .form_container textarea.w_short
    {
        width: 315px;
    }
    .style_form .form_container .address_num
    {
        position: relative;
    }
    .style_form .form_container .address_num input[type='text']
    {
        width: 315px;
        padding-left: 30px;
    }
    .style_form .form_container #err
    {
        font-size: 12px;
        font-size: 1.2rem;
        top: -1.5em;
    }
    .style_form .form_container .input_item_set
    {
        padding: 0;
    }
    .style_form .form_container .column > div
    {
        vertical-align: top;
    }
    .style_form .form_container .column input[type='text']
    {
        width: 315px;
    }
    .style_form .form_container .set_inner > div:first-child
    {
        font-size: 16px;
        font-size: 1.6rem;

        width: 150px;
    }
    .style_form .form_container .set_inner > div:nth-child(2n)
    {
        padding-right: 40px;
    }
    .style_form .form_container .set_inner.child
    {
        margin: 25px 0 0;
    }
    .style_form .form_container .set_inner.child:first-child
    {
        margin: 0;
    }
    .style_form .form_container .set_inner.child > div:first-child
    {
        font-size: 16px;
        font-size: 1.6rem;

        width: 150px;
    }
    .style_form .form_container .set_inner.child input
    {
        width: 100%;
    }
    .style_form .form_container .set_inner_extra
    {
        display: table;

        width: 100%;
    }
    .style_form .form_container .set_inner_extra > div
    {
        display: table-cell;

        padding-left: 10px;

        vertical-align: top;
    }
    .style_form .form_container .set_inner_extra > div:first-child
    {
        font-size: 16px;
        font-size: 1.6rem;

        width: 150px;
        padding: .5em 0 0;
    }
    .style_form .form_container .set_inner_extra > div:first-child
    {
        font-size: 16px;
        font-size: 1.6rem;

        width: 150px;
        padding: .5em 0 0;
    }
    .style_form .form_container .form_table .sub
    {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .style_form .form_container .form_table th,
    .style_form .form_container .form_table td
    {
        display: table-cell;

        padding-top: 30px;

        vertical-align: top;
    }
    .style_form .form_container .form_table th
    {
        width: 340px;
        margin: 0;
        padding-left: 40px;
    }
    /* 180208改修 */
    .style_form .form_container .form_table tr th:after
    {
        position: absolute;
        top: 40px;
        right: 10px;
        padding: 5px !important;
    }
    /* 180208改修 */
    .style_form .form_container .form_table tr:first-child th:after
    {
        position: absolute;
        top: 5px;
    }
    .style_form .form_container .form_table tr:first-child th,
    .style_form .form_container .form_table tr:first-child td
    {
        padding-top: 0;
    }
}

.style_form.style_contact .hero
{
    background-image: url(bg_hero.jpg);
}
.style_form.style_contact .hero.nobg
{
    background: none;
}

.style_form.style_contact .type_select
{
    margin: 10px 0 0;
}
.style_form.style_contact .type_select li
{
    display: block;
}
@media (min-width: 600px)
{
    .style_form.style_contact .type_select
    {
        margin: -15px 0 0;

        text-align: center;
    }
    .style_form.style_contact .type_select li
    {
        display: inline-block;

        margin: 15px 20px 0;
    }
}

.style_form.style_contact .pagedesc
{
    margin: 20px 0 0;
}
.style_form.style_contact .pagedesc .btn_area
{
    margin: 20px 0 0;
}
.style_form.style_contact .pagedesc .btn_area .btn
{
    border: 2px solid #000;
}

@media (min-width: 600px)
{
  /* 180208改修 */
    .style_form.style_contact .pagedesc{ margin: 0 0 0; text-align: center;}
    .style_form.style_contact .pagedesc .btn_area{margin: 30px 0 0; text-align: center;}
    .style_form.style_contact .pagedesc .btn_area .btn{width: 320px;}
    .style_form.style_contact .pagedesc .btn_area .btn + .btn{margin-left: 15px;}
}

.style_form .catalog_select {
	margin: 0;
}
.style_form .catalog_select #err {
	color: #c50000;
}
.style_form .catalog_select .catalog_list {
	margin-top: 1em;
}
.style_form .catalog_select .catalog_list li {
	border-bottom: 1px solid #ccc;
}
.style_form .catalog_select .catalog_list li:first-child {
	border-top: 1px solid #ccc;
}
.style_form .catalog_select .catalog_list label {
	position: relative;
	display: block;
}
#confirm.style_form .catalog_select .catalog_list label {
	cursor: auto;
}
.style_form .catalog_select .catalog_list label img {
	display: none;
}
.style_form .catalog_select .catalog_list label .check {
	display: none;
}
.style_form .catalog_select .catalog_list label span {
	display: block;
	position: relative;
	padding: 15px 5px 15px 34px;
	font-size: 1.4rem;
	line-height: 1.5em;
	vertical-align: middle;
}
#confirm.style_form .catalog_select .catalog_list label span {
	padding: 15px 5px;
}
.check:checked + span {
	background-color: #e5f0f7;
}
.check + span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	vertical-align: middle;
}
.check:checked + span::before {
	background-color: #0067b4;
}
.check:checked + span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 11px;
	margin-top: -8px;
	width: 5px;
	height: 10px;
	transform: rotate(40deg);
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

/*
.style_form .catalog_select .catalog_list label.is-checked .box {
	box-shadow: 0 2px 20px 0 rgba(4, 0, 0, .3);
}
.style_form .catalog_select .catalog_list label.is-checked .box .caption {
	color: #fff; 
	background: #000;
}
.style_form .catalog_select .catalog_list .box {
	display: table; 
	width: 100%;
}
.style_form .catalog_select .catalog_list .box > div {
	display: table-cell;
	vertical-align: middle;
}
.style_form .catalog_select .catalog_list .box .view-pc {
	display: none;
}
.style_form .catalog_select .catalog_list .box .icon {
	margin: 0 0 5px;
}
.style_form .catalog_select .catalog_list .box .caption {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 15px;
	letter-spacing: -.03em;
}
.style_form .catalog_select .catalog_list .box .thumb {
	width: 65px;
	padding: 10px 15px; 
	text-align: center;
}
.style_form .catalog_select .catalog_list .box .thumb img {
	width: 100%;
	height: auto;
}
*/

@media (min-width: 600px) {
.style_form .catalog_select {
	margin: 0 0 80px;
}
.style_form .catalog_select .catalog_list {
	margin-top: 40px;
}
.style_form .catalog_select .catalog_list::after {
	display: table;
	clear: both;
	content: '';
}
.style_form .catalog_select .catalog_list li {
	float: left;
	width: 227px;
	margin: 0 24px 0 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.style_form .catalog_select .catalog_list li:nth-child(4n) {
	margin-right: 0;
}
.style_form .catalog_select .catalog_list li:first-child,
.style_form .catalog_select .catalog_list li:nth-child(2),
.style_form .catalog_select .catalog_list li:nth-child(3),
.style_form .catalog_select .catalog_list li:nth-child(4) {
	border-top: 1px solid #ccc;
}
.style_form .catalog_select .catalog_list label {
	display: block;
	height: 100%;
	vertical-align: middle;
}
.style_form .catalog_select .catalog_list label img {
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -20px;
	width: auto;
	height: 40px;
}
.style_form .catalog_select .catalog_list label span {
	display: table-cell;
	position: relative;
	padding: 10px 38px 10px 32px;
	width: 227px;
	height: 60px;
	line-height: 1.5em;
	vertical-align: middle;
}
#confirm.style_form .catalog_select .catalog_list label span {
	padding: 10px 38px 10px 5px;
}
/*
.style_form .catalog_select .catalog_list label.is-checked .box {
	box-shadow: 0 2px 20px 0 rgba(4, 0, 0, .3);
}
.style_form .catalog_select .catalog_list label.is-checked .box .caption {
	color: #fff;
	background: #000;
}
.style_form .catalog_select .catalog_list .box {
	position: relative;
	display: block;
	margin: 0 auto;
}
.style_form .catalog_select .catalog_list .box > div {
	display: block;
}
.style_form .catalog_select .catalog_list .box .icon {
	position: absolute;
	bottom: 10px;
	left: 0;
	margin: 0;
}
.style_form .catalog_select .catalog_list .box .icon img {
	width: 112px;
	height: auto;
}
.style_form .catalog_select .catalog_list .box .view-pc {
	display: block;
}
.style_form .catalog_select .catalog_list .box .view-sp {
	display: none;
}
.style_form .catalog_select .catalog_list .box .caption {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px 0;
}
.style_form .catalog_select .catalog_list .box .thumb {
	width: auto;
	padding: 15px 0;
}
.style_form .catalog_select .catalog_list .box .thumb img {
	width: inherit;
}
*/
}

.style_form .form_header
{
    margin: 0;
}
.style_form .form_header.nobdr .wrap
{
    border: none;
}
.style_form .form_header .msg
{
    font-size: 14px;
    font-size: 1.4rem;

    margin: 10px 0 0;

    text-align: center;
    letter-spacing: -.03em;
}
.style_form .form_header .msg:first-child
{
    margin: 0;
}
.style_form .form_header .wrap
{
    /* 180208改修 */
    padding: 0 0 40px;
    border-bottom: 1px solid #7f7f7f;
}
@media (min-width: 600px)
{
    .style_form .form_header .msg
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .style_form .form_header .msg.thanks
    {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.style_telephone .inquiry_wrap
{
    padding: 0 15px;
}

.style_telephone .inquiry_time
{
    padding: 25px 10px;

    text-align: center;

    background: #f2f2f2;
}
.style_telephone .inquiry_time .caption
{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
}
.style_telephone .inquiry_time .time
{
    margin: 5px 0 0;
}
.style_telephone .inquiry_time .msg
{
    margin: 5px 0 0;
}

.style_telephone .office_container
{
    margin: 25px 0 0;
}
.style_telephone .office_container .office_box
{
    padding: 20px 0;

    border-top: 1px solid #000;
}
.style_telephone .office_container .office_box:first-child
{
    padding-top: 0;

    border-top: none;
}
.style_telephone .office_container .office_box .office_name
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.style_telephone .office_container .office_box .office_area
{
    margin: 5px 0 0;
}
.style_telephone .office_container .office_box .office_telephone_list
{
    margin: 5px 0 0;
}
.style_telephone .office_container .office_box .office_telephone
{
    display: table;

    width: 100%;
    margin: 10px 0 0;
}
.style_telephone .office_container .office_box .office_telephone:first-child
{
    margin: 0;
}
.style_telephone .office_container .office_box .office_telephone > div
{
    display: table-cell;

    vertical-align: middle;
}
.style_telephone .office_container .office_box .office_telephone .callnumber
{
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;

    position: relative;

    padding-right: 15px;
}
.style_telephone .office_container .office_box .office_telephone .callnumber span
{
    position: relative;

    padding-left: 25px;
}
.style_telephone .office_container .office_box .office_telephone .callnumber span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 21px;
    height: 21px;
    margin-top: -11.5px;

    content: '';

    background: url(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_telephone .office_container .office_box .office_telephone .callbtn
{
    width: 80px;

    text-align: right;
}
.style_telephone .office_container .office_box .office_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_telephone .office_container .office_box .office_telephone .callbtn span
{
    position: relative;

    padding-left: 16px;
}
.style_telephone .office_container .office_box .office_telephone .callbtn span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin-top: -6px;

    content: '';

    background: url(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;
}

@media (min-width: 600px)
{
    .style_telephone .inquiry_wrap
    {
        padding: 0;
    }
    .style_telephone .inquiry_time
    {
        padding: 15px 10px;

        text-align: left;
    }
    .style_telephone .inquiry_time .colgroup
    {
        display: table;

        margin: 0 auto;
    }
    .style_telephone .inquiry_time .colgroup > div
    {
        display: table-cell;

        vertical-align: middle;
    }
    .style_telephone .inquiry_time .colgroup .first
    {
        padding-right: 40px;
    }
    .style_telephone .inquiry_time .caption
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .style_telephone .inquiry_time .time
    {
        margin: 0;
    }
    .style_telephone .inquiry_time .msg
    {
        margin: 0;
    }
    .style_telephone .office_container
    {
        margin: 25px 0 0;
    }
    .style_telephone .office_container .office_box
    {
        display: table;

        width: 100%;
    }
    .style_telephone .office_container .office_box > div
    {
        display: table-cell;

        vertical-align: top;
    }
    .style_telephone .office_container .office_box:first-child
    {
        padding-top: 20px;

        border-top: 1px solid #000;
    }
    .style_telephone .office_container .office_box .office_name
    {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;

        width: 200px;
    }
    .style_telephone .office_container .office_box .office_area
    {
        width: 430px;
        margin: 0;
    }
    .style_telephone .office_container .office_box .office_telephone_list
    {
        margin: 0;
    }
    .style_telephone .office_container .office_box .office_telephone .callnumber
    {
        font-size: 20px;
        font-size: 2rem;
        font-weight: normal;
    }
    .style_telephone .office_container .office_box .office_telephone .callbtn
    {
        display: none;
    }
}





.btn.default.btn_blue{background: #0068b7; border: 2px solid #0068b7 !important; color: #fff; cursor: pointer;}
.btn.arrow.btn_blue:before {
    background-image: url(https://koyo.jtekt.co.jp/assets/images/parts/sp/arrow_right_white.png);
}
.btn.default.btn_blue:hover{background: #0068b7; color: #fff; border: 2px solid #0068b7 !important; opacity: .7;}

.btn_accordion .btn.default.btn_blue:before,
.btn_accordion .btn.default.btn_blue:after
{background: #fff !important;}
.btn_accordion .btn.default.btn_blue:hover{background: #0068b7; color: #fff; opacity: .7;}

.box-section .wrap{border: 2px solid #ccc; padding: 20px;}


/*# sourceMappingURL=../_maps/form_contact/form.css.map */

.alt_block{
background: #f2f2f2;
padding: 20px;
text-align: left;
margin-bottom: 50px;
}
.alt_block span {
padding: 0 0 0 1em;
position: relative;
}
.alt_block span:before {
display: inline;
left: 0;
content: '-';
position: absolute;
}


/*# 20191128 */

.desc_b{ font-weight: bold;margin-top: 30px;}
.desc_alt{ color: #f00;margin-top: 30px;border: 1px solid #f00;padding: 15px;}
.desc_sub{ font-size: 1.4rem;line-height: 1.75;}
.desc_sub a{ color: #0068b7;}
.radio_item label{display: block;margin: 10px 0;}
.other_country{display: none;}

.areaSelect
{
    position: relative;

    width: 100%;
    padding: 12px 10px;

    border: 2px solid #fff;
    background: #e6e6e6;
}
.areaSelect2
{
    position: relative;

    padding: 12px 10px;

    border: 2px solid #fff;
    background: #e6e6e6;
}
.areaSelect.areaSelect.areaSelect2
{
    position: relative;
    z-index: 1;
}
.areaSelect .areaSelectInner .areaSelect2
{
    position: relative;
}
.areaSelect .areaSelectInner:after .areaSelect2
{
    position: absolute;
    top: 50%;
    right: 5px;

    display: block;

    width: 16px;
    height: 9px;
    margin-top: -4.5px;

    content: '';

    background: url(form_select.png) no-repeat 0 0;
    -webkit-background-size: 16px auto;
       -moz-background-size: 16px auto;
            background-size: 16px auto;

        -ms-background-size: 16px auto;
}
@media (min-width: 600px)
{
    .areaSelect.areaSelect2.w_short
    {
        width: 315px;
    }
}

.areaSelect.areaSelect2.w_short {height: 50px;}

.style_form .form_container .address_num_jp
{
    position: relative;
}
.style_form .form_container .address_num_jp input[type='text']
{
    width: 90px;
    padding-left: 30px;
}
.style_form .form_container .address_num_jp:before
{
    position: absolute;
    top: 12px;
    left: 10px;

    display: inline-block;

    content: '〒';

    color: #000;
}

@media (min-width: 600px)
{
    .style_form .form_container .address_num_jp
    {
        position: relative;
    }
    .style_form .form_container .address_num_jp input[type='text']
    {
        width: 115px;
        padding-left: 30px;
    }
}