@charset "UTF-8";

.l-lower__topPd {
    padding-top: 65px;
    padding-bottom: 300px;
}
@media screen and (max-width: 768px) {
    .l-lower__topPd {
        padding-top: 30px;
        padding-bottom: 100px;
    }
}

.l-lower {
    overflow: hidden;
}
.l-main.l-lower .l-container__inner {
    z-index: 5;
}

.l-container.p-sekine-de-smart{
    background: #f9f7d7;
}

.c-center {
    text-align: center!important;
}
.c-right {
    text-align: right!important;
}

/* お気軽にお問い合わせくださいエリア */
.c-lower__contact .c-box__shadow.c-lower__Block::before {
    background: #0071bd;
}
.c-lower__contact .c-lower__Block {
    background: #0071bd;
    width: 786px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    border-radius: 20px;
}
.c-lower__contact .c-lower__Block__inner {
    /* padding: 30px; */
}
.c-lower__contact .c-lower__Block a {
    color: #fff;
    text-decoration: none;
}
.c-lower__contact .c-goTtx {
    background: #fff;
    display: inline-block;
    border-radius: 50px;
    width: 190px;
    font-weight: 600;
}
.c-lower__contact .c-goTtx a {
    font-size: 30px;
    color: #0071bd;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-weight: 900;
}
.c-lower__contact .c-formTtx {
    margin-right: 30px;
}

/* ボタンカラー */
.c-bluerBtn {
    background-color: #0071bd;
}
.c-whiteBtn {
    background-color: #fff;
    border: 2px solid #0071bd;
}
.c-bluerBtn a {
    color: #fff;
}

