@charset "utf-8";

/**
/* 共通 CSS
----------------------------------------------- */

.guide-ttl {
    position: relative;
}

.guide-ttl h2 {
    font-family: "Noto Serif JP", serif;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.5;
}

.h3_border {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 0.75rem 0;
}

.h3_icon {
    padding: 0.75rem 0 0.75rem 6rem;
}

.h3_border span {
    position: relative;
}

.h3_icon span::before {
    background: url(../../lp/img/h3_icon.png) no-repeat center;
    background-size: cover;
    content: '';
    position: absolute;
    top: -1.25rem;
    left: -6rem;
    width: 5.5rem;
    height: 5.125rem;
}

.p-text {
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 2;
}

.c-blue {
    color: #004380;
}

.c-blue2 {
    color: #004386;
}

.c-l-blue {
    color: #0071A8;
}

.check-list li {
    position: relative;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
}

.check-list li::before {
    background: url(../../lp/img/check.png) no-repeat center;
    background-size: contain;
    content: '';
    position: absolute;
    left: 0;
}

@media only screen and (max-width: 767px) {
    .guide-ttl h2 {
        font-size: 1.5625rem;
    }
    .h3_border {
        font-size: 1.25rem;
        padding: 0.675rem 0;
    }
    .h3_icon {
        padding: 0.675rem 0 0.675rem 4rem;
    }
    .h3_icon span::before {
        top: -0.8751rem;
        left: -4rem;
        width: 3.25rem;
        height: 3rem;
    }
    .p-text {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .guide-ttl h2 {
        font-size: 1.5625rem;
    }
    .h3_border {
        font-size: 1.25rem;
        padding: 0.675rem 0;
    }
    .h3_icon {
        padding: 0.675rem 0 0.675rem 4rem;
    }
    .h3_icon span::before {
        top: -0.8751rem;
        left: -4rem;
        width: 3.25rem;
        height: 3rem;
    }
    .p-text {
        font-size: 0.9375rem;
    }
}


/**
/* LP CSS
----------------------------------------------- */


/*　　MV　　*/

.mv-view {
    position: relative;
    background: url(../../lp/img/mv_bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 12.5rem 0 17.1875rem 0;
}

.mv-view .mv-box {
    position: relative;
    background: url(../../lp/img/mv_box.png) no-repeat top center;
    background-size: cover;
    width: 52.5rem;
    padding: 3.375rem 2.1875rem 2.8125rem 2.1875rem;
}

.mv-box .captionArea {
    display: flex;
    align-items: center;
    padding-left: 8.125rem;
    padding-bottom: 3.125rem;
}

.mv-box .captionArea .caption {
    font-family: "Noto Serif JP";
    color: #333;
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.4;
    margin-left: -0.625rem;
}

.mv-box .captionArea .caption span {
    color: #CCAF71;
}

.mv-box .captionArea .caption small {
    font-size: 2.1875rem;
}

.mv-box h1 {
    position: relative;
    font-family: "Noto Serif JP";
    color: #333;
    font-size: 5.125rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.85rem;
    text-align: center;
    margin-bottom: 1.875rem;
}

.mv-box h1 span {
    letter-spacing: 0;
}

.mv-box h1::after {
    position: absolute;
    background: #BDAC6F;
    content: '';
    width: 34.625rem;
    height: 1px;
    bottom: -1rem;
    right: 50%;
    transform: translateX(50%);
}

.mv-box .feeArea {
    position: relative;
    padding-left: 5rem;
}

.mv-box .feeArea .icon {
    position: absolute;
    right: 7.5rem;
    top: -1.5rem;
}

.mv-box .feeArea dl {
    display: flex;
    align-items: center;
}

.mv-box .feeArea dl dt {
    font-family: "Noto Serif JP";
    color: #333;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 1.25;
    border: 1px solid #BDAC6F;
    padding: 0.3125rem 1.25rem;
    margin-top: 0.625rem;
}

.mv-box .feeArea dl dd {
    font-family: "Noto Serif JP";
    color: #333;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.25;
    margin-left: 0.625rem;
}

.mv-box .feeArea dl dd span {
    font-size: 2rem;
}

.mv-box .feeArea dl dd .bg {
    font-size: 2.625rem;
}

.mv-box .feeArea dl dd small {
    font-size: 1.3125rem;
}

.mv-box .noteArea {
    padding-left: 4.375rem;
}

.mv-box .noteArea .caption {
    color: #444;
    font-size: 2.6875rem;
    font-weight: 900;
    line-height: 1.25;
    margin-top: -0.625rem;
}

.mv-box .noteArea .caption span {
    color: #0574B1;
}

.mv-box .noteArea .note {
    color: #3C3C3C;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02rem;
}

.mv-view .btn {
    position: absolute;
    left: 75%;
    bottom: 5rem;
}

.mv-view .mv-bottom {
    position: absolute;
    width: 100%;
    bottom: 3.375rem;
}

.mv-bottom .reserv-btn {
    text-align: center;
}

.mv-bottom .reserv-btn li {
    display: inline-block;
    width: 90%;
    max-width: 520px;
}

@media only screen and (max-width: 767px) {
    .mv-view {
        background: url(../../lp/img/sp_mv_bg.jpg) no-repeat top center;
        background-size: auto 29rem;
        padding: 15.5rem 0 6rem 0;
    }
    .mv-view .inner {
        padding: 0;
    }
    .mv-view .mv-box {
        position: relative;
        background: url(../../lp/img/sp_mv_box.png) no-repeat top center;
        background-size: cover;
        width: 100%;
        padding: 2.65rem 0.9375rem 2.5rem 0.9375rem;
    }
    .mv-box .captionArea {
        padding-left: 0;
        padding-bottom: 1.125rem;
    }
    .mv-box .captionArea .icon {
        width: 7.25rem;
    }
    .mv-box .captionArea .caption {
        width: calc(100% - 6.5625rem);
        margin-left: 0;
        font-size: 1.75rem;
    }
    .mv-box .captionArea .caption small {
        font-size: 1.0625rem;
    }
    .mv-box h1 {
        font-size: 2.5rem;
        letter-spacing: -0.4rem;
        text-align: left;
        margin-bottom: 1.625rem;
    }
    .mv-box h1::after {
        width: 100%;
        bottom: -1rem;
    }
    .mv-box .feeArea {
        padding-left: 0;
        padding-bottom: 0.875rem;
        margin-bottom: 0.875rem;
        border-bottom: 1px solid #BDAC6F;
    }
    .mv-box .feeArea .icon {
        width: 5rem;
        right: 1rem;
        top: -5.875rem;
    }
    .mv-box .feeArea dl dt {
        font-size: 0.84375rem;
        padding: 0.125rem 0.3125rem;
        margin-top: 0.37625rem;
    }
    .mv-box .feeArea dl dd {
        font-size: 1.6875rem;
        margin-left: 0.31875rem;
    }
    .mv-box .feeArea dl dd span {
        font-size: 0.875rem;
    }
    .mv-box .feeArea dl dd .bg {
        font-size: 1.3125rem;
    }
    .mv-box .feeArea dl dd small {
        font-size: 0.6875rem;
    }
    .mv-box .noteArea {
        position: relative;
        padding-left: 0;
    }
    .mv-box .noteArea .icon {
        position: absolute;
        width: 10rem;
        right: 0;
        top: -3.85rem;
    }
    .mv-box .noteArea .caption {
        font-size: 1.78125rem;
        text-align: center;
        margin-top: 0;
        padding-bottom: 0.875rem;
        margin-bottom: 0.675rem;
        border-bottom: 1px solid #BDAC6F;
    }
    .mv-box .noteArea .note {
        font-size: 0.9rem;
    }
    .mv-box .noteArea .note span {
        color: #004380;
    }
    .mv-view .btn {
        display: none;
    }
    .mv-view .mv-bottom {
        background: #F0F0F0;
        padding: 1.0625rem 0 1.875rem 0;
        bottom: 0;
    }
    .mv-bottom .reserv-btn li {
        max-width: 19.375rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mv-view {
        padding: 7rem 0 8.75rem 0;
    }
    .mv-view .inner {
        width: 96%;
    }
    .mv-view .mv-box {
        position: relative;
        background: url(../../lp/img/tab_mv_box.png) no-repeat top center;
        background-size: cover;
        width: 28.125rem;
        padding: 1.5rem 0 2.625rem 0;
    }
    .mv-box .captionArea {
        padding-left: 4.5rem;
        padding-bottom: 1.65rem;
    }
    .mv-box .captionArea .icon {
        width: 7.5rem;
    }
    .mv-box .captionArea .caption {
        width: calc(100% - 7.2rem);
        margin-left: -0.375rem;
        font-size: 2rem;
    }
    .mv-box .captionArea .caption small {
        font-size: 1.25rem;
    }
    .mv-box h1 {
        font-size: 3rem;
        letter-spacing: -0.6rem;
        margin-bottom: 1rem;
    }
    .mv-box h1::after {
        width: 20.625rem;
        bottom: -0.675rem;
    }
    .mv-box .feeArea {
        padding-left: 3.25rem;
    }
    .mv-box .feeArea .icon {
        width: 5.5rem;
        right: 4rem;
        top: -0.875rem;
    }
    .mv-box .feeArea dl dt {
        font-size: 0.9375rem;
        padding: 0.25rem 0.75rem;
        margin-top: 0.625rem;
    }
    .mv-box .feeArea dl dd {
        font-size: 2rem;
        margin-left: 0.31875rem;
    }
    .mv-box .feeArea dl dd span {
        font-size: 1.125rem;
    }
    .mv-box .feeArea dl dd .bg {
        font-size: 1.5rem;
    }
    .mv-box .feeArea dl dd small {
        font-size: 0.75rem;
    }
    .mv-box .noteArea {
        padding-left: 3.25rem;
    }
    .mv-box .noteArea .icon {
        width: 13.5rem;
    }
    .mv-box .noteArea .caption {
        font-size: 1.53125rem;
        margin-top: -0.325rem;
    }
    .mv-box .noteArea .note {
        font-size: 0.75rem;
    }
    .mv-view .btn {
        display: none;
    }
    .mv-view .mv-bottom {
        background: #F0F0F0;
        padding: 1.45rem 0 2.1875rem 0;
        bottom: 0;
    }
    .mv-bottom .reserv-btn li {
        max-width: 310px;
    }
}


/*　　section01　　*/

.section01 {
    background: url(../../lp/img/section01_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 9.1875rem 0 6.25rem 0;
}

.section01 .contentArea {
    max-width: 31.875rem;
}

.section01 .guide-ttl {
    margin-bottom: 3.5rem;
}

.section01 .guide-ttl h2 small {
    font-size: 2rem;
}

.section01 .contentArea .p-text {
    font-size: 1.125rem;
}

.section01 .contentArea .nameArea {
    text-align: right;
    margin-top: 3.125rem;
}

.section01 .contentArea .nameArea .name {
    display: inline-block;
    font-family: "Noto Serif JP";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.45;
}

.section01 .contentArea .nameArea .name span {
    display: block;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.3125rem;
}

.section01 .contentArea .nameArea .name small {
    font-size: 1rem;
}

@media only screen and (max-width: 767px) {
    .section01 {
        background: none;
        padding: 0;
    }
    .section01 .inner {
        width: 100%;
        padding: 0;
    }
    .section01 .contentArea {
        position: relative;
        max-width: 100%;
        padding: 1rem 1.5rem 2.75rem 1.5rem;
    }
    .section01 .guide-ttl {
        background: rgba(255, 255, 255, 0.80);
        position: absolute;
        top: -10rem;
        left: 0;
        border-radius: 0px 24px 0px 0px;
        margin-bottom: 0;
        padding: 2.6875rem 2rem 1.6875rem 1.1875rem;
    }
    .section01 .guide-ttl h2 {
        position: relative;
    }
    .section01 .guide-ttl h2::after {
        position: absolute;
        background: #004B88;
        content: '';
        width: 13.3125rem;
        height: 0.09375rem;
        top: -1.25rem;
        left: 0;
    }
    .section01 .guide-ttl h2 small {
        font-size: 1.375rem;
    }
    .section01 .contentArea .p-text {
        font-size: 1rem;
    }
    .section01 .contentArea .nameArea {
        margin-top: 2.3125rem;
    }
    .section01 .contentArea .nameArea .name {
        font-size: 1.5rem;
    }
    .section01 .contentArea .nameArea .name span {
        font-size: 0.9375rem;
        margin-bottom: 0.3125rem;
    }
    .section01 .contentArea .nameArea .name small {
        font-size: 0.9375rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section01 {
        background: url(../../lp/img/tab_section01_bg.jpg) no-repeat right center;
        background-size: cover;
        padding: 4.1875rem 0 3.5rem 0;
    }
    .section01 .contentArea {
        max-width: 20.4375rem;
    }
    .section01 .guide-ttl {
        margin-bottom: 1.5rem;
    }
    .section01 .guide-ttl h2 small {
        font-size: 1.375rem;
    }
    .section01 .contentArea .p-text {
        font-size: 1rem;
        line-height: 1.875;
    }
    .section01 .contentArea .nameArea {
        text-align: right;
        margin-top: 2.125rem;
    }
    .section01 .contentArea .nameArea .name {
        font-size: 1.5rem;
    }
    .section01 .contentArea .nameArea .name span {
        font-size: 0.9375rem;
        margin-bottom: 0.3125rem;
    }
    .section01 .contentArea .nameArea .name small {
        font-size: 0.9375rem;
    }
}


/*　　section02　　*/

.section02 {
    padding: 5.5rem 0 7.75rem 0;
}

.section02::before,
.section02::after {
    position: absolute;
    content: '';
}

.section02::before {
    background: url(../../lp/img/section02_bg1.png) no-repeat right center;
    background-size: cover;
    width: 50rem;
    height: 57.25rem;
    bottom: 0;
    right: 65%;
}

.section02::after {
    background: url(../../lp/img/section02_bg2.png) no-repeat left center;
    background-size: cover;
    width: 50rem;
    height: 37.625rem;
    bottom: 0;
    left: 65%;
}

.section02 .inner {
    position: relative;
    z-index: 2;
}

.section02 .guide-ttl {
    margin-bottom: 4.5rem;
}

.section02 .guide-ttl h2 span {
    font-size: 2.375rem;
}

.section02 .guide-ttl h2 small {
    font-size: 1.5rem;
}

.section02 .guide-ttl h2 .c-l-blue {
    font-size: 2.875rem;
}

.trouble-list {
    max-width: 43.75rem;
    column-gap: 2.5rem;
    row-gap: 2.625rem;
    margin: 0 auto;
}

.trouble-list {
    max-width: 48rem;
    column-gap: 2.5rem;
    row-gap: 2.625rem;
    align-items: flex-start;
    margin: 0 auto;
}

.trouble-list li {
    position: relative;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.35;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
}

.trouble-list li:nth-child(1) {
    background: rgba(135, 194, 64, 0.2);
    width: 12.4375rem;
}

.trouble-list li:nth-child(2) {
    background: rgba(64, 143, 219, 0.1);
    width: 13.125rem;
    margin-top: 2.625rem;
}

.trouble-list li:nth-child(3) {
    background: rgba(135, 194, 64, 0.2);
    width: 13.125rem;
    margin-top: -2rem;
}

.trouble-list li:nth-child(4) {
    background: rgba(64, 143, 219, 0.1);
    width: 12.25rem;
    margin-left: 3.0625rem;
    margin-top: -2.625rem;
}

.trouble-list li:nth-child(5) {
    background: rgba(135, 194, 64, 0.2);
    width: 14.3125rem;
}

.trouble-list li:nth-child(6) {
    background: rgba(64, 143, 219, 0.1);
    width: 13.375rem;
    margin-top: -4.625rem;
}

.trouble-list li::before {
    display: block;
    content: '';
    padding-top: 100%;
}

.trouble-list li .no {
    position: absolute;
    top: -2.1875rem;
    font-family: Besley;
    font-size: 3.5rem;
    font-weight: 400;
}

.trouble-list li:nth-child(odd) .no {
    color: #87C240;
}

.trouble-list li:nth-child(even) .no {
    color: #408FDB;
}

.trouble-list li .ttl {
    color: #000;
    font-size: 1.25rem;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .section02 {
        padding: 4.875rem 0 3.75rem 0;
    }
    .section02::before {
        background: url(../../lp/img/sp_section02_bg1.jpg) no-repeat right center;
        background-size: cover;
        width: 25.3125rem;
        height: 19.5rem;
        bottom: auto;
        top: 0;
        right: auto;
        left: auto;
    }
    .section02::after {
        width: 30.8125rem;
        height: 22.5625rem;
        bottom: 0;
        right: 0;
        left: auto;
    }
    .section02 .guide-ttl {
        text-align: right;
        margin-bottom: 3.75rem;
    }
    .section02 .guide-ttl h2 span {
        font-size: 1.5rem;
    }
    .section02 .guide-ttl h2 small {
        font-size: 1.125rem;
    }
    .section02 .guide-ttl h2 .c-l-blue {
        font-size: 2rem;
    }
    .trouble-list {
        max-width: 43.75rem;
        column-gap: 2.5rem;
        row-gap: 2.625rem;
        margin: 0 auto;
    }
    .trouble-list {
        display: block;
        column-gap: 0;
        row-gap: 0;
    }
    .trouble-list li {
        font-size: 1.25rem;
    }
    .trouble-list li:nth-child(1) {
        background: rgba(135, 194, 64, 0.2);
        width: 8.8125rem;
        margin: 0 auto;
    }
    .trouble-list li:nth-child(2) {
        background: rgba(64, 143, 219, 0.1);
        width: 8.25rem;
        margin-top: -1.375rem;
        margin-left: auto;
        margin-right: -1rem;
    }
    .trouble-list li:nth-child(3) {
        background: rgba(64, 143, 219, 0.3);
        width: 10.75rem;
        margin-top: -7rem;
        margin-left: -1rem;
    }
    .trouble-list li:nth-child(4) {
        background: rgba(135, 194, 64, 0.4);
        width: 9.875rem;
        margin-left: 9.0625rem;
        margin-top: -4.625rem;
    }
    .trouble-list li:nth-child(5) {
        background: rgba(135, 194, 64, 0.4);
        width: 9.875rem;
        margin-top: -1.625rem;
    }
    .trouble-list li:nth-child(6) {
        background: rgba(64, 143, 219, 0.3);
        width: 9.6875rem;
        margin-top: -6.625rem;
        margin-left: 12.0625rem;
    }
    .trouble-list li .no {
        top: -2rem;
        font-size: 3rem;
    }
    .trouble-list li:nth-child(3) .no {
        color: #408FDB;
        top: 0;
    }
    .trouble-list li:nth-child(4) .no {
        color: #87C240;
        top: 0;
    }
    .trouble-list li:nth-child(5) .no,
    .trouble-list li:nth-child(6) .no {
        top: 0;
    }
    .trouble-list li .ttl {
        font-size: 1rem;
    }
    .trouble-list li:nth-child(3) .ttl,
    .trouble-list li:nth-child(4) .ttl,
    .trouble-list li:nth-child(5) .ttl,
    .trouble-list li:nth-child(6) .ttl {
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section02 {
        padding: 4.8125rem 0 0.6875rem 0;
    }
    .section02::before {
        width: 34.0625rem;
        height: 39rem;
        bottom: 1.75rem;
        right: 60%;
    }
    .section02::after {
        width: 34.1875rem;
        height: 25.625rem;
        left: 60%;
    }
    .section02 .guide-ttl {
        margin-bottom: 3.3125rem;
    }
    .section02 .guide-ttl h2 br.pc_br {
        display: none;
    }
    .section02 .guide-ttl h2 span {
        font-size: 1.5rem;
    }
    .section02 .guide-ttl h2 small {
        font-size: 1.125rem;
    }
    .section02 .guide-ttl h2 .c-l-blue {
        font-size: 2rem;
    }
    .trouble-list {
        display: block;
        max-width: 22.75rem;
        column-gap: 0;
        row-gap: 0;
    }
    .trouble-list li {
        font-size: 1.25rem;
    }
    .trouble-list li:nth-child(1) {
        background: rgba(135, 194, 64, 0.2);
        width: 8.8125rem;
        margin: 0 auto;
    }
    .trouble-list li:nth-child(2) {
        background: rgba(64, 143, 219, 0.1);
        width: 8.25rem;
        margin-top: -1.375rem;
        margin-left: auto;
        margin-right: -1rem;
    }
    .trouble-list li:nth-child(3) {
        background: rgba(64, 143, 219, 0.3);
        width: 10.75rem;
        margin-top: -7rem;
        margin-left: -1rem;
    }
    .trouble-list li:nth-child(4) {
        background: rgba(135, 194, 64, 0.4);
        width: 9.875rem;
        margin-left: 9.0625rem;
        margin-top: -4.625rem;
    }
    .trouble-list li:nth-child(5) {
        background: rgba(135, 194, 64, 0.4);
        width: 9.875rem;
        margin-top: -1.625rem;
    }
    .trouble-list li:nth-child(6) {
        background: rgba(64, 143, 219, 0.3);
        width: 9.6875rem;
        margin-top: -6.625rem;
        margin-left: 12.0625rem;
    }
    .trouble-list li .no {
        top: -2rem;
        font-size: 3rem;
    }
    .trouble-list li:nth-child(3) .no {
        color: #408FDB;
        top: 0;
    }
    .trouble-list li:nth-child(4) .no {
        color: #87C240;
        top: 0;
    }
    .trouble-list li:nth-child(5) .no,
    .trouble-list li:nth-child(6) .no {
        top: 0;
    }
    .trouble-list li .ttl {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .trouble-list li:nth-child(3) .ttl,
    .trouble-list li:nth-child(4) .ttl,
    .trouble-list li:nth-child(5) .ttl,
    .trouble-list li:nth-child(6) .ttl {
        margin-top: 1.5rem;
    }
}


/*　　section03　　*/

.section03 {
    background: #F3F3F3;
    padding: 7.6875rem 0 7.5rem 0;
}

.section03 .guide-ttl {
    margin-bottom: 7.5rem;
}

.section03 .guide-ttl .caption {
    position: relative;
    font-family: "Noto Serif JP";
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.56px;
    text-align: center;
    margin-bottom: 3.25rem;
}

.section03 .guide-ttl .caption::after {
    position: absolute;
    background: #AAA;
    content: '';
    width: 36rem;
    height: 1px;
    bottom: -1.625rem;
    right: 50%;
    transform: translateX(50%);
}

.feature-list .feature-items {
    margin-bottom: 5rem;
}

.feature-list .feature-items:last-child {
    margin-bottom: 0;
}

.feature-list .feature-items .imgArea {
    width: 50%;
}

.feature-list .feature-items .contentArea {
    position: relative;
    background: rgba(255, 255, 255, 0.80);
    width: calc(50% + 3.3125rem);
    margin-top: 2.8125rem;
}

.feature-list .feature-items:nth-child(odd) .contentArea {
    padding: 0 2.8125rem 3.9375rem 4.0625rem;
    margin-left: -3.3125rem;
}

.feature-list .feature-items:nth-child(even) .contentArea {
    padding: 0 4.0625rem 3.9375rem 2.8125rem;
    margin-right: -3.3125rem;
}

.feature-list .feature-items .ttlArea {
    margin-bottom: 2.25rem;
}

.feature-list .feature-items .no {
    width: 6.6875rem;
    margin-top: -0.5625rem;
}

.feature-list .feature-items .ttl {
    width: calc(100% - 6.6875rem);
    padding-top: 1rem;
    padding-left: 0.8125rem;
}

.feature-list .feature-items .ttl h3 {
    color: #283565;
    font-family: "Noto Serif JP";
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 1.45;
    border-bottom: 1px solid #333;
    padding-bottom: 0.625rem;
    margin-bottom: 0.3125rem;
}

.feature-list .feature-items .ttl p {
    color: #666;
    font-family: "Noto Sans JP";
    font-size: 1.25rem;
    font-style: normal;
    line-height: 1.8;
}

@media only screen and (max-width: 767px) {
    .section03 {
        padding: 4rem 0 4.625rem 0;
    }
    .section03 .inner {
        padding: 0;
    }
    .section03 .guide-ttl {
        margin-bottom: 2.5rem;
    }
    .section03 .guide-ttl .caption {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }
    .section03 .guide-ttl .caption::after {
        width: 100%;
        height: 1px;
        bottom: -1rem;
    }
    .feature-list .feature-items {
        margin-bottom: 2.5rem;
    }
    .feature-list .feature-items:last-child {
        margin-bottom: 0;
    }
    .feature-list .feature-items .imgArea {
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .feature-list .feature-items .contentArea {
        position: relative;
        background: rgba(255, 255, 255, 0.80);
        width: 100%;
        margin-top: 0;
    }
    .feature-list .feature-items:nth-child(odd) .contentArea {
        padding: 0 1.4375rem 2.8125rem 1.4375rem;
        margin-left: 0;
    }
    .feature-list .feature-items:nth-child(even) .contentArea {
        padding: 0 1.4375rem 2.8125rem 1.4375rem;
        margin-right: 0;
    }
    .feature-list .feature-items .ttlArea {
        margin-bottom: 0.8125rem;
    }
    .feature-list .feature-items .no {
        width: 5.1875rem;
        margin-top: -0.425rem;
    }
    .feature-list .feature-items .ttl {
        width: calc(100% - 5.1875rem);
        padding-top: 0.8125rem;
        padding-left: 0.625rem;
    }
    .feature-list .feature-items .ttl h3 {
        font-size: 1.5625rem;
        padding-bottom: 0.3125rem;
        margin-bottom: 0.3125rem;
    }
    .feature-list .feature-items .ttl p {
        font-size: 1rem;
        line-height: 1.25;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section03 {
        padding: 4.75rem 0 7.3125rem 0;
    }
    .section03 .guide-ttl {
        margin-bottom: 4.5625rem;
    }
    .section03 .guide-ttl .caption {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }
    .section03 .guide-ttl .caption::after {
        width: 21.5625rem;
        bottom: -1rem;
    }
    .feature-list .feature-items {
        margin-bottom: 4rem;
    }
    .feature-list .feature-items .imgArea {
        width: 50%;
    }
    .feature-list .feature-items .contentArea {
        background: rgba(255, 255, 255, 0.80);
        width: calc(50% + 2.4375rem);
        margin-top: 2.4375rem;
    }
    .feature-list .feature-items:nth-child(odd) .contentArea {
        padding: 0 1.875rem 2.25rem 2.85rem;
        margin-left: -2.4375rem;
    }
    .feature-list .feature-items:nth-child(even) .contentArea {
        padding: 0 2.85rem 2.25rem 1.875rem;
        margin-right: -2.4375rem;
    }
    .feature-list .feature-items .ttlArea {
        margin-bottom: 1.3125rem;
    }
    .feature-list .feature-items .no {
        width: 4.125rem;
        margin-top: -0.35rem;
    }
    .feature-list .feature-items .ttl {
        width: calc(100% - 4.125rem);
        padding-top: 0.875rem;
        padding-left: 0.625rem;
    }
    .feature-list .feature-items .ttl h3 {
        font-size: 1.4375rem;
        padding-bottom: 0.625rem;
        margin-bottom: 0.3125rem;
    }
    .feature-list .feature-items .ttl p {
        font-size: 1rem;
    }
    .feature-list .feature-items .ttl p br {
        display: none;
    }
}


/*　　section04　　*/

.section04 {
    background: #F8F8F8;
    padding-bottom: 4.375rem;
}

.section04 .section-head {
    position: relative;
    align-items: flex-end;
    margin-bottom: 2.625rem;
}

.section04 .section-head::before,
.section04 .section-head::after {
    position: absolute;
    content: '';
}

.section04 .section-head::before {
    background: url(../../lp/img/circle1.png) no-repeat center;
    background-size: cover;
    content: '';
    position: absolute;
    width: 8.3125rem;
    height: 6.6875rem;
    top: 4.125rem;
    left: -5.5rem;
}

.section04 .section-head::after {
    background: url(../../lp/img/circle2.png) no-repeat center;
    background-size: cover;
    content: '';
    position: absolute;
    width: 8.1875rem;
    height: 8.1875rem;
    bottom: -2rem;
    right: -2rem;
}

.section04 .section-head .contentArea {
    width: 45%;
}

.section04 .guide-ttl {
    margin-bottom: 1.5625rem;
}

.section04 .guide-ttl h2 span {
    color: #BDAC6F;
    font-size: 3.125rem;
}

.section04 .guide-ttl h2 small {
    font-size: 2rem;
}

.section04 .section-head .imgArea {
    width: 50%;
}

.section04 .h3_border {
    margin-bottom: 1.25rem;
}

.section04 .check-list {
    column-gap: 2.5rem;
    row-gap: 1.5625rem;
}

.section04 .check-list li {
    width: calc(50% - 1.25rem);
    display: flex;
    align-items: center;
    background: #FFF;
    font-size: 1.25rem;
    padding: 1.5625rem 1rem 1.5625rem 4.25rem;
}

.section04 .check-list li::before {
    width: 1.5625rem;
    height: 1.5rem;
    top: calc(50% - 0.78125rem);
    left: 1.4375rem;
}

@media only screen and (max-width: 767px) {
    .section04 {
        padding: 3.5625rem 0 5rem 0;
    }
    .section04 .section-head {
        margin-bottom: 2.4375rem;
    }
    .section04 .section-head::before {
        top: -4.875rem;
        left: -0.5rem;
    }
    .section04 .section-head::after {
        width: 4.625rem;
        height: 4.625rem;
        bottom: -3rem;
        right: -1rem;
    }
    .section04 .section-head .contentArea {
        width: 100%;
    }
    .section04 .guide-ttl {
        margin-bottom: 1.5625rem;
    }
    .section04 .guide-ttl h2 {
        font-size: 1.5rem;
    }
    .section04 .guide-ttl h2 span {
        font-size: 2rem;
    }
    .section04 .guide-ttl h2 small {
        font-size: 1.3125rem;
    }
    .section04 .section-head img.sp {
        display: inline;
        width: 10rem;
        float: right;
        margin-left: 1.5rem;
        margin-bottom: 0.625rem;
    }
    .section04 .h3_border {
        margin-bottom: 1.4375rem;
    }
    .section04 .h3_border span {
        display: block;
    }
    .section04 .check-list {
        column-gap: 0;
        row-gap: 1.3125rem;
    }
    .section04 .check-list li {
        width: 100%;
        font-size: 1rem;
        padding: 0.9375rem 0.625rem 0.9375rem 3.75rem;
    }
    .section04 .check-list li::before {
        width: 1.5625rem;
        height: 1.5rem;
        top: calc(50% - 0.78125rem);
        left: 0.625rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section04 {
        padding: 4.6875rem 0 3.9375rem 0;
    }
    .section04 .section-head {
        margin-bottom: 3.75rem;
    }
    .section04 .section-head::before {
        top: -9.875rem;
        left: 3.5rem;
    }
    .section04 .section-head::after {
        width: 4.625rem;
        height: 4.625rem;
        bottom: -5rem;
        right: -2rem;
    }
    .section04 .section-head .contentArea {
        width: 50%;
    }
    .section04 .contentArea .guide-ttl {
        display: none;
    }
    .section04 .guide-ttl {
        margin-bottom: 4rem;
    }
    .section04 .guide-ttl h2 span {
        font-size: 2rem;
    }
    .section04 .guide-ttl h2 small {
        font-size: 1.3125rem;
    }
    .section04 .section-head .imgArea {
        width: 45%;
    }
    .section04 .h3_border {
        text-align: center;
        margin-bottom: 1.4375rem;
    }
    .section04 .h3_border span {
        display: block;
    }
    .section04 .check-list {
        column-gap: 1.25rem;
        row-gap: 1.25rem;
    }
    .section04 .check-list li {
        width: calc(50% - 0.625rem);
        font-size: 1rem;
        padding: 0.9375rem 0.625rem 0.9375rem 3rem;
    }
    .section04 .check-list li::before {
        width: 1.5625rem;
        height: 1.5rem;
        top: calc(50% - 0.78125rem);
        left: 0.625rem;
    }
}


/*　　section05　　*/

.section05 {
    background: #E0EAF1;
    padding: 4.25rem 0 5.75rem 0;
}

.section05 .inner {
    max-width: 1023px;
}

.section05 .guide-ttl {
    margin-bottom: 4.375rem;
}

.section05 .guide-ttl h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2rem;
}

.section05 .guide-ttl h2 small {
    font-size: 1.5rem;
}

.section05 .flow-list {
    column-gap: 1.6875rem;
    margin-bottom: 4.8125rem;
}

.flow-list .flow-items {
    position: relative;
    width: calc(33.3333% - 18px);
    border-radius: 0.6875rem;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 2.6875rem 1.875rem 1.875rem 1.875rem;
}

.flow-list .flow-items .no {
    position: absolute;
    width: 100%;
    top: -1.5625rem;
    right: 50%;
    transform: translateX(50%);
    text-align: center;
}

.flow-list .flow-items .no span {
    display: inline-block;
    background: #FFF;
    width: 3.75rem;
    height: 3.75rem;
    border: 1px solid #BDAC6F;
    font-family: "Jost", sans-serif;
    color: #BDAC6F;
    font-size: 2rem;
    font-weight: 450;
    line-height: 3.75rem;
    border-radius: 100%;
}

.flow-list .flow-items h3 {
    color: #666;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    margin-bottom: 0.8125rem;
}

.section05 .bubble-box {
    position: relative;
    background: #FFF;
    border-top: 0.1875rem solid #BDAC6F;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 1.875rem 3.125rem 3.5625rem 3.125rem;
}

.section05 .bubble-box:before,
.section05 .bubble-box:after {
    content: "";
    position: absolute;
}

.section05 .bubble-box:before {
    background: #FFF;
    /* top: -34px; */
    top: 28px;
    right: 120px;
    width: 60px;
    height: 60px;
    transform: rotate(-45deg);
}

.section05 .bubble-box:after {
    background: #BDAC6F;
    top: -32px;
    right: 118px;
    width: 60px;
    height: 60px;
    transform: rotate(-45deg);
}

.section05 .bubble-box h3 {
    position: relative;
    color: #666;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    margin-bottom: 3.5625rem;
}

.section05 .bubble-box h3:before {
    position: absolute;
    background: #666;
    content: '';
    width: 3.3125rem;
    height: 1px;
    bottom: -1.6875rem;
    right: 50%;
    transform: translateX(50%);
}

.section05 .bubble-box h3:after {
    content: "";
    position: absolute;
    background: #FFF;
    top: -57px;
    right: 68px;
    width: 60px;
    height: 60px;
    transform: rotate(-45deg);
    z-index: 2;
}

.section05 .bubble-box ul {
    column-gap: 1.3125rem;
}

.section05 .bubble-box ul li {
    background: rgba(198, 172, 111, 0.3);
    width: calc(16.6666% - 1.125rem);
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 1.35;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
}

.section05 .bubble-box ul li:nth-child(2n) {
    background: rgba(198, 172, 111, 0.4);
}

.section05 .bubble-box ul li::before {
    display: block;
    content: '';
    padding-top: 100%;
}

@media only screen and (max-width: 767px) {
    .section05 {
        padding: 4.25rem 0 5rem 0;
    }
    .section05 .inner {
        padding: 0 1.25rem;
    }
    .section05 .guide-ttl {
        margin-bottom: 2.5rem;
    }
    .section05 .guide-ttl h2,
    .section05 .guide-ttl h2 small {
        font-size: 1.40625rem;
    }
    .section05 .guide-ttl .caption {
        margin-bottom: 0.8125rem;
    }
    .section05 .guide-ttl .caption img {
        width: 12.625rem;
    }
    .section05 .flow-list {
        position: relative;
        column-gap: 0;
        row-gap: 2.9375rem;
        margin-bottom: 2.625rem;
    }
    .section05 .flow-list::after {
        position: absolute;
        background: #BDAC6F;
        content: '';
        width: 1.5px;
        height: 26.3125rem;
        top: 2.625rem;
        left: 2.2rem;
    }
    .flow-list .flow-items {
        position: relative;
        background: transparent;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        z-index: 2;
    }
    .flow-list .flow-items .no {
        width: 4.4375rem;
        position: relative;
        right: auto;
        top: 0;
        transform: translateX(0%);
    }
    .flow-list .flow-items .no span {
        width: 4.4375rem;
        height: 4.4375rem;
        font-size: 2rem;
        line-height: 4.4375rem;
    }
    .flow-list .flow-items h3 {
        color: #333;
        font-size: 1.25rem;
        text-align: left;
    }
    .flow-list .flow-items .box {
        width: calc(100% - 5.875rem);
        background: #FFF;
        border-radius: 0.75rem;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
        padding: 1.5625rem 1.25rem;
        margin-left: 1.4375rem;
    }
    .section05 .bubble-box {
        border-top: 0.09375rem solid #BDAC6F;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
        padding: 2.25rem 2.625rem 1.75rem 2.625rem;
    }
    .section05 .bubble-box:before {
        background: #BDAC6F;
        top: -0.8125rem;
        right: calc(50% - 0.75rem);
        width: 1.5rem;
        height: 1.5rem;
    }
    .section05 .bubble-box:after {
        background: #FFF;
        top: -0.75rem;
        right: calc(50% - 0.75rem);
        width: 1.5rem;
        height: 1.5rem;
    }
    .section05 .bubble-box h3 {
        font-size: 1.1875rem;
        margin-bottom: 2.1875rem;
    }
    .section05 .bubble-box h3:before {
        width: 3.3125rem;
        bottom: -1.6875rem;
    }
    .section05 .bubble-box h3:after {
        content: none;
    }
    .section05 .bubble-box ul {
        column-gap: 2.1875rem;
        row-gap: 1.09375rem;
    }
    .section05 .bubble-box ul li {
        width: calc(50% - 1.125rem);
        font-size: 1.0625rem;
    }
    .section05 .bubble-box ul li:nth-child(2n) {
        background: rgba(198, 172, 111, 0.4);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section05 {
        padding: 5rem 0 4.125rem 0;
    }
    .section05 .guide-ttl {
        margin-bottom: 4.75rem;
    }
    .section05 .guide-ttl .caption img {
        width: 12.6875rem;
    }
    .section05 .guide-ttl h2,
    .section05 .guide-ttl h2 small {
        font-size: 1.40625rem;
    }
    .section05 .flow-list {
        column-gap: 1.0625rem;
        margin-bottom: 4.8125rem;
    }
    .flow-list .flow-items {
        width: calc(33.3333% - 0.75rem);
        padding: 2.25rem 1.25rem 1.875rem 1.25rem;
    }
    .flow-list .flow-items .no {
        top: -1rem;
    }
    .flow-list .flow-items .no span {
        width: 2.375rem;
        height: 2.375rem;
        font-size: 1.25rem;
        line-height: 2.375rem;
    }
    .flow-list .flow-items h3 {
        font-size: 1.25rem;
        margin-bottom: 0.625rem;
    }
    .section05 .bubble-box {
        padding: 2.25rem 3.125rem 3.5rem 3.125rem;
    }
    .section05 .bubble-box:before {
        background: #BDAC6F;
        top: -0.9375rem;
        right: 4rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    .section05 .bubble-box:after {
        background: #FFF;
        top: -0.6875rem;
        right: 4rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    .section05 .bubble-box h3 {
        font-size: 1.1875rem;
        margin-bottom: 2.25rem;
    }
    .section05 .bubble-box h3:before {
        width: 1.65625rem;
        bottom: -0.9375rem;
    }
    .section05 .bubble-box h3:after {
        content: none;
    }
    .section05 .bubble-box ul {
        column-gap: 2.25rem;
        row-gap: 2.25rem;
        max-width: 420px;
        margin: 0 auto;
    }
    .section05 .bubble-box ul li {
        width: calc(33.3333% - 1.5rem);
        font-size: 1rem;
    }
}


/*　　section06　　*/

.section06 {
    background: #ECF0F3;
}

.section06 .flex_wrap {
    position: relative;
}

.section06 .imgArea {
    width: 69%;
    max-width: 978px;
    height: 45.4375rem;
}

.section06 .imgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}

.section06 .contentArea {
    position: absolute;
    width: 45%;
    max-width: 548px;
    right: 50%;
    top: 0;
    padding: 5rem 0 6.25rem 0;
}

.section06 .contentArea .box {
    background: rgba(255, 255, 255, 0.7);
    padding: 3.375rem 1.875rem 3.125rem 1.875rem;
}

.section06 .guide-ttl {
    margin-bottom: 6.6875rem;
}

.section06 .guide-ttl::after {
    position: absolute;
    background: #666;
    content: '';
    width: 5.1875rem;
    height: 1px;
    bottom: -2.375rem;
    right: 50%;
    transform: translateX(50%);
}

.section06 .guide-ttl h2 {
    line-height: 1.35;
}

.section06 .contentArea .p-text {
    max-width: 360px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .section06 .imgArea {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .section06 .contentArea {
        position: relative;
        width: 85%;
        max-width: 100%;
        right: auto;
        left: 0;
        top: 0;
        margin: -6.5rem auto 0 auto;
        padding: 0 0 5rem 0;
    }
    .section06 .contentArea .box {
        background: rgba(255, 255, 255, 0.7);
        padding: 1.875rem 1.5625rem;
    }
    .section06 .guide-ttl {
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 1.3125rem;
    }
    .section06 .guide-ttl .icon {
        width: 2.125rem;
    }
    .section06 .guide-ttl h2 {
        padding-left: 0.90625rem;
    }
    .section06 .guide-ttl::after {
        content: none;
    }
    .section06 .guide-ttl h2 {
        line-height: 1.35;
    }
    .section06 .contentArea .p-text {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section06 .imgArea {
        height: 32.5rem;
    }
    .section06 .guide-ttl {
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 1.3125rem;
    }
    .section06 .guide-ttl .icon {
        width: 2.125rem;
    }
    .section06 .guide-ttl h2 {
        padding-left: 0.90625rem;
    }
    .section06 .guide-ttl::after {
        content: none;
    }
    .section06 .guide-ttl h2 {
        line-height: 1.35;
    }
    .section06 .contentArea .p-text {
        max-width: 360px;
        margin: 0 auto;
    }
}


/*　　section07　　*/

.section07 .section07-body {
    background: url(../../lp/img/section07_bg.jpg) no-repeat left center;
    background-size: cover;
    padding: 5.1875rem 0 5rem 0;
}

.section07-body .box {
    background: rgba(255, 255, 255, 0.8);
    width: 90%;
    max-width: 905px;
    margin: 0 auto;
    border-radius: 0.5rem;
    padding: 6.25rem 3.125rem;
}

.section07-body .box .guide-ttl {
    text-align: center;
    margin-bottom: 3.5rem;
}

.section07-body .guide-ttl h2 small {
    font-size: 2rem;
}

.section07-body .box .p-text {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .section07 .section07-head {
        background: url(../../lp/img/sp_section07_bg.jpg) no-repeat top center;
        background-size: cover;
        text-align: center;
        padding: 3.6875rem 0 15.875rem 0;
    }
    .section07 .section07-head .guide-ttl {
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
    }
    .section07 .section07-head .guide-ttl h2 {
        font-size: 1.9375rem;
    }
    .section07 .section07-head .guide-ttl h2 small {
        font-size: 1.4375rem;
    }
    .section07 .section07-body {
        background: #316798;
        padding: 2.875rem 0;
    }
    .section07-body .box {
        width: 90%;
        border-radius: 0;
        padding: 2.1875rem 1.875rem;
    }
    .section07-body .box .guide-ttl {
        text-align: center;
        margin-bottom: 3.5rem;
    }
    .section07-body .guide-ttl h2 small {
        font-size: 2rem;
    }
    .section07-body .box .p-text {
        text-align: left;
    }
    .section07-body .box .p-text br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section07 .section07-body {
        padding: 4.5rem 0 3.75rem 0;
    }
    .section07-body .box {
        max-width: 435px;
        padding: 4.125rem 3.625rem 2.25rem 3.625rem;
    }
    .section07-body .box .guide-ttl {
        margin-bottom: 2.25rem;
    }
    .section07-body .guide-ttl h2 small {
        font-size: 1.4375rem;
    }
}


/*　　section08　　*/

.section08 {
    background: #D9EBED;
    padding: 5.3125rem 0 5rem 0;
}

.section08 .content-l,
.section08 .content-r {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.section08 .content-r {
    padding-left: 2.625rem;
}

.section08 .content-l figure {
    margin-top: auto;
}

.section08 .h3_border {
    margin-bottom: 2rem;
}

.section08 .p-text .alignright {
    margin-left: 2.9375rem;
}

.section08 .check-list li {
    background: #FFF;
    font-size: 1.1875rem;
    padding: 0.9375rem 0.625rem 0.9375rem 3rem;
}

.section08 .check-list li::before {
    width: 1.5625rem;
    height: 1.5rem;
    top: calc(50% - 0.78125rem);
    left: 0.625rem;
}

.section08 .check-list li+li {
    margin-top: 0.875rem;
}

@media only screen and (max-width: 767px) {
    .section08 {
        padding: 2.6875rem 0 5rem 0;
    }
    .section08 .content-l,
    .section08 .content-r {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .section08 .content-r {
        padding-left: 0;
        margin-top: 3.75rem;
    }
    .section08 .content-l figure {
        margin-top: 1.25rem;
    }
    .section08 .h3_border {
        margin-bottom: 1.5rem;
    }
    .section08 .p-text .alignright {
        width: 10rem;
        margin-left: 1.4375rem;
    }
    .section08 .check-list li {
        font-size: 1rem;
        padding: 0.9375rem 0.625rem 0.9375rem 3.75rem;
    }
    .section08 .check-list li+li {
        margin-top: 0.8125rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section08 {
        padding: 5.3125rem 0 5rem 0;
    }
    .section08 .content-r {
        padding-left: 1.5rem;
    }
    .section08 .h3_border {
        margin-bottom: 1.5rem;
    }
    .section08 .p-text .alignright {
        width: 9.6875rem;
        margin-left: 1.4375rem;
    }
    .section08 .check-list li {
        font-size: 1rem;
    }
    .section08 .check-list li+li {
        margin-top: 0.8125rem;
    }
}


/*　　section09　　*/

.section09 .imgArea {
    width: 45%;
    max-width: 864px;
}

.section09 .imgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section09 .contentArea {
    width: 50%;
    max-width: 527px;
    margin-left: 5%;
    padding: 5rem 0;
}

.section09 .guide-ttl {
    margin-bottom: 1.8125rem;
}

.section09 .guide-ttl .caption {
    background: #4D4D4D;
    color: #FFF;
    font-size: 1.5625rem;
    line-height: 1.3;
    border-radius: 0.5rem;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1.25rem;
}

@media only screen and (max-width: 767px) {
    .section09 .imgArea {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0.875rem;
    }
    .section09 .contentArea {
        width: 90%;
        max-width: initial;
        margin-left: auto;
        margin-right: auto;
        padding: 5rem 0;
    }
    .section09 .guide-ttl {
        margin-bottom: 1.6875rem;
    }
    .section09 .guide-ttl .caption {
        font-size: 1rem;
        border-radius: 0.25rem;
        padding: 0.8125rem 0.875rem;
        margin-bottom: 0.625rem;
    }
    .section09 .guide-ttl h2 {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section09 .contentArea {
        width: 45%;
        margin-left: 5%;
        padding: 2.75rem 0;
    }
    .section09 .guide-ttl {
        margin-bottom: 1.125rem;
    }
    .section09 .guide-ttl .caption {
        font-size: 1rem;
        border-radius: 0.25rem;
        padding: 0.625rem 0.875rem;
        margin-bottom: 0.625rem;
    }
    .section09 .guide-ttl h2 {
        font-size: 2rem;
    }
}


/*　　section10　　*/

.section10 .section10-body {
    background: url(../../lp/img/section10_bg.jpg) no-repeat left center;
    background-size: cover;
    padding: 5.1875rem 0 5rem 0;
}

.section10 .section10-body .box {
    background: rgba(255, 255, 255, 0.80);
    width: 90%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 4.75rem 3.125rem 4.5625rem 3.125rem;
    border-radius: 1rem;
}

.section10 .guide-ttl {
    margin-bottom: 2.5rem;
}

.section10 .guide-ttl .caption {
    background: #4D4D4D;
    max-width: 673px;
    color: #FFF;
    font-size: 1.5625rem;
    line-height: 1.3;
    border-radius: 0.9375rem;
    padding: 0.875rem 1.25rem;
    margin: 0 auto 1.5rem auto;
}

.section10 .guide-ttl h2 {
    text-align: center;
}

.section10 .guide-ttl h2 small {
    font-size: 2rem;
}

.section10 .p-text {
    font-size: 1.125rem;
    line-height: 1.6;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .section10 .section10-head {
        background: url(../../lp/img/sp_section10_head_bg.png) no-repeat left top;
        background-size: cover;
        padding: 5.1875rem 1.5rem 17.5rem 1.5rem;
    }
    .section10 .section10-body {
        position: relative;
        padding: 3.75rem 0 5rem 0;
        margin-top: -13.75rem;
    }
    .section10 .section10-body:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #316798;
        mix-blend-mode: multiply;
    }
    .section10 .section10-body .box {
        position: relative;
        width: 85%;
        max-width: 100%;
        padding: 2.1875rem 1.875rem;
        border-radius: 0;
    }
    .section10 .guide-ttl {
        width: 60%;
        margin-left: auto;
        margin-bottom: 0;
    }
    .section10 .guide-ttl .caption {
        max-width: initial;
        font-size: 1.0625rem;
        border-radius: 0.25rem;
        padding: 0.625rem 0.875rem;
        margin: 0 auto 1.5rem auto;
    }
    .section10 .guide-ttl h2 {
        font-size: 1.5rem;
        text-align: right;
    }
    .section10 .guide-ttl h2 small,
    .section10 .guide-ttl h2 .sp_small {
        font-size: 1.25rem;
    }
    .section10 .p-text {
        font-size: 0.9375rem;
        text-align: left;
    }
    .section10 .p-text br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section10 .section10-body {
        background: url(../../lp/img/section10_bg.jpg) no-repeat left 30% center;
        background-size: cover;
        padding: 3.4375rem 0;
    }
    .section10 .section10-body .box {
        max-width: 480px;
        padding: 2rem 3.125rem;
    }
    .section10 .guide-ttl {
        margin-bottom: 1.75rem;
    }
    .section10 .guide-ttl .caption {
        font-size: 1.0625rem;
        border-radius: 0.25rem;
        padding: 0.625rem 0.875rem;
        margin-bottom: 1.625rem;
    }
    .section10 .guide-ttl h2 small,
    .section10 .guide-ttl h2 .sp_small {
        font-size: 1.125rem;
    }
    .section10 .p-text {
        font-size: 0.9375rem;
        text-align: left;
    }
    .section10 .p-text br {
        display: none;
    }
}


/*　　section11　　*/

.section11 {
    background: #D7EBEC;
    padding: 5.1875rem 0 5rem 0;
}

.section11 .content-l,
.section11 .content-r {
    width: 48%;
    display: flex;
    flex-direction: column;
}

.section11 .caption {
    font-family: "Noto Serif JP";
    color: #666;
    font-size: 1.6875rem;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 1.8125rem;
}

.section11 h2 {
    color: #666;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 1.25rem 0;
    margin-bottom: 3.3125rem;
}

.section11 .h3_border {
    color: #666;
    margin-bottom: 1.3125rem;
}

.section11 .imgArea img {
    width: 100%;
}

.section11 .check-box {
    margin-top: auto;
}

.section11 .check-list li {
    background: #FFF;
    font-size: 1.25rem;
    padding: 0.9375rem 0.625rem 0.9375rem 3rem;
}

.section11 .check-list li::before {
    width: 1.5625rem;
    height: 1.5rem;
    top: calc(50% - 0.7rem);
    left: 0.625rem;
}

.section11 .check-list li+li {
    margin-top: 0.625rem;
}

@media only screen and (max-width: 767px) {
    .section11 {
        padding: 5rem 0;
    }
    .section11 .content-l,
    .section11 .content-r {
        width: 100%;
    }
    .section11 .caption {
        font-size: 1rem;
        margin-bottom: 1.5625rem;
    }
    .section11 h2 {
        font-size: 1.25rem;
        padding: 0.8125rem 0;
        margin-bottom: 1.5625rem;
    }
    .section11 .h3_border {
        margin-bottom: 1.375rem;
    }
    .section11 .imgArea {
        margin-bottom: 2.1875rem;
    }
    .section11 .content-r .p-text {
        margin-bottom: 3.125rem;
    }
    .section11 .check-box {
        margin-top: auto;
    }
    .section11 .check-list li {
        font-size: 1rem;
        padding: 0.9375rem 0.625rem 0.9375rem 3.125rem;
    }
    .section11 .check-list li+li {
        margin-top: 1.25rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section11 {
        padding: 4.125rem 0 5rem 0;
    }
    .section11 .content-l .imgArea,
    .section11 .content-r .p-text {
        display: none;
    }
    .section11 .caption {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    .section11 h2 {
        font-size: 1.25rem;
        padding: 0.875rem 0;
        margin-bottom: 3.3125rem;
    }
    .section11 .h3_border {
        margin-bottom: 1.25rem;
    }
    .section11 .check-list li {
        font-size: 1rem;
    }
    .section11 .check-list li+li {
        margin-top: 1.25rem;
    }
}


/*　　section12　　*/

.section12 .section12-ttl {
    position: relative;
    background: #1A568D;
    padding: 4.125rem 1.5rem 5rem 1.5rem;
}

.section12 .section12-ttl:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -3.25rem;
    border: 3.25rem solid transparent;
    border-top: 2.625rem solid #1A568D;
}

.section12 .section12-ttl h2 {
    font-family: "Noto Serif JP";
    color: #FFF;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
}

.section12 .section12-ttl h2 .c-dotted {
    background-image: radial-gradient(circle at center, #FFFF00 20%, transparent 20%);
    /* 点の色とサイズ調整 */
    background-position: top right;
    /* 点の位置 */
    background-repeat: repeat-x;
    /* 横方向に繰り返し */
    background-size: 3rem 1.35rem;
    /* 点の間隔とサイズ調整 */
    padding-top: 1rem;
}

.section12 .section12-body {
    background: url(../../lp/img/section12_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 7.5rem 0 42.375rem 0;
}

.section12 .contentArea {
    width: 90%;
    max-width: 550px;
    margin: 0 auto;
}

.section12 .contentArea .guide-ttl {
    margin-bottom: 2.5rem;
}

.section12 .contentArea .guide-ttl h2 {
    color: #56514C;
    text-align: center;
}

.section12 .contentArea .guide-ttl h2 small {
    font-size: 2rem;
}

.section12 .section12-bottom {
    position: absolute;
    width: 100%;
    padding: 5.25rem 0 5rem 0;
    bottom: 0;
}

.section12 .section12-bottom:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(49, 103, 152, 0.70);
    mix-blend-mode: multiply;
}

.section12 .section12-bottom .box {
    position: relative;
    background: rgba(255, 255, 255, 0.70);
    border-radius: 0.5rem;
    padding: 4rem 2.6875rem 3.875rem 2.6875rem;
}

.section12 .section12-bottom .box h3 {
    color: #0574B1;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    margin-bottom: 2.875rem;
}

.section12 .section12-bottom .list.sp {
    display: none;
}

.section12 .section12-bottom .list {
    column-gap: 26px;
}

.section12 .section12-bottom .list+.list {
    margin-top: 1.75rem;
}

.section12 .section12-bottom .list li {
    width: calc(33.3333% - 18px);
    border-radius: 8px;
    border: 1px solid #0574B1;
    background: #FFF;
    display: flex;
    align-items: center;
    color: #0574B1;
    font-size: 1.6875rem;
    font-weight: 500;
    line-height: 1.25;
    height: 5.8125rem;
}

.section12 .section12-bottom .list li .ttl {
    width: 100%;
    text-align: center;
}

.section12 .section12-bottom .list li span {
    display: block;
    color: #56514C;
    font-size: 1.125rem;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .section12 .section12-ttl {
        padding: 3.375rem 1.25rem 3.625rem 1.25rem;
    }
    .section12 .section12-ttl:before {
        margin-left: -2.3125rem;
        border: 2.3125rem solid transparent;
        border-top: 2.3125rem solid #1A568D;
    }
    .section12 .section12-ttl h2 {
        font-size: 2rem;
    }
    .section12 .section12-ttl h2 .c-dotted {
        background-size: 2rem 1.35rem;
    }
    .section12 .section12-body {
        background: url(../../lp/img/sp_section12_bg.jpg) no-repeat center;
        background-size: cover;
        padding: 5rem 0 1.875rem 0;
    }
    .section12 .contentArea {
        width: 60%;
        max-width: 15.4375rem;
        margin: 0 1.375rem 0 auto;
    }
    .section12 .contentArea .guide-ttl {
        margin-bottom: 1.4375rem;
    }
    .section12 .contentArea .guide-ttl h2 {
        font-size: 1.625rem;
        text-align: left;
    }
    .section12 .contentArea .guide-ttl h2 small {
        font-size: 1.375rem;
    }
    .section12 .section12-bottom {
        position: relative;
        background: #316798;
        width: 100%;
        padding: 2.8125rem 1.6875rem 3.9375rem 1.6875rem;
        bottom: 0;
    }
    .section12 .section12-bottom:before {
        content: none;
    }
    .section12 .section12-bottom .box {
        padding: 1.75rem 1.5rem 2.25rem 1.5rem;
    }
    .section12 .section12-bottom .box h3 {
        font-size: 1.25rem;
        margin-bottom: 1.75rem;
    }
    .section12 .section12-bottom .list.pc {
        display: none;
    }
    .section12 .section12-bottom .list.sp {
        display: flex;
    }
    .section12 .section12-bottom .list {
        column-gap: 0;
        row-gap: 0.875rem;
    }
    .section12 .section12-bottom .list+.list {
        margin-top: 0;
    }
    .section12 .section12-bottom .list li {
        width: 100%;
        border-radius: 0.25rem;
        font-size: 1.125rem;
        height: 4.4375rem;
    }
    .section12 .section12-bottom .list li span {
        font-size: 0.9375rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section12 .section12-ttl {
        padding: 4.5rem 1.5rem 3.875rem 1.5rem;
    }
    .section12 .section12-ttl:before {
        margin-left: -2.3125rem;
        border: 2.3125rem solid transparent;
        border-top: 2.3125rem solid #1A568D;
    }
    .section12 .section12-ttl h2 {
        font-size: 2rem;
    }
    .section12 .section12-ttl h2 .c-dotted {
        background-size: 2rem 1.35rem;
    }
    .section12 .section12-body {
        padding: 3.5rem 0 2.4rem 0;
    }
    .section12 .contentArea {
        background: rgba(255, 255, 255, 0.70);
        width: 60%;
        margin-right: 0;
        margin-left: auto;
        padding: 0.875rem 2.5rem 2.5rem 2.5rem;
    }
    .section12 .contentArea .guide-ttl {
        margin-bottom: 1.375rem;
    }
    .section12 .contentArea .guide-ttl h2 {
        font-size: 1.625rem;
        text-align: left;
    }
    .section12 .contentArea .guide-ttl h2 small {
        font-size: 1.375rem;
    }
    .section12 .section12-bottom {
        position: relative;
        background: #316798;
        width: 100%;
        padding: 2.8125rem 1.6875rem 3.9375rem 1.6875rem;
        bottom: 0;
    }
    .section12 .section12-bottom .box {
        padding: 4rem 2.6875rem 3.875rem 2.6875rem;
    }
    .section12 .section12-bottom .box h3 {
        font-size: 1.25rem;
        margin-bottom: 3.375rem;
    }
    .section12 .section12-bottom .list.pc {
        display: none;
    }
    .section12 .section12-bottom .list.sp {
        display: flex;
    }
    .section12 .section12-bottom .list {
        column-gap: 3.375rem;
        row-gap: 0.875rem;
    }
    .section12 .section12-bottom .list+.list {
        margin-top: 1.75rem;
    }
    .section12 .section12-bottom .list li {
        width: calc(50% - 1.6875rem);
        font-size: 1.125rem;
        height: 4.4375rem;
    }
    .section12 .section12-bottom .list li span {
        font-size: 0.9375rem;
    }
}


/*　　section13　　*/

.section13 .imgArea {
    width: 48%;
    max-width: 972px;
}

.section13 .imgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section13 .contentArea {
    width: 52%;
    max-width: 570px;
    padding: 4.5rem 0 5rem 3.125rem;
}

.section13 .guide-ttl {
    border-bottom: 1px solid #666666;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.section13 .list {
    column-gap: 1.625rem;
    margin-top: 2.1875rem;
}

.section13 .list li {
    width: calc(50% - 0.8125rem);
}

@media only screen and (max-width: 767px) {
    .section13 .imgArea {
        width: 100%;
        max-width: 100%;
    }
    .section13 .contentArea {
        width: 100%;
        max-width: 100%;
        padding: 3.75rem 0 5rem 0;
    }
    .section13 .guide-ttl {
        text-align: center;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 1.375rem;
    }
    .section13 .p-text {
        padding: 1.4375rem 1.875rem;
    }
    .section13 .list {
        column-gap: 1.625rem;
        padding: 0 1.5625rem;
        margin-top: 0;
    }
    .section13 .list li {
        width: calc(50% - 0.78125rem);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section13 .contentArea {
        padding: 3rem 2.25rem 1.5rem 2.5625rem;
    }
    .section13 .guide-ttl {
        border-bottom: none;
        padding-bottom: 0;
    }
    .section13 .list {
        margin-top: 1.1875rem;
    }
}


/*　　section14　　*/

.section14 {
    background: #EFF7F9;
    padding: 4.1875rem 0 5rem 0;
}

.section14 .section-head {
    margin-bottom: 2rem;
}

.section14 .guide-ttl .caption {
    font-family: "Noto Serif JP";
    color: #56514C;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 0.875rem;
}

.section14 .guide-ttl h2 {
    color: #56514C;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 0.75rem 0 0.75rem 1.375rem;
    margin-bottom: 1.0625rem;
}

.section14 .section-head .contentArea {
    width: 46%;
}

.section14 .section-head .imgArea {
    width: 48%;
}

.section14 .h3_border {
    color: #56514C;
    text-align: center;
    margin-bottom: 1.875rem;
}

.section14 .check-list {
    width: 46%;
}

.section14 .check-list li {
    background: #FFF;
    font-size: 1.25rem;
    padding: 0.9375rem 0.625rem 0.9375rem 3rem;
}

.section14 .check-list li::before {
    width: 1.5625rem;
    height: 1.5rem;
    top: calc(50% - 0.7rem);
    left: 0.625rem;
}

.section14 .check-list li+li {
    margin-top: 0.9375rem;
}

@media only screen and (max-width: 767px) {
    .section14 {
        padding: 3.4375rem 0 5rem 0;
    }
    .section14 .section-head {
        margin-bottom: 2rem;
    }
    .section14 .guide-ttl .caption {
        display: none;
    }
    .section14 .guide-ttl h2 {
        font-size: 1.25rem;
        text-align: center;
        padding: 0.875rem 0;
        margin-bottom: 1.5625rem;
    }
    .section14 .section-head .contentArea {
        width: 100%;
    }
    .section14 .section-head .imgArea {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .section14 .h3_border {
        text-align: center;
        margin-bottom: 1.875rem;
    }
    .section14 .h3_border.h3_icon {
        padding: 0.675rem 0;
    }
    .section14 .check-list {
        width: 100%;
    }
    .section14 .check-list li {
        font-size: 1rem;
        padding: 0.9375rem 0.625rem 0.9375rem 3.125rem;
    }
    .section14 .check-list li+li {
        margin-top: 1rem;
    }
    .section14 .check-list+.check-list {
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section14 {
        padding: 3.3125rem 0;
    }
    .section14 .section-head {
        margin-bottom: 4.375rem;
    }
    .section14 .guide-ttl .caption {
        display: none;
    }
    .section14 .guide-ttl h2 {
        font-size: 1.25rem;
        text-align: center;
        padding: 0.75rem 0;
        margin-bottom: 1.5625rem;
    }
    .section14 .section-head .contentArea {
        width: 100%;
    }
    .section14 .section-head .imgArea.pc {
        display: none;
    }
    .section14 .section-head .imgArea.sp {
        display: block;
    }
    .section14 .section-head .imgArea {
        width: 50%;
    }
    .section14 .section-head .p-text {
        width: 45%;
    }
    .section14 .h3_border {
        margin-bottom: 1.875rem;
    }
    .section14 .h3_border.h3_icon {
        padding: 0.675rem 0;
    }
    .section14 .h3_icon span {
        display: block;
    }
    .section14 .h3_icon span::before {
        left: 0;
    }
    .section14 .check-list {
        width: 47%;
    }
    .section14 .check-list li {
        font-size: 1rem;
    }
    .section14 .check-list li+li {
        margin-top: 1rem;
    }
}


/*　　section15　　*/

.section15 {
    background: #F8F8F8;
    padding: 6.125rem 0 5.125rem 0;
}

.section15 .guide-ttl {
    color: #333;
    margin-bottom: 5.375rem;
}

.section15 .guide-ttl .caption {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 0.75rem 0;
    margin-bottom: 1rem;
}

.section15 .guide-ttl h2 {
    font-size: 2.25rem;
    text-align: center;
}

.section15 .box {
    background: #FFF;
    padding: 2.1875rem 1.875rem 5rem 1.875rem;
}

.section15 .box .imgArea {
    position: relative;
    width: 50%;
}

.section15 .box .imgArea .main-img {
    position: relative;
    text-align: right;
    z-index: 2;
}

.section15 .box .imgArea .sub-img {
    position: absolute;
    bottom: 0;
}

.section15 .box .contentArea {
    width: 50%;
    padding-right: 1.875rem;
}

.section15 .box .p-text {
    margin-bottom: 4.375rem;
}

.section15 .box .h3_border {
    color: #333;
    margin-bottom: 1.25rem;
}

.section15 .check-list li {
    background: #F0F8F8;
    font-size: 1.3125rem;
    padding: 0.9375rem 0.625rem 0.9375rem 3rem;
}

.section15 .check-list li::before {
    width: 1.5625rem;
    height: 1.5rem;
    top: calc(50% - 0.7rem);
    left: 0.625rem;
}

.section15 .check-list li+li {
    margin-top: 1.3125rem;
}

@media only screen and (max-width: 767px) {
    .section15 {
        padding: 3.75rem 0 5rem 0;
    }
    .section15 .guide-ttl {
        margin-bottom: 1.9375rem;
    }
    .section15 .guide-ttl .caption {
        font-size: 1rem;
        margin-bottom: 5.3125rem;
    }
    .section15 .guide-ttl h2 {
        font-size: 1.5rem;
        text-align: left;
    }
    .section15 .guide-ttl h2 span {
        display: block;
        font-size: 1.25rem;
        margin-left: -0.875rem;
    }
    .section15 .box {
        padding: 2.5rem 1.375rem;
    }
    .section15 .box .imgArea {
        position: absolute;
        width: 11.5rem;
        top: 6.9rem;
        right: 0.875rem;
    }
    .section15 .box .imgArea .sub-img {
        width: 8.5625rem;
        bottom: 0.675rem;
        left: -1.25rem;
    }
    .section15 .box .contentArea {
        width: 100%;
        padding-right: 0;
    }
    .section15 .box .p-text {
        margin-bottom: 2.5rem;
    }
    .section15 .box .h3_border {
        margin-bottom: 1.25rem;
    }
    .section15 .check-list li {
        font-size: 1rem;
    }
    .section15 .check-list li+li {
        margin-top: 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section15 {
        padding: 3.375rem 0 7.5rem 0;
    }
    .section15 .guide-ttl {
        margin-bottom: 3.3125rem;
    }
    .section15 .guide-ttl .caption {
        padding: 0.75rem 0;
        margin-bottom: 1.25rem;
    }
    .section15 .guide-ttl h2 {
        font-size: 2rem;
    }
    .section15 .box {
        padding: 2.1875rem 1.875rem 2.5rem 1.875rem;
    }
    .section15 .box .imgArea {
        position: relative;
        width: 47%;
        margin-left: -12%;
        z-index: 2;
    }
    .section15 .box .imgArea .main-img {
        width: 18.5rem;
    }
    .section15 .box .imgArea .sub-img {
        width: 16.375rem;
    }
    .section15 .box .contentArea {
        width: 65%;
        padding-right: 0;
    }
    .section15 .box .p-text {
        width: 82%;
        margin-bottom: 2.375rem;
    }
    .section15 .box .h3_border {
        margin-bottom: 1.25rem;
    }
    .section15 .check-list li {
        font-size: 1rem;
    }
    .section15 .check-list li+li {
        margin-top: 1.25rem;
    }
}


/*　　無料相談　　*/

.section-contact {
    background: url(../../lp/img/contact_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 7.5rem 0 7.75rem 0;
}

.section-contact .box {
    width: 90%;
    max-width: 1026px;
    margin: 0 auto;
    padding: 4.4375rem 3.3125rem 6.25rem 3.3125rem;
}

.section-contact .guide-ttl {
    margin-bottom: 2.875rem;
}

.section-contact .guide-ttl .caption {
    position: relative;
    font-family: "Noto Serif JP";
    font-size: 1.75rem;
    line-height: 1.45;
    margin-bottom: 1.75rem;
}

.section-contact .guide-ttl .caption small {
    font-size: 1.5rem;
}

.section-contact .guide-ttl .caption::after {
    position: absolute;
    background: #BDAC6F;
    content: '';
    width: 46.625rem;
    height: 1px;
    bottom: -1rem;
    right: 50%;
    transform: translateX(50%);
}

.section-contact .guide-ttl h2 small {
    font-size: 1.5rem;
}

.section-contact .contact-btn {
    column-gap: 3.125rem;
}

.section-contact .contact-btn li {
    width: calc(50% - 1.5625rem);
}

.section-contact .contact-btn li a {
    display: block;
}

@media only screen and (max-width: 767px) {
    .section-contact {
        background: url(../../lp/img/sp_contact_bg.jpg) no-repeat center;
        background-size: cover;
        padding: 11.75rem 0 4.875rem 0;
    }
    .section-contact .box {
        padding: 0 1.5625rem;
    }
    .section-contact .guide-ttl {
        margin-bottom: 2.6875rem;
    }
    .section-contact .guide-ttl .caption {
        font-size: 1.8125rem;
        margin-bottom: 3rem;
    }
    .section-contact .guide-ttl .caption small {
        font-size: 1.375rem;
    }
    .section-contact .guide-ttl .caption::after {
        width: 100%;
        bottom: -1.5rem;
    }
    .section-contact .guide-ttl h2 small {
        font-size: 1.5625rem;
    }
    .section-contact .contact-btn {
        column-gap: 0;
        row-gap: 1.8125rem;
    }
    .section-contact .contact-btn li {
        width: 100%;
    }
    .section-contact .contact-btn li img {
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .section-contact {
        background: url(../../lp/img/tb_contact_bg.jpg) no-repeat center;
        background-size: cover;
        padding: 14.125rem 0 5.9375rem 0;
    }
    .section-contact .box {
        background: rgba(255, 255, 255, 0.80);
        max-width: 590px;
        padding: 3.5rem 3.25rem 3.125rem 3.25rem;
    }
    .section-contact .guide-ttl {
        margin-bottom: 3.5rem;
    }
    .section-contact .guide-ttl .caption {
        font-size: 1.75rem;
        margin-bottom: 4.0625rem;
    }
    .section-contact .guide-ttl .caption small {
        font-size: 1.5rem;
    }
    .section-contact .guide-ttl .caption::after {
        width: 30.5rem;
        bottom: -1.875rem;
    }
    .section-contact .guide-ttl h2 {
        font-size: 2.25rem;
    }
    .section-contact .guide-ttl h2 small {
        font-size: 1.5rem;
    }
    .section-contact .contact-btn {
        display: block;
        text-align: center;
        column-gap: 3.125rem;
    }
    .section-contact .contact-btn li {
        display: inline-block;
        width: 23.75rem;
    }
    .section-contact .contact-btn li+li {
        margin-top: 2.3125rem;
    }
    .section-contact .contact-btn li img {
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    }
}