@charset "utf-8";
/* CSS Document */

/*------------------------------
reset
------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}

body {
    -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

figure {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin: 0;
}

a:link,
a:visited {
    text-decoration: none;
}

a:focus,
*:focus {
    outline: none;
}


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

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

a {
    transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

img {
    max-width: 100%;
    height: auto;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.link-img:hover {
    opacity: 0.7;
}

figure {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

html {
    font-size: 62.5%;
}

body {
    overflow-x: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-size: 14px;
    /* for IE */
    font-size: 1.4em;
    line-height: 2;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
header,
header a,
footer,
footer a,
nav,
nav a,
.btn,
.btn a {
    line-height: 1.75;
}

#main {
    padding-top: 46px;
    margin-bottom: 40px;
}

.wrapper {
    width: 90%;
    margin: 0 auto;
}

section {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contents {
    margin-bottom: 30px;
}

.block {
    margin-bottom: 30px;
}

.text {
    margin-bottom: 1rem;
    text-indent: 2em;
}

/*
.movie {
    position: relative;
    padding-bottom: 56.25%;
}
*/

table {
    width: 100%;
    border: 1px solid #ededed;
}

th,
td {
    padding: 1em 0.5em;
    border-bottom: 1px solid #ededed;
}

th {
    min-width: 8.5em;
    background: #d6d6d6;
}

td {
    border-left: 1px solid #ededed;
}

dt {
    font-weight: 900;
}

.caption {
    font-size: 1.6rem;
    font-weight: 900;
    text-indent: 0;
    text-align: center;
}

.caption.utility-textAlign-left {
    text-align: left;
}

/*------------------------------
base min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    #main {
        padding-top: 68px;
        margin-bottom: 60px;
    }

    .theme-KT #main,
    .theme-KF #main,
    .theme-KMX #main,
    .theme-KID #main {
        padding-top: 67px;
    }

    .theme-KF #main {
        padding-top: 65px;
    }

    .wrapper {
        width: 100%;
        max-width: 1000px;
        padding: 0 20px;
    }

    section {
        padding-top: 10px;
    }

    th,
    td {
        padding: 1em 1.5em;
    }

    th {
        width: 20%;
        max-width: 200px;
    }

    figure {
        text-align: center;
    }

    .caption {
        font-size: 2rem;
        line-height: 1.75;
    }
}

/*------------------------------
base max-width: 768px
------------------------------*/
@media screen and (max-width: 768px) {
    img {
        width: 100%;
        height: auto;
    }
}


/*------------------------------
header
------------------------------*/
header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .2);
}

header.scrollable {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
}

header .wrapper {
    position: relative;
    width: 100%;
    min-height: 46px;
    background: #fff;
}

.logo {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: 124px;
}

.logo img {
    height: auto;
}

.logo a:hover img {
    opacity: 0.7;
}

.global-nav {
    position: relative;
    padding: 0;
}

.global-nav > label {
    display: block;
    position: absolute;
    top: 8px;
    left: 16px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    cursor: pointer;
    color: #333;
    font-size: 2rem;
    text-align: center;
}

.global-nav input[type="checkbox"].bellows {
    display: none;
}

.global-nav input[type="checkbox"].bellows + ul {
    height: 0;
    overflow: hidden;
}

.global-nav input[type="checkbox"].bellows:checked + ul {
    height: 100%;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.global-nav > ul {
    padding-top: 46px;
}

.global-nav li {
    position: relative;
}

.global-nav .of-alignSelf-center {
    align-self: center;
}

.global-nav a {
    display: block;
    position: relative;
    padding: 20px;
    border-top: 1px solid #ddd;
    color: #444;
    background: #fff;
    font-size: 1.4rem;
}

.global-nav .sp-nav:after {
    position: absolute;
    top: 20px;
    right: 20px;
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_sp_menu01.png");
}

.global-nav .sp-nav.show:after {
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_sp_menu02.png");
}

.sp-nav.show + .subnav a {
    background: #efefef;
}

.global-nav a:hover,
.global-nav a:active,
.global-nav .sp-nav.show,
.sp-nav.show + .subnav a:hover,
.sp-nav.show + .subnav a:active {
    color: #fff;
    background-color: #707070;
}

.subnav a {
    padding: 20px;
}

.sp-nav.show + .subnav a:after {
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_gnavi_arrow_gray.png");
    position: absolute;
    top: 20px;
    right: 20px;
}

.btn-sp-entry {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    min-height: 44px;
    line-height: 44px;
    padding-right: 1em;
    padding-left: 1em;
    border: 1px solid #e10012;
    color: #fff;
    background: #e10012;
    font-size: 1.2rem;
}

.btn-sp-entry:hover {
    color: #e10012;
    background: #fff;
}

.theme-KF .btn-sp-entry {
    display: flex;
    align-items: center;
    min-height: 46px;
    line-height: 1;
}

.global-nav .sp-nav-close {
    text-align: center;
}

.global-nav .sp-nav-close a {
    display: block;
    color: #777;
    text-transform: uppercase;
    cursor: pointer;
}

.global-nav .sp-nav-close a span {
    padding: 6px 12px;
    border: 1px solid #777;
    border-radius: 4px;
    vertical-align: middle;
}

.global-nav .sp-nav-close a:hover span {
    background-color: #fff;
}

.global-nav .sp-nav-close a span img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
}

#close-overlay {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: none;
}

#close-overlay > label {
    display: block;
    width: 100%;
    height: 100%;
}

.global-nav input[type="checkbox"].bellows:checked + ul > #close-overlay {
    display: block;
}

/*------------------------------
header min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    header {
        background-color: #fff;
    }

    header.scrollable {
        bottom: auto;
    }

    header .wrapper {
        min-height: 60px;
        padding: 10px 20px;
    }

    .theme-KA header .wrapper,
    .theme-KU header .wrapper,
    .theme-KIB header .wrapper,
    .theme-KD  header .wrapper {
        padding: 0 20px;
    }


    .logo {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 24.6%;
        height: 19px;
        max-width: 246px;
        margin: 0 24px;
        float: left;
    }

    .global-nav {
        position: static;
        float: right;
        margin: 0;
    }

    .global-nav input[type="checkbox"].bellows + ul {
        height: auto;
        overflow: visible;
    }

    .global-nav input[type="checkbox"].bellows:checked + ul {
        height: auto;
        box-shadow: none;
    }

    .global-nav > ul {
        padding-top: 0;
    }

    .global-nav li {
        position: relative;
        display: inline-block;
        min-width: 7em;
        text-align: center;
    }

    .global-nav a {
        padding: 10px 4px;
        border: none;
        font-size: 1.5rem;
    }

    .subnav a:after {
        display: none;
    }

    .global-nav > label,
    .global-nav > input {
        display: none;
    }

    .global-nav > ul > li > a:after {
        display: none;
    }

    .subnav {
        overflow: hidden;
        position: absolute;
        z-index: 9999;
        top: 100%;
        left: 0;
        max-height: 0;
        transition: max-height .5s ease-in-out;
    }

    .subnav li {
        width: 100%;
    }

    .subnav li a {
        padding: 10px 4px;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    .global-nav li:hover .subnav {
        max-height: 200px;
    }

    .global-nav .btn-entry {
        border: 1px solid #e10012;
        color: #fff;
        background: #e10012;
    }

    .global-nav .btn-entry:hover {
        color: #e10012;
        background: #fff;
    }

    .btn-sp-entry {
        display: none;
    }

    .theme-KF .btn-sp-entry {
        display: none;
    }

    .global-nav .sp-nav-close {
        display: none;
    }

    .global-nav .current {
        background: url(https://www.keyence.com.cn/img/ss/careers/ss_careers_common_e10012.png) no-repeat center 85%;
        background-size: 35% 2px;
    }

    .theme-KF .global-nav .current {
        background-position: center 95%;
    }

    .global-nav .btn-entry.current {
        color: #e10012;
        background: #fff url(https://www.keyence.com.cn/img/ss/careers/ss_careers_common_e10012.png) no-repeat center 85%;
        background-size: 35% 2px;
    }
}

/*------------------------------
page-nav
------------------------------*/
.page-nav {
    background: #000;
}

.page-nav .wrapper {
    width: 100%;
}

.page-nav li {
    float: left;
    text-align: center;
}

.page-nav li + li {
    border-left: 1px solid #4d4d4d;
}

.page-nav a {
    display: block;
    padding: 0.75em 0;
    color: #838383;
    font-size: 1.2rem;
    line-height: 1;
}

.page-nav a:after {
    display: block;
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_arrow_gray.png");
}

.page-nav a:hover,
.page-nav .current {
    color: #fff;
    background: #1a1a1a;
}

.page-nav a:hover:after,
.page-nav .current:after {
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_arrow_r.png");
}

.equal-column5 > * {
    width: 20%;
}

.equal-column4 > * {
    width: 25%;
}

.equal-column3 > * {
    width: 33.33%;
}

.equal-column2 > * {
    width: 50%;
}

/*------------------------------
page-nav min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .page-nav .wrapper {
        padding: 0;
    }

    .page-nav ul {
        border-right: 1px solid #4d4d4d;
        border-left: 1px solid #4d4d4d;
    }

    .page-nav a {
        font-size: 1.6rem;
    }
}

/*------------------------------
back-to-top
------------------------------*/
.back-to-top-wrap {
    position: relative;
    width: 100%;
}

.back-to-top {
    position: relative;
    width: 80px;
    height: 40px;
    text-align: center;
}

.back-to-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 40px;
    border-color: transparent transparent #e10012 transparent;
}

.back-to-top span {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 20px;
    margin-left: -10px;
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
}

.back-to-top span img {
    width: 16px;
    height: 10px;
}

.back-to-top:hover:before {
    border-color: transparent transparent #ea5550 transparent;
}

#back-to-top {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}

#back-to-top.fixed {
    position: fixed;
}

#back-to-top.show {
    pointer-events: auto;
    opacity: 1;
}

/*------------------------------
back-to-top min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    #back-to-top {
        right: 100px;
    }
}

/*------------------------------
footer
------------------------------*/
footer {
    padding-bottom: 20px;
    background: #000;
    color: #fff;
}

footer .wrapper {
    width: 100%;
    margin-bottom: 30px;
}

.footer-nav {
    margin-bottom: 30px;
}

.footer-nav a {
    display: block;
    position: relative;
    min-height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #333;
    color: #fff;
}

.footer-nav .sp-nav:after {
    position: absolute;
    top: 0;
    right: 20px;
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_sp_menu_footer01.png");
    font-family: "Font Awesome 5 Free";
}

.footer-nav .sp-nav.show:after {
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_sp_menu_footer02.png");
}

.sp-nav.show + .footer-subnav a {
    background: #555;
}

.footer-nav a:hover,
.footer-nav a:active,
.footer-nav .sp-nav.show,
.sp-nav.show + .footer-subnav a:hover,
.sp-nav.show + .footer-subnav a:active {
    color: #fff;
    background-color: #444;
}

.sp-nav.show + .footer-subnav a:after {
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_gnavi_arrow_footer_gray.png");
    position: absolute;
    top: 0;
    right: 20px;
}

.QR-group {
    text-align: center;
}

.QR-group .QR {
    display: inline-block;
    margin: 0 10px 10px;
}

.QR-group .QR img {
    width: 82px;
    margin-bottom: 4px;
}

.utility-group .tel-group {
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
}

.utility-group .tel-group a {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    text-decoration: none;
    cursor: inherit;
}

.utility-group .tel-group a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 29px;
    height: 29px;
    transform: translateY(-50%);
    background: url("https://www.keyence.com.cn/img/core/icon_tel_l_trans.png") no-repeat;
    background-size: cover;
    content: "";
}

.copyright-block {
    position: relative;
    padding-top: 2em;
    color: #979797;
    text-align: center;
}

