@charset "utf-8";

/* MVスライド */
.slick-prev,
.slick-next {
    z-index: 50;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(0, 0, 0, 0.85) !important;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
}

.slick-prev:hover,
.slick-next:hover {
    background: rgba(0, 0, 0, 0.4) !important;
}


.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-prev:before {
    content: "〈";
    position: absolute;
    left: 3px;
    top: 9px;
    opacity: 1;
}

.slick-next:before {
    content: "〉";
    position: absolute;
    right: 3px;
    top: 9px;
    opacity: 1;
}

button {
    display: none!important;
}

/* ----------------------------------
トップ
---------------------------------- */
/* リード */
.lead_box {
    padding: 80px 0;
}

.lead {
    width: 90%;
    max-width: 649px;
    margin: 0 auto;
}

.lead01 {
    width: 90%;
    max-width: 577px;
    margin: 0 auto 20px;
}

.lead02 {
    width: 90%;
    max-width: 649px;
    margin: 40px auto 0;
}

.lead .note_box {
    max-width: 577px;
    margin: 0 auto;
}

/* 訴求 */
.sokyu_box {
    padding: 0 0 120px 0;
}

.sokyu {
    width: 90%;
    max-width: 1109px;
    margin: 0 auto;
}

/* 行動提起 */
.teiki {
    width: 90%;
    max-width: 367px;
    margin: 0 auto 20px;
}

.teiki_link {
    width: 90%;
    max-width: 280px;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    margin: 0 auto;
}

/* 下層リンク */
.link_box {
    margin: 120px auto 0;
}

.under_image {
    /* width: 90%;
    max-width: 940px; */
    margin: 0 auto;
}

