.lp-buttonConversion {
  display: inline-block;
  max-width: 100%;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background: #dc002f;
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

@media only screen and (max-width: 640px) {
  .lp-buttonConversion {
    font-size: 1.6rem;
  }
}
@media (hover: hover) {
  .lp-buttonConversion:hover {
    background-color: #c6002a;
  }
}
.lp-buttonConversion-body {
  display: flex;
  align-items: center;
  padding: 12px 8px 12px 24px;
}

@media only screen and (max-width: 640px) {
  .lp-buttonConversion-body {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.lp-buttonConversion-text {
  margin-right: 16px;
}

.lp-buttonConversion-image {
  margin: -22px 0;
  border: 1px solid #ccc;
}

.lp-buttonConversion-image > img {
  min-width: 42px;
  max-width: 60px;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body,
.lp-buttonConversion.of-anchor .lp-buttonConversion-body,
.lp-buttonConversion.of-arrow .lp-buttonConversion-body,
.lp-buttonConversion.of-inquiry .lp-buttonConversion-body {
  position: relative;
  padding-left: 53px;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before,
.lp-buttonConversion.of-anchor .lp-buttonConversion-body::before,
.lp-buttonConversion.of-arrow .lp-buttonConversion-body::before,
.lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 24px;
  width: 19px;
  height: 18px;
  transform: translateY(-50%);
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_dl.png") no-repeat center center;
}

.lp-buttonConversion.of-anchor .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_anc_03.png") no-repeat center center;
}

.lp-buttonConversion.of-arrow .lp-buttonConversion-body::before {
  left: 26px;
  height: 12px;
  border-width: 7px 0 7px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_inquiry_01.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body,
.lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body,
.lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body,
.lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body,
.lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body {
  position: relative;
  padding-left: 53px;
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before,
.lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before,
.lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before,
.lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before,
.lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 24px;
  width: 19px;
  height: 18px;
  transform: translateY(-50%);
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_price_usd.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_price_jpy.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_price_gbp.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_price_krw.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/css/products/img/landing_page/common/icon_btn_price_eur.png") no-repeat center center;
}

.lp-buttonConversion.of-primary {
  background: #13778f;
}

@media (hover: hover) {
  .lp-buttonConversion.of-primary:hover {
    background-color: #116b81;
  }
}
.lp-buttonConversion.of-secondary {
  background: #0065bb;
}

.lp-navigationSeries {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1240px;
  margin: 20px auto;
  padding: 4px 10px;
  border: 2px solid #e5e5e5;
  color: #999;
}

div#MainContent .lp-navigationSeries {
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: anywhere;
}

@media only screen and (max-width: 1279px) {
  .lp-navigationSeries {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 969px) {
  .lp-navigationSeries {
    flex-direction: column;
    align-items: center;
  }
}
.lp-navigationSeries-title {
  max-width: 600px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.3;
}

@media only screen and (max-width: 969px) {
  .lp-navigationSeries-title {
    width: 100%;
    max-width: none;
    margin-bottom: 3px;
    text-align: center;
  }
}
.lp-navigationSeries-title + .lp-navigationSeries-linkList {
  margin-left: 10px;
}

@media only screen and (max-width: 969px) {
  .lp-navigationSeries-title + .lp-navigationSeries-linkList {
    margin-left: -10px;
  }
}
div#MainContent .lp-navigationSeries-title {
  margin-bottom: 0;
  color: #999;
  font-size: 11px;
  line-height: 1.3;
  text-transform: none;
}

div#MainContent .lp-navigationSeries-title + .lp-navigationSeries-linkList {
  margin-left: 10px;
}

@media only screen and (max-width: 969px) {
  .lp-navigationSeries-seriesNameText,
  .lp-navigationSeries-seriesText {
    display: block;
  }
}
.lp-navigationSeries-linkList {
  display: flex;
  flex-wrap: wrap;
  margin: -3px 0 0 -10px;
  color: #999;
}

div#MainContent .lp-navigationSeries-linkList {
  margin: -3px 0 0 -10px;
}

@media only screen and (max-width: 969px) {
  .lp-navigationSeries-linkList {
    justify-content: center;
    width: 100%;
  }
}
.lp-navigationSeries-linkList > li {
  display: flex;
  position: relative;
  margin-top: 3px;
  margin-left: 10px;
  background: none;
  font-size: 1.1rem;
  line-height: 1.3;
}

div#MainContent .lp-navigationSeries-linkList > li {
  margin: 3px 0 0 10px;
  padding: 0;
  background: none;
  font-size: 11px;
}

.lp-navigationSeries-linkList > li > a {
  display: block;
  position: relative;
  width: 100%;
  padding-left: 9px;
  color: #999;
  line-height: 1.3;
  text-decoration: none;
}

.lp-navigationSeries-linkList > li > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: -2px;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}

div#MainContent .lp-navigationSeries-linkList > li > a:link {
  color: #999;
}

div#MainContent .lp-navigationSeries-linkList > li > a::before {
  top: 0.3em;
}

.lp-navigationSeries-linkList > li > a:hover,
.lp-navigationSeries-linkList > li > a:focus {
  text-decoration: underline;
}

video {
  display: block;
  max-width: 100%;
}

:root {
  --COLOR_LIGHT: #ececec;
  --COLOR_WHITE: #fff;
  --COLOR_DARK: #393a40;
  --COLOR_PRIMARY: #dc002f;
  --COLOR_SECONDARY: #13778f;
  --COLOR_TERTIARY: #00dcff;
  --COLOR_QUATERNARY: #9d9d9d;
  --COLOR_QUINARY: #373737;
  --COLOR_BACKGROUND_PRIMARY: #020202;
  --COLOR_BACKGROUND_SECONDARY: #f6f6f6;
  --DROP_SHADOW_PRIMARY: -16px 16px 32px var(--COLOR_TERTIARY);
  --FONT_WEIGHT_BOLD: 700;
  --FONT_WEIGHT_SEMIBOLD: 600;
  --FONT_WEIGHT_NORMAL: 400;
  --LINE_HEIGHT_PRIMARY: 1.3;
  --LINE_HEIGHT_SECONDARY: 1.5;
  --LINE_HEIGHT_TERTIARY: 1.8;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/img/landing_page/common/icon_btn_dl.png") no-repeat center center !important;
}

.lp-buttonConversion.of-anchor .lp-buttonConversion-body::before {
  background: url("https://www.keyence.com.cn/img/landing_page/common/icon_btn_anc_03.png") no-repeat center center !important;
}

.lp-label-outer > *:last-child,
.lp-linkFeature-outer > *:last-child,
.lp-video-buttonOuter > *:last-child,
.lp-table thead > *:last-child,
.lp-table tbody > *:last-child,
.lp-cardFeature-titleGroup > *:last-child,
.lp-cardFeature-content > *:last-child,
.lp-cardFeature > *:last-child,
.lp-card-content > *:last-child,
.lp-card > *:last-child,
.lp-figure > *:last-child,
.lp-mediaAsset-header > *:last-child,
.lp-mediaAsset-body > *:last-child,
.lp-mediaAsset-image > *:last-child,
.lp-mediaAsset > *:last-child,
.lp-mediaFeature-body > *:last-child,
.lp-mediaFeature-image > *:last-child,
.lp-mediaFeature > *:last-child,
.lp-media-body > *:last-child,
.lp-media-image > *:last-child,
.lp-media > *:last-child,
.lp-step-column > *:last-child,
.lp-step > *:last-child,
.lp-listFeature > *:last-child,
.lp-listButton > *:last-child,
.lp-section-content > *:last-child,
.lp-section > *:last-child,
.lp-jumbotron-subtitleOuter > *:last-child,
.lp-jumbotron-titleGroup > *:last-child,
.lp-jumbotron-imageGroup > *:last-child,
.lp-jumbotron-image > *:last-child,
.lp-jumbotron-body > *:last-child,
.lp-jumbotron-inner > *:last-child,
.lp-jumbotron-content > *:last-child,
.lp-layout-grid-outer > *:last-child,
.lp-layout-grid-column > *:last-child,
.lp-layout-grid > *:last-child,
.lp-layout-footer-content > *:last-child,
.lp-layout-footer > *:last-child,
.lp-layout-header-utilityList > li > *:last-child,
.lp-layout-header-utilityList > *:last-child,
.lp-layout-header-utilityGroup > *:last-child,
.lp-layout-header-content > *:last-child,
.lp-layout-main > *:last-child {
  margin-bottom: 0;
}

