@charset "utf-8";

/* ****************************************************************************************************
   * 編入サポート
**************************************************************************************************** */

#support-1 {}

/* ****************************************************************************************************
   * 充実した編入試験サポート
**************************************************************************************************** */

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

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

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

#support-2 div.contents div.content {
  width: 450px;
  float: left;
}

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

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

#support-2 div.contents div.content {
  width: 100%;
  float: none;
}

}

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

#support-2 div.contents div.photo {
  width: 240px;
  float: right;
}

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

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

#support-2 div.contents div.photo {
  display: none;
}

}

/* ****************************************************************************************************
   * 新島学園短期大学から四年制大学へ編入する4つのメリット
**************************************************************************************************** */

#support-3 ul.merit,
#support-3 ul.merit li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#support-3 ul.merit li {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  display: table;
}

#support-3 ul.merit li ~ li {
  margin-top: 20px;
}

#support-3 ul.merit li > * {
  vertical-align: middle;
  display: table-cell;
}

#support-3 ul.merit li span.icon {
  width: 80px;
}