section.sec1.beginner {
    padding: 0 0 100px;
    background: url(../img/beginner/sec1_bg.jpg);
    background-size: cover;
}

.beginner_flex {
    display: flex;
    margin: 40px auto 0;
    width: 73.52941176470588vw;
}

.beginner.sec1_ttl_wrap {
    width: 73.52941176470588vw;
}

.beg_sec1_txt {
    width: 75.117647vw;
    padding: 0 10px;
    margin-right: 25px;
}

.beg_sec1_txt p {
    font-size: 18px;
    font-weight: 500;
}

.beg_sec1_txt ul {
    margin: 5px 0;
    font-size: 20px;
    color: red;
    font-weight: 700;
}

.beg_sec1_txt li {
    list-style: initial;
    margin-left: 25px;
}

.beg_sec8_box {
    width: 64.48529411764706vw;
    margin: auto;
}

section.sec4 {
    background: url(../img/beginner/sec4_bg.png);
    background-size: auto;
    background-repeat: repeat;
    padding: 23px 0 100px;
}

.list_detail_wrap {
    width: 75vw;
    margin: auto;
}

.list_detail_in {
    margin-bottom: 60px;
}

.list_detail_wrap h3 {
    display: flex;
    align-items: center;
    width: 100%;
    background: #22926C;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    color: #fff;
    margin-bottom: 30px;
}

.list_detail_in h3 span {
    margin: 0 10px 0 40px;
    width: 30px;
    padding: 20px 0;
}

.beginner.sec5_ttl_wrap {
    width: 35.88235294117647vw;
    margin: 0 0 30px;
}

section.sec5 {
    padding: 70px 0;
    background: url(../img/beginner/sec5_bg.jpg);
    background-size: cover;
}

.beg_sec5_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.beg_5_left {
    width: 60%;
}

.beg_5_right {
    width: 30%;
}

.beg_5_left p.center_p {
    margin-right: 12%;
}

@media (max-width: 767px) {

    .beginner.sec1_ttl_wrap {
        width: 87vw;
    }

    .beginner_flex {
        margin: 0 auto 0;
        width: 87vw;
        flex-direction: column;
    }

    .beg_sec1_txt {
        width: 95%;
        margin: auto;
        font-size: 14px;
    }

    .beg_sec1_txt p {
        font-size: 14px;
    }

    .beg_sec1_txt li {
        font-size: 16px;
    }

    .beg_sec1_img {
        margin-top: 20px;
    }

    section.sec1.beginner {
        padding-bottom: 40px;
    }

    .sec7_slide_2 div img {
        margin: 0 20%;
        width: 60%;
    }

    .sec7_slide_2 div p {
        margin: 20px auto 0;
        width: 87%;
    }

    .beg_sec8_box {
        width: 87%;
    }

    .section_8 {
        padding-bottom: 50px;
    }

    .toggle-contents {
        display: none; /* 初期状態で非表示 */
    }

    h3.toggle-title {
        font-size: 16px;
    }

    .list_detail_in h3 span {
        margin: 0 8px 0 16px;
        width: 30px;
        padding: 0;
    }

    h3.toggle-title {
        position: relative;
    }

    h3.toggle-title:before {
        position: absolute;
        content: "▼";
        bottom: 8px;
        font-size: 10px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    h3.toggle-title.closed:before {
        position: absolute;
        content: "▲";
        bottom: 8px;
        font-size: 10px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .list_detail_wrap h3 {
        display: flex;
        align-items: center;
        width: 100%;
        background: #22926C;
        font-style: normal;
        font-weight: 900;
        color: #fff;
        margin-bottom: 30px;
        padding: 10px 0 23px;
    }

    .beginner.sec4_ttl_wrap {
        width: 62vw;
        margin: 0 auto 20px;
    }

    .list_detail_in {
        margin-bottom: 20px;
    }

    section.sec4 {
        padding-bottom: 50px;
    }

    section.sec5 {
        padding: 50px 0;
    }

    .sec5_content {
        width: 73.52941176470588vw;
        margin: auto;
    }

    section.sec5 p {
        margin: 0 auto 20px;
        width: 73.52941176470588vw;
        text-align: center;
    }

    .beginner.sec5_ttl_wrap {
        width: 57.882353vw;
        margin: 0 auto 20px;
    }

    .page_wrap .faq_wrap {
        margin-bottom: 30px;
    }

    .swiper-button-next.sec7_slide,
    .swiper-button-prev.sec7_slide {
        top: 32% !important;
    }

    .beg_sec8_box {
        margin-top: 50px;
    }

    .beg_sec5_flex {
        flex-direction: column;
    }

    .beg_5_left {
        width: 100%;
        margin: auto;
    }

    .beg_5_right {
        width: 100%;
        margin: auto;
    }
    
}