.lp-layout-main {
  overflow: hidden;
  background: var(--COLOR_BACKGROUND_PRIMARY);
  color: var(--COLOR_LIGHT);
}
.lp-layout-container {
  max-width: 820px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .lp-layout-container {
    max-width: calc(32rem + (1vw - 0.36rem) * (75.3012048193));
  }
}
@media screen and (max-width: 360px) {
  .lp-layout-container {
    max-width: none;
  }
}

.lp-layout-header {
  position: relative;
  z-index: 10;
}

.lp-layout-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 80px;
}

@media screen and (max-width: 1920px) {
  .lp-layout-header-content {
    padding: 24px calc(2rem + (1vw - 0.769rem) * 5.212858384);
  }
}
@media screen and (max-width: 1365px) {
  .lp-layout-header-content {
    padding-top: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-header-content {
    padding-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .lp-layout-header-content {
    padding: 16px 20px;
  }
}
.lp-layout-header-logo {
  margin-bottom: 0;
}

.lp-layout-header-logo > a {
  display: block;
}

.lp-layout-header-logo img {
  width: 138px;
}

@media screen and (max-width: 1023px) {
  .lp-layout-header-logo img {
    width: 92px;
  }
}
.lp-layout-header-utilityGroup {
  flex: 1;
  margin-bottom: 16px;
  padding-left: 16px;
}

.lp-layout-header-utilityList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: -8px 0 16px -16px;
}

.lp-layout-header-utilityList > li {
  margin-top: 8px;
  padding-left: 16px;
}

.lp-layout-footer {
  background-color: var(--COLOR_BACKGROUND_SECONDARY);
}

.lp-layout-footer-content {
  max-width: 2080px;
  margin: 0 auto;
  padding: 32px 80px;
}

@media screen and (max-width: 1920px) {
  .lp-layout-footer-content {
    padding: calc(1.8rem + (1vw - 0.36rem) * 0.8974358974) calc(2rem + (1vw - 0.36rem) * 3.8461538462);
  }
}
.lp-layout-footer-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: -12px 0 0 -24px;
  font-size: 1.2rem;
  font-weight: var(--FONT_WEIGHT_NORMAL);
  line-height: var(--LINE_HEIGHT_PRIMARY);
  text-align: center;
}

.lp-layout-footer-list > li {
  position: relative;
  margin: 12px 0 0 24px;
  color: var(--COLOR_DARK);
}

.lp-layout-footer-list > li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -12px;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background-color: #b4b4b4;
}

.lp-layout-footer-list > li:first-child::before {
  display: none;
}

.lp-layout-footer-list > li a {
  color: var(--COLOR_DARK);
  text-decoration: none;
}

@media (hover) {
  .lp-layout-footer-list > li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-footer-list > li:last-child {
    flex-shrink: 0;
    width: calc(100% - 40px);
  }
  .lp-layout-footer-list > li:last-child::before {
    content: none;
  }
}
.lp-layout-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: -40px 0 40px -40px;
}

@media screen and (max-width: 1920px) {
  .lp-layout-grid {
    margin: calc(-0.8rem + (1vw - 1.024rem) * -3.5714285714) 0 calc(0.8rem + (1vw - 1.024rem) * 3.5714285714) calc(-0.8rem + (1vw - 1.024rem) * -3.5714285714);
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid {
    margin: -8px 0 8px -8px;
  }
}
.lp-layout-grid-column {
  margin-top: 40px;
  padding-left: 40px;
}

@media screen and (max-width: 1920px) {
  .lp-layout-grid-column {
    margin-top: calc(0.8rem + (1vw - 1.024rem) * 3.5714285714);
    padding-left: calc(0.8rem + (1vw - 1.024rem) * 3.5714285714);
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid-column {
    margin-top: 8px;
    padding-left: 8px;
  }
}
.lp-layout-grid-column:not([class*=of-column-]) {
  width: 100%;
}

.lp-layout-grid-column.of-flex {
  display: flex;
  flex-wrap: wrap;
}

.lp-layout-grid-column.of-flex > * {
  width: 100%;
}

.lp-layout-grid-column > *:last-child {
  margin-bottom: 0;
}

.lp-layout-grid.of-column-2 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 50%;
}

.lp-layout-grid.of-column-3 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 33.3333333333%;
}

.lp-layout-grid.of-column-4 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 25%;
}

.lp-layout-grid.of-column-5 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 20%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 16.6666666667%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 14.2857142857%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 12.5%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 11.1111111111%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 10%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 9.0909090909%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column:not([class*=of-column-]) {
  width: 8.3333333333%;
}

.lp-layout-grid.of-column-2 > .lp-layout-grid-column.of-column-2 {
  width: 100%;
}

.lp-layout-grid.of-column-3 > .lp-layout-grid-column.of-column-2 {
  width: 66.6666666667%;
}

.lp-layout-grid.of-column-3 > .lp-layout-grid-column.of-column-3 {
  width: 100%;
}

.lp-layout-grid.of-column-4 > .lp-layout-grid-column.of-column-2 {
  width: 50%;
}

.lp-layout-grid.of-column-4 > .lp-layout-grid-column.of-column-3 {
  width: 75%;
}

.lp-layout-grid.of-column-4 > .lp-layout-grid-column.of-column-4 {
  width: 100%;
}

.lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-2 {
  width: 40%;
}

.lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-3 {
  width: 60%;
}

.lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-4 {
  width: 80%;
}

.lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-5 {
  width: 100%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-2 {
  width: 33.3333333333%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-3 {
  width: 50%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-4 {
  width: 66.6666666667%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-5 {
  width: 83.3333333333%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-6 {
  width: 100%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-2 {
  width: 28.5714285714%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-3 {
  width: 42.8571428571%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-4 {
  width: 57.1428571429%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-5 {
  width: 71.4285714286%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-6 {
  width: 85.7142857143%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-7 {
  width: 100%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-2 {
  width: 25%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-3 {
  width: 37.5%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-4 {
  width: 50%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-5 {
  width: 62.5%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-6 {
  width: 75%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-7 {
  width: 87.5%;
}

.lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-8 {
  width: 100%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-2 {
  width: 22.2222222222%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-3 {
  width: 33.3333333333%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-4 {
  width: 44.4444444444%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-5 {
  width: 55.5555555556%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-6 {
  width: 66.6666666667%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-7 {
  width: 77.7777777778%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-8 {
  width: 88.8888888889%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-9 {
  width: 100%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-2 {
  width: 20%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-3 {
  width: 30%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-4 {
  width: 40%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-5 {
  width: 50%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-6 {
  width: 60%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-7 {
  width: 70%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-8 {
  width: 80%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-9 {
  width: 90%;
}

.lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-10 {
  width: 100%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-2 {
  width: 18.1818181818%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-3 {
  width: 27.2727272727%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-4 {
  width: 36.3636363636%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-5 {
  width: 45.4545454545%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-6 {
  width: 54.5454545455%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-7 {
  width: 63.6363636364%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-8 {
  width: 72.7272727273%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-9 {
  width: 81.8181818182%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-10 {
  width: 90.9090909091%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-11 {
  width: 100%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-2 {
  width: 16.6666666667%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-3 {
  width: 25%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-4 {
  width: 33.3333333333%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-5 {
  width: 41.6666666667%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-6 {
  width: 50%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-7 {
  width: 58.3333333333%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-8 {
  width: 66.6666666667%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-9 {
  width: 75%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-10 {
  width: 83.3333333333%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-11 {
  width: 91.6666666667%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-12 {
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .lp-layout-grid[class*=of-column-] > .lp-layout-grid-column:not([class*=of-column-]),
  .lp-layout-grid[class*=of-column-] > .lp-layout-grid-column[class*=of-column-] {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid.lp-largeScreen-column-2 > .lp-layout-grid-column:not([class*=of-column-]),
  .lp-layout-grid.lp-largeScreen-column-2 > .lp-layout-grid-column[class*=of-column-] {
    width: 50%;
  }
  .lp-layout-grid.lp-largeScreen-column-3 > .lp-layout-grid-column:not([class*=of-column-]),
  .lp-layout-grid.lp-largeScreen-column-3 > .lp-layout-grid-column[class*=of-column-] {
    width: 33.3333333333%;
  }
}
.lp-layout-grid-outer {
  margin-right: -80px;
  margin-bottom: 80px;
  margin-left: -80px;
}

@media screen and (max-width: 1920px) {
  .lp-layout-grid-outer {
    margin-right: calc(-2rem + (1vw - 1.024rem) * -6.6964285714);
    margin-bottom: calc(4rem + (1vw - 1.024rem) * 4.4642857143);
    margin-left: calc(-2rem + (1vw - 1.024rem) * -6.6964285714);
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid-outer {
    margin-right: -20px;
    margin-bottom: 40px;
    margin-left: -20px;
  }
}
.lp-jumbotron-content {
  max-width: 1920px;
  margin: 0 auto;
}

.lp-jumbotron-inner {
  display: grid;
  position: relative;
}

.lp-jumbotron-body {
  z-index: 10;
  grid-column: 1/2;
  grid-row: 1/2;
  max-width: 1140px;
  margin: auto 0;
  padding: 16px 80px 16px 240px;
  inset: 0;
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-body {
    max-width: calc(82rem + (1vw - 1.366rem) * 57.761732852);
    padding: 16px calc(2rem + (1vw - 1.366rem) * 10.8303249097) 16px calc(7.2rem + (1vw - 1.366rem) * 30.3249097473);
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-body {
    max-width: 100%;
    padding: 148px 20px 20px calc(4rem + (1vw - 0.769rem) * 20.1005025126);
  }
}
@media screen and (max-width: 768px) {
  .lp-jumbotron-body {
    padding: 116px 20px 40px;
  }
}
.lp-jumbotron-body:nth-child(n+2) {
  padding: 0;
}

.lp-jumbotron-image.of-video {
  margin-top: -160px;
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-image.of-video {
    margin-top: calc(-13.6rem + (1vw - 1.366rem) * -4.3321299639);
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-image.of-video {
    display: none;
  }
}
.lp-jumbotron-image.of-image {
  display: none;
  margin-top: -82px;
}

@media screen and (max-width: 1365px) {
  .lp-jumbotron-image.of-image {
    display: flex;
    justify-content: flex-end;
    padding-right: calc(2rem + (1vw - 1.024rem) * 40.9356725146);
  }
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-image.of-image {
    margin-top: -48px;
    padding-right: 0;
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-image.of-image > img {
    width: calc(25.5rem + (1vw - 0.36rem) * 38.2703777336);
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-image.of-image > img {
    width: 255px;
  }
}
.lp-jumbotron-imageGroup {
  grid-column: 1/2;
  grid-row: 1/2;
}

.lp-jumbotron-title {
  display: block;
  margin-bottom: 72px;
  font-size: 9.6rem;
  font-weight: normal;
  line-height: 1.05;
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-title {
    margin-bottom: calc(2.4rem + (1vw - 0.36rem) * 3.0769230769);
    font-size: calc(2.9rem + (1vw - 0.36rem) * 4.2948717949);
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-title {
    line-height: 1.2;
    text-shadow: 0 0 16px #000;
  }
}
.lp-jumbotron-titleGroup {
  margin-bottom: 40px;
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-titleGroup {
    margin-bottom: calc(1.6rem + (1vw - 0.36rem) * 1.5384615385);
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-titleGroup {
    max-width: calc(24rem + (1vw - 0.36rem) * 48.7077534791);
  }
}
.lp-jumbotron-titleGroup:has(.lp-jumbotron-subtitle) .lp-jumbotron-title {
  margin-bottom: 16px;
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-titleGroup:has(.lp-jumbotron-subtitle) .lp-jumbotron-title {
    margin-bottom: calc(0.8rem + (1vw - 0.36rem) * 0.5128205128);
  }
}
.lp-jumbotron-titleGroup.of-primary {
  margin-bottom: 16px;
}
@media screen and (max-width: 1920px) {
  .lp-jumbotron-titleGroup.of-primary {
    margin-bottom: calc(3.6rem + (1vw - 0.36rem) * (-1.2820512821));
  }
}

.lp-jumbotron-subtitle {
  display: block;
  margin-bottom: 72px;
  font-size: 4rem;
  line-height: 1.4;
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-subtitle {
    margin-bottom: calc(2.4rem + (1vw - 0.36rem) * 3.0769230769);
    font-size: calc(1.5rem + (1vw - 0.36rem) * 1.6025641026);
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-subtitle {
    line-height: 1.2;
    text-shadow: 0 0 16px #000;
  }
}
.lp-jumbotron-subtitleOuter {
  display: inline-block;
  margin-bottom: 72px;
  padding: 8px;
  background: transparent linear-gradient(98deg, #111015 0%, #2f4251 24%, #111015 100%) 0% 0% no-repeat;
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-subtitleOuter {
    margin-bottom: calc(2.4rem + (1vw - 0.36rem) * 3.0769230769);
    padding: calc(0.4rem + (1vw - 0.36rem) * 0.2564102564);
  }
}
@media screen and (max-width: 1365px) {
  .lp-jumbotron-series {
    text-shadow: 0 0 16px #000;
  }
}
.lp-jumbotron-seriesName {
  display: inline-block;
}

@media screen and (max-width: 640px) {
  .lp-jumbotron-seriesName {
    display: block;
    margin-top: 4px;
  }
}
.lp-jumbotron-seriesGroup {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: var(--FONT_WEIGHT_NORMAL);
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 1920px) {
  .lp-jumbotron-seriesGroup {
    font-size: calc(1.5rem + (1vw - 0.36rem) * 0.5769230769);
  }
}
@media screen and (max-width: 768px) {
  .lp-jumbotron-seriesGroup {
    flex-direction: column;
    align-items: flex-start;
  }
}
.lp-jumbotron-seriesGroup:has(.lp-label) .lp-label {
  margin-right: 8px;
}

@media screen and (max-width: 768px) {
  .lp-jumbotron-seriesGroup:has(.lp-label) .lp-label {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.lp-section {
  position: relative;
}

.lp-section-content {
  max-width: 1600px;
  margin: 0 auto;
}

.lp-section.of-primary .lp-section-content {
  max-width: 1920px;
}

.lp-section.of-secondary {
  background: url("https://www.keyence.com.cn/img/products/lj-s8000/173698001/173698001_bg_img_01.jpg") no-repeat top center;
}

.lp-section.of-secondary .lp-section-content {
  max-width: 1920px;
  padding: 160px 240px 80px;
}

@media screen and (max-width: 1920px) {
  .lp-section.of-secondary .lp-section-content {
    padding: calc(8rem + (1vw - 0.769rem) * 6.9504778454) calc(8rem + (1vw - 0.769rem) * 13.9009556907) calc(4rem + (1vw - 0.769rem) * 3.4752389227);
  }
}
@media screen and (max-width: 768px) {
  .lp-section.of-secondary .lp-section-content {
    padding: 80px 20px 40px;
  }
}
.lp-section.of-tertiary {
  background: url("https://www.keyence.com.cn/img/products/lj-s8000/173698001/173698001_bg_img_01.jpg") no-repeat top center;
}

.lp-section.of-tertiary .lp-section-content {
  max-width: 1920px;
  padding: 160px 240px 80px;
}

@media screen and (max-width: 1920px) {
  .lp-section.of-tertiary .lp-section-content {
    padding: calc(8rem + (1vw - 0.769rem) * 6.9504778454) calc(8rem + (1vw - 1.024rem) * 17.8571428571) calc(4rem + (1vw - 0.769rem) * 3.4752389227);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section.of-tertiary .lp-section-content {
    padding-right: calc(2rem + (1vw - 0.769rem) * 54.9019607843);
    padding-left: calc(2rem + (1vw - 0.769rem) * 54.9019607843);
  }
}
@media screen and (max-width: 768px) {
  .lp-section.of-tertiary .lp-section-content {
    padding: 80px 20px 40px;
  }
}
.lp-section.of-quaternary {
  background: url("https://www.keyence.com.cn/img/products/lj-s8000/173698001/173698001_bg_img_02.jpg") no-repeat top center;
}

.lp-section.of-quaternary .lp-section-content {
  max-width: 2080px;
  padding: 160px 80px 80px;
}

@media screen and (max-width: 1920px) {
  .lp-section.of-quaternary .lp-section-content {
    padding: calc(8rem + (1vw - 0.769rem) * 6.9504778454) calc(2rem + (1vw - 1.024rem) * 6.6964285714) calc(4rem + (1vw - 0.769rem) * 3.4752389227);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section.of-quaternary .lp-section-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lp-section.of-quaternary .lp-section-content {
    padding: 80px 20px 40px;
  }
}
.lp-section.of-quinary {
  padding: 282px 80px 40px;
  background: var(--COLOR_BACKGROUND_SECONDARY);
  color: var(--COLOR_DARK);
}

@media screen and (max-width: 1920px) {
  .lp-section.of-quinary {
    padding: calc(10.4rem + (1vw - 0.769rem) * 15.4648132059) calc(2rem + (1vw - 0.769rem) * 5.212858384) calc(3.2rem + (1vw - 0.769rem) * 0.6950477845);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section.of-quinary {
    padding-top: calc(17rem + (1vw - 0.769rem) * 11.7647058824);
    padding-right: calc(2rem + (1vw - 0.769rem) * 54.9019607843);
    padding-left: calc(2rem + (1vw - 0.769rem) * 54.9019607843);
  }
}
@media screen and (max-width: 768px) {
  .lp-section.of-quinary {
    padding-top: calc(10.4rem + (1vw - 0.36rem) * 16.1369193154);
    padding-right: 20px;
    padding-bottom: 32px;
    padding-left: 20px;
  }
}
.lp-section.of-quinary a.lp-textPhoneLink-body,
.lp-section.of-quinary a:hover.lp-textPhoneLink-body {
  color: var(--COLOR_DARK);
}
.lp-section.of-senary {
  background: url("https://www.keyence.com.cn/img/products/lj-s8000/173698001/173698001_bg_img_03.jpg") no-repeat top center;
}
.lp-section.of-senary .lp-section-content {
  max-width: 1920px;
  padding: 160px 240px;
}
@media screen and (max-width: 1920px) {
  .lp-section.of-senary .lp-section-content {
    padding: calc(4rem + (1vw - 0.769rem) * (10.425716768)) calc(8rem + (1vw - 1.024rem) * (17.8571428571)) calc(4rem + (1vw - 0.769rem) * (10.425716768));
  }
}
@media screen and (max-width: 1023px) {
  .lp-section.of-senary .lp-section-content {
    padding-right: calc(2rem + (1vw - 0.769rem) * (54.9019607843));
    padding-left: calc(2rem + (1vw - 0.769rem) * (54.9019607843));
  }
}
@media screen and (max-width: 768px) {
  .lp-section.of-senary .lp-section-content {
    padding: 40px 20px;
  }
}

.lp-headingLevel2 {
  margin-bottom: 40px;
  font-size: 4.8rem;
  font-weight: var(--FONT_WEIGHT_NORMAL);
  line-height: 1.3;
}

@media screen and (max-width: 1920px) {
  .lp-headingLevel2 {
    font-size: calc(2rem + (1vw - 0.36rem) * 1.7948717949);
  }
}
.lp-headingLevel2.of-primary {
  font-size: 6.4rem;
}

@media screen and (max-width: 1920px) {
  .lp-headingLevel2.of-primary {
    font-size: calc(2.6rem + (1vw - 0.36rem) * 2.4358974359);
  }
}
.lp-headingLevel2:has(+ .lp-headingLevel3) {
  margin-bottom: 8px;
}
.lp-headingLevel2.of-secondary {
  margin-bottom: 24px;
}
.lp-headingLevel2:has(+ .lp-headingLevel3) {
  margin-bottom: 8px;
}
.lp-headingLevel3 {
  margin-bottom: 24px;
  font-size: 2.8rem;
  font-weight: var(--FONT_WEIGHT_NORMAL);
  line-height: 1.3;
}

@media screen and (max-width: 1920px) {
  .lp-headingLevel3 {
    font-size: calc(2rem + (1vw - 0.36rem) * 0.5128205128);
  }
}
.lp-headingLevel4 {
  position: relative;
  margin-bottom: 24px;
  padding-left: 10px;
  font-size: 1.8rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  line-height: 1.3;
}

@media screen and (max-width: 1920px) {
  .lp-headingLevel4 {
    font-size: calc(2rem + (1vw - 0.36rem) * -0.1282051282);
  }
}
.lp-headingLevel4::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 2px;
  height: 18px;
  background: var(--COLOR_LIGHT);
}

.lp-headingLevel4.lp-utility-fontColor-parimay::before {
  background: var(--COLOR_TERTIARY);
}

.lp-label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  max-width: 120px;
  padding: 2px 8px;
  background: var(--COLOR_PRIMARY);
  color: #fff;
  font-size: 1.6rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 768px) {
  .lp-label {
    min-width: 46px;
    max-width: 120px;
    font-size: 1.3rem;
  }
}
.lp-label-outer {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .lp-label-outer {
    margin-bottom: 8px;
  }
}
.lp-text {
  margin-bottom: 16px;
  font-size: 1.8rem;
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 1920px) {
  .lp-text {
    font-size: calc(1.5rem + (1vw - 0.36rem) * 0.1923076923);
  }
}
.lp-text:has(+ *:not(.lp-text)) {
  margin-bottom: 40px;
}

.lp-textScroll {
  position: absolute;
  top: 50%;
  right: -20px;
  width: auto;
  height: auto;
  margin-bottom: 61px;
  transform: rotate(90deg) translateY(-50%);
  color: var(--COLOR_QUATERNARY);
}

.lp-textScroll > span {
  display: block;
  position: relative;
  margin-right: 60px;
}

.lp-textScroll > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -61px;
  width: 48px;
  height: 1px;
  transform: translateY(-50%);
  background: var(--COLOR_QUATERNARY);
}

.lp-listButton {
  display: flex;
  flex-wrap: wrap;
  margin: -24px 0 32px -16px;
}

.lp-listButton:has(+ .lp-linkFeature-outer) {
  margin-bottom: 72px;
}
@media screen and (max-width: 1920px) {
  .lp-listButton:has(+ .lp-linkFeature-outer) {
    margin-bottom: max(4rem + (1vw - 1.024rem) * (3.5714285714), 40px);
  }
}

.lp-listButton.of-primary {
  max-width: 730px;
}

.lp-listButton.of-center > li {
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .lp-listButton.lp-largeScreen-textAlign-center > li {
    text-align: center;
  }
}
.lp-listButton > li {
  margin-top: 24px;
  padding-left: 16px;
}

.lp-listButton > li:not([class*=of-column-]) {
  width: 100%;
}

.lp-listButton > li.of-flex {
  display: flex;
  flex-wrap: wrap;
}

.lp-listButton > li.of-flex > * {
  width: 100%;
}

.lp-listButton > li > *:last-child {
  margin-bottom: 0;
}

.lp-listButton.of-column-2 > li:not([class*=of-column-]) {
  width: 50%;
}

.lp-listButton.of-column-3 > li:not([class*=of-column-]) {
  width: 33.3333333333%;
}

.lp-listButton.of-column-4 > li:not([class*=of-column-]) {
  width: 25%;
}

.lp-listButton.of-column-5 > li:not([class*=of-column-]) {
  width: 20%;
}

.lp-listButton.of-column-6 > li:not([class*=of-column-]) {
  width: 16.6666666667%;
}

.lp-listButton.of-column-7 > li:not([class*=of-column-]) {
  width: 14.2857142857%;
}

.lp-listButton.of-column-8 > li:not([class*=of-column-]) {
  width: 12.5%;
}

.lp-listButton.of-column-9 > li:not([class*=of-column-]) {
  width: 11.1111111111%;
}

.lp-listButton.of-column-10 > li:not([class*=of-column-]) {
  width: 10%;
}

.lp-listButton.of-column-11 > li:not([class*=of-column-]) {
  width: 9.0909090909%;
}

.lp-listButton.of-column-12 > li:not([class*=of-column-]) {
  width: 8.3333333333%;
}

.lp-listButton.of-column-2 > li.of-column-2 {
  width: 100%;
}

.lp-listButton.of-column-3 > li.of-column-2 {
  width: 66.6666666667%;
}

.lp-listButton.of-column-3 > li.of-column-3 {
  width: 100%;
}

.lp-listButton.of-column-4 > li.of-column-2 {
  width: 50%;
}

.lp-listButton.of-column-4 > li.of-column-3 {
  width: 75%;
}

.lp-listButton.of-column-4 > li.of-column-4 {
  width: 100%;
}

.lp-listButton.of-column-5 > li.of-column-2 {
  width: 40%;
}

.lp-listButton.of-column-5 > li.of-column-3 {
  width: 60%;
}

.lp-listButton.of-column-5 > li.of-column-4 {
  width: 80%;
}

.lp-listButton.of-column-5 > li.of-column-5 {
  width: 100%;
}

.lp-listButton.of-column-6 > li.of-column-2 {
  width: 33.3333333333%;
}

.lp-listButton.of-column-6 > li.of-column-3 {
  width: 50%;
}

.lp-listButton.of-column-6 > li.of-column-4 {
  width: 66.6666666667%;
}

.lp-listButton.of-column-6 > li.of-column-5 {
  width: 83.3333333333%;
}

.lp-listButton.of-column-6 > li.of-column-6 {
  width: 100%;
}

.lp-listButton.of-column-7 > li.of-column-2 {
  width: 28.5714285714%;
}

.lp-listButton.of-column-7 > li.of-column-3 {
  width: 42.8571428571%;
}

.lp-listButton.of-column-7 > li.of-column-4 {
  width: 57.1428571429%;
}

.lp-listButton.of-column-7 > li.of-column-5 {
  width: 71.4285714286%;
}

.lp-listButton.of-column-7 > li.of-column-6 {
  width: 85.7142857143%;
}

.lp-listButton.of-column-7 > li.of-column-7 {
  width: 100%;
}

.lp-listButton.of-column-8 > li.of-column-2 {
  width: 25%;
}

.lp-listButton.of-column-8 > li.of-column-3 {
  width: 37.5%;
}

.lp-listButton.of-column-8 > li.of-column-4 {
  width: 50%;
}

.lp-listButton.of-column-8 > li.of-column-5 {
  width: 62.5%;
}

.lp-listButton.of-column-8 > li.of-column-6 {
  width: 75%;
}

.lp-listButton.of-column-8 > li.of-column-7 {
  width: 87.5%;
}

.lp-listButton.of-column-8 > li.of-column-8 {
  width: 100%;
}

.lp-listButton.of-column-9 > li.of-column-2 {
  width: 22.2222222222%;
}

.lp-listButton.of-column-9 > li.of-column-3 {
  width: 33.3333333333%;
}

.lp-listButton.of-column-9 > li.of-column-4 {
  width: 44.4444444444%;
}

.lp-listButton.of-column-9 > li.of-column-5 {
  width: 55.5555555556%;
}

.lp-listButton.of-column-9 > li.of-column-6 {
  width: 66.6666666667%;
}

.lp-listButton.of-column-9 > li.of-column-7 {
  width: 77.7777777778%;
}

.lp-listButton.of-column-9 > li.of-column-8 {
  width: 88.8888888889%;
}

.lp-listButton.of-column-9 > li.of-column-9 {
  width: 100%;
}

.lp-listButton.of-column-10 > li.of-column-2 {
  width: 20%;
}

.lp-listButton.of-column-10 > li.of-column-3 {
  width: 30%;
}

.lp-listButton.of-column-10 > li.of-column-4 {
  width: 40%;
}

.lp-listButton.of-column-10 > li.of-column-5 {
  width: 50%;
}

.lp-listButton.of-column-10 > li.of-column-6 {
  width: 60%;
}

.lp-listButton.of-column-10 > li.of-column-7 {
  width: 70%;
}

.lp-listButton.of-column-10 > li.of-column-8 {
  width: 80%;
}

.lp-listButton.of-column-10 > li.of-column-9 {
  width: 90%;
}

.lp-listButton.of-column-10 > li.of-column-10 {
  width: 100%;
}

.lp-listButton.of-column-11 > li.of-column-2 {
  width: 18.1818181818%;
}

.lp-listButton.of-column-11 > li.of-column-3 {
  width: 27.2727272727%;
}

.lp-listButton.of-column-11 > li.of-column-4 {
  width: 36.3636363636%;
}

.lp-listButton.of-column-11 > li.of-column-5 {
  width: 45.4545454545%;
}

.lp-listButton.of-column-11 > li.of-column-6 {
  width: 54.5454545455%;
}

.lp-listButton.of-column-11 > li.of-column-7 {
  width: 63.6363636364%;
}

.lp-listButton.of-column-11 > li.of-column-8 {
  width: 72.7272727273%;
}

.lp-listButton.of-column-11 > li.of-column-9 {
  width: 81.8181818182%;
}

.lp-listButton.of-column-11 > li.of-column-10 {
  width: 90.9090909091%;
}

.lp-listButton.of-column-11 > li.of-column-11 {
  width: 100%;
}

.lp-listButton.of-column-12 > li.of-column-2 {
  width: 16.6666666667%;
}

.lp-listButton.of-column-12 > li.of-column-3 {
  width: 25%;
}

.lp-listButton.of-column-12 > li.of-column-4 {
  width: 33.3333333333%;
}

.lp-listButton.of-column-12 > li.of-column-5 {
  width: 41.6666666667%;
}

.lp-listButton.of-column-12 > li.of-column-6 {
  width: 50%;
}

.lp-listButton.of-column-12 > li.of-column-7 {
  width: 58.3333333333%;
}

.lp-listButton.of-column-12 > li.of-column-8 {
  width: 66.6666666667%;
}

.lp-listButton.of-column-12 > li.of-column-9 {
  width: 75%;
}

.lp-listButton.of-column-12 > li.of-column-10 {
  width: 83.3333333333%;
}

.lp-listButton.of-column-12 > li.of-column-11 {
  width: 91.6666666667%;
}

.lp-listButton.of-column-12 > li.of-column-12 {
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .lp-listButton[class*=of-column-] > li:not([class*=of-column-]),
  .lp-listButton[class*=of-column-] > li[class*=of-column-] {
    width: 100%;
  }
}
@media screen and (max-width: 1366px) {
  .lp-listButton.lp-extraLargeScreen-column-2 > li:not([class*=of-column-]),
  .lp-listButton.lp-extraLargeScreen-column-2 > li[class*=of-column-] {
    width: 50%;
  }
  .lp-listButton.lp-extraLargeScreen-column-3 > li:not([class*=of-column-]),
  .lp-listButton.lp-extraLargeScreen-column-3 > li[class*=of-column-] {
    width: 33.3333333333%;
  }
}
.lp-listFeature {
  margin-bottom: 32px;
}

.lp-listFeature > li {
  padding: 24px 0;
  border-bottom: 1px solid #374258;
  color: var(--COLOR_TERTIARY);
  font-size: 2.4rem;
  line-height: 1.3;
}

@media screen and (max-width: 1920px) {
  .lp-listFeature > li {
    padding: calc(0.8rem + (1vw - 0.36rem) * 1.0256410256) 0;
    font-size: calc(1.6rem + (1vw - 0.36rem) * 0.5128205128);
  }
}
.lp-listFeature > li:first-child {
  padding-top: 0;
}

.lp-listFeature > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.lp-step {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: -24px 0 24px -16px;
}

.lp-step-column {
  margin-top: 24px;
  padding-left: 16px;
}

.lp-link {
  display: block;
  color: var(--COLOR_LIGHT);
  font-size: 1.8rem;
  line-height: var(--LINE_HEIGHT_SECONDARY);
  text-decoration: none;
}

@media (hover) {
  .lp-link:hover {
    text-decoration: underline;
  }
}
.lp-link.of-arrow {
  position: relative;
  padding-left: 35px;
}

.lp-link.of-arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 12px;
  height: 12px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  transform: translateY(-50%);
  background: var(--COLOR_LIGHT);
}

.lp-linkFeature {
  display: flex;
  width: fit-content;
  margin-bottom: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 8px 8px 16px #077b9f;
  color: var(--COLOR_LIGHT);
  text-decoration: none;
}
@media screen and (max-width: 1365px) {
  .lp-linkFeature {
    flex-direction: column;
    min-width: 349px;
  }
}
@media screen and (max-width: 640px) {
  .lp-linkFeature {
    width: 100%;
    min-width: 100%;
  }
}
@media (hover) {
  .lp-linkFeature:hover .lp-linkFeature-text {
    text-decoration: underline;
  }
}
.lp-linkFeature-text {
  padding: 10px 40px 10px 16px;
  color: var(--COLOR_LIGHT);
  font-size: 2rem;
  line-height: 1.4;
}
@media screen and (max-width: 1365px) {
  .lp-linkFeature-text {
    padding: 10px 16px 16px;
    font-size: 1.6rem;
  }
}
.lp-linkFeature-outer {
  margin-bottom: 16px;
}
.lp-linkFeature .lp-label {
  font-size: 1.6rem;
}
@media screen and (max-width: 1365px) {
  .lp-linkFeature .lp-label {
    min-width: 100%;
  }
}

.lp-media {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.lp-media-body {
  margin-bottom: 12px;
}

@media screen and (max-width: 1023px) {
  .lp-media-body {
    margin-bottom: 8px;
  }
}
.lp-media-image {
  margin: 0 auto;
}

.lp-media-image.of-shadow {
  box-shadow: -16px 16px 32px rgba(0, 220, 255, 0.34);
}

.lp-media-title {
  font-size: 1.6rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 1920px) {
  .lp-media-title {
    font-size: calc(1.4rem + (1vw - 1.024rem) * 0.2232142857);
  }
}
@media screen and (max-width: 1023px) {
  .lp-media-title {
    font-size: 1.4rem;
  }
}
.lp-media.of-primary {
  flex-direction: row-reverse;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .lp-media.of-primary {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.lp-media.of-primary .lp-media-body {
  flex: 1;
}

@media screen and (max-width: 1023px) {
  .lp-media.of-primary .lp-media-body {
    width: 100%;
  }
}
.lp-media.of-primary .lp-media-image {
  width: 768px;
  height: 100%;
  margin-right: 40px;
}

@media screen and (max-width: 1920px) {
  .lp-media.of-primary .lp-media-image {
    width: calc(26rem + (1vw - 0.36rem) * 32.5641025641);
  }
}
@media screen and (max-width: 1023px) {
  .lp-media.of-primary .lp-media-image {
    width: auto;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.lp-mediaFeature {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  margin-bottom: 32px;
  overflow: hidden;
}

.lp-mediaFeature-body,
.lp-mediaFeature-image {
  grid-column: 1/2;
  grid-row: 1/2;
}

.lp-mediaFeature-body {
  z-index: 10;
  max-width: 936px;
  margin: 0 0 auto auto;
  padding: 80px 240px 80px 80px;
}

@media screen and (max-width: 1920px) {
  .lp-mediaFeature-body {
    max-width: calc(20rem + (1vw - 0.36rem) * 47.1794871795);
    padding: 80px calc(2rem + (1vw - 1.024rem) * 24.5535714286) 80px calc(2rem + (1vw - 1.024rem) * 6.6964285714);
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaFeature-body {
    max-width: calc(30rem + (1vw - 0.36rem) * 76.8072289157);
    padding: calc(24rem + (1vw - 0.36rem) * 66.265060241) 0 40px 20px;
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaFeature-image {
    margin-right: calc(-32rem + (1vw - 0.36rem) * -87.3493975904);
  }
}
.lp-mediaAsset {
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
  .lp-mediaAsset {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.lp-mediaAsset-body {
  flex: 1;
}

@media screen and (max-width: 1023px) {
  .lp-mediaAsset-body {
    margin-top: 24px;
  }
}
.lp-mediaAsset-image {
  width: 572px;
  margin-right: 48px;
}

@media screen and (max-width: 1920px) {
  .lp-mediaAsset-image {
    width: calc(32rem + (1vw - 0.36rem) * 16.1538461538);
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset-image {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
.lp-mediaAsset-header {
  position: absolute;
  top: -134px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  text-align: center;
}

@media screen and (max-width: 1920px) {
  .lp-mediaAsset-header {
    top: calc(-7.8rem + (1vw - 1.024rem) * -6.25);
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset-header {
    top: calc(-6.4rem + (1vw - 0.36rem) * -6.0240963855);
  }
}
@media screen and (max-width: 360px) {
  .lp-mediaAsset-header {
    top: -64px;
  }
}
.lp-mediaAsset-series {
  text-align: center;
}

.lp-mediaAsset-text {
  margin-bottom: 16px;
  font-size: 4rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 1920px) {
  .lp-mediaAsset-text {
    font-size: calc(2.6rem + (1vw - 0.36rem) * 0.8974358974);
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset-text {
    text-align: center;
  }
}
.lp-mediaAsset-text.of-primary {
  font-size: 2rem;
}

@media screen and (max-width: 1920px) {
  .lp-mediaAsset-text.of-primary {
    font-size: calc(1.8rem + (1vw - 0.36rem) * 0.1282051282);
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset.of-primary {
    flex-direction: column;
    align-items: center;
  }
}
.lp-mediaAsset.of-primary .lp-mediaAsset-image {
  width: 141px;
  margin-right: 16px;
}

@media screen and (max-width: 1023px) {
  .lp-mediaAsset.of-primary .lp-mediaAsset-image {
    width: auto;
    margin-top: 16px;
    margin-right: 0;
  }
}
.lp-figure {
  display: flex;
  flex-direction: column-reverse;
}

.lp-figure-caption {
  margin-top: 8px;
  font-size: 1.8rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  line-height: 1.4;
}

@media screen and (max-width: 1920px) {
  .lp-figure-caption {
    font-size: calc(1.5rem + (1vw - 0.36rem) * 0.1923076923);
  }
}
.lp-card {
  margin-bottom: 8px;
  border-radius: 6px;
  background: rgba(0, 45, 88, 0.49);
  backdrop-filter: brightness(1.4) blur(30px);
}

.lp-card-content {
  padding: 56px 40px;
}

@media screen and (max-width: 1920px) {
  .lp-card-content {
    padding: calc(2.4rem + (1vw - 0.769rem) * 2.7801911381) calc(2rem + (1vw - 0.769rem) * 1.7376194613);
  }
}
@media screen and (max-width: 768px) {
  .lp-card-content {
    padding: 24px 20px;
  }
}
.lp-card.of-primary {
  background: rgba(0, 29, 88, 0.25);
}

.lp-card.of-primary .lp-card-content {
  padding: 8px 17px 0;
}

.lp-cardFeature {
  border: 1px solid var(--COLOR_TERTIARY);
  border-radius: 6px;
}

.lp-cardFeature-content {
  padding: 40px;
}

@media screen and (max-width: 1920px) {
  .lp-cardFeature-content {
    padding: calc(2rem + (1vw - 0.36rem) * 1.2820512821);
  }
}
.lp-cardFeature-title {
  display: inline-block;
  min-width: 214px;
  margin-bottom: 24px;
  padding: 8px 16px;
  border-radius: 24px;
  background: var(--COLOR_TERTIARY);
  color: #000;
  font-size: 1.8rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  text-align: center;
}

@media screen and (max-width: 1920px) {
  .lp-cardFeature-title {
    min-width: calc(18.8rem + (1vw - 0.36rem) * 1.6666666667);
    margin-bottom: calc(1.6rem + (1vw - 0.36rem) * 0.5128205128);
    font-size: calc(1.5rem + (1vw - 0.36rem) * 0.1923076923);
  }
}
.lp-cardFeature-titleGroup {
  margin-bottom: 24px;
}

@media screen and (max-width: 1920px) {
  .lp-cardFeature-titleGroup {
    margin-bottom: calc(1.6rem + (1vw - 0.36rem) * 0.5128205128);
  }
}
.lp-table thead {
  border-bottom: 1px solid #404040;
}

.lp-table th,
.lp-table td {
  font-size: 1.6rem;
  line-height: var(--LINE_HEIGHT_PRIMARY);
}

@media screen and (max-width: 1920px) {
  .lp-table th,
  .lp-table td {
    font-size: calc(1.4rem + (1vw - 1.024rem) * 0.2232142857);
  }
}
@media screen and (max-width: 1023px) {
  .lp-table th,
  .lp-table td {
    font-size: 1.4rem;
  }
}
.lp-table th {
  padding: 0 0 8px;
}

.lp-table td {
  padding: 8px 0 0;
}

.lp-video {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .lp-video {
    width: auto;
    height: auto;
  }
}
.lp-video-outer {
  position: relative;
}

.lp-video-button {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 46px;
  height: 46px;
  background: #090b15;
}

.lp-video-button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15%2C1.5A13.5%2C13.5%2C0%2C0%2C0%2C5.454%2C24.546%2C13.5%2C13.5%2C0%2C1%2C0%2C24.546%2C5.454%2C13.412%2C13.412%2C0%2C0%2C0%2C15%2C1.5M15%2C0A15%2C15%2C0%2C1%2C1%2C0%2C15%2C15%2C15%2C0%2C0%2C1%2C15%2C0Z%22%20fill%3D%22%2300dcff%22%2F%3E%3Cg%20transform%3D%22translate(10.5%2010.5)%22%3E%3Crect%20width%3D%223%22%20height%3D%229.75%22%20transform%3D%22translate(6)%22%20fill%3D%22%2300dcff%22%2F%3E%3Crect%20width%3D%223%22%20height%3D%229.75%22%20fill%3D%22%2300dcff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center;
}

.lp-video-button.is-paused::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15%2C1.5A13.5%2C13.5%2C0%2C0%2C0%2C5.454%2C24.546%2C13.5%2C13.5%2C0%2C1%2C0%2C24.546%2C5.454%2C13.412%2C13.412%2C0%2C0%2C0%2C15%2C1.5M15%2C0A15%2C15%2C0%2C1%2C1%2C0%2C15%2C15%2C15%2C0%2C0%2C1%2C15%2C0Z%22%20fill%3D%22%2300dcff%22%2F%3E%3Cpath%20d%3D%22M4.875%2C0%2C9.75%2C8.25H0Z%22%20transform%3D%22translate(20.25%2010.5)%20rotate(90)%22%20fill%3D%22%2300dcff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
}

.lp-video-buttonText {
  position: absolute;
  z-index: -10;
  left: -600%;
  white-space: nowrap;
}

.lp-buttonConversion.of-feature,
.lp-buttonConversion.of-feature-textCentering {
  min-width: 349px;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 6px;
}

@media screen and (max-width: 640px) {
  .lp-buttonConversion.of-feature,
  .lp-buttonConversion.of-feature-textCentering {
    min-width: 100%;
  }
}
.lp-buttonConversion.of-feature.of-download,
.lp-buttonConversion.of-feature-textCentering.of-download {
  border: 1px solid var(--COLOR_PRIMARY);
}

@media (hover) {
  .lp-buttonConversion.of-feature.of-download:hover,
  .lp-buttonConversion.of-feature-textCentering.of-download:hover {
    background: #750019;
  }
}
.lp-buttonConversion.of-feature.of-primary,
.lp-buttonConversion.of-feature-textCentering.of-primary {
  border: 1px solid #13778f;
}

@media (hover) {
  .lp-buttonConversion.of-feature.of-primary:hover,
  .lp-buttonConversion.of-feature-textCentering.of-primary:hover {
    background: #093e4b;
  }
}
.lp-buttonConversion.of-feature-textCentering .lp-buttonConversion-body {
  justify-content: center;
  padding: 12px 8px;
}

.lp-buttonConversion.of-feature-textCentering .lp-buttonConversion-body::before {
  content: none;
}

.lp-buttonConversion.of-feature-textCentering .lp-buttonConversion-text {
  position: relative;
  padding-left: 30px;
}

.lp-buttonConversion.of-feature-textCentering .lp-buttonConversion-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 24px;
  width: 19px;
  height: 18px;
  transform: translateY(-50%);
}

.lp-buttonConversion.of-feature-textCentering.of-download .lp-buttonConversion-text::before {
  left: 4px;
  background: url("https://www.keyence.com.cn/img/landing_page/common/icon_btn_dl.png") no-repeat center center !important;
}

.lp-buttonConversion.of-feature-textCentering.of-arrow .lp-buttonConversion-text::before {
  left: 4px;
  height: 12px;
  border-width: 7px 0 7px 13px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

.lp-textPhoneLink {
  font-size: 1.6rem;
  font-weight: var(--FONT_WEIGHT_NORMAL);
  text-align: center;
}

.lp-textPhoneLink > *:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 970px) {
  .lp-textPhoneLink {
    max-width: 448px;
    margin-inline: auto;
  }
}
.lp-textPhoneLink-note {
  display: block;
  font-size: 1.6rem;
  line-height: var(--LINE_HEIGHT_SECONDARY);
}

.lp-textPhoneLink-number {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-left: 8px;
  font-size: 2.4rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
}

@media screen and (max-width: 970px) {
  .lp-textPhoneLink-number {
    padding-left: 0;
  }
}
.lp-textPhoneLink-number > a {
  cursor: default;
}

.lp-textPhoneLink-number.of-primary .AutoPhoneCall {
  color: var(--COLOR_WHITE);
}

.lp-textPhoneLink-number.of-primary .lp-icon {
  fill: var(--COLOR_WHITE);
}

@media screen and (max-width: 970px) {
  .lp-textPhoneLink .lp-textPhoneLink-notes {
    width: 100%;
    margin-bottom: 4px;
  }
}
.lp-textPhoneLink .AutoPhoneCall {
  color: #484b4c;
  font-size: 2.4rem;
  font-weight: var(--FONT_WEIGHT_SEMIBOLD);
  line-height: 1;
  text-decoration: none;
}

.lp-textPhoneLink .AutoPhoneCall > em {
  font-weight: inherit;
}

.lp-textPhoneLink .lp-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: -4px;
  fill: var(--COLOR_DARK_02);
  vertical-align: middle;
}

.lp-textPhoneLink.of-flex .lp-textPhoneLink-body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 1023px) {
  .lp-textPhoneLink.of-flex .lp-textPhoneLink-body {
    display: block;
  }
}
.lp-textPhoneLink.of-flex .lp-textPhoneLink-note {
  margin-right: 8px;
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .lp-textPhoneLink.of-flex .lp-textPhoneLink-note {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .lp-textPhoneLink.of-flex .lp-textPhoneLink-number {
    padding-left: 0;
  }
}
.prd-inlineLink[href],
.prd-inlineLink[href].of-primary:hover,
button.prd-inlineLink {
  color: #484b4c;
  line-height: 1;
}

.lp-largeScreen-hide {
  display: block;
}

@media screen and (max-width: 1023px) {
  .lp-largeScreen-hide {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .lp-largeScreen-textAlign-center {
    text-align: center;
  }
}
.lp-extraLargeScreen-hide {
  display: block;
}

@media screen and (max-width: 1365px) {
  .lp-extraLargeScreen-hide {
    display: none;
  }
}
@media screen and (max-width: 1365px) {
  .lp-extraLargeScreen-line-break {
    display: block;
  }
}

@media screen and (max-width: 1365px) {
  .lp-extraLargeScreen-fontWeight-nomal {
    font-weight: var(--FONT_WEIGHT_NORMAL);
  }
}
@media screen and (max-width: 1365px) {
  .lp-extraLargeScreen-textAlign-center {
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  .lp-extraSmallScreen-line-break {
    display: block;
  }
}
.lp-utility-line-break {
  display: block;
}

.lp-utility-textAlign-center {
  text-align: center;
}

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

.lp-utility-fontSize-primary {
  font-size: 9.2rem;
  line-height: 1.09;
}

@media screen and (max-width: 1920px) {
  .lp-utility-fontSize-primary {
    font-size: calc(2.9rem + (1vw - 0.36rem) * 4.0384615385);
  }
}
.lp-utility-fontSize-secondary {
  font-size: 5rem;
  line-height: 1.1;
}

@media screen and (max-width: 1920px) {
  .lp-utility-fontSize-secondary {
    font-size: calc(2rem + (1vw - 0.36rem) * 1.9230769231);
  }
}
.lp-utility-fontSize-tertiary {
  font-size: 8.6rem;
  line-height: 1.1;
}

@media screen and (max-width: 1920px) {
  .lp-utility-fontSize-tertiary {
    font-size: calc(3rem + (1vw - 0.36rem) * 3.5897435897);
  }
}
.lp-utility-fontColor-parimay {
  color: var(--COLOR_TERTIARY);
}

.lp-utility-lineHeight-parimay {
  line-height: 1.7;
}

.lp-utility-lineHeight-secondary {
  line-height: 1.7;
}

.lp-carousel {
  visibility: visible;
}

.lp-carousel-list {
  flex-direction: column;
}

[data-script-enabled=true] .lp-jumbotron-body.of-animation {
  transform: translateY(100px);
  opacity: 0;
}

@media screen and (max-width: 1365px) {
  [data-script-enabled=true] .lp-jumbotron-body.of-animation {
    transform: none;
    transition: none;
    opacity: 1;
  }
}
[data-script-enabled=true] .lp-jumbotron-body.of-animation.is-shown {
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0, 0, 0, 1) 0s, opacity 1s cubic-bezier(0, 0, 0, 1) 0s;
  opacity: 1;
}

[data-script-enabled=true] .lp-layout-grid.of-animation:nth-child(2n-1) {
  transform: translateX(41%);
}

@media screen and (max-width: 1023px) {
  [data-script-enabled=true] .lp-layout-grid.of-animation:nth-child(2n-1) {
    transform: none;
  }
}
[data-script-enabled=true] .lp-layout-grid.of-animation:nth-child(2n) {
  transform: translateX(-30%);
}

@media screen and (max-width: 1023px) {
  [data-script-enabled=true] .lp-layout-grid.of-animation:nth-child(2n) {
    transform: none;
  }
}
[data-script-enabled=true] .lp-layout-grid.of-animation > .lp-layout-grid-column > * {
  opacity: 0.53;
}

@media screen and (max-width: 1023px) {
  [data-script-enabled=true] .lp-layout-grid.of-animation > .lp-layout-grid-column > * {
    opacity: 1;
  }
}
[data-script-enabled=true] .lp-layout-grid-outer {
  margin-right: -563px;
  margin-left: -563px;
}

@media screen and (max-width: 1920px) {
  [data-script-enabled=true] .lp-layout-grid-outer {
    margin-right: calc(-27.2rem + (1vw - 1.024rem) * -32.4776785714);
    margin-left: calc(-27.2rem + (1vw - 1.024rem) * -32.4776785714);
  }
}
@media screen and (max-width: 1023px) {
  [data-script-enabled=true] .lp-layout-grid-outer {
    margin-right: -20px;
    margin-left: -20px;
  }
}
[data-script-enabled=true] .lp-layout-grid-outer.is-animated .lp-layout-grid.of-animation:nth-child(2n-1) {
  transform: translateX(0%);
  transition: transform 2.4s cubic-bezier(0.57, 0.02, 0.54, 1) 0s;
}

[data-script-enabled=true] .lp-layout-grid-outer.is-animated .lp-layout-grid.of-animation:nth-child(2n) {
  transform: translateX(0%);
  transition: transform 2.4s cubic-bezier(0.57, 0.02, 0.54, 1) 0s;
}

[data-script-enabled=true] .lp-layout-grid-outer.is-animated .lp-layout-grid.of-animation > .lp-layout-grid-column > * {
  transition: opacity 2s cubic-bezier(0, 0, 0.73, 0.17) 0s;
  opacity: 1;
}

[data-script-enabled=true] .lp-carousel {
  margin-bottom: 40px;
}

[data-script-enabled=true] .lp-carousel-list {
  flex-direction: row;
}

@media screen and (min-width: 1023px) {
  [data-script-enabled=true] .lp-carousel-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1920px) {
  [data-script-enabled=true] .lp-carousel-list {
    gap: calc(2rem + (1vw - 1.024rem) * 3.125);
  }
}
@media screen and (max-width: 1023px) {
  [data-script-enabled=true] .lp-carousel {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    overflow: hidden;
  }
  [data-script-enabled=true] .lp-carousel .splide__track {
    overflow: visible;
  }
}
[data-script-enabled=true] .lp-carousel-arrows {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}

[data-script-enabled=true] .lp-carousel-arrow {
  position: relative;
  top: 0;
  width: 40px;
  height: 40px;
  transform: none;
  border: 1px solid #000;
  border-radius: 6px;
  opacity: 1;
  background: #667d94;
}

[data-script-enabled=true] .lp-carousel-arrow > svg {
  width: 20px;
  height: 20px;
  fill: #000;
}

[data-script-enabled=true] .lp-carousel-arrow:disabled {
  background: #1d1d1d;
}

[data-script-enabled=true] .lp-carousel-arrow:disabled > svg {
  fill: #717171;
}

[data-script-enabled=true] .lp-carousel-prev {
  left: auto;
}

[data-script-enabled=true] .lp-carousel-prev > svg {
  transform: scaleX(-1) translateY(2px);
}

[data-script-enabled=true] .lp-carousel-next {
  right: auto;
  margin-left: 20px;
}

[data-script-enabled=true] .lp-carousel-next > svg {
  transform: translateY(2px);
}

.theme-KC .lp-layout-header-logo img {
  width: 260px;
}

@media screen and (max-width: 1023px) {
  .theme-KC .lp-layout-header-logo img {
    width: max(133px, 13.3rem + (1vw - 0.36rem) * 4.9698795181);
  }
}
.lp-textNotice {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: right;
}

.lp-media:has(+ .lp-textNotice) {
  margin-bottom: 10px;
}