/* GOボタン */
.c-Btn__block{
    background-color: #0071bd;
    text-align: center;
    border-radius: 50px;
}
.c-Btn__block a {
    color: #fff;
    text-decoration: none;
    padding: 15px 24px 15px 30px;
    align-items: center;
    width: 100%;
    height: 100%;
}
.c-linkArea__innerTxt {
    letter-spacing: 1px;
    margin: 0 auto;
}
.c-Btn__block .c-goTtx__Item01 {
    background-color: #fff;
    color: #0071bd;
    border-radius: 50px;
    display: inline-block;
    width: 70px;
    margin-left: auto;
    padding: 5px;
}
@media screen and (max-width: 768px) {
    .c-lower__contact .c-lower__Block__inner {
        padding: 0px;
    }
    .c-lower__contact .form {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .c-lower__contact .c-formTtx {
        margin-right: 12px;
        font-size: 17px;
    }
    .c-lower__contact .c-goTtx {
        width: 28%;
        max-width: 100%;
    }
    .c-lower__contact .c-lower__Block .c-goTtx a {
        font-size: 17px;
    }
    .c-lower__contact .c-lower__Block a {
        font-size: 2rem;
    }
    .c-Btn__block a {
        padding: 12px 15px 12px 20px;
    }
}




/* フォントカラー */
.c-text-color__black {
    color: #000;
}

/* テキストリンク */
a.link__deco {
    text-decoration: underline;
    color: #000;
}

/* GOボタン 02 */
.c-Btn__block__01 {
    width: 190px;
    margin: 0 auto;
    background-color: #0071bd;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
}
.c-Btn__block__01 a {
    width: 100%;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 0% 38% 2%;
    font-size: 29px;
}
@media screen and (max-width: 768px) {
    .c-Btn__block__01 {
        width: 36%;
    }
    .c-Btn__block__01 a {
        padding: 0% 0 2%;
        font-size: 19px;
    }
}


/* 見出し h1 start */
.c-heading__lower {
    margin-bottom: min(4.875vw, 100px);
    width: 100vw;
    max-width: 1440px;
    max-height: 468.38px;
    margin-left: auto;
    margin-right: auto;
    z-index: 30;
    position: relative;
}
.c-heading__lower__bgImg--01 {
    width: 100%;
    height: 0;
    background-position: center top;
    max-width: 90vw;
    background-size: contain;
    margin: 0 auto;
    padding-top: 29.2737499992%;;
    position: relative;
}
.c-heading__lower__Inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.c-heading__lower__txt {
    position: absolute;
    top: 17%;
    width: 1200px;
    margin: 0 auto;
    max-width: 75%;
    height: auto;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
}
.c-heading__lower__txt p {
    font-size: clamp(16px,4.5vw, 60px);
    line-height: 1.2;
    margin-bottom: 0;
}
.c-heading__lower__Img {
    position: absolute;
    right: 0;
    height: auto;
    margin-top: -2%;
    width: min(54.6875vw, 810px);
}
.c-heading__eng {
    color: #000;
    display: grid;
    font-size: clamp(16px, 2vw, 2.4rem);
}
/* 1行用 */
.c-heading__lower__txt.c-one {
    top: 36%;
}
/* 3行用 */
.c-heading__lower__txt.c-three {
    top: 18%;
}
@media screen and (min-width: 769px) {
    .c-heading__lower__txt .c-font-size__32 {
        font-size: clamp(20px, 2.5vw, 3.2rem);
    }
}




/* メイン角丸100px */
.c-heading__lower__Img img.rPhoto_100 {
    border-radius: 100px;
}

/* メイン角丸100px */
.c-heading__lower__Img img.rPhoto_100 {
    border-radius: 75px;
}

@media screen and (max-width: 768px) {
    .c-heading__lower {
        margin-bottom: 5px;
    }
    .c-heading__lower__Inner {
        height: min(400 / 1200* 100vw, 400px);
    }
    .c-heading__lower__bgImg--01 {
        width: 100vw;
        height: 100%;
        background-size: contain;
        position: relative;
    }
    .c-heading__lower__txt {
        top: 24%;
        width: 100%;
        max-width: 100%;
        left: 50%;
        transform: translateX(-45%);
    }
    .c-heading__lower__txt p {
        font-size: 4.5333333333vw;
        font-size: min(4.5333333333vw, 1.7rem);
        text-align: left;
        line-height: 1.2;
        position: absolute;
    }
    .c-heading__lower__Img {
        width: 55vw;
        right: 5%;
    }

/* 1行用 */
    .c-heading__lower__txt.c-one {
        top: 30%;
    }
    .c-heading__lower__txt.c-one p {
        font-size: 5.3333333333vw;
        font-size: min(5.3333333333vw, 2rem);
    }
    /* メイン角丸100px */
    .c-heading__lower__Img img.rPhoto_100 {
    border-radius: 30px;
    }
}

/* 見出し h1 end */



/* 背景模様 */
.c-bgImage__ptitem01,
.c-bgImage__ptitem02,
.c-bgImage__ptitem03,
.c-bgImage__ptitem04 {
    position: absolute;
    z-index: -1;
}


/* faq 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt01 .c-bgImage__ptitem01 {
        background-image: url(/faq/images/pattern_01.png);
        width: 864px;
        height: 925px;
        top: 500px;
        left: -827px;
        max-width: 100%;
    }
    .c-pt01 .c-bgImage__ptitem02 {
        background-image: url(/faq/images/pattern_02.png);
        width: 742px;
        height: 699px;
        top: 1800px;
        right: -680px;
        max-width: 100%;
    }
    .c-pt01 .c-bgImage__ptitem03 {
        background-image: url(/faq/images/pattern_03.png);
        width: 901px;
        height: 738px;
        top: 5000px;
        left: -690px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt01 .c-bgImage__ptitem01 {
        background-image: url(/faq/images/pattern_01-sp.png);
        width: 80%;
        height: 341px;
        top: 220px;
        right: -91px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt01 .c-bgImage__ptitem02 {
        background-image: url(/faq/images/pattern_02-sp.png);
        width: 90%;
        height: 327px;
        top: 1000px;
        left: -207px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt01 .c-bgImage__ptitem03 {
        background-image: url(/faq/images/pattern_03-sp.png);
        width: 80%;
        height: 374px;
        top: 2215px;
        right: -139px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt01 .c-bgImage__ptitem04 {
        background-image: url(/faq/images/pattern_04-sp.png);
        width: 90%;
        height: 313px;
        top: 3310px;
        left: -188px;
        max-width: 100%;
        background-size: contain;
    }
}

/* company 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt02 .c-bgImage__ptitem01 {
        background-image: url(/company/images/pattern_01.png);
        width: 639px;
        height: 830px;
        top: 250px;
        left: -600px;
        max-width: 100%;
    }
    .c-pt02 .c-bgImage__ptitem02 {
        background-image: url(/company/images/pattern_02.png);
        width: 567px;
        height: 891px;
        top: 1000px;
        right: -534px;
        max-width: 100%;
    }
    .c-pt02 .c-bgImage__ptitem03 {
        background-image: url(/company/images/pattern_03.png);
        width: 782px;
        height: 988px;
        top: 1700px;
        left: -720px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt02 .c-bgImage__ptitem01 {
        background-image: url(/company/images/pattern_01.png);
        width: 60%;
        height: 291px;
        top: 200px;
        left: -112px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt02 .c-bgImage__ptitem02 {
        background-image: url(/company/images/pattern_02.png);
        width: 50%;
        height: 292px;
        top: 700px;
        right: -146px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt02 .c-bgImage__ptitem03 {
        background-image: url(/company/images/pattern_03.png);
        width: 60%;
        height: 284px;
        top: 1300px;
        left: -145px;
        max-width: 100%;
        background-size: contain;
    }
}


/* recruit 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt03 .c-bgImage__ptitem01 {
        background-image: url(/recruit/images/pattern_01.png);
        width: 639px;
        height: 831px;
        top: -150px;
        left: -610px;
        max-width: 100%;
    }
    .c-pt03 .c-bgImage__ptitem02 {
        background-image: url(/recruit/images/pattern_02.png);
        width: 561px;
        height: 856px;
        top: 1000px;
        right: -545px;
        max-width: 100%;
    }
    .c-pt03 .c-bgImage__ptitem03 {
        background-image: url(/recruit/images/pattern_03.png);
        width: 802px;
        height: 804px;
        top: 1700px;
        left: -750px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt03 .c-bgImage__ptitem01 {
        background-image: url(/recruit/images/pattern_01.png);
        width: 85%;
        height: 458px;
        top: 500px;
        left: -200px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt03 .c-bgImage__ptitem02 {
        background-image: url(/recruit/images/pattern_02.png);
        width: 70%;
        height: 404px;
        top: 960px;
        right: -120px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt03 .c-bgImage__ptitem03 {
        background-image: url(/recruit/images/pattern_03.png);
        width: 85%;
        height: 320px;
        top: 1500px;
        left: -240px;
        max-width: 100%;
        background-size: contain;
    }
}

/* purchase 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt04 .c-bgImage__ptitem01 {
        background-image: url(/purchase/images/pattern_01.png);
        width: 864px;
        height: 925px;
        top: 960px;
        left: -825px;
        max-width: 100%;
    }
    .c-pt04 .c-bgImage__ptitem02 {
        background-image: url(/purchase/images/pattern_02.png);
        width: 742px;
        height: 699px;
        top: 1735px;
        right: -675px;
        max-width: 100%;
    }
    .c-pt04 .c-bgImage__ptitem03 {
        background-image: url(/purchase/images/pattern_03.png);
        width: 901px;
        height: 738px;
        top: 2315px;
        left: -690px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt04 .c-bgImage__ptitem01 {
        background-image: url(/purchase/images/pattern_01-sp.png);
        width: 100%;
        height: 451px;
        top: 385px;
        right: -206px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt04 .c-bgImage__ptitem02 {
        background-image: url(/purchase/images/pattern_02-sp.png);
        width: 100%;
        height: 351px;
        top: 1332px;
        left: -206px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt04 .c-bgImage__ptitem03 {
        background-image: url(/purchase/images/pattern_03-sp.png);
        width: 100%;
        height: 450px;
        top: 2169px;
        right: -210px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt04 .c-bgImage__ptitem04 {
        background-image: url(/purchase/images/pattern_04-sp.png);
        width: 100%;
        height: 335px;
        top: 3045px;
        left: -210px;
        max-width: 100%;
        background-size: contain;
    }
}

/* selling 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt05 .c-bgImage__ptitem01 {
        background-image: url(/selling/images/pattern_01.png);
        width: 757px;
        height: 755px;
        top: 270px;
        left: -718px;
        max-width: 100%;
    }
    .c-pt05 .c-bgImage__ptitem02 {
        background-image: url(/selling/images/pattern_02.png);
        width: 594px;
        height: 820px;
        top: 1423px;
        right: -556px;
        max-width: 100%;
    }
    .c-pt05 .c-bgImage__ptitem03 {
        background-image: url(/selling/images/pattern_03.png);
        width: 825px;
        height: 804px;
        top: 2148px;
        left: -745px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt05 .c-bgImage__ptitem01 {
        background-image: url(/selling/images/pattern_01.png);
        width: 60%;
        height: 224px;
        top: 332px;
        left: -156px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt05 .c-bgImage__ptitem02 {
        background-image: url(/selling/images/pattern_02.png);
        width: 60%;
        height: 311px;
        top: 830px;
        right: -124px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt05 .c-bgImage__ptitem03 {
        background-image: url(/selling/images/pattern_03.png);
        width: 60%;
        height: 219px;
        top: 1497px;
        left: -133px;
        max-width: 100%;
        background-size: contain;
    }
}

/* shop 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt06 .c-bgImage__ptitem01 {
        background-image: url(/shop/images/pattern_01.png);
        width: 697px;
        height: 950px;
        top: -150px;
        left: -622px;
        max-width: 100%;
    }
    .c-pt06 .c-bgImage__ptitem02 {
        background-image: url(/shop/images/pattern_02.png);
        width: 598px;
        height: 875px;
        top: 547px;
        right: -564px;
        max-width: 100%;
    }
    .c-pt06 .c-bgImage__ptitem03 {
        background-image: url(/shop/images/pattern_03.png);
        width: 636px;
        height: 1077px;
        top: 1100px;
        left: -683px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt06 .c-bgImage__ptitem01 {
        background-image: url(/shop/images/pattern_01.png);
        width: 85%;
        height: 458px;
        top: 120px;
        left: -195px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt06 .c-bgImage__ptitem02 {
        background-image: url(/shop/images/pattern_02.png);
        width: 70%;
        height: 404px;
        top: 800px;
        right: -152px;
        max-width: 100%;
        background-size: contain;
    }
    /* .c-bgImage__ptitem03 {
    } */
}


