@charset "UTF-8";

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
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,
embed {
    font-weight: inherit;
}

body {
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: anywhere;
}

#header.simple {
    margin-bottom: 0;
}

#footer {
    margin-top: 0;
}

#main.lp {
    min-width: 1100px;
    margin-top: 0;
    overflow: hidden;
    color: #222931;
    font-size: 16px;
    line-height: 1.4;
}

#main p {
    margin-top: 0;
}

img {
    max-width: 100%;
    border-style: none;
    vertical-align: bottom;
}

#content sub {
    vertical-align: baseline;
}

.lp-jumbotron > *:last-child, .lp-jumbotron-body > *:last-child, .lp-section-body > *:last-child, .lp-section-content > *:last-child, .lp-section-header > *:last-child, .lp-layout-container > *:last-child, .lp-listDescription > *:last-child, .lp-listDescription > dt > *:last-child, .lp-listDescription > dd > *:last-child, .lp-listButton > *:last-child, .lp-listButton-body > *:last-child, .lp-listCaseStudy > *:last-child, .lp-listCaseStudy-body > *:last-child, .lp-listCaseStudy-body > dd > *:last-child, .lp-listReason > dd > *:last-child, .lp-card > *:last-child, .lp-card-body > *:last-child, .lp-cardCaseStudy > *:last-child, .lp-cardCaseStudy-header > *:last-child, .lp-cardCaseStudy-title > *:last-child, .lp-cardCaseStudy-titleGroup > *:last-child, .lp-cardCaseStudy-titleBody > *:last-child, .lp-cardCaseStudy-subtitle > *:last-child, .lp-cardCaseStudy-subtitleBody > *:last-child, .lp-cardCaseStudy-body > *:last-child, .lp-cardCaseStudy-footer > *:last-child, .lp-cardCaseStudy.of-primary .lp-cardCaseStudy-body > *:last-child, .lp-cardPoint-body > *:last-child, .lp-cardFeature-body > *:last-child, .lp-media > *:last-child, .lp-media-image > *:last-child, .lp-mediaConversion > *:last-child, .lp-mediaConversion-body > *:last-child, .lp-mediaReason-body > *:last-child, .lp-mediaReason-image > *:last-child, .lp-buttonConversion > *:last-child, .lp-buttonConversion-body > *:last-child {
    margin-bottom: 0 !important;
}

.lp-jumbotron {
    z-index: 0;
    position: relative;
    color: #fff;
}

.lp-jumbotron-content {
    background-color: #264087;
}

.lp-jumbotron-inner {
    z-index: 0;
    position: relative;
    max-width: 1000px;
    min-height: 505px;
    margin: 0 auto;
    padding: 79px 0 35px 38px;
}

.lp-jumbotron-body {
    max-width: 507px;
}

.lp-jumbotron-product {
    z-index: -1;
    position: absolute;
    top: 66px;
    right: -60px;
    width: 100%;
    max-width: 300px;
    text-align: center;
}

.lp-jumbotron-productName {
    display: block;
    max-width: 300px;
    margin-left: -54px;
    padding-top: 3px;
}

.lp-jumbotron-productImage {
    display: block;
    min-width: 803px;
    max-width: inherit;
    margin-top: -302px;
    margin-left: -384px;
}

.lp-jumbotron-title {
    display: block;
    max-width: 475px;
    margin-bottom: 20px;
}