.privacy {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.privacy a {
    padding: 0 1em;
    color: #979797;
}

.copyright {
    font-size: 1.1rem;
}


/*------------------------------
footer min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    footer {
        padding-top: 20px;
    }

    footer .wrapper {
        margin-bottom: 7em;
    }

    .footer-nav {
        float: left;
        width: 75%;
        padding: 0 20px;
    }

    .footer-nav > ul > li {
        float: left;
        width: 20%;
        font-size: 1.6rem;
        font-weight: 900;
    }

    .footer-nav .footer-subnav li {
        font-size: 1.4rem;
        font-weight: normal;
    }

    .footer-nav a {
        min-height: auto;
        line-height: inherit;
        padding: 0;
        border-bottom: none;
        margin-bottom: 1rem;
    }

    .footer-nav .sp-nav:after {
        display: none;
    }

    .footer-nav a:hover {
        background: none;
        text-decoration: underline;
    }

    .QR-group {
        width: 25%;
        float: right;
    }
    .utility-group {
        width: 25%;
        float: right;
    }
    .utility-group .QR-group {
        width: 100%;
        float: none;
    }
    .utility-group .tel-group {
        margin-bottom: 20px;
        margin-left: 20px;
        text-align: left;
    }

    .privacy,
    .copyright {
        display: inline-block;
        position: static;
        font-size: 1.2rem;
    }

    .privacy {
        transform: translateX(0);
    }

    .copyright {
        margin-right: 1em;
    }
}

/*------------------------------
footer (min-width: 769px) and (max-width: 900px)
------------------------------*/
@media screen and (min-width: 769px) and (max-width: 900px) {
    .QR-group .QR {
        margin: 0 5px 10px;
    }
    .utility-group .tel-group {
        margin-left: 0;
    }
}

/*------------------------------
page-main-visual
------------------------------*/
.page-main-visual {
    position: relative;
}

.page-main-visual-inner {
    height: 160px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/*------------------------------
page-main-visual　min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .page-main-visual {
        position: relative;
        height: auto;
    }

    .page-main-visual:before {
        content: "";
        display: block;
        padding-top: 22.5%;
        /* img (height/width)*100 */
    }

    .page-main-visual-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 360px;
    }
}

/*------------------------------
page-main-visual　min-width: 1600px
------------------------------*/
@media screen and (min-width: 1600px) {
    .page-main-visual:before {
        padding-top: 360px;
    }
}

/*------------------------------
page-title
------------------------------*/
.page-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.page-title-cn {
    display: inline-block;
    margin-bottom: 0.25em;
    border-bottom: 1px solid #fff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.5;
}

.page-title-en {
    color: #eee;
    font-size: 0.8rem;
    text-transform: uppercase;
    line-height: 1;
}

/*------------------------------
page-title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .page-title-cn {
        font-size: 4rem;
    }

    .page-title-en {
        font-size: 1.6rem;
    }
}


/*------------------------------
title
------------------------------*/
.section-title {
    margin: 50px 0 40px;
    font-size: 2.4rem;
    font-weight: 900;
    text-align: center;
}

.section-title > .utility-text-small {
    font-size: 2rem;
}

