.l-bg__wrap {
    .mv {

        h2 {
            img {
                width: 20vw;
            }
        }

         > img {
            top: var(--p220-spa);
            right: var(--p200-spa);
            width: 39.9vw;
        }
    }
}

.l-main {

    /* padding-bottom: var(--p220-spa); */

        .intro {
            padding-bottom: var(--p150-spa);

            p {
                font-size: var(--14to20);
                line-height: var(--lh-26);
                text-align: center;
            }
        }

        .bl-bg__common2 {
            .container {
                background-color: var(--l-blue);

                .wrapper {
                    background-color: #fff;
                    padding: var(--p140-spa) var(--p160-spa) var(--p160-spa);
                    border-radius: var(--p40-spa);

                    .wrap {
                margin-bottom: var(--p80-spa);

                &:last-child {
                    margin-bottom: 0;
                }

                h3 {
                    font-size: var(--18to26);
                    font-weight: var(--fw-700);
                    margin-bottom: var(--p35-spa);
                    padding-left: 38px;
                    position: relative;

                    &::before {
                        content: "";
                        display: block;
                        width: 18px;
                        height: 18px;
                        border-radius: 50%;
                        background-color: var(--yellow);
                        position: absolute;
                        top: calc(50% - 9px);
                        left: 0;
                    }
                }

                p {
                    font-size: var(--14to18);
                    line-height: var(--lh-26);
                }

                ul {
                    margin-top: var(--p25-spa);
                    li {
                        position: relative;
                        padding-left: 27px;
                        margin-bottom: var(--p25-spa);

                        &::before {
                            content: "";
                            display: block;
                            width: 8px;
                            height: 8px;
                            border-radius: 50%;
                            background-color: var(--m-blue);
                            position: absolute;
                            top: calc(50% - 4px);
                            left: 0;
                        }
                    }
                }

                .group {
                    background-color: var(--l-blue);
                    margin-top: var(--p40-spa);
                    border-radius: var(--p30-spa);
                    padding: var(--p60-spa) var(--p80-spa);

                    h4 {
                        font-weight: var(--fw-700);
                        margin-bottom: var(--p10-spa);
                    }

                    .address {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        gap: var(--p10-spa);
                    }
                }
            }
                }
            }
        }

        .bread {
            background-color: var(--l-blue);
        }

    }

@media screen and (max-width:768px) {

.l-bg__wrap {
    .mv {

        h2 {

            top: 28vw;

            img {
                width: 49.6vw;
            }
        }

         > img {
            top: 65.3vw;
            right: 0;
            width: 65.6vw;
        }
    }
}
    
    .l-main {

        /* padding-bottom: var(--p100-spa); */

        .intro {
            padding-left: var(--p25-spa);
            padding-right: var(--p25-spa);
            padding-bottom: var(--p60-spa);

                p {
                    text-align: left;
                }
        }

        .bl-bg__common2 {
            .container {

                padding-left: var(--p25-spa);
                padding-right: var(--p25-spa);

                .wrapper {
                    border-radius: var(--p25-spa);
                    padding: var(--p60-spa) var(--p25-spa) var(--p80-spa);

                    .wrap {

                margin-bottom: var(--p50-spa);

                h3 {
                    padding-left: 24px;
                    margin-bottom: var(--p15-spa);
                    line-height: var(--lh-20);

                    &::before {
                        width: 12px;
                        height: 12px;
                        top: 12px;
                    }
                }

                ul {
                    li {
                        line-height: var(--lh-20);
                        margin-bottom: var(--p15-spa);
                        display: flex;
                        align-items: flex-start;
                        justify-content: flex-start;

                        &::before {
                            top: 8px;
                        }
                    }
                }

                .group {
                    padding: var(--p30-spa) var(--p30-spa) var(--p40-spa);
                    border-radius: var(--p15-spa);

                    .address {
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 0;
                        p {
                            letter-spacing: 0.005em;
                            line-height: var(--lh-22);
                            display: flex;
                            align-items: center;
                            justify-content: flex-start;
                        }
                    }
                }
            }
                }
            }
        }

    }

}