@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; } @-webkit-keyframes fadePc { 0% { transform: translate(-10px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes fadePc { 0% { transform: translate(-10px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes mvAnimation1 { 0% { transform: translate(0); } 100% { transform: translate(40px); } } @keyframes mvAnimation1 { 0% { transform: translate(0); } 100% { transform: translate(40px); } } @-webkit-keyframes mvAnimation1Sp { 0% { margin-left: 0; } 100% { margin-left: 30px; } } @keyframes mvAnimation1Sp { 0% { margin-left: 0; } 100% { margin-left: 30px; } } @-webkit-keyframes mvAnimation2 { 0% { transform: translate(0); } 100% { transform: translate(80px); } } @keyframes mvAnimation2 { 0% { transform: translate(0); } 100% { transform: translate(80px); } } @-webkit-keyframes mvAnimation2Sp { 0% { margin-left: 0; } 100% { margin-left: 55px; } } @keyframes mvAnimation2Sp { 0% { margin-left: 30px; } 100% { margin-left: 55px; } } .lp-listButton { display: flex; flex-wrap: wrap; margin: -24px 0 60px -24px; } @media only screen and (max-width: 1279px) { .lp-listButton { flex-direction: column; align-items: center; justify-content: center; margin-bottom: 32px; } } .lp-listButton > li { margin: 24px 0 0 24px; } .lp-listButton > li > *:last-child { margin-bottom: 0; } .lp-listButton > *:last-child { margin-bottom: 0; } .lp-listButton.of-justifyContent-center { justify-content: center; } @media only screen and (max-width: 1279px) { .lp-listButton.of-primary { flex-direction: row; align-items: stretch; justify-content: flex-start; } } @media only screen and (max-width: 1023px) { .lp-listButton.of-primary { flex-direction: column; align-items: center; justify-content: center; margin-bottom: 32px; } } .lp-listButton.of-secondary { justify-content: center; } @media only screen and (max-width: 1279px) { .lp-listButton.of-secondary { flex-direction: row; align-items: stretch; justify-content: center; } } @media only screen and (max-width: 1023px) { .lp-listButton.of-secondary { flex-direction: column; align-items: center; justify-content: center; margin-bottom: 32px; } } .lp-listButton.of-tertiary { justify-content: center; margin-bottom: 40px; } .lp-listButton.of-horizontal { flex-direction: row; } @media only screen and (max-width: 1279px) { .lp-buttonConversion { font-size: 1.6rem; } } .lp-card { margin-bottom: 16px; padding: 12px 8px; background-color: #dde7ed; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.101); } @media only screen and (max-width: 1279px) { .lp-card { padding: 0; box-shadow: none; } } .lp-card > *:last-child { margin-bottom: 0; } .lp-card-outer { width: 654px; margin-left: 50px; } @media only screen and (max-width: 1279px) { .lp-card-outer { width: calc((654 * 100vw) / 1280); margin-left: calc((30 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-card-outer { width: 100%; max-width: 600px; margin-left: 0; } } .lp-card-outer > *:last-child { margin-bottom: 0; } .lp-figureAnimation { display: flex; flex-direction: column-reverse; align-items: center; } @media only screen and (max-width: 1279px) { .lp-figureAnimation { flex-direction: row-reverse; align-items: center; background-color: #d7d7d7; } } .lp-figureAnimation-body { text-align: center; } @media only screen and (max-width: 1279px) { .lp-figureAnimation-body { display: flex; align-items: center; justify-content: flex-start; width: 100%; padding: 16px; text-align: left; } } .lp-figureAnimation-body > *:last-child { margin-bottom: 0; } .lp-figureAnimation-image { max-width: 100%; margin-bottom: 16px; } @media only screen and (max-width: 1279px) { .lp-figureAnimation-image { margin: 1px; } } .lp-figureAnimation-image > img { border: 1px solid #999; } @media only screen and (max-width: 1279px) { .lp-figureAnimation-image > img { border: 0; } } .lp-figureAnimation-caption { margin-bottom: 16px; font-size: 1.8rem; } @media only screen and (max-width: 1279px) { .lp-figureAnimation-caption { font-size: 1.4rem; } } .lp-figureAnimation.of-result { background-color: #0072a2; } .lp-figureAnimation.of-result .lp-figureAnimation-image { max-width: 100%; margin-bottom: 0; } .lp-figureAnimation.of-result .lp-figureAnimation-image > img { border: 4px solid #0072a2; } @media only screen and (max-width: 1279px) { .lp-figureAnimation.of-result .lp-figureAnimation-image > img { margin: 4px; border: 0; } } .lp-figureAnimation.of-result .lp-figureAnimation-body { width: 100%; padding: 16px; background-color: #0072a2; text-align: center; } @media only screen and (max-width: 1279px) { .lp-figureAnimation.of-result .lp-figureAnimation-body { background-color: initial; text-align: left; } } .lp-figureAnimation.of-result .lp-figureAnimation-caption { color: #efefef; font-size: 2rem; font-weight: 600; } @media only screen and (max-width: 1279px) { .lp-figureAnimation.of-result .lp-figureAnimation-caption { font-size: 1.4rem; } } .lp-jumbotron { margin-bottom: 200px; } @media only screen and (max-width: 1659px) { .lp-jumbotron { margin-bottom: calc((200 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .lp-jumbotron { margin-bottom: 96px; } } .lp-jumbotron-content { display: flex; align-items: center; max-width: 1520px; margin: 0 auto; padding: 30px 0; } @media only screen and (max-width: 1659px) { .lp-jumbotron-content { padding: 30px 60px; } } @media only screen and (max-width: 1279px) { .lp-jumbotron-content { padding: 30px 20px; } } @media only screen and (max-width: 1023px) { .lp-jumbotron-content { flex-direction: column-reverse; align-items: flex-start; padding: 0 20px; } } .lp-jumbotron-body { flex: 1; } @media only screen and (max-width: 1023px) { .lp-jumbotron-body { flex: none; width: 100%; max-width: calc(40rem + ((1vw - 0.36rem) * (22.95082))); margin: 0 auto; } } .lp-jumbotron-body > *:last-child { margin-bottom: 0; } .lp-jumbotron-title { display: block; margin-bottom: 40px; font-size: 8rem; } @media only screen and (max-width: 1200px) { .lp-jumbotron-title .lp-smallScreen-line-break { display: block; } } @media only screen and (max-width: 1023px) { .lp-jumbotron-title .lp-extraSmallScreen-line-break { display: block; } } @media only screen and (max-width: 1659px) { .lp-jumbotron-title { font-size: calc(3.2rem + ((1vw - 0.36rem) * (3.69231))); } } @media only screen and (max-width: 1023px) { .lp-jumbotron-title { margin-bottom: 24px; } } .lp-jumbotron-title > span { display: block; position: relative; margin-bottom: 12px; padding-left: 66px; font-weight: 600; } @media only screen and (max-width: 1659px) { .lp-jumbotron-title > span { padding-left: calc(3.8rem + ((1vw - 0.36rem) * (2.15385))); } } @media only screen and (max-width: 1023px) { .lp-jumbotron-title > span { margin-bottom: 8px; } } .lp-jumbotron-title > span::before { position: absolute; top: 50%; left: 0; width: 50px; height: 50px; transform: translateY(-50%); background-image: url("../../../../img/landing_page/vl-700_pr/vl-700_pr_page_icon_01.png"); background-repeat: no-repeat; background-size: contain; content: ""; } @media only screen and (max-width: 1659px) { .lp-jumbotron-title > span::before { width: calc(3rem + ((1vw - 0.36rem) * (1.53846))); height: calc(3rem + ((1vw - 0.36rem) * (1.53846))); } } .lp-jumbotron-title > span:first-child { padding-left: 0; } .lp-jumbotron-title > span:first-child::before { content: none; } .lp-jumbotron-titleGroup { margin-bottom: 62px; font-weight: 600; line-height: 1.1; } @media only screen and (max-width: 1023px) { .lp-jumbotron-titleGroup { margin-bottom: 40px; } } .lp-jumbotron-titleGroup > *:last-child { margin-bottom: 0; } .lp-jumbotron-title > *:last-child { margin-bottom: 0; } .lp-jumbotron-series { margin-bottom: 8px; font-size: 2.4rem; font-weight: 600; } @media only screen and (max-width: 1659px) { .lp-jumbotron-series { font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.61538))); } } @media only screen and (max-width: 1023px) { .lp-jumbotron-series { text-align: center; } } .lp-jumbotron-seriesGroup { display: flex; align-items: center; } @media only screen and (max-width: 1023px) { .lp-jumbotron-seriesGroup { flex-direction: column; } } .lp-jumbotron-seriesGroup > *:last-child { margin-bottom: 0; } .lp-jumbotron-image { width: 828px; margin-left: 35px; } @media only screen and (max-width: 1659px) { .lp-jumbotron-image { width: calc((750 * 100vw) / 1660); margin-left: calc((20 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .lp-jumbotron-image { width: calc(25.2rem + ((1vw - 0.36rem) * (44.7541))); margin: 0 auto 8px; } } [data-script-enabled="true"] .lp-jumbotron-title > span:nth-child(2) { -webkit-animation: mvAnimation1 0.75s 0.75s 1 forwards; animation: mvAnimation1 0.75s 0.75s 1 forwards; will-change: transform; } @media only screen and (max-width: 1023px) { [data-script-enabled="true"] .lp-jumbotron-title > span:nth-child(2) { -webkit-animation: mvAnimation1Sp 0.75s 0.75s 1 forwards; animation: mvAnimation1Sp 0.75s 0.75s 1 forwards; } } @media only screen and (max-width: 641px) { [data-script-enabled="true"] .lp-jumbotron-title > span:nth-child(2) { animation: none; } } [data-script-enabled="true"] .lp-jumbotron-title > span:nth-child(3) { -webkit-animation: mvAnimation2 0.75s 0.75s 1 forwards; animation: mvAnimation2 0.75s 0.75s 1 forwards; will-change: transform; } @media only screen and (max-width: 1023px) { [data-script-enabled="true"] .lp-jumbotron-title > span:nth-child(3) { -webkit-animation: mvAnimation2Sp 0.75s 0.75s 1 forwards; animation: mvAnimation2Sp 0.75s 0.75s 1 forwards; } } @media only screen and (max-width: 641px) { [data-script-enabled="true"] .lp-jumbotron-title > span:nth-child(3) { animation: none; } } .lp-label { color: #f00; font-size: 2.8rem; font-weight: 600; } @media only screen and (max-width: 1279px) { .lp-label { font-size: calc(1.6rem + ((1vw - 0.36rem) * (1.30435))); } } .lp-label-outer { display: inline-flex; flex-shrink: 0; max-width: 100%; margin-right: 16px; } @media only screen and (max-width: 1023px) { .lp-label-outer { margin-right: 0; margin-bottom: 8px; } } .lp-layout-header-content { display: flex; align-items: center; justify-content: space-between; max-width: calc(1660px + (20px * 2)); margin: 0 auto; padding: 30px 0; } @media only screen and (max-width: 1659px) { .lp-layout-header-content { padding: 30px 40px; } .theme-KIB:lang(pl) .lp-layout-header-content, .theme-KIB:lang(hu) .lp-layout-header-content, .theme-KIB:lang(cs) .lp-layout-header-content, .theme-KIB:lang(nl) .lp-layout-header-content, .theme-KIB:lang(fr) .lp-layout-header-content { padding: 30px 20px; } } @media only screen and (max-width: 1023px) { .lp-layout-header-content { padding: 18px 20px 30px; } } .lp-layout-header-text { margin-bottom: 0; font-size: 1.6rem; } .lp-layout-header-text > a { color: #1a5c9a; text-decoration: none; } .lp-layout-header-text > a:hover, .lp-layout-header-text > a:active, .lp-layout-header-text > a:focus { color: #1a5c9a; text-decoration: underline; } .lp-layout-header-logo { flex-shrink: 0; margin-right: 22px; margin-bottom: 0; padding-left: 60px; } @media only screen and (max-width: 1659px) { .lp-layout-header-logo { padding-left: 0; } } @media only screen and (max-width: 1023px) { .lp-layout-header-logo { width: 100%; margin-right: 0; padding-left: 0; text-align: center; } } .lp-layout-header-logo > a > img { width: 159px; } @media only screen and (max-width: 1023px) { .lp-layout-header-logo > a > img { width: 92px; } } .lp-layout-header-utilityGroup { flex-shrink: 0; } .lp-layout-footer { margin: 24px 0; } .lp-layout-footer-content { max-width: calc(1280px + (20px * 2)); margin: 0 auto 24px; padding: 0 20px; } .lp-layout-footer-content > *:last-child { margin-bottom: 0; } .lp-layout-footer-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-left: -24px; } @media only screen and (max-width: 1023px) { .lp-layout-footer-list { margin-left: -8px; } } .lp-layout-footer-list > li { position: relative; margin-left: 24px; font-size: 1.4rem; line-height: 1.2; } @media only screen and (max-width: 1023px) { .lp-layout-footer-list > li { margin-left: 8px; font-size: 1.2rem; } } .lp-layout-footer-list > li:first-child > a { padding-left: 0; } .lp-layout-footer-list > li:first-child::before { content: none; } .lp-layout-footer-list > li > *:last-child { margin-bottom: 0; } .lp-layout-footer-list > li > a { display: block; width: 100%; padding-left: 24px; color: #333; font-size: 1.4rem; line-height: 1; text-decoration: none; } @media only screen and (max-width: 1023px) { .lp-layout-footer-list > li > a { padding-left: 8px; } } .lp-layout-footer-list > li > a:hover, .lp-layout-footer-list > li > a:focus, .lp-layout-footer-list > li > a:visited { color: #333; text-decoration: none; } .lp-layout-footer-list > li::before { display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 11px; transform: translateY(-50%); background: #333; content: ""; } @media only screen and (max-width: 1023px) { .lp-layout-footer-list > li.lp-layout-footer-copyright { margin-left: 0; } } @media only screen and (max-width: 1023px) { .lp-layout-footer-list > li.lp-layout-footer-copyright::before { content: none; } } .lp-layout-footer-list > *:last-child { margin-bottom: 0; } .lp-layout-footer-copyright { margin-bottom: 0; font-size: 1.6rem; line-height: 1.2; } @media only screen and (max-width: 1023px) { .lp-layout-footer-copyright { width: 100%; margin-top: 8px; text-align: center; } } .lp-layout-footer-copyright > small { padding-left: 24px; } @media only screen and (max-width: 1023px) { .lp-layout-footer-copyright > small { padding-left: 0; } } .lp-layout-footer > *:last-child { margin-bottom: 0; } .lp-list { margin-bottom: 32px; } .lp-list > li { position: relative; padding-left: 16px; text-align: left; } .lp-list > li::before { position: absolute; top: 50%; left: 0; width: 3px; height: 3px; transform: translateY(-50%); border-radius: 50%; background-color: #333; content: ""; } .lp-listExample { display: flex; flex-wrap: wrap; align-items: center; } @media only screen and (max-width: 1279px) { .lp-listExample { flex-direction: column; } } .lp-listExample > li { position: relative; width: 33.33333%; padding: 12px 16px; text-align: center; } @media only screen and (max-width: 1279px) { .lp-listExample > li:last-child { border-bottom: 0; } } @media only screen and (max-width: 1279px) { .lp-listExample > li { width: 50%; } } @media only screen and (max-width: 1279px) { .lp-listExample > li { width: 100%; padding: 14px 20px; border-bottom: 2px solid #fff; } } @media screen and (min-width: 1280px) { .lp-listExample > li:nth-of-type(3n)::after { content: none; } } @media screen and (min-width: 970px) and (max-width: 1280px) { .lp-listExample > li:nth-of-type(2n)::after { content: none; } } .lp-listExample > li::after { position: absolute; top: 50%; right: 0; width: 1px; height: 40px; transform: translateY(-50%); background-color: #bbb; content: ""; } @media only screen and (max-width: 1279px) { .lp-listExample > li::after { content: none; } } .lp-media { display: flex; align-items: center; margin-bottom: 24px; } @media only screen and (max-width: 1279px) { .lp-media { flex-direction: column-reverse; align-items: center; } } .lp-media-body { flex: 1; } @media only screen and (max-width: 1279px) { .lp-media-body { text-align: center; } } .lp-media-body > *:last-child { margin-bottom: 0; } .lp-media-title { margin-bottom: 32px; font-size: 3.8rem; font-weight: 600; } @media only screen and (max-width: 1279px) { .lp-media-title { font-size: calc(2.2rem + ((1vw - 0.36rem) * (1.73913))); } } @media only screen and (max-width: 1279px) { .lp-media-title { margin-bottom: 16px; } } .lp-media-text { margin-bottom: 32px; font-size: 1.8rem; } @media only screen and (max-width: 1279px) { .lp-media-text { font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.21739))); } } .lp-media-video { width: 670px; } @media only screen and (max-width: 1279px) { .lp-media-video { width: calc((670 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-media-video { width: 100%; } } .lp-media-videoOuter { position: relative; margin-left: 70px; } @media only screen and (max-width: 1279px) { .lp-media-videoOuter { margin-left: calc((30 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-media-videoOuter { margin-bottom: 32px; margin-left: 0; } } .lp-media-videoOuter > *:last-child { margin-bottom: 0; } .lp-media.of-primary { flex-direction: row-reverse; } @media only screen and (max-width: 1279px) { .lp-media.of-primary { flex-direction: column-reverse; } } .lp-media.of-primary .lp-media-image { margin-right: 70px; margin-left: 0; } @media only screen and (max-width: 1279px) { .lp-media.of-primary .lp-media-image { margin-right: calc((30 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-media.of-primary .lp-media-image { margin-right: 0; } } .lp-media.of-primary .lp-media-videoOuter { margin-right: 70px; margin-left: 0; } @media only screen and (max-width: 1279px) { .lp-media.of-primary .lp-media-videoOuter { margin-right: calc((30 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-media.of-primary .lp-media-videoOuter { margin-right: 0; } } .lp-media.of-primary .lp-media-video > .lp-video { mix-blend-mode: lighten; } @media only screen and (max-width: 1279px) { .lp-media.of-primary .lp-media-video > .lp-video { mix-blend-mode: inherit; } } .lp-media.of-secondary { flex-direction: row-reverse; } @media only screen and (max-width: 1279px) { .lp-media.of-secondary { flex-direction: column-reverse; } } .lp-media.of-secondary .lp-media-image { margin-right: 70px; margin-left: 0; } @media only screen and (max-width: 1279px) { .lp-media.of-secondary .lp-media-image { margin-right: calc((30 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-media.of-secondary .lp-media-image { margin-right: 0; } } .lp-media.of-secondary .lp-media-videoOuter { margin-right: 70px; margin-left: 0; } @media only screen and (max-width: 1279px) { .lp-media.of-secondary .lp-media-videoOuter { margin-right: calc((30 * 100vw) / 1280); } } @media only screen and (max-width: 1279px) { .lp-media.of-secondary .lp-media-videoOuter { margin-right: 0; } } .lp-mediaAsset { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; } @media only screen and (max-width: 1023px) { .lp-mediaAsset { flex-direction: column-reverse; } } .lp-mediaAsset-title { margin-bottom: 32px; color: #efefef; font-size: 4.8rem; font-weight: 600; text-align: center; } @media only screen and (max-width: 1659px) { .lp-mediaAsset-title { font-size: calc(2.4rem + ((1vw - 0.36rem) * (1.84615))); } } .lp-mediaAsset-video { width: 768px; } .lp-mediaAsset-video > .lp-video { mix-blend-mode: lighten; } @media only screen and (max-width: 1659px) { .lp-mediaAsset-video { width: calc((768 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .lp-mediaAsset-video { width: 100%; margin: 0 auto; } } .lp-mediaAsset-videoOuter { align-self: flex-start; } @media only screen and (max-width: 1023px) { .lp-mediaAsset-videoOuter { margin-bottom: 32px; } } .lp-mediaAsset-body { max-width: 680px; padding: 70px 0 30px; } @media only screen and (max-width: 1023px) { .lp-mediaAsset-body { padding: 0; text-align: center; } } .lp-mediaAsset-body > *:last-child { margin-bottom: 0; } .lp-mediaExample-header { display: flex; align-items: center; margin-bottom: 40px; } @media only screen and (max-width: 1279px) { .lp-mediaExample-header { display: flex; flex-direction: column; } } .lp-mediaExample-header > *:last-child { margin-bottom: 0; } .lp-mediaExample-title { margin-bottom: 32px; font-size: 3.8rem; font-weight: 600; } @media only screen and (max-width: 1279px) { .lp-mediaExample-title { font-size: calc(2.2rem + ((1vw - 0.36rem) * (1.73913))); } } @media only screen and (max-width: 1279px) { .lp-mediaExample-title { margin-bottom: 16px; } } .lp-mediaExample-titleGroup { flex: 1; } @media only screen and (max-width: 1279px) { .lp-mediaExample-titleGroup { margin-bottom: 32px; text-align: center; } } .lp-mediaExample-titleGroup > *:last-child { margin-bottom: 0; } .lp-mediaExample-text { margin-bottom: 16px; font-size: 1.8rem; } @media only screen and (max-width: 1279px) { .lp-mediaExample-text { font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.21739))); } } @media only screen and (max-width: 1279px) { .lp-mediaExample-text { margin-bottom: 32px; } } @media only screen and (max-width: 1279px) { .lp-mediaExample-body { max-width: 600px; margin: 0 auto; text-align: center; } } .lp-mediaExample-body > *:last-child { margin-bottom: 0; } .lp-navigationSeries { margin: 0 auto 16px; padding: 0 10px; border: 0; } .lp-navigationSeries-linkList { margin-left: -24px; } @media only screen and (max-width: 1023px) { .lp-navigationSeries-linkList { margin-left: -8px; } } .lp-navigationSeries-linkList > li { margin-left: 24px; font-size: 1.4rem; } @media only screen and (max-width: 1023px) { .lp-navigationSeries-linkList > li { margin-left: 8px; font-size: 1.2rem; } } .lp-navigationSeries-linkList > li:first-child > a { padding-left: 0; } .lp-navigationSeries-linkList > li:first-child > a::before { content: none; } .lp-navigationSeries-linkList > li > a { padding-left: 24px; color: #333; } .lp-navigationSeries-linkList > li > a:hover, .lp-navigationSeries-linkList > li > a:focus, .lp-navigationSeries-linkList > li > a:visited { color: #333; text-decoration: none; } @media only screen and (max-width: 1023px) { .lp-navigationSeries-linkList > li > a { padding-left: 8px; } } .lp-navigationSeries-linkList > li > a::before { display: block; position: absolute; top: 50%; right: -14px; width: 1px; height: 11px; transform: translateY(-50%); border: 0; background-color: #333; content: ""; } .lp-listNote { margin-bottom: 16px; font-size: 1.4rem; } .lp-listNote > li { margin-bottom: 8px; } .lp-listNote > *:last-child { margin-bottom: 0; } @media screen and (min-width: 1024px) { .lp-largeScreen-line-break { display: block; } } .lp-largeScreen-hide { display: none; } @media only screen and (max-width: 1023px) { .lp-largeScreen-hide { display: block; } } @media only screen and (max-width: 1023px) { .lp-smallScreen-hide { display: none; } } @media only screen and (max-width: 1023px) { .lp-smallScreen-line-break { display: block; } } @media only screen and (max-width: 1023px) { .lp-smallScreen-marginBottom-none { margin-bottom: 0 !important; } } @media only screen and (max-width: 1023px) { .lp-smallScreen-textAlign-center { text-align: center; } } .lp-section { margin-bottom: 240px; } @media only screen and (max-width: 1659px) { .lp-section { margin-bottom: calc((240 * 100vw) / 1660); } } @media only screen and (max-width: 1279px) { .lp-section { margin-bottom: 96px; } } .lp-section-content { max-width: calc(1280px + (20px * 2)); margin: 0 auto; padding: 0 20px; } .lp-section-content > *:last-child { margin-bottom: 0; } .lp-section.of-primary { padding: 40px 0; background: transparent linear-gradient(90deg, #1883b3 0%, #0b0b0d 14%, #0b0b0d 84%, #1883b3 100%) 0% 0% no-repeat; color: #fff; } @media only screen and (max-width: 1659px) { .lp-section.of-primary { background: transparent linear-gradient(90deg, #1883b3 0%, #0b0b0d 9%, #0b0b0d 92%, #1883b3 100%) 0% 0% no-repeat; } } @media only screen and (max-width: 1279px) { .lp-section.of-primary { padding: 0; background: none; color: #333; } } .lp-section.of-asset { margin-bottom: 0; background-color: #171e30; } .lp-section.of-asset .lp-section-content { max-width: calc(1660px + (20px * 2)); padding: 0 20px 40px; } .lp-section > *:last-child { margin-bottom: 0; } .lp-stepAnimation { display: flex; align-items: center; margin-bottom: 38px; margin-left: -128px; } @media only screen and (max-width: 1279px) { .lp-stepAnimation { flex-direction: column; margin-bottom: 32px; margin-left: 0; } } .lp-stepAnimation-column { position: relative; max-width: 422px; padding-left: 128px; } .lp-stepAnimation-column::after { position: absolute; top: 50%; right: -90px; width: 50px; height: 50px; transform: translateY(-50%); background-image: url("../../../../img/landing_page/vl-700_pr/vl-700_pr_page_icon_01.png"); background-repeat: no-repeat; background-size: contain; content: ""; } @media only screen and (max-width: 1279px) { .lp-stepAnimation-column::after { top: auto; right: 47%; bottom: -35px; width: 22px; height: 20px; transform: translateX(-50%); background-image: url("../../../../img/landing_page/vl-700_pr/vl-700_pr_page_icon_02.png"); } } .lp-stepAnimation-column:last-child::after { content: none; } @media only screen and (max-width: 1279px) { .lp-stepAnimation-column { width: 100%; margin-bottom: 52px; padding-left: 0; } } @media only screen and (max-width: 1279px) { .lp-stepAnimation-column.of-smallScreen-padding-primary { padding: 0 18px; } } .lp-stepAnimation-column.of-tertiary, .lp-stepAnimation-column.of-senary { max-width: 564px; } @media only screen and (max-width: 1279px) { .lp-stepAnimation.of-smallScreen-marginBottom-large { margin-bottom: 64px; } } .lp-stepAnimation > *:last-child { margin-bottom: 0; } @media screen and (min-width: 1280px) { [data-script-enabled="true"] .lp-stepAnimation-column { opacity: 0; } } [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-primary { -webkit-animation: fadePc 0.4s 0.1s 1 forwards; animation: fadePc 0.4s 0.1s 1 forwards; } @media only screen and (max-width: 1279px) { [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-primary { -webkit-animation: none; animation: none; } } [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-secondary { -webkit-animation: fadePc 0.4s 0.5s 1 forwards; animation: fadePc 0.4s 0.5s 1 forwards; } @media only screen and (max-width: 1279px) { [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-secondary { -webkit-animation: none; animation: none; } } [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-tertiary { -webkit-animation: fadePc 0.4s 0.9s 1 forwards; animation: fadePc 0.4s 0.9s 1 forwards; } @media only screen and (max-width: 1279px) { [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-tertiary { -webkit-animation: none; animation: none; } } [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-quaternary { -webkit-animation: fadePc 0.4s 1.9s 1 forwards; animation: fadePc 0.4s 1.9s 1 forwards; } @media only screen and (max-width: 1279px) { [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-quaternary { -webkit-animation: none; animation: none; } } [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-quinary { -webkit-animation: fadePc 0.4s 2.3s 1 forwards; animation: fadePc 0.4s 2.3s 1 forwards; } @media only screen and (max-width: 1279px) { [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-quinary { -webkit-animation: none; animation: none; } } [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-senary { -webkit-animation: fadePc 0.4s 2.7s 1 forwards; animation: fadePc 0.4s 2.7s 1 forwards; } @media only screen and (max-width: 1279px) { [data-script-enabled="true"] .lp-stepAnimation-outer.is-active .lp-stepAnimation-column.of-senary { -webkit-animation: none; animation: none; } } .lp-textPhoneLink { width: 100%; text-align: center; } .lp-textPhoneLink > *:last-child { margin-bottom: 0; } .lp-textPhoneLink-icon { fill: #efefef; width: 3.8rem; height: 3.8rem; vertical-align: middle; } @media only screen and (max-width: 1023px) { .lp-textPhoneLink-icon { width: 3.2rem; height: 3.2rem; } } .lp-textPhoneLink-notes { flex-shrink: 0; max-width: 230px; margin-right: 16px; font-size: 2rem; } @media only screen and (max-width: 1023px) { .lp-textPhoneLink-notes { margin-right: 0; margin-bottom: 12px; font-size: 1.8rem; } } .lp-textPhoneLink-number { font-size: 2.6rem; font-weight: 600; } @media only screen and (max-width: 1023px) { .lp-textPhoneLink-number { font-size: 2.2rem; } } .lp-textPhoneLink-number > a, .lp-textPhoneLink-number > .prd-inlineLink[href] { color: #efefef; text-decoration: none; cursor: default; } .lp-textPhoneLink-number > a em, .lp-textPhoneLink-number > .prd-inlineLink[href] em { font-weight: 600; } .lp-textPhoneLink-numberGroup { display: flex; align-items: center; justify-content: center; color: #efefef; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup.of-column { flex-direction: column; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup.of-column .lp-textPhoneLink-number { display: flex; flex-direction: column; align-items: center; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup.of-column .lp-textPhoneLink-number > .prd-inlineLink[href], .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup.of-column .lp-textPhoneLink-number > a { color: #fff; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup.of-column .lp-textPhoneLink-number > .AutoPhoneCall { display: block; position: relative; padding-left: 3.8rem; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup.of-column .lp-textPhoneLink-number > .AutoPhoneCall::before { position: absolute; top: 50%; left: 0; width: 3.8rem; height: 3.8rem; transform: translateY(-50%); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8459 18.8048C24.0514 19.0103 24.0514 19.3435 23.8459 19.549L21.9896 21.4052C21.6958 21.699 21.3224 21.9075 20.9094 21.9533C17.7281 22.3057 14.2797 20.6242 11.8263 18.1708C9.37433 15.7188 7.69413 12.2717 8.04673 9.09064C8.09251 8.67763 8.30099 8.30421 8.59482 8.01038L10.4511 6.15412C10.6566 5.94863 10.9897 5.94863 11.1952 6.15412L13.7998 8.75867C14.0053 8.96416 14.0053 9.29733 13.7998 9.50282L11.1583 12.1443C11.1452 13.8391 12.0519 15.3826 13.3347 16.6653C14.6182 17.9489 16.1599 18.8556 17.8557 18.8417L20.5604 16.2479C20.767 16.0497 21.0942 16.0531 21.2967 16.2556L23.8459 18.8048Z' fill='%23fff'/%3E%3C/svg%3E"); content: ""; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup .lp-textPhoneLink-notes { max-width: 100%; margin-right: 0; margin-bottom: 4px; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup .lp-textPhoneLink-number > .prd-inlineLink[href], .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup .lp-textPhoneLink-number > a { color: #171e30; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup .lp-textPhoneLink-number .TelSlsh { display: none; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup .lp-textPhoneLink-number > .AutoPhoneCall { position: relative; padding-left: 3.8rem; } .lp-textPhoneLink.of-secondary .lp-textPhoneLink-numberGroup .lp-textPhoneLink-number > .AutoPhoneCall::before { position: absolute; top: 50%; left: 0; width: 3.8rem; height: 3.8rem; transform: translateY(-50%); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8459 18.8048C24.0514 19.0103 24.0514 19.3435 23.8459 19.549L21.9896 21.4052C21.6958 21.699 21.3224 21.9075 20.9094 21.9533C17.7281 22.3057 14.2797 20.6242 11.8263 18.1708C9.37433 15.7188 7.69413 12.2717 8.04673 9.09064C8.09251 8.67763 8.30099 8.30421 8.59482 8.01038L10.4511 6.15412C10.6566 5.94863 10.9897 5.94863 11.1952 6.15412L13.7998 8.75867C14.0053 8.96416 14.0053 9.29733 13.7998 9.50282L11.1583 12.1443C11.1452 13.8391 12.0519 15.3826 13.3347 16.6653C14.6182 17.9489 16.1599 18.8556 17.8557 18.8417L20.5604 16.2479C20.767 16.0497 21.0942 16.0531 21.2967 16.2556L23.8459 18.8048Z' fill='%23333'/%3E%3C/svg%3E"); content: ""; } @media only screen and (max-width: 1023px) { .lp-textPhoneLink-numberGroup { flex-direction: column; } } .lp-textPhoneLink.of-primary .lp-textPhoneLink-number > a, .lp-textPhoneLink.of-primary .lp-textPhoneLink-number > .prd-inlineLink[href] { color: #171e30; } .lp-textPhoneLink.of-primary .lp-textPhoneLink-numberGroup { color: #171e30; } .lp-textPhoneLink.of-primary .lp-textPhoneLink-icon { fill: #171e30; } .lp-textScroll { visibility: visible; z-index: 500; position: fixed; right: 34px; bottom: 120px; padding-bottom: 33px; color: #666; font-size: 1.4rem; transition: opacity 0.3s ease, visibility 0.3s ease; } @media only screen and (max-width: 1659px) { .lp-textScroll { right: calc((34 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .lp-textScroll { display: none; } } .lp-textScroll.is-hide { visibility: hidden; opacity: 0; } .lp-textScroll span { display: inline-flex; position: relative; transform: rotate(90deg); } .lp-textScroll span::after { position: absolute; bottom: 7px; left: 63px; width: 50px; height: 4px; transform: skew(45deg); border-right: solid 1px #666; border-bottom: solid 1px #666; content: ""; } .theme-KA .lp-jumbotron-content, .theme-KIB:lang(en) .lp-jumbotron-content { max-width: 1600px; } .theme-KA .lp-jumbotron-body, .theme-KIB:lang(en) .lp-jumbotron-body { flex: none; width: 100%; max-width: 765px; margin-right: 60px; } @media only screen and (max-width: 1659px) { .theme-KA .lp-jumbotron-body, .theme-KIB:lang(en) .lp-jumbotron-body { max-width: calc((800 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .theme-KA .lp-jumbotron-body, .theme-KIB:lang(en) .lp-jumbotron-body { max-width: calc(30rem + ((1vw - 0.36rem) * (49.18033))); margin: 0 auto; } } .theme-KA .lp-jumbotron-title, .theme-KIB:lang(en) .lp-jumbotron-title { font-size: 7.6rem; } @media only screen and (max-width: 1659px) { .theme-KA .lp-jumbotron-title, .theme-KIB:lang(en) .lp-jumbotron-title { font-size: calc(3rem + ((1vw - 0.36rem) * (3.53846))); } } .theme-KA .lp-jumbotron-image, .theme-KIB:lang(en) .lp-jumbotron-image { max-width: 800px; } @media only screen and (max-width: 1659px) { .theme-KA .lp-jumbotron-image, .theme-KIB:lang(en) .lp-jumbotron-image { max-width: calc((700 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .theme-KA .lp-jumbotron-image, .theme-KIB:lang(en) .lp-jumbotron-image { max-width: 600px; } } @media only screen and (max-width: 1659px) { .theme-KIB:lang(pl) .lp-jumbotron-content, .theme-KIB:lang(hu) .lp-jumbotron-content, .theme-KIB:lang(cs) .lp-jumbotron-content, .theme-KIB:lang(nl) .lp-jumbotron-content, .theme-KIB:lang(fr) .lp-jumbotron-content { padding: 30px 20px; } } @media only screen and (max-width: 1023px) { .theme-KIB:lang(pl) .lp-jumbotron-content, .theme-KIB:lang(hu) .lp-jumbotron-content, .theme-KIB:lang(cs) .lp-jumbotron-content, .theme-KIB:lang(nl) .lp-jumbotron-content, .theme-KIB:lang(fr) .lp-jumbotron-content { padding: 0 20px; } } .theme-KIB:lang(pl) .lp-jumbotron-title, .theme-KIB:lang(hu) .lp-jumbotron-title, .theme-KIB:lang(cs) .lp-jumbotron-title, .theme-KIB:lang(nl) .lp-jumbotron-title, .theme-KIB:lang(fr) .lp-jumbotron-title { font-size: 7.4rem; } @media only screen and (max-width: 1659px) { .theme-KIB:lang(pl) .lp-jumbotron-title, .theme-KIB:lang(hu) .lp-jumbotron-title, .theme-KIB:lang(cs) .lp-jumbotron-title, .theme-KIB:lang(nl) .lp-jumbotron-title, .theme-KIB:lang(fr) .lp-jumbotron-title { font-size: calc(2.6rem + ((1vw - 0.36rem) * (3.53846))); } } .theme-KIB:lang(pl) .lp-jumbotron-image, .theme-KIB:lang(hu) .lp-jumbotron-image, .theme-KIB:lang(cs) .lp-jumbotron-image, .theme-KIB:lang(nl) .lp-jumbotron-image, .theme-KIB:lang(fr) .lp-jumbotron-image { max-width: 650px; } @media only screen and (max-width: 1659px) { .theme-KIB:lang(pl) .lp-jumbotron-image, .theme-KIB:lang(hu) .lp-jumbotron-image, .theme-KIB:lang(cs) .lp-jumbotron-image, .theme-KIB:lang(nl) .lp-jumbotron-image, .theme-KIB:lang(fr) .lp-jumbotron-image { max-width: calc((630 * 100vw) / 1660); } } @media only screen and (max-width: 1023px) { .theme-KIB:lang(pl) .lp-jumbotron-image, .theme-KIB:lang(hu) .lp-jumbotron-image, .theme-KIB:lang(cs) .lp-jumbotron-image, .theme-KIB:lang(nl) .lp-jumbotron-image, .theme-KIB:lang(fr) .lp-jumbotron-image { max-width: 600px; } } @keyframes mvAnimation1 { 0% { transform: translate(0); } 100% { transform: translate(30px); } } @keyframes mvAnimation2 { 0% { transform: translate(0); } 100% { transform: translate(70px); } } .theme-KC .lp-jumbotron-title, .theme-KW .lp-jumbotron-title { font-size: 7.6rem; } @media only screen and (max-width: 1659px) { .theme-KC .lp-jumbotron-title, .theme-KW .lp-jumbotron-title { font-size: calc(3rem + ((1vw - 0.36rem) * (3.53846))); } } .theme-KC .lp-jumbotron-title > span, .theme-KW .lp-jumbotron-title > span { -webkit-animation: unset !important; padding-left: 0; animation: unset !important; will-change: unset !important; } .theme-KC .lp-jumbotron-title > span::before, .theme-KW .lp-jumbotron-title > span::before { content: none; } .theme-KC .lp-jumbotron-titleGroup, .theme-KW .lp-jumbotron-titleGroup { line-height: 1.2; } @media only screen and (max-width: 1023px) { .theme-KC .lp-jumbotron-title, .theme-KW .lp-jumbotron-title { text-align: center; } } .theme-KC .lp-jumbotron-series, .theme-KW .lp-jumbotron-series { font-size: 2.2rem; } @media only screen and (max-width: 1659px) { .theme-KC .lp-jumbotron-series, .theme-KW .lp-jumbotron-series { font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.46154))); } } .theme-KC .lp-layout-header-logo > a > img { width: 266px; } @media only screen and (max-width: 1023px) { .theme-KC .lp-layout-header-logo > a > img { width: 175px; } } .theme-KC .lp-figureAnimation-caption, .theme-KW .lp-figureAnimation-caption { font-size: 1.6rem; } @media only screen and (max-width: 1279px) { .theme-KC .lp-figureAnimation-caption, .theme-KW .lp-figureAnimation-caption { font-size: 1.4rem; } } .theme-KC .lp-figureAnimation.of-result .lp-figureAnimation-caption, .theme-KW .lp-figureAnimation.of-result .lp-figureAnimation-caption { font-size: 1.8rem; } @media only screen and (max-width: 1279px) { .theme-KC .lp-figureAnimation.of-result .lp-figureAnimation-caption, .theme-KW .lp-figureAnimation.of-result .lp-figureAnimation-caption { font-size: 1.4rem; } } .theme-KC .lp-label, .theme-KW .lp-label { font-size: 2.6rem; } @media only screen and (max-width: 1279px) { .theme-KC .lp-label, .theme-KW .lp-label { font-size: calc(1.6rem + ((1vw - 0.36rem) * (1.08696))); } } .theme-KC .lp-media-title, .theme-KW .lp-media-title { font-size: 3.6rem; } @media only screen and (max-width: 1279px) { .theme-KC .lp-media-title, .theme-KW .lp-media-title { font-size: calc(2rem + ((1vw - 0.36rem) * (1.73913))); } } .theme-KC .lp-media-text, .theme-KW .lp-media-text { font-size: 1.6rem; } .theme-KC .lp-mediaAsset-title, .theme-KW .lp-mediaAsset-title { font-size: 4.6rem; } @media only screen and (max-width: 1659px) { .theme-KC .lp-mediaAsset-title, .theme-KW .lp-mediaAsset-title { font-size: calc(2.2rem + ((1vw - 0.36rem) * (1.84615))); } } .theme-KC .lp-mediaExample-title, .theme-KW .lp-mediaExample-title { font-size: 3.6rem; } @media only screen and (max-width: 1659px) { .theme-KC .lp-mediaExample-title, .theme-KW .lp-mediaExample-title { font-size: calc(2rem + ((1vw - 0.36rem) * (1.23077))); } } .theme-KC .lp-mediaExample-text, .theme-KW .lp-mediaExample-text { font-size: 1.6rem; } @media only screen and (max-width: 1279px) { .theme-KC .lp-mediaExample-text, .theme-KW .lp-mediaExample-text { font-size: calc(1.4rem + ((1vw - 0.36rem) * (0.21739))); } } .theme-KC .lp-list > li, .theme-KW .lp-list > li { font-size: 1.6rem; } .theme-KC .lp-textPhoneLink-notes, .theme-KW .lp-textPhoneLink-notes { font-size: 1.8rem; } @media only screen and (max-width: 1023px) { .theme-KC .lp-textPhoneLink-notes, .theme-KW .lp-textPhoneLink-notes { font-size: 1.6rem; } } .theme-KC .lp-textPhoneLink-number, .theme-KW .lp-textPhoneLink-number { font-size: 2.4rem; } @media only screen and (max-width: 1023px) { .theme-KC .lp-textPhoneLink-number, .theme-KW .lp-textPhoneLink-number { font-size: 2rem; } } .theme-KD .lp-mediaAsset-title, .theme-KIB:lang(de) .lp-mediaAsset-title { font-size: 4rem; } @media only screen and (max-width: 1659px) { .theme-KD .lp-mediaAsset-title, .theme-KIB:lang(de) .lp-mediaAsset-title { font-size: calc(2.4rem + ((1vw - 0.36rem) * (1.23077))); } } .lp-utility-textAlign-center { text-align: center; } .lp-utility-textAlign-right { text-align: right; } .lp-utility-textAlign-left { text-align: left; } .lp-utility-line-break { display: block; } .lp-utility-marginBottom-small { margin-bottom: 16px; } .lp-utility-width-full { width: 100%; } .lp-video { display: block; width: 100%; height: 100%; } .lp-video-button { position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; overflow: hidden; background: #000; } .lp-video-button::before { display: block; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15%2C1.5A13.5%2C13.5%2C0%2C0%2C0%2C5.454%2C24.546%2C13.5%2C13.5%2C0%2C1%2C0%2C24.546%2C5.454%2C13.412%2C13.412%2C0%2C0%2C0%2C15%2C1.5M15%2C0A15%2C15%2C0%2C1%2C1%2C0%2C15%2C15%2C15%2C0%2C0%2C1%2C15%2C0Z%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20transform%3D%22translate(10.5%2010.5)%22%3E%3Crect%20width%3D%223%22%20height%3D%229.75%22%20transform%3D%22translate(6)%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%223%22%20height%3D%229.75%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center; content: ""; } .lp-video-button.is-paused::before { background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15%2C1.5A13.5%2C13.5%2C0%2C0%2C0%2C5.454%2C24.546%2C13.5%2C13.5%2C0%2C1%2C0%2C24.546%2C5.454%2C13.412%2C13.412%2C0%2C0%2C0%2C15%2C1.5M15%2C0A15%2C15%2C0%2C1%2C1%2C0%2C15%2C15%2C15%2C0%2C0%2C1%2C15%2C0Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4.875%2C0%2C9.75%2C8.25H0Z%22%20transform%3D%22translate(20.25%2010.5)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center; } .lp-video-buttonText { position: absolute; left: -500%; white-space: nowrap; }