@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; transition-duration: 0.2s; transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @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 { 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; } @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 { 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; content: ""; } 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; } :root { --COLOR_DARK: #394151; --COLOR_LIGHT: #fff; --COLOR_PRIMARY: #f00; --COLOR_SECONDARY: #315db4; --COLOR_TERTIARY: #11816d; --COLOR_QUATERNARY: #2555b2; --COLOR_QUINARY: #515f79; --COLOR_BACKGROUND_PRIMARY: #66738e; --COLOR_BACKGROUND_SECONDARY: #f4f4f4; --LINER_GRADIENT_PRIMARY: linear-gradient(105deg, #4470c5 0%, #1e4798 100%) 0% 0% no-repeat; --LINER_GRADIENT_SECONDARY: linear-gradient(64deg, #394151 0%, #333 100%) 0% 0% no-repeat; --LINER_GRADIENT_TERTIARY: linear-gradient(64deg, #7c818a 0%, #394151 100%) 0% 0% no-repeat; --RADIAL-GRADIENT_PRIMARY: radial-gradient(closest-side at 50% 50%, #fff 0%, #f6f7f9 59%, #d1d6df 100%) center / 140% 140% no-repeat; --RADIAL-GRADIENT_SECONDARY: radial-gradient(closest-side at 50% 50%, #f1f4f9 0%, #afb6c5 100%) 0% 0% no-repeat; --RADIAL-GRADIENT_TERTIARY: radial-gradient(closest-side at 50% 50%, #fff 0%, #d1d6df 100%) 0% 0% no-repeat; --DROP_SHADOW_PRIMARY: -112px 58px 50px #c1c4cc; --DROP_SHADOW_SECONDARY: 8px 8px 24px rgba(0, 0, 0, 0.16); --BOX_SHADOW_PRIMARY: 4px 4px 8px rgba(134, 151, 185, 0.51); --TEXT_SHADOW_PRIMARY: 0 0 10px var(--COLOR_LIGHT); --FONT_WEIGHT_BOLD: 700; --FONT_WEIGHT_SEMIBOLD: 600; --FONT_WEIGHT_NORMAL: 400; --LINE_HEIGHT_PRIMARY: 1.5; --LINE_HEIGHT_SECONDARY: 1.7; --LINE_HEIGHT_TERTIARY: 1.8; } @media screen and (max-width: 1365px) { :root { --DROP_SHADOW_PRIMARY: -40px 20px 20px #c1c4cc; } } @media screen and (max-width: 1023px) { :root { --DROP_SHADOW_PRIMARY: -30px 10px 16px #c1c4cc; } } .lp-layout-container { color: var(--COLOR_DARK); } .lp-layout-container.of-primary { max-width: 1520px; margin: 0 auto; } .lp-layout-container.of-primary > *:last-child { margin-bottom: 0; } [data-script-enabled="true"] .lp-layout-container.is-hide { visibility: hidden; height: 0; overflow: hidden; } [data-script-enabled="true"] .lp-layout-container.is-show { animation: showAnimation 0.6s linear forwards; } .lp-layout-main { color: var(--COLOR_DARK); } .lp-layout-main > *:last-child { margin-bottom: 0; } .lp-layout-header { z-index: 10; position: relative; } .lp-layout-header > *:last-child { margin-bottom: 0; } .lp-layout-header-content { display: flex; align-items: center; justify-content: space-between; padding: 25px 24px; } .lp-layout-header-content > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1365px) { .lp-layout-header-content { justify-content: center; padding: 25px 20px; } } @media screen and (max-width: 1023px) { .lp-layout-header-content { padding: 20px; } } .lp-layout-header-logo { margin-right: 25px; margin-bottom: 0; } .lp-layout-header-logo > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1365px) { .lp-layout-header-logo { margin-right: 0; } } .lp-layout-header-logo img { width: 125px; } @media screen and (max-width: 1023px) { .lp-layout-header-logo img { width: 91px; } } .lp-layout-header-logo.of-primary { display: flex; align-items: center; height: 38px; } @media screen and (max-width: 1365px) { .lp-layout-header-logo.of-primary { height: auto; } } .lp-layout-header-utilityGroup, .lp-layout-header-utilityList { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: -8px 0 8px -8px; } .lp-layout-header-utilityGroup > *:last-child, .lp-layout-header-utilityList > *:last-child { margin-bottom: 0; } .lp-layout-header-utilityGroup > *, .lp-layout-header-utilityList > * { margin-top: 8px; padding-left: 8px; } .lp-layout-header-utilityGroup { flex: 1; } .theme-KC .lp-layout-header-logo img { width: 229px; } @media screen and (max-width: 1023px) { .theme-KC .lp-layout-header-logo img { width: 231px; } } .lp-layout-footer { padding: 32px 20px; background-color: var(--COLOR_LIGHT); } .lp-layout-footer > *:last-child { margin-bottom: 0; } .lp-layout-footer-content { max-width: calc(1520px + 40px); margin: 0 auto; padding: 0 20px; } .lp-layout-footer-content > *:last-child { margin-bottom: 0; } .lp-layout-footer-utilityList { 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; } @media screen and (max-width: 1024px) { .lp-layout-footer-utilityList { font-size: 1.2rem; } } .lp-layout-footer-utilityList > li { position: relative; margin: 12px 0 0 24px; color: var(--COLOR_DARK); } .lp-layout-footer-utilityList > li::before { display: inline-block; position: absolute; top: 50%; left: -12px; width: 1px; height: 16px; transform: translateY(-50%); background-color: #b4b4b4; content: ""; } .lp-layout-footer-utilityList > li:first-child::before { display: none; } .lp-layout-footer-utilityList > li a { color: var(--COLOR_DARK); text-decoration: none; } @media (hover: hover) { .lp-layout-footer-utilityList > li a:hover { text-decoration: underline; } } @media screen and (max-width: 1024px) { .lp-layout-footer-utilityList > li:last-child { flex-shrink: 0; width: calc(100% - 40px); } .lp-layout-footer-utilityList > li:last-child::before { content: none; } } .lp-layout-footer-copyright { font-size: 1.2rem; } @media screen and (max-width: 1024px) { .lp-layout-footer-copyright { font-size: 1.2rem; } } .lp-layout-footer .lp-navigationSeries { max-width: calc(1520px + 40px); margin: 0 auto 24px; padding: 0; border: 0; color: var(--COLOR_DARK); } .lp-layout-footer .lp-navigationSeries > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-layout-footer .lp-navigationSeries { margin-bottom: 20px; } } .lp-layout-footer .lp-navigationSeries-linkList { margin: -12px 0 0 -24px; color: var(--COLOR_DARK); } .lp-layout-footer .lp-navigationSeries-linkList > li { position: relative; margin: 12px 0 0 24px; color: var(--COLOR_DARK); } .lp-layout-footer .lp-navigationSeries-linkList > li:not(:first-child)::before { display: inline-block; position: absolute; top: 50%; left: -12px; width: 1px; height: 16px; transform: translateY(-50%); background-color: #b4b4b4; content: ""; } .lp-layout-footer .lp-navigationSeries-linkList > li > a { padding-left: 0; color: var(--COLOR_DARK); font-size: 1.2rem; text-decoration: none; } .lp-layout-footer .lp-navigationSeries-linkList > li > a::before { border: 0; } @media (hover: hover) { .lp-layout-footer .lp-navigationSeries-linkList > li > a:hover { text-decoration: underline; } } .lp-layout-grid { grid-gap: 20px; display: grid; grid-template-columns: 1fr 1fr; justify-content: center; } .lp-layout-grid-column > *:last-child { margin-bottom: 0; } .lp-layout-grid.of-column-2 { grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 1023px) { .lp-layout-grid.of-column-2 { grid-template-columns: repeat(1, 1fr); } } .lp-layout-grid.of-column-5 { grid-template-columns: repeat(5, 1fr); } @media screen and (max-width: 1023px) { .lp-layout-grid.of-column-5 { grid-gap: 24px 20px; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 1023px) { .lp-layout-grid.lp-extraSmallScreen-column-auto { grid-template-columns: repeat(auto-fill, minmax(calc(8.5rem + ((1vw - 0.36rem) * (5.27903))), 1fr)); } } [data-script-enabled="true"] .lp-layout-grid.is-activated .lp-media.of-primary { animation: fadeIn 0.4s ease 1.3s forwards; } [data-script-enabled="true"] .lp-layout-grid.is-activated .lp-media.of-animation-primary { animation: fadeIn 0.4s ease 2s forwards; } @media screen and (max-width: 1023px) { [data-script-enabled="true"] .lp-layout-grid.is-activated .lp-media.of-animation-primary { animation: fadeIn 0.4s ease 2.6s forwards; } } @keyframes showAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes hideAnimation { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes slideAnimation { 0% { width: 0%; opacity: 0; } 44% { width: 100%; opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeIn { 0% { transform: translateY(120px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fadeIn_02 { 0% { transform: translateY(80px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .lp-buttonSkip { display: none; position: absolute; bottom: 40px; left: 40px; color: var(--COLOR_LIGHT); font-size: 1.6rem; } .lp-buttonSkip > span { display: inline-flex; position: relative; } .lp-buttonSkip > span::after { position: absolute; bottom: 0; left: -5px; width: 54px; height: 8px; transform: skew(45deg); border-right: 1px solid var(--COLOR_LIGHT); border-bottom: 1px solid var(--COLOR_LIGHT); content: ""; } [data-script-enabled="true"] .lp-buttonSkip { display: block; } .lp-card { height: 100%; margin-bottom: 40px; border-radius: 10px; background: var(--COLOR_LIGHT); } .lp-card > *:last-child { margin-bottom: 0; } .lp-card-content { height: 100%; padding: 24px 40px; } .lp-card-content > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-card-content { padding: calc(1.7rem + ((1vw - 0.36rem) * (1.05581))) calc(2rem + ((1vw - 0.36rem) * (3.01659))) calc(2rem + ((1vw - 0.36rem) * (3.01659))); } } .lp-card.of-primary, .lp-card.of-secondary { background: var(--COLOR_BACKGROUND_SECONDARY); box-shadow: none; } .lp-card.of-primary > .lp-card-content { padding: 110px 60px; } @media screen and (max-width: 1520px) { .lp-card.of-primary > .lp-card-content { padding: calc(6rem + ((1vw - 1.023rem) * (10.06036))) 60px; } } @media screen and (max-width: 1023px) { .lp-card.of-primary > .lp-card-content { padding: calc(4rem + ((1vw - 0.36rem) * (3.01659))) calc(2rem + ((1vw - 0.36rem) * (6.03318))); } } .lp-card.of-secondary > .lp-card-content { padding: 120px; } @media screen and (max-width: 1520px) { .lp-card.of-secondary > .lp-card-content { padding: calc(6rem + ((1vw - 1.023rem) * (12.07243))) 60px; } } @media screen and (max-width: 1023px) { .lp-card.of-secondary > .lp-card-content { padding: calc(4rem + ((1vw - 0.36rem) * (3.01659))) calc(2rem + ((1vw - 0.36rem) * (6.03318))); } } .lp-card.of-shadow { box-shadow: 0 0 12px rgba(191, 191, 191, 0.3); } .lp-headingLevel2, .lp-headingLevel3, .lp-headingLevel4 { font-weight: var(--FONT_WEIGHT_SEMIBOLD); line-height: var(--LINE_HEIGHT_PRIMARY); } .lp-headingLevel2.of-shadow, .lp-headingLevel3.of-shadow, .lp-headingLevel4.of-shadow { text-shadow: var(--TEXT_SHADOW_PRIMARY); } .lp-headingLevel2 { margin-bottom: 48px; font-size: 4.8rem; } @media screen and (max-width: 1520px) { .lp-headingLevel2 { margin-bottom: calc(3.2rem + ((1vw - 1.023rem) * (3.21932))); font-size: calc(3.2rem + ((1vw - 1.023rem) * (3.21932))); } } @media screen and (max-width: 1023px) { .lp-headingLevel2 { margin-bottom: calc(2.4rem + ((1vw - 0.36rem) * (1.20664))); font-size: calc(2.2rem + ((1vw - 0.36rem) * (1.5083))); } } .lp-headingLevel3 { margin-bottom: 48px; font-size: 4.4rem; } @media screen and (max-width: 1520px) { .lp-headingLevel3 { margin-bottom: calc(3.2rem + ((1vw - 1.023rem) * (3.21932))); font-size: calc(2.8rem + ((1vw - 1.023rem) * (3.21932))); } } @media screen and (max-width: 1023px) { .lp-headingLevel3 { margin-bottom: 32px; font-size: calc(2.2rem + ((1vw - 0.36rem) * (0.90498))); } } .lp-headingLevel4 { margin-bottom: 32px; font-size: 2.4rem; } @media screen and (max-width: 1520px) { .lp-headingLevel4 { margin-bottom: calc(2.4rem + ((1vw - 1.023rem) * (1.60966))); font-size: calc(2rem + ((1vw - 1.023rem) * (0.80483))); } } @media screen and (max-width: 1023px) { .lp-headingLevel4 { margin-bottom: 24px; font-size: calc(1.8rem + ((1vw - 0.36rem) * (0.30166))); } } .lp-headingLevel4-outer { display: flex; align-items: center; margin-bottom: 32px; } .lp-headingLevel4-outer > *:last-child { margin-bottom: 0; } .lp-headingLevel4-outer > * + .lp-headingLevel4 { flex: 1; } @media screen and (max-width: 1365px) { .lp-headingLevel4-outer { flex-direction: column; align-items: flex-start; } } @media screen and (max-width: 1520px) { .lp-headingLevel4-outer { margin-bottom: calc(2.4rem + ((1vw - 1.023rem) * (1.60966))); } } @media screen and (max-width: 1023px) { .lp-headingLevel4-outer { align-items: center; margin-bottom: 24px; } } .lp-jumbotron { position: relative; background: var(--RADIAL-GRADIENT_PRIMARY); } .lp-jumbotron-content { max-width: calc(1520px + 48px); margin: 0 auto; padding: 25px 24px 177px; } .lp-jumbotron-content > *:last-child { margin-bottom: 0; } .lp-jumbotron-content .lp-layout-header-content { padding: 0 0 25px; } @media screen and (max-width: 1365px) { .lp-jumbotron-content { padding: 25px 20px calc(3.2rem + ((1vw - 1.023rem) * (14.03509))); } } @media screen and (max-width: 1023px) { .lp-jumbotron-content { padding: 20px 20px 32px; } } .lp-jumbotron-inner { grid-gap: 40px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-content: center; padding-top: 105px; } @media screen and (max-width: 1520px) { .lp-jumbotron-inner { padding-top: calc(5.5rem + ((1vw - 1.023rem) * (10.06036))); } } @media screen and (max-width: 1365px) { .lp-jumbotron-inner { grid-gap: 20px; padding-right: calc(5.4rem + ((1vw - 1.024rem) * (-15.83578))); padding-left: calc(5.4rem + ((1vw - 1.024rem) * (-15.83578))); } } @media screen and (max-width: 1023px) { .lp-jumbotron-inner { grid-gap: 0; grid-template-columns: 1fr; padding: 8px 0 0 0; } } .lp-jumbotron-body { display: flex; grid-column: 2; grid-row: 1; flex-direction: column; justify-content: center; margin-bottom: 48px; } .lp-jumbotron-body > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-jumbotron-body { grid-column: 1; grid-row: 2; margin-bottom: 32px; } } .lp-jumbotron-image { inset: 0; grid-column: 1; grid-row: 1; margin: auto; } .lp-jumbotron-image > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-jumbotron-image { max-width: 420px; } } .lp-jumbotron-image > img { height: 100%; } .lp-jumbotron-image.of-shadow > img { -webkit-filter: drop-shadow(var(--DROP_SHADOW_PRIMARY)); mix-blend-mode: multiply; filter: drop-shadow(var(--DROP_SHADOW_PRIMARY)); } .lp-jumbotron-title { display: block; margin-bottom: 40px; font-size: 6.2rem; font-weight: var(--FONT_WEIGHT_SEMIBOLD); } @media screen and (max-width: 1520px) { .lp-jumbotron-title { margin-bottom: calc(3rem + ((1vw - 1.023rem) * (2.01207))); font-size: calc(3.6rem + ((1vw - 1.023rem) * (5.23139))); } } @media screen and (max-width: 1023px) { .lp-jumbotron-title { margin-bottom: calc(2.4rem + ((1vw - 0.36rem) * (0.90498))); font-size: calc(2.2rem + ((1vw - 0.36rem) * (2.11161))); } } .lp-jumbotron-titleGroup { margin-bottom: 32px; line-height: var(--LINE_HEIGHT_PRIMARY); } .lp-jumbotron-titleGroup > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1365px) { .lp-jumbotron-titleGroup { margin-bottom: 0; } } .lp-jumbotron-series { flex: 1; margin-bottom: 16px; font-size: 2.4rem; font-weight: var(--FONT_WEIGHT_SEMIBOLD); } @media screen and (max-width: 1520px) { .lp-jumbotron-series { margin-bottom: calc(0.8rem + ((1vw - 1.024rem) * (1.6129))); font-size: calc(1.8rem + ((1vw - 1.024rem) * (1.20968))); } } @media screen and (max-width: 1023px) { .lp-jumbotron-series { margin-bottom: 8px; font-size: 1.8rem; text-align: center; } } .lp-jumbotron-seriesName { font-weight: var(--FONT_WEIGHT_NORMAL); } .lp-jumbotron-seriesGroup { display: flex; align-items: center; } .lp-jumbotron-seriesGroup > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-jumbotron-seriesGroup { flex-direction: column; justify-content: center; } } .lp-label { --COLOR_LABEL_PRIMARY: var(--COLOR_PRIMARY); --COLOR_LABEL_SECONDARY: var(--COLOR_TERTIARY); --COLOR_LABEL_TERTIARY: var(--COLOR_QUATERNARY); display: block; min-width: 64px; max-width: 180px; padding: 2px 6px; border: 1px solid var(--COLOR_LABEL_PRIMARY); background-color: transparent; color: var(--COLOR_LABEL_PRIMARY); font-size: 2rem; font-weight: var(--FONT_WEIGHT_NORMAL); text-align: center; } @media screen and (max-width: 1365px) { .lp-label { min-width: 48px; padding: 2px 8px; font-size: 1.6rem; } } .lp-label-wrapper { display: flex; flex-wrap: wrap; margin: -8px 0 0 -8px; } .lp-label-wrapper > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-label-wrapper { margin-bottom: 8px; } } .lp-label-wrapper .lp-label-outer { margin-top: 8px; padding-left: 8px; } .lp-label-wrapper + * { margin-left: 16px; } @media screen and (max-width: 1365px) { .lp-label-wrapper + * { margin-left: 8px; } } @media screen and (max-width: 1023px) { .lp-label-wrapper + * { margin-left: 0; } } @media screen and (max-width: 1365px) { .lp-label-wrapper.of-primary { margin-bottom: 16px; } } @media screen and (max-width: 1023px) { .lp-label-wrapper.of-primary { margin-bottom: 20px; } } @media screen and (max-width: 1365px) { .lp-label-wrapper.of-primary + * { margin-left: 0; } } .lp-label-outer > *:last-child { margin-bottom: 0; } .lp-label.of-primary, .lp-label.of-secondary, .lp-label.of-tertiary { border: 0; color: var(--COLOR_LIGHT); } .lp-label.of-primary { padding: 5px 12px 6px; border-radius: 4px; background: var(--LINER_GRADIENT_PRIMARY); box-shadow: var(--BOX_SHADOW_PRIMARY); } .lp-label.of-secondary, .lp-label.of-tertiary { min-width: 143px; max-width: 143px; padding: 2px 8px 4px; border-radius: 16px; font-size: 1.8rem; } .lp-label.of-secondary { background-color: var(--COLOR_LABEL_SECONDARY); } .lp-label.of-tertiary { background-color: var(--COLOR_LABEL_TERTIARY); } .lp-listAnnotation { display: flex; flex-direction: column; margin: -4px 0 8px -4px; } .lp-listAnnotation > *:last-child { margin-bottom: 0; } .lp-listAnnotation > li { margin-top: 4px; padding-left: 4px; color: var(--COLOR_QUINARY); font-size: 1.2rem; line-height: var(--LINE_HEIGHT_PRIMARY); } .lp-listAnnotation > li > *:last-child { margin-bottom: 0; } .lp-listAnnotation.of-alignItems-center { align-items: center; } @media screen and (max-width: 1023px) { .lp-listAnnotation.lp-extraSmallScreen-alignItems-center { align-items: center; } .lp-listAnnotation.lp-extraSmallScreen-alignItems-start { align-items: flex-start; } .lp-listAnnotation.lp-extraSmallScreen-alignItems-end { align-items: flex-end; } } .lp-listDescription > *:last-child { margin-bottom: 0; } .lp-listDescription-content { display: flex; margin-bottom: 24px; } .lp-listDescription-content > *:last-child { margin-bottom: 0; } .lp-listDescription-content:not(:first-child) { border-top: 1px solid #c0c9dc; } .lp-listDescription-content + .lp-listDescription-content { padding-top: 24px; } @media screen and (max-width: 1023px) { .lp-listDescription-content { flex-direction: column; } } .lp-listDescription dt { display: flex; align-items: center; justify-content: center; width: -webkit-min-content; width: -moz-min-content; width: min-content; margin-right: 20px; } .lp-listDescription dt > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-listDescription dt { width: auto; margin-right: 0; margin-bottom: 20px; } } .lp-listDescription dd { width: 100%; } .lp-listDescription dd > *:last-child { margin-bottom: 0; } .lp-listDescription.of-primary { display: flex; flex-wrap: wrap; margin: -24px 0 32px -20px; } .lp-listDescription.of-primary > .lp-listDescription-content { margin-top: 24px; margin-bottom: 0; padding-left: 20px; } .lp-listDescription.of-primary > .lp-listDescription-content:not(:first-child) { border-top: 0; } .lp-listDescription.of-primary > .lp-listDescription-content + .lp-listDescription-content { padding-top: 0; } .lp-listDescription.of-primary > .lp-listDescription-content:not([class*="of-column-"]) { width: 100%; } .lp-listDescription.of-primary > .lp-listDescription-content.of-flex { display: flex; flex-wrap: wrap; } .lp-listDescription.of-primary > .lp-listDescription-content.of-flex > * { width: 100%; } @media screen and (max-width: 1023px) { .lp-listDescription.of-primary > .lp-listDescription-content { flex-direction: row; } } .lp-listDescription.of-primary dt { align-items: flex-start; width: auto; margin-right: 8px; } .lp-listDescription.of-primary.of-column-1 > .lp-listDescription-content:not([class*="of-column-"]) { width: 100%; } .lp-listDescription.of-primary.of-column-2 > .lp-listDescription-content:not([class*="of-column-"]) { width: 50%; } .lp-listDescription.of-primary.of-column-3 > .lp-listDescription-content:not([class*="of-column-"]) { width: 33.33333%; } .lp-listDescription.of-primary.of-column-4 > .lp-listDescription-content:not([class*="of-column-"]) { width: 25%; } .lp-listDescription.of-primary.of-column-5 > .lp-listDescription-content:not([class*="of-column-"]) { width: 20%; } .lp-listDescription.of-primary.of-column-6 > .lp-listDescription-content:not([class*="of-column-"]) { width: 16.66667%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content:not([class*="of-column-"]) { width: 14.28571%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content:not([class*="of-column-"]) { width: 12.5%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content:not([class*="of-column-"]) { width: 11.11111%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content:not([class*="of-column-"]) { width: 10%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content:not([class*="of-column-"]) { width: 9.09091%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content:not([class*="of-column-"]) { width: 8.33333%; } .lp-listDescription.of-primary.of-column-2 > .lp-listDescription-content.of-column-2 { width: 100%; } .lp-listDescription.of-primary.of-column-3 > .lp-listDescription-content.of-column-2 { width: 66.66667%; } .lp-listDescription.of-primary.of-column-3 > .lp-listDescription-content.of-column-3 { width: 100%; } .lp-listDescription.of-primary.of-column-4 > .lp-listDescription-content.of-column-2 { width: 50%; } .lp-listDescription.of-primary.of-column-4 > .lp-listDescription-content.of-column-3 { width: 75%; } .lp-listDescription.of-primary.of-column-4 > .lp-listDescription-content.of-column-4 { width: 100%; } .lp-listDescription.of-primary.of-column-5 > .lp-listDescription-content.of-column-2 { width: 40%; } .lp-listDescription.of-primary.of-column-5 > .lp-listDescription-content.of-column-3 { width: 60%; } .lp-listDescription.of-primary.of-column-5 > .lp-listDescription-content.of-column-4 { width: 80%; } .lp-listDescription.of-primary.of-column-5 > .lp-listDescription-content.of-column-5 { width: 100%; } .lp-listDescription.of-primary.of-column-6 > .lp-listDescription-content.of-column-2 { width: 33.33333%; } .lp-listDescription.of-primary.of-column-6 > .lp-listDescription-content.of-column-3 { width: 50%; } .lp-listDescription.of-primary.of-column-6 > .lp-listDescription-content.of-column-4 { width: 66.66667%; } .lp-listDescription.of-primary.of-column-6 > .lp-listDescription-content.of-column-5 { width: 83.33333%; } .lp-listDescription.of-primary.of-column-6 > .lp-listDescription-content.of-column-6 { width: 100%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content.of-column-2 { width: 28.57143%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content.of-column-3 { width: 42.85714%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content.of-column-4 { width: 57.14286%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content.of-column-5 { width: 71.42857%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content.of-column-6 { width: 85.71429%; } .lp-listDescription.of-primary.of-column-7 > .lp-listDescription-content.of-column-7 { width: 100%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-2 { width: 25%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-3 { width: 37.5%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-4 { width: 50%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-5 { width: 62.5%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-6 { width: 75%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-7 { width: 87.5%; } .lp-listDescription.of-primary.of-column-8 > .lp-listDescription-content.of-column-8 { width: 100%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-2 { width: 22.22222%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-3 { width: 33.33333%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-4 { width: 44.44444%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-5 { width: 55.55556%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-6 { width: 66.66667%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-7 { width: 77.77778%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-8 { width: 88.88889%; } .lp-listDescription.of-primary.of-column-9 > .lp-listDescription-content.of-column-9 { width: 100%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-2 { width: 20%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-3 { width: 30%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-4 { width: 40%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-5 { width: 50%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-6 { width: 60%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-7 { width: 70%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-8 { width: 80%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-9 { width: 90%; } .lp-listDescription.of-primary.of-column-10 > .lp-listDescription-content.of-column-10 { width: 100%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-2 { width: 18.18182%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-3 { width: 27.27273%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-4 { width: 36.36364%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-5 { width: 45.45455%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-6 { width: 54.54545%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-7 { width: 63.63636%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-8 { width: 72.72727%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-9 { width: 81.81818%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-10 { width: 90.90909%; } .lp-listDescription.of-primary.of-column-11 > .lp-listDescription-content.of-column-11 { width: 100%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-2 { width: 16.66667%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-3 { width: 25%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-4 { width: 33.33333%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-5 { width: 41.66667%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-6 { width: 50%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-7 { width: 58.33333%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-8 { width: 66.66667%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-9 { width: 75%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-10 { width: 83.33333%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-11 { width: 91.66667%; } .lp-listDescription.of-primary.of-column-12 > .lp-listDescription-content.of-column-12 { width: 100%; } @media screen and (max-width: 1365px) { .lp-listDescription.of-primary[class*="of-column-"] > .lp-listDescription-content:not([class*="of-column-"]), .lp-listDescription.of-primary[class*="of-column-"] > .lp-listDescription-content[class*="of-column-"] { width: 100%; } } @media screen and (max-width: 1023px) { .lp-listDescription.of-primary.lp-extraSmallScreen-column-2 > .lp-listDescription-content:not([class*="of-column-"]), .lp-listDescription.of-primary.lp-extraSmallScreen-column-2 > .lp-listDescription-content[class*="of-column-"] { width: 50%; } .lp-listDescription.of-primary.lp-extraSmallScreen-column-3 > .lp-listDescription-content:not([class*="of-column-"]), .lp-listDescription.of-primary.lp-extraSmallScreen-column-3 > .lp-listDescription-content[class*="of-column-"] { width: 33.33333%; } } @media screen and (max-width: 767px) { .lp-listDescription.of-primary.lp-extraExtraSmallScreen-column-1 > .lp-listDescription-content:not([class*="of-column-"]), .lp-listDescription.of-primary.lp-extraExtraSmallScreen-column-1 > .lp-listDescription-content[class*="of-column-"] { width: 100%; } } .lp-listButton { margin: -24px 0 32px -24px; } .lp-listButton > *:last-child { margin-bottom: 0; } .lp-listButton > li { margin-top: 24px; padding-left: 24px; } .lp-listButton > li > *:last-child { margin-bottom: 0; } .lp-listButton.of-flex { display: flex; flex-wrap: wrap; align-items: center; } @media screen and (max-width: 1365px) { .lp-listButton.of-flex.lp-largeScreen-justifyContent-center { justify-content: center; } } .lp-listButton.of-center { justify-content: center; } .lp-listButton-outer > *:last-child { margin-bottom: 0; } .lp-mediaIntroduction { -webkit-backface-visibility: hidden; z-index: 0; position: relative; min-height: 100svh; overflow: hidden; backface-visibility: hidden; background: var(--LINER_GRADIENT_TERTIARY); } .lp-mediaIntroduction-content { max-width: calc(1520px + 48px); height: 100svh; margin: 0 auto; padding: 25px 24px 65px; } @media screen and (max-width: 1365px) { .lp-mediaIntroduction-content { padding: 25px 20px 65px; } } @media screen and (max-width: 1023px) { .lp-mediaIntroduction-content { padding: 20px 20px 65px; } } .lp-mediaIntroduction-content .lp-layout-header-content { padding: 0 0 80px; } .lp-mediaIntroduction-body { inset: 0; display: flex; position: absolute; align-items: center; justify-content: center; max-width: calc(1520px + 48px); margin: auto; padding: 130px 24px 65px; } @media screen and (max-width: 1365px) { .lp-mediaIntroduction-body { padding: 130px 20px 65px; } } @media screen and (max-width: 1023px) { .lp-mediaIntroduction-body { inset: auto 0; padding: 0 20px; } } @media screen and (max-width: 1023px) { .lp-mediaIntroduction-body.of-primary, .lp-mediaIntroduction-body.of-secondary { inset: 0; } } .lp-mediaIntroduction-body.of-secondary { flex-direction: column; } .lp-mediaIntroduction-text { display: block; margin-bottom: 0; color: var(--COLOR_LIGHT); font-size: 5.6rem; font-weight: var(--FONT_WEIGHT_SEMIBOLD); line-height: var(--LINE_HEIGHT_PRIMARY); } @media screen and (max-width: 1520px) { .lp-mediaIntroduction-text { font-size: calc(3.6rem + ((1vw - 1.023rem) * (4.02414))); } } @media screen and (max-width: 1023px) { .lp-mediaIntroduction-text { font-size: calc(2.4rem + ((1vw - 0.36rem) * (1.80995))); } } .lp-mediaIntroduction-textOuter { display: block; } .lp-mediaIntroduction-text.of-primary { -webkit-filter: drop-shadow(0 0 28px var(--COLOR_LIGHT)); overflow: hidden; white-space: nowrap; filter: drop-shadow(0 0 28px var(--COLOR_LIGHT)); } .lp-mediaIntroduction-image { max-width: 100%; height: 100%; } @media screen and (max-width: 1520px) { .lp-mediaIntroduction-image { max-width: calc(36rem + ((1vw - 1.023rem) * (18.10865))); } } @media screen and (max-width: 1023px) { .lp-mediaIntroduction-image { max-width: calc(23.4rem + ((1vw - 0.36rem) * (19.00452))); } } .lp-mediaIntroduction-image:nth-child(n+2) { position: absolute; top: 0; left: 0; } .lp-mediaIntroduction-imageGroup { position: relative; } .lp-mediaIntroduction.of-animation .lp-mediaIntroduction-body .lp-figureAnimation:nth-child(1) { opacity: 0; } .lp-mediaIntroduction.of-animation .lp-mediaIntroduction-text.of-primary { opacity: 0; } [data-script-enabled="true"] .lp-mediaIntroduction { scrollbar-gutter: stable; visibility: visible; opacity: 1; } [data-script-enabled="true"] .lp-mediaIntroduction::before { display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: var(--LINER_GRADIENT_SECONDARY); animation: hideAnimation 2.6s ease 4.6s forwards; content: ""; opacity: 1; } [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-text { animation: showAnimation 1.2s ease 4.4s forwards; opacity: 0; } [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-text.of-primary { animation: slideAnimation 3.2s ease-in-out 1.2s forwards; } [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-image { opacity: 0; } [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-image:nth-child(1) { animation: showAnimation 1.2s ease 4.4s forwards; } [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-image:nth-child(2) { animation: fadeIn 2.1s ease 6.2s forwards; } @media screen and (max-width: 1023px) { [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-image:nth-child(2) { animation: fadeIn_02 2.1s ease 6.2s forwards; } } [data-script-enabled="true"] .lp-mediaIntroduction .lp-mediaIntroduction-image:nth-child(3) { animation: showAnimation 1.5s ease-out 8.1s forwards; } [data-script-enabled="true"] .lp-mediaIntroduction.is-hide { opacity: 0; transition: opacity 1s 0.6s ease-in-out; } [data-script-enabled="true"] .lp-mediaIntroduction.is-animationEnd { display: none; } .lp-section { margin-bottom: 20px; } .lp-section > *:last-child { margin-bottom: 0; } .lp-section-content { max-width: calc(1520px + 40px); margin: 0 auto; padding: 0 20px; } .lp-section-content > *:last-child { margin-bottom: 0; } .lp-section.of-primary { z-index: -10; overflow: hidden; background: var(--RADIAL-GRADIENT_SECONDARY); } .lp-section.of-primary .lp-section-content { z-index: 0; position: relative; padding: 120px 20px; } .lp-section.of-primary .lp-section-content::before { display: block; z-index: -5; position: absolute; top: -60px; right: -640px; width: 1420px; height: 911px; background-image: url("../../img/landing_page/vs_pr/vs_ws_157154_pr_page_bg_01.png"); content: ""; } @media screen and (max-width: 1365px) { .lp-section.of-primary .lp-section-content::before { display: none; } } @media screen and (max-width: 1520px) { .lp-section.of-primary .lp-section-content { padding: calc(8rem + ((1vw - 1.023rem) * (8.04829))) 20px; } } @media screen and (max-width: 1023px) { .lp-section.of-primary .lp-section-content { padding: calc(4rem + ((1vw - 0.36rem) * (6.03318))) 20px; } } .lp-section.of-secondary { background: var(--RADIAL-GRADIENT_TERTIARY); } .lp-section.of-secondary .lp-section-content { padding: 32px 20px; } .lp-section.of-wide .lp-section-content { max-width: calc(2560px + 40px); } .lp-text { margin-bottom: 16px; font-size: 1.8rem; line-height: var(--LINE_HEIGHT_PRIMARY); } @media screen and (max-width: 1520px) { .lp-text { font-size: 1.6rem; } } .lp-textSymbol { position: relative; min-width: 24px; max-width: 24px; height: 24px; margin-top: 4px; margin-bottom: 0; border-radius: 50%; background-color: var(--COLOR_BACKGROUND_PRIMARY); color: var(--COLOR_LIGHT); font-size: 2rem; line-height: 1.1; } .theme-KC .lp-textSymbol { line-height: 1.2; } .lp-textScroll { position: absolute; right: 40px; bottom: 35px; width: auto; height: 144px; color: var(--COLOR_DARK); font-size: 1.4rem; } .lp-textScroll > span { display: inline-flex; position: relative; transform: rotate(90deg); } .lp-textScroll > span::after { position: absolute; bottom: 0; left: -2px; width: 144px; height: 8px; transform: skew(45deg); border-right: 1px solid var(--COLOR_DARK); border-bottom: 1px solid var(--COLOR_DARK); content: ""; } .lp-media { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; margin-bottom: 64px; } .lp-media-body { display: flex; flex-direction: column; width: 100%; margin-bottom: 0; } .lp-media-body > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-media-body { width: auto; } } .lp-media-image { min-width: 40px; max-width: 40px; margin-bottom: 8px; } .lp-media-image > *:last-child { margin-bottom: 0; } .lp-media-image > img { height: 100%; } .lp-media-image.of-shadow { -webkit-filter: drop-shadow(var(--DROP_SHADOW_SECONDARY)); filter: drop-shadow(var(--DROP_SHADOW_SECONDARY)); } .lp-media.of-primary .lp-media-image { min-width: auto; max-width: none; margin-bottom: 40px; } .lp-media-video { font-size: 0; line-height: 1; } .lp-media.of-center { align-items: center; } .lp-media.of-flexDirection-columnReverse { flex-direction: column-reverse; } [data-script-enabled="true"] .lp-media.of-primary { opacity: 0; } .lp-video { max-width: 840px; margin: 0 auto; } .lp-video-outer { margin-bottom: 48px; } @media screen and (max-width: 1520px) { .lp-video-outer { margin-bottom: calc(3.2rem + ((1vw - 1.023rem) * (3.21932))); } } @media screen and (max-width: 1023px) { .lp-video-outer { margin-bottom: calc(2.4rem + ((1vw - 0.36rem) * (1.20664))); } } .lp-mediaGrid { grid-gap: 40px; display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; margin-bottom: 0; } @media screen and (max-width: 1520px) { .lp-mediaGrid { margin-bottom: 40px; } } @media screen and (max-width: 1023px) { .lp-mediaGrid { grid-gap: 24px; grid-template-columns: repeat(1, 1fr); margin-bottom: 24px; } } .lp-mediaGrid-body { grid-column: 1 / 2; grid-row: 1 / 2; margin-bottom: 0; } .lp-mediaGrid-body > *:last-child { margin-bottom: 0; } .lp-mediaGrid-image { inset: 0; grid-column: 2 / 3; grid-row: 1 / 2; margin: auto; } .lp-mediaGrid-image > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-mediaGrid-image { grid-column: 1 / 2; grid-row: 2 / 3; } } .lp-mediaGrid.of-primary > .lp-mediaGrid-body { grid-column: 2 / 3; grid-row: 1 / 2; } .lp-mediaGrid.of-primary > .lp-mediaGrid-body > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-mediaGrid.of-primary > .lp-mediaGrid-body { grid-column: 1 / 2; } } .lp-mediaGrid.of-primary > .lp-mediaGrid-body + .lp-mediaGrid-body { grid-column: 2 / 3; grid-row: 2 / 3; } .lp-mediaGrid.of-primary > .lp-mediaGrid-body + .lp-mediaGrid-body > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1365px) { .lp-mediaGrid.of-primary > .lp-mediaGrid-body + .lp-mediaGrid-body { grid-column: 1 / 3; grid-row: 2 / 3; } } @media screen and (max-width: 1023px) { .lp-mediaGrid.of-primary > .lp-mediaGrid-body + .lp-mediaGrid-body { grid-column: 1 / 2; grid-row: 3 / 4; } } .lp-mediaGrid.of-primary > .lp-mediaGrid-image { grid-column: 1 / 2; grid-row: 1 / 3; } .lp-mediaGrid.of-primary > .lp-mediaGrid-image > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1365px) { .lp-mediaGrid.of-primary > .lp-mediaGrid-image { grid-row: 1 / 2; } } @media screen and (max-width: 1023px) { .lp-mediaGrid.of-primary > .lp-mediaGrid-image { grid-row: 2 / 3; } } [data-script-enabled="true"] .lp-mediaGrid .lp-figureAnimation > .lp-figureAnimation-image:nth-child(n+2) { opacity: 0; } [data-script-enabled="true"] .lp-mediaGrid .lp-listDescription > .lp-listDescription-content { opacity: 0; } [data-script-enabled="true"] .lp-mediaGrid.is-activated .lp-figureAnimation > .lp-figureAnimation-image:nth-child(2) { animation: showAnimation 0.4s ease 1.3s forwards; } [data-script-enabled="true"] .lp-mediaGrid.is-activated .lp-figureAnimation > .lp-figureAnimation-image:nth-child(3) { animation: showAnimation 0.4s ease 2.2s forwards; } [data-script-enabled="true"] .lp-mediaGrid.is-activated .lp-listDescription > .lp-listDescription-content:nth-child(1) { animation: showAnimation 0.4s ease 1.3s forwards; } [data-script-enabled="true"] .lp-mediaGrid.is-activated .lp-listDescription > .lp-listDescription-content:nth-child(2) { animation: showAnimation 0.4s ease 2.2s forwards; } .lp-mediaAsset { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; } @media screen and (max-width: 1023px) { .lp-mediaAsset { flex-direction: column-reverse; } } .lp-mediaAsset-text { margin-bottom: 40px; font-size: 4rem; font-weight: var(--FONT_WEIGHT_SEMIBOLD); text-align: center; } @media screen and (max-width: 1520px) { .lp-mediaAsset-text { margin-bottom: 32px; font-size: calc(3.2rem + ((1vw - 1.023rem) * (1.60966))); } } @media screen and (max-width: 1023px) { .lp-mediaAsset-text { font-size: calc(2.4rem + ((1vw - 0.36rem) * (1.20664))); } } .lp-mediaAsset-body { flex: 1; max-width: 460px; } .lp-mediaAsset-body > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1023px) { .lp-mediaAsset-body { max-width: 100%; } } .lp-mediaAsset-body.of-primary { max-width: 100%; } .lp-mediaAsset-body.of-secondary { max-width: 500px; } @media screen and (max-width: 1023px) { .lp-mediaAsset-body.of-secondary { max-width: 100%; } } .lp-mediaAsset-image { max-width: 610px; margin-right: 40px; } .lp-mediaAsset-image > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1520px) { .lp-mediaAsset-image { max-width: calc(41.2rem + ((1vw - 1.023rem) * (39.83903))); } } @media screen and (max-width: 1023px) { .lp-mediaAsset-image { max-width: calc(23.4rem + ((1vw - 0.36rem) * (26.84766))); margin-right: 0; margin-bottom: 24px; } } .lp-mediaAsset-image > img { width: 100%; height: auto; } .lp-figureAnimation { position: relative; } .lp-figureAnimation-image { inset: 0; top: 0; left: 0; width: 100%; } .lp-figureAnimation-image:nth-child(n+2) { position: absolute; top: 0; left: 0; } [data-script-enabled="true"] .lp-figureAnimation > .lp-figureAnimation-image:nth-child(n+2) { opacity: 0; } [data-script-enabled="true"] .lp-figureAnimation.is-activated > .lp-figureAnimation-image:nth-child(2) { animation: showAnimation 0.4s ease 1.3s forwards; } [data-script-enabled="true"] .lp-figureAnimation.is-activated > .lp-figureAnimation-image:nth-child(3) { animation: showAnimation 0.4s ease 2s forwards; } [data-script-enabled="true"] .lp-figureAnimation.is-activated > .lp-figureAnimation-image:nth-child(4) { animation: showAnimation 0.4s ease 2.5s forwards; } .lp-textPhoneLink { width: 100%; font-size: 1.6rem; font-weight: var(--FONT_WEIGHT_NORMAL); text-align: center; } .lp-textPhoneLink > *:last-child { margin-bottom: 0; } .lp-textPhoneLink-numberGroup { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } @media screen and (max-width: 970px) { .lp-textPhoneLink-numberGroup { flex-direction: column; justify-content: center; } } .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_BOLD); } @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_LIGHT); } .lp-textPhoneLink-number.of-primary .lp-icon { fill: var(--COLOR_LIGHT); } @media screen and (max-width: 970px) { .lp-textPhoneLink .lp-textPhoneLink-notes { width: 100%; margin-bottom: 4px; } } .lp-textPhoneLink .AutoPhoneCall { color: var(--COLOR_DARK); font-size: 2.4rem; font-weight: var(--FONT_WEIGHT_BOLD); text-decoration: none; } .lp-textPhoneLink .lp-icon { fill: var(--COLOR_DARK); width: 3rem; height: 3rem; margin-bottom: -4px; vertical-align: middle; } .prd-inlineLink[href], .prd-inlineLink[href].of-primary:hover, button.prd-inlineLink { color: var(--COLOR_DARK); line-height: 1; } .lp-utility-color-emphasis { color: var(--COLOR_SECONDARY); } .lp-utility-color-primary { color: var(--COLOR_TERTIARY); } .lp-utility-color-secondary { color: var(--COLOR_QUATERNARY); } .lp-utility-fontSize-primary { font-size: 1.4rem; } @media screen and (max-width: 1520px) { .lp-utility-fontSize-primary { font-size: 1.3rem; } } .lp-utility-fontWeight-bold { font-weight: var(--FONT_WEIGHT_BOLD) !important; } .lp-utility-fontWeight-semiBold { font-weight: var(--FONT_WEIGHT_SEMIBOLD) !important; } .lp-utility-fontWeight-normal { font-weight: var(--FONT_WEIGHT_NORMAL) !important; } .lp-utility-lineHeight-primary { line-height: var(--LINE_HEIGHT_SECONDARY) !important; } .lp-utility-lineHeight-secondary { line-height: var(--LINE_HEIGHT_TERTIARY) !important; } .lp-utility-line-break { display: block; } @media screen and (max-width: 767px) { .lp-extraExtraSmallScreen-line-break { display: block; } } @media screen and (max-width: 1023px) { .lp-extraSmallScreen-line-break { display: block; } } @media screen and (max-width: 1024px) { .lp-smallScreen-line-break { display: block; } } @media screen and (max-width: 1365px) { .lp-largeScreen-line-break { display: block; } } @media screen and (max-width: 1520px) { .lp-extraLargeScreen-line-break { display: block; } } @media screen and (max-width: 2560px) { .lp-extraExtraLargeScreen-line-break { display: block; } } .lp-utility-marginBottom-0 { margin-bottom: 0 !important; } .lp-utility-marginBottom-1 { margin-bottom: 4px !important; } .lp-utility-marginBottom-2 { margin-bottom: 8px !important; } .lp-utility-marginBottom-3 { margin-bottom: 16px !important; } .lp-utility-marginBottom-4 { margin-bottom: 20px !important; } .lp-utility-marginBottom-5 { margin-bottom: 24px !important; } .lp-utility-marginBottom-6 { margin-bottom: 26px !important; } .lp-utility-marginBottom-7 { margin-bottom: 32px !important; } .lp-utility-marginBottom-8 { margin-bottom: 40px !important; } .lp-utility-marginBottom-9 { margin-bottom: 48px !important; } .lp-utility-marginBottom-10 { margin-bottom: 56px !important; } .lp-utility-marginBottom-11 { margin-bottom: 64px !important; } .lp-utility-marginBottom-12 { margin-bottom: 72px !important; } .lp-utility-marginBottom-13 { margin-bottom: 80px !important; } @media screen and (max-width: 767px) { .lp-extraExtraSmallScreen-marginBottom-0 { margin-bottom: 0 !important; } .lp-extraExtraSmallScreen-marginBottom-1 { margin-bottom: 4px !important; } .lp-extraExtraSmallScreen-marginBottom-2 { margin-bottom: 8px !important; } .lp-extraExtraSmallScreen-marginBottom-3 { margin-bottom: 16px !important; } .lp-extraExtraSmallScreen-marginBottom-4 { margin-bottom: 20px !important; } .lp-extraExtraSmallScreen-marginBottom-5 { margin-bottom: 24px !important; } .lp-extraExtraSmallScreen-marginBottom-6 { margin-bottom: 26px !important; } .lp-extraExtraSmallScreen-marginBottom-7 { margin-bottom: 32px !important; } .lp-extraExtraSmallScreen-marginBottom-8 { margin-bottom: 40px !important; } .lp-extraExtraSmallScreen-marginBottom-9 { margin-bottom: 48px !important; } .lp-extraExtraSmallScreen-marginBottom-10 { margin-bottom: 56px !important; } .lp-extraExtraSmallScreen-marginBottom-11 { margin-bottom: 64px !important; } .lp-extraExtraSmallScreen-marginBottom-12 { margin-bottom: 72px !important; } .lp-extraExtraSmallScreen-marginBottom-13 { margin-bottom: 80px !important; } } @media screen and (max-width: 1023px) { .lp-extraSmallScreen-marginBottom-0 { margin-bottom: 0 !important; } .lp-extraSmallScreen-marginBottom-1 { margin-bottom: 4px !important; } .lp-extraSmallScreen-marginBottom-2 { margin-bottom: 8px !important; } .lp-extraSmallScreen-marginBottom-3 { margin-bottom: 16px !important; } .lp-extraSmallScreen-marginBottom-4 { margin-bottom: 20px !important; } .lp-extraSmallScreen-marginBottom-5 { margin-bottom: 24px !important; } .lp-extraSmallScreen-marginBottom-6 { margin-bottom: 26px !important; } .lp-extraSmallScreen-marginBottom-7 { margin-bottom: 32px !important; } .lp-extraSmallScreen-marginBottom-8 { margin-bottom: 40px !important; } .lp-extraSmallScreen-marginBottom-9 { margin-bottom: 48px !important; } .lp-extraSmallScreen-marginBottom-10 { margin-bottom: 56px !important; } .lp-extraSmallScreen-marginBottom-11 { margin-bottom: 64px !important; } .lp-extraSmallScreen-marginBottom-12 { margin-bottom: 72px !important; } .lp-extraSmallScreen-marginBottom-13 { margin-bottom: 80px !important; } } @media screen and (max-width: 1024px) { .lp-smallScreen-marginBottom-0 { margin-bottom: 0 !important; } .lp-smallScreen-marginBottom-1 { margin-bottom: 4px !important; } .lp-smallScreen-marginBottom-2 { margin-bottom: 8px !important; } .lp-smallScreen-marginBottom-3 { margin-bottom: 16px !important; } .lp-smallScreen-marginBottom-4 { margin-bottom: 20px !important; } .lp-smallScreen-marginBottom-5 { margin-bottom: 24px !important; } .lp-smallScreen-marginBottom-6 { margin-bottom: 26px !important; } .lp-smallScreen-marginBottom-7 { margin-bottom: 32px !important; } .lp-smallScreen-marginBottom-8 { margin-bottom: 40px !important; } .lp-smallScreen-marginBottom-9 { margin-bottom: 48px !important; } .lp-smallScreen-marginBottom-10 { margin-bottom: 56px !important; } .lp-smallScreen-marginBottom-11 { margin-bottom: 64px !important; } .lp-smallScreen-marginBottom-12 { margin-bottom: 72px !important; } .lp-smallScreen-marginBottom-13 { margin-bottom: 80px !important; } } @media screen and (max-width: 1365px) { .lp-largeScreen-marginBottom-0 { margin-bottom: 0 !important; } .lp-largeScreen-marginBottom-1 { margin-bottom: 4px !important; } .lp-largeScreen-marginBottom-2 { margin-bottom: 8px !important; } .lp-largeScreen-marginBottom-3 { margin-bottom: 16px !important; } .lp-largeScreen-marginBottom-4 { margin-bottom: 20px !important; } .lp-largeScreen-marginBottom-5 { margin-bottom: 24px !important; } .lp-largeScreen-marginBottom-6 { margin-bottom: 26px !important; } .lp-largeScreen-marginBottom-7 { margin-bottom: 32px !important; } .lp-largeScreen-marginBottom-8 { margin-bottom: 40px !important; } .lp-largeScreen-marginBottom-9 { margin-bottom: 48px !important; } .lp-largeScreen-marginBottom-10 { margin-bottom: 56px !important; } .lp-largeScreen-marginBottom-11 { margin-bottom: 64px !important; } .lp-largeScreen-marginBottom-12 { margin-bottom: 72px !important; } .lp-largeScreen-marginBottom-13 { margin-bottom: 80px !important; } } @media screen and (max-width: 1520px) { .lp-extraLargeScreen-marginBottom-0 { margin-bottom: 0 !important; } .lp-extraLargeScreen-marginBottom-1 { margin-bottom: 4px !important; } .lp-extraLargeScreen-marginBottom-2 { margin-bottom: 8px !important; } .lp-extraLargeScreen-marginBottom-3 { margin-bottom: 16px !important; } .lp-extraLargeScreen-marginBottom-4 { margin-bottom: 20px !important; } .lp-extraLargeScreen-marginBottom-5 { margin-bottom: 24px !important; } .lp-extraLargeScreen-marginBottom-6 { margin-bottom: 26px !important; } .lp-extraLargeScreen-marginBottom-7 { margin-bottom: 32px !important; } .lp-extraLargeScreen-marginBottom-8 { margin-bottom: 40px !important; } .lp-extraLargeScreen-marginBottom-9 { margin-bottom: 48px !important; } .lp-extraLargeScreen-marginBottom-10 { margin-bottom: 56px !important; } .lp-extraLargeScreen-marginBottom-11 { margin-bottom: 64px !important; } .lp-extraLargeScreen-marginBottom-12 { margin-bottom: 72px !important; } .lp-extraLargeScreen-marginBottom-13 { margin-bottom: 80px !important; } } @media screen and (max-width: 2560px) { .lp-extraExtraLargeScreen-marginBottom-0 { margin-bottom: 0 !important; } .lp-extraExtraLargeScreen-marginBottom-1 { margin-bottom: 4px !important; } .lp-extraExtraLargeScreen-marginBottom-2 { margin-bottom: 8px !important; } .lp-extraExtraLargeScreen-marginBottom-3 { margin-bottom: 16px !important; } .lp-extraExtraLargeScreen-marginBottom-4 { margin-bottom: 20px !important; } .lp-extraExtraLargeScreen-marginBottom-5 { margin-bottom: 24px !important; } .lp-extraExtraLargeScreen-marginBottom-6 { margin-bottom: 26px !important; } .lp-extraExtraLargeScreen-marginBottom-7 { margin-bottom: 32px !important; } .lp-extraExtraLargeScreen-marginBottom-8 { margin-bottom: 40px !important; } .lp-extraExtraLargeScreen-marginBottom-9 { margin-bottom: 48px !important; } .lp-extraExtraLargeScreen-marginBottom-10 { margin-bottom: 56px !important; } .lp-extraExtraLargeScreen-marginBottom-11 { margin-bottom: 64px !important; } .lp-extraExtraLargeScreen-marginBottom-12 { margin-bottom: 72px !important; } .lp-extraExtraLargeScreen-marginBottom-13 { margin-bottom: 80px !important; } } .lp-utility-textAlign-left { text-align: left !important; } .lp-utility-textAlign-center { text-align: center !important; } .lp-utility-textAlign-right { text-align: right !important; } @media screen and (max-width: 767px) { .lp-extraExtraSmallScreen-textAlign-left { text-align: left !important; } .lp-extraExtraSmallScreen-textAlign-center { text-align: center !important; } .lp-extraExtraSmallScreen-textAlign-right { text-align: right !important; } } @media screen and (max-width: 1023px) { .lp-extraSmallScreen-textAlign-left { text-align: left !important; } .lp-extraSmallScreen-textAlign-center { text-align: center !important; } .lp-extraSmallScreen-textAlign-right { text-align: right !important; } } @media screen and (max-width: 1024px) { .lp-smallScreen-textAlign-left { text-align: left !important; } .lp-smallScreen-textAlign-center { text-align: center !important; } .lp-smallScreen-textAlign-right { text-align: right !important; } } @media screen and (max-width: 1365px) { .lp-largeScreen-textAlign-left { text-align: left !important; } .lp-largeScreen-textAlign-center { text-align: center !important; } .lp-largeScreen-textAlign-right { text-align: right !important; } } @media screen and (max-width: 1520px) { .lp-extraLargeScreen-textAlign-left { text-align: left !important; } .lp-extraLargeScreen-textAlign-center { text-align: center !important; } .lp-extraLargeScreen-textAlign-right { text-align: right !important; } } @media screen and (max-width: 2560px) { .lp-extraExtraLargeScreen-textAlign-left { text-align: left !important; } .lp-extraExtraLargeScreen-textAlign-center { text-align: center !important; } .lp-extraExtraLargeScreen-textAlign-right { text-align: right !important; } } .lp-utility-hide { display: none !important; } .lp-utility-show { display: block !important; } @media screen and (max-width: 767px) { .lp-extraExtraSmallScreen-hide { display: none !important; } } @media screen and (max-width: 767px) { .lp-extraExtraSmallScreen-show { display: block !important; } } @media screen and (max-width: 1023px) { .lp-extraSmallScreen-hide { display: none !important; } } @media screen and (max-width: 1023px) { .lp-extraSmallScreen-show { display: block !important; } } @media screen and (max-width: 1024px) { .lp-smallScreen-hide { display: none !important; } } @media screen and (max-width: 1024px) { .lp-smallScreen-show { display: block !important; } } @media screen and (max-width: 1365px) { .lp-largeScreen-hide { display: none !important; } } @media screen and (max-width: 1365px) { .lp-largeScreen-show { display: block !important; } } @media screen and (max-width: 1520px) { .lp-extraLargeScreen-hide { display: none !important; } } @media screen and (max-width: 1520px) { .lp-extraLargeScreen-show { display: block !important; } } @media screen and (max-width: 2560px) { .lp-extraExtraLargeScreen-hide { display: none !important; } } @media screen and (max-width: 2560px) { .lp-extraExtraLargeScreen-show { display: block !important; } }