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


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

    common

================================*/
* { letter-spacing: 0; }

body {
  color: #333;
  font-family:"Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  /* width: 100%; */
}

#base {
  width: 1200px;
}

.container p {
  font-size: 16px;
  line-height: 1.5;
}

li { list-style-type: none; }

div#cont { margin: 0; }

.wrapper {
  margin: 20px auto 0;
  overflow: hidden;
  text-align: left;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}

#kataruSideNavi__right{
  font-family: helvetica neue, noto sans jp, yu gothic, YuGothic, ヒラギノ角ゴ pron w3, hiragino kaku gothic pron, Arial, メイリオ, Meiryo, sans-serif;
  width: 200px;
}


#kataruSideNavi>*:last-child {
    margin-bottom: 0
}
#sideNavi__right>.sidebar-themeTag:first-child {
  margin-top: 0
}

#sideNavi__right>.sidebar-themeTag:first-child>.m_sideNav__theme:first-child {
  margin-top: 0
}

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

h1 {
  font-size: 27px;
  line-height: 1.3;
  margin-bottom: 10px;
}

h2 {
  border-left: 6px solid #333;
  color: #333;
  font-size: 21px;
  margin: 25px 0 20px;
  padding: 5px 0 5px 10px;
}

h3{font-size: 17px;
   font-weight: bold;
   margin:20px 0px 10px 0px;}

/* top section */
.topSection {
  display: flex;
  -js-display: flex;
  flex-wrap: wrap;
  line-height: 0;
}

.topImage {
  height: 165px;
  margin-right: 15px;
  width: 165px;
}

.topImage > img {
  height: auto;
  width: 100%;
}

/* 写真大　ココカラ */
.topImage.large {
  height: auto;
  margin-right: 0;
  width: auto;
}

.topImage.large > img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
/* ココマデ */

/* タイトル表示　ココカラ */
.headline_main {
  position: relative;
  z-index: 1;
}

.headline_main > img { display: block; }

.headline_main_ttl {
  background-color: rgba(255,255,255,.9);
  font-size: 20px;
  padding: 10px;
  position: absolute;
  bottom: 5%;
  width: 100%;
  z-index: 2;
}
/* ココマデ */

.topSeciton_pickup > p {
  color: #c23535;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.topSeciton_pickup > ul { line-height: 1.3; }

.topSeciton_pickup > ul > li + li { margin-top: 5px; }

/* main section */
.mainSection {}

.mainSection > p {
  font-size: 15px;
  line-height: 1.7;
}

.mainSection > p + p { margin-top: 20px; }

.underline{
  border-bottom: medium solid #2d5bc7;
  font-weight: bold;
}

.ti {
  padding-left: 1em;
  text-indent: -1em;
}

.seminar-link{padding:10px;background-color: #FCF0ED;margin-top: 20px;}

.seminar-link > a{font-size:14px;line-height:1.5;font-weight:bold;}

/* table */

.m_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #333;
}
.m_table__cell {
  border: 1px solid #333;
  padding: 10px;
  width: 33.33%;
  vertical-align: top;
}
.container .m_table__description {
  font-size: 14px;
  margin: 0 0 5px 0;
  line-height: 1.5;
}
.m_table__label {
  text-align: center;
  margin: 0;
}
.m_table__link {
  color: #c00000;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  transition: opacity 0.2s;
  display: inline-block;
}
.m_table__link:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #c00000;
}

/* カリキュラム */
#programTable {
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 20px;
  /*table-layout: fixed;*/
  width: 100%;
}

#programTable td {
  border-bottom: 1px solid #333;
  padding: 10px;
  text-align: center;
}

#programTable td > ul { text-align: left; }

#programTable td > ul > li {
  line-height: 1.5;
  margin-bottom: 5px;
}

#programTable .tblTitle {
  border-bottom: none;
  font-weight: bold;
  text-align: left;
}

#programTable .tblTitle.style1 { color: #8b0303; }

#programTable .tblSubTitle1,
#programTable .tblSubTitle2,
#programTable .tblSubTitle3 {
  background-color: #B0FDCC;
  border-bottom: none;
  font-weight: bold;
  padding: 10px;
}

.tblSubTitle2 { width: 80%; }

#inquireBox_730 { margin-top: 40px; }


/* 各コンテンツへのリンク */
.link_content{display:block;color:inherit;}
.link_content:hover{color:inherit;text-decoration-line:none;opacity:0.6;}


/* 要件定義ページ用*/

.reason_box{
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.reason_box p{
  font-size: 15px;
  line-height: 1.7;
}

.reason_inner {
  position: relative;
  width: 33%;
  padding: 10px;
}

.c_text_center{text-align:center;}

#cbox3 > ul > li + li{
 margin-top: 10px; 
}

/*
    コンピテンシーモデル構築支援ページ
================================*/
.scheduleTbl {
  border: 1px solid #333;
  font-size: 15px;
  line-height: 1.3;
  width: 100%;
}

.scheduleTbl thead { background-color: #e3f8ff; }

.scheduleTbl th {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}

.scheduleTbl td {
  border: 1px solid #333;
  padding: 5px;
}

.scheduleTbl td[rowspan] { text-align: center; }
.scheduleTbl td[class="vam"] { text-align: center; }

.scheduleTbl td p { line-height: 1.3; }

.scheduleTbl td p + ul { margin-top: 5px; }

.scheduleTbl td ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.scheduleTbl td ul li + li { margin-top: 3px; }



/*
    伴走型目標管理支援サービスページ
================================*/
.tblWrapper {
  overflow: auto;
  width: 100%;
}

.mokuhyouSheetTbl {
  border-color: #333;
  border-style: solid;
  border-width: 0 1px 1px 0;
  line-height: 1.3;
  table-layout: fixed;
  width: 1500px;
}

.mokuhyouSheetTbl th {
  border-color: #333;
  border-style: solid;
  border-width: 1px 0 0 1px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.mokuhyouSheetTbl th:first-of-type { width: 40px; }
.mokuhyouSheetTbl th:nth-of-type(2) { width: 120px; }
.mokuhyouSheetTbl th:nth-of-type(3) { width: 115px; }

.mokuhyouSheetTbl td {
  border-color: #333;
  border-style: solid;
  border-width: 1px 0 0 1px;
  padding: 5px;
}

.mokuhyouSheetTbl td.comment {
  border-left: 1px dashed #999;
}

col.sel1 { text-align: center;vertical-align: middle; }
colgroup.bgColor { background-color: #ccc; }

/*
    utility
================================*/

.u_ord0{order:0}
.u_ord1{order:1}
.u_ord2{order:2}

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

    ★★★レスポンシブ★★★

================================*/
@media screen and (max-width:786px) {
#base { width: 100%; }
.wrapper { width: 100%; }
#sideNavi__right{display : none;}
.container {
  float: none;
  width: 100%;
}

.mainSection {
  margin: auto;
  width: 95%;
}

.google-re{
position: relative;
overflow: hidden;
margin: 15px 0 20px 0;
padding-bottom: 50%;
padding-top: 65px;
}
.google-re iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

}/* @media */