.section-subtitle {
    padding-left: 0.75em;
    margin-bottom: 20px;
    background: url(https://www.keyence.com.cn/img/ss/careers/ss_careers_common_e10012.png) no-repeat left center;
    background-size: 4px 90%;
    font-weight: bold;
    font-size: 1.8rem;
}

.topic-title {
    position: relative;
    padding-bottom: 0.25em;
    margin-bottom: 1em;
    border-bottom: solid 2px #efefef;
    font-size: 1.6rem;
    line-height: 1.75;
}

.topic-title:after {
    display: block;
    position: absolute;
    content: " ";
    width: 5em;
    padding-bottom: 0.25em;
    border-bottom: solid 2px #e10012;
}

/*------------------------------
title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .section-title {
        font-size: 3.2rem;
        text-align: left;
    }

    .section-title.of-large {
        font-size: 4.8rem;
    }

    .section-title > .utility-text-small {
        font-size: 2.8rem;
    }

    .section-subtitle {
        margin-bottom: 30px;
        font-size: 2.6rem;
    }

    .topic-title {
        font-size: 2rem;
    }

    .topic-title:after {
        width: 120px;
    }
}

/*------------------------------
brak-pc, brak-sp
------------------------------*/
@media screen and (min-width: 769px) {
    .break-pc {
        display: block;
    }

    .break-sp {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .break-pc {
        display: none;
    }

    .break-sp {
        display: block;
    }
}


/*------------------------------
breadcrumbs
------------------------------*/
.breadcrumbs {
    padding: 1em 0;
    font-size: 1.1rem;
}

.breadcrumbs li {
    display: inline;
}

.breadcrumbs li:before {
    content: ">";
    padding: 0 0.5em;
}

.breadcrumbs li:first-child:before {
    content: "";
}

.breadcrumbs a {
    color: #1a5c9a;
}

.breadcrumbs a:hover {
    color: #3285d3;
    text-decoration: underline;
}

.breadcrumbs a:visited {
    color: #794bac;
}

/*------------------------------
breadcrumbs min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
    .breadcrumbs {
        font-size: 1.4rem;
    }
}

/*------------------------------
box
------------------------------*/
.box {
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
}

.box img {
    vertical-align: bottom;
}

.box-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    color: #fff;
    font-weight: 900;
    text-align: center;
}

.box-title-en {
    margin-bottom: 0.25em;
    line-height: 1;
    text-shadow:
        1px 1px 5px rgba(0, 0, 0, 0.1),
        -1px 1px 5px rgba(0, 0, 0, 0.1),
        1px -1px 5px rgba(0, 0, 0, 0.1),
        -1px -1px 5px rgba(0, 0, 0, 0.1);
}

.box-title-cn {
    padding-bottom: 0.5em;
    font-size: 2rem;
    line-height: 1.5;
    text-shadow:
        1px 1px 5px rgba(0, 0, 0, 0.1),
        -1px 1px 5px rgba(0, 0, 0, 0.1),
        1px -1px 5px rgba(0, 0, 0, 0.1),
        -1px -1px 5px rgba(0, 0, 0, 0.1);
}

.btn-more {
    display: block;
    padding: 0.25em 2em;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.btn-more:hover {
    color: #000;
    background: rgba(255, 255, 255, 0.5);
}

/*------------------------------
linkbox
------------------------------*/
.linkbox {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.linkbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

.linkbox:hover:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.linkbox img {
    transform: scale(1);
}

.linkbox:hover img {
    transform: scale(1.1);
}

/*------------------------------
disabled-box
------------------------------*/
.disabled-box {
    cursor: default;
}

.disabled-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.disabled-box .btn-more {
    visibility: hidden;
    opacity: 0;
}


/*------------------------------
video
------------------------------*/
.video-wrap {
    position: relative;
    width: 100%;
    height: auto;
}

.video-wrap:before {
    content: "";
    display: block;
    padding-top: 56.24%;
    /* 540/960 */
}

.video-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------------
jstream-eqPlayer overwrite
------------------------------*/
.jstream-eqPlayer-flowtingBackground {
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    .jstream-eqPlaye-flowtingShadow {
        width: 90% !important;
        left: 5% !important;
    }
}

.jstream-eqPlaye-closeBtn {
    width: 48px !important;
    height: 48px !important;
    top: -24px !important;
    right: -12px !important;
    background-image: url(https://www.keyence.com.cn/css/ss/careers/@@publicationUrl@@/img/ss/careers/ss_careers_common_btn_close.png) !important;
    background-size: 48px 48px;
    cursor: pointer;
}

/*------------------------------
openSiteSuggestbox
------------------------------*/
.fancybox-skin.openSiteSuggestboxSkin {
    border-radius: 5px;
    background: #ffffff;
}

.openSiteSuggestboxInner {
    display: table;
    margin: 0 auto;
    padding: 40px 0 20px;
    font-size: 15px;
    font-weight: bold;
}

.openSiteSuggestboxInner .openSiteSuggestboxTxt {
    max-width: 420px;
    margin: 0 auto;
    line-height: 1.38;
}

.openSiteSuggestboxBtnList {
    display: table;
    margin: 33px 98px 0;
    letter-spacing: -0.4em;
}

.openSiteSuggestboxBtnList li {
    display: inline-block;
    min-width: 140px;
    letter-spacing: normal;
    vertical-align: top;
}

.openSiteSuggestboxBtnList li + li {
    margin-left: 14px;
}

.openSiteSuggestboxBtnStay {
    box-sizing: border-box;
    width: 100%;
    padding: 11px;
    border: 0;
    background: #e6e6e6;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}

.openSiteSuggestboxBtnSelect {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 11px;
    border: 0;
    background: #34b38b;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
}

.openSiteSuggestboxBtnSelect:link,
.openSiteSuggestboxBtnSelect:visited,
.openSiteSuggestboxBtnSelect:hover,
.openSiteSuggestboxBtnSelect:active,
.openSiteSuggestboxBtnSelect:focus {
    color: #ffffff;
}

@media screen and (max-width: 769px) {
    .openSiteSuggestboxInner {
        padding: 30px calc(20vw * 100 / 360) 15px;
    }
    .openSiteSuggestboxInner > *:last-child {
        margin-bottom: 0;
    }
    .openSiteSuggestboxBtnStay {
        font-size: 14px;
    }
    .openSiteSuggestboxBtnSelect {
        font-size: 14px;
    }
    .openSiteSuggestboxInner .openSiteSuggestboxTxt {
        max-width: none;
        margin-bottom: calc(35vw * 100 / 769);
    }
    .openSiteSuggestboxBtnList {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .openSiteSuggestboxBtnList > li {
        min-width: 130px;
    }
    .openSiteSuggestboxBtnList > li + li {
        margin-left: calc(10vw * 100 / 360);
    }
}

/*------------------------------
button
------------------------------*/
.ss-listButton {
    margin: -24px 0 24px -24px;
    list-style: none;
    padding-left: 0;
}

.ss-listButton.of-flex {
    display: flex;
}

.ss-listButton > li {
    margin-top: 24px;
    padding-left: 24px;
}

.ss-buttonConversion,
.ss-buttonConversion-disable {
    display: inline-block;
    max-width: 100%;
    background: #e10012;
    border: 1px solid #e10012;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    padding: 8px 16px;
    transition: 0.3s;
}

.ss-buttonConversion:hover {
    color: #e10012;
    background-color: #fff;
}

/*------------------------------
utility
------------------------------*/
.ss-utility-marginTop-primary {
    margin-top: 16px;
}

.ss-utility-marginTop-secondary {
    margin-top: 24px;
}

.ss-utility-marginTop-tertiary {
    margin-top: 32px;
}

.ss-utility-marginTop-quaternary {
    margin-top: 40px;
}

.ss-utility-marginBottom-quinary {
    margin-top: 48px;
}

.ss-utility-marginBottom-primary {
    margin-bottom: 16px;
}

.ss-utility-marginBottom-secondary {
    margin-bottom: 24px;
}

.ss-utility-marginBottom-tertiary {
    margin-bottom: 32px;
}

.ss-utility-marginBottom-quaternary {
    margin-bottom: 40px;
}

.ss-utility-marginBottom-quinary {
    margin-bottom: 48px;
}

.ss-utility-justifyContent-center {
    justify-content: center;
}

.ss-utility-justifyContent-flexEnd {
    justify-content: flex-end;
}

.ss-utility-alignItems-center {
    align-items: center;
}

/*------------------------------
theme KT KA KMX KD KF KID
------------------------------*/
/*------------------------------
base
------------------------------*/
/*
 * 'Roboto' is lisenced under the Apache License, version 2.0
 * https://fonts.google.com/specimen/Roboto
 * https://www.google.com/fonts/attribution
 * http://www.apache.org/licenses/LICENSE-2.0
 */

@font-face {
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Regular.eot");
}

@font-face {
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Regular.woff") format("woff"),
        url("https://library.keyence.com/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Bold.eot");
    font-weight: bold;
}

@font-face {
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Bold.woff") format("woff"),
        url("https://library.keyence.com/fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: bold;
}

.theme-KT .text,
.theme-KA .text,
.theme-KU .text,
.theme-KIB .text,
.theme-KD .text,
.theme-KMX .text,
.theme-KF .text,
.theme-KID .text {
    line-height: 1.8;
    text-indent: 0;
}

.theme-KT body,
.theme-KA body,
.theme-KU body,
.theme-KIB body,
.theme-KD body,
.theme-KMX body,
.theme-KF body,
.theme-KID body {
    font-family: "Roboto", helvetica, arial, meiryo, sans-serif;
}

/*------------------------------
base min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT .wrapper,
    .theme-KA .wrapper,
    .theme-KU .wrapper,
    .theme-KIB .wrapper,
    .theme-KD .wrapper,
    .theme-KMX .wrapper,
    .theme-KF .wrapper,
    .theme-KID .wrapper {
        max-width: 1000px;
    }

    .theme-KT th,
    .theme-KA th,
    .theme-KU th,
    .theme-KIB th,
    .theme-KD th,
    .theme-KMX th,
    .theme-KF th,
    .theme-KID th {
        width: 21%;
    }
}

/*------------------------------
header
------------------------------*/
.theme-KT .logo,
.theme-KA .logo,
.theme-KU .logo,
.theme-KIB .logo,
.theme-KD .logo,
.theme-KMX .logo,
.theme-KF .logo,
.theme-KID .logo {
    width: 66px;
}

/*------------------------------
page-title
------------------------------*/
.theme-KT .page-title,
.theme-KA .page-title,
.theme-KU .page-title,
.theme-KIB .page-title,
.theme-KD .page-title,
.theme-KMX .page-title,
.theme-KF .page-title,
.theme-KID .page-title {
    width: 100%;
    max-width: 100%;
}

.theme-KT .page-title-en,
.theme-KA .page-title-en,
.theme-KU .page-title-en,
.theme-KIB .page-title-en,
.theme-KD .page-title-en,
.theme-KMX .page-title-en,
.theme-KF .page-title-en,
.theme-KID .page-title-en {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 4px;
}

/*------------------------------
page-title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT .page-title-en,
    .theme-KA .page-title-en,
    .theme-KU .page-title-en,
    .theme-KIB .page-title-en,
    .theme-KD .page-title-en,
    .theme-KMX .page-title-en,
    .theme-KF .page-title-en,
    .theme-KID .page-title-en {
        font-size: 4.2rem;
        letter-spacing: 8px;
    }
}

/*------------------------------
page-nav
------------------------------*/
.theme-KT .equal-column5 > *,
.theme-KA .equal-column5 > *,
.theme-KU .equal-column5 > *,
.theme-KIB .equal-column5 > *,
.theme-KD .equal-column5 > *,
.theme-KMX .equal-column5 > *,
.theme-KF .equal-column5 > *,
.theme-KID .equal-column5 > * {
    width: 20%;
}

.theme-KT .equal-column4 > *,
.theme-KA .equal-column4 > *,
.theme-KU .equal-column4 > *,
.theme-KIB .equal-column4 > *,
.theme-KD .equal-column4 > *,
.theme-KMX .equal-column4 > *,
.theme-KF .equal-column4 > *,
.theme-KID .equal-column4 > * {
    width: 25%;
}

/*------------------------------
title
------------------------------*/
.theme-KT .section-title,
.theme-KA .section-title,
.theme-KU .section-title,
.theme-KIB .section-title,
.theme-KD .section-title,
.theme-KMX .section-title,
.theme-KF .section-title,
.theme-KID .section-title {
    line-height: 1.1;
    font-weight: bold;
}

.theme-KU .section-title {
    word-wrap: break-word;
}

/*------------------------------
title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT .section-title,
    .theme-KA .section-title,
    .theme-KU .section-title,
    .theme-KIB .section-title,
    .theme-KD .section-title,
    .theme-KMX .section-title,
    .theme-KF .section-title,
    .theme-KID .section-title {
        line-height: 1.4;
    }
}

/*------------------------------
privacy
------------------------------*/
.theme-KT #privacy-section .privacy-section-text,
.theme-KA #privacy-section .privacy-section-text,
.theme-KU #privacy-section .privacy-section-text,
.theme-KIB #privacy-section .privacy-section-text,
.theme-KD #privacy-section .privacy-section-text,
.theme-KMX #privacy-section .privacy-section-text,
.theme-KF #privacy-section .privacy-section-text,
.theme-KID #privacy-section .privacy-section-text {
    margin-bottom: 40px;
}

/*------------------------------
footer
------------------------------*/
.theme-KT footer .wrapper,
.theme-KA footer .wrapper,
.theme-KU footer .wrapper,
.theme-KIB footer .wrapper,
.theme-KD footer .wrapper,
.theme-KMX footer .wrapper,
.theme-KF footer .wrapper,
.theme-KID footer .wrapper {
    margin-bottom: 0;
}

.theme-KT .footer-nav .sp-nav:after,
.theme-KA .footer-nav .sp-nav:after,
.theme-KU .footer-nav .sp-nav:after,
.theme-KIB .footer-nav .sp-nav:after,
.theme-KD .footer-nav .sp-nav:after,
.theme-KMX .footer-nav .sp-nav:after,
.theme-KF .footer-nav .sp-nav:after,
.theme-KID .footer-nav .sp-nav:after {
    top: 5px;
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_sp_menu_footer03.png");
}

.theme-KT .footer-nav .sp-nav.show:after,
.theme-KA .footer-nav .sp-nav.show:after,
.theme-KU .footer-nav .sp-nav.show:after,
.theme-KIB .footer-nav .sp-nav.show:after,
.theme-KD .footer-nav .sp-nav.show:after,
.theme-KMX .footer-nav .sp-nav.show:after,
.theme-KF .footer-nav .sp-nav.show:after,
.theme-KID .footer-nav .sp-nav.show:after {
    content: url("https://www.keyence.com.cn/img/ss/careers/ss_careers_common_sp_menu_footer04.png");
}

.theme-KT .sp-nav.show + .footer-subnav a:after,
.theme-KA .sp-nav.show + .footer-subnav a:after,
.theme-KU .sp-nav.show + .footer-subnav a:after,
.theme-KIB .sp-nav.show + .footer-subnav a:after,
.theme-KD .sp-nav.show + .footer-subnav a:after,
.theme-KMX .sp-nav.show + .footer-subnav a:after,
.theme-KF .sp-nav.show + .footer-subnav a:after,
.theme-KID .sp-nav.show + .footer-subnav a:after {
    content: none;
}

/*------------------------------
footer min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT footer .wrapper,
    .theme-KA footer .wrapper,
    .theme-KU footer .wrapper,
    .theme-KIB footer .wrapper,
    .theme-KD footer .wrapper,
    .theme-KMX footer .wrapper,
    .theme-KF footer .wrapper,
    .theme-KID footer .wrapper {
        margin-bottom: 0;
    }

    .theme-KT .footer-nav,
    .theme-KA .footer-nav,
    .theme-KU .footer-nav,
    .theme-KIB .footer-nav,
    .theme-KD .footer-nav,
    .theme-KMX .footer-nav,
    .theme-KF .footer-nav,
    .theme-KID .footer-nav {
        width: 100%;
        padding: 0;
        float: none;
    }

    .theme-KT .footer-nav > ul,
    .theme-KA .footer-nav > ul,
    .theme-KU .footer-nav > ul,
    .theme-KIB .footer-nav > ul,
    .theme-KD .footer-nav > ul,
    .theme-KMX .footer-nav > ul,
    .theme-KF .footer-nav > ul,
    .theme-KID .footer-nav > ul {
        display: flex;
    }

    .theme-KA .footer-nav > ul ,
    .theme-KU .footer-nav > ul ,
    .theme-KIB .footer-nav > ul ,
    .theme-KD .footer-nav > ul,
    .theme-KF .footer-nav > ul {
        justify-content: space-between;
    }

    .theme-KT .footer-nav > ul > li,
    .theme-KMX .footer-nav > ul > li,
    .theme-KID .footer-nav > ul > li {
        width: auto;
        float: none;
        flex: 1 0 auto;
    }

    .theme-KID .footer-nav > ul > li {
        flex: 1 auto;
    }

    .theme-KA .footer-nav > ul > li ,
    .theme-KU .footer-nav > ul > li ,
    .theme-KIB .footer-nav > ul > li ,
    .theme-KD .footer-nav > ul > li ,
    .theme-KF .footer-nav > ul > li {
        width: auto;
        float: none;
    }

    .theme-KT .footer-nav > ul > li + li,
    .theme-KA .footer-nav > ul > li + li,
    .theme-KU .footer-nav > ul > li + li,
    .theme-KIB .footer-nav > ul > li + li,
    .theme-KMX .footer-nav > ul > li + li,
    .theme-KF .footer-nav > ul > li + li,
    .theme-KID .footer-nav > ul > li + li {
        margin-left: 2%;
    }

    .theme-KT .footer-nav > ul > li > a,
    .theme-KA .footer-nav > ul > li > a,
    .theme-KU .footer-nav > ul > li > a,
    .theme-KIB .footer-nav > ul > li > a,
    .theme-KD .footer-nav > ul > li > a,
    .theme-KMX .footer-nav > ul > li > a,
    .theme-KF .footer-nav > ul > li > a,
    .theme-KID .footer-nav > ul > li > a {
        line-height: 1.3;
    }

    .theme-KIB .footer-nav > ul > li.footer-direct-link > span > a {
      line-height: 1.3;
    }
}

/*------------------------------
page-main-visual
------------------------------*/
.theme-KT .page-main-visual,
.theme-KA .page-main-visual,
.theme-KU .page-main-visual,
.theme-KIB .page-main-visual,
.theme-KD .page-main-visual,
.theme-KMX .page-main-visual,
.theme-KF .page-main-visual,
.theme-KID .page-main-visual {
    display: none;
    position: relative;
    height: auto;
}

.theme-KT .page-main-visual:before,
.theme-KA .page-main-visual:before,
.theme-KU .page-main-visual:before,
.theme-KIB .page-main-visual:before,
.theme-KD .page-main-visual:before,
.theme-KMX .page-main-visual:before,
.theme-KF .page-main-visual:before,
.theme-KID .page-main-visual:before {
    content: "";
    display: block;
    padding-top: 37.3%;
    /* img (height/width)*100 */
}

.theme-KT .page-main-visual .page-main-visual-inner,
.theme-KA .page-main-visual .page-main-visual-inner,
.theme-KU .page-main-visual .page-main-visual-inner,
.theme-KIB .page-main-visual .page-main-visual-inner,
.theme-KD .page-main-visual .page-main-visual-inner,
.theme-KMX .page-main-visual .page-main-visual-inner,
.theme-KF .page-main-visual .page-main-visual-inner,
.theme-KID .page-main-visual .page-main-visual-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    background-size: auto;
}

/*------------------------------
page-main-visual　min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT .page-main-visual,
    .theme-KA .page-main-visual,
    .theme-KU .page-main-visual,
    .theme-KIB .page-main-visual,
    .theme-KD .page-main-visual,
    .theme-KMX .page-main-visual,
    .theme-KF .page-main-visual,
    .theme-KID .page-main-visual {
        display: block;
    }

    .theme-KT .page-main-visual .page-main-visual-inner,
    .theme-KA .page-main-visual .page-main-visual-inner,
    .theme-KU .page-main-visual .page-main-visual-inner,
    .theme-KIB .page-main-visual .page-main-visual-inner,
    .theme-KD .page-main-visual .page-main-visual-inner,
    .theme-KMX .page-main-visual .page-main-visual-inner,
    .theme-KF .page-main-visual .page-main-visual-inner,
    .theme-KID .page-main-visual .page-main-visual-inner {
        background-size: cover;
    }
}

/*------------------------------
page-main-visual-sp
------------------------------*/
.theme-KT .page-main-visual-sp,
.theme-KA .page-main-visual-sp,
.theme-KU .page-main-visual-sp,
.theme-KIB .page-main-visual-sp,
.theme-KD .page-main-visual-sp,
.theme-KMX .page-main-visual-sp,
.theme-KF .page-main-visual-sp,
.theme-KID .page-main-visual-sp {
    display: block;
    position: relative;
}

.theme-KT .page-main-visual-sp:before,
.theme-KA .page-main-visual-sp:before,
.theme-KU .page-main-visual-sp:before,
.theme-KIB .page-main-visual-sp:before,
.theme-KD .page-main-visual-sp:before,
.theme-KMX .page-main-visual-sp:before,
.theme-KF .page-main-visual-sp:before,
.theme-KID .page-main-visual-sp:before {
    content: "";
    display: block;
    padding-top: 65%;
}

.theme-KT .page-main-visual-sp .page-main-visual-inner,
.theme-KA .page-main-visual-sp .page-main-visual-inner,
.theme-KU .page-main-visual-sp .page-main-visual-inner,
.theme-KIB .page-main-visual-sp .page-main-visual-inner,
.theme-KD .page-main-visual-sp .page-main-visual-inner,
.theme-KMX .page-main-visual-sp .page-main-visual-inner,
.theme-KF .page-main-visual-sp .page-main-visual-inner,
.theme-KID .page-main-visual-sp .page-main-visual-inner {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: none;
}

/*@media screen and (max-width: 768px) {*/ /* TMP */
  /*.theme-KF .page-main-visual-sp {
    overflow: hidden;
  }
  .theme-KF .page-main-visual-sp .page-main-visual-inner img {
    width: 172%;
    margin: 0 -36%;
  }
}*/

/*------------------------------
footer min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT .page-main-visual-sp,
    .theme-KA .page-main-visual-sp,
    .theme-KU .page-main-visual-sp,
    .theme-KIB .page-main-visual-sp,
    .theme-KD .page-main-visual-sp,
    .theme-KMX .page-main-visual-sp,
    .theme-KF .page-main-visual-sp,
    .theme-KID .page-main-visual-sp {
        display: none;
    }
}

/*------------------------------
header min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {

    .theme-KT .logo,
    .theme-KA .logo,
    .theme-KU .logo,
    .theme-KIB .logo,
    .theme-KD .logo,
    .theme-KF .logo,
    .theme-KMX .logo,
    .theme-KID .logo {
        margin: 0 20px;
        width: 12.6%;
        /* 126 / 1000 */
        transform: translateY(-50%);
    }

    .theme-KT .logo,
    .theme-KF .logo,
    .theme-KMX .logo,
    .theme-KID .logo {
        margin: 23px 20px;
        height: 22px;
        top: 0;
        transform: none;
    }

    .theme-KT .global-nav,
    .theme-KA .global-nav,
    .theme-KU .global-nav,
    .theme-KIB .global-nav,
    .theme-KD .global-nav,
    .theme-KF .global-nav,
    .theme-KMX .global-nav,
    .theme-KID .global-nav {
        margin-right: 0;
        width: calc(100% - 12.6%);
    }

    /* //20230221 
    .theme-KF .global-nav {
        margin-right: 0;
        width: calc(100% - 15%);
    }*/

    .theme-KT .global-nav,
    .theme-KF .global-nav,
    .theme-KMX .global-nav,
    .theme-KID .global-nav {
        margin: 0;
    }

    .theme-KT .global-nav > ul,
    .theme-KA .global-nav > ul,
    .theme-KU .global-nav > ul,
    .theme-KIB .global-nav > ul,
    .theme-KF .global-nav > ul,
    .theme-KMX .global-nav > ul,
    .theme-KID .global-nav > ul {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .theme-KT .global-nav li,
    .theme-KMX .global-nav li,
    .theme-KID .global-nav li {
        display: block;
        min-width: auto;
    }

    .theme-KT .global-nav a,
    .theme-KA .global-nav a,
    .theme-KU .global-nav a,
    .theme-KIB .global-nav a,
    .theme-KD .global-nav a,
    .theme-KF .global-nav a,
    .theme-KMX .global-nav a,
    .theme-KID .global-nav a {
        padding: 10px;
        font-size: 1.4rem;
        /* line-height: 1.2; */
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    /*.theme-KF .global-nav ul{
        height: 100%;
    }

    .theme-KF .global-nav li{
        min-width: 6em;
    }*/

    /*  //20230221
    .theme-KF .global-nav li li a {
        padding: 10px;
    }

    .theme-KF .global-nav a{
        padding: 6px 10px;
    }

    .theme-KD .global-nav a {
        font-size: 1.35rem;
    }

    .theme-KF .global-nav li.faq > a {
        padding: 14px 10px;
    }*/

    .theme-KT .global-nav li.company,
    .theme-KA .global-nav li.company,
    .theme-KU .global-nav li.company,
    .theme-KIB .global-nav li.company,
    .theme-KD .global-nav li.company,
    .theme-KF .global-nav li.company,
    .theme-KMX .global-nav li.company,
    .theme-KID .global-nav li.company {
        min-width: 8em;
    }

    .theme-KT .global-nav li.company a,
    .theme-KMX .global-nav li.company a,
    .theme-KID .global-nav li.company a {
        padding-left: 0;
        padding-right: 0;
    }

    .theme-KT .global-nav li.job,
    .theme-KA .global-nav li.job,
    .theme-KU .global-nav li.job,
    .theme-KIB .global-nav li.job,
    .theme-KD .global-nav li.job,
    .theme-KF .global-nav li.job,
    .theme-KMX .global-nav li.job,
    .theme-KID .global-nav li.job {
        margin-left: 10px;
    }

    .theme-KT .global-nav li .subnav,
    .theme-KA .global-nav li .subnav,
    .theme-KU .global-nav li .subnav,
    .theme-KIB .global-nav li .subnav,
    .theme-KD .global-nav li .subnav,
    .theme-KF .global-nav li .subnav,
    .theme-KMX .global-nav li .subnav,
    .theme-KID .global-nav li .subnav {
        width: 100%;
        max-width: 100%;
    }

    .theme-KT .global-nav li:hover .subnav,
    .theme-KA .global-nav li:hover .subnav,
    .theme-KU .global-nav li:hover .subnav,
    .theme-KIB .global-nav li:hover .subnav,
    .theme-KD .global-nav li:hover .subnav,
    .theme-KF .global-nav li:hover .subnav,
    .theme-KMX .global-nav li:hover .subnav,
    .theme-KID .global-nav li:hover .subnav {
        max-height: 500px;
    }

    .theme-KT .global-nav .btn-entry,
    .theme-KA .global-nav .btn-entry,
    .theme-KU .global-nav .btn-entry,
    .theme-KIB .global-nav .btn-entry,
    .theme-KD .global-nav .btn-entry,
    .theme-KF .global-nav .btn-entry,
    .theme-KMX .global-nav .btn-entry,
    .theme-KID .global-nav .btn-entry {
        border: 1px solid #e10012;
        color: #fff;
        background: #e10012;
    }

    .theme-KIB .global-nav .btn-entry.blue {
      border: 1px solid #4368c3;
      background: #4368c3;
    }

    .theme-KT .global-nav .btn-entry:hover,
    .theme-KA .global-nav .btn-entry:hover,
    .theme-KU .global-nav .btn-entry:hover,
    .theme-KIB .global-nav .btn-entry:hover,
    .theme-KD .global-nav .btn-entry:hover,
    .theme-KF .global-nav .btn-entry:hover,
    .theme-KMX .global-nav .btn-entry:hover,
    .theme-KID .global-nav .btn-entry:hover {
        color: #e10012;
        background: #fff;
    }

    .theme-KIB .global-nav .btn-entry.blue:hover {
      color: #4368c3;
      background: #fff;
    }

    .theme-KT .global-nav .sp-nav-close,
    .theme-KA .global-nav .sp-nav-close,
    .theme-KU .global-nav .sp-nav-close,
    .theme-KIB .global-nav .sp-nav-close,
    .theme-KD .global-nav .sp-nav-close,
    .theme-KF .global-nav .sp-nav-close,
    .theme-KMX .global-nav .sp-nav-close,
    .theme-KID .global-nav .sp-nav-close {
        display: none;
    }

    .theme-KT .global-nav .link-sp.current,
    .theme-KA .global-nav .link-sp.current,
    .theme-KU .global-nav .link-sp.current,
    .theme-KIB .global-nav .link-sp.current,
    .theme-KD .global-nav .link-sp.current,
    .theme-KF .global-nav .link-sp.current,
    .theme-KMX .global-nav .link-sp.current,
    .theme-KID .global-nav .link-sp.current {
        background: url(https://www.keyence.com.cn/img/ss/careers/ss_careers_common_e10012.png) no-repeat center 85%;
        background-size: 35% 2px;
    }

    .theme-KT .global-nav .link-sp.current a,
    .theme-KA .global-nav .link-sp.current a,
    .theme-KU .global-nav .link-sp.current a,
    .theme-KIB .global-nav .link-sp.current a,
    .theme-KD .global-nav .link-sp.current a,
    .theme-KF .global-nav .link-sp.current a,
    .theme-KMX .global-nav .link-sp.current a,
    .theme-KID .global-nav .link-sp.current a {
        background-color: transparent;
    }

    .theme-KT .global-nav .link-sp.current:hover,
    .theme-KA .global-nav .link-sp.current:hover,
    .theme-KU .global-nav .link-sp.current:hover,
    .theme-KIB .global-nav .link-sp.current:hover,
    .theme-KD .global-nav .link-sp.current:hover,
    .theme-KF .global-nav .link-sp.current:hover,
    .theme-KMX .global-nav .link-sp.current:hover,
    .theme-KID .global-nav .link-sp.current:hover {
        color: #fff;
        background-color: #707070;
    }
}

.theme-KT .global-nav .sp-nav-close a span,
.theme-KA .global-nav .sp-nav-close a span,
.theme-KU .global-nav .sp-nav-close a span,
.theme-KIB .global-nav .sp-nav-close a span,
.theme-KD .global-nav .sp-nav-close a span,
.theme-KF .global-nav .sp-nav-close a span,
.theme-KMX .global-nav .sp-nav-close a span,
.theme-KID .global-nav .sp-nav-close a span {
    color: #444;
}

/* //20230221
.theme-KF .global-nav a  {
    line-height: 1.2;
}*/

.theme-KA .global-nav .sp-nav-close a ,
.theme-KU .global-nav .sp-nav-close a ,
.theme-KIB .global-nav .sp-nav-close a ,
.theme-KD .global-nav .sp-nav-close a  {
    border-top: 0;
}

/*------------------------------
header min-width: 980px theme KF
------------------------------*/

@media screen and (min-width:769px) and ( max-width:980px) {
    /* //20230221 */
    .theme-KF .global-nav {
        width: calc(100% - 15%);
    }

    .theme-KF .global-nav li li a {
        padding: 10px;
    }
    .theme-KF .global-nav a{
        padding: 6px 10px;
    }
    .theme-KD .global-nav a {
        font-size: 1.35rem;
    }
    .theme-KF .global-nav li.faq > a {
        padding: 14px 10px;
    }

    .theme-KF .global-nav a  {
        line-height: 1.2;
    }
}

/*------------------------------
header min-width: 905px theme KT KMX KID
------------------------------*/
@media screen and (min-width: 905px) {
    .theme-KT .global-nav li.about,
    .theme-KMX .global-nav li.about,
    .theme-KID .global-nav li.about {
        min-width: 11em;
    }

    .theme-KT .global-nav li.career_benefits,
    .theme-KMX .global-nav li.career_benefits,
    .theme-KID .global-nav li.career_benefits {
        min-width: 11em;
    }

    .theme-KT .global-nav li.career_benefits a,
    .theme-KMX .global-nav li.career_benefits a,
    .theme-KID .global-nav li.career_benefits a {
        padding-left: 0;
        padding-right: 0;
    }

    .theme-KT .global-nav li.staff_voice,
    .theme-KMX .global-nav li.staff_voice,
    .theme-KID .global-nav li.staff_voice {
        min-width: 9em;
    }

    .theme-KT .global-nav li.faq,
    .theme-KMX .global-nav li.faq,
    .theme-KID .global-nav li.faq {
        min-width: 5em;
    }
}


/*------------------------------
common
theme KA KD KF
------------------------------*/
.theme-KA .txt ,
.theme-KU .txt ,
.theme-KIB .txt ,
.theme-KF .txt ,
.theme-KD .txt  {
    margin-bottom: 1.5rem;
}

.theme-KF div.txt-outer {
    margin-top: 5.5rem;
}

.theme-KA .link-margin-faq ,
.theme-KU .link-margin-faq ,
.theme-KIB .link-margin-faq ,
.theme-KF .link-margin-faq ,
.theme-KD .link-margin-faq  {
    margin-top: -70px !important;
    padding-top: 70px !important;
}

@media screen and (min-width: 769px) {
    .theme-KA .link-margin-faq ,
    .theme-KU .link-margin-faq ,
    .theme-KIB .link-margin-faq ,
    .theme-KF .link-margin-faq ,
    .theme-KD .link-margin-faq  {
        margin-top: -70px !important;
        padding-top: 120px !important;
    }
    /*.theme-KF .link-margin-faq {
        margin-top: -90px !important;
        padding-top: 140px !important;
    }*/
}

/*------------------------------
header min-width: 905px
theme KA KD
------------------------------*/

@media screen and (min-width: 905px) {
    .theme-KA .global-nav ,
    .theme-KU .global-nav ,
    .theme-KIB .global-nav ,
    .theme-KD .global-nav  {
        margin: 8px 0 6px 0;
    }

    .theme-KA .global-nav li.company ,
    .theme-KU .global-nav li.company ,
    .theme-KIB .global-nav li.company ,
    .theme-KD .global-nav li.company  {
        min-width: 10.5em;
    }

    .theme-KA .global-nav li.locations ,
    .theme-KU .global-nav li.locations ,
    .theme-KIB .global-nav li.locations ,
    .theme-KD .global-nav li.locations  {
        min-width: 7.5em;
    }

    .theme-KA .global-nav li.culture ,
    .theme-KU .global-nav li.culture ,
    .theme-KIB .global-nav li.culture ,
    .theme-KD .global-nav li.culture  {
        min-width: 7.5em;
    }

    .theme-KA .global-nav li.message ,
    .theme-KU .global-nav li.message ,
    .theme-KIB .global-nav li.message ,
    .theme-KD .global-nav li.message  {
        min-width: 7.5em;
    }

    .theme-KA .global-nav li.product ,
    .theme-KU .global-nav li.product ,
    .theme-KIB .global-nav li.product ,
    .theme-KD .global-nav li.product  {
        min-width: 8.5em;
    }

    .theme-KA .global-nav li.faq ,
    .theme-KU .global-nav li.faq ,
    .theme-KIB .global-nav li.faq ,
    .theme-KD .global-nav li.faq  {
        min-width: 7.5em;
    }

    .theme-KA .global-nav li.job ,
    .theme-KU .global-nav li.job ,
    .theme-KIB .global-nav li.job ,
    .theme-KD .global-nav li.job  {
        min-width: 5.5em;
    }
}

@media screen and (min-width: 769px) and (max-width: 960px) {
    .theme-KA ul.subnav ,
    .theme-KU ul.subnav ,
    .theme-KIB ul.subnav ,
    .theme-KD ul.subnav  {
        display: none;
    }
    .theme-KA .global-nav li.company ,
    .theme-KU .global-nav li.company ,
    .theme-KIB .global-nav li.company ,
    .theme-KD .global-nav li.company  {
        min-width: 9.5em;
    }
}

/*------------------------------
footer
------------------------------*/
/*------------------------------
footer min-width: 769px
theme KA KU KD KF
------------------------------*/
@media screen and (min-width: 769px) {
    .theme-KA .footer-nav .footer-subnav a ,
    .theme-KU .footer-nav .footer-subnav a ,
    .theme-KIB .footer-nav .footer-subnav a ,
    .theme-KF .footer-nav .footer-subnav a ,
    .theme-KD .footer-nav .footer-subnav a  {
        margin-bottom: 1.1rem;
        line-height: 1.4;
        color: #999999;
    }
}

/*---------------------------------
navi
theme KA KMX KD KF KID
-----------------------------------*/
.theme-KA .page-nav .wrapper,
.theme-KU .page-nav .wrapper,
.theme-KIB .page-nav .wrapper,
.theme-KD .page-nav .wrapper,
.theme-KF .page-nav .wrapper,
.theme-KMX .page-nav .wrapper,
.theme-KID .page-nav .wrapper {
    display: flex;
}

.theme-KA .page-nav li,
.theme-KU .page-nav li,
.theme-KIB .page-nav li,
.theme-KD .page-nav li,
.theme-KF .page-nav li,
.theme-KMX .page-nav li,
.theme-KID .page-nav li {
    float: none;
}

.theme-KA .page-nav li a,
.theme-KU .page-nav li a,
.theme-KIB .page-nav li a,
.theme-KD .page-nav li a,
.theme-KF .page-nav li a,
.theme-KMX .page-nav li a,
.theme-KID .page-nav li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.75em 0.45em 1.8em;
    width: 100%;
}

.theme-KA .page-nav li a::after,
.theme-KU .page-nav li a::after,
.theme-KIB .page-nav li a::after,
.theme-KD .page-nav li a::after,
.theme-KF .page-nav li a::after,
.theme-KMX .page-nav li a::after,
.theme-KID .page-nav li a::after {
    position: absolute;
    bottom: 0.45em;
    left: 50%;
    margin-left: -7px;
}


/*------------------------------
theme KMX KID
------------------------------*/
.theme-KMX .privacy-page .listOther01 > li > .listMark,
.theme-KID .privacy-page .listOther01 > li > .listMark{
    padding: 0 10px 0 0;
    white-space: nowrap;
}
.theme-KMX .privacy-page .listOther01 > li > *,
.theme-KID .privacy-page .listOther01 > li > * {
    display: table-cell;
    vertical-align: top;
}
.theme-KMX .privacy-page .listOther01,
.theme-KID .privacy-page .listOther01 {
    margin: 0 0 1.8em 0;
}
.theme-KMX .privacy-page .text,
.theme-KID .privacy-page .text {
    margin-bottom: 1.8rem;
}
.theme-KMX .privacy-page .textBold,
.theme-KID .privacy-page .textBold {
    font-weight: bold;
    font-style: normal;
}

/*------------------------------
SNS icon
theme KA KD KF
------------------------------*/
.theme-KA header .wrapper ,
.theme-KU header .wrapper ,
.theme-KIB header .wrapper ,
.theme-KD header .wrapper  {
    margin: 23px auto 16px;
}

@media screen and (max-width: 768px) {
    .theme-KA header .wrapper ,
    .theme-KU header .wrapper ,
    .theme-KIB header .wrapper ,
    .theme-KD header .wrapper  {
        margin: 0;
    }
}

@media screen and (min-width: 769px) {
    .theme-KA #main ,
    .theme-KU #main,
    .theme-KIB #main {
        padding-top: 130px;
    }

    /*.theme-KA.kf #main {
        padding-top: 144px;
    }*/

    .theme-KD #main  {
        padding-top: 143px;
    }

    .theme-KA section ,
    .theme-KU section ,
    .theme-KIB section ,
    .theme-KF section ,
    .theme-KD section  {
    padding-top: 65px;
    margin-top: -55px;
    }
}

.theme-KA .header-utility-group.of-primary ,
.theme-KU .header-utility-group.of-primary ,
.theme-KIB .header-utility-group.of-primary ,
.theme-KD .header-utility-group.of-primary  {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .theme-KA .header-utility-group.of-primary ,
    .theme-KU .header-utility-group.of-primary ,
    .theme-KIB .header-utility-group.of-primary ,
    .theme-KD .header-utility-group.of-primary  {
        margin-bottom: 0;
    }
}

.theme-KA .logo ,
.theme-KU .logo ,
.theme-KIB .logo ,
.theme-KD .logo  {
    position: relative;
    top: 0;
    float: none;
    transform: translateY(0);
    margin: 0;
    width: 126px;
}

@media screen and (max-width: 768px) {
    .theme-KA .logo ,
    .theme-KU .logo ,
    .theme-KIB .logo ,
    .theme-KD .logo  {
        width: 66px;
        transform: translateX(-50%);
        top: 15px;
    }

    .theme-KIB .logo {
      top: 12px;
      left: 56px;
      transform: none;
    }

    .theme-KIB .btn-sp-entry.apply {
      right: 57px;
    }

    .theme-KIB .btn-sp-entry.webinar {
      padding-right: 0.5em;
      padding-left: 0.5em;
      border-color: #4368c3;
      background: #4368c3;
    }
}

.theme-KA .global-nav ,
.theme-KU .global-nav ,
.theme-KIB .global-nav ,
.theme-KD .global-nav  {
    float: none;
    margin: 0;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .theme-KA .global-nav ,
    .theme-KU .global-nav ,
    .theme-KIB .global-nav ,
    .theme-KD .global-nav  {
        position: absolute;
        top: 0;
    }
}

.theme-KA .global-nav > ul ,
.theme-KU .global-nav > ul ,
.theme-KIB .global-nav > ul ,
.theme-KD .global-nav > ul  {
    justify-content: space-between;
    margin-left: -10px;
}

.theme-KA .global-nav > ul > li ,
.theme-KU .global-nav > ul > li ,
.theme-KIB .global-nav > ul > li ,
.theme-KD .global-nav > ul > li  {
    width: calc(100% / 7);
}

/*.theme-KA.kf .global-nav > ul > li {
    width: calc(100% / 6);
}*/

@media screen and (max-width: 768px) {
    .theme-KA .global-nav > ul > li ,
    .theme-KU .global-nav > ul > li ,
    .theme-KIB .global-nav > ul > li ,
    .theme-KD .global-nav > ul > li  {
        width: 100%;
    }
}

.theme-KA .global-nav a ,
.theme-KU .global-nav a ,
.theme-KIB .global-nav a ,
.theme-KD .global-nav a  {
    line-height: 1.2;
}

.theme-KA .global-nav li.company,
.theme-KU .global-nav li.company,
.theme-KIB .global-nav li.company,
.theme-KD .global-nav li.company,
.theme-KA .global-nav li.locations,
.theme-KU .global-nav li.locations,
.theme-KIB .global-nav li.locations,
.theme-KD .global-nav li.locations,
.theme-KA .global-nav li.culture,
.theme-KU .global-nav li.culture,
.theme-KIB .global-nav li.culture,
.theme-KD .global-nav li.culture,
.theme-KA .global-nav li.message,
.theme-KU .global-nav li.message,
.theme-KIB .global-nav li.message,
.theme-KD .global-nav li.message,
.theme-KA .global-nav li.product,
.theme-KU .global-nav li.product,
.theme-KIB .global-nav li.product,
.theme-KD .global-nav li.product,
.theme-KA .global-nav li.faq,
.theme-KU .global-nav li.faq,
.theme-KIB .global-nav li.faq,
.theme-KD .global-nav li.faq,
.theme-KA .global-nav li.job ,
.theme-KU .global-nav li.job ,
.theme-KIB .global-nav li.job ,
.theme-KD .global-nav li.job  {
    min-width: auto;
}

.theme-KA .global-nav li.job ,
.theme-KU .global-nav li.job ,
.theme-KIB .global-nav li.job ,
.theme-KD .global-nav li.job  {
    margin-left: 0;
}

@media screen and (min-width: 769px) {
  .theme-KIB .global-nav li.online-webinar {
    flex: 1 0 140px;
    margin-left: 8px;
  }
}

.theme-KA .social-icon ,
.theme-KU .social-icon ,
.theme-KIB .social-icon ,
.theme-KF .social-icon ,
.theme-KD .social-icon  {
    display: flex;
}

.theme-KA .social-icon a ,
.theme-KU .social-icon a ,
.theme-KIB .social-icon a ,
.theme-KF .social-icon a ,
.theme-KD .social-icon a  {
    display: block;
    line-height: 0;
    opacity: 1;
    transition: all 0.5s;
}

.theme-KA .social-icon a:hover ,
.theme-KU .social-icon a:hover ,
.theme-KIB .social-icon a:hover ,
.theme-KF .social-icon a:hover ,
.theme-KD .social-icon a:hover  {
    opacity: .7;
    transition: all 0.5s;
}


@media screen and (max-width: 768px) {
    .theme-KA .social-icon ,
    .theme-KU .social-icon ,
    .theme-KIB .social-icon ,
    .theme-KF .social-icon ,
    .theme-KD .social-icon  {
        justify-content: center;
    }

    .theme-KA header .social-icon a ,
    .theme-KU header .social-icon a ,
    .theme-KIB header .social-icon a ,
    .theme-KD header .social-icon a  {
        border: 0;
        padding: 0;
    }

    .theme-KA .social-icon.break-pc ,
    .theme-KU .social-icon.break-pc ,
    .theme-KIB .social-icon.break-pc ,
    .theme-KF .social-icon.break-pc ,
    .theme-KD .social-icon.break-pc  {
        display: none;
    }
}

.theme-KA .footer-utility-group ,
.theme-KU .footer-utility-group ,
.theme-KIB .footer-utility-group ,
.theme-KF .footer-utility-group ,
.theme-KD .footer-utility-group {
    display: flex;
    align-items: baseline;
}

[class*="theme-K"] .footer-utility-group.of-primary {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

[class*="theme-K"] .footer-utility-group.of-primary .utility-block {
    padding-right: 10px;
}

@media screen and (max-width: 768px) {
    [class*="theme-K"] .footer-utility-group.of-primary .utility-block {
        width: 100%;
        padding-right: 0;
    }
}

.theme-KA .footer-utility-group .social-icon ,
.theme-KU .footer-utility-group .social-icon ,
.theme-KIB .footer-utility-group .social-icon ,
.theme-KF .footer-utility-group .social-icon ,
.theme-KD .footer-utility-group .social-icon  {
    display: flex;
    align-items: baseline;
}

.theme-KA .footer-utility-group .social-icon ,
.theme-KU .footer-utility-group .social-icon ,
.theme-KIB .footer-utility-group .social-icon ,
.theme-KF .footer-utility-group .social-icon ,
.theme-KD .footer-utility-group .social-icon  {
    margin-bottom: 10px;
}

.footer-utility-group .address {
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .footer-utility-group .address {
        text-align: center;
        padding: 0 20px;
        margin-bottom: 16px;
    }
}

.footer-utility-group .address-title {
    display: block;
    font-weight: bold;
}

.footer-utility-group .address-detail {
    display: block;
    color: #979797;
}

.footer-utility-group br {
    display: none;
}

.footer-utility-group .ContactInfo {
    display: none;
}

/* theme-kf */

.theme-KF .footer-utility-group .mail-detail {
    display: block;
}

.theme-KF .footer-utility-group .mail-detail a {
    display: block;
    color: #979797;
}

.theme-KF .footer-utility-group .mail-detail .mail-detail-icon {
    display: inline-block;
    width: 15px;
    margin-right: 3px;
    line-height: 1;
    vertical-align: middle;
}


@media screen and (max-width: 768px) {
    .theme-KA .footer-utility-group ,
    .theme-KU .footer-utility-group ,
    .theme-KIB .footer-utility-group ,
    .theme-KF .footer-utility-group ,
    .theme-KD .footer-utility-group ,
    [class*="theme-K"] .footer-utility-group.of-primary {
        flex-direction: column;
        align-items: center;
    }
}

.theme-KA .social-icon ,
.theme-KU .social-icon ,
.theme-KIB .social-icon ,
.theme-KF .social-icon ,
.theme-KD .social-icon  {
    flex-wrap: wrap;
    margin-top: -20px;
    margin-left: -20px;
}

.theme-KA .social-icon li ,
.theme-KU .social-icon li ,
.theme-KIB .social-icon li ,
.theme-KF .social-icon li ,
.theme-KD .social-icon li  {
    margin-top: 20px;
    margin-left: 20px;
}

.theme-KA .copyright ,
.theme-KU .copyright ,
.theme-KIB .copyright ,
.theme-KF .copyright ,
.theme-KD .copyright  {
    margin-right: 0;
}

.theme-KA .copyright-block ,
.theme-KU .copyright-block ,
.theme-KIB .copyright-block ,
.theme-KF .copyright-block ,
.theme-KD .copyright-block  {
    padding-top: 0;
    display: flex;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

[class*="theme-K"] .footer-utility-group.of-primary .copyright-block {
    margin-right: 0;
    max-width: 400px;
    flex-direction: column-reverse;
}

@media screen and (max-width: 768px) {
    [class*="theme-K"] .footer-utility-group.of-primary .copyright-block  {
        max-width: 100%;
        align-items: center;
    }
}

@media screen and (min-width: 769px) {
    [class*="theme-K"] .footer-utility-group.of-primary .copyright-block {
        align-items: flex-end;
    }
}

@media screen and (max-width: 768px) {
    .theme-KA .copyright-block,
    .theme-KU .copyright-block,
    .theme-KIB .copyright-block {
        max-width: 100%;
        flex-direction: column-reverse;
    }
}

[class*="theme-K"] .footer-utility-group.of-primary .copyright  {
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 768px) {
    [class*="theme-K"] .footer-utility-group.of-primary .copyright  {
        text-align: center;
    }
}

.theme-KA .privacy ,
.theme-KU .privacy ,
.theme-KIB .privacy ,
.theme-KF .privacy ,
.theme-KD .privacy  {
    position: relative;
    transform: translateX(0);
    left: 0;
}

.theme-KA .sp-social-icon ,
.theme-KU .sp-social-icon ,
.theme-KIB .sp-social-icon ,
.theme-KF .sp-social-icon ,
.theme-KD .sp-social-icon  {
    display: none;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 20px 0 10px;
}

@media screen and (max-width: 768px) {
    .theme-KA .sp-social-icon ,
    .theme-KU .sp-social-icon ,
    .theme-KIB .sp-social-icon ,
    .theme-KF .sp-social-icon ,
    .theme-KD .sp-social-icon  {
        display: block;
    }

    .theme-KA .sp-social-icon .social-icon ,
    .theme-KU .sp-social-icon .social-icon ,
    .theme-KIB .sp-social-icon .social-icon ,
    .theme-KF .sp-social-icon .social-icon ,
    .theme-KD .sp-social-icon .social-icon  {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 769px) {
    [data-page="1"] .global-nav li a .inner[data-page="1"],
    [data-page="2"] .global-nav li a .inner[data-page="2"],
    [data-page="3"] .global-nav li a .inner[data-page="3"],
    [data-page="4"] .global-nav li a .inner[data-page="4"],
    [data-page="5"] .global-nav li a .inner[data-page="5"],
    [data-page="6"] .global-nav li a .inner[data-page="6"] {
        position: relative;
    }

    [data-page="1"] .global-nav li a .inner[data-page="1"]::after,
    [data-page="2"] .global-nav li a .inner[data-page="2"]::after,
    [data-page="3"] .global-nav li a .inner[data-page="3"]::after,
    [data-page="4"] .global-nav li a .inner[data-page="4"]::after,
    [data-page="5"] .global-nav li a .inner[data-page="5"]::after,
    [data-page="6"] .global-nav li a .inner[data-page="6"]::after {
        position: absolute;
        background: url(https://www.keyence.com.cn/img/ss/careers/ss_careers_common_e10012.png) no-repeat center 85%;
        background-size: 85% 2px;
        content: "";
        width: 100%;
        height: 2px;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/*------------------------------
header
theme KD
------------------------------*/
@media screen and (min-width: 769px) {
    .theme-KD .global-nav > ul {
        display: flex;
        justify-content: flex-end;
    }

    .theme-KD .global-nav > ul > li {
        width: 20%;
    }

    .theme-KD .global-nav li .subnav {
        font-size: 0;
    }
}

/*------------------------------
page-nav
theme KD
------------------------------*/
.theme-KD .page-nav .w_34 {
    width: 34%;
}
.theme-KD .page-nav a {
    line-height: 1.2;
}

/*------------------------------
topic-title
theme KD
------------------------------*/
.theme-KD .topic-title {
    border-bottom: none;
    padding-bottom: 0;
}

.theme-KD .topic-title:after {
    border-bottom: none;
}
/*------------------------------
footer
theme KD
------------------------------*/
.theme-KD .copyright-block {
    max-width: 540px;
    flex-direction: column-reverse;
}
@media screen and (max-width: 768px) {
    .theme-KD .copyright-block  {
        max-width: 100%;
        align-items: center;
        overflow: hidden;
    }
}

@media screen and (min-width: 769px) {
    .theme-KD .copyright-block {
        align-items: flex-end;
    }
    .theme-KD .footer-nav > ul > li + li {
        margin-left: 3%;
    }
}

/*------------------------------
Cookiebot
------------------------------*/
html #CybotCookiebotDialog *,
html #CybotCookiebotDialogBodyUnderlay * {
    font-size: 14px;
}

html #CybotCookiebotDialog.CybotEdge,
html #CybotCookiebotDialog.CybotMultilevel {
    font-family: inherit;
    z-index: 2147483647 !important;
}

@media screen and (min-width: 1280px) {
    html #CybotCookiebotDialog.CybotEdge,
    html #CybotCookiebotDialog.CybotMultilevel {
        padding: 10px;
    }
}

html #CybotCookiebotDialog.CybotEdge > *:first-child:not(.CybotCookiebotDialogContentWrapper),
html #CybotCookiebotDialog.CybotMultilevel > *:first-child:not(.CybotCookiebotDialogContentWrapper) {
    line-height: 1;
    word-break: keep-all;
}

@media screen and (min-width: 1280px) {
    html #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper,
    html #CybotCookiebotDialog.CybotMultilevel .CybotCookiebotDialogContentWrapper {
        max-width: 1280px;
    }
}

@media screen and (min-width: 1280px) {
    html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent,
    html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogTabContent {
        margin-left: 0 !important;
    }
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader,
html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogHeader {
    display: none;
    padding: 0;
    border-bottom: 0;
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot,
html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogPoweredbyCybot {
    display: none;
}

@media screen and (min-width: 1280px) {
    html #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper,
    html #CybotCookiebotDialog.CybotMultilevel .CybotCookiebotDialogBodyBottomWrapper {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1279px) {
    html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyContent,
    html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogBodyContent {
        padding: 10px;
    }
}

html #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
html #CybotCookiebotDialog.CybotMultilevel #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    padding: 8px;
    line-height: inherit;
}

/* For bring the cookiebot to the front */
/* (Change the value of z-index of Userlike Messenger) */
html iframe[class^=umm-] {
    z-index: 2147483646 !important;
}

/*
 * products
** ------------------------------------------------------ */
.prd-layout-cluster {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.prd-layout-cluster.of-spaceX-0, .prd-layout-cluster.of-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
}

.prd-layout-cluster.of-spaceY-0, .prd-layout-cluster.of-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
}

.prd-layout-cluster.of-spaceX-1 {
    margin-right: -2px;
    margin-left: -2px;
}

.prd-layout-cluster.of-spaceX-1 > * {
    margin-right: 2px;
    margin-left: 2px;
}

.prd-layout-cluster.of-spaceY-1 {
    margin-top: -2px;
    margin-bottom: -2px;
}

.prd-layout-cluster.of-spaceY-1 > * {
    margin-top: 2px;
    margin-bottom: 2px;
}

.prd-layout-cluster.of-spaceX-2 {
    margin-right: -4px;
    margin-left: -4px;
}

.prd-layout-cluster.of-spaceX-2 > * {
    margin-right: 4px;
    margin-left: 4px;
}

.prd-layout-cluster.of-spaceY-2 {
    margin-top: -4px;
    margin-bottom: -4px;
}

.prd-layout-cluster.of-spaceY-2 > * {
    margin-top: 4px;
    margin-bottom: 4px;
}

.prd-layout-cluster.of-spaceX-3 {
    margin-right: -8px;
    margin-left: -8px;
}

.prd-layout-cluster.of-spaceX-3 > * {
    margin-right: 8px;
    margin-left: 8px;
}

.prd-layout-cluster.of-spaceY-3 {
    margin-top: -8px;
    margin-bottom: -8px;
}

.prd-layout-cluster.of-spaceY-3 > * {
    margin-top: 8px;
    margin-bottom: 8px;
}

.prd-layout-cluster.of-spaceX-4 {
    margin-right: -10px;
    margin-left: -10px;
}

.prd-layout-cluster.of-spaceX-4 > * {
    margin-right: 10px;
    margin-left: 10px;
}

.prd-layout-cluster.of-spaceY-4 {
    margin-top: -10px;
    margin-bottom: -10px;
}

.prd-layout-cluster.of-spaceY-4 > * {
    margin-top: 10px;
    margin-bottom: 10px;
}

.prd-layout-cluster.of-spaceX-5 {
    margin-right: -12px;
    margin-left: -12px;
}

.prd-layout-cluster.of-spaceX-5 > * {
    margin-right: 12px;
    margin-left: 12px;
}

.prd-layout-cluster.of-spaceY-5 {
    margin-top: -12px;
    margin-bottom: -12px;
}

.prd-layout-cluster.of-spaceY-5 > * {
    margin-top: 12px;
    margin-bottom: 12px;
}

.prd-layout-cluster.of-spaceX-6 {
    margin-right: -16px;
    margin-left: -16px;
}

.prd-layout-cluster.of-spaceX-6 > * {
    margin-right: 16px;
    margin-left: 16px;
}

.prd-layout-cluster.of-spaceY-6 {
    margin-top: -16px;
    margin-bottom: -16px;
}

.prd-layout-cluster.of-spaceY-6 > * {
    margin-top: 16px;
    margin-bottom: 16px;
}

.prd-layout-cluster.of-spaceX-7 {
    margin-right: -20px;
    margin-left: -20px;
}

.prd-layout-cluster.of-spaceX-7 > * {
    margin-right: 20px;
    margin-left: 20px;
}

.prd-layout-cluster.of-spaceY-7 {
    margin-top: -20px;
    margin-bottom: -20px;
}

.prd-layout-cluster.of-spaceY-7 > * {
    margin-top: 20px;
    margin-bottom: 20px;
}

.prd-layout-cluster.of-spaceX-8 {
    margin-right: -32px;
    margin-left: -32px;
}

.prd-layout-cluster.of-spaceX-8 > * {
    margin-right: 32px;
    margin-left: 32px;
}

.prd-layout-cluster.of-spaceY-8 {
    margin-top: -32px;
    margin-bottom: -32px;
}

.prd-layout-cluster.of-spaceY-8 > * {
    margin-top: 32px;
    margin-bottom: 32px;
}

.prd-layout-cluster.of-spaceX-9 {
    margin-right: -36px;
    margin-left: -36px;
}

.prd-layout-cluster.of-spaceX-9 > * {
    margin-right: 36px;
    margin-left: 36px;
}

.prd-layout-cluster.of-spaceY-9 {
    margin-top: -36px;
    margin-bottom: -36px;
}

.prd-layout-cluster.of-spaceY-9 > * {
    margin-top: 36px;
    margin-bottom: 36px;
}

.prd-layout-cluster.of-spaceX-10 {
    margin-right: -60px;
    margin-left: -60px;
}

.prd-layout-cluster.of-spaceX-10 > * {
    margin-right: 60px;
    margin-left: 60px;
}

.prd-layout-cluster.of-spaceY-10 {
    margin-top: -60px;
    margin-bottom: -60px;
}

.prd-layout-cluster.of-spaceY-10 > * {
    margin-top: 60px;
    margin-bottom: 60px;
}

.prd-layout-cluster.of-spaceX-11 {
    margin-right: -72px;
    margin-left: -72px;
}

.prd-layout-cluster.of-spaceX-11 > * {
    margin-right: 72px;
    margin-left: 72px;
}

.prd-layout-cluster.of-spaceY-11 {
    margin-top: -72px;
    margin-bottom: -72px;
}

.prd-layout-cluster.of-spaceY-11 > * {
    margin-top: 72px;
    margin-bottom: 72px;
}

.prd-layout-cluster.of-spaceX-12 {
    margin-right: -84px;
    margin-left: -84px;
}

.prd-layout-cluster.of-spaceX-12 > * {
    margin-right: 84px;
    margin-left: 84px;
}

.prd-layout-cluster.of-spaceY-12 {
    margin-top: -84px;
    margin-bottom: -84px;
}

.prd-layout-cluster.of-spaceY-12 > * {
    margin-top: 84px;
    margin-bottom: 84px;
}

@media (min-width: 1px) {
    .prd-layout-cluster.largeScreen-spaceX-0, .prd-layout-cluster.largeScreen-spaceX-0 > * {
        margin-right: 0;
        margin-left: 0;
    }
    .prd-layout-cluster.largeScreen-spaceY-0, .prd-layout-cluster.largeScreen-spaceY-0 > * {
        margin-top: 0;
        margin-bottom: 0;
    }
    .prd-layout-cluster.largeScreen-spaceX-1 {
        margin-right: -2px;
        margin-left: -2px;
    }
    .prd-layout-cluster.largeScreen-spaceX-1 > * {
        margin-right: 2px;
        margin-left: 2px;
    }
    .prd-layout-cluster.largeScreen-spaceY-1 {
        margin-top: -2px;
        margin-bottom: -2px;
    }
    .prd-layout-cluster.largeScreen-spaceY-1 > * {
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .prd-layout-cluster.largeScreen-spaceX-2 {
        margin-right: -4px;
        margin-left: -4px;
    }
    .prd-layout-cluster.largeScreen-spaceX-2 > * {
        margin-right: 4px;
        margin-left: 4px;
    }
    .prd-layout-cluster.largeScreen-spaceY-2 {
        margin-top: -4px;
        margin-bottom: -4px;
    }
    .prd-layout-cluster.largeScreen-spaceY-2 > * {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .prd-layout-cluster.largeScreen-spaceX-3 {
        margin-right: -8px;
        margin-left: -8px;
    }
    .prd-layout-cluster.largeScreen-spaceX-3 > * {
        margin-right: 8px;
        margin-left: 8px;
    }
    .prd-layout-cluster.largeScreen-spaceY-3 {
        margin-top: -8px;
        margin-bottom: -8px;
    }
    .prd-layout-cluster.largeScreen-spaceY-3 > * {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .prd-layout-cluster.largeScreen-spaceX-4 {
        margin-right: -10px;
        margin-left: -10px;
    }
    .prd-layout-cluster.largeScreen-spaceX-4 > * {
        margin-right: 10px;
        margin-left: 10px;
    }
    .prd-layout-cluster.largeScreen-spaceY-4 {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .prd-layout-cluster.largeScreen-spaceY-4 > * {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .prd-layout-cluster.largeScreen-spaceX-5 {
        margin-right: -12px;
        margin-left: -12px;
    }
    .prd-layout-cluster.largeScreen-spaceX-5 > * {
        margin-right: 12px;
        margin-left: 12px;
    }
    .prd-layout-cluster.largeScreen-spaceY-5 {
        margin-top: -12px;
        margin-bottom: -12px;
    }
    .prd-layout-cluster.largeScreen-spaceY-5 > * {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .prd-layout-cluster.largeScreen-spaceX-6 {
        margin-right: -16px;
        margin-left: -16px;
    }
    .prd-layout-cluster.largeScreen-spaceX-6 > * {
        margin-right: 16px;
        margin-left: 16px;
    }
    .prd-layout-cluster.largeScreen-spaceY-6 {
        margin-top: -16px;
        margin-bottom: -16px;
    }
    .prd-layout-cluster.largeScreen-spaceY-6 > * {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .prd-layout-cluster.largeScreen-spaceX-7 {
        margin-right: -20px;
        margin-left: -20px;
    }
    .prd-layout-cluster.largeScreen-spaceX-7 > * {
        margin-right: 20px;
        margin-left: 20px;
    }
    .prd-layout-cluster.largeScreen-spaceY-7 {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .prd-layout-cluster.largeScreen-spaceY-7 > * {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .prd-layout-cluster.largeScreen-spaceX-8 {
        margin-right: -32px;
        margin-left: -32px;
    }
    .prd-layout-cluster.largeScreen-spaceX-8 > * {
        margin-right: 32px;
        margin-left: 32px;
    }
    .prd-layout-cluster.largeScreen-spaceY-8 {
        margin-top: -32px;
        margin-bottom: -32px;
    }
    .prd-layout-cluster.largeScreen-spaceY-8 > * {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .prd-layout-cluster.largeScreen-spaceX-9 {
        margin-right: -36px;
        margin-left: -36px;
    }
    .prd-layout-cluster.largeScreen-spaceX-9 > * {
        margin-right: 36px;
        margin-left: 36px;
    }
    .prd-layout-cluster.largeScreen-spaceY-9 {
        margin-top: -36px;
        margin-bottom: -36px;
    }
    .prd-layout-cluster.largeScreen-spaceY-9 > * {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .prd-layout-cluster.largeScreen-spaceX-10 {
        margin-right: -60px;
        margin-left: -60px;
    }
    .prd-layout-cluster.largeScreen-spaceX-10 > * {
        margin-right: 60px;
        margin-left: 60px;
    }
    .prd-layout-cluster.largeScreen-spaceY-10 {
        margin-top: -60px;
        margin-bottom: -60px;
    }
    .prd-layout-cluster.largeScreen-spaceY-10 > * {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .prd-layout-cluster.largeScreen-spaceX-11 {
        margin-right: -72px;
        margin-left: -72px;
    }
    .prd-layout-cluster.largeScreen-spaceX-11 > * {
        margin-right: 72px;
        margin-left: 72px;
    }
    .prd-layout-cluster.largeScreen-spaceY-11 {
        margin-top: -72px;
        margin-bottom: -72px;
    }
    .prd-layout-cluster.largeScreen-spaceY-11 > * {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .prd-layout-cluster.largeScreen-spaceX-12 {
        margin-right: -84px;
        margin-left: -84px;
    }
    .prd-layout-cluster.largeScreen-spaceX-12 > * {
        margin-right: 84px;
        margin-left: 84px;
    }
    .prd-layout-cluster.largeScreen-spaceY-12 {
        margin-top: -84px;
        margin-bottom: -84px;
    }
    .prd-layout-cluster.largeScreen-spaceY-12 > * {
        margin-top: 84px;
        margin-bottom: 84px;
    }
}

@media (min-width: 1px) {
    .prd-layout-cluster.extraLargeScreen-spaceX-0, .prd-layout-cluster.extraLargeScreen-spaceX-0 > * {
        margin-right: 0;
        margin-left: 0;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-0, .prd-layout-cluster.extraLargeScreen-spaceY-0 > * {
        margin-top: 0;
        margin-bottom: 0;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-1 {
        margin-right: -2px;
        margin-left: -2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-1 > * {
        margin-right: 2px;
        margin-left: 2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-1 {
        margin-top: -2px;
        margin-bottom: -2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-1 > * {
        margin-top: 2px;
        margin-bottom: 2px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-2 {
        margin-right: -4px;
        margin-left: -4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-2 > * {
        margin-right: 4px;
        margin-left: 4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-2 {
        margin-top: -4px;
        margin-bottom: -4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-2 > * {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-3 {
        margin-right: -8px;
        margin-left: -8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-3 > * {
        margin-right: 8px;
        margin-left: 8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-3 {
        margin-top: -8px;
        margin-bottom: -8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-3 > * {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-4 {
        margin-right: -10px;
        margin-left: -10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-4 > * {
        margin-right: 10px;
        margin-left: 10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-4 {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-4 > * {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-5 {
        margin-right: -12px;
        margin-left: -12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-5 > * {
        margin-right: 12px;
        margin-left: 12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-5 {
        margin-top: -12px;
        margin-bottom: -12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-5 > * {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-6 {
        margin-right: -16px;
        margin-left: -16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-6 > * {
        margin-right: 16px;
        margin-left: 16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-6 {
        margin-top: -16px;
        margin-bottom: -16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-6 > * {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-7 {
        margin-right: -20px;
        margin-left: -20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-7 > * {
        margin-right: 20px;
        margin-left: 20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-7 {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-7 > * {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-8 {
        margin-right: -32px;
        margin-left: -32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-8 > * {
        margin-right: 32px;
        margin-left: 32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-8 {
        margin-top: -32px;
        margin-bottom: -32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-8 > * {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-9 {
        margin-right: -36px;
        margin-left: -36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-9 > * {
        margin-right: 36px;
        margin-left: 36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-9 {
        margin-top: -36px;
        margin-bottom: -36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-9 > * {
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-10 {
        margin-right: -60px;
        margin-left: -60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-10 > * {
        margin-right: 60px;
        margin-left: 60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-10 {
        margin-top: -60px;
        margin-bottom: -60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-10 > * {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-11 {
        margin-right: -72px;
        margin-left: -72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-11 > * {
        margin-right: 72px;
        margin-left: 72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-11 {
        margin-top: -72px;
        margin-bottom: -72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-11 > * {
        margin-top: 72px;
        margin-bottom: 72px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-12 {
        margin-right: -84px;
        margin-left: -84px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceX-12 > * {
        margin-right: 84px;
        margin-left: 84px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-12 {
        margin-top: -84px;
        margin-bottom: -84px;
    }
    .prd-layout-cluster.extraLargeScreen-spaceY-12 > * {
        margin-top: 84px;
        margin-bottom: 84px;
    }
}

.prd-layout-cluster.of-justifyContent-start {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.prd-layout-cluster.of-justifyContent-end {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.prd-layout-cluster.of-justifyContent-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.prd-layout-cluster.of-justifyContent-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1px) {
    .prd-layout-cluster.largeScreen-justifyContent-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .prd-layout-cluster.largeScreen-justifyContent-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .prd-layout-cluster.largeScreen-justifyContent-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .prd-layout-cluster.largeScreen-justifyContent-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1px) {
    .prd-layout-cluster.extraLargeScreen-justifyContent-start {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .prd-layout-cluster.extraLargeScreen-justifyContent-end {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .prd-layout-cluster.extraLargeScreen-justifyContent-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .prd-layout-cluster.extraLargeScreen-justifyContent-between {
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.prd-layout-cluster.of-alignItems-start {
    -ms-flex-align: start;
    align-items: flex-start;
}

.prd-layout-cluster.of-alignItems-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.prd-layout-cluster.of-alignItems-center {
    -ms-flex-align: center;
    align-items: center;
}

.prd-layout-cluster.of-alignItems-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (min-width: 1px) {
    .prd-layout-cluster.largeScreen-alignItems-start {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .prd-layout-cluster.largeScreen-alignItems-end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .prd-layout-cluster.largeScreen-alignItems-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .prd-layout-cluster.largeScreen-alignItems-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

@media (min-width: 1px) {
    .prd-layout-cluster.extraLargeScreen-alignItems-start {
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .prd-layout-cluster.extraLargeScreen-alignItems-end {
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .prd-layout-cluster.extraLargeScreen-alignItems-center {
        -ms-flex-align: center;
        align-items: center;
    }
    .prd-layout-cluster.extraLargeScreen-alignItems-baseline {
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

.prd-layout-container {
    box-sizing: content-box;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.prd-layout-container.of-narrow {
    max-width: 950px;
}

.prd-modalDialog:not(.of-full) .prd-layout-container {
    max-width: 620px;
}

.prd-modalDialog {
    transition: visibility .4s;
}

.prd-modalDialog[aria-hidden=true] {
    display: block;
    visibility: hidden;
}

.prd-modalDialog-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    background-color: rgba(46, 49, 51, .8);
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1);
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-backdrop {
    opacity: 0;
}

.prd-modalDialog-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
}

.prd-modalDialog-closeButton {
    padding: 8px;
    background: none;
    border: 0;
    pointer-events: auto;
    cursor: pointer;
}

.prd-modalDialog-closeButtonIcon {
    width: 28px;
    height: 28px;
    vertical-align: bottom;
    fill: #fff;
}

.prd-modalDialog-contentWrapper {
    -ms-flex: auto;
    flex: auto;
    min-height: 0;
}

@media (min-width: 1px) {
    .prd-modalDialog-contentWrapper {
        margin-bottom: 24px;
    }
}

.prd-modalDialog.of-full .prd-modalDialog-contentWrapper {
    overflow: auto;
    height: 100%;
}

@media (min-width: 1px) {
    .prd-modalDialog.of-full .prd-modalDialog-contentWrapper {
        margin-bottom: 0;
    }
}

.prd-modalDialog-content {
    overflow: auto;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .4s;
    transition-property: transform,opacity;
    pointer-events: auto;
}

@media (min-width: 1px) {
    .prd-modalDialog-content {
        border-radius: 4px;
    }
}

.prd-modalDialog.of-full .prd-modalDialog-content {
    max-width: none;
}

@media (min-width: 1px) {
    .prd-modalDialog.of-full .prd-modalDialog-content {
        border-radius: 0;
    }
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-content {
    opacity: 0;
    transform: translateY(20px) scale(.9);
}

.prd-modalDialog-contentInner {
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1) .2s;
}

.prd-modalDialog[aria-hidden=true] .prd-modalDialog-contentInner {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.prd-modalDialog-thumbnailOuter {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.prd-modalDialog-thumbnail {
    display: block;
    position: relative
}

.prd-modalDialog-thumbnail > img {
    max-width: 100%;
    width: 100%;
}

.prd-modalDialog-thumbnail:before {
    width: 82px;
    height: 82px;
    background-color: rgba(0,0,0,.45);
    border: none;
    border-radius: 50%
}

.prd-modalDialog-thumbnail:after,.prd-modalDialog-thumbnail:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translateX(-50%) translateY(-50%)
}

.prd-modalDialog-thumbnail:after {
    width: 22px;
    height: 32px;
    margin-left: 0.4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 22 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16L0 0L3.78669e-06 32L22 16Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.prd-utility-block {
    display: block;
}

.prd-utility-hidden {
    display: none;
}

@media (min-width: 1px) {
    .prd-largeScreen-block {
        display: block;
    }
    .prd-largeScreen-hidden {
        display: none;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-block {
        display: block;
    }
    .prd-extraLargeScreen-hidden {
        display: none;
    }
}

.prd-utility-focusRing:focus:not(:focus-visible) {
    outline: 0;
}

.prd-utility-marginTop-auto {
    margin-top: auto;
}

@media (min-width: 1px) {
    .prd-largeScreen-marginTop-auto {
        margin-top: auto;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-marginTop-auto {
        margin-top: auto;
    }
}

.prd-utility-marginBottom-0 {
    margin-bottom: 0 !important;
}

.prd-utility-marginBottom-1 {
    margin-bottom: 4px !important;
}

.prd-utility-marginBottom-2 {
    margin-bottom: 8px !important;
}

.prd-utility-marginBottom-3 {
    margin-bottom: 16px !important;
}

.prd-utility-marginBottom-4 {
    margin-bottom: 20px !important;
}

.prd-utility-marginBottom-5 {
    margin-bottom: 24px !important;
}

.prd-utility-marginBottom-6 {
    margin-bottom: 32px !important;
}

.prd-utility-marginBottom-7 {
    margin-bottom: 40px !important;
}

.prd-utility-marginBottom-8 {
    margin-bottom: 64px !important;
}

.prd-utility-marginBottom-9 {
    margin-bottom: 72px !important;
}

.prd-utility-marginBottom-10 {
    margin-bottom: 120px !important;
}

.prd-utility-marginBottom-11 {
    margin-bottom: 144px !important;
}

.prd-utility-marginBottom-12 {
    margin-bottom: 168px !important;
}

@media (min-width: 1px) {
    .prd-largeScreen-marginBottom-0 {
        margin-bottom: 0 !important;
    }
    .prd-largeScreen-marginBottom-1 {
        margin-bottom: 4px !important;
    }
    .prd-largeScreen-marginBottom-2 {
        margin-bottom: 8px !important;
    }
    .prd-largeScreen-marginBottom-3 {
        margin-bottom: 16px !important;
    }
    .prd-largeScreen-marginBottom-4 {
        margin-bottom: 20px !important;
    }
    .prd-largeScreen-marginBottom-5 {
        margin-bottom: 24px !important;
    }
    .prd-largeScreen-marginBottom-6 {
        margin-bottom: 32px !important;
    }
    .prd-largeScreen-marginBottom-7 {
        margin-bottom: 40px !important;
    }
    .prd-largeScreen-marginBottom-8 {
        margin-bottom: 64px !important;
    }
    .prd-largeScreen-marginBottom-9 {
        margin-bottom: 72px !important;
    }
    .prd-largeScreen-marginBottom-10 {
        margin-bottom: 120px !important;
    }
    .prd-largeScreen-marginBottom-11 {
        margin-bottom: 144px !important;
    }
    .prd-largeScreen-marginBottom-12 {
        margin-bottom: 168px !important;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-marginBottom-0 {
        margin-bottom: 0 !important;
    }
    .prd-extraLargeScreen-marginBottom-1 {
        margin-bottom: 4px !important;
    }
    .prd-extraLargeScreen-marginBottom-2 {
        margin-bottom: 8px !important;
    }
    .prd-extraLargeScreen-marginBottom-3 {
        margin-bottom: 16px !important;
    }
    .prd-extraLargeScreen-marginBottom-4 {
        margin-bottom: 20px !important;
    }
    .prd-extraLargeScreen-marginBottom-5 {
        margin-bottom: 24px !important;
    }
    .prd-extraLargeScreen-marginBottom-6 {
        margin-bottom: 32px !important;
    }
    .prd-extraLargeScreen-marginBottom-7 {
        margin-bottom: 40px !important;
    }
    .prd-extraLargeScreen-marginBottom-8 {
        margin-bottom: 64px !important;
    }
    .prd-extraLargeScreen-marginBottom-9 {
        margin-bottom: 72px !important;
    }
    .prd-extraLargeScreen-marginBottom-10 {
        margin-bottom: 120px !important;
    }
    .prd-extraLargeScreen-marginBottom-11 {
        margin-bottom: 144px !important;
    }
    .prd-extraLargeScreen-marginBottom-12 {
        margin-bottom: 168px !important;
    }
}

.prd-utility-marginLeft-auto {
    margin-left: auto;
}

.prd-utility-maxWidth-narrow {
    max-width: 950px;
}

.prd-utility-maxWidth-extraNarrow {
    max-width: 840px;
}

.prd-utility-visuallyHidden {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    visibility: visible;
    overflow: hidden;
    width: 4px;
    height: 4px;
    margin: 0;
    padding: 0;
    border: none;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 1px) {
    .prd-largeScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        visibility: visible;
        overflow: hidden;
        width: 4px;
        height: 4px;
        margin: 0;
        padding: 0;
        border: none;
        opacity: 0;
        pointer-events: none;
    }
}

@media (min-width: 1px) {
    .prd-extraLargeScreen-visuallyHidden {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        visibility: visible;
        overflow: hidden;
        width: 4px;
        height: 4px;
        margin: 0;
        padding: 0;
        border: none;
        opacity: 0;
        pointer-events: none;
    }
}

@media screen and (min-width: 769px) {
    .ss-largeScreen-marginTop-primary {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    .ss-smallScreen-marginTop-primary {
        margin-top: 30px;
    }
}


/*------------------------------
theme KF
------------------------------*/

.theme-KF .ability.full {
    padding: 20px;
    background: #dfdfdf;
}

@media screen and (max-width: 768px) {
    .theme-KF .ability.full {
        padding: 15px;
    }
}

.theme-KF .text-bld {
    font-weight: bold;
}

.theme-KF .text-itl {
    font-style: italic;
}

/*------------------------------
KF ss-listButton
------------------------------*/

.theme-KF .ss-listButton.sub-page-button {
    margin-top: -30px;
    margin-bottom: 70px;
    text-align: right;
}

.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion,
.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion-disable {
    display: inline-flex;
    align-items: center;
    min-width: 260px;
    padding: 15px 15px;
    background: #dd0b28;
    line-height: 1.2;
    transition: opacity 0.3s;
}

.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion:hover {
  opacity: .7;
}

.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion-text {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 768px){
.theme-KF .ss-listButton.sub-page-button {
    margin-top: -50px;
    margin-bottom: 50px;
    text-align: left;
}
.theme-KF .ss-listButton.sub-page-button.no-mrg {
    margin-top: -30px;
}
.theme-KF .ss-listButton.sub-page-button.no-mrg-L {
    margin-top: -20px;
}
.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion,
.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion-disable {
    min-width: 250px;
    padding: 10px 13px;
}
.theme-KF .ss-listButton.sub-page-button .ss-buttonConversion-text {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}
}

/*------------------------------
 theme KID
------------------------------*/
.theme-KID .global-nav .social-icon a:hover {
    background-color: unset;
    color: unset;
    opacity: .7;
}
@media screen and (max-width: 768px){
    .theme-KID .global-nav .social-icon {
        border-top: 1px solid #ddd;
    }
    .theme-KID .global-nav .social-icon a {
        width: fit-content;
        border-top: none;
        margin: auto;
    }
    .theme-KID .global-nav .social-icon img {
        width: fit-content;
    }
}

/*------------------------------
 theme KC
------------------------------*/
/* faqlink deletion */
.theme-KC header .global-nav ul li .subnav li a[href$="#faq-section"] {
    display: none;
}

.theme-KC footer .footer-nav ul li .footer-subnav li a[href$="#faq-section"] {
    display: none;
}

.theme-KC .utility-group .mail-group {
    margin-bottom: 20px;
    margin-left: 0;
    text-align: center;
}

.theme-KC .utility-group .mail-group a {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    cursor: inherit;
}


@media screen and (max-width: 880px){
    .theme-KC .utility-group .mail-group a {
        padding-left: 20px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px){
    .theme-KC .utility-group .mail-group a {
        padding-left: 24px;
        font-size: 2.2rem;
    }
}

.theme-KC .utility-group .mail-group a::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 12px;
    transform: translateY(-50%);
    background: url("https://www.keyence.com.cn/img/common/icon_mail.png") no-repeat;
    background-size: cover;
    content: "";
}

@media screen and (min-width: 769px) {
    .theme-KC .utility-group .tel-group {
        margin-left: 0;
    }
}

.emphasisText strong {
    font-size: 1.5rem;
}

@media screen and (min-width: 769px) {
    .emphasisText strong {
        font-size: 1.8rem;
    }
}