@charset "UTF-8";

/* ========== reset ========== */
div#HeaderArea.WithoutGlobalNav {
    margin-bottom: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child {
    padding-top: 0;
}

div#MainContent #MainContentBody > .Section:first-child > p:first-child {
    margin-bottom: 0;
}

div#MainContent .utility-reset p {
    margin: 0;
}

div#MainContent .utility-reset ul {
    margin-bottom: 0;
}

div#MainContent .utility-reset ul li {
    margin-bottom: 0;
    padding-left: 0;
    background: none;
}

div#MainContent .utility-reset h3 {
    margin-bottom: 0;
}

/* ========== Common Setting ========== */
body {
    -webkit-text-size-adjust: 100%;
    min-width: 970px;
}

.FullWidth {
    overflow: hidden;
}

/* ========== utility ========== */
.utility-box-sizingBorder *,
.utility-box-sizingBorder *::before,
.utility-box-sizingBorder *::after {
    box-sizing: border-box;
}

.utility-colorBold-heading {
    color: #e60012;
    font-weight: bold;
}

.utility-order-1 {
    order: 1;
}

.utility-order-2 {
    order: 2;
}

.utility-order-3 {
    order: 3;
}

.utility-textAlign-right {
    text-align: right;
}

/* ========== jumbotron ========== */
.lp-jumbotron {
    background-color: #ffd64a;
}

.lp-jumbotron .lp-jumbotron-body {
    width: 970px;
    margin: 0 auto;
    padding-top: 8px;
}

.lp-jumbotron .lp-jumbotron-image {
    align-self: flex-end;
    margin-left: 9px;
}

/* ========== media ========== */
.lp-media {
    display: flex;
}

.lp-mediaDownload {
    display: flex;
    justify-content: space-between;
}

.lp-mediaDownload .lp-mediaDownload-content.of-column-2 {
    width: 50%;
}

.lp-mediaDownload .lp-mediaDownload-column {
    align-self: flex-start;
}

.lp-mediaDownload .lp-mediaDownload-column.of-headingGroup {
    padding: 4px 0 0 3px;
}

div#MainContent .utility-reset .lp-mediaCatalog-image {
    margin-left: 14px;
}

.lp-media-linkContent {
    display: flex;
    flex-direction: column-reverse;
    width: 373px;
}

.lp-media-linkContent .lp-media-catalogImage {
    margin: -25px 0 0 -14px;
}

.lp-mediaAsset-title {
    max-width: 285px;
    padding-right: 30px;
    font-size: 22px;
    line-height: 1.45;
}

.lp-mediaAsset-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 235px;
    margin-left: 22px;
    padding: 4px 0 0 23px;
}

.lp-mediaAsset-image {
    align-self: center;
    min-width: 260px;
    max-width: 344px;
    margin-top: 8px;
    text-align: center;
}

/* ========== heading ========== */
div#MainContent .utility-reset .lp-headingLevel1-image.of-color-emphasisTitle,
div#MainContent .utility-reset .lp-headingLevel2-image.of-color-emphasisTitle,
div#MainContent .utility-reset .lp-headingLevel3-image.of-color-emphasisTitle,
div#MainContent .utility-reset .lp-headingLevel3.of-color-emphasisTitle {
    color: #e60012;
}

div#MainContent .utility-reset .lp-headingLevel1-image.of-margin-large,
div#MainContent .utility-reset .lp-headingLevel2-image.of-margin-large,
div#MainContent .utility-reset .lp-headingLevel3-image.of-margin-large,
div#MainContent .utility-reset .lp-headingLevel3.of-margin-large {
    margin-bottom: 13px;
}

.lp-headingLevel1-image {
    margin: 0 0 22px -4px;
    padding-top: 26px;
}

.lp-headingLevel2-image {
    margin-bottom: 3px;
}

div#MainContent .utility-reset .lp-headingLevel3-image {
    margin-bottom: 8px;
}

div#MainContent .utility-reset .lp-headingLevel3 {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 1.45;
}

/* ========== text ========== */
.lp-textLead {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.36;
}

.lp-textLead .lp-textSubLead {
    display: block;
    margin-bottom: 30px;
    font-weight: normal;
}

.lp-textLead.of-lineheight-small {
    line-height: 1.2;
}

div#MainContent .utility-reset .lp-textLead-image {
    margin: 0 0 22px 116px;
}

