@charset "UTF-8";

/* ======
mv
======= */
.mv img {
    object-position: 30% 55%;
}

.mv .sec_subtitle {
    top: calc(26% + 8px);
}

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

    .sec_title {
        font-size: 20px;
    }

    .mv .sec_subtitle {
        top: calc(24% + 8px);
    }

    /* =========== max-width:519px =========== */
}

/* ======
sec_about
======= */
.heading {
    width: 300px;
}

.sec_about .intro {
    text-align: center;
    margin-bottom: 88px;
    line-height: 3;
}

.sec_about .sec_container:nth-child(2),
.sec_about .sec_container:nth-child(3) {
    margin-bottom: 144px;
}

.sec_about .sec_container .flexbox {
    display: flex;
    align-items: center;
}

.sec_about .sec_container:nth-of-type(2) .flexbox {
    flex-direction: row-reverse;
}

.sec_about .sec_container .flexbox .sec_text,
.sec_about .sec_container .flexbox img {
    width: 50%;
}

.sec_about .sec_container .flexbox img {
    border-radius: 6px;
    max-height: 392px;
}

.sec_about .sec_container .flexbox .sec_text {
    line-height: 3;
    margin: 0 24px;
}

@media screen and (max-width:768px) {
    .sec_about .sec_container .flexbox {
        display: block;
    }

    .sec_about .sec_container .flexbox .sec_text,
    .sec_about .sec_container .flexbox img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }


    .sec_about .sec_container .flexbox .sec_text {
        margin-bottom: 32px;
    }

    /* =========== max-width:768px =========== */
}