@charset "utf-8";
/* 2023-05-15 */

.lf-hero-a {
    display: flex;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}
.lf-hero-a::after {
    content: "";
    display: block;
    width: 440px;
    height: 350px;
    margin-left: -200px;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateY(50%);
    font-size: 0vw;
}
.lf-hero-contents {
    display: flex;
    width: 50%;
    color: #fff;
    align-items: center;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
}
.lf-hero-visual {
    width: 50%;
    height: 450px;
    position: relative;
    overflow: hidden;
}
.lf-hero-visual img {
    width: 100%;
    height: auto;
    min-width: 100%;
    max-width: none;
    max-width: initial;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lf-hero-contents-inner {
    width: 365px;
    margin-right: 275px;
}
.lf-hero-hdg {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 4.5rem;
    font-family: FujitsuInfinityPro-Bold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
    line-height: 1.5;
    font-weight: 700;
    min-height: 0vw;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.lf-hero-sub {
    font-weight: 700;
}
.lf-hero-sub + .lf-hero-hdg {
    margin-top: 10px !important;
}
.lf-hero-desc {
    margin-top: 10px;
    font-size: 1.6rem;
}
.lf-hero-btns {
    margin-top: 1em !important;
}
.lf-hero-btns a {
    display: inline-block;
    padding: .8125em .8125em .8125em 3.75em;
    color: inherit;
    text-decoration: none;
    position: relative;
    line-height: 1.5;
}
.lf-hero-btns a::before,
.lf-hero-btns a::after {
    content: "";
    display: block;
    position: absolute;
}
.lf-hero-btns a::before {
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lf-hero-btns a::after {
    width: 16px;
    height: 16px;
    border-top: 1px solid;
    border-right: 1px solid;
    left: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.lf-hero-badge {
    position: absolute;
    right: calc((100% - 1264px)/2);
    bottom: 16px;
    padding: 4px 8px;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-weight: 700;
}
.lf-hero-badge.lf-diff-black {
    background: rgba(255,255,255,.8);
    color: #000;
}
.breadcrumb-wrapper + #main .lf-hero-a {
    margin-top: 16px;
}

/* for global custom css */
.lf-hero-hdg,
.lf-hero-btns a {
    color: inherit !important;
}

/* symbol pattern */
.lf-hero-a.lf-rd-mg::after {background-image: url(/imgv51/infinity/lf-magenta.png);}
.lf-hero-a.lf-mg-rd::after {background-image: url(/imgv51/infinity/lf-red.png);}
.lf-hero-a.lf-rd-or::after {background-image: url(/imgv51/infinity/lf-orange.png);}
.lf-hero-a.lf-or-rd::after {background-image: url(/imgv51/infinity/lf-red.png);}
.lf-hero-a.lf-bl-cy::after {background-image: url(/imgv51/infinity/lf-cyan.png);}
.lf-hero-a.lf-cy-bl::after {background-image: url(/imgv51/infinity/lf-blue.png);}
.lf-hero-a.lf-dg-lg::after {background-image: url(/imgv51/infinity/lf-lightgreen.png);}
.lf-hero-a.lf-lg-dg::after {background-image: url(/imgv51/infinity/lf-darkgreen.png);}
.lf-hero-a.lf-or-yl::after {background-image: url(/imgv51/infinity/lf-yellow.png);}
.lf-hero-a.lf-yl-or::after {background-image: url(/imgv51/infinity/lf-orange.png);}
.lf-hero-a.lf-cy-yl::after {background-image: url(/imgv51/infinity/lf-yellow.png);}
.lf-hero-a.lf-yl-cy::after {background-image: url(/imgv51/infinity/lf-cyan.png);}
.lf-hero-a.lf-lg-cy::after {background-image: url(/imgv51/infinity/lf-cyan.png);}
.lf-hero-a.lf-cy-lg::after {background-image: url(/imgv51/infinity/lf-lightgreen.png);}
.lf-hero-a.lf-mg-cy::after {background-image: url(/imgv51/infinity/lf-cyan.png);}
.lf-hero-a.lf-cy-mg::after {background-image: url(/imgv51/infinity/lf-magenta.png);}
.lf-hero-a.lf-rd-yl::after {background-image: url(/imgv51/infinity/lf-yellow.png);}
.lf-hero-a.lf-yl-rd::after {background-image: url(/imgv51/infinity/lf-red.png);}
.lf-hero-a.lf-mg-or::after {background-image: url(/imgv51/infinity/lf-orange.png);}
.lf-hero-a.lf-or-mg::after {background-image: url(/imgv51/infinity/lf-magenta.png);}
.lf-hero-a.lf-dg-yl::after {background-image: url(/imgv51/infinity/lf-yellow.png);}
.lf-hero-a.lf-yl-dg::after {background-image: url(/imgv51/infinity/lf-darkgreen.png);}
.lf-hero-a.lf-dg-cy::after {background-image: url(/imgv51/infinity/lf-cyan.png);}
.lf-hero-a.lf-cy-dg::after {background-image: url(/imgv51/infinity/lf-darkgreen.png);}
.lf-hero-a.lf-rd-bl::after {background-image: url(/imgv51/infinity/lf-blue.png);}
.lf-hero-a.lf-bl-rd::after {background-image: url(/imgv51/infinity/lf-red.png);}
.lf-hero-a.lf-bl-dg::after {background-image: url(/imgv51/infinity/lf-darkgreen.png);}
.lf-hero-a.lf-dg-bl::after {background-image: url(/imgv51/infinity/lf-blue.png);}
.lf-hero-a.lf-bl-mg::after {background-image: url(/imgv51/infinity/lf-magenta.png);}
.lf-hero-a.lf-mg-bl::after {background-image: url(/imgv51/infinity/lf-blue.png);}

/* background pattern */
.lf-hero-a.lf-rd-mg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-rd-mg.png); background-position: bottom;}
.lf-hero-a.lf-mg-rd .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-mg-rd.png);}
.lf-hero-a.lf-rd-or .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-rd-or.png);}
.lf-hero-a.lf-or-rd .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-or-rd.png);color: #000;}
.lf-hero-a.lf-bl-cy .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-bl-cy.png);}
.lf-hero-a.lf-cy-bl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-cy-bl.png);color: #000;}
.lf-hero-a.lf-dg-lg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-dg-lg.png);}
.lf-hero-a.lf-lg-dg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-lg-dg.png);color: #000;}
.lf-hero-a.lf-or-yl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-or-yl.png);color: #000;}
.lf-hero-a.lf-yl-or .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-yl-or.png);color: #000;}
.lf-hero-a.lf-cy-yl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-cy-yl.png);color: #000;}
.lf-hero-a.lf-yl-cy .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-yl-cy.png);color: #000;}
.lf-hero-a.lf-lg-cy .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-lg-cy.png);color: #000;}
.lf-hero-a.lf-cy-lg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-cy-lg.png);color: #000;}
.lf-hero-a.lf-mg-cy .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-mg-cy.png);}
.lf-hero-a.lf-cy-mg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-cy-mg.png);color: #000;}
.lf-hero-a.lf-rd-yl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-rd-yl.png);}
.lf-hero-a.lf-yl-rd .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-yl-rd.png);color: #000;}
.lf-hero-a.lf-mg-or .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-mg-or.png);}
.lf-hero-a.lf-or-mg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-or-mg.png);color: #000;}
.lf-hero-a.lf-dg-yl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-dg-yl.png);}
.lf-hero-a.lf-yl-dg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-yl-dg.png);color: #000;}
.lf-hero-a.lf-dg-cy .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-dg-cy.png);}
.lf-hero-a.lf-cy-dg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-cy-dg.png);color: #000;}
.lf-hero-a.lf-rd-bl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-rd-bl.png);}
.lf-hero-a.lf-bl-rd .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-bl-rd.png);}
.lf-hero-a.lf-bl-dg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-bl-dg.png);}
.lf-hero-a.lf-dg-bl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-dg-bl.png);}
.lf-hero-a.lf-bl-mg .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-bl-mg.png);}
.lf-hero-a.lf-mg-bl .lf-hero-contents {background-image: url(/imgv51/infinity/lf-bgg-mg-bl.png);}

