section.about_sec h3 {
    color: #000;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 200%;
    margin-bottom: 2rem;
}

section.about_sec .flex_box {
    gap: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

section.flow_sec .flex_box {
    flex-wrap: wrap;
    gap: 3rem 1rem;
    margin-top: 2rem;
}

section.flow_sec .flex_box>div {
    width: calc(100% / 4 - 1rem);
}

section.flow_sec .flex_box .img_box {
    position: relative;
}

section.flow_sec .flex_box .img_box h3 {
    position: relative;
    right: 0.5rem;
    top: -3.5rem;
    margin-bottom: -3.5rem;
    text-align: right;
    font-family: Montserrat;
    font-size: 1.53331rem;
    font-weight: 300;
    line-height: 150%;
}

section.flow_sec .flex_box .img_box h3 span {
    font-family: "Barlow Semi Condensed";
    font-size: 3.83331rem;
    font-weight: 600;
    line-height: 150%;
}

section.flow_sec .flex_box p span {
    font-size: 0.875rem;
    display: block;
}

section.flow_sec .flex_box p {
    padding: 0 0.3rem;
}

section.flow_sec .bk_gray {
    background: #ccc;
    margin-right: calc(50% - 50vw);
    height: 23.875rem;
    margin-top: -20rem;
}

@media screen and (max-width: 420px) {
    section.flow_sec .flex_box>div {
        width: auto;
    }
    section.flow_sec .bk_gray {
        background: #ccc;
        margin-right: calc(50% - 50vw);
        margin-left: 30%;
        height: 190.75rem;
        margin-top: -189rem;
        margin-bottom: 6rem;
    }
}