@charset "utf-8";

/* ****************************************************************************************************
   * 就職サポート
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メッセージ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

#support-1 div.message .catchcopy {
  color: #9e77ba;
  line-height: 1.3;
  font-size: 24px;
  font-weight: bold;
}

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

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

#support-1 div.message .catchcopy {
  font-size: 20px;
}

#support-1 div.message img[src*="support-1.jpg"] {
  display: none;
}

}

/* ****************************************************************************************************
   * 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;
}

}

/* ****************************************************************************************************
   * ガイダンススケジュール
**************************************************************************************************** */

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

/* ----------------------------------------------------------------------------------------------------
   * スケジュール テーブル
/* ------------------------------------------------------------------------------------------------- */

#support-3 table.schedule + table.schedule {
  margin-top: 0;
}

#support-3 table.schedule caption {
  margin-bottom: 0;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: bold;
}

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

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

#support-3 table.schedule + table.schedule {
  margin-top: 1em;
}

/* ヘッダ */

#support-3 table.schedule tr:nth-of-type(2) ~ tr {
  margin-top: 1em;
}

#support-3 table.schedule tr:nth-of-type(1) {
  display: none;
}

#support-3 table.schedule td:empty:before {
  content: none !important;
}

/* 進路ガイダンス日程・職業適性検査 */

#support-3 table.schedule td:nth-of-type(1):before {
  content: '［進路ガイダンス日程・職業適性検査］';
  margin-left: -0.75em;
  margin-bottom: 0.25em;
  display: block;
}

/* 一般企業・就職試験対策講座 */

#support-3 table.schedule td:nth-of-type(2):before {
  content: '［一般企業・就職試験対策講座］';
  margin-left: -0.75em;
  margin-bottom: 0.25em;
  display: block;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * キャリアデザイン学科
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * タイトル
/* ------------------------------------------------------------------------------------------------- */

#support-3-1 .title-3.department {
  color: inherit;
  background: url(../../../../_images/course/employment/support/department-1-title.png) no-repeat;
}

/* ----------------------------------------------------------------------------------------------------
   * スケジュール テーブル
/* ------------------------------------------------------------------------------------------------- */

#support-3-1 table.schedule caption {
  background: #1aa083;
}

#support-3-1 table.schedule > tbody > tr > th[scope="col"] {
	background: #e2f5f1;
}

#support-3-1 table.schedule > tbody > tr > th[scope="row"] {
	background: #e2f5f1;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コミュニティ子ども学科
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * タイトル
/* ------------------------------------------------------------------------------------------------- */

#support-3-2 .title-3.department {
  color: inherit;
  background: url(../../../../_images/course/employment/support/department-2-title.png) no-repeat;
}

/* ----------------------------------------------------------------------------------------------------
   * スケジュール テーブル
/* ------------------------------------------------------------------------------------------------- */

#support-3-2 table.schedule caption {
  background: #f39d00;
}

#support-3-2 table.schedule > tbody > tr > th[scope="col"] {
	background: #fff3dd;
}

#support-3-2 table.schedule > tbody > tr > th[scope="row"] {
	background: #fff3dd;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * モーダルウィンドウ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#cboxLoadedContent div.schedule-detail {
  padding: 20px;
}

/* ----------------------------------------------------------------------------------------------------
   * タイトル
/* ------------------------------------------------------------------------------------------------- */

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

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

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

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