.lf-hero-a + .nav-structure-a {
    margin-top: 20px;
}
.lf-hero-a + div > span > .nav-structure-a {
    margin-top: 20px;
}

@media only screen and (max-width:1600px) {
    .lf-hero-visual img {
        width: auto;
        right: 50%;
        transform: translateX(50%) translateY(-50%);
    }
}
@media only screen and (max-width:1280px) {
    .lf-hero-a::after {
        width: calc(440vw*100/1280);
        height: calc(350vw*100/1280);
        margin-left: calc(-200vw*100/1280);
    }
    .lf-hero-visual img {
        height: 100%;
    }
    .lf-hero-contents-inner {
        width: 100%;
        margin-right: calc(275vw*100/1280);
        padding-left: 8px;
    }
    .lf-hero-hdg {
        font-size: calc(45vw*100/1280);
    }
    .lf-hero-sub,
    .lf-hero-desc {
        font-size: 1.4rem;
    }
    .lf-hero-btns a::before {
        width: 42px;
        height: 42px;
    }
    .lf-hero-btns a::after {
        width: 12px;
        height: 12px;
        left: 12px;
    }
    .lf-hero-badge {
        right: 8px;
    }
}
@media only screen and (max-width:1000px) {
    .lf-hero-a {
        max-height: calc(450vw*100/1000);
    }
    .lf-hero-contents-inner {
        padding-left: 16px;
    }
    .lf-hero-visual {
        height: calc(450vw*100/1000);
    }
}
@media only screen and (max-width:767px) {
    .lf-hero-a {
        flex-direction: column;
        max-height: none;
        max-height: initial;
    }
    .lf-hero-a::after {
        width: calc(336vw*100/767);
        height: calc(266vw*100/767);
        margin-left: calc(-144vw*100/767);
        bottom: calc(83vw*100/767);
        z-index: 1;
        transform: none;
    }
    .lf-hero-contents {
        display: block;
        width: 100%;
    }
    .lf-hero-visual {
        width: 100%;
        height: 0;
        padding-top: 56.25%;
    }
    .lf-hero-visual::before {
        content: "";
        display: block;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        z-index: 1;
    }
    .lf-hero-visual img {
        top: 0;
        right: 50%;
        transform: translateX(50%);
    }
    .lf-hero-contents-inner {
        margin-right: 0;
        padding: 20px 16px;
    }
    .lf-hero-hdg {
        font-size: 3.5rem;
    }
    .lf-hero-badge {
        right: 16px;
    }

    /* background pattern */
    .lf-hero-a.lf-or-rd .lf-hero-contents,
    .lf-hero-a.lf-cy-bl .lf-hero-contents,
    .lf-hero-a.lf-lg-dg .lf-hero-contents,
    .lf-hero-a.lf-cy-mg .lf-hero-contents,
    .lf-hero-a.lf-yl-rd .lf-hero-contents,
    .lf-hero-a.lf-or-mg .lf-hero-contents,
    .lf-hero-a.lf-yl-dg .lf-hero-contents,
    .lf-hero-a.lf-cy-dg .lf-hero-contents {
        background-size: 140% auto;
    }
}

