.about_main_area {
    /* margin-left: 6rem; */
    /* margin-right: 6rem; */
    padding-left: 6rem;
    padding-right: 6rem;
    margin-bottom: 10rem;
}

.about_title_area {
    border: solid var(--blue) 0.2rem;
    border-radius: 3rem;
    position: relative;
    height: 19.7rem;
    margin-top: 17rem;
    margin-bottom: 10rem;
}

.about_s_title {
    font-size: 11rem;
    font-weight: 900;
    font-family: var(--NotoSans);
    color: var(--blue);
    position: absolute;
    top: -4rem;
    line-height: calc(129 / 110);
    left: 2rem;
}

.about_s_text {
    font-size: 2.4rem;
    font-weight: 800;
    font-family: var(--NotoSans);
    color: var(--blue);
    position: absolute;
    bottom: 2rem;
    left: 37rem;
}

.about_s_img {
    position: absolute;
    right: 3rem;
    width: 33rem;
    height: 35.7rem;
    top: -7rem;
    object-fit: contain;
}

.about_sub_title {
    display: flex;
    /* justify-content: space-between; */
    margin-bottom: 15rem;
}

.description_title {
    font-size: 4rem;
    font-weight: 800;
    color: var(--black);
    font-family: var(--ZenmMaru);
    margin-bottom: 2.8rem;
}

.description_text {
    font-family: var(--ZenmMaru);
    color: var(--black);
    font-size: 1.6rem;
    font-weight: 400;
    width: 54rem;
    line-height: calc(30 / 16);

}

.description_area {
    margin-right: 7.8rem;
}

.description_img {
    object-fit: cover;
    width: 38.8rem;
    height: 26.6rem;
}

.stones_strength {
    font-family: var(--ZenmMaru);
    font-weight: 900;
    font-size: 4rem;
    color: var(--black);
    text-align: center;
    margin-bottom: 5rem;
}

.strength_area {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 19rem;
}

.strength_list:first-child::after {
    position: absolute;
    content: "";
    background-color: #E8F2FF;
    width: 100vw;
    height: 36.4rem;
    z-index: -1;
    overflow: hidden;
    left: -6.3rem;
    top: 8rem;
}

.strength_list {

    border: solid 0.1rem #707070;
    padding: 3.3rem 3rem;
    border-radius: 2.9rem;
    width: 31.4rem;
    background-color: #fff;
    /* position: relative; */
}

.strength_title {
    font-family: var(--ZenmMaru);
    font-size: 2.4rem;
    font-weight: 900;
    color: var(--blue);
    margin-bottom: 2.2rem;
    text-align: center;
    white-space: nowrap;
}

.strength_text {
    font-family: var(--ZenmMaru);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: calc(30 / 15);
    margin-bottom: 2.5rem;
}

.success_title {
    font-size: 4rem;
    font-weight: 800;
    font-family: var(--ZenmMaru);
    color: var(--black);
    margin-bottom: 2.5rem;
}

.success_text {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: var(--ZenmMaru);
    line-height: calc(30 / 16);
    color: var(--black);
    margin-bottom: 1.6rem;
}

.success_area {
    margin-bottom: 7rem;
}


.business_outline_area {
    border: solid 0.1rem #CFCFCF;
    border-radius: 5.3rem;
    margin-bottom: 5rem;
}

.business_title {
    font-family: var(--ZenmMaru);
    font-weight: 800;
    font-size: 1.8rem;
    color: var(--black);
    margin-bottom: 1.5rem;
}

.business_text {
    font-family: var(--ZenmMaru);
    font-weight: 400;
    font-size: 1.5rem;
    color: var(--black);
}

.business_text_area {
    display: flex;
    padding: 4rem 7rem;
    flex-wrap: wrap;
    gap: 10rem 6rem;
    justify-content: space-between;
}

.business_text_cont {
    width: 45rem;
}

.training_title {
    font-size: 4rem;
    font-weight: 800;
    font-family: var(--ZenmMaru);
    color: var(--black);
    margin-bottom: 2.5rem;
}

.curriculum_title {
    font-size: 4rem;
    font-weight: 800;
    font-family: var(--ZenmMaru);
    color: var(--black);
    margin-bottom: 2.5rem;
}

.curriculum_text_title {
    font-family: var(--ZenmMaru);
    color: var(--black);
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 7rem;
    text-align: center;
}

.curriculum_text_area {
    width: 29.8rem;
    text-align: center;
    border: solid 0.1rem #CFCFCF;
    border-radius: 2.7rem;
    padding: 1.6rem 2rem;
    background-color: #fff;
}

.curriculum_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 9.3rem;
    justify-content: space-between;
    position: relative;
}

.text_curriculum {
    font-family: var(--ZenmMaru);
    color: var(--black);
    font-size: 1.5rem;
    font-weight: 400;
    text-align: left;
    margin-top: 5rem;
}


.curriculum_text_title02 {
    font-family: var(--ZenmMaru);
    color: var(--black);
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 4.6rem;
    text-align: center;
}

