@charset "UTF-8";
.intro {
    padding: 48px 5% 0;
}
.intro__inner {
    max-width: 1200px;
    margin: 0 auto;
}
.intro__text {
    max-width: 770px;
    margin: 0 auto;
}
.intro__visual {
    max-width: 1200px;
    margin: 19px auto 0;
}
@media screen and (max-width: 767px) {
    .intro {
        padding: 50px 16px 0;
    }
    .intro__inner {
        max-width: 1200px;
        margin: 0 auto;
    }
    .intro__text {
        max-width: 770px;
        margin: 0 auto;
    }
    .intro__visual {
        max-width: 1200px;
        margin: 19px auto 0;
    }
}
/* -------------------------------- */
.result {
    margin-top: -100px;
    padding: 148px 5% 0;
    background-color: #f2f6fd;
}
.result__inner {
    display: flex;
    align-items: center;
    max-width: 1050px;
    margin: 0 auto;
}
.result__text {
    width: 576px;
    min-width: 576px;
}
.result__visual {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .result {
        margin-top: -100px;
        padding: 148px 16px 0;
        background-color: #f2f6fd;
    }
    .result__inner {
        flex-direction: column;
        max-width: 1050px;
        margin: 0 auto;
    }
    .result__text {
        width: 100%;
        min-width: 100%;
    }
    .result__visual {
        width: 100%;
        margin-top: 30px;
    }
}
/* -------------------------------- */
.bar {
    padding: 0 5%;
    background-color: #024b9e;
    color: #fff;
}
.bar__inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 32px;
    max-width: 1178px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.8;
}
.bar span {
    color: #ffd500;
}
.bar__visual {
    width: 180px;
    min-width: 180px;
    transform: translateY(20px);
}
@media screen and (max-width: 767px) {
    .bar {
        padding: 50px 16px;
        background-color: #024b9e;
        color: #fff;
    }
    .bar__inner {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
        max-width: 1178px;
        margin: 0 auto;
        font-weight: bold;
        font-size: 16px;
        line-height: 1.8;
    }
    .bar span {
        color: #ffd500;
    }
    .bar__visual {
        width: 180px;
        min-width: 180px;
        transform: translateY(0);
    }
}