/* 理事長メッセージ
   ============================================ */
.message.flex-box {
  align-items: flex-start;
}

.message .text-area {
  width: 80%;
}

.message .text-area .signature-img {
  margin-top: 10px;
  margin-left: auto;
}

/* 沿革・歴史
   ============================================ */

section.evolution,
section.history-area {
  margin-top: 40px;
}

/* evolution
   ------------------------ */
.evolution .text-area {
  margin-top: 30px;
}

/* history
   ------------------------ */

.history-area .history time {
  width: 150px;
}

/* 教育相談・カウンセリング
   ============================================ */
.school-counseling table.counseling {
  width: 100%;
  margin-top: 30px;
}

.school-counseling table.counseling tr {
  border-bottom: 1px solid #dedede;
}

.school-counseling table.counseling tr>* {
  padding: 15px;
  text-align: left;
  vertical-align: top;
  border-left: 1px solid #dedede;
}

.school-counseling table.counseling tr>*:last-child {
  border-right: 1px solid #dedede;
}

.school-counseling table.counseling tr+tr th {
  font-weight: normal;
  background: #f7f7f7;
}

.school-counseling table.counseling th.table-title {
  background: #cbd0f0;
}

.school-counseling table.counseling tr td {
  width: 73%;
}


/* 災害対策
   ============================================ */
.prevent-disaster .description {
  width: 60%;
}

.prevent-disaster.flex-box {
  align-items: flex-start;
}

.prevent-disaster .img-box img {
  margin: 0 auto;
}

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

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

  /* 災害対策
     ============================================ */
  .prevent-disaster .description {
    width: 100%;
  }

  .prevent-disaster .img-box {
    margin: 30px auto;
  }
}

/* ============================================
   タブレット（理事長メッセージレイアウト調整用breakpoint）
   ============================================ */

@media screen and (max-width: 900px) {
  .message .text-area {
    order: 2;
    width: 100%;
    margin-top: 30px;
  }

  .principal-img {
    order: 1;
    width: 60%;
    margin: 0 auto;
  }
}