@charset "UTF-8";

/* =================================================================================================
contents
================================================================================================= */
.lp-jumbotron {
    position: relative;
    overflow: hidden;
    background: #222222;
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron {
        background: #ffffff;
    }
}

.lp-jumbotron > *:last-child {
    margin-bottom: 0;
}

.lp-jumbotron::before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewX(-36deg) translateX(62%);
    background: #ffffff;
    content: "";
}

.lp-jumbotron.of-background-primary::before {
    content: none;
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron::before {
        content: none;
    }
}

.lp-jumbotron-content {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    max-width: calc(970px + 40px);
    margin: 0 auto;
    padding: 35px 20px;
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-content {
        flex-direction: column-reverse;
        padding: 0 20px;
    }
}

.lp-jumbotron-content.of-secondary {
    align-items: flex-start;
    justify-content: flex-start;
    max-width: calc(1280px + (20px * 2));
    padding: 80px 20px 78px;
}

@media only screen and (max-width: 1279px) {
    .lp-jumbotron-content.of-secondary {
        padding: calc(5.5rem + ((1vw - 0.97rem) * (8.0645))) 20px 78px;
    }
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-content.of-secondary {
        flex-direction: column-reverse;
        align-items: stretch;
        padding: 55px 20px 0;
    }
}

.lp-jumbotron-content.of-secondary .lp-jumbotron-image {
    z-index: 1;
    position: relative;
    max-width: calc((400 * 100vw) / 1920);
    margin-left: 40px;
}

@media only screen and (max-width: 1279px) {
    .lp-jumbotron-content.of-secondary .lp-jumbotron-image {
        margin-left: calc(0rem + ((1vw - 0.97rem) * (12.9450)));
    }
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-content.of-secondary .lp-jumbotron-image {
        max-width: calc(12.2rem + ((1vw - 0.36rem) * (27.5862)));
        margin-left: calc(3.8rem + ((1vw - 0.36rem) * (16.7488)));
    }
}

.lp-jumbotron-content.of-secondary .lp-jumbotron-body {
    z-index: 1;
    position: relative;
    max-width: 510px;
}

@media only screen and (max-width: 1279px) {
    .lp-jumbotron-content.of-secondary .lp-jumbotron-body {
        max-width: calc(47rem + ((1vw - 0.97rem) * (12.9032)));
    }
}

