@charset "UTF-8";

.layer__11 ul {
    position: relative;
    display: flex;
    justify-content: center;
}

.layer__11 li {
    padding: 0 1em;
}

.layer__11 img {
    max-width: 4em;
}

.layer__11 li p {
    margin: 0 3em 0 -1em;
}

.somu__icon img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(91%) saturate(1127%) hue-rotate(177deg) brightness(88%) contrast(93%);
}

.geino__icon img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(81%) saturate(4763%) hue-rotate(330deg) brightness(97%) contrast(89%);
    margin-left: -0.5em;
}

.koho__icon img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(13%) saturate(3064%) hue-rotate(88deg) brightness(100%) contrast(65%);
}

.kikaku__icon img {
    filter: brightness(0) saturate(100%) invert(69%) sepia(37%) saturate(5267%) hue-rotate(346deg) brightness(94%) contrast(92%);
    margin-left: -0.5em;
}

.kaikei__icon img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(13%) saturate(2250%) hue-rotate(238deg) brightness(93%) contrast(88%);
    margin-left: -0.5em;
}

.somu__icon {
    margin-top: 2em;
}

.koho__icon {
    margin-top: 2em;
}

.kaikei__icon {
    margin-top: 2em;
}

.somu__icon::before {
    content: "";
    position: absolute;
    border: 3.5em solid #3498db80;
    border-radius: 100%;
    margin: -0.5em -2em;
    opacity: 0.6;
}

.geino__icon::before {
    content: "";
    position: absolute;
    border: 3.5em solid #e91e6380;
    border-radius: 100%;
    margin: -0.5em -2em;
    opacity: 0.6;
}

.koho__icon::before {
    content: "";
    position: absolute;
    border: 3.5em solid #2ecc7180;
    border-radius: 100%;
    margin: -0.5em -2em;
    opacity: 0.6;
}

.kikaku__icon::before {
    content: "";
    position: absolute;
    border: 3.5em solid #e67e2280;
    border-radius: 100%;
    margin: -0.5em -2em;
    opacity: 0.6;
}

.kaikei__icon::before {
    content: "";
    position: absolute;
    border: 3.5em solid #9b59b680;
    border-radius: 100%;
    margin: -0.5em -2em;
    opacity: 0.6;
}

main h3 {
    margin-left: 1em;
    padding-left: 0.75em;
    border-left: 0.25em solid #f36284cc;

}

main h3::before {
    content: "";
    position: absolute;
    border: 3px solid #ffc892cc;
    height: 24.5px;
    margin-left: -0.75em;
}

@media (max-width: 768px) {

    .layer__11 li p {
        white-space: nowrap;
    }

    .somu__icon,
    .koho__icon,
    .kaikei__icon {
        margin-top: 8em;
    }

    .layer__11 li {
        padding: 0;
    }

    .somu__icon {
        margin-right: -2.25em;
    }

    .kaikei__icon {
        margin-left: -2.25em;
    }

    .geino__icon{
        margin-right: -2.25em;
    }
    .kikaku__icon{
        margin-left: -2.25em;
    }
}