/* Secondary Background */

.lf-hero-a.sb-h1-t1::after,
.lf-hero-a.sb-h1-t4::after,
.lf-hero-a.sb-h5-t1::after,
.lf-hero-a.sb-h5-t4::after,
.lf-hero-a.sb-e1-t1::after,
.lf-hero-a.sb-e1-t4::after,
.lf-hero-a.sb-e2-t1::after,
.lf-hero-a.sb-e2-t4::after,
.lf-hero-a.sb-e6-t1::after,
.lf-hero-a.sb-e6-t4::after,
.lf-hero-a.sb-e8-t1::after,
.lf-hero-a.sb-e8-t4::after,
.lf-hero-a.sb-e9-t1::after,
.lf-hero-a.sb-e9-t4::after,
.lf-hero-a.sb-e10-t1::after,
.lf-hero-a.sb-e10-t4::after {
    display: none;
}
.lf-hero-a.sb-h1-t1 .lf-hero-contents,
.lf-hero-a.sb-h1-t4 .lf-hero-contents,
.lf-hero-a.sb-h5-t1 .lf-hero-contents,
.lf-hero-a.sb-h5-t4 .lf-hero-contents,
.lf-hero-a.sb-e1-t1 .lf-hero-contents,
.lf-hero-a.sb-e1-t4 .lf-hero-contents,
.lf-hero-a.sb-e2-t1 .lf-hero-contents,
.lf-hero-a.sb-e2-t4 .lf-hero-contents,
.lf-hero-a.sb-e6-t1 .lf-hero-contents,
.lf-hero-a.sb-e6-t4 .lf-hero-contents,
.lf-hero-a.sb-e8-t1 .lf-hero-contents,
.lf-hero-a.sb-e8-t4 .lf-hero-contents,
.lf-hero-a.sb-e9-t1 .lf-hero-contents,
.lf-hero-a.sb-e9-t4 .lf-hero-contents,
.lf-hero-a.sb-e10-t1 .lf-hero-contents,
.lf-hero-a.sb-e10-t4 .lf-hero-contents {
    background-size: cover;
}

