@charset "utf-8";

/* ****************************************************************************************************
   * 支援について
**************************************************************************************************** */

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

/* ----------------------------------------------------------------------------------------------------
   * 相談したいとき
/* ------------------------------------------------------------------------------------------------- */

#support .support .contact {
  padding: 1em 2em;
  border: 1px solid #c4c1d2;
}

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

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

#support .support .contact {
  padding: 10px;
}

}

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

/* ----------------------------------------------------------------------------------------------------
   * キャッチコピー
/* ------------------------------------------------------------------------------------------------- */

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

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

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

#support .message .catchcopy {
  font-size: 18px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * ページナビ
/* ------------------------------------------------------------------------------------------------- */

#support .message ul.page-nav {
  max-width: none;
  margin-left: -4em;
  margin-bottom: -0.5em;
  padding: 0;
  letter-spacing: -0.4em;
}

#support .message ul.page-nav li {
  margin-left: 4em;
  margin-bottom: 0.5em;
  padding-left: 18px;
  list-style: none;
  letter-spacing: normal;
  background: url(../../../_images/_common/listmark-1.png) left 5px no-repeat;
  vertical-align: top;
  display: inline-block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 障がい学生支援
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#support-1 {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 学生生活支援
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#support-2 {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * キャリア支援
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#support-3 {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 学年相談室だより
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

#support-4 ul.item li a {
  vertical-align: middle;
  display: inline-block;
}

#support-4 ul.item li a::before {
  content: url("../../../_images/_common/listmark-1.png");
  vertical-align: middle;
  display: inline-block;
}

#support-4 ul.item li a::after {
  content: url("../../../_images/_common/icon-pdf.svg");
  width: 30px;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}