.link_conttl {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.link_ttl {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 30px;
}

.link_txt {
    font-size: 16px;
    color: #09362c;
    line-height: 2.2;
    text-align: center;
}

.link_subttl {
    font-size: 18px;
    color: #674e33;
    line-height: 2;
    text-align: center;
}


/* プロローグ */
.link_prologue .link_txt {
    margin: 40px auto 0;
}

/* ロケーション */
.under_location02 {
    width: 515px;
    max-width: 90%;
    margin: 40px auto 0;
}

/* プラン */
.link_plan .link_subttl {
    margin: 40px auto 0;
}

/* ブランド */
.brand_flex {
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    padding-bottom: 60px;
    margin: 0 auto;
}


.brand_flex .left {
    width: 46%;
    padding-right: 4%;
    border-right: 3px solid #231815;
}

.brand_flex .right {
    width: 54%;
    padding-left: 4%;
}

.logo_leben {
    width: 70%;
    margin: 0 auto 20px;
}

.logo_sekisui {
    width: 90%;
    margin: 0 auto 20px;
}

.brand_ttl {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 20px;
}

.brand_txt {
    font-size: 14px;
    margin-bottom: 20px;
}

.business_flex {
    justify-content: space-between;
}

.business_flex li {
    width: 32%;
}

.business_flex li .cap_txt {
    display: inline-block;
    letter-spacing: 0;
}

.exam_flex {
    justify-content: space-between;
    margin-top: 40px;
}

.exam_flex li {
    width: 28.5%;
}

.exam_flex li:nth-of-type(2) {
    width: 68%;
}

.exam_flex li:nth-of-type(2) .under {
    justify-content: space-between;
}

.exam_flex li:nth-of-type(2) .under li {
    width: 32%;
}

.exam_flex li:nth-of-type(2) .under li:nth-of-type(1) {
    width: 100%;
}

.exam_flex li:nth-of-type(2) .under li:nth-of-type(1) p.leben-design {
    width: 70%;
    margin: 0 auto 10px;
}

.exam_txt {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px;
}

.ranking {
    margin-top: 40px;
}

.rankingttl {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    background-image: -moz-linear-gradient(-83deg, rgb(64, 100, 162) 0%, rgb(39, 55, 131) 100%);
    background-image: -webkit-linear-gradient(-83deg, rgb(64, 100, 162) 0%, rgb(39, 55, 131) 100%);
    background-image: -ms-linear-gradient(-83deg, rgb(64, 100, 162) 0%, rgb(39, 55, 131) 100%);
    padding: 10px 10px;
    margin-bottom: 20px;
}

.sekisuinum_block {
    background: #def0fb;
    padding: 15px 15px;
}

.sekisuinum_flex {
    justify-content: space-between;
}

.sekisuinum_flex li {
    width: 49%;
}

.sekisuinum_flex li:nth-of-type(n+3) {
    margin-top: 2%;
}

.heimsuite {
    align-items: center;
    justify-content: center;
    background: #ebf8f8;
    padding: 15px 15px;
    margin: 40px auto 40px;
}

.heimsuite .ttl {
    white-space: nowrap;
    font-size: 30px;
    font-weight: 600;
    padding-right: 20px;

}

.heimsuite .txt {
    flex: 1;
    font-size: 14px;
    border-left: 1px solid #1e1d1b;
    padding-left: 20px;
}

.sekisui_flex {
    justify-content: space-between;
}

.sekisui_flex li {
    width: 48%;
}

.caption {
    font-size: 10px;
    line-height: 1.2;
    margin-top: 10px;
}

/* プラン */
.plan_link {
    width: 90%;
    max-width: 280px;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    margin: 20px auto 0;
}

/* 下層コンバージョンエリア */
.under_teiki_box {
    padding: 200px 0 80px 0;
}

.pc_only {
    display: block !important;
}

.sp_only {
    display: none !important;
}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width:1024) {}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {

    .pc_only {
        display: none !important;
    }

    .sp_only {
        display: block !important;
    }

    /* リード */
    html {
        scroll-behavior: auto;
    }

    .lead_box {
        padding: 30px 0 50px 0;
    }

    .lead {
        width: 90%;
        margin: 0 auto;
    }

    .lead02 {
        margin: 20px auto 0;
    }

    .lead .note_box {
        width: 100%;
        max-width: 100%;
    }

    /* 訴求 */
    .sokyu_box {
        padding: 0 0 60px 0;
    }

    .sokyu {
        width: 100%;
    }

    /* 行動提起 */
    .teiki {
        width: 50%;
    }

    .teiki_link {
        font-size: 14px;
    }

    /* アンカーリンク調整 */
    [id^="ancher_"] {
        margin-top: 10px;
    }

    /* [id^="ancher_"] {
        scroll-margin-top: var(--header-h, 60px);
    } */

    /* 下層リンク */
    .link_box {
        margin: 80px auto 0;
    }

    .link_ttl {
        font-size: 16px;
    }

    .link_subttl {
        font-size: 14px;
        line-height: 1.5;
    }

    .link_conttl {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .link_txt {
        font-size: 13px;
        line-height: 1.8;
    }

    .under_image {
        margin: 0 auto 20px;
    }

    /* ロケーション */
    .under_location02 {
        width: 70%;
    }

    /* ブランド */
    .brand_flex {
        padding-bottom: 0;
    }

    .brand_flex .left {
        width: 100%;
        padding: 0;
        border-right: none;
    }

    .brand_flex .right {
        margin-top: 50px;
    }

    .brand_flex .right {
        width: 100%;
        padding: 0;
    }

    .brand_ttl {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .business_flex li {
        width: 100%;
    }

    .business_flex li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .exam_flex li {
        width: 100%;
    }

    .exam_flex li:nth-of-type(2) {
        width: 100%;
    }

    .exam_flex li:nth-of-type(2) .under li {
        width: 100%;
    }

    .exam_flex li:nth-of-type(2) .under li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .exam_flex li:nth-of-type(2) .under li:nth-of-type(1) p.leben-design {
        margin: 20px auto 10px;
    }

    .sekisui_flex li {
        width: 100%;
    }

    .sekisui_flex li:nth-of-type(n+2) {
        margin-top: 20px;
    }

    .sekisuinum_flex li {
        width: 100%;
    }

    .sekisuinum_flex li:nth-of-type(n+2) {
        margin-top: 10px;
    }

    .heimsuite {
        margin: 20px auto;
    }

    .heimsuite .ttl {
        width: 100%;
        font-size: 22px;
        text-align: center;
        border-bottom: 1px solid #1e1d1b;
        padding: 0 0 6px 0;
        margin-bottom: 6px;
    }

    .heimsuite .txt {
        width: 100%;
        padding-left: 0;
        border-left: none;
    }





    /* プラン */
    .plan_flex li {
        width: 100%;
        margin-right: 0;
    }

    .plan_flex li:nth-of-type(n+2) {
        margin-top: 60px;
    }

    .plan_name {
        width: 70%;
        margin: 0 auto 20px;
    }

    .type_premium {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .under_teiki_box {
        padding: 100px 0 0;
    }


}