@charset "utf-8";

/* ****************************************************************************************************
   * 編入に強い
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 国公立大学・難関私立大学などへ毎年多くの学生が編入しています。
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

/* ----------------------------------------------------------------------------------------------------
   * コンテンツ 1
/* ------------------------------------------------------------------------------------------------- */

/* * 内容
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#incorporation div.contents-1 div.content {
  width: 350px;
  float: right;
}

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

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

#incorporation div.contents-1 div.content {
  width: 100%;
  float: none;
}

}

/* * 写真
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#incorporation div.contents-1 div.photo {
  width: 350px;
  float: left;
}

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

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

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

}

/* ----------------------------------------------------------------------------------------------------
   * コンテンツ 2
/* ------------------------------------------------------------------------------------------------- */

/* * 内容
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#incorporation div.contents-2 div.content {
  width: 400px;
  float: left;
}

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

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

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

}

/* 就職サポート */

#incorporation div.contents-2 div.content .button {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

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

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

#incorporation div.contents-2 div.content {
  margin-bottom: 20px;
}

}

/* * 写真
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#incorporation div.contents-2 div.photo {
  width: 300px;
  float: right;
}

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

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

#incorporation div.contents-2 div.photo {
  width: 100%;
  float: none;
  text-align: center;
}

}