@charset "UTF-8"; @media screen and (min-width: 768px),print {
    #lead {
        margin-top: 8px;
        margin-bottom: 100px;
    }

    #lead .inner {
        background-image: url(../images/flow/b-bg-01.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 212px;
    }

    #lead .inner .ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 60px;
        text-align: center;
        margin-bottom: 20px;
        position: relative;
        left: 3px;
    }

    #lead .inner .bg-box {
        width: 720px;
        margin: 0 auto;
        margin-bottom: 149px;
        background: #e8e8e5;
        padding: 27px 100px 30px 104px;
    }

    #lead .inner .bg-box .list {
        font-weight: 600;
        letter-spacing: 0.2em;
        line-height: 50px;
    }

    #lead .inner .bg-box .list li {
        background-image: url(../images/flow/li-deco.svg);
        background-repeat: no-repeat;
        background-position: 6px 24px;
        padding-left: 28px;
    }

    #lead .inner .s-box .s-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 60px;
        text-align: center;
        color: #fff;
        margin-bottom: 9px;
        position: relative;
        left: 9px;
    }

    #lead .inner .s-box .txt-1 {
        font-weight: 500;
        line-height: 34px;
        text-align: center;
        color: #fff;
        position: relative;
        left: 8px;
    }

    .c-ttl-box {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 60px;
        background-color: #E8E8E5;
        background-image: url(../images/flow/line.svg);
        background-repeat: no-repeat;
        background-position: 112px 28px;
        position: relative;
        padding: 1px 5px 4px 11px;
    }

    .c-ttl-box .num {
        font-weight: 600;
        font-size: 34px;
        line-height: 60px;
        position: absolute;
        top: 0px;
        left: 40px;
    }

    .c-ttl-box .ttl {
        font-weight: 600;
        font-size: 28px;
        letter-spacing: 0.2em;
        line-height: 60px;
        text-align: center;
    }

    .c-flex {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .c-flex .box-l {
        width: 600px;
        position: relative;
        top: -5px;
    }

    .c-flex .box-l .s-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        margin-bottom: 27px;
        position: relative;
        left: 2px;
    }

    .c-flex .box-l .txt-box {
        line-height: 34px;
    }

    .c-flex .box-l .txt-box .p-mb {
        margin-bottom: 34px;
    }

    .c-flex .box-r {
        width: 526px;
    }

    .c-flex .box-r .pic {
        position: relative;
    }

    #c1 {
        margin-bottom: 121px;
    }

    #c2 {
        margin-bottom: 100px;
    }

    #c2 .inner .c-flex {
        margin-bottom: 85px;
    }

    #c2 .inner .c-flex .box-r .pic {
        margin-bottom: 10px;
    }

    #c2 .inner .c-flex .box-r .pic-02 {
        position: relative;
    }

    #c2 .inner .tel-box {
        width: 882px;
        margin: 0 auto;
        margin-bottom: 100px;
        background: #fff;
        padding: 45px 0px 49px 0px;
    }

    #c2 .inner .tel-box .s-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        text-align: center;
        margin-bottom: -7px;
        position: relative;
        left: -3px;
    }

    #c2 .inner .tel-box .txt-01 {
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 60px;
        text-align: center;
        position: relative;
        left: 1px;
    }

    #c2 .inner .tel-box .flex-in {
        width: 657px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        left: -8px;
    }

    #c2 .inner .tel-box .flex-in .box-in-l {
        margin-right: 34px;
        position: relative;
        top: 13px;
    }

    #c2 .inner .tel-box .flex-in .box-in-r {
        width: 320px;
    }

    #c3 {
        margin-bottom: 120px;
    }

    #c3 .inner .c-flex {
        margin-bottom: 57px;
    }

    #c3 .inner .flex-02 {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 30px;
        background: #e8e8e5;
        padding: 70px 55px 58px;
        display: flex;
        flex-wrap: wrap;
    }

    #c3 .inner .flex-02 .box-l {
        width: 584px;
        padding-top: 0px;
        margin-top: -15px;
    }

    #c3 .inner .flex-02 .box-l .ttl-02 {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        margin-bottom: 32px;
    }

    #c3 .inner .flex-02 .box-l .txt-box {
        font-weight: 500;
        line-height: 34px;
    }

    #c3 .inner .flex-02 .box-l .txt-box .p-mb {
        margin-bottom: 34px;
    }

    #c3 .inner .flex-02 .box-r {
        width: 440px;
        margin-right: 63px;
    }

    #c3 .inner .flex-02 .box-r .pic {
        position: relative;
    }

    #c3 .inner .flex03 {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    #c3 .inner .flex03 >div {
        width: 580px;
        background: #e8e8e5;
        padding: 53px 45px 74px;
    }

    #c3 .inner .flex03 >div:nth-child(1) {
        margin-right: 40px;
    }

    #c3 .inner .flex03 .mini-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        margin-bottom: 32px;
    }

    #c3 .inner .flex03 .txt-box {
        font-weight: 500;
        line-height: 34px;
    }

    #c3 .inner .flex03 .txt-box .p-mb {
        margin-bottom: 34px;
    }

    #c4 {
        margin-bottom: 120px;
    }

    #c4 .inner {
        width: 1200px;
        margin: 0 auto;
    }

    #c4 .inner .s-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        text-align: center;
        margin-bottom: 30px;
        margin-top: -5px;
        position: relative;
        left: 3px;
    }

    #c4 .inner .list {
        display: flex;
        flex-wrap: wrap;
    }

    #c4 .inner .list >li {
        width: 380px;
        margin-right: 30px;
        background-color: #e8e8e5;
        padding: 37px 40px 70px 40px;
    }

    #c4 .inner .list >li:nth-child(3n) {
        margin-right: 0px;
    }

    #c4 .inner .list .li-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        /* text-align: center; */
        margin-bottom: 12px;
        position: relative;
        left: 2px;
    }

    #c4 .inner .list .li-pic {
        margin-bottom: 30px;
    }

    #c4 .inner .list .li-wap {
        width: 300px;
        height: 126px;
        font-weight: 500;
        line-height: 34px;
        position: relative;
    }

    #c5 {
        margin-bottom: 100px;
    }

    #c5 .inner {
        width: 1200px;
        margin: 0 auto;
    }

    #c5 .inner .s-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        text-align: center;
        margin-bottom: 17px;
        margin-top: -5px;
        position: relative;
        left: 3px;
    }

    #c5 .inner .txt-01 {
        font-weight: 500;
        line-height: 34px;
        text-align: center;
    }

    #c6 {
        margin-bottom: 120px;
    }

    #c6 .inner .c-flex .box-l {
        top: -8px;
    }

    #c6 .inner .c-flex .box-l .txt-01 {
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 34px;
    }

    #c6 .inner .c-flex .box-l .bg-box {
        background: #e8e8e5;
        padding: 51px 44px 85px;
    }

    #c6 .inner .c-flex .box-l .bg-box .mini-ttl {
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.2em;
        line-height: 45px;
        margin-bottom: 32px;
    }

    #c6 .inner .c-flex .box-l .bg-box .txt-box-02 {
        font-weight: 500;
        line-height: 34px;
    }

    #c6 .inner .c-flex .box-l .bg-box .txt-box-02 .p-mb {
        margin-bottom: 34px;
    }

    #c7 {
        margin-bottom: 120px;
    }

    #c7 .c-flex .box-l {
        width: 606px;
    }

    #c8 {
        margin-bottom: 150px;
    }
}

