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


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

    common

================================*/
body {
  color: #3E3A39;
  /*font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  width: 100%;
}

.flexContainer {
  display: flex;
  justify-content: flex-start;
}

.bizContentsTtl {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
}

.bizContentsTtl.onSite { color: #cc2914; border-color: #cc2914; }
.bizContentsTtl.openSem { color: #1C75C5; border-color: #1C75C5; }
.bizContentsTtl.otherContents { color: #009945; border-color: #009945; }

.h_underLine {
  border-bottom: 3px solid #333;
  font-size: 15px;
  margin: 30px 0 20px;
  width: 35%;
}

.h_underLine.personnel { border-bottom-color: #08685A; }
.h_underLine.mngment { border-bottom-color: #802B82; }
.h_underLine.government { border-bottom-color: #D8690F; }
.h_underLine.safeImprove { border-bottom-color: #1E4677; }

.h_leftLine {
  border-left: 8px solid #333;
  font-size: 15px;
  margin: 0 0 20px;
  padding: 5px 0 5px 10px;
}

.h_leftLine.eLearning { border-left-color: #ed6d00; }



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

    コンテンツ

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

/*
    ページ内ナビ
================================*/
.bizContentsNav {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}

.bizContentsNav_item {
  text-align: center;
  width: 23%;
}

.bizContentsNav_item > a {
  border: 2px solid #ccc;
  border-radius: 2px;  color: #333;
  display: block;
  padding: 10px;
  text-decoration: none;
  transition: .3s;
}


.bizContentsNav_item_onSite > a { border-color: #cc2914; }
.bizContentsNav_item_openSem > a { border-color: #1C75C5; }
.bizContentsNav_item_it > a { border-color: #009945; }
.bizContentsNav_item_otherContents > a { border-color: #c2c51c; }

.bizContentsNav_item > a:hover { opacity: .6; }


/*
    コンテンツ
================================*/
.bizContentsList {
  margin-bottom: 20px;
}

.bizContentsList_item {}

.bizContentsList_item + .bizContentsList_item {}

.bizContentsList_item::before { 
  content: "■";
  display: inline-block;
}

.bizContentsList.onSite .bizContentsList_item::before { color: #cc2914; }
.bizContentsList.openSem .bizContentsList_item::before  { color: #1C75C5; }
.bizContentsList.eLearning .bizContentsList_item::before { color: #ed6d00; }


.bizContRsltNumBox {
  display: inline-block;
  margin: 20px 0;
  width: auto;
}

.bizContRsltNumBox + .bizContRsltNumBox { margin-left: 50px; }

.bizContRsltNumBox_ttl {
}

.bizContRsltNumBox_txt {
line-height: 1.3;
}

.bizContRsltNumBox_num {
  font-size: 40px;
  font-weight: 700;
  margin-right: 5px;
}

.bizContRsltNumBox_date {
  display: block;
  font-size: 12px;
}

/* お得なサービスプラン */
.bizContServicePlan { font-size: 12px; }

.bizContServicePlan_name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.bizContServicePlan_txt  {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.bizContServicePlan_txt + .bizContServicePlan_name { margin-top: 15px; }

.bizContServicePlan_txt > span {
  align-self: center;
  width: 48%;
}



/*
    講師派遣
================================*/
.flexContainer.onSite {}
.flexContainer.onSite > div { width: 60%; }

.flexContainer.onSite > div + div {
  margin-left: 30px;
  width: 40%;
}

.flexContainer.onSite > div + div > p + p { margin-top: 10px; }

.flexContainer.onSite > div + div > p > img {
  margin-right: 5px;
  vertical-align: -5px;
}


/*
    公開講座
================================*/
.flexContainer.openSem {}
.flexContainer.openSem > div { width: 60%; }

.flexContainer.openSem > div + div {
  margin-left: 30px;
  width: 40%;
}

.flexContainer.openSem > div + div > p + p { margin-top: 10px; }

.flexContainer.openSem > div + div > p > img {
  margin-right: 5px;
  vertical-align: -2px;
}


/*
    その他事業
================================*/
.flexContainer.otherContents {}

.flexContainer.otherContents > div { width: 60%; }
.flexContainer.otherContents > div + div {
  margin-left: 30px;
  width: 40%;
}

/* サービス一覧 */
.insServiceList {
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.insServiceList_name {
  border-left: 8px solid #999;
  float: left;
  padding: 5px 0 5px 10px;
}

.insServiceList:last-of-type { margin-bottom: 80px; }


.insServiceList_txt {
  display: block;
  padding-left: 230px;
}

.insServiceList_link {
  display: block;
  padding-left: 230px;
}

.insServiceList_link > a {
  display: block;
}

.insServiceList_link > a::before {
  border: 5px solid transparent;
  border-top: 8px solid #999;
  content: "";
  display: inline-block;
  height: 0;
  transform: rotate(-90deg);
  vertical-align: text-top;
  width: 0;
}

.insServiceList.personnel >.insServiceList_name { border-left-color: #08685A; }
.insServiceList.personnel > .insServiceList_link > a::before { border-top-color: #08685A; }

.insServiceList.mngment >.insServiceList_name { border-left-color: #802B82; }
.insServiceList.mngment > .insServiceList_link > a::before { border-top-color: #802B82; }

.insServiceList.government >.insServiceList_name { border-left-color: #D8690F; }
.insServiceList.government > .insServiceList_link > a::before { border-top-color: #D8690F; }
.insServiceList.government > .insServiceList_link {
  display: inline-block;
  margin-right: 20px;
  padding-left: 0;
}

.insServiceList.safeImprove >.insServiceList_name { border-left-color: #1E4677; }
.insServiceList.safeImprove > .insServiceList_link > a::before { border-top-color: #1E4677; }




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

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px) {
  .bizContentsNav {
    flex-wrap: wrap;
  }
  .bizContentsNav_item {
    width: 48%;
    margin: 8px 0;
  }
}/* @media */

@media screen and (max-width:600px) {
.h_underLine { width: 100%; }

.bizContentsNav { display: block; }

.bizContentsNav_item {
  text-align: left;
  width: 100%;
}

.bizContentsNav_item > a {
  border-top: none;
  border-right: none;
  border-left: none;
}

.flexContainer { display: block; }

.bizContRsltNumBox { display: block; }

.bizContRsltNumBox + .bizContRsltNumBox,
.flexContainer.onSite > div + div,
.flexContainer.openSem > div + div{ margin-left: 0; }

.flexContainer.onSite > div + div,
.flexContainer.openSem > div + div,
.flexContainer.otherContents > div + div{
  margin-left: 0;
  width: 100%;
}

.flexContainer.onSite > div,
.flexContainer.openSem > div,
.flexContainer.otherContents > div{ width: 100%; }

.insServiceList_name { float: none;margin-bottom: 10px; }
.insServiceList_txt,
.insServiceList_link{ padding-left: 0; }

.insServiceList.government > .insServiceList_link { display: block; }

}/* @media */