@charset "utf-8";

/* ****************************************************************************************************
   * 教員からのメッセージ
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コンテンツ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#message div.contents:after {
  content: ".";
  display: block;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

/* ----------------------------------------------------------------------------------------------------
   * 写真
/* ------------------------------------------------------------------------------------------------- */

#message div.contents div.image {
  width: 300px;
  float: left;
}

/* * ブレイクポイント ･････････････････ */

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

#message div.contents div.image {
  width: 100%;
  margin-bottom: 20px;
  float: none;
  text-align: center;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 内容
/* ------------------------------------------------------------------------------------------------- */

#message div.contents div.content {
  width: 400px;
  float: right;
}

/* * ブレイクポイント ･････････････････ */

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

#message div.contents div.content {
  width: 100%;
  float: none;
}

}

/* * タイトル
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#message div.contents div.content .title {
  padding-left: 14px;
  border-left: 5px solid #1aa083;
}

#message div.contents div.content .title strong {
  font-size: 17px;
  font-weight: bold;
  display: block;
}

/* * ブレイクポイント ･････････････････ */

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

#message div.contents div.content .title strong {
  font-size: inherit;
}

}

/* ****************************************************************************************************
   * 特色のあるプログラム
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 各プログラム
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#program .column.program {
  padding-bottom: 20px;
  border-bottom: 1px dotted #bdb9cd;
}

#program .column.program ~ .column.program {
  margin-top: 0;
  padding-top: 20px;
}

#program .column.program .program-title {
  line-height: 1.2;
  color: #1aa083;
  font-size: 22px;
  font-weight: bold;
}

#program .column.program .program-title + * {
  margin-top: 0.5em;
}

/* * ブレイクポイント ･････････････････ */

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

#program .column.program .program-title {
  line-height: inherit;
  font-size: 16px;
}

}