@media screen and (max-width: 767px) {
    #lead {
        margin-top: 9.633vw;
        margin-bottom: 12vw;
    }

    #lead .inner {
        background-image: url(../images/flow/sp-b-bg-01.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 11vw;
        background-size: 100%;
    }

    #lead .inner .ttl {
        font-weight: 600;
        text-align: center;
margin-bottom: 4vw;
        position: relative;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.454vw;
    }

    #lead .inner .bg-box {
        width: 91.787vw;
        margin: 0 auto;
        margin-bottom: 15vw;
        background: #e8e8e5;
        padding: 5vw 6.28vw 3vw 6.28vw;
    }

    #lead .inner .bg-box .list {
        font-weight: 600;
        font-size: 3.865vw;
        letter-spacing: 0.15em;
        line-height: 7.246vw;
    }

    #lead .inner .bg-box .list li {
        background-image: url(../images/flow/li-deco.svg);
        background-repeat: no-repeat;
        background-position: 1.449vw 3.865vw;
        padding-left: 6.763vw;
        margin-bottom: 3.382vw;
    }

    #lead .inner .s-box .s-ttl {
        font-weight: 600;
        color: #fff;
        margin-bottom: 3.14vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.454vw;
        margin-left: 9.662vw;
    }

    #lead .inner .s-box .txt-1 {
        font-weight: 500;
        line-height: 8.213vw;
        color: #fff;
        margin-left: 9.662vw;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    .c-ttl-box {
        width: 91.787vw;
        margin: 0 auto;
        margin-bottom: 6.56vw;
        background-color: #E8E8E5;
        background-image: url(../images/flow/sp-line.svg);
        background-repeat: no-repeat;
        background-position: 16.425vw 5.319vw;
        position: relative;
        padding: 2.35vw 1.208vw 2.179vw 21.739vw;
        background-size: 0.242vw;
    }

    .c-ttl-box .num {
        font-weight: 600;
        position: absolute;
        top: 2.3vw;
        left: 7.005vw;
        font-size: 4.831vw;
        letter-spacing: 0.05em;
    }

    .c-ttl-box .ttl {
        font-weight: 600;
        font-size: 4.831vw;
        letter-spacing: 0.2em;
        line-height: 7.729vw;
    }

    .c-flex {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .c-flex .box-l {
        width: 82.126vw;
        margin: 0 auto;
        position: relative;
        margin-bottom: 8vw;
    }

    .c-flex .box-l .s-ttl {
        font-weight: 600;
        margin-bottom: 3.865vw;
        position: relative;
        left: 0.242vw;
        top: -0.242vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.696vw;
    }

    .c-flex .box-l .txt-box {
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    .c-flex .box-l .txt-box .p-mb {
        margin-bottom: 7.246vw;
    }

    .c-flex .box-r {
        width: 91.787vw;
        margin: 0 auto;
    }

    .c-flex .box-r .pic {
        position: relative;
    }

    #c1 {
        margin-bottom: 12vw;
    }

    #c2 {
        margin-bottom: 12vw;
    }

    #c2 .inner .c-flex {
        margin-bottom: 10vw;
    }

    #c2 .inner .c-flex .box-r .pic {
        margin-bottom: 2.415vw;
        display: none;
    }

    #c2 .inner .c-flex .box-r .pic-02 {
        position: relative;
    }

    #c2 .inner .tel-box {
        width: 100%;
        margin: 0 auto;
        background: #fff;
        padding: 6.667vw 0 8.913vw 0;
    }

    #c2 .inner .tel-box .s-ttl {
        font-weight: 600;
        font-size: 5.797vw;
        letter-spacing: 0.2em;
        text-align: center;
        margin-bottom: 4.179vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.696vw;
    }

    #c2 .inner .tel-box .txt-01 {
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 14.493vw;
        text-align: center;
        font-size: 3.865vw;
        letter-spacing: 0.1em;
        line-height: 8.454vw;
        margin-bottom: 5.111vw;
    }

    #c2 .inner .tel-box .flex-in {
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        left: -1.932vw;
    }

    #c2 .inner .tel-box .flex-in .box-in-l {
        width: 77.295vw;
        margin: 0 auto;
        margin-bottom: 8.251vw;
        position: relative;
        left: 1.691vw;
    }

    #c2 .inner .tel-box .flex-in .box-in-r {
        width: 77.295vw;
        margin: 0 auto;
        position: relative;
        left: 1.449vw;
    }

    #c3 {
        margin-bottom: 12vw;
    }

    #c3 .inner .c-flex {
        margin-bottom: 8vw;
    }

    #c3 .inner .flex-02 {
        width: 91.787vw;
        margin: 0 auto;
        margin-bottom: 7.246vw;
        background: #e8e8e5;
        padding: 10vw 6vw 6vw;
        display: flex;
        flex-wrap: wrap;
    }

    #c3 .inner .flex-02 .box-l {
        width: 100%;
        padding-top: 0;
        margin-top: 0vw;
    }

    #c3 .inner .flex-02 .box-l .ttl-02 {
        font-weight: 600;
        margin-bottom: 5vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.696vw;
    }

    #c3 .inner .flex-02 .box-l .txt-box {
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
        margin-bottom: 8vw;
    }

    #c3 .inner .flex-02 .box-l .txt-box .p-mb {
        margin-bottom: 7.246vw;
    }

    #c3 .inner .flex-02 .box-r {
        width: 100%;
    }

    #c3 .inner .flex-02 .box-r .pic {
        position: relative;
    }

    #c3 .inner .flex03 {
        width: 91.787vw;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }

    #c3 .inner .flex03 >div {
        width: 100%;
        background: #e8e8e5;
        padding: 10vw 6vw 6vw;
    }

    #c3 .inner .flex03 >div:nth-child(1) {
        margin-bottom: 7.246vw;
    }

    #c3 .inner .flex03 .mini-ttl {
        font-weight: 600;
        margin-bottom: 5vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 1.4;
    }

    #c3 .inner .flex03 .txt-box {
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c3 .inner .flex03 .txt-box .p-mb {
        margin-bottom: 7.246vw;
    }

    #c4 {
        margin-bottom: 8vw;
    }

    #c4 .inner {
        width: 100%;
        margin: 0 auto;
    }

    #c4 .inner .s-ttl {
        width: 81.884vw;
        margin: 0 auto;
        font-weight: 600;
        margin-bottom: 10vw;
        margin-top: 0;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.696vw;
    }

    #c4 .inner .list {
        display: flex;
        flex-wrap: wrap;
    }

    #c4 .inner .list >li {
        width: 91.787vw;
        margin: 0 auto;
        margin-bottom: 7.488vw;
        background-color: #e8e8e5;
        padding: 10vw 6vw 6vw;
    }

    #c4 .inner .list .li-ttl {
        font-weight: 600;
        font-size: 5.797vw;
        letter-spacing: 0.2em;
        line-height: 1.4;
        /* text-align: center; */
        margin-bottom: 5vw;
    }

    #c4 .inner .list .li-pic {
        margin-bottom: 6.039vw;
    }

    #c4 .inner .list .li-wap {
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c5 {
        margin-bottom: 12vw;
    }

    #c5 .inner {
        width: 100%;
        margin: 0 auto;
    }

    #c5 .inner .s-ttl {
        width: 82.126vw;
        margin: 0 auto;
        font-weight: 600;
        margin-bottom: 3.865vw;
        margin-top: 0;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 8.696vw;
    }

    #c5 .inner .txt-01 {
        width: 82.126vw;
        margin: 0 auto;
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c6 {
        margin-bottom: 16vw;
    }

    #c6 .inner .c-flex .box-l {
        width: 91.787vw;
        top: 0.725vw;
    }

    #c6 .inner .c-flex .box-l .txt-01 {
        width: 82.126vw;
        margin: 0 auto;
        font-weight: 500;
        margin-bottom: 6vw;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c6 .inner .c-flex .box-l .bg-box {
        background: #e8e8e5;
        padding: 10vw 6vw 6vw;
    }

    #c6 .inner .c-flex .box-l .bg-box .mini-ttl {
        font-weight: 600;
        font-size: 5.797vw;
        letter-spacing: 0.2em;
        line-height: 10.87vw;
        margin-bottom: 5vw;
        font-size: 4.831vw;
        letter-spacing: 0.1em;
        line-height: 1.4;
    }

    #c6 .inner .c-flex .box-l .bg-box .txt-box-02 {
        font-weight: 500;
        font-size: 3.865vw;
        letter-spacing: 0.05em;
        line-height: 7.246vw;
    }

    #c6 .inner .c-flex .box-l .bg-box .txt-box-02 .p-mb {
        margin-bottom: 7.246vw;
    }

    #c7 {
        margin-bottom: 19.565vw;
    }

    #c8 {
        margin-bottom: 28.261vw;
    }

    #c1 .inner .c-flex .box-l {
        margin-bottom: 6vw;
    }

    #c2 .inner .c-ttl-box {
        padding: 2.556vw 1.208vw 2.856vw 21.739vw;
    }

    #c2 .inner .c-flex .box-l .s-ttl {
        margin-bottom: 5.072vw;
    }

    #c2 .inner .c-flex .box-l {
        margin-bottom: 9vw;
    }

    #c3 .inner .c-ttl-box {
        padding: 5.556vw 1.208vw 5.556vw 21.739vw;
        padding: 2.556vw 1.208vw 2.856vw 21.739vw;
    }

    #c3 .inner .c-flex .box-l .s-ttl {
        margin-bottom: 5.072vw;
    }

    #c3 .inner .c-flex .box-l {
        margin-bottom: 8vw;
    }

    #c6 .inner .c-flex .box-l .txt-01 .sp-only-gyou {
        display: block;
        margin-bottom: 7.246vw;
    }

    #c7 .inner .c-flex .box-l {
        margin-bottom: 6vw;
    }

    #c7 .inner .c-flex .box-l .s-ttl {
        margin-bottom: 4.106vw;
    }

    #c8 .inner .c-ttl-box {
        padding: 5.556vw 1.208vw 5.556vw 21.739vw;
        padding: 2.556vw 1.208vw 2.856vw 21.739vw;
    }

    #c8 .inner .c-flex .box-l .s-ttl {
        margin-bottom: 4.831vw;
    }

    #c8 .inner .c-flex .box-l {
        margin-bottom: 6vw;
    }
}