@media only screen and (max-width: 1279px) {
    .lp-jumbotron-content.of-secondary .lp-jumbotron-subtitle {
        font-size: calc(2rem + ((1vw - 0.36rem) * (1.1957)));
    }
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-content.of-secondary .lp-jumbotron-body {
        color: #fff;
        padding: 0 0 40px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-content.of-secondary .lp-jumbotron-titleGroup {
        text-align: center;
    }
}

.lp-jumbotron-body {
    flex: 1;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-body {
        flex: 1 0 auto;
        padding: 20px 0 40px;
        color: #191919;
    }
}

.lp-jumbotron-imageGroup {
    position: relative;
    max-width: 532px;
    margin-right: -95px;
    margin-left: 84px;
}

.lp-jumbotron-imageGroup.of-primary{
    margin-left: 64px;
}

@media only screen and (max-width: 1200px) {
    .lp-jumbotron-imageGroup {
        width: calc((500 * 100vw) / 1200);
        margin-right: 0;
        margin-left: calc((30 * 100vw) / 1200);
    }
    .lp-jumbotron-imageGroup.of-primary {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-imageGroup {
        position: relative;
        width: 100%;
        min-height: 0%;
        margin-left: 0;
        padding: 20px 40px 0;
    }
    .lp-jumbotron-imageGroup img {
        position: relative;
    }
}

.lp-jumbotron .lp-buttonConversion {
    margin-bottom: 0;
}

.lp-jumbotron-slider {
    position: absolute;
    top: 153px;
    left: 30px;
    width: 329px;
    height: 185px;
    overflow: hidden;
}

@media only screen and (max-width: 1200px) {
    .lp-jumbotron-slider {
        top: calc((143 * 100vw) / 1200);
        left: calc((28 * 100vw) / 1200);
        width: calc((310 * 100vw) / 1200);
        height: calc((175 * 100vw) / 1200);
    }
}

.lp-jumbotron-slider-body li {
    margin: 0;
    padding: 0;
    background: none;
}

.lp-jumbotron-titleGroup {
    margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-titleGroup {
        text-align: center;
    }
}

.lp-jumbotron-title {
    display: block;
    margin-bottom: 12px;
    font-size: 6.5rem;
    line-height: 1.25;
}

.lp-jumbotron-title.of-primary {
    font-size: 3.9rem;
}

.lp-jumbotron-title.of-secondary,
.lp-jumbotron-title.of-tertiary {
    font-size: 6rem;
}

.theme-KK .lp-jumbotron-title {
    font-size: 6.2rem;
}

@media only screen and (max-width: 1279px) {
    .lp-jumbotron-title.of-tertiary {
        font-size: calc(5.5rem + ((1vw - 0.97rem) * (1.6129)));
    }
}

@media only screen and (max-width: 1200px) {
    .lp-jumbotron-title {
        font-size: 6.2rem;
    }

    .lp-jumbotron-title.of-primary {
        font-size: 3.9rem;
    }

    .lp-jumbotron-title.of-secondary {
        font-size: 5.5rem;
    }
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-title {
        font-size: calc((65 * 100vw) / 970);
    }

    .lp-jumbotron-title.of-primary {
        font-size: calc((40 * 100vw) / 970);
    }

    .lp-jumbotron-title.of-secondary {
        font-size: calc((55 * 100vw) / 970);
    }

    .lp-jumbotron-title.of-tertiary {
        font-size: calc(2.5rem + ((1vw - 0.36rem) * (4.9180)));
    }

    .theme-KK .lp-jumbotron-title {
        font-size: calc((62 * 100vw) / 970);
    }
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-title {
        margin-bottom: 20px;
        font-size: calc((40 * 100vw) / 768);
    }

    .lp-jumbotron-title.of-primary {
        font-size: calc((40 * 100vw) / 768);
    }

    .lp-jumbotron-title.of-secondary {
        font-size: calc((55 * 100vw) / 768);
    }

    .theme-KK .lp-jumbotron-title {
        font-size: 4rem;
    }
}

@media only screen and (max-width: 519px) {
    .lp-jumbotron-title {
        font-size: 2.7rem;
    }

    .lp-jumbotron-title.of-primary {
        font-size: 2.7rem;
    }
}

.lp-jumbotron-subtitle {
    display: block;
    margin-bottom: 10px;
    font-size: 3.1rem;
    line-height: 1.3;
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-subtitle {
        font-size: calc((31 * 100vw) / 970);
    }
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-subtitle {
        margin-bottom: 20px;
        font-size: 2rem;
    }
}

.lp-jumbotron-series {
    display: block;
    font-size: 2.5rem;
    font-weight: normal;
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-series {
        font-size: calc((25 * 100vw) / 970);
    }
}

@media only screen and (max-width: 767px) {
    .lp-jumbotron-series {
        font-size: 2rem;
        font-weight: normal;
    }
}

.lp-jumbotron-video {
    position: absolute;
    top: 0;
    right: 20px;
    width: 620px;
    height: 349px;
    content: "";
}

@media only screen and (max-width: 1279px) {
    .lp-jumbotron-video {
        width: calc((620 * 100vw) / 1280);
        height: calc((349 * 100vw) / 1280);
        right: calc(-5rem + ((1vw - 0.97rem) * (22.6537)));
    }
}

@media only screen and (max-width: 969px) {
    .lp-jumbotron-video {
        top: 0;
        right: -30px;
        width: 80%;
        height: auto;
    }
}

.lp-jumbotron-video > .lp-video {
    mix-blend-mode: lighten;
}

.lp-video {
    display:block;
    width:100%;
    height:100%;
}

.lp-label {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
}

@media only screen and (max-width: 969px) {
    .lp-label {
        font-size: calc((20 * 100vw) / 970);
    }
}

@media only screen and (max-width: 767px) {
    .lp-label {
        font-size: 1.6rem;
    }
}

.lp-label-outer {
    display: inline-flex;
    justify-content: center;
    min-width: 74px;
    max-width: 120px;
    padding: 2px 12px;
    background-color: #dc002f;
    color: #fff;
    margin-bottom: 10px;
}

.lp-section {
    background: #191919;
    color: #ffffff;
}

.lp-section-content {
    max-width: calc(970px + 40px);
    margin: 0 auto;
    padding: 20px;
}

.lp-layout-container {
    max-width: calc(970px + 40px);
    margin: 0 auto;
    padding: 0 20px;
}

.lp-media {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .lp-media {
        min-height: 0%;
        padding-top: 20px;
        padding-left: 0;
        border-top: 1px solid #4a4a4a;
    }
    .lp-media:first-child {
        border-top: 0;
    }
}

.lp-media-title {
    order: -2;
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .lp-media-title {
        font-size: 2rem;
    }
}

.lp-media-text {
    font-size: 1.5rem;
}

@media only screen and (max-width: 640px) {
    .lp-media-text {
        font-size: 1.6rem;
    }
}

.lp-media-body {
    width: 100%;
}

.lp-media-image {
    order: -1;
    width: 100%;
    min-height: 0%;
    margin-bottom: 10px;
}

.lp-media-image.of-border img {
    border: 1px solid #666;
}

.lp-layout-grid {
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
    margin-left: -20px;
}

@media only screen and (max-width: 640px) {
    .lp-layout-grid {
        flex-direction: column;
        align-items: center;
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .lp-layout-grid {
        margin-bottom: 32px;
    }
}

.lp-layout-grid-column {
    min-height: 0%;
}

.lp-listImage {
    display: flex;
}

.lp-listImage li {
    min-height: 0%;
}

@media only screen and (max-width: 640px) {
    .lp-listImage {
        flex-wrap: wrap;
        margin: 0 -20px;
    }
}

.lp-listImage-image {
    flex: 1;
}

.lp-listImage-image.of-border {
    border: 1px solid #666;
}

@media only screen and (max-width: 640px) {
    .lp-listImage-image {
        flex: none;
        width: 33.333333%;
    }
    .lp-listImage-image img {
        width: 100%;
    }
}

.lp-cardZoom {
    position: relative;
    width: 310px;
    height: 180px;
    margin: auto;
    overflow: hidden;
    transform: translateX(0);
    background: #ffffff;
    vertical-align: top;
    opacity: 1;
    transition: opacity 0.6s ease 0.35s, transform 0.6s ease-out 0.35s;
}

@media only screen and (max-width: 969px) {
    .lp-cardZoom {
        width: calc((280 * 100vw) / 970);
        height: calc((163 * 100vw) / 970);
    }
}

@media only screen and (max-width: 640px) {
    .lp-cardZoom {
        max-width: 560px;
        width: 100%;
        height: calc((326 * 100vw) / 640);
    }
}

.lp-cardZoom-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    opacity: 0;
}

.lp-cardZoom-image img {
    width: 110%;
}

.lp-cardZoom-image:first-child {
    -ms-transform: scale(1);
    -ms-transform-origin: 9vw 4vw;
    z-index: 0;
    transform: scale(1);
    transform-origin: 9vw 4vw;
    opacity: 1;
}

.lp-cardZoom-image:nth-child(2) {
    -ms-transform-origin: 9vw 4vw;
    z-index: 0;
    transform-origin: 9vw 4vw;
    animation: zoomAnimation01 14s ease-in-out infinite 1.5s;
    opacity: 0;
}

.lp-cardZoom-image:nth-child(3) {
    z-index: 5;
    animation: zoomAnimation02 14s ease-in-out infinite 1.5s;
}

.lp-cardZoom-image:nth-child(4) {
    z-index: 10;
    animation: zoomAnimation03 14s ease-in-out infinite 1.5s;
}

.lp-cardZoom-image:nth-child(5) {
    z-index: 15;
    animation: zoomAnimation04 14s ease-in-out infinite 1.5s;
}

.lp-cardZoom-image:last-child {
    z-index: 20;
    animation: zoomAnimationEnd 14s ease-in-out infinite 1.5s;
}

.lp-image.of-border {
    border: 1px solid #666;
}

@keyframes zoomAnimation01 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(1.7);
        opacity: 1;
    }
    90%,
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes zoomAnimation02 {
    0%,
    20% {
        transform: scale(1);
        opacity: 0;
    }
    24% {
        opacity: 1;
    }
    45% {
        transform: scale(1.7);
        opacity: 1;
    }
    90%,
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes zoomAnimation03 {
    0%,
    40% {
        transform: scale(1);
        opacity: 0;
    }
    44% {
        opacity: 1;
    }
    65% {
        transform: scale(1.7);
        opacity: 1;
    }
    90%,
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes zoomAnimation04 {
    0%,
    60% {
        transform: scale(1);
        opacity: 0;
    }
    64% {
        opacity: 1;
    }
    85%,
    95% {
        transform: scale(1.7);
        opacity: 1;
    }
    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes zoomAnimationEnd {
    0%,
    80% {
        opacity: 0;
    }
    86%,
    96% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.lp-mediaAsset {
    margin: 40px 0;
}

@media only screen and (max-width: 767px) {
    .lp-mediaAsset {
        margin: 30px 0 20px;
    }
}

.lp-mediaAsset-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .lp-mediaAsset-content {
        flex-direction: column;
        align-items: center;
    }
}

.lp-mediaAsset-body {
    position: relative;
    flex: 1 0 auto;
    width: 100%;
    max-width: 450px;
    padding: 0 20px 45px;
}

.lp-mediaAsset-body::before {
    position: absolute;
    right: 50%;
    bottom: -35px;
    transform: translateX(50%);
    border: 35px solid transparent;
    border-top: 35px solid #cccccc;
    content: "";
}

.lp-mediaAsset-body.of-primary {
    padding: 0 20px 30px;
}

.lp-mediaAsset-body.of-primary > *:last-child {
    margin-bottom: 0 !important;
}

.lp-mediaAsset-body.of-primary::before {
    content: none;
}

@media only screen and (max-width: 767px) {
    .lp-mediaAsset-body {
        max-width: 100%;
        padding: 0 0 45px;
    }
}

.lp-mediaAsset-titleGroup {
    margin-bottom: 20px;
}

.lp-mediaAsset-seriesName {
    display: block;
    margin-bottom: 0;
    font-size: 2.8rem;
    font-weight: bold;
}

.lp-mediaAsset-series {
    display: block;
    font-size: 2rem;
    font-weight: normal;
}

.lp-mediaAsset-text {
    margin-bottom: 0;
    font-size: 2.8rem;
}

.lp-mediaAsset-text.of-primary{
    margin-bottom: 24px
}

.lp-mediaAsset-image {
    order: -1;
    flex: 1;
}

.lp-mediaAsset-image.of-border img {
    border: 1px solid #ccc;
}

@media only screen and (max-width: 1200px) {
    .lp-mediaAsset-image {
        width: calc((260 * 100vw) / 1200);
    }
}

@media only screen and (max-width: 767px) {
    .lp-mediaAsset-image {
        width: inherit;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .lp-mediaAsset-productImage {
        width: calc((260 * 100vw) / 1200);
    }
}

@media only screen and (max-width: 767px) {
    .lp-mediaAsset-productImage {
        display: none;
    }
}

.lp-smallScreen-hide {
    display: none;
}

@media only screen and (min-width: 641px) {
    .lp-largeScreen-hide {
        display: none !important;
    }
    .lp-smallScreen-hide {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .lp-smallScreen-textAlign-center {
        text-align: center;
    }
}

.utility-width-large {
    width: 300px;
}

@media only screen and (max-width: 969px) {
    .utility-width-large {
        width: calc((280 * 100vw) / 970);
    }
}

@media only screen and (max-width: 640px) {
    .utility-width-large {
        width: 100%;
    }
}

.of-column {
    flex-direction: column;
}

.of-column-3 {
    width: 33.333333%;
    padding-left: 20px;
}

@media only screen and (max-width: 640px) {
    .of-column-3 {
        width: 100%;
        padding-left: 0;
    }
}

.lp-utility-backgroundColor-primary {
    background: #171e30;
}

.lp-utility-width-small {
    max-width: 235px;
}

@media only screen and (max-width: 640px) {
    .lp-utility-width-small {
        max-width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .lp-smallScreen-height-auto {
        height: auto !important;
    }
}

[title="Messenger button"] {
    display: none;
}

.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-listButton {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 16px -24px;
}

@media only screen and (max-width: 767px) {
    .lp-listButton {
        flex-direction: column;
    }
}

.lp-listButton > li {
    margin-top: 24px;
    padding-left: 24px;
}

.lp-listButton.of-primary {
    margin: -16px 0 8px -16px;
}

.lp-listButton.of-primary > li {
    margin-top: 16px;
    padding-left: 16px;
}

@media only screen and (max-width: 767px) {
    .lp-listButton.of-primary {
        flex-direction: row;
        justify-content: center;
    }
}

@media only screen and (min-width: 970px) {
    .lp-extraLargeScreen-hide {
        display: none!important;
    }
}

@media only screen and (max-width: 969px) {
    .lp-extraLargeScreen-show {
        display: none;
    }
}

@media only screen and (min-width: 767px) {
    .lp-smallScreen-show {
        display: none!important;
    }
}
@media only screen and (max-width: 767px) {
    .lp-largeScreen-show {
        display: none;
    }
    .lp-jumbotron-content.of-primary {
        align-items: stretch;
    }
    .lp-jumbotron-content.of-primary .lp-jumbotron-imageGroup {
        margin: 0 auto;
    }
}

.lp-listTel {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: -16px 0 16px -16px;
}

.lp-listTel-body {
    margin-top: 16px;
    padding-left: 16px;
    width: 100%;
    max-width: 360px;
    text-align: center;
}

.lp-listTel > *:last-child {
    margin-bottom: 0;
}

.lp-listTel-body > a {
    color: #333;
    text-decoration: none;
    font-size: 2rem;
    display: block;
    border: 2px solid #d0d0d0;
    padding: 5px 35px 5px 25px;
}

.lp-listTel-icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.lp-textPhoneLink-number {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 35px;
    border: 2px solid #d0d0d0;
}

.lp-textPhoneLink-number > .AutoPhoneCall {
    position: relative;
    color: #333;
    text-decoration: none;
    font-size: 2rem;
    display: block;
    margin-bottom: 8px;
    padding-left: 30px;
}

.lp-textPhoneLink-number > .AutoPhoneCall::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    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: "";
}

.lp-textPhoneLink-number > .TelSlsh {
    display: none;
}

.lp-textPhoneLink-number > *:last-child {
    margin-bottom: 0;
}


.lp-listTel.of-marginBottom-primary {
    margin-bottom: 48px;
}

.lp-listTel.of-primary .lp-listTel-icon {
    fill: #fff;
}

.lp-listTel.of-primary .AutoPhoneCall {
    color: #fff;
}

.lp-listTel.of-primary .AutoPhoneCall::before {
    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 11.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")
}

.lp-jumbotron-body > *:last-child {
    margin-bottom: 0;
}

.lp-utility-justifyContent-center {
    justify-content: center;
}

.lp-utility-alignItems-center {
    align-items: center;
}

.lp-utility-width-full {
    width: 100%;
}

.lp-utility-line-break {
    display: block;
}

@media only screen and (max-width: 767px) {
    .lp-smallScreen-flexDirection-column {
        flex-direction: column;
    }

    .lp-smallScreen-width-full {
    width: 100%;
    }

    .lp-smallScreen-maxWidth-narrow {
        max-width: 375px;
    }

    .lp-smallScreen-inlineFlex {
        display: inline-flex;
    }
}