/* pawn 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt07 .c-bgImage__ptitem01 {
        background-image: url(/pawn/images/pattern_01.png);
        width: 639px;
        left: -635px;
        height: 831px;
        top: 300px;
        max-width: 100%;
    }
    .c-pt07 .c-bgImage__ptitem02 {
        background-image: url(/pawn/images/pattern_02.png);
        width: 572px;
        height: 881px;
        top: 1055px;
        right: -593px;
        max-width: 100%;
    }
    .c-pt07 .c-bgImage__ptitem03 {
        background-image: url(/pawn/images/pattern_03.png);
        width: 782px;
        height: 1041px;
        top: 2074px;
        left: -800px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt07 .c-bgImage__ptitem01 {
        background-image: url(/pawn/images/pattern_01-sp.png);
        width: 80%;
        height: 315px;
        top: 490px;
        left: -230px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt07 .c-bgImage__ptitem02 {
        background-image: url(/pawn/images/pattern_02-sp.png);
        width: 80%;
        height: 437px;
        top: 1668px;
        right: -206px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt07 .c-bgImage__ptitem03 {
        background-image: url(/pawn/images/pattern_03-sp.png);
        width: 75%;
        height: 406px;
        top: 2440px;
        left: -150px;
        max-width: 100%;
        background-size: contain;
    }
}


/* topics 配下 背景模様 */
@media screen and (min-width: 769px) {
    .c-pt08 .c-bgImage__ptitem01 {
        background-image: url(/topics/ad/images/pattern_01.png);
        width: 639px;
        height: 830px;
        top: 100px;
        left: -635px;
        max-width: 100%;
    }
    .c-pt08 .c-bgImage__ptitem02 {
        background-image: url(/topics/ad/images/pattern_02.png);
        width: 567px;
        height: 891px;
        top: 1090px;
        right: -548px;
        max-width: 100%;
    }
    .c-pt08 .c-bgImage__ptitem03 {
        background-image: url(/topics/ad/images/pattern_03.png);
        width: 782px;
        height: 988px;
        top: 1320px;
        left: -750px;
        max-width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .c-pt08 .c-bgImage__ptitem01 {
        background-image: url(/topics/ad/images/pattern_01.png);
        width: 60%;
        height: 291px;
        top: 180px;
        left: -111px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt08 .c-bgImage__ptitem02 {
        background-image: url(/topics/ad/images/pattern_02.png);
        width: 50%;
        height: 292px;
        top: 650px;
        right: -143px;
        max-width: 100%;
        background-size: contain;
    }
    .c-pt08 .c-bgImage__ptitem03 {
        background-image: url(/topics/ad/images/pattern_03.png);
        width: 60%;
        height: 284px;
        top: 1336px;
        left: -145px;
        max-width: 100%;
        background-size: contain;
    }
}



/* anchorのずれ解消用 */
.c-anchorPosition {
    height: 1px;
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


/* width height */
.l-w5   { width: 5%;}
.l-w10   { width: 10%; }
.l-w15   { width: 15%; }
.l-w20   { width: 20%; }
.l-w25   { width: 25%; }
.l-w30   { width: 30%; }
.l-w35   { width: 35%; }
.l-w40   { width: 40%; }
.l-w45   { width: 45%; }
.l-w50   { width: 50%; }
.l-w55   { width: 55%; }
.l-w60   { width: 60%; }
.l-w65   { width: 65%; }
.l-w70   { width: 70%; }
.l-w75   { width: 75%; }
.l-w80   { width: 80%; }
.l-w85   { width: 85%; }
.l-w90   { width: 90%; }
.l-w95   { width: 95%; }
.l-w100p { width: 100%;}

.l-h1a { height: auto; }
.l-h100p { height: 100%; }

@media screen and (max-width: 768px) {
    .l-w5   { width:100%;}
    .l-w10   { width: 100%; }
    .l-w15   { width: 100%; }
    .l-w20   { width: 100%; }
    .l-w25   { width: 100%; }
    .l-w30   { width: 100%; }
    .l-w35   { width: 100%; }
    .l-w40   { width: 100%; }
    .l-w45   { width: 100%; }
    .l-w50   { width: 100%; }
    .l-w55   { width: 100%; }
    .l-w60   { width: 100%; }
    .l-w65   { width: 100%; }
    .l-w70   { width: 100%; }
    .l-w75   { width: 100%; }
    .l-w80   { width: 100%; }
    .l-w85   { width: 100%; }
    .l-w90   { width: 100%; }
    .l-w95   { width: 100%; }
    .l-w100p { width: 100%; }
}