div#MainContent .utility-reset .lp-textLead-image.of-margin-narrow {
    margin-bottom: 20px;
}

.lp-textLead-groupEmphasis {
    display: inline-block;
    color: #e60012;
    font-size: 36px;
    vertical-align: middle;
}

/* ========== section ========== */
.lp-layout-section {
    padding: 15px 0 30px;
    background-color: #e6e5e5;
}

.lp-layout-section .lp-section + .lp-section {
    padding-top: 0;
}

.lp-section,
.lp-sectionTab {
    width: 970px;
    margin: 0 auto;
    padding-top: 25px;
}

.lp-section .lp-section-group,
.lp-sectionTab .lp-section-group {
    width: 600px;
}

.lp-sectionTab {
    padding-top: 20px;
}

/* ========== button ========== */
div#MainContent .utility-reset .lp-buttonLink {
    margin: -11px 60px 0 0;
    text-align: center;
}

div#MainContent .utility-reset .lp-buttonLink > a {
    display: inline-block;
    padding: 9px 34px 9px 55px;
    border-bottom: 2px solid #a1a0a0;
    background-color: #e60012;
    color: #ffffff;
    text-decoration: none;
}

div#MainContent .utility-reset .lp-buttonLink > a .lp-button-linkText {
    position: relative;
    font-size: 18px;
}

div#MainContent .utility-reset .lp-buttonLink > a .lp-button-linkText::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -19px;
    transform: translateY(-50%);
    border-width: 6px 9px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    content: "";
}

div#MainContent .utility-reset .lp-buttonConversion > a,
div#MainContent .utility-reset .lp-mediaConversion-button > a {
    display: inline-block;
    padding: 14px 32px 11px 42px;
    border-bottom: 2px solid #a1a0a0;
    background-color: #e60012;
    color: #ffffff;
    text-decoration: none;
}

div#MainContent .utility-reset .lp-buttonConversion > a .lp-button-linkText,
div#MainContent .utility-reset .lp-mediaConversion-button > a .lp-button-linkText {
    display: inline-block;
    position: relative;
    font-size: 18px;
}

div#MainContent .utility-reset .lp-buttonConversion > a .lp-button-linkText::before,
div#MainContent .utility-reset .lp-mediaConversion-button > a .lp-button-linkText::before {
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    left: -32px;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    background: url("../../../img/landing_page/common/icon_btn_dl.png") no-repeat 0 0;
    content: "";
}

div#MainContent .utility-reset .lp-buttonConversion > a.of-catalogImage,
div#MainContent .utility-reset .lp-mediaConversion-button > a.of-catalogImage {
    display: inline;
    padding-right: 0;
}

div#MainContent .utility-reset .lp-buttonConversion > a.of-catalogImage .lp-button-linkText,
div#MainContent .utility-reset .lp-mediaConversion-button > a.of-catalogImage .lp-button-linkText {
    padding-right: 12px;
}

div#MainContent .utility-reset .lp-buttonConversion > a.of-catalogImage .lp-button-linkImage,
div#MainContent .utility-reset .lp-mediaConversion-button > a.of-catalogImage .lp-button-linkImage {
    display: inline-block;
    margin-top: -5px;
    vertical-align: middle;
}

div#MainContent .utility-reset .lp-buttonConversion > a.of-catalogImage.of-largeImage,
div#MainContent .utility-reset .lp-mediaConversion-button > a.of-catalogImage.of-largeImage {
    padding-left: 55px;
}

div#MainContent .utility-reset .lp-buttonConversion > a.of-catalogImage.of-largeImage .lp-button-linkText,
div#MainContent .utility-reset .lp-mediaConversion-button > a.of-catalogImage.of-largeImage .lp-button-linkText {
    margin-bottom: 22px;
    padding-right: 10px;
}

div#MainContent .utility-reset .lp-buttonConversion > a.of-catalogImage.of-largeImage .lp-button-linkImage,
div#MainContent .utility-reset .lp-mediaConversion-button > a.of-catalogImage.of-largeImage .lp-button-linkImage {
    margin-top: 0;
    vertical-align: bottom;
}

div#MainContent .utility-reset .lp-mediaConversion-button {
    margin-bottom: 4px;
}

div#MainContent .utility-reset .lp-mediaConversion-button > a {
    padding: 9px 35px 9px 54px;
}

/* ========== layout-grid ========== */
.lp-layout-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

.lp-layout-grid > * {
    padding-left: 10px;
}

.lp-layout-grid-column {
    display: flex;
    padding-left: 10px;
}

.lp-layout-grid-column {
    display: flex;
    padding-left: 10px;
}

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

/* ========== card ========== */
.lp-card,
.lp-cardAround,
.lp-cardSolid {
    width: 100%;
    margin-bottom: 10px;
    padding: 19px 19px 0;
    border: 1px dashed #a9a9a9;
    background-color: #ffffff;
}

div#MainContent .utility-reset .lp-card-text {
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: bold;
}

div#MainContent .utility-reset .lp-card-text.of-color-emphasis {
    color: #0000ab;
}

.lp-card-list {
    padding-left: 20px;
}

.lp-card-list > li {
    margin-bottom: 10px;
}

.lp-cardAround {
    padding-bottom: 19px;
}

.lp-cardSolid {
    display: none;
    width: auto;
    min-height: 220px;
    margin: 0 13px 56px;
    padding: 23px 29px 27px;
    border: 1px solid #d1d1d1;
}

div#MainContent .utility-reset .lp-card-list,
div#MainContent .utility-reset .lp-card-listIcon {
    margin-bottom: 23px;
    padding-left: 19px;
    font-size: 16px;
}

div#MainContent .utility-reset .lp-card-list > li,
div#MainContent .utility-reset .lp-card-listIcon > li {
    position: relative;
    margin-bottom: 3px;
}

div#MainContent .utility-reset .lp-card-list > li::before,
div#MainContent .utility-reset .lp-card-listIcon > li::before {
    display: block;
    position: absolute;
    top: calc(0.5em - 2px);
    left: -19px;
    width: 14px;
    height: 8px;
    background: url("../../../img/landing_page/lp_laser_displacement_measuring_sensor/lp_laser_displacement_measuring_sensor_icon_01.png") no-repeat 0 0;
    content: "";
}

div#MainContent .utility-reset .lp-card-listIcon {
    margin-bottom: 45px;
}

div#MainContent .utility-reset .lp-card-listIcon li {
    color: #0000ab;
}

div#MainContent .utility-reset .lp-card-listIcon li::before {
    left: -16px;
    width: 0;
    height: 0;
    transform: rotate(45deg);
    border: 4px solid #0000ab;
    content: "";
}

/* ========== navigation ========== */
div#MainContent .utility-reset .lp-navigationTab {
    width: 944px;
    margin: 0 auto 20px;
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content {
    display: flex;
    justify-content: flex-end;
    margin-left: -2px;
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li {
    display: flex;
    width: calc(100% / 11);
    padding-left: 2px;
    text-align: center;
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a {
    display: inline-block;
    width: 100%;
    padding: 13px 2px 12px 6px;
    border: 1px solid #d1d1d1;
    color: #333333;
    text-decoration: none;
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a .lp-navigationTab-text {
    position: relative;
    font-size: 16px;
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a .lp-navigationTab-text::before {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: -6px;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-width: 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #333333;
    content: "";
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a:hover, div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a.is-current {
    border-color: #0000ab;
    background-color: #0000ab;
    color: #ffffff;
}

div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a:hover .lp-navigationTab-text::before, div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a.is-current .lp-navigationTab-text::before {
    border-color: transparent transparent transparent #ffffff;
}

[lang="ko"] .lp-mediaDownload .lp-mediaDownload-column.of-headingGroup {
    padding: 4px 0 0 16px;
}

[lang="ko"] .lp-mediaAsset-text {
    width: auto;
}

[lang="ko"] .lp-mediaAsset-image {
    min-width: auto;
}

[lang="ko"] div#MainContent .utility-reset .lp-textLead-image {
    margin: 0 0 22px 104px;
}

[lang="ko"] div#MainContent .utility-reset .lp-buttonLink > a .lp-button-linkText::before {
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    left: -32px;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    border: none;
    background: url("../../../img/landing_page/common/icon_btn_dl.png") no-repeat 0 0;
    content: "";
}

[lang="ko"] div#MainContent .utility-reset .lp-buttonConversion > a .lp-button-linkText,
[lang="ko"] div#MainContent .utility-reset .lp-mediaConversion-button > a .lp-button-linkText {
    font-size: 14px;
}

[lang="ko"] div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

[lang="ko"] div#MainContent .utility-reset .lp-navigationTab .lp-navigationTab-content > li > a .lp-navigationTab-text {
    font-size: 15px;
}