@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

@media (max-width:768px) {
    .br_sp_only {
        display: block;
    }

    .pc_only {
        display: none;
    }
}

html {
    scroll-behavior: smooth;
}

header {
    position: relative;
}

.keyvisual {
    width: 100%;
    vertical-align: top;
}

.header_contents1 {
    display: flex;
    column-gap: 2%;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%);
    justify-content: center;
}

.yoyaku_btn img , .faq_btn img {
    width: 100%;
}

.sp_keyvisual {
    display: none;
}

.sp_header_contents1 {
    display: none;
}

@media (max-width:768px) {
    .keyvisual {
        display: none;
    }

    .sp_keyvisual {
        display: block;
        width: 100%;
    }

    .header_contents1 {
        text-align: center;
        display: block;
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
    }

    /* .header_contents1 img {
        width: 50%;
    } */

    /* .sp_yoyaku_btn img,.sp_faq_btn img {
        width: 100%;
    } */

    .header_contents1 {
        display: none;
    }

    .sp_header_contents1 {
        width: 100%;
        text-align: center;
        display: block;
        position: absolute;
        bottom: 1%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_header_contents1 img {
        width: 70%;
    }
}

/* ----------------------------------------------------------------------------------- */

.sec2 {
    background-color: #F6F5F3;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.s2_contents1 img {
    width: 70%;
}

.sp_s2_illust1 {
    display: none;
}

@media (max-width:768px) {

    .sec2 {
        z-index: 2;
    }

    .s2_illust1 {
        display: none;
    }

    .s2_contents1 img {
        width: 85%;
    }

    .sp_s2_illust1 {
        display: block;
        margin: 0 auto;
    }
}

/* ------------------------------------------------------------------------------------- */

.sec3 {
    padding-top: 50px;
    position: relative;
}

.s3_illust1 {
    width: 100%;
    vertical-align: top;
}

.s3_illust2 {
    position: absolute;
    left: 0;
    top: -15%;
    width: 30%;
}

.s3_illust3 {
    width: 65%;
}

.s3_contents1 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%);
}

.s3_btn_contents {
    display: flex;
    column-gap: 8.2%;
    justify-content: center;
    margin-top: -6%;
}

.s3_btn {
    width: 14%;
}


.s3_btn img{
    width: 100%;
}

.s3_contents2 {
    display: flex;
    justify-content: center;
    column-gap: 2%;
    position: absolute;
    bottom: 1.3%;
    left: 50%;
    transform: translate(-50%);
}

.s3_contents2 a {
    width: 60%;
}

.sp_sec3 {
    display: none;
}

.s3_position1 {
    position: relative;
}

.s3_target {
    width: 0.1%;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%);
}

.sp_s3_target {
    display: none;
}

