@charset "utf-8";

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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ヘッダー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header div.contents ul.nav {
  visibility: hidden;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ヘッダー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#nav {
  display: none;
}

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

#visual {
  background-image: url(../../_images/english/visual-bg.png);
}

#visual .content {
  visibility: hidden;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メインコンテンツ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main {
  word-break: normal;
}

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

#main .title-1 {
  background-image: url(../../_images/english/title-1.png);
}

/* ****************************************************************************************************
   * 新島学園短期大学教育モットー
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 画像
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#idea div.image {
  width: 600px;
  margin: 0 auto;
}

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

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

#idea div.image img {
  vertical-align: top;
  display: inline-block;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 教育モットーの出典
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#idea .shutten {
  text-align: center;
}

#idea .shutten .title {
  color: #9e77ba;
  font-size: 18px;
  font-weight: bold;
}

/* ****************************************************************************************************
   * 新島襄の教育理念
**************************************************************************************************** */

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

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

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

#history div.contents div.photo {
  width: 230px;
  float: left;
}

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

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

#history div.contents div.photo {
  width: 64.24%;
  margin: 0 auto 20px;
  float: none;
}

}

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

#history div.contents div.content {
  width: 730px;
  float: right;
}

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

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

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

}

/* ****************************************************************************************************
   * 学科案内：キャリアデザイン学科
**************************************************************************************************** */

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

#department-1 .title-1 {
  background-image: url(../../_images/english/department-1-title-1.png);
}

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

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

#department-1 .title-1 {
  border-top: 1px solid #1aa083;
}

}

#department-1 .title-2 {
  background-image:
    url(../../_images/english/department-1-title-2-1.png),
    url(../../_images/english/department-1-title-2-2.png);
}

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

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

/* タイトル */

#department-1-outline 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;
}

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

/* ****************************************************************************************************
   * 学科案内：コミュニティ子ども学科
**************************************************************************************************** */

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

#department-2 .title-1 {
  background-image: url(../../_images/english/department-2-title-1.png);
}

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

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

#department-2 .title-1 {
  border-top: 1px solid #f39d00;
}

}