/* =====================================================================





===================================================================== */
/*/////---example---//////
    html:lang(en) {
      body {}
    }
*/
/* =====================================================================


===================================================================== */
@media only screen and (max-width: 767px) {
    .international_womens_day {
        padding-bottom: 5.33333vw;
    }
}

.international_womens_day-kv {
    margin: 75px 0 60px;
}

@media only screen and (max-width: 767px) {
    .international_womens_day-kv {
        margin: 16vw 0;
    }
}

.international_womens_day-kv img {
    width: 100%;
    height: auto;
}

.international_womens_day-date {
    text-align: center;
    font-weight: 700;
    font-size: 1.75em;
    color: #e83e0b;
    margin-bottom: .5em;
}

@media only screen and (max-width: 767px) {
    .international_womens_day-date {
        font-size: 4.8vw;
    }
}

.international_womens_day-title {
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
    font-size: 2.25em;
}

@media only screen and (max-width: 767px) {
    .international_womens_day-title {
        font-size: 6.93333vw;
    }
}

.international_womens_day-text {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.8;
    margin-top: 1.5em;
}

@media only screen and (max-width: 767px) {
    .international_womens_day-text {
        font-size: 4.26667vw;
        margin-top: 2em;
    }
}

.international_womens_day-logo {
    margin: 60px auto 0;
    width: 212px;
}

@media only screen and (max-width: 767px) {
    .international_womens_day-logo {
        margin: 16vw auto 0;
        width: 47.2vw;
    }
}

.news {
    margin-top: 60px;
    padding: 0 2.72727%;
}

@media only screen and (max-width: 767px) {
    .news {
        margin-top: 16vw;
        padding: 0;
    }
}

.news .news__wrap {
    background-color: #FEF6F2;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px;
}

@media only screen and (max-width: 767px) {
    .news .news__wrap {
        padding: 5.33333vw;
    }
}

.news .news__inr {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid #e83e0b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 60px;
    gap: 60px;
}

@media only screen and (max-width: 767px) {
    .news .news__inr {
        padding: 10.66667vw 5.33333vw;
        gap: 2.66667vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.news .news__title {
    color: #e83e0b;
    font-size: 36px;
}

@media only screen and (max-width: 767px) {
    .news .news__title {
        text-align: center;
        font-size: 8.53333vw;
    }
}

.news .news-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.news .news-content .news-content__title {
    line-height: 1.5;
    font-weight: 600;
    font-size: 24px;
}

@media only screen and (max-width: 767px) {
    .news .news-content .news-content__title {
        text-align: center;
        font-size: 4.26667vw;
    }
}

.news .news-content .news-content__text {
    font-size: 14px;
    margin-top: .5em;
    line-height: 1.5;
}

@media only screen and (max-width: 767px) {
    .news .news-content .news-content__text {
        text-align: center;
        font-size: 3.73333vw;
        margin-top: 2em;
    }
}

.news .news-content .news-content__text > span {
    display: inline-block;
}

.news .news-btn {
    width: 36.78161%;
}

@media only screen and (max-width: 767px) {
    .news .news-btn {
        margin-top: 8vw;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .news .news-btn > a {
        padding: 0.6em 3.21429em 0.6em 1.26667em;
    }
}

.news .news-btn > a span {
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .news .news-btn > a span {
        font-size: 3.2vw;
    }
}
