@charset "utf-8";

/* ****************************************************************************************************
   * 学びの概要・特色
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 学びのポイント
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

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

#message div.content {
  width: 350px;
  float: left;
}

#message div.content .catchcopy {
  color: #1aa083;
  line-height: 1.3;
}

#message div.content .catchcopy span {
  font-size: 25px;
  font-weight: bold;
  display: block;
}

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

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

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

}

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

#message div.photo {
  width: 350px;
  float: right;
}

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

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

#message div.photo {
  display: none;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 学びのポイント
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#outline-1 div.list .item ~ .item {
  margin-top: 20px;
}

/* タイトル */

#outline-1 div.list .item .item-title {
  min-height: 66px;
  margin-bottom: 0.5em;
  padding: 20px 0 0 80px;
  line-height: 1.3;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

#outline-1 div.list .item .item-title img {
  position: absolute;
  top: 0;
  left: 0;
}