@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * テーブル
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#curriculum table.data th[scope="col"] {
  background-color: #fff3dc;
}

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

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

  #curriculum table.data tr:nth-child(1) + tr ~ tr {
    margin-top: 1em;
  }

  #curriculum table.data th[scope="col"] {
    display: none;
  }

  #curriculum table.data th[scope="row"] {
    margin-bottom: 0.25em;
  }

  #curriculum table.data td:empty::after {
    content: '―';
    display: block;
  }

  #curriculum table.data td[data-title]::before {
    content: attr(data-title);
    margin-left: -0.75em;
    margin-bottom: 0.25em;
    display: block;
  }

}

/* ****************************************************************************************************
   * メッセージ
**************************************************************************************************** */

#curriculum div.message {
  width: 100%;
  display: table;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 内容
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#curriculum div.message div.content {
  padding-right: 2em;
  vertical-align: top;
  display: table-cell;
}

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

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

  #curriculum div.message div.content {
    margin-bottom: 1em;
    padding-right: 0;
    display: block;
  }

}

/* -------------------------------------------------------------------------------------------------
   * キャッチコピー
/* ---------------------------------------------------------------------------------------------- */

#curriculum div.message div.content .catchcopy {
	color: #f39d00;
  line-height: 1.3;
	font-size: 25px;
}

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

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

  #curriculum div.message div.content .catchcopy {
    font-size: 1.125em;
  }

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 画像
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#curriculum div.message div.image {
  width: 47%;
  vertical-align: top;
  display: table-cell;
}

#curriculum div.message div.image img {
  width: 100%;
}

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

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

  #curriculum div.message div.image {
    display: none;
  }

}

/* ****************************************************************************************************
   * シラバス
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ボタン
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#curriculum-syllabus .button {
  margin: 2em 0;
  text-align: center;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メッセージ
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#curriculum-syllabus .message {
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	border: 1px solid #f39d00;
	font-weight: bold;
	display: table;
}