@media (max-width:768px) {

    .sp_s3_contents1 {
        position: relative;
    }

    .sec3 {
        display: none;
    }

    .sp_sec3 {
        display: block;
        padding-top: 10%;
    }

    .sp_s3_illust1 {
        width: 100%;
        z-index: 1;
        position: relative;
        vertical-align: bottom;
    }

    .sp_s3_btn1 {
        width: 60%;
        position: absolute;
        top: 12.3%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
        text-align: center;
    }

    .sp_s3_btn1 img {
        width: 100%;
    }

    .sp_s3_btn2 {
        width: 60%;
        position: absolute;
        top: 24.1%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
        text-align: center;
    }

    .sp_s3_btn2 img {
        width: 100%;
    }

    .sp_s3_btn3 {
        width: 60%;
        position: absolute;
        top: 35.8%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
        text-align: center;
    }

    .sp_s3_btn3 img {
        width: 100%;
    }

    .sp_s3_contents2 img {
        width: 70%;
    }

    .sp_s3_contents2 {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 0.4%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s3_bluering {
        width: 30%;
        position: absolute;
        right: 0;
        top: -5%;
        z-index: 1;
    }

    .sp_s3_target {
        display: block;
        width: 0.1%;
        position: absolute;
        top: 44%;
        left: 50%;
        transform: translate(-50%);
    }
}

/* ------------------------------------------------------------------------------------- */

.sec4 {
    position: relative;
}

.s4_img1 {
    width: 100%;
    vertical-align: top;
}

.s4_text {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sp_s4_img1 {
    display: none;
}

.sp_s4_text {
    display: none;
}

@media (max-width:768px) {
    .s4_img1 {
        display: none;
    }

    .sp_s4_img1 {
        display: block;
        width: 100%;
    }

    .s4_text {
        display: none;
    }

    .sp_s4_text {
        display: block;
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* -------------------------------------------------------------------------------------- */

.sec5 {
    background-color: #F6F5F3;
    padding-top: 5%;
    padding-bottom: 9%;
}

.s5_illust1 {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.s5_position1 {
    position: relative;
}

.s5_img1 {
    width: 16%;
    position: absolute;
    top: 6.5%;
    left: 63%;
}

.s5_img2 {
    width: 16%;
    position: absolute;
    top: 15%;
    left: 63%;
}

.s5_img3 {
    width: 16%;
    position: absolute;
    top: 23.5%;
    left: 63%;
}

.s5_img4 {
    width: 40%;
    position: absolute;
    bottom: 10%;
    left: 45%;
}

.sp_s5_illust1 {
    display: none;
}

.sp_s5_illust2 {
    display: none;
}

.s5_illust2 {
    width: 18%;
    position: absolute;
    top: 36%;
    left: 62%;
}

@media (max-width:768px) {
    .s5_illust1 {
        display: none;
    }

    .sp_s5_illust1 {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .sp_s5_illust2 {
        display: block;
        width: 80%;
        position: absolute;
        top: 48%;
        left: 50%;
        transform: translate(-50%);
    } 

    .s5_img1 {
        width: 25%;
        position: absolute;
        top: 21.4%;
        left: 58%;
    }

    .s5_img2 {
        width: 25%;
        position: absolute;
        top: 24.4%;
        left: 58%;
    }

    .s5_img3 {
        width: 25%;
        position: absolute;
        top: 27.5%;
        left: 58%;
    }

    .s5_img4 {
        width: 75%;
        position: absolute;
        bottom: 23%;
        left: 50%;
        transform: translate(-50%);
    }

    .s5_illust2 {
        display: none;
    }
}

/* ------------------------------------------------------------------------------------------ */

.sec6 {
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center;
}

.s6_illust1 {
    width: 75%;
}

.sp_s6_illust1 {
    display: none;
}

@media (max-width:768px) {

    .sec6 {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center;
    }

    .s6_illust1 {
        display: none;
    }

    .sp_s6_illust1 {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
}

/* ----------------------------------------------------------------------------------------------- */

.sec7 {
    position: relative;
    z-index: 1;
}

.s7_img1 {
    width: 100%;
    margin-bottom: 3%;
}

.s7_btn {
    width: 45%;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%);

}

.s7_btn img{
    width: 100%;
}

.sp_s7_img1 {
    display: none;
}

.sp_s7_btn {
    display: none;
}

@media (max-width:768px) {

    .sec7 {
        position: relative;
        z-index: 2;
    }

    .s7_img1 {
        display: none;
    }

    .sp_s7_img1 {
        display: block;
        width: 100%;
    }

    .s7_btn {
        display: none
    }

    .sp_s7_btn {
        display: block;
        width: 80%;
        position: absolute;
        top: 85%;
        left: 50%;
        transform: translate(-50%);
    }
}

/* ------------------------------------------------------------------------------------------ */

.sec8 {
    position: relative;
}

.s8_illust1 {
    width: 60%;
    float: right;
}

.s8_img1 {
    width: 40%;
    position: absolute;
    top: -70px;
}

.s8_illust2 {
    width: 100%;
    margin-top: 5%;
    position: relative;
    z-index: 1;
}

.s8_illust3 {
    width: 100%;
    margin-top: 5%;
}

.s8_bluering {
    width: 35%;
    position: absolute;
    top: 3%;
    right: 0;
}

.s8_bluering2 {
    width: 20%;
    position: absolute;
    bottom: 26%;
    left: 7%;
}

.s8_yellowring {
    width: 13%;
    position: absolute;
    bottom: 6%;
    right: 0;
}

.s8_btn {
    width: 45%;
    position: absolute;
    bottom: 0.7%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}

.s8_btn img {
    width: 100%;
}

.s8_position1 {
    position: relative;
}

.s8_img2 {
    width: 13%;
    position: absolute;
    top: 32.55%;
    left: 25.5%;
    z-index: 1;
}

.s8_img3 {
    width: 13%;
    position: absolute;
    top: 52.3%;
    left: 25.5%;
    z-index: 1;
}

.s8_img4 {
    width: 20%;
    position: absolute;
    top: 63.3%;
    left: 56%;
    z-index: 1;
}

.s8_img5 {
    width: 13%;
    position: absolute;
    top: 71.85%;
    left: 25.5%;
    z-index: 1;
}

.s8_img6 {
    width: 20%;
    position: absolute;
    top: 82.9%;
    left: 56%;
    z-index: 1;
}

.s8_img7 {
    width: 13%;
    position: absolute;
    top: 91.5%;
    left: 25.5%;
    z-index: 1;
}

.sp_sec8 {
    display: none;
}

@media (max-width:768px) {
    .sec8 {
        display: none;
    }

    .sp_sec8 {
        display: block;
        padding-top: 10%;
        position: relative;
    }

    .sp_s8_illust1 {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .sp_s8_img1 {
        width: 95%;
        position: absolute;
        top: -1%;
        left: 0;
        z-index: 1;
    }

    .sp_s8_position1 {
        position: relative;
    }

    .sp_s8_img2 {
        width: 63%;
        position: absolute;
        top: 33.3%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s8_img3 {
        width: 63%;
        position: absolute;
        top: 52.5%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s8_img4 {
        width: 63%;
        position: absolute;
        top: 62.3%;
        left: 52.5%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s8_img5 {
        width: 63%;
        position: absolute;
        top: 71.4%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s8_img6 {
        width: 63%;
        position: absolute;
        top: 82%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s8_img7 {
        width: 63%;
        position: absolute;
        top: 91.2%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .sp_s8_illust2 {
        width: 100%;
    }

    .sp_s8_h1 {
        width: 95%;
        position: absolute;
        top: 5%;
        right: 0;
        z-index: 2;
    }

    #sp_target_s8 {
        position: absolute;
        top: 1.3%;
        left: 50%;
        font-size: 0.1px;
        transform: translate(-50%);
       color: white;
    }
    
}

/* -------------------------------------------------------------------------------------------- */

.sec9 {
    padding-top: 5%;
}

.sec9 h1 {
    color: #F1821C;
    font-family: "M PLUS Rounded 1c", system-ui;
    text-align: center;
    font-weight: 450;
    font-size: 3vw;
}

.s9_img1 {
    display: block;
    margin: 0 auto;
    width: 60%;
    margin-top: 2%;
    position: relative;
    z-index: 1;
}

.s9_illust1 {
    width: 100%;
    margin-top: -6%;
}

.sp_sec9 {
    display: none;
}

@media (max-width:768px) {
    .sec9 {
        display: none;
    }

    .sp_sec9 {
        display: block;
        position: relative;
    }

    .sp_s9_illust1 {
        width: 100%;
    }

    .sp_s9_btn {
        width: 80%;
        position: absolute;
        top: 4%;
        left: 50%;
        transform: translate(-50%);
        text-align: center;
    }

    .sp_s9_btn img {
        width: 100%;
    }

    .sp_s9_img1 {
        width: 75%;
        position: absolute;
        top: 18%;
        left: 50%;
        transform: translate(-50%);
    }

    #sp_target_s9 {
        font-size: 0.1px;
        position: absolute;
        top: 16%;
        color: white;
        left: 50%;
        transform: translate(-50%);
    }

}

/* ----------------------------------------------------------------------------------------------- */

.sec10 {
    padding-top: 6%;
}

.s10_contents1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5%;
}

.s10_illust1 {
    width: 42%;
    margin-left: 12%;
}

.s10_img1 {
    width: 45%;
    margin-top: -5%;
}

.s10_illust2 {
    width: 100%;
    vertical-align: top;
}

/* ---------- */

.btn_content {
    position: relative;
}

.btn_flex {
    justify-content: center;
    display: flex;
    column-gap: 2%;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%);
}

.btn_flex a {
    width: 60%;
}

.sp_s10_illust1 {
    display: none;
}

.sp_s10_img1 {
    display: none;
}

.sp_btn_content {
    display: none;
}

/* ---------- */

@media (max-width:768px) {

    .s10_contents1 {
        position: relative;
    }

    .s10_illust1 {
        display: none;
    }

    .sp_s10_illust1 {
        display: block;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 10%;
    }

    .s10_img1 {
        display: none;
    }

    .sp_s10_img1 {
        display: block;
        width: 80%;
        position: absolute;
        top: 13%;
        left: 50%;
        transform: translate(-50%);
    }

    .btn_content {
        display: none;
    }

    .sp_btn_content {
        display: block;
        position: relative;
        text-align: center;
    }

    .sp_s10_illust2 {
        width: 100%;
        vertical-align: bottom;
    }

    .sp_btn_flex {
        width: 100%;
        position: absolute;
        bottom: 7%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_btn_flex img {
        width: 80%;
    }
}

/* -------------------------------------------------------------------------------------------------- */

.sec11 {
    padding-top: 5%;
    background-color: #F6F5F3;
    position: relative;
}

.s11_illust1 {
    width: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 5%;
}

.s11_illust2 {
    width: 85%;
    display: block;
    margin: 0 auto;
}

.s11_position1 {
    position: relative;
    margin-bottom: 5%;
}

.s11_img1 {
    width: 30%;
    position: absolute;
    top: 19.5%;
    left: 14%;
}

.s11_img2 {
    width: 25%;
    position: absolute;
    top: 51.5%;
    right: 18%;
}

.s11_position2 {
    position: relative;
    margin-bottom: 8%;
}

.s11_illust3 {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.s11_img3 {
    width: 26%;
    position: absolute;
    top: 27%;
    left: 17.8%;
}

.s11_img4 {
    width: 26%;
    position: absolute;
    top: 27%;
    left: 53.2%;
}

.s11_img5 {
    width: 26%;
    position: absolute;
    top: 71%;
    left: 23.7%;
}

.s11_img6 {
    width: 26%;
    position: absolute;
    top: 71%;
    left: 59%;
}

.sp_sec11 {
    display: none;
}

@media (max-width:768px) {
    .sec11 {
        display: none;
    }

    .sp_sec11 {
        display: block;
        background-color: #F6F5F3;
    }

    .sp_s11_illust1 {
        width: 100%;
        margin-bottom: 15%;
    }

    .sp_position1 {
        position: relative;
    }

    .sp_s11_img1 {
        width: 70%;
        position: absolute;
        top: 24%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s11_img2 {
        width: 70%;
        position: absolute;
        top: 64.5%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s11_illust2 {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .sp_position2 {
        position: relative;
        margin-top: 10%;
    }

    .sp_s11_img3 {
        width: 70%;
        position: absolute;
        top: 19.5%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s11_img4 {
        width: 70%;
        position: absolute;
        top: 41%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s11_img5 {
        width: 70%;
        position: absolute;
        top: 61.5%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s11_img6 {
        width: 70%;
        position: absolute;
        top: 84%;
        left: 50%;
        transform: translate(-50%);
    }

    #sp_s11_target  {
        font-size: 0.1px;
        position: absolute;
        top: 14%;
        color: white;
        left: 50%;
        transform: translate(-50%);
    }    
}

/* --------------------------------------------------------------------------------------------- */

.sec12 {
    padding-top: 10%;
    background-color: #F6F5F3;
}

.s12_position1 {
    position: relative;
}

.s12_illust1 {
    display: block;
    width: 75%;
    margin: 0 auto;
}

.s12_img1 {
    width: 14%;
    position: absolute;
    top: 11.6%;
    right: 14.5%;
}

.s12_img2 {
    width: 14%;
    position: absolute;
    top: 25.2%;
    right: 14.5%;
}

.s12_img3 {
    width: 14%;
    position: absolute;
    top: 38.1%;
    right: 14.5%;
}

.s12_img4 {
    width: 14%;
    position: absolute;
    top: 51.1%;
    right: 14.5%;
}

.s12_img5 {
    width: 14%;
    position: absolute;
    top: 64%;
    right: 14.5%;
}

.s12_img6 {
    width: 14%;
    position: absolute;
    top: 76.4%;
    right: 14.5%;
}

.s12_img7 {
    width: 14%;
    position: absolute;
    top: 89.4%;
    right: 14.5%;
}

.s12_btn {
    position: absolute;
    top: 17.55%;
    left: 23%;
    width: 15%;
    text-align: center;
}

.s12_btn img {
    width: 100%;
}

.sp_s12_illust1 {
    display: none;
}

.sp_s12_img1,
.sp_s12_img2,
.sp_s12_img3,
.sp_s12_img4,
.sp_s12_img5,
.sp_s12_img6,
.sp_s12_img7 {
    display: none;
}

@media (max-width:768px) {
    .s12_illust1 {
        display: none;
    }

    .s12_img1,
    .s12_img2,
    .s12_img3,
    .s12_img4,
    .s12_img5,
    .s12_img6,
    .s12_img7 {
        display: none;
    }

    .sp_s12_illust1 {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    .s12_position2 {
        margin-bottom: 10%;
        position: relative;
    }

    .s12_btn {
        width: 60%;
        top: 16%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img1 {
        display: block;
        width: 77%;
        position: absolute;
        top: 9%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img2 {
        display: block;
        width: 77%;
        position: absolute;
        top: 24.4%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img3 {
        display: block;
        width: 77%;
        position: absolute;
        top: 38.3%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img4 {
        display: block;
        width: 77%;
        position: absolute;
        top: 51.5%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img5 {
        display: block;
        width: 77%;
        position: absolute;
        top: 65.5%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img6 {
        display: block;
        width: 77%;
        position: absolute;
        top: 78%;
        left: 50%;
        transform: translate(-50%);
    }

    .sp_s12_img7 {
        display: block;
        width: 77%;
        position: absolute;
        top: 91.4%;
        left: 50%;
        transform: translate(-50%);
    }
}

/* ------------------------------------------------------------------------------------------ */

.sec13 {
    background-color: #F6F5F3;
    padding-top: 10%;
    padding-bottom: 5%;
}

.s13_caption {
    text-align: center;
    color: #F1821C;
    border-bottom: 2px dashed #F1821C;
    width: 27%;
    margin: 0 auto;
    margin-bottom: 3%;
    padding-bottom: 0.5%;
    font-family: "M PLUS Rounded 1c", system-ui;
    font-weight: 500;
    font-size: 2vw;
}

.accordion {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.accordion-content {
    padding: 25px;
    padding-left: 100px;
    background-color: #f9f9f9;
    border-radius: 35px;
    border: 2.5px solid #f3953d;
    margin-top: 10px;
    display: none;
    position: relative;

}

.accordion-header {
    background-color: #f08030;
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    font-size: 17px;
    font-weight: 450;
    letter-spacing: 2.5px;
    border-radius: 67px;
    margin: 0;
    padding-left: 100px;
    border: none;
    font-family: "M PLUS Rounded 1c", system-ui;
    position: relative;
}

.accordion-header::after {
    content: "+";
    font-size: 20px;
    color: white;
    margin-right: 10px;
}

.accordion.active .accordion-header::after {
    content: "ー";
}

.position_answer {
    text-align: center;
    position: absolute;
    font-size: 22px;
    top: -2px;
    left: -2px;
    width: 69px;
    height: 69px;
    border-radius: 69px;
    line-height: 69px;
    background-color: #F1821C;
    color: white;
    font-family: "M PLUS Rounded 1c", system-ui;
    font-weight: 450;
}

.position_question {
    font-size: 22px;
    text-align: center;
    margin-right: 10%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 69px;
    height: 69px;
    border-radius: 69px;
    background-color: #f19c4c;
    line-height: 69px;
}

.accordion-content p {
    color: #826B53;
    font-size: 17px;
    font-family: "M PLUS Rounded 1c", system-ui;
    font-weight: 420;
    letter-spacing: 2px;
    line-height: 25px;
}

.faq_smallfont {
    font-size: 13px;
    font-weight: 400;
}

@media (max-width:768px) {

    .sec13 {
        padding-top: 25%;
        padding-bottom: 12%;
    }

    .s13_caption {
        width: 80%;
        margin-bottom: 11%;
        padding-bottom: 2%;
        font-size: 6vw;
    }

    .accordion {
        width: 85%;
    }

    .accordion-header {
        padding-left: 20px;
        font-size: 13px;
    }

    .position_question {
        font-size: 17px;
        width: 42px;
        height: 42px;
        border-radius: 42px;
        line-height: 42px;
        top: -15px;
        left: -15px;
    }

    .accordion-content {
        padding: 25px;
        padding-left: 20px;
    }

    .position_answer {
        font-size: 17px;
        width: 42px;
        height: 42px;
        border-radius: 42px;
        line-height: 42px;
        top: -15px;
        left: -15px;
    }

    .accordion-content p {
        font-size: 14px;
    }
    
    .faq_smallfont {
        font-size: 11px;
    }

}

/* ----------------------------------------------------------------------------------------------- */

.sec14 {
    font-family: "M PLUS Rounded 1c", system-ui;
    padding-top: 7%;
    padding-bottom: 7%;
}

.s14_illust1 {
    width: 75%;
    display: block;
    margin: 0 auto;
}

.s14_contents1 {
    position: relative;
}

iframe {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translate(-50%);
}

.s14_img1 {
    width: 30%;
    position: absolute;
    top: 14%;
    left: 16%;
}

.s14_btn {
    width: 13%;
    position: absolute;
    bottom: 0.7%;
    left: 50%;
    transform: translate(-50%);
}

.sp_s14_illust1 {
    display: none;
}

.sp_s14_img1 {
    display: none;
}

@media (max-width:768px) {

    .sec14 {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .s14_illust1 {
        display: none;
    }

    .sp_s14_illust1 {
        display: block;
        width: 85%;
        margin: 0 auto;
    }

    iframe {
        position: absolute;
        left: 50%;
        width: 85%;
        height: 37%;
        bottom: 5%;
        transform: translate(-50%);
    }

    .s14_btn {
        width: 40%;
        position: absolute;
        bottom: 0.7%;
        left: 50%;
        transform: translate(-50%);
    }

    .s14_img1 {
        display: none;
    }

    .sp_s14_img1 {
        display: block;
        width: 70%;
        position: absolute;
        top: 7.2%;
        left: 50%;
        transform: translate(-50%);
    }
}

/* ------------------------------------------------------------------------------------ */

.s15_position1 {
    position: relative;
}

.s15_img1 {
    width: 100%;
    vertical-align: top;
}

.s15_text1 {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s15_text2 {
    width: 100%;
    vertical-align: top;
}

.s15_position2 {
    position: relative;
}

.s15_phonenumber {
    width: 20%;
    position: absolute;
    bottom: 18%;
    right: 30%;
    z-index: 1;
}

.sp_s15_img1 {
    display: none;
}

.sp_s15_text1 {
    display: none;
}

.sp_s15_text2 {
    display: none;
}

@media (max-width:768px) {
    .s15_img1 {
        display: none;
    }

    .s15_text1 {
        display: none;
    }

    .sp_s15_img1 {
        display: block;
        width: 100%;
    }

    .sp_s15_text1 {
        display: block;
        width: 60%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .s15_text1 {
        display: none;
    }

    .sp_s15_text2 {
        display: block;
        width: 100%;
    }

    .s15_phonenumber {
        width: 50%;
        position: absolute;
        bottom: 7%;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .s15_text2 {
        display: none;
    }
}

/* ----------------------------------------------------------------------------------------- */

footer {
    text-align: center;
    font-size: 15px !important;
    letter-spacing: 1px;
    font-family: "M PLUS Rounded 1c", system-ui;
    font-weight: 400;
    color: white;
    background-color: #6c5a46;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    margin-bottom: 9.8% !important;
}

.copyright {
    margin-left: 10px;
}

@media (max-width:768px) {
    footer {
        letter-spacing: 0.5px;
        font-size: 12px;
        margin-bottom: 28% !important;
    }
}

@media (max-width:400px) {
    footer {
        letter-spacing: 0.5px;
        font-size: 10px;
    }
}

/* ------------------------------------------------------------------------------------- */

.btn_fixed {
    position: fixed;
    bottom: 0;
    z-index: 3;
}

.btn_fixed_bg {
    width: 100%;
    vertical-align: bottom;
}

.fixed_position {
    position: relative;
}

.sp_btn_fixed_bg {
    display: none;
}

.fixed_flex {
    display: flex;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content: center;
   column-gap: 2%;
}

.btn_fixed_yoyaku {
    width: 100%;
}

.btn_fixed_faq {
    width: 100%;
}

.sp_btn_fixed_yoyaku {
    display: none;
}

.sp_btn_fixed_faq {
    display: none;
}

.sp_fixed_a {
    display: none;
}

@media (max-width:768px) {

    .btn_fixed_bg {
        display: none;
    }

    .sp_btn_fixed_bg {
        width: 100%;
        display: block;
    }

    .fixed_flex {
        display: block;
        width: 60%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
       column-gap: 2%;
    }

    .btn_fixed_yoyaku {
       display: none;
    }
    
    .btn_fixed_faq {
       display: none;
    }

    .sp_btn_fixed_yoyaku {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

    .sp_btn_fixed_faq {
        display: block;
        width: 100%;
    }

    .sp_fixed_a {
        display: block;
    }

}