@charset "utf-8";

/*================================
全サイズ適用
================================*/
/* メインビジュアル
--------------------------------*/
.mainvisual > .inner {
    background-image: url(./img/mv01.jpg);
}

/* メッセージ
--------------------------------*/
.message > .inner {
    /*flex*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*other*/
    min-height: 600px;
    background: url(./img/message_pic01.png?2) no-repeat left bottom;
}

.message .message_lead {
    flex-basis: 66%;
}

/*================================
0〜1366pxまで
================================*/
@media (max-width: 1366px) {
}

/*================================
0〜1080pxまで
================================*/
@media (max-width: 1080px) {
    .message .message_lead {
        flex-basis: 60%;
    }
}

/*================================
0〜834pxまで
================================*/
@media (max-width: 834px) {
    /* メッセージ
    --------------------------------*/
    .message > .inner {
        /*flex*/
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        /*other*/
        padding-bottom: 300px;
        background-size: auto 290px;
        background-position: center bottom;
    }
    .message .message_lead {
        flex-basis: 100%;
    }
}

/*================================
0〜667pxまで
================================*/
@media (max-width: 667px) {
    /* メインビジュアル
    --------------------------------*/
    .mainvisual > .inner {
        background-image: none;
    }
}