.lf-hero-a.sb-h1-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-h1-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-h5-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-h5-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e1-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e1-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e2-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e2-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e6-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e6-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e8-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e8-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e9-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e9-t4 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e10-t1 .lf-hero-contents .lf-hero-contents-inner,
.lf-hero-a.sb-e10-t4 .lf-hero-contents .lf-hero-contents-inner {
    margin-right: 16px;
}

@media only screen and (min-width:1281px) {
    .lf-hero-a.sb-h1-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-h1-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-h5-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-h5-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e1-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e1-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e2-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e2-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e6-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e6-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e8-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e8-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e9-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e9-t4 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e10-t1 .lf-hero-contents .lf-hero-contents-inner,
    .lf-hero-a.sb-e10-t4 .lf-hero-contents .lf-hero-contents-inner {
        width: 640px;
        margin-right: 0;
        padding-left: 0;
        padding-right: 20px;
    }
}

@media only screen and (max-width:767px) {
    .lf-hero-a.sb-h1-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-h1-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-h5-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-h5-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-e1-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-e1-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-e2-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-e2-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-e6-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-e6-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-e8-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-e8-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-e9-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-e9-t4 .lf-hero-visual::before,
    .lf-hero-a.sb-e10-t1 .lf-hero-visual::before,
    .lf-hero-a.sb-e10-t4 .lf-hero-visual::before {
        display: none;
    }
}

.lf-hero-a.sb-h1-t1 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-h1-t1.png); }
.lf-hero-a.sb-h1-t4 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-h1-t4.png); }
.lf-hero-a.sb-h5-t1 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-h5-t1.png); }
.lf-hero-a.sb-h5-t4 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-h5-t4.png); }
.lf-hero-a.sb-e1-t1 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-e1-t1.png); }
.lf-hero-a.sb-e1-t4 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-e1-t4.png); }
.lf-hero-a.sb-e2-t1 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-e2-t1.png); }
.lf-hero-a.sb-e2-t4 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-e2-t4.png); }
.lf-hero-a.sb-e6-t1 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e6-t1.png); }
.lf-hero-a.sb-e6-t4 .lf-hero-contents { color: #000; background-image: url(/imgv51/sbg-e6-t4.png); }
.lf-hero-a.sb-e8-t1 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e8-t1.png); }
.lf-hero-a.sb-e8-t4 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e8-t4.png); }
.lf-hero-a.sb-e9-t1 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e9-t1.png); }
.lf-hero-a.sb-e9-t4 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e9-t4.png); }
.lf-hero-a.sb-e10-t1 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e10-t1.png); }
.lf-hero-a.sb-e10-t4 .lf-hero-contents { color: #fff; background-image: url(/imgv51/sbg-e10-t4.png); }