@charset "UTF-8"; .lp-buttonConversion { display: inline-block; max-width: 100%; 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; } } .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 { display: block; position: absolute; top: 50%; left: 24px; width: 19px; height: 18px; transform: translateY(-50%); content: ""; } .lp-buttonConversion.of-download .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_dl.png") no-repeat center center; } .lp-buttonConversion.of-anchor .lp-buttonConversion-body::before { background: url("../../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("../../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 { display: block; position: absolute; top: 50%; left: 24px; width: 19px; height: 18px; transform: translateY(-50%); content: ""; } .lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_usd.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_jpy.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_gbp.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_krw.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_eur.png") no-repeat center center; } .lp-buttonConversion.of-primary { background: #13778f; } .lp-buttonConversion.of-secondary { background: #1a90db; } .lp-buttonConversion { display: inline-block; max-width: 100%; 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; } } .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 { display: block; position: absolute; top: 50%; left: 24px; width: 19px; height: 18px; transform: translateY(-50%); content: ""; } .lp-buttonConversion.of-download .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_dl.png") no-repeat center center; } .lp-buttonConversion.of-anchor .lp-buttonConversion-body::before { background: url("../../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("../../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 { display: block; position: absolute; top: 50%; left: 24px; width: 19px; height: 18px; transform: translateY(-50%); content: ""; } .lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_usd.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_jpy.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_gbp.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_krw.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_eur.png") no-repeat center center; } .lp-buttonConversion.of-primary { background: #13778f; } .lp-buttonConversion.of-secondary { background: #1a90db; } /* ================================================================================================= contents ================================================================================================= */ .theme-KC .lp-layout-header-logo img { width: 272px; } @media screen and (max-width: 1024px) { .theme-KC .lp-layout-header-logo img { width: 208px; } } .lp-icon { fill: #333; width: 3.8rem; height: 3.8rem; vertical-align: middle; } p { margin-bottom: 32px; } .lp-utility-line-break { display: block; } .lp-utility-textAlign-center { text-align: center; } .lp-utility-textAlign-right { text-align: right; } .lp-utility-weight-normal { font-weight: normal; } .lp-utility-width-full { width: 100%; } @media screen and (max-width: 767px) { .lp-smallScreen-justifyContent-center { justify-content: center; } } .lp-layout-grid { display: flex; flex-wrap: wrap; margin: -32px 0 32px -36px; } @media screen and (max-width: 1024px) { .lp-layout-grid { margin-top: -24px; margin-left: -40px; } } .lp-layout-grid > .lp-layout-grid-column { margin-top: 32px; padding-left: 36px; } @media screen and (max-width: 1024px) { .lp-layout-grid > .lp-layout-grid-column { margin-top: 24px; padding-left: 40px; } } .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 > *:last-child { margin-bottom: 0; } .lp-layout-grid.of-margin-small { margin-bottom: 60px; } @media screen and (max-width: 1024px) { .lp-layout-grid.of-margin-small { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .lp-layout-grid.of-margin-small { margin-bottom: 24px; } } .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%; } @media screen and (max-width: 1024px) { .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: 767px) { .lp-layout-grid.lp-smallScreen-column-2 > .lp-layout-grid-column:not([class*="of-column-"]), .lp-layout-grid.lp-smallScreen-column-2 > .lp-layout-grid-column[class*="of-column-"] { width: 50%; } .lp-layout-grid.lp-smallScreen-column-3 > .lp-layout-grid-column:not([class*="of-column-"]), .lp-layout-grid.lp-smallScreen-column-3 > .lp-layout-grid-column[class*="of-column-"] { width: 33.33333%; } } @media screen and (max-width: 360px) { .lp-layout-grid.lp-extraSmallScreen-column > .lp-layout-grid-column:not([class*="of-column-"]), .lp-layout-grid.lp-extraSmallScreen-column > .lp-layout-grid-column[class*="of-column-"] { width: 100%; } } .lp-layout-header { z-index: 10; position: relative; width: 100%; margin: auto; padding: 23px 0; box-shadow: 0 3px 10px rgba(157, 175, 191, 0.2); } @media screen and (max-width: 767px) { .lp-layout-header { padding: 0; } } .lp-layout-header-content { display: flex; align-items: center; max-width: calc(1440px + 286px); margin: 0 auto; padding: 0 143px; justify-content: space-between; } .lp-layout-header-content > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1366px) { .lp-layout-header-content { max-width: calc(1080px + 160px); padding: 0 20px; } } @media screen and (max-width: 767px) { .lp-layout-header-content { padding: 20px; } } .lp-layout-header-logo { min-width: 157px; margin: 0; line-height: 1; text-align: center; } @media screen and (max-width: 1024px) { .lp-layout-header-logo { margin: auto; } } .lp-layout-header-logo img { width: 157px; height: 28px; } @media screen and (max-width: 767px) { .lp-layout-header-logo img { width: 112px; height: 20px; } } .lp-layout-header-utilityGroup { display: flex; justify-content: flex-end; margin-left: 30px; } .lp-layout-header-utilityGroup > *:last-child { margin-bottom: 0; } .lp-layout-header-utilityList { display: flex; align-items: center; margin: -16px 0 16px -16px; } .lp-layout-header-utilityList > *:last-child { margin-bottom: 0; } .lp-layout-header-utilityList > li { width: 100%; margin-top: 16px; padding-left: 16px; } .lp-layout-header-utilityList > li > *:last-child { margin-bottom: 0; } .lp-layout-footer { padding: 16px 0; background-color: #555; } .lp-layout-footer-content { max-width: 1300px; margin: auto; padding: 0 30px; } .lp-layout-footer-body { width: 100%; } .lp-layout-footer-body > *:last-child { margin-bottom: 0; } .lp-layout-footer-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #dcdcdc; font-size: 1.4rem; text-align: center; } @media screen and (max-width: 767px) { .lp-layout-footer-list { flex-direction: column; } } .lp-layout-footer-list > li { display: flex; justify-content: center; } @media screen and (max-width: 767px) { .lp-layout-footer-list > li { width: 100%; } } .lp-layout-footer-list > li > a { color: #dcdcdc; text-decoration: none; } .lp-layout-footer-list > li + li { position: relative; margin-left: 16px; padding-left: 16px; } @media screen and (max-width: 767px) { .lp-layout-footer-list > li + li { margin-left: 0; padding-left: 0; } } .lp-layout-footer-list > li + li::before { position: absolute; top: 50%; left: 0; height: 20px; transform: translateY(-50%); border-left: 1px solid #dcdcdc; content: ""; } @media screen and (max-width: 767px) { .lp-layout-footer-list > li + li::before { content: none; } } .lp-layout-footer-list > li > ul { display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 767px) { .lp-layout-footer-list > li > ul { margin-bottom: 4px; } } .lp-layout-footer-list > li > ul > li > a { color: #dcdcdc; text-decoration: none; } .lp-layout-footer-list > li > ul > li + li { position: relative; margin-left: 16px; padding-left: 16px; } .lp-layout-footer-list > li > ul > li + li::before { position: absolute; top: 50%; left: 0; height: 20px; transform: translateY(-50%); border-left: 1px solid #dcdcdc; content: ""; } @media screen and (max-width: 767px) { .lp-layout-footer-copyright { width: 100%; } } .lp-navigationSeries { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 1300px; margin: auto; padding: 0 30px; } .lp-navigationSeries > *:last-child { margin-bottom: 0; } .lp-navigationSeries-outer { padding: 16px 0; background-color: #efefef; } .lp-navigationSeries-linkList { display: flex; flex-wrap: wrap; justify-content: center; margin: -8px 0 16px -36px; } .lp-navigationSeries-linkList > li { position: relative; margin-top: 8px; padding-left: 36px; } .lp-navigationSeries-linkList > li::after { position: absolute; top: 50%; left: 24px; width: 5px; height: 5px; transform: rotate(315deg) translateY(-50%); border-right: 1px solid #6b6b6b; border-bottom: 1px solid #6b6b6b; content: ""; } .lp-navigationSeries-linkList > li > a { color: #6b6b6b; text-decoration: none; } .lp-layout-main { margin-bottom: 24px; } @media screen and (max-width: 1366px) { .lp-layout-main { margin-bottom: 16px; } } @media screen and (max-width: 1024px) { .lp-layout-main { margin-bottom: 0; } } .lp-layout-main > *:last-child { margin-bottom: 0; } .lp-layout-container { max-width: calc(1440px + 286px); margin: 0 auto; padding: 0 143px; } @media screen and (max-width: 1366px) { .lp-layout-container { max-width: calc(1080px + 160px); padding: 0 80px; } } @media screen and (max-width: 767px) { .lp-layout-container { max-width: 100%; padding: 0 20px; } } .lp-layout-container > *:last-child { margin-bottom: 0; } .lp-jumbotron { background-color: #e8edf6; } .lp-jumbotron-content { display: flex; flex-direction: row; align-items: center; max-width: calc(1440px + 286px); margin: 0 auto; padding: 0 143px; background: url("../../../../../img/ss/products/microscope/pr_ea-300/pr_ea-300_bg_01.png") no-repeat top right 143px; background-size: contain; } .lp-jumbotron-content > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1366px) { .lp-jumbotron-content { max-width: calc(1080px + 160px); padding: 0 80px; background-position: top right 80px; } } @media screen and (max-width: 1024px) { .lp-jumbotron-content { flex-direction: column-reverse; padding: 16px 80px 56px; background-position: top 0 center; } } @media screen and (max-width: 767px) { .lp-jumbotron-content { padding: 16px 20px 40px; } } .lp-jumbotron-inner { display: flex; justify-content: center; width: 714px; text-align: right; } @media screen and (max-width: 1726px) { .lp-jumbotron-inner { width: calc(62.7rem + ((1vw - 1.366rem) * (24.16667))); } } @media screen and (max-width: 1366px) { .lp-jumbotron-inner { width: calc(50rem + ((1vw - 1.024rem) * (37.1345))); } } @media screen and (max-width: 1024px) { .lp-jumbotron-inner { width: 100%; margin-top: calc(-3.2rem + ((1vw - 0.36rem) * (-4.21687))); text-align: center; } } .lp-jumbotron-body { display: inline-block; max-width: 100%; padding: 50px 0 122px; text-align: center; } @media screen and (max-width: 1366px) { .lp-jumbotron-body { padding: 40px 0 122px; } } @media screen and (max-width: 1024px) { .lp-jumbotron-body { display: block; padding: 0; } } .lp-jumbotron-body > *:last-child { margin-bottom: 0; } .lp-jumbotron-titleGroup { display: flex; flex-direction: column; align-items: center; margin-bottom: 56px; } @media screen and (max-width: 1366px) { .lp-jumbotron-titleGroup { margin-bottom: 32px; } } @media screen and (max-width: 1024px) { .lp-jumbotron-titleGroup { align-items: center; margin-bottom: 40px; } } @media screen and (max-width: 767px) { .lp-jumbotron-titleGroup { margin-bottom: 24px; } } .lp-jumbotron-titleGroupContent { width: 100%; margin-bottom: 32px; line-height: 1.3; } @media screen and (max-width: 1024px) { .lp-jumbotron-titleGroupContent { margin-bottom: 24px; } } .lp-jumbotron-subtitle { font-size: 4.8rem; font-weight: normal; } @media screen and (max-width: 1366px) { .lp-jumbotron-subtitle { font-size: calc(4rem + ((1vw - 1.024rem) * (2.33918))); } } @media screen and (max-width: 1024px) { .lp-jumbotron-subtitle { font-size: calc(2rem + ((1vw - 0.36rem) * (4.21687))); } } .lp-jumbotron-title { display: block; max-width: 100%; color: #143371; font-size: 6.4rem; text-align: center; } @media screen and (max-width: 1366px) { .lp-jumbotron-title { font-size: calc(5.4rem + ((1vw - 1.024rem) * (2.92398))); line-height: 1.25; } } @media screen and (max-width: 1024px) { .lp-jumbotron-title { font-size: calc(4.2rem + ((1vw - 0.36rem) * (1.80723))); } } @media screen and (max-width: 767px) { .lp-jumbotron-title { font-size: calc(2.6rem + ((1vw - 0.36rem) * (3.9312))); line-height: 1.4; } } .lp-jumbotron-title.of-text-small { font-size: 5.6rem; } @media screen and (max-width: 1366px) { .lp-jumbotron-title.of-text-small { font-size: calc(4.5rem + ((1vw - 1.024rem) * (3.21637))); } } @media screen and (max-width: 1024px) { .lp-jumbotron-title.of-text-small { font-size: 4.5rem; } } @media screen and (max-width: 767px) { .lp-jumbotron-title.of-text-small { font-size: calc(2.6rem + ((1vw - 0.36rem) * (3.9312))); } } .lp-jumbotron-seriesGroup { display: flex; align-items: baseline; max-width: 100%; } @media screen and (max-width: 767px) { .lp-jumbotron-seriesGroup { flex-direction: column; align-items: center; text-align: center; } .lp-jumbotron-seriesGroup > * { width: 100%; } } .lp-jumbotron-series { margin-left: 16px; font-size: 2.8rem; line-height: 1.42; text-align: left; } @media screen and (max-width: 1366px) { .lp-jumbotron-series { font-size: calc(2rem + ((1vw - 1.024rem) * (0.5848))); } } @media screen and (max-width: 1024px) { .lp-jumbotron-series { font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.90361))); line-height: 1.5; } } @media screen and (max-width: 767px) { .lp-jumbotron-series { margin-left: 0; text-align: center; } } @media screen and (max-width: 360px) { .lp-jumbotron-series { font-size: 16px; } } .lp-jumbotron-image { flex: 1; align-self: flex-start; min-height: 0%; } @media screen and (max-width: 1024px) { .lp-jumbotron-image { flex: 1 0 auto; align-self: center; max-width: 516px; } } @media screen and (max-width: 767px) { .lp-jumbotron-image { max-width: calc(32rem + ((1vw - 0.36rem) * (48.15725))); } } .lp-jumbotron.of-reverse .lp-jumbotron-content { flex-direction: row-reverse; background: url("../../img/landing_page/ea-300_pr/bg_ea-300_ws_157132_index_pr_img_01.png") no-repeat top left 143px; background-size: contain; } @media screen and (max-width: 1366px) { .lp-jumbotron.of-reverse .lp-jumbotron-content { background-position: top left 80px; } } @media screen and (max-width: 1024px) { .lp-jumbotron.of-reverse .lp-jumbotron-content { flex-direction: column-reverse; background-position: top 0 center; } } .lp-jumbotron.of-reverse .lp-jumbotron-titleGroup { align-items: center; } .lp-jumbotron.of-reverse .lp-jumbotron-seriesGroup { text-align: left; } @media screen and (max-width: 767px) { .lp-jumbotron.of-reverse .lp-jumbotron-seriesGroup { text-align: center; } } .lp-section { padding: 56px 0; } @media screen and (max-width: 1366px) { .lp-section { padding: 40px 0; } } @media screen and (max-width: 1024px) { .lp-section { padding: 56px 0; } } @media screen and (max-width: 767px) { .lp-section { padding: 40px 0; } } .lp-section.of-primary { z-index: 1; position: relative; margin-top: -72px; background-color: #143371; } @media screen and (max-width: 1024px) { .lp-section.of-primary { margin-top: 0; } } .lp-listButton { display: flex; flex-wrap: wrap; justify-content: center; margin: -32px 0 32px -32px; } @media screen and (max-width: 767px) { .lp-listButton { flex-direction: column; margin-top: -24px; } } .lp-listButton > li { display: flex; flex: 0 0 auto; justify-content: center; max-width: 100%; padding: 32px 0 0 32px; } @media screen and (max-width: 767px) { .lp-listButton > li { padding-top: 24px; } } .lp-mediaFeature { display: flex; flex-direction: column; margin-bottom: 32px; } .lp-mediaFeature > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1024px) { .lp-mediaFeature { flex-direction: row; } } @media screen and (max-width: 767px) { .lp-mediaFeature { flex-direction: column; max-width: 456px; } } .lp-mediaFeature > * { width: 100%; } @media screen and (max-width: 1024px) { .lp-mediaFeature > * { width: auto; } } @media screen and (max-width: 767px) { .lp-mediaFeature > * { width: 100%; } } .lp-mediaFeature-body { display: flex; flex: 1 0 auto; align-items: center; justify-content: center; padding: 16px 32px; background: transparent linear-gradient(270deg, #154fb1 0%, #2e72e3 50%, #154fb1 100%) 0% 0% no-repeat; color: #fff; text-align: center; } @media screen and (max-width: 1024px) { .lp-mediaFeature-body { flex: 0 1 auto; width: 53%; font-size: 22px; } } @media screen and (max-width: 767px) { .lp-mediaFeature-body { flex: 1 0 auto; width: 100%; padding: 16px 24px; font-size: 20px; } } .lp-mediaFeature-body > *:last-child { margin-bottom: 0; } .lp-mediaFeature-title { font-size: 24px; line-height: 1.62; } @media screen and (max-width: 1366px) { .lp-mediaFeature-title { font-size: 20px; line-height: 1.5; } } @media screen and (max-width: 1024px) { .lp-mediaFeature-title { font-size: 22px; } .lp-mediaFeature-title br { display: none; } } @media screen and (max-width: 767px) { .lp-mediaFeature-title { font-size: 20px; } } .lp-mediaFeature-image { min-height: 0%; background-color: #154fb1; text-align: center; } @media screen and (max-width: 1024px) { .lp-mediaFeature-image { flex: 1; } } @media screen and (max-width: 767px) { .lp-mediaFeature-image { flex: 1 0 auto; } } .theme-KC .lp-mediaFeature-title { font-size: 21px; } .lp-mediaAsset { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; margin: 0 0 24px -36px; } @media screen and (max-width: 767px) { .lp-mediaAsset { flex-direction: column-reverse; } .lp-mediaAsset > * { width: 100%; } } .lp-mediaAsset > * { padding-left: 36px; } .lp-mediaAsset-body { flex-shrink: 0; max-width: calc(100% - 191px); text-align: center; } @media screen and (max-width: 1024px) { .lp-mediaAsset-body { width: 100%; max-width: none; } } .lp-mediaAsset-body > *:last-child { margin-bottom: 0; } .lp-mediaAsset-text { margin-bottom: 32px; font-size: 40px; text-align: left; } @media screen and (max-width: 1726px) { .lp-mediaAsset-text { font-size: calc(3.6rem + ((1vw - 1.366rem) * (1.11111))); } } @media screen and (max-width: 1366px) { .lp-mediaAsset-text { font-size: 36px; } } @media screen and (max-width: 1024px) { .lp-mediaAsset-text { font-size: calc(2rem + ((1vw - 0.36rem) * (2.40964))); line-height: 1.38; text-align: center; } } @media screen and (max-width: 360px) { .lp-mediaAsset-text { font-size: 20px; line-height: 1.4; } } .lp-mediaAsset-image { min-width: calc(155px + 36px); min-height: 0%; } .lp-textPhoneLink { width: 100%; text-align: center; } .lp-textPhoneLink > *:last-child { margin-bottom: 0; } .lp-textPhoneLink-numberGroup { display: flex; align-items: center; } @media screen and (max-width: 1024px) { .lp-textPhoneLink-numberGroup { flex-direction: column; justify-content: center; } } .lp-textPhoneLink-number { font-size: 2.4rem; font-weight: 700; } @media screen and (max-width: 1024px) { .lp-textPhoneLink-number { width: 100%; } } .lp-textPhoneLink-number > a { cursor: default; } @media screen and (max-width: 1024px) { .lp-textPhoneLink .lp-textPhoneLink-notes { width: 100%; margin-bottom: 4px; } } .AutoPhoneCall { color: #dc002f; font-size: 2.4rem; text-decoration: none; } .lp-label { display: inline-block; padding: 2px 20px; background-color: #dc002f; color: #fff; font-size: 2.4rem; font-weight: normal; line-height: 1.2; text-align: center; } @media screen and (max-width: 1366px) { .lp-label { font-size: 20px; } } @media screen and (max-width: 1024px) { .lp-label { font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.60241))); } } @media screen and (max-width: 767px) { .lp-label { padding: 0 16px 3px; line-height: 1.31; } } .lp-label-outer { display: flex; justify-content: flex-end; max-width: 250px; } @media screen and (max-width: 767px) { .lp-label-outer { display: inline-block; min-width: auto; max-width: none; margin-bottom: 8px; font-size: 16px; } } .lp-buttonConversion { flex-shrink: 0; } @media screen and (max-width: 1366px) { .lp-buttonConversion { font-size: 16px; } } .lp-buttonConversion-body { height: 100%; } @media screen and (max-width: 1366px) { .lp-buttonConversion-body { padding-left: 53px; } } @media screen and (max-width: 1366px) { .lp-buttonConversion-image { max-width: 50px; } } @media screen and (max-width: 1366px) { .lp-buttonConversion-image > img { max-width: 50px; } } @media screen and (max-width: 1024px) { .lp-smallScreen-hide { display: none; } } .lp-smallScreen-show { display: none; } @media screen and (max-width: 1024px) { .lp-smallScreen-show { display: block; } } @media screen and (max-width: 1024px) { .lp-smallScreen-lastChild { margin-bottom: 0; } } .lp-smallScreen-line-break { display: block; } @media screen and (max-width: 1024px) { .lp-smallScreen-line-break { display: inline; } } @media screen and (max-width: 767px) { .lp-smallScreen-marginBottom-narrow { margin-bottom: 24px; } } /* for header text */ .lp-layout-header-textGroup > * { margin-bottom: 0; } .lp-textPhoneLink.of-primary .lp-textPhoneLink-numberGroup { display: block; } .lp-textPhoneLink.of-primary .lp-textPhoneLink-notes { display: block; text-align: left; } .lp-textPhoneLink.of-primary .AutoPhoneCall { font-size: 2rem; }