@charset "utf-8";
/* CSS Document */


/*===============================

    common

================================*/
html { font-size: 62.5%; }/* 1(r)em = 10px */

body {
  color: #333;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  width: 100%;
}

h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

h2 {
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 10px;
}

.container p {
  font-size: 1.6rem;
  line-height: 1.5;
}

li { list-style-type: none; }

.container a:hover { text-decoration: none; }

div#cont { margin: 0; }

.wrapper {
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

.header { margin: 20px 0; }

.gnav {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.gnav li {
  border-bottom: 1px solid #ccc;
  display: table-cell;
  text-align: center;
}



/*
    コンテンツ
================================*/
.container {
  float: right;
  width: 730px;
}

/* ラインナップ */
.lineupBox { margin-top: 30px; }

.lineupBox_ttl { overflow: hidden; }

.lineupBox_ttl a {
  color: #333;
  display: block;
  transition: .3s;
}

.lineupBox_ttl a:hover { opacity: 0.7; }

.lineupBox_ttl p {
  font-size: 2.5rem;
  vertical-align: middle;
}

.lineupBox_catImg {
  float: left;
  margin-right: 10px;
}

.lineupBox_catImg + p { padding-left: 70px; }

.lineupBox_ttl p span {
  color: #186B98;
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
}

/* タグリスト */
.tagList {
  font-size: 0;
  margin-top: 10px;
  width: 100%;
}

.tagList_tag {
  background-color: #ccc;
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
}

/* カテゴリー色分け */
.tagList_tag.mng { background-color: #c3abd8; }/* 管理職 */

.tagList_tag.backbone { background-color: #c3abd8; }/* 中堅 */

.tagList_tag.young { background-color: #c3abd8; }/* 若手 */

.tagList_tag.newcomer { background-color: #c3abd8; }/* 新人 */

.tagList_tag.student { background-color: #c3abd8; }/* 学生・内定者 */

.tagList_tag.allHie { background-color: #c3abd8; }/* 全階層 */

.tagList_tag.climate { background-color: #acdff1; }/* 風土づくり */

.tagList_tag.workingReform { background-color: #acdff1; }/* 働き方改革 */

.tagList_tag.activation { background-color: #acdff1; }/* 組織活性化 */

.tagList_tag.selfManufacture { background-color: #acdff1; }/* 研修内製化支援 */

.tagList_tag.number { background-color: #facaee; }/* 数字で考える力 */

.tagList_tag.communication { background-color: #facaee; }/* コミュニケーション力 */

.tagList_tag.teamBuilding { background-color: #acdff1; }/* チームビルディング */

.tagList_tag.developStaff { background-color: #acdff1; }/* 部下育成 */

.tagList_tag.evaluation { background-color: #acdff1; }/* 評価・考課 */

.tagList_tag.management { background-color: #acdff1; }/* マネジメント */

.tagList_tag.mind { background-color: #ccef86; }/* マインド */

.tagList_tag.baseWork { background-color: #facaee; }/* 仕事の基本 */

.tagList_tag.thinking { background-color: #facaee; }/* 考える力 */

.tagList_tag.writing { background-color: #facaee; }/* 書く力 */

.tagList_tag.teaching { background-color: #facaee; }/* 伝える力 */

.tagList_tag.itSkill { background-color: #facaee; }/* OA/ITスキル */

.tagList_tag.cs { background-color: #facaee; }/* CS/接遇/クレーム */

.tagList_tag.improvement { background-color: #acdff1; }/* 業務改善 */

.tagList_tag.risk { background-color: #acdff1; }/* リスク管理 */

.tagList_tag.mental { background-color: #acdff1; }/* メンタル・ヘルスケア */

.tagList_tag.career { background-color: #ccef86; }/* キャリア */

.tagList_tag.diversity { background-color: #acdff1; }/* ダイバーシティ */

.tagList_tag.shortening { background-color: #f9bf80; }/* 短時間あり */

.tagList_tag.administration { background-color: #ccef86; }/* 経営視点 */

.tagList_tag.sales { background-color: #ccef86; }/* 営業支店 */

.otherPrg { margin-top: 10px; }

.midLink { text-align: right; }

.midLink {
  margin-top: 10px;
  text-decoration: underline;
}


/*===============================

    レスポンシブ

================================*/

@media screen and (max-width:768px){
html{font-size:8px;}
body{width:95%;margin:0 auto;}
.wrapper{width:100%;}
.container{float:none;width:100%;}
}