@charset "utf-8";

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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ビジュアル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body.layout-lower #visual {
  background-image: url(../../_images/_common/visual-bg.png);
}

/* ****************************************************************************************************
   * 求人票の受付
**************************************************************************************************** */

#enterprise-1 {}

/* ****************************************************************************************************
   * 「新短生」の特長
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#enterprise-2 .title {
  color: #9e77ba;
  line-height: 1.3;
  font-size: 22px;
  font-weight: bold;
}

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

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

#enterprise-2 .title {
  font-size: 17px;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 広い視野と社会性がポイントです。
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

#enterprise-2-2 div.contents div.content {
  width: 500px;
  float: left;
}

#enterprise-2-2 div.contents div.image {
  width: 220px;
  float: right;
}

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

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

#enterprise-2-2 div.contents div.content {
  width: 100%;
  margin-bottom: 1em;
  float: none;
}

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

}
