@charset "utf-8";

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

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

#courses .column-courses div.contents {
  width: 100%;
  display: table;
}

/* -------------------------------------------------------------------------------------------------
   * 画像
/* ---------------------------------------------------------------------------------------------- */

#courses .column-courses div.contents div.image {
  width: 40%;
  vertical-align: top;
  display: table-cell;
}

#courses .column-courses div.contents div.image img {
  width: 100%;
}

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

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

  #courses .column-courses div.contents div.image {
    width: 100%;
    text-align: center;
    display: block;
  }

  #courses .column-courses div.contents div.image img {
    width: auto;
  }

}

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

#courses .column-courses div.contents div.content {
  padding-left: 2em;
  vertical-align: top;
  display: table-cell;
}

#courses .column-courses div.contents div.content .catchcopy {
	padding-left: 10px;
  font-size: 1.125em;
  font-weight: bold;
	border-left: 5px solid #f39d00;
}

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

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

  #courses .column-courses div.contents div.content {
    margin-top: 1em;
    padding-left: 0;
    display: block;
  }

  #courses .column-courses div.contents div.content .catchcopy {
    font-size: 1em;
  }

}