/* 校長メッセージ
   ============================================ */

.principal-message .fig-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.principal-message .fig-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.principal-message .clearfix::after {
    clear: both;
}

.principal-message .msg-block+.msg-block {
    margin-top: 50px;
}

/* ============================================
   タブレット
   ============================================ */

@media screen and (max-width: 1000px) {
    .principal-message figure {
        max-width: 50%;
    }
}

/* ============================================
   スマートフォン
   ============================================ */

@media screen and (max-width: 560px) {
    /* 校長メッセージ
       ============================================ */

    .principal-message figure {
        width: 100%;
        max-width: 100%;
    }

    .principal-message figure img {
        width: 100%;
    }
}