.curriculum_img {
    height: 10rem;
    width: 100%;
    object-fit: contain;
}

.about_img {
    object-fit: contain;
    width: 100%;
    height: 20rem;
}

.business_text_img {
    display: flex;
    align-items: flex-end;
}

.business_img_01 {
    object-fit: contain;
    width: 14.5rem;
    height: 14.5rem;
}

.business_conclusion {
    width: 28.7rem;
    margin-right: 2rem;
}

.training_list {
    font-size: 2.4rem;
    font-weight: 800;
    font-family: var(--ZenmMaru);
    color: var(--black);
}

.training_list_text {
    font-family: var(--NotoSans);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: calc(22 / 15);
    color: var(--black);
}

.training_item {
    margin-bottom: 3rem;
}

.training_item_area {
    border: solid 0.1rem #CFCFCF;
    background-color: #fff;
    border-radius: 5.3rem;
    padding: 4rem 7rem;
    position: relative;
}

.training_item_area::after {
    position: absolute;
    content: "";
    background-color: #E8F2FF;
    width: 100vw;
    height: 26.9rem;
    z-index: -1;
    overflow: hidden;
    left: -6.2rem;
    top: 8rem;
}

.training_item_list {
    margin-bottom: 19rem;
}

.curriculum_flex::after {
    position: absolute;
    content: "";
    background-color: #E8F2FF;
    width: 100vw;
    height: 60.9rem;
    z-index: -1;
    overflow: hidden;
    left: -6.2rem;
    top: 11rem;
}


@media screen and (max-width: 699.98px) {
    .sp {
        display: block;
    }

    .pc {
        display: none;
    }

    html {
        font-size: calc(10 / 375 * 100vw);
        /* 画面幅400pxで10px*/
    }

    .about_s_title{
        font-size: 3.5rem;
        font-weight: 900;
        top: -1.3rem;
        left: 1rem;
    }
    .about_main_area{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .about_s_img{
        width: 12.4rem;
        height: 12.4rem;
        object-fit: contain;
        top: 1.3rem;
        right: -1.7rem;
    }
    .about_title_area{
        margin-top: 10.3rem;
        height: 12.5rem;
        margin-bottom: 6.8rem;
    }
    .about_s_text{
        font-size: 1.4rem;
        left: 1rem;
        bottom: 1.4rem;
    }
    .description_title{
        font-size: 2.4rem;
        font-weight: 800;
        font-family: var(--ZenmMaru);
        width: max-content;
    }
    .description_text{
        width: 100%;
        margin-bottom: 5rem;
    }
    .description_area{
        margin-right: 0;
    }
    .about_sub_title{
        flex-direction: column;
        margin-bottom: 10rem;
    }
    .description_img{
        width: 100%;
        object-fit: contain;
    }
    .stones_strength{
        font-size: 2.4rem;
        font-weight: 900;
        color: var(--black);
    }
    .strength_area{
        flex-direction: column;
        margin-bottom: 10rem;
        /* margin: 0 auto; */
        /* text-align: center; */
    }
    .strength_title{
        font-size: 1.8rem;
    }
    .strength_list{
        position: relative;
        margin-bottom: 3rem;
        width: 100%;
    }
    .strength_list::after{
        position: absolute;
        content: "";
        background-color: #E8F2FF;
        width: 100vw;
        height: 28rem;
        z-index: -1;
        overflow: hidden;
        left: -2.2rem;
        top: 11rem;
    }
    .strength_list:first-child::after{
        position: absolute;
        content: "";
        background-color: #E8F2FF;
        width: 100vw;
        height: 28rem;
        z-index: -1;
        overflow: hidden;
        left: -2.2rem;
        top: 11rem;
    }
    .success_title{
        font-size: 2.4rem;
        text-align: center;
    }
    .success_text{
        font-size: 1.4rem;
    }
    .business_text_area{
        padding: 4rem 2rem;
        gap: 6rem 0rem;
    }
    .business_text_img{
        flex-direction: column;
    }
    .training_title{
        font-size: 2.4rem;
        text-align: center;
    }
    .training_list{
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
    }
    .training_item_area{
        padding: 4rem 2rem;
    }
    .training_item_area::after{
        left: -2.2rem;
        height: 44rem;
    }
    .curriculum_title{
        font-size: 2.4rem;
        text-align: center;
    }
    .curriculum_flex{
        gap: 5rem 0rem;
        margin: 0 auto;
        justify-content: center;
    }
    .curriculum_flex::after{
        content:none;
    }
    .curriculum_text_area{
        position: relative;
        padding: 4rem 2rem;
    }

    .curriculum_text_area::after{
        position: absolute;
        content: "";
        background-color: #E8F2FF;
        width: 100vw;
        height: 25rem;
        z-index: -1;
        overflow: hidden;
        left: -4rem;
        top: 5rem;
    }
    .about_img{
        height: 15rem;
    }
}