.lp-jumbotron-feature {
    display: flex;
    margin-bottom: 6px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.lp-jumbotron-featureBody {
    flex: 1;
}

.lp-jumbotron-featureText {
    min-height: 65px;
    padding: 12px 0 6px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.lp-jumbotron-featureText > * + * {
    margin-left: 16px;
}

.lp-jumbotron-featureText + .lp-jumbotron-featureText {
    border-top: 0;
}

.lp-jumbotron-featureImage {
    margin-top: -15px;
    margin-left: 10px;
}

.lp-jumbotron-conversion {
    background: #fff;
}

.lp-jumbotron-conversionBody {
    max-width: 555px;
    margin: 0 auto;
    padding: 8px 0 25px 4px;
}

.lp-jumbotron.of-primary .lp-jumbotron-inner {
    padding-top: 87px;
}

.lp-jumbotron.of-primary .lp-jumbotron-title {
    margin-bottom: 37px;
}

.lp-jumbotron.of-secondary .lp-jumbotron-inner {
    padding-top: 85px;
}

.lp-jumbotron.of-secondary .lp-jumbotron-title {
    margin-bottom: 24px;
}

.lp-jumbotron.of-secondary .lp-jumbotron-featureImage {
    margin-top: -35px;
}

.lp-jumbotron.of-secondary .lp-jumbotron-featureText {
    padding-bottom: 11px;
}

.lp-section {
    background-color: #fff;
}

.lp-section.of-bgColor-primary {
    background-color: #f5f5f5;
}

.lp-section.of-bgColor-secondary {
    background-color: #264087;
}

.lp-section.of-bgColor-secondary > * {
    color: #fff;
}

.lp-section.of-bgColor-tertiary {
    z-index: -10;
    position: relative;
    background-color: #20367a;
    color: #fff;
}

.lp-section.of-bgColor-tertiary::before {
    display: block;
    z-index: -20;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    min-width: 1100px;
    height: auto;
    transform: translateX(-50%);
    border-width: 0 0 554px 100vw;
    border-style: solid;
    border-color: transparent #264087 transparent;
    background-color: transparent;
    content: "";
}

.lp-section.of-bgColor-tertiary > * {
    color: #fff;
}

.lp-section.of-conversion {
    z-index: 0;
    position: relative;
    overflow: hidden;
    background-color: #1ba8b1;
}

.lp-section.of-conversion > .lp-section-content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.lp-section.of-conversion::before {
    display: block;
    z-index: -20;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    min-width: 1100px;
    height: auto;
    transform: translateX(-50%);
    border-width: 0 0 492px 100vw;
    border-style: solid;
    border-color: transparent #20b3bc transparent;
    background-color: transparent;
    content: "";
}

.lp-section.of-image-primary {
    min-height: 331px;
    overflow: hidden;
}

.lp-section.of-image-primary > .lp-section-content {
    display: flex;
    z-index: 0;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 177px;
}

.gtie9 .lp-section.of-image-primary > .lp-section-content {
    height: 177px;
}

.lp-section.of-image-primary .lp-section-image {
    z-index: -1;
    position: absolute;
    top: -73px;
    left: -219px;
    width: 723px;
    height: 329px;
    background-color: #264087;
}

.lp-section.of-image-primary .lp-section-image > img {
    mix-blend-mode: screen;
}

.lp-section.of-arrow-primary {
    position: relative;
}

.lp-section.of-arrow-primary::after {
    display: block;
    z-index: 10;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 60px 75px 0;
    border-style: solid;
    border-color: #f5f5f5 transparent transparent transparent;
    content: "";
}

.lp-section.of-arrow-primary + .lp-section {
    z-index: -40;
}

.lp-section-content {
    max-width: 1000px;
    margin: 0 auto;
}

.lp-section-header {
    margin-bottom: 64px;
}

.lp-layout-container {
    max-width: 770px;
    margin: 0 auto;
}

.lp-layout-container.of-narrow {
    max-width: 700px;
}

.lp-layout-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -50px 0 45px -50px;
}

.lp-layout-grid > .lp-layout-grid-column {
    margin-top: 50px;
    padding-left: 50px;
}

.lp-layout-grid > .lp-layout-grid-column:not([class*="of-column-"]) {
    width: 100%;
}

.lp-layout-grid > .lp-layout-grid-column.of-flex {
    display: flex;
    flex-wrap: wrap;
}

.lp-layout-grid > .lp-layout-grid-column.of-flex > * {
    width: 100%;
}

.lp-layout-grid > .lp-layout-grid-column.of-width-full {
    width: 100% !important;
}

.lp-layout-grid > .lp-layout-grid-column > *:last-child {
    margin-bottom: 0;
}

.lp-layout-grid > .lp-layout-grid-column.of-multiply {
    position: relative;
}

.lp-layout-grid > .lp-layout-grid-column.of-multiply::before, .lp-layout-grid > .lp-layout-grid-column.of-multiply::after {
    display: block;
    position: absolute;
    top: 50%;
    right: -36px;
    width: 3px;
    height: 62px;
    transform-origin: top;
    background-color: #264087;
    content: "";
}

.lp-layout-grid > .lp-layout-grid-column.of-multiply::before {
    transform: rotate(45deg) translateY(-50%);
}

.lp-layout-grid > .lp-layout-grid-column.of-multiply::after {
    transform: rotate(-45deg) translateY(-50%);
}

.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.33333%;
}

.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.66667%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column:not([class*="of-column-"]) {
    width: 14.28571%;
}

.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.11111%;
}

.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.09091%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column:not([class*="of-column-"]) {
    width: 8.33333%;
}

.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.66667%;
}

.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.33333%;
}

.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.66667%;
}

.lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-5 {
    width: 83.33333%;
}

.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.57143%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-3 {
    width: 42.85714%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-4 {
    width: 57.14286%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-5 {
    width: 71.42857%;
}

.lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-6 {
    width: 85.71429%;
}

.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.22222%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-3 {
    width: 33.33333%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-4 {
    width: 44.44444%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-5 {
    width: 55.55556%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-6 {
    width: 66.66667%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-7 {
    width: 77.77778%;
}

.lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-8 {
    width: 88.88889%;
}

.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.18182%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-3 {
    width: 27.27273%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-4 {
    width: 36.36364%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-5 {
    width: 45.45455%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-6 {
    width: 54.54545%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-7 {
    width: 63.63636%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-8 {
    width: 72.72727%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-9 {
    width: 81.81818%;
}

.lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-10 {
    width: 90.90909%;
}

.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.66667%;
}

.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.33333%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-5 {
    width: 41.66667%;
}

.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.33333%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-8 {
    width: 66.66667%;
}

.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.33333%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-11 {
    width: 91.66667%;
}

.lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-12 {
    width: 100%;
}

.lp-layout-grid.of-center {
    justify-content: center;
}

.lp-layout-grid.of-center > .lp-layout-grid-column:not([class*="of-column-"]) {
    width: auto;
}

.lp-layout-grid.of-alignItems-center {
    align-items: center;
}

.lp-layout-grid.of-primary {
    margin-top: -70px;
    margin-bottom: 70px;
    margin-left: -60px;
}

.lp-layout-grid.of-primary > .lp-layout-grid-column {
    margin-top: 70px;
    padding-left: 60px;
}

.lp-layout-grid.of-secondary {
    margin-left: -55px;
}

.lp-layout-grid.of-secondary > .lp-layout-grid-column {
    padding-left: 55px;
}

.lp-layout-grid.of-tertiary {
    margin-left: -69px;
}

.lp-layout-grid.of-tertiary > .lp-layout-grid-column {
    padding-left: 69px;
}

.lp-layout-grid.of-quaternary {
    margin-left: -40px;
}

.lp-layout-grid.of-quaternary > .lp-layout-grid-column {
    padding-left: 40px;
}

.lp-headingLevel2 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    font-weight: bold;
    text-align: center;
}

.lp-logo {
    margin-top: 5px;
    margin-bottom: 45px;
    margin-left: -13px;
}

.lp-logo > img {
    width: 364px;
}

.lp-textLead {
    margin-bottom: 54px;
    font-weight: bold;
}

.lp-textLead.of-decoration-primary {
    display: block;
    position: relative;
    margin-bottom: 42px;
    padding-bottom: 12px;
    font-weight: bold;
}

.lp-textLead.of-decoration-primary::before {
    display: block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 152px;
    height: 17px;
    transform: translateX(-50%);
    background-image: url("../../../../img/landing_page/req/microscope/lp_digital-microscope_01105484/lp_digital-microscope_01105484_dec_01.png");
    background-repeat: no-repeat;
    content: "";
}

.lp-label {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.lp-label-outer {
    margin-bottom: 45px;
    padding: 7px 20px 8px;
    background-color: #1ba8b1;
}

.lp-label-outer.of-primary {
    margin-bottom: 25px;
    padding: 13px 20px;
    border-radius: 3em;
    background-color: #264087;
}

.lp-listDescription > dt {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 3px solid #d3d4d6;
    color: #264087;
    font-weight: bold;
}

.lp-listButton {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 20px -20px;
}

.lp-listButton-body {
    width: 100%;
    margin-top: 20px;
    padding-left: 20px;
}

.lp-listButton.of-right > .lp-listButton-body {
    display: flex;
    justify-content: flex-end;
}

.lp-listButton-outer.of-primary {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin-left: -38px;
    padding: 0;
}

.lp-listCaseStudy {
    margin-bottom: 36px;
}

.lp-listCaseStudy-body {
    display: flex;
}

.lp-listCaseStudy-body > dt {
    display: flex;
    align-self: flex-start;
    margin-right: 21px;
}

.lp-listCaseStudy-body > dd {
    width: 100%;
    font-weight: normal;
}

.lp-listCaseStudy-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    padding: 14px 10px 12px;
    border: 3px solid #264087;
    border-radius: 4px;
    background-color: #fff;
    color: #264087;
    font-weight: bold;
    text-align: center;
}

.lp-listCaseStudy-title > * {
    width: 100%;
}

.lp-listCaseStudy.of-primary > .lp-listCaseStudy-body > dd {
    color: #fff;
}

.lp-listCaseStudy.of-primary .lp-listCaseStudy-title {
    border: 0;
    background-color: #ea0437;
    color: #fff;
}

.lp-listNote > li {
    font-size: 12px;
    line-height: 1.5;
}

.lp-listNote.of-primary > li {
    font-size: 16px;
}

.lp-listReason > dt {
    display: flex;
    margin-bottom: 24px;
    margin-left: -9px;
    color: #264087;
}

.lp-listReason > dt > * {
    margin-left: 9px;
}

.lp-listReason > dd {
    padding-left: 5px;
}

.lp-card {
    margin-bottom: 45px;
    border: 3px solid #264087;
    border-radius: 4px;
    background-color: #fff;
}

.lp-card-body {
    padding: 20px 40px 25px;
}

.lp-card.of-primary {
    overflow: hidden;
    background-color: #264087;
}

.lp-card.of-primary > .lp-card-body {
    padding: 26px;
    background-color: #fff;
}

.lp-card.of-secondary {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: #264087;
}

.lp-card.of-secondary > .lp-card-body {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #fff;
}

.lp-card-header {
    padding: 26px;
    background-color: #264087;
    color: #fff;
}

.lp-card-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
}

.lp-card-title > span {
    font-weight: bold;
}

.lp-cardMultiply {
    height: 100%;
    border-radius: 4px;
    background-color: #264087;
    color: #fff;
}

.lp-cardMultiply-body {
    padding: 17px 8px 16px;
}

.lp-cardCaseStudy {
    margin: 0 auto 65px;
    background-color: #f5f5f5;
}

.lp-cardCaseStudy-header {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
    padding: 50px 40px 0;
}

.lp-cardCaseStudy-title {
    min-width: 214px;
    padding: 5px;
    color: #fff;
    text-align: center;
}

.lp-cardCaseStudy-titleGroup {
    display: flex;
    width: 100%;
    max-width: 676px;
    margin-bottom: 36px;
    overflow: hidden;
    border: 3px solid #264087;
    border-radius: 4px;
    background-color: #264087;
}

.lp-cardCaseStudy-titleBody {
    font-weight: bold;
}

.lp-cardCaseStudy-subtitle {
    width: 100%;
    padding: 5px 32px;
    background-color: #fff;
    color: #264087;
    text-align: center;
}

.lp-cardCaseStudy-subtitleBody {
    font-weight: bold;
}

.lp-cardCaseStudy-body {
    margin-bottom: 40px;
    padding: 0 40px;
}

.lp-cardCaseStudy-footer {
    position: relative;
    padding: 103px 40px 45px;
    background-color: #264087;
    color: #fff;
}

.lp-cardCaseStudy-footer::before {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 60px 75px 0;
    border-style: solid;
    border-color: #f5f5f5 transparent transparent transparent;
    content: "";
}

.lp-cardCaseStudy.of-primary {
    z-index: 0;
    position: relative;
    margin-bottom: 82px;
    background-color: transparent;
}

.lp-cardCaseStudy.of-primary::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: calc(100% - 12px);
    border: 3px solid #264087;
    border-radius: 4px;
    background-color: #fff;
    content: "";
}

.lp-cardCaseStudy.of-primary::after {
    display: block;
    z-index: -2;
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 20px);
    height: calc(100% - 12px);
    border: 3px solid #264087;
    border-radius: 4px;
    background-color: #264087;
    content: "";
}

.lp-cardCaseStudy.of-primary .lp-cardCaseStudy-header {
    position: relative;
    top: -25px;
    margin-bottom: 23px;
    margin-left: -18px;
    padding: 0;
}

.lp-cardCaseStudy.of-primary .lp-cardCaseStudy-body {
    margin-bottom: 0;
    padding-right: 72px;
    padding-bottom: 63px;
    padding-left: 72px;
}

.lp-cardBalloon {
    display: flex;
    position: relative;
    min-height: 108px;
    border-radius: 10px;
    background-color: #fff;
    color: #264087;
}

.lp-cardBalloon::before {
    display: block;
    position: absolute;
    top: calc(100% - 1px);
    left: 21px;
    border-width: 13px 24px;
    border-style: solid;
    border-color: #fff transparent transparent #fff;
    content: "";
}

.lp-cardBalloon-body {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 27px 8px 24px;
}

.lp-cardReason {
    margin-bottom: 65px;
    background: #fff;
}

.lp-cardReason-body {
    padding: 45px 40px;
}

.lp-cardPoint {
    display: block;
    color: #fff;
}

.lp-cardPoint-body {
    display: block;
    width: 86px;
    height: 86px;
    padding: 11px 8px 10px;
    border-radius: 50%;
    background: #1ba8b1;
    text-align: center;
}

.lp-cardPoint-text {
    display: block;
    margin-bottom: 4px;
    line-height: 1 !important;
}

.lp-cardFeature {
    margin-bottom: 65px;
}

.lp-cardFeature-header {
    padding: 27px 43px;
    background-color: #264087;
    color: #fff;
}

.lp-cardFeature-body {
    padding: 45px 115px;
    background-color: #f5f5f5;
}

.lp-cardFeature-titleGroup {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.lp-cardFeature-category {
    display: flex;
    align-self: flex-start;
    margin-right: 44px;
}

.lp-cardFeature-categoryBody {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 100px;
    padding: 8px;
    border-radius: 4px;
    background: #ea0437;
    text-align: center;
}

.lp-media-image {
    min-height: 0%;
    text-align: center;
}

.lp-media.of-vertical {
    display: flex;
    flex-direction: column-reverse;
}

.lp-media.of-vertical .lp-media-body {
    margin-top: 25px;
}

.lp-mediaConversion-header {
    margin-bottom: 18px;
    text-align: center;
}

.lp-mediaConversion-body {
    display: flex;
    justify-content: center;
    padding-left: 46px;
}

.lp-mediaConversion-body .lp-listButton-outer {
    width: 100%;
}

.lp-mediaConversion-text {
    color: #fff;
    font-weight: bold;
}

.lp-mediaConversion-image {
    min-height: 0%;
    margin: -20px -40px 0 10px;
}

.lp-mediaConversion-image > img {
    max-width: inherit;
}

.lp-mediaReason {
    display: flex;
    color: #222931;
}

.lp-mediaReason-body {
    flex: 1;
}

.lp-mediaReason-image {
    margin-left: 13px;
}

.lp-mediaReason-image img {
    max-width: inherit;
}

.lp-mediaReason.of-reverse {
    flex-direction: row-reverse;
}

.lp-mediaReason.of-reverse .lp-mediaReason-image {
    margin-right: 13px;
    margin-left: 0;
}

.lp-buttonConversion {
    display: block;
    min-width: 490px;
    margin-bottom: 20px;
    text-align: center;
}

.lp-buttonConversion-body {
    display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 18px 90px 18px 80px;
    border-radius: 50px;
    background-color: #264087;
}

.lp-buttonConversion-body::before, .lp-buttonConversion-body::after {
    display: block;
    position: absolute;
    right: 64px;
    width: 4px;
    height: 16px;
    border-radius: 3px;
    background-color: #fff;
    content: "";
}

.lp-buttonConversion-body::before {
    top: calc(50% - 6px);
    transform: rotate(-45deg) translateY(-50%);
}

.lp-buttonConversion-body::after {
    top: calc(50% - 8px);
    transform: rotate(-135deg) translateY(-50%);
}

.lp-buttonConversion-text {
    max-width: 100%;
    margin-bottom: 16px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
}

.lp-buttonConversion.of-pop {
    position: relative;
    min-width: 561px;
    padding-top: 54px;
    padding-left: 70px;
}

.lp-buttonConversion.of-pop > .lp-buttonConversion-body {
    padding: 27px 105px 27px 100px;
}

.lp-buttonConversion.of-pop > .lp-buttonConversion-image {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.lp-buttonConversion.of-download > .lp-buttonConversion-body {
    background-color: #ee3136;
}

.lp-buttonConversion.of-download > .lp-buttonConversion-body::before {
    top: 50%;
    right: 59px;
    width: 30px;
    height: 29px;
    transform: rotate(0) translateY(-50%);
    border-radius: 0;
    background-color: transparent;
    background-image: url("../../../../img/landing_page/req/microscope/lp_digital-microscope_01105484/lp_digital-microscope_01105484_icon_01.svg");
}

.lp-buttonConversion.of-download > .lp-buttonConversion-body::after {
    content: none;
}

.lp-figure {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 20px;
}

.lp-figure-caption {
    flex: 1;
    padding-left: 16px;
}

.lp-utility-color-emphasis {
    color: #264087;
}

.lp-utility-line-break {
    display: block;
}

.lp-utility-textAlign-center {
    text-align: center;
}

.lp-utility-textAlign-right {
    text-align: right;
}

.lp-utility-shadow-primary {
    box-shadow: 0 4px 16px #b1b6bc;
}

.lp-utility-position-relative {
    position: relative;
}

.lp-utility-fontSize-12 {
    font-size: 12px;
    line-height: 1.5;
}

.lp-utility-fontSize-14 {
    font-size: 14px;
    line-height: 1.8;
}

.lp-utility-fontSize-16 {
    font-size: 16px;
    line-height: 1.4;
}

.lp-utility-fontSize-18 {
    font-size: 18px;
    line-height: 1.8;
}

.lp-utility-fontSize-20 {
    font-size: 20px;
    line-height: 1.4;
}

.lp-utility-fontSize-24 {
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.lp-utility-fontSize-25 {
    font-size: 25px;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

.lp-utility-fontSize-30 {
    font-size: 30px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.lp-utility-fontSize-32 {
    font-size: 32px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.lp-utility-fontSize-40 {
    font-size: 40px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.lp-utility-fontSize-42 {
    font-size: 42px;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.lp-utility-fontSize-48 {
    font-size: 48px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.lp-utility-fontSize-50 {
    font-size: 50px;
    letter-spacing: 0.02em;
    line-height: 1.36;
}

.lp-utility-fontSize-56 {
    font-size: 56px;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

.lp-utility-fontSize-58 {
    font-size: 58px;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.lp-utility-marginBottom-0 {
    margin-bottom: 0;
}

.lp-utility-marginBottom-1 {
    margin-bottom: 5px;
}

.lp-utility-marginBottom-2 {
    margin-bottom: 8px;
}

.lp-utility-marginBottom-3 {
    margin-bottom: 16px;
}

.lp-utility-marginBottom-4 {
    margin-bottom: 20px;
}

.lp-utility-marginBottom-5 {
    margin-bottom: 24px;
}

.lp-utility-marginBottom-6 {
    margin-bottom: 32px;
}

.lp-utility-marginBottom-7 {
    margin-bottom: 40px;
}

.lp-utility-marginBottom-8 {
    margin-bottom: 64px;
}

.lp-utility-marginBottom-9 {
    margin-bottom: 72px;
}

.lp-utility-marginBottom-10 {
    margin-bottom: 80px;
}

.lp-utility-marginBottom-11 {
    margin-bottom: 88px;
}

.lp-utility-marginBottom-12 {
    margin-bottom: 168px;
}

.lp-utility-paddingBottom-0 {
    padding-bottom: 0;
}

.lp-utility-paddingBottom-1 {
    padding-bottom: 5px;
}

.lp-utility-paddingBottom-2 {
    padding-bottom: 8px;
}

.lp-utility-paddingBottom-3 {
    padding-bottom: 16px;
}

.lp-utility-paddingBottom-4 {
    padding-bottom: 20px;
}

.lp-utility-paddingBottom-5 {
    padding-bottom: 24px;
}

.lp-utility-paddingBottom-6 {
    padding-bottom: 32px;
}

.lp-utility-paddingBottom-7 {
    padding-bottom: 40px;
}

.lp-utility-paddingBottom-8 {
    padding-bottom: 64px;
}

.lp-utility-paddingBottom-9 {
    padding-bottom: 72px;
}

.lp-utility-paddingBottom-10 {
    padding-bottom: 80px;
}

.lp-utility-paddingBottom-11 {
    padding-bottom: 88px;
}

.lp-utility-paddingBottom-12 {
    padding-bottom: 168px;
}

.lp-slider {
    position: relative;
}

.lp-slider > * + * {
    margin-top: 50px;
}

.js .lp-slider > * + * {
    margin-top: 0;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: calc(50% + 46px);
    width: 50px;
    height: 50px;
    overflow: hidden;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #264087;
}

.slick-prev::before, .slick-prev::after,
.slick-next::before,
.slick-next::after {
    display: block;
    position: absolute;
    right: 15px;
    width: 4px;
    height: 16px;
    border-radius: 3px;
    background-color: #fff;
    content: "";
}

.slick-prev > span,
.slick-next > span {
    display: block;
    position: absolute;
    left: 100%;
    white-space: nowrap;
}

.slick-prev {
    left: -64px;
}

.slick-prev::before {
    top: calc(50% - 7px);
    right: 29px;
    transform: rotate(45deg) translateY(-50%);
}

.slick-prev::after {
    top: calc(50% - 9px);
    right: 29px;
    transform: rotate(135deg) translateY(-50%);
}

.slick-next {
    right: -64px;
}

.slick-next::before {
    top: calc(50% - 7px);
    transform: rotate(-45deg) translateY(-50%);
}

.slick-next::after {
    top: calc(50% - 9px);
    transform: rotate(-135deg) translateY(-50%);
}
