@charset "UTF-8"; .lp-buttonConversion { display: inline-block; max-width: 100%; background: #dc002f; color: #fff; font-size: 2rem; line-height: 1.4; text-align: center; text-decoration: none; } @media only screen and (max-width: 640px) { .lp-buttonConversion { font-size: 1.6rem; } } .lp-buttonConversion-body { display: flex; align-items: center; padding: 12px 8px 12px 24px; } @media only screen and (max-width: 640px) { .lp-buttonConversion-body { padding-top: 14px; padding-bottom: 14px; } } .lp-buttonConversion-text { margin-right: 16px; } .lp-buttonConversion-image { margin: -22px 0; border: 1px solid #ccc; } .lp-buttonConversion-image > img { min-width: 42px; max-width: 60px; } .lp-buttonConversion.of-download .lp-buttonConversion-body, .lp-buttonConversion.of-anchor .lp-buttonConversion-body, .lp-buttonConversion.of-arrow .lp-buttonConversion-body, .lp-buttonConversion.of-inquiry .lp-buttonConversion-body { position: relative; padding-left: 53px; } .lp-buttonConversion.of-download .lp-buttonConversion-body::before, .lp-buttonConversion.of-anchor .lp-buttonConversion-body::before, .lp-buttonConversion.of-arrow .lp-buttonConversion-body::before, .lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before { display: block; position: absolute; top: 50%; left: 24px; width: 19px; height: 18px; transform: translateY(-50%); content: ""; } .lp-buttonConversion.of-download .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_dl.png") no-repeat center center; } .lp-buttonConversion.of-anchor .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_anc_03.png") no-repeat center center; } .lp-buttonConversion.of-arrow .lp-buttonConversion-body::before { left: 26px; height: 12px; border-width: 7px 0 7px 13px; border-style: solid; border-color: transparent transparent transparent #fff; } .lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_inquiry_01.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body { position: relative; padding-left: 53px; } .lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before { display: block; position: absolute; top: 50%; left: 24px; width: 19px; height: 18px; transform: translateY(-50%); content: ""; } .lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_usd.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_jpy.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_gbp.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_krw.png") no-repeat center center; } .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before { background: url("../../img/landing_page/common/icon_btn_price_eur.png") no-repeat center center; } .lp-buttonConversion.of-primary { background: #13778f; } .lp-buttonConversion.of-secondary { background: #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; } .lp-utility-line-break { display: block; } .lp-utility-fontWeight-bold { font-weight: bold; } .lp-utility-fontWeight-normal { font-weight: normal; } .lp-utility-textAlign-center { text-align: center; } .lp-utility-color-emphasis { color: #dc002f; } .lp-utility-text-large { font-size: 28px; line-height: 1.7; } @media screen and (max-width: 1024px) { .lp-utility-text-large { font-size: calc(1.8rem + ((1vw - 0.36rem) * (1.50602))); } } @media screen and (max-width: 1024px) { .lp-smallScreen-line-break { display: block; } } @media screen and (max-width: 1024px) { .lp-smallScreen-hide { display: none; } } @media screen and (max-width: 1024px) { .lp-smallScreen-padding-none { padding: 0 !important; } } @media screen and (max-width: 1024px) { .lp-smallScreen-lastChild { margin-bottom: 0 !important; } } @media screen and (max-width: 1024px) { .lp-smallScreen-textAlign-left { text-align: left; } } @media screen and (max-width: 1024px) { .lp-smallScreen-height-auto { height: auto !important; } } .lp-layout-grid { display: flex; flex-wrap: wrap; margin: -32px 0 32px -32px; } @media screen and (max-width: 1024px) { .lp-layout-grid { margin-left: -20px; } } .lp-layout-grid > .lp-layout-grid-column { margin-top: 32px; padding-left: 32px; } @media screen and (max-width: 1024px) { .lp-layout-grid > .lp-layout-grid-column { padding-left: 20px; } } .lp-layout-grid > .lp-layout-grid-column:not([class*="of-column-"]) { width: 100%; } .lp-layout-grid > .lp-layout-grid-column.of-flex { display: flex; flex-wrap: wrap; } .lp-layout-grid > .lp-layout-grid-column.of-flex > * { width: 100%; } .lp-layout-grid > .lp-layout-grid-column > *:last-child { margin-bottom: 0; } @media screen and (max-width: 1024px) { .lp-layout-grid.of-rowMargin-narrow { margin-top: -20px; } .lp-layout-grid.of-rowMargin-narrow > .lp-layout-grid-column { margin-top: 20px; } } .lp-layout-grid.of-column-2 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 50%; } .lp-layout-grid.of-column-3 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 33.33333%; } .lp-layout-grid.of-column-4 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 25%; } .lp-layout-grid.of-column-5 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 20%; } .lp-layout-grid.of-column-6 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 16.66667%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 14.28571%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 12.5%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 11.11111%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 10%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 9.09091%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column:not([class*="of-column-"]) { width: 8.33333%; } .lp-layout-grid.of-column-2 > .lp-layout-grid-column.of-column-2 { width: 100%; } .lp-layout-grid.of-column-3 > .lp-layout-grid-column.of-column-2 { width: 66.66667%; } .lp-layout-grid.of-column-3 > .lp-layout-grid-column.of-column-3 { width: 100%; } .lp-layout-grid.of-column-4 > .lp-layout-grid-column.of-column-2 { width: 50%; } .lp-layout-grid.of-column-4 > .lp-layout-grid-column.of-column-3 { width: 75%; } .lp-layout-grid.of-column-4 > .lp-layout-grid-column.of-column-4 { width: 100%; } .lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-2 { width: 40%; } .lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-3 { width: 60%; } .lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-4 { width: 80%; } .lp-layout-grid.of-column-5 > .lp-layout-grid-column.of-column-5 { width: 100%; } .lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-2 { width: 33.33333%; } .lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-3 { width: 50%; } .lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-4 { width: 66.66667%; } .lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-5 { width: 83.33333%; } .lp-layout-grid.of-column-6 > .lp-layout-grid-column.of-column-6 { width: 100%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-2 { width: 28.57143%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-3 { width: 42.85714%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-4 { width: 57.14286%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-5 { width: 71.42857%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-6 { width: 85.71429%; } .lp-layout-grid.of-column-7 > .lp-layout-grid-column.of-column-7 { width: 100%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-2 { width: 25%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-3 { width: 37.5%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-4 { width: 50%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-5 { width: 62.5%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-6 { width: 75%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-7 { width: 87.5%; } .lp-layout-grid.of-column-8 > .lp-layout-grid-column.of-column-8 { width: 100%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-2 { width: 22.22222%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-3 { width: 33.33333%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-4 { width: 44.44444%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-5 { width: 55.55556%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-6 { width: 66.66667%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-7 { width: 77.77778%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-8 { width: 88.88889%; } .lp-layout-grid.of-column-9 > .lp-layout-grid-column.of-column-9 { width: 100%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-2 { width: 20%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-3 { width: 30%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-4 { width: 40%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-5 { width: 50%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-6 { width: 60%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-7 { width: 70%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-8 { width: 80%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-9 { width: 90%; } .lp-layout-grid.of-column-10 > .lp-layout-grid-column.of-column-10 { width: 100%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-2 { width: 18.18182%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-3 { width: 27.27273%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-4 { width: 36.36364%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-5 { width: 45.45455%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-6 { width: 54.54545%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-7 { width: 63.63636%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-8 { width: 72.72727%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-9 { width: 81.81818%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-10 { width: 90.90909%; } .lp-layout-grid.of-column-11 > .lp-layout-grid-column.of-column-11 { width: 100%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-2 { width: 16.66667%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-3 { width: 25%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-4 { width: 33.33333%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-5 { width: 41.66667%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-6 { width: 50%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-7 { width: 58.33333%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-8 { width: 66.66667%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-9 { width: 75%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-10 { width: 83.33333%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-11 { width: 91.66667%; } .lp-layout-grid.of-column-12 > .lp-layout-grid-column.of-column-12 { width: 100%; } @media screen and (max-width: 1024px) { .lp-layout-grid[class*="of-column-"] > .lp-layout-grid-column:not([class*="of-column-"]), .lp-layout-grid[class*="of-column-"] > .lp-layout-grid-column[class*="of-column-"] { width: 100%; } } @media screen and (max-width: 1024px) { .lp-layout-grid.of-smallScreen-column-2 > .lp-layout-grid-column:not([class*="of-column-"]), .lp-layout-grid.of-smallScreen-column-2 > .lp-layout-grid-column[class*="of-column-"] { width: 50%; } .lp-layout-grid.of-smallScreen-column-3 > .lp-layout-grid-column:not([class*="of-column-"]), .lp-layout-grid.of-smallScreen-column-3 > .lp-layout-grid-column[class*="of-column-"] { width: 33.33333%; } } .lp-layout-container { max-width: calc(1120px + 40px); margin: 0 auto; padding: 0 20px; } .lp-layout-cluster { display: flex; flex-wrap: wrap; align-items: center; margin: -12px 0 0 -28px; } @media screen and (max-width: 1024px) { .lp-layout-cluster { flex-direction: column; margin-left: calc(-1rem + ((1vw - 0.36rem) * (-2.10843))); } } .lp-layout-cluster > * { margin-top: 12px; margin-bottom: 0 !important; margin-left: 28px; } @media screen and (max-width: 1024px) { .lp-layout-cluster > * { margin-left: calc(1rem + ((1vw - 0.36rem) * (2.10843))); } } .lp-layout-cluster .lp-listButton { margin-top: 0; margin-left: 0; } .lp-layout-cluster .lp-listButton > li:first-child { margin-left: 28px; } @media screen and (max-width: 1024px) { .lp-layout-cluster .lp-listButton > li:first-child { margin-left: calc(1rem + ((1vw - 0.36rem) * (2.10843))); } } .lp-jumbotron { margin-bottom: 56px; } @media screen and (max-width: 1024px) { .lp-jumbotron { margin-bottom: 20px; } } .lp-jumbotron-content { display: flex; align-items: center; margin: 0 0 0 -20px; padding-top: 48px; } .lp-jumbotron-content > * { padding-left: 20px; } @media screen and (max-width: 1024px) { .lp-jumbotron-content { flex-direction: column-reverse; padding-top: 20px; } .lp-jumbotron-content > * { width: 100%; } } .lp-jumbotron-body { flex: 1; } .lp-jumbotron-body > *:last-child { margin-bottom: 0; } .lp-jumbotron-title { margin-bottom: 48px; font-size: 48px; line-height: 1.3; } @media screen and (max-width: 1024px) { .lp-jumbotron-title { margin-bottom: 24px; font-size: calc(2.4rem + ((1vw - 0.36rem) * (3.61446))); line-height: 1.5; text-align: center; } } .lp-jumbotron-title.of-text-small { font-size: 44px; } @media screen and (max-width: 1024px) { .lp-jumbotron-title.of-text-small { font-size: calc(2.4rem + ((1vw - 0.36rem) * (3.01205))); } } .lp-jumbotron-video { width: calc(384px + 20px); min-width: calc(384px + 20px); height: calc((384px / 16) * 9); } @media screen and (max-width: 1024px) { .lp-jumbotron-video { width: 100%; min-width: auto; max-width: calc(384px + 20px); margin-bottom: 20px; } } .lp-listButton { display: flex; flex-wrap: wrap; margin: -12px 0 20px -24px; } @media screen and (max-width: 1024px) { .lp-listButton { justify-content: center; margin-left: calc(-1rem + ((1vw - 0.36rem) * (-2.10843))); } } .lp-listButton > li { margin: 12px 0 0 24px; } @media screen and (max-width: 1024px) { .lp-listButton > li { margin: 12px 0 0 calc(1rem + ((1vw - 0.36rem) * (2.10843))); } } .lp-listButton > li > *:last-child { margin-bottom: 0; } .lp-button { display: inline-block; position: relative; min-width: 160px; margin-bottom: 16px; padding: 13px 34px; border-bottom: 2px solid #a1740b; background-color: #ffbd21; color: #333; font-size: 22px; font-weight: bold; text-align: center; text-decoration: none; transition: opacity 0.3s ease 0s; } .lp-buttonConversion { display: inline-flex; justify-content: center; width: 300px; transition: all 0.5s ease-out; } @media screen and (max-width: 1024px) { .lp-buttonConversion { width: calc(18rem + ((1vw - 0.36rem) * (18.07229))); } } .lp-buttonConversion:hover { background-color: #c6002a; } .lp-buttonConversion.of-width-wide { width: 360px; } @media screen and (max-width: 424px) { .lp-buttonConversion.of-width-wide { width: calc(30.5rem + ((1vw - 0.36rem) * (85.9375))); } } .lp-button.of-primary { border: 1px solid #dc002f; background-color: #fff; transition: all 0.5s ease-out; } .lp-button.of-primary:hover { background-color: #ffe8ed; opacity: 1; } @media screen and (max-width: 1024px) { .lp-button { width: 100%; min-width: calc(10rem + ((1vw - 0.36rem) * (3.01205))); padding: calc(0.6rem + ((1vw - 0.36rem) * (1.05422))) calc(1.4rem + ((1vw - 0.36rem) * (3.01205))) calc(0.6rem + ((1vw - 0.36rem) * (1.05422))) calc(2rem + ((1vw - 0.36rem) * (2.10843))); font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.90361))); } } .lp-button::before { display: block; position: absolute; top: calc(50% - 5px); left: 16px; width: 0; height: 0; border-width: calc(11px / 2) 8px; border-style: solid; border-color: transparent transparent transparent #000; content: ""; } @media screen and (max-width: 1024px) { .lp-button::before { top: calc(50% - 4px); left: 6px; border-width: calc(8px / 2) 4px; } } .lp-button:hover { opacity: 0.7; } .lp-textAttention { position: relative; margin-bottom: 16px; padding-left: 22px; font-size: 24px; font-weight: bold; } @media screen and (max-width: 1024px) { .lp-textAttention { margin-bottom: 40px; font-size: calc(1.6rem + ((1vw - 0.36rem) * (1.20482))); } } .lp-textAttention::before { display: inline-block; position: absolute; top: 50%; left: 0; width: 18px; height: 25px; transform: translateY(-50%); background: url("../../img/landing_page/lp_cross-boarder-support_01123602/lp_cross-boarder-support_01123602_long_img_01.png") no-repeat; content: ""; } .lp-section { margin-bottom: 120px; } @media screen and (max-width: 1024px) { .lp-section { margin-bottom: 64px; } } .lp-section > *:last-child { margin-bottom: 0; } .lp-section-group > *:last-child { margin-bottom: 80px; } @media screen and (max-width: 1024px) { .lp-section-group > *:last-child { margin-bottom: 48px; } } .lp-section-group.of-marginBottom-narrow > *:last-child { margin-bottom: 60px; } @media screen and (max-width: 1024px) { .lp-section-group.of-marginBottom-narrow > *:last-child { margin-bottom: 48px; } } .lp-section-body > *:last-child { margin-bottom: 0; } .lp-section.of-primary { margin-bottom: 100px; font-size: 17px; } @media screen and (max-width: 1024px) { .lp-section.of-primary { margin-bottom: 64px; font-size: 16px; } } .lp-cardBalloon { position: relative; margin-bottom: 51px; padding: 32px; background-color: #ebebeb; } @media screen and (max-width: 1024px) { .lp-cardBalloon { padding: 20px; } } .lp-cardBalloon::before { display: block; position: absolute; bottom: -54px; left: 50%; width: 0; height: 0; transform: translateX(-50%); border-width: 30px 35px; border-style: solid; border-color: #ebebeb transparent transparent transparent; content: ""; } @media screen and (max-width: 1024px) { .lp-cardBalloon::before { bottom: -52px; } } .lp-cardBalloon > *:last-child { margin-bottom: 0; } .lp-listDescription { display: flex; align-items: center; margin: -16px 0 16px -32px; } @media screen and (max-width: 1024px) { .lp-listDescription { flex-direction: column; } } .lp-listDescription > * { margin: 16px 0 0 32px; } .lp-listDescription > dt { width: 320px; font-size: 22px; font-weight: bold; } @media screen and (max-width: 1024px) { .lp-listDescription > dt { width: auto; font-size: calc(1.8rem + ((1vw - 0.36rem) * (0.60241))); line-height: 1.7; text-align: center; } } .lp-listDescription > dd { flex: 1; font-size: 17px; } @media screen and (max-width: 1024px) { .lp-listDescription > dd { font-size: 16px; } } .lp-listDescription > dd > *:last-child { margin-bottom: 0; } .lp-list { margin-bottom: 8px; } .lp-list > li { position: relative; margin-bottom: 8px; padding-left: 12px; } @media screen and (max-width: 1024px) { .lp-list > li { margin-bottom: 4px; } } .lp-list > li::before { display: block; position: absolute; top: 0.5em; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #333; content: ""; } .lp-list > li:last-child { margin-bottom: 0; } .lp-list.of-primary { margin-bottom: 16px; } .lp-list.of-primary > li { margin-bottom: 24px; padding-left: 40px; } @media screen and (max-width: 1024px) { .lp-list.of-primary > li { margin-bottom: 16px; padding-left: 26px; } } .lp-list.of-primary > li::before, .lp-list.of-primary > li::after { display: block; position: absolute; height: 4px; transform: translateY(-50%); background-color: #e60012; content: ""; } @media screen and (max-width: 1024px) { .lp-list.of-primary > li::before, .lp-list.of-primary > li::after { height: 3px; } } .lp-list.of-primary > li::before { top: 0.8em; left: 0; width: 15px; transform: rotate(45deg); border-radius: 2px 0 0 2px; } @media screen and (max-width: 1024px) { .lp-list.of-primary > li::before { top: 0.8em; width: 9px; border-radius: calc(3px / 2) 0 0 calc(3px / 2); } } .lp-list.of-primary > li::after { top: 0.6em; left: 7px; width: 25px; transform: rotate(-45deg); border-radius: 0 2px 2px 0; } @media screen and (max-width: 1024px) { .lp-list.of-primary > li::after { top: 0.6em; left: 4px; width: 17px; border-radius: 0 calc(3px / 2) calc(3px / 2) 0; } } .lp-list.of-primary > li:last-child { margin-bottom: 0; } .lp-textLead { margin-bottom: 24px; font-size: 36px; font-weight: bold; line-height: 1.3; } @media screen and (max-width: 1024px) { .lp-textLead { font-size: calc(2.2rem + ((1vw - 0.36rem) * (2.10843))); line-height: 1.7; } } .lp-textLead.of-primary { font-size: 24px; font-weight: normal; line-height: 1.5; } @media screen and (max-width: 1024px) { .lp-textLead.of-primary { font-size: calc(1.6rem + ((1vw - 0.36rem) * (1.20482))); } } .lp-textLead.of-secondary { font-size: 21px; font-weight: normal; line-height: 1.5; } @media screen and (max-width: 1024px) { .lp-textLead.of-secondary { font-size: calc(1.5rem + ((1vw - 0.36rem) * (0.90361))); } } .lp-headingLevel2 { margin-bottom: 48px; background-color: #f2f2f2; font-size: 28px; text-align: center; } @media screen and (max-width: 1024px) { .lp-headingLevel2 { margin-bottom: 24px; font-size: calc(1.8rem + ((1vw - 0.36rem) * (1.50602))); } } .lp-headingLevel2-title { display: block; padding: 12px 16px; color: #de0011; } @media screen and (max-width: 1024px) { .lp-headingLevel2-title { padding: 8px 20px; } } .lp-headingLevel2-subtitle { display: block; padding: 16px; background-color: #e60012; color: #fff; font-size: 30px; line-height: 1.6; } @media screen and (max-width: 1024px) { .lp-headingLevel2-subtitle { padding: 12px 20px; font-size: calc(2rem + ((1vw - 0.36rem) * (1.50602))); line-height: 1.5; } } .lp-headingLevel3 { position: relative; margin-bottom: 24px; padding-left: 12px; font-size: 28px; } @media screen and (max-width: 1024px) { .lp-headingLevel3 { margin-bottom: 16px; font-size: calc(1.8rem + ((1vw - 0.36rem) * (1.50602))); } } .lp-headingLevel3::before { display: block; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #e60012; content: ""; } .lp-media { display: flex; flex-direction: column; margin-bottom: 16px; } .lp-media-body { flex: 1 0 auto; } .lp-media-body > *:last-child { margin-bottom: 0; } .lp-media-image { margin-top: 8px; } @media screen and (max-width: 1024px) { .lp-media-image { margin-top: 4px; } } .lp-media.of-primary { flex-direction: column-reverse; align-items: center; } .lp-media.of-primary .lp-media-body { font-size: 24px; text-align: center; } @media screen and (max-width: 1024px) { .lp-media.of-primary .lp-media-body { font-size: calc(1.6rem + ((1vw - 0.36rem) * (1.20482))); } } .lp-media.of-primary .lp-media-image { margin-top: 0; margin-bottom: 16px; } .lp-mediaData { display: flex; flex-direction: row-reverse; justify-content: center; margin: 0 0 24px -24px; } .lp-mediaData.of-alignItem-center { align-items: center; } @media screen and (max-width: 1024px) { .lp-mediaData { flex-direction: column-reverse; align-items: center; margin-bottom: 8px; } } .lp-mediaData > * { margin-left: 24px; } @media screen and (max-width: 1024px) { .lp-mediaData > * { padding: 0 42px; } } .lp-mediaData-body.of-width-small { max-width: 420px; } @media screen and (max-width: 1024px) { .lp-mediaData-body.of-width-small { max-width: 100%; } } @media screen and (max-width: 1024px) { .lp-mediaData-body { flex: 1 0 auto; } } .lp-mediaData-body > *:last-child { margin-bottom: 0; } .lp-mediaData-image { min-width: 540px; } @media screen and (max-width: 1024px) { .lp-mediaData-image { min-width: auto; margin-bottom: 8px; } } .lp-mediaFeature { display: flex; flex-direction: column; margin-bottom: 16px; } .lp-mediaFeature-header { margin-bottom: 23px; } @media screen and (max-width: 1024px) { .lp-mediaFeature-header { margin-bottom: 16px; } } .lp-mediaFeature-header > *:last-child { margin-bottom: 0; } .lp-mediaFeature-body { order: 1; font-size: 18px; } @media screen and (max-width: 1024px) { .lp-mediaFeature-body { font-size: calc(1.4rem + ((1vw - 0.36rem) * (0.60241))); } } .lp-mediaFeature-body > *:last-child { margin-bottom: 0; } .lp-mediaFeature-image { margin-bottom: 24px; } @media screen and (max-width: 1024px) { .lp-mediaFeature-image { margin-bottom: 16px; text-align: center; } } .lp-textEmphasis { position: relative; margin-bottom: 8px; padding-left: 12px; font-size: 20px; line-height: 1.8; } @media screen and (max-width: 1024px) { .lp-textEmphasis { margin-bottom: 4px; font-size: calc(1.4rem + ((1vw - 0.36rem) * (0.90361))); line-height: 1.5; } } .lp-textEmphasis::before { display: block; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background-color: #e60012; content: ""; } .lp-menuContact { z-index: 1000000001; position: fixed; top: 252px; right: 0; } @media screen and (max-width: 1024px) { .lp-menuContact { top: 292px; right: 2px; } } @media screen and (max-width: 424px) { .lp-menuContact { top: calc(25.6rem + ((1vw - 0.36rem) * (56.25))); } } .lp-menuContact-content { position: relative; } .lp-listUtility { max-width: 200px; margin: 0 0 4px auto; } .lp-listUtility > li { margin-bottom: 2px; } .lp-listUtility > li > * { display: flex; flex-direction: column-reverse; align-items: center; width: 100%; padding: 8px 12px; background-color: #13778f; color: #fff; text-align: center; transition: background-color 0.3s ease 0s; } @media screen and (max-width: 1024px) { .lp-listUtility > li > * { padding: 12px; } } .lp-listUtility > li > *.is-active, .lp-listUtility > li > *:hover { background-color: #19819a; } .lp-listUtility > li:first-child > * { border-radius: 5px 0 0 0; } .lp-listUtility > li:last-child > * { margin-bottom: 0; border-radius: 0 0 0 5px; } .lp-listUtility-link { text-decoration: none; } @media screen and (max-width: 1024px) { .lp-listUtility-link { position: relative; border-radius: 5px !important; } } @media screen and (max-width: 1024px) { .lp-listUtility-linkText { position: absolute; top: 0; left: calc(100% + 8px); white-space: nowrap; } } .lp-listUtility-linkIcon { fill: #fff; display: inline-flex; } .lp-listUtility-buttonIcon { fill: #fff; display: inline-flex; } .lp-dialog { position: absolute; right: 0; bottom: -242px; min-width: 238px; border: 1px solid #13778f; background-color: #fff; } .lp-dialog-closeButton { position: absolute; top: 0; right: 0; } .lp-dialog-image { padding: 30px; } [data-script-enabled="true"] .lp-dialog { display: none; } [data-script-enabled="true"] .lp-dialog.is-show { display: block; } .lp-buttonClose { position: absolute; top: 0; right: 0; width: 25px; height: 25px; overflow: hidden; background-color: #747474; transition: opacity 0.3s ease 0s; } .lp-buttonClose:hover { opacity: 0.7; } .lp-buttonClose::before, .lp-buttonClose::after { display: block; position: absolute; top: calc(50% - 1px); left: 50%; width: 18px; height: 2px; background-color: #fff; content: ""; } .lp-buttonClose::before { transform: translateX(-50%) translateY(-50%) rotate(45deg); } .lp-buttonClose::after { transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .lp-buttonClose-body { position: absolute; top: 0; left: calc(100% + 8px); white-space: nowrap; }