@charset "utf-8";

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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 各コンテンツ　ヘッダー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#main-contents .voice .section-header:after {
  content: ".";
  display: block;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

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

#main-contents .voice .section-header div.photo {
  width: 260px;
  float: left;
}

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

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

#main-contents .voice .section-header div.photo {
  width: 100%;
  margin-bottom: 20px;
  float: none;
  text-align: center;
}

}

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

#main-contents .voice .section-header div.content {
  width: 440px;
  float: right;
}

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

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

#main-contents .voice .section-header div.content {
  width: 100%;
  float: none;
}

}

/* * 内定先／氏名／所属・出身校
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#main-contents .voice .section-header div.content div.title {
  padding-left: 10px;
  border-left: 4px solid #9e77ba;
}

/* 内定先 */

#main-contents .voice .section-header div.content div.title .company {
  color: #9e77ba;
  font-size: 14px;
}

/* 氏名 */

#main-contents .voice .section-header div.content div.title .name {
  margin-top: 0.25em;
  font-size: 17px;
}

/* 所属・出身校 */

#main-contents .voice .section-header div.content div.title .department {
  margin-top: 0.25em;
  font-size: 14px;
}

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

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

#main-contents .voice .section-header div.content div.title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  display: table;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 各コンテンツ　メッセージ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

#main-contents .voice .message-title {
  color: #9e77ba;
  font-size: 16px;
}

#main-contents .voice .message-title + * {
  margin-top: 0.5em;
}

/* ****************************************************************************************************
   * 学生の声 1
**************************************************************************************************** */

#voice-1 {}

/* ****************************************************************************************************
   * 学生の声 2
**************************************************************************************************** */

#voice-2 {}

/* ****************************************************************************************************
   * 学生の声 3
**************************************************************************************************** */

#voice-3 {}