<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */


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

    common

================================*/
body{
  color: #333;
  font: 400 15px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height: 1.6;
  letter-spacing: .01em;
  counter-reset: aimIndex qaIndex ranking problemRanking;
}
pre{
  font-family: inherit;
}
.simple{
  counter-reset: aimIndex;
}
.simple h2 {
padding:0;
border-top:none;
color:#333;
border-bottom: 2px solid #333;
font-size: 22px;
margin-bottom: 18px;
}

/*
    ローカルナビ
================================*/
/* 上段 */
.p_menuUpperNav {
  display: flex;
  flex-flow: row wrap;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 5px;
}

.p_menuUpperNav_item {
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  text-align: center;
  width: 33.33%;
  /*width: calc(100% / 3);*/
}

.p_menuUpperNav_item + .p_menuUpperNav_item {
  border-right: 1px solid #666;
  border-left: none;
}

.p_menuUpperNav_item &gt; a {
  color: currentColor;
  display: block;
  padding: 5px 0;
  position: relative;
}

.p_menuUpperNav_item &gt; a::after {
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  content: "";
  display: inline-block;
  height: 6px;
  position: absolute;
  top: 38%;
  right: 6%;
  transform: rotate(45deg) translateY(-50%);
  width: 6px;
}

/* 下段 */
.p_menuDownerNav {
  display: flex;
  flex-flow: row wrap;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 30px;
}

.p_menuDownerNav_item {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: center;
  width: 33.33%;
  /*width: calc(100% / 3);*/
}

.p_menuDownerNav_item + .p_menuDownerNav_item {
  border-right: 1px solid #fff;
  border-left: none;
}

.p_menuDownerNav_item &gt; a {
  background-color: #e2e2e2;
  color: currentColor;
  display: block;
  padding: 5px 0;
  position: relative;
}

.p_menuDownerNav_item &gt; a::after {
  border-right: 2px solid #888;
  border-bottom: 2px solid #888;
  content: "";
  display: inline-block;
  height: 6px;
  position: absolute;
  top: 40%;
  right: 4%;
  transform: rotate(-45deg) translateY(-50%);
  width: 6px;
}

.p_menuDownerNav_item:last-of-type &gt; a::after { border: none; }

.p_menuDownerNav_item &gt; a &gt; img {
  margin-right: 5px;
  vertical-align: middle;
}

/* ★★★22年11月新デザイン版ローカルナビ★★★ */
/* パンくずのオーバーライド */
.is_fixed .breadcrumbs{
  max-width: 730px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  visibility: visible;
  overflow: hidden;
}

/* ラッパー */
.m_localNavWrap{}
.m_localNavWrap__outer{}
.m_localNavWrap__item{}
.m_localNavWrap__list{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  background: #F3F3F3;
}
.m_localNavWrap__listItem{
  display: flex;
  width: 25%;
}
.m_localNavWrap__inner{
  display: block;
  width: 100%;
}
.m_localNavWrap__outer.is_fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
}
.is_fixed .m_localNavWrap__item{
  max-width: 730px;
  margin: 0 auto;
}
@media screen and (max-width: 768px){
  .m_localNavWrap__listItem{
    width: 33.333%;
  }
}
@media screen and (max-width: 599px){
  .m_localNavWrap__listItem{
    width: 50%;
  }
}
/* ローカルナビ */
.m_localNav{
  position: relative;
  height: 32px;
  padding-left: 28px;
  line-height: 32px;
  color: inherit;
  letter-spacing: 0;
  font-weight: bold;
  font-size: 14px;
  word-break: keep-all;
}
.m_localNav:hover{
  color: #fff;
  background: #9E2730;
}
.m_localNav::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  width: 18px;
  height: 32px;
  background: no-repeat center center / contain;
}
.m_localNav--feature::before{
  background-image: url("/resource/img/middle/navi-icon_feature.svg");
}
.m_localNav--feature:hover::before{
  background-image: url("/resource/img/middle/navi-icon_feature_hover.svg");
}
.m_localNav--recommend::before{
  background-image: url("/resource/img/middle/navi-icon_plan.svg");
}
.m_localNav--recommend:hover::before{
  background-image: url("/resource/img/middle/navi-icon_plan_hover.svg");
}
.m_localNav--seasonal::before{
  background-image: url("/resource/img/middle/navi-icon_season-seminar.svg");
}
.m_localNav--seasonal:hover::before{
  background-image: url("/resource/img/middle/navi-icon_season-seminar_hover.svg");
}
.m_localNav--movie::before{
  background-image: url("/resource/img/middle/navi-icon_season-e-learning.svg");
}
.m_localNav--movie:hover::before{
  background-image: url("/resource/img/middle/navi-icon_season-e-learning_hover.svg");
}
.m_localNav--impression::before{
  background-image: url("/resource/img/middle/navi-icon_voice.svg");
}
.m_localNav--impression:hover::before{
  background-image: url("/resource/img/middle/navi-icon_voice_hover.svg");
}
.m_localNav--lineup::before{
  background-image: url("/resource/img/middle/navi-icon_lineup.svg");
}
.m_localNav--lineup:hover::before{
  background-image: url("/resource/img/middle/navi-icon_lineup_hover.svg");
}
.m_localNav--question::before{
  background-image: url("/resource/img/middle/navi-icon_qa.svg");
}
.m_localNav--question:hover::before{
  background-image: url("/resource/img/middle/navi-icon_qa_hover.svg");
}
.m_localNav--bup::before{
  background-image: url("/resource/img/middle/navi-icon_search.svg");
}
.m_localNav--bup:hover::before{
  background-image: url("/resource/img/middle/navi-icon_search_hover.svg");
}
@media screen and (max-width: 768px){
  .m_localNav{
    font-size: 12px;
  }
}
@media screen and (max-width: 599px){
  .m_localNav{
    padding-left: 20px;
    letter-spacing: -1px;
  }
  .m_localNav::before{
    left: 2px;
    width: 14px;
  }
}
/* ★★★新デザイン版ローカルナビ★★★ */
.p_nav {}

.p_nav-menu { margin-bottom: 20px; }

.p_menuNav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
}


.p_menuNav::after {
  content: "";
  display: block;
  height: 0;
  width: 33.333%;
}

.p_menuNav_item {
  box-sizing: border-box;
  margin-bottom: 10px;
  width: 33.333%;
}

.p_menuNav_item:not(:nth-of-type(3n)) { border-right: 1px solid #333; } 

.p_menuNav_link {
  color: inherit;
  display: block;
  font-size: 12px;
  padding: 0 5px;
}

.p_menuNav_link::before {
  color: #9E2730;
  content: "";
  display: inline-block;
  font-family: "font awesome 5 free";
  font-weight: bold;
  font-size: 15px;
  margin-right: 5px;
}

.p_menuNav_link:hover { text-decoration: underline; }

.p_menuNav_link.tokucho::before { content: "\f0ce"; }
.p_menuNav_link.question::before { content: "\f059"; }
.p_menuNav_link.impression::before { content: "\f005"; }
.p_menuNav_link.lineup::before { content: "\f03a"; }
.p_menuNav_link.schedule::before {
  content: "\f51c";
  font-family: "font awesome 5 free";
  font-weight: bold;
}
.p_menuNav_link.recommend::before { content: "\f0c1"; }
.p_menuNav_link.plan::before {
    background-image: url("/resource/img/middle/icon_plan.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: .8em;
    height: 24px;
    margin-right: 8px;
    vertical-align: -7px;
}

.p_menuNav_link.koshi::before {
    background-image: url("/resource/img/middle/icon_teacher.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: .8em;
    height: 24px;
    margin-right: 7px;
    vertical-align: -7px;
}

/* リンクボタン */
.p_navLink {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.p_navLink_item{
  position: relative;
  width: 48%;
}

.p_navLink_item::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.p_navLink_item.green::after {
  content: url(/resource/img/middle/icon_arrow_up_green.jpg);
}

.p_navLink_item.orange::after {
  content: url(/resource/img/middle/icon_arrow_up_orange.jpg);
}

.c_navLink-btn {
  -ms-align-items: center;
  align-items: center;
  background-color: #666;
  border-radius: 5px;
  box-shadow: inset -2px 2px 0 rgba(255,255,255,.4), -2px 2px 0 #736357;
  color: #1a1a1a;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.3;
  margin: 0 0 2px 2px;
  padding: 7px;
  width: 100%;
  /*transition: .3s;*/
}

.c_navLink-btn.orange { background-color: #ff9e1d; }
.c_navLink-btn.green { background-color: #00a99d; }


.c_navLink-btn::before {
  color: #fff;
  content: "";
  display: block;
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 5px;
}


.c_navLink-btn:hover {
  box-shadow: inset -2px 2px 0 rgba(255,255,255,.4);
  transform: translate(-2px,2px);
  text-decoration: none;
}

.c_navLink-btn.contact::before { content: "\f0e0"; }
.c_navLink-btn.estimate::before { content: "\f1ec"; }

/* オンライン研修導線 */
.p_mid_attentionBox {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 25px;
}

.p_mid_attentionBox_img {
  margin-right: 10px;
}

.p_mid_attentionBox_txt {}

.p_mid_attentionBox_txt &gt; span:first-of-type {
  color: #9e2730;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}

.p_mid_attentionBox_txt &gt; span:last-of-type {
  color: #333;
  display: block;
  font-size: 10px;
  font-weight: normal;
}

/* レスポンシブ */
@media screen and (max-width:600px){
.p_menuUpperNav_item &gt; a { align-items: center;display: flex;flex-direction: column; }
.p_menuUpperNav_item &gt; a::after { position: static;margin-top: 3px; }
.p_menuDownerNav { flex-direction: column; }
.p_menuDownerNav_item { width: 100%; }
.p_menuDownerNav_item, .p_menuDownerNav_item + .p_menuDownerNav_item { border-left: none;border-right: none;border-top: 1px solid  #fff; }
}

@media screen and (max-width:360px) {
.p_menuUpperNav_item &gt; a, .p_menuDownerNav_item &gt; a { font-size: 10px; }
}


/*
    見出し
================================*/
.simple h2 {
  border-bottom: 2px solid #9E2730;
  font-size: 20px;
  line-height: 1.3;
  min-height: 33px;
  padding-left: 40px;
  position: relative;
}

.simple h2::before {
  background-color: #9E2730;
  content: "";
  display: inline-block;
  height: 33px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33px;
  z-index: 1;
}

.p_heading_icon {
  position: relative;
}

.p_heading_icon::after {
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 33px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33px;
  z-index: 2;
}

.p_heading_icon-purpose::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_purpose.jpg");}

/*.p_heading_icon-lineup::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_lineup.jpg");}*/
.p_heading_icon-lineup::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_purpose.jpg");}

/*.p_heading_icon-comment::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_comment.jpg");}*/
.p_heading_icon-comment::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_purpose.jpg");}

/*.p_heading_icon-recommend::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_recommend.jpg");}*/
.p_heading_icon-recommend::after {background-image: url("https://www.insource.co.jp/resource/img/middle/middle_purpose.jpg");}

.p_heading-ranking{
  position: relative;
  counter-increment: problemRanking;
  margin-bottom: 5px;
  padding-left: 40px;
  font-size: 16px;
}
.p_heading-ranking::before{
  content: counter(problemRanking) "位";
  position: absolute;
  left: 0;
  color: #9E2730;
}




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

    コンテンツ

================================*/
/*
    base
================================*/
/*main{font:14px 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','MS PGothic', arial, helvetica, sans-serif;}*/
#c3_lr main *{font-family:inherit;}
main *{line-height:1.6;}
h5{font-size:inherit;}
#cont .textBox p{/*margin-bottom:0;*/font-size:inherit;line-height:inherit;}
#cont #performance .m_voiceBox ul li::before{height:27px;}
#performance .mid_ratingBox .fl_box,#performance .mid_ratingBox .fr_box{float:none;}
#cont .simple h2{font-family:inherit;}/* colorはテーマカラー */
#menu_nav{flex-wrap:wrap;justify-content:flex-start;}
#menu_nav li {border-left:none;}
#menu_nav li:last-of-type {border-right:none;}
#menu_nav li a {font-family:inherit;}
#goal p.pc_sec_item{padding-left: 1.5rem;}
.box_recommendedPlan p.pc_sec_item:nth-of-type(n+2){padding-left: 1.5rem;margin-top: 5px;}
#cont #iranking .ibox dd{margin-left:120px;}

/*sideNavCssを書き換え*/
/*.side_rslt{font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','MS PGothic', arial, helvetica, sans-serif;}
.side_rslt_border{border-width:3px;}
.side_rslt_detail{border-bottom:none;}
.side_rslt_detail &gt; dt::before{content:url(/common/images/crown.gif);margin-right:8px;vertical-align:-2px;}*/

/*
    layout
================================*/
.l_sideNav{width:200px;}
.l_sideNav-right{float:right;overflow:hidden;}


/*
    component
================================*/
/*カラムデザイン*/
.c_col1{width:8.333%;}
.c_col2{width:16.667%;}
.c_col3{width:25%;}
.c_col4{width:33.333%;}
.c_col5{width:41.666%;}
.c_col6{width:50%;}
.c_col7{width:58.333%;}
.c_col8{width:66.666%;}
.c_col9{width:75%;}
.c_col10{width:83.33%;}
.c_col11{width:91.666%;}
.c_col12{width:100%;}

/*カラムデザイン(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
  .c_resMdCol1{width:8.333%;}
  .c_resMdCol2{width:16.667%;}
  .c_resMdCol3{width:25%;}
  .c_resMdCol4{width:33.333%;}
  .c_resMdCol5{width:41.666%;}
  .c_resMdCol6{width:50%;}
  .c_resMdCol7{width:58.333%;}
  .c_resMdCol8{width:66.666%;}
  .c_resMdCol9{width:75%;}
  .c_resMdCol10{width:83.33%;}
  .c_resMdCol11{width:91.666%;}
  .c_resMdCol12{width:100%;}
}

/*カラムデザイン(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
  .c_resSmCol1{width:8.333%;}
  .c_resSmCol2{width:16.667%;}
  .c_resSmCol3{width:25%;}
  .c_resSmCol4{width:33.333%;}
  .c_resSmCol5{width:41.666%;}
  .c_resSmCol6{width:50%;}
  .c_resSmCol7{width:58.333%;}
  .c_resSmCol8{width:66.666%;}
  .c_resSmCol9{width:75%;}
  .c_resSmCol10{width:83.33%;}
  .c_resSmCol11{width:91.666%;}
  .c_resSmCol12{width:100%;}
}


/*フレックス*/
.c_flex{display:flex;justify-content:flex-start;align-items:flex-start;}
.c_flex-center{justify-content:center;align-items:center;}
.c_flex-aCenter{align-items:center;}
.c_flex-aEnd{align-items:flex-end;}
.c_flex-jCenter{justify-content:center;}
.c_flex-stretch{align-items:stretch;}
.c_flex-between{justify-content:space-between;}
.c_flex-around{justify-content:space-around;}
.c_flex-wrap{flex-wrap:wrap;}

/*グリッド*/
.c_grid{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;}
.c_grid-center{justify-content:center;}
.c_grid_item{display:flex;}
.c_grid_inner{width:100%;}

/*アイコン*/
.c_hasIco{position:relative;}
.c_hasIco_item{position:absolute;left:0;}
.c_hasIco_item-rev{position:absolute;left:auto;right:0;}

/*ボタン*/
.c_btn{}
.c_btn_target{display:flex;justify-content:center;align-items:center;}

/*上付き文字*/
.c_super{display:inline;vertical-align:super;font-size:11px;font-family:inherit;}

/*リンク*/
.c_link{}
.c_link-normal{position:relative;display:inline-block;padding-left:1.5em;}
/*.c_link-normal::before{content:"▲";position:absolute;top:0;left:0;color:inherit;transform:rotate(90deg);}*/
.c_link-normal::before{content:"";border:8px solid transparent;border-left:13px solid currentColor;width:0;height:0;position:absolute;top:4px;left:0;color:inherit;}
/* テキストリンク 21129追記 */
.c_link-text {color: #052674; text-decoration: none;}
.c_link-text:hover {color: #055174; text-decoration: underline;}

/*改行時インデント*/
.c_brIndent{padding-left:1em;text-indent:-1em;}
.c_brIndent2{padding-left: 2em;text-indent: -2em;}

/*テキストの位置*/
.c_txtCenter{text-align:center;}
.c_txtLeft{text-align:left;}
.c_txtRight{text-align:right;}
.c_txtBlockRight{margin-left:auto;}

@media screen and (max-width:599px){
  .c_resSmTxtCenter{text-align:center;}
  .c_resSmTxtLeft{text-align:left;}
  .c_resSmTxtRight{text-align:right;}
  .c_resSmTxtBlockRight{margin-left:auto;}
}

/*タブ*/
.c_tab{display:flex;justify-content:center;align-items:center;}
.c_tab-main{}
.c_tab-box{font-size:16px;border: 1px solid #333; border-radius: 8px;}
.c_tab &gt; .c_tab_item{display:block; color: #333;}
.c_tab-main &gt; .c_tab_item{padding:4px 16px; border: 1px solid #333; border-radius: 2em;}

/* チェックマーク */
.c_checkMark {display: inline-block; font-size: 16px; padding-left: 1.5em; position: relative;}
.c_checkMark::before {content: url("/resource/img/middle/icon_koushi-check.svg"); font-family: "font awesome 5 free"; position: absolute; left: 0; color: #9E2730;}

/* メディアデザイン */
.c_media{}
.c_media::after{
  content:"";
  display:block;
  clear:both;
}
.c_media_img{
  float: left;
  margin: 0 16px 16px 0;
  vertical-align: top;
  line-height: 1;
}
.c_media_img-rev{
  float: right;
  margin: 0 0 16px 16px;
}
.c_media_body{}
.c_media_body-noWrap{
  overflow: hidden;
}
@media screen and (max-width:599px){
  .c_resSmCancelMedia &gt; .c_media_img{
    float: none;
    margin: 0 0 16px 0;
  }
}
/*
    project-component
================================*/
.pc_sec{}
.pc_sec-xs{}
.pc_sec-sm{}
.pc_sec-md{}
.pc_sec-lg{}
.pc_sec-xl{}

.pc_sec-xs &gt; .pc_sec_item + .pc_sec_item{margin-top:15px;word-break: break-all;}
.pc_sec-sm &gt; .pc_sec_item + .pc_sec_item{margin-top:15px;word-break: break-all;}
.pc_sec-md &gt; .pc_sec_item + .pc_sec_item{margin-top:15px;word-break: break-all;}
.pc_sec-lg &gt; .pc_sec_item + .pc_sec_item{margin-top:20px;word-break: break-all;}
.pc_sec-xl &gt; .pc_sec_item + .pc_sec_item{margin-top:25px;word-break: break-all;}
.pc_sec-xs &gt; h4.pc_sec_item + .pc_sec_item{margin-top:5px;word-break: break-all;}
.pc_sec-sm &gt; h4.pc_sec_item + .pc_sec_item{margin-top:5px;word-break: break-all;}
.pc_sec-md &gt; h4.pc_sec_item + .pc_sec_item{margin-top:5px;word-break: break-all;}
.pc_sec-lg &gt; h4.pc_sec_item + .pc_sec_item{margin-top:20px;word-break: break-all;}
.pc_sec-xl &gt; h4.pc_sec_item + .pc_sec_item{margin-top:25px;word-break: break-all;}

.pc_row{}
.pc_row-xs{}
.pc_row-sm{}
.pc_row-md{}
.pc_row-lg{}
.pc_row-xl{}
.pc_row-xs &gt; .pc_row_item + .pc_row_item{padding-left:5px;}
.pc_row-sm &gt; .pc_row_item + .pc_row_item{padding-left:10px;}
.pc_row-md &gt; .pc_row_item + .pc_row_item{padding-left:15px;}
.pc_row-lg &gt; .pc_row_item + .pc_row_item{padding-left:20px;}
.pc_row-xl &gt; .pc_row_item + .pc_row_item{padding-left:25px;}


.pc_hasGutterXs{padding:2.5px;}
.pc_hasGutterSm{padding:5px;}
.pc_hasGutterMd{padding:7.5px;}
.pc_hasGutterLg{padding:10px;}
.pc_hasGutterXl{padding:12.5px;}

.pc_noGutterXs{margin:-2.5px;}
.pc_noGutterSm{margin:-5px;}
.pc_noGutterMd{margin:-7.5px;}
.pc_noGutterLg{margin:-10px;}
.pc_noGutterXl{margin:-12.5px;}

/*フォントサイズ*/
.pc_fontXs{font-size:11px;}
.pc_fontSm{font-size:13px;}
.pc_fontMd{font-size:17px;}
.pc_fontLg{font-size:22px;}
.pc_fontXl{font-size:27px;}

/*
    project
================================*/
/*見出し*/
.p_heading{}
.p_heading_ttl{
  line-height: 1.2;
}
.p_heading_date{
  font-size: 12px;
}
.p_heading-xl{display:block;line-height:1.4;}
.p_heading-md{color:inherit;font-weight:bold;}
.p_heading-sm {color:inherit;font-weight:bold;margin:0;}
.p_heading-newComer{display:inline-block;padding-bottom:2px;border-bottom:2px solid #ff5f86;font-weight:bold;}
.p_heading-newComerTrainings{
  margin-bottom: 10px;
  background: #9E2730;
  padding: 8px 16px;
  color: #fff;
}
#cont .p_heading-newComerTrainings .p_heading_ttl{
  margin: 0;
  background: none;
  font-size: 18px;
}
#cont .p_heading-newComerTrainings .p_heading_ttl + .p_heading_sub{
  margin-top: 4px;
}
.p_heading-newComerTrainings .p_heading_sub{
  font-size: 13px;  
}
.p_heading-colorBlack { color: #333; }/* 業界向けのラインナップのh3 */
.p_heading-730w{
  position: relative;
  padding: 8px 0 0 72px;
  border-top: 3px solid #9E2730;
  line-height :1;
  font-weight: bold;
  font-family: '游ゴシック','Yu Goshic','メイリオ','Meiryo',sans-serif;
}
.p_heading-730w::before{
  content: url("../../../resource/img/icons/middle.svg");
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 64px;
}
.p_heading-730w .p_heading_ttl{
  font-size: 30px;
}
.p_heading-730w .p_heading_ttlWrap{
  display: flex;
  justify-content: space-between;
}
.p_heading-730w .p_heading_logo{
  flex: 0 0 76px;
  margin-left: 16px;
  line-height: 0;
}
.p_heading-730w .p_heading_logo a{
  display: block;
  line-height: 0;
}
.p_heading-730w .p_heading_logo a:hover{
  opacity: .7;
}
.p_heading-aim{
  counter-increment: aimIndex;
  font-size: 18px;
  color: #9E2730;
}
.p_heading-aim::before{
  content: counter(aimIndex) ".";
  color: #9E2730;
  padding-right: 5px;
}

@media screen and (max-width:599px){
  .p_heading-730w{
    padding-left: 56px
  }
  .p_heading-730w::before{
    width: 48px;
  }
  .p_heading-730w .p_heading_ttl{
    font-size: 20px;
  }
  .p_heading-730w .p_heading_logo{
    display: none;
  }
}

/* トップ画像 */
.p_date{
  position: relative;
  z-index: -1;
  line-height: 0;
}
.p_date_logo{
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 1;
  display: none;
  width: 72px;
  padding: 4px;
  background: #fff;
}
.p_date_logo a{
  display: block;
  line-height: 0;
}
.p_date--slider{ /* スライダーのオーバーライド */
  margin-bottom: 16px;
  z-index: 1;
}
.p_date--slider .js_commonSlider{
  padding: 0 0 16px;
}
.p_date--slider .js_commonSlider .slick-arrow{
  top: -16px;
  width: 17px;
  height: 17px;
  border: none;
}
.p_date--slider .js_commonSlider .slick-arrow::before{
  width: 12px;
  height: 12px;
  border-color: #777;
  border-width: 4px;
}
.p_date--slider .js_commonSlider .slick-next{
  transform: translateX(100%);
}
.p_date--slider .js_commonSlider .slick-prev{
  transform: translateX(-100%);
}

@media screen and (max-width: 599px){
  .p_date{
    z-index: 1;
  }
  .p_date_logo{
    display: block;
  }
}

/*ボタン*/
.p_btn-sub{display:inline-block;}
.p_btn-sub &gt; .c_btn_target{border-bottom:2px solid #333;color:#333;font-size:16px;font-weight:bold;transition:.3s opacity;}
.p_btn-sub &gt; .c_btn_target::before{content: "\f178";font-family: FontAwesome;display: inline-block;}
.p_btn-sub &gt; .c_btn_target:hover{opacity:.6;}

/*トップ画像*/
.p_topImage{}
.p_topImage-objFit{height:200px;object-fit:cover;font-family:'object-fit:cover;';/* IE・Edge対応 */}
@media screen and (max-width:599px){
  .p_topImage-objFit{height:auto;}
}

/*キャッチコピー*/
.p_catchCopy{display:block;font-size:15px;}
.p_catchCopy-500w{
  padding-bottom:5px;

  border-bottom:1px solid #c23535;
}
.p_catchCopy-730w{
  color: #9e2730;
}
@media screen and (max-width: 599px){
  .p_catchCopy-730w{
    font-size: 12px;
  }
}
/*実績数値*/
.p_numBox{}
.p_numBox-newComer .p_numBox_strong{color:#ff5f86;font-size:32px;font-weight:bold;line-height:1;}
.p_numBox_graphWrap{position:relative;max-width:150px;margin-left:auto;margin-right:auto;}
.p_numBox_graph{width:100%;height:0;padding-top:80%;overflow:hidden;}
.p_numBox_graph-newComer{background:url(/common/img/middle/newcom_graph.svg) no-repeat center center;}
.p_numBox_graphNum{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;}

/*コラム*/
.p_column{border:2px solid #ccc;border-radius:16px;}
.p_column-noRadius{border-radius:0;}
.p_column-newComer{border-color:#ff5f86;}
.p_column-assertiveCom{border-color:#FF9933;}
.p_column-improvement{border-color:#8A54A1;}
.p_column-insColor{border:1px solid #e70e2d;}
/*.is_nav-faq{display:none;}*/


.p_colmun{border:2px solid #ccc;border-radius:16px;}
.p_colmun-noRadius{border-radius:0;}
.p_colmun-newComer{border-color:#ff5f86;}
.p_colmun-assertiveCom{border-color:#FF9933;}
.p_colmun-improvement{border-color:#8A54A1;}
.p_colmun-insColor{border:1px solid #e70e2d;}


/*新人向け*/
.p_newComerForm{
  border: 1px solid #9e1818;
  border-radius: 11px;
  padding: 10px;
  margin-left: calc(1.5rem + 10px)
}
.p_newComerForm__heading{
  text-align: center;
  font-size: 18px;
  color: #9e1818;
  font-weight: 700;
}
.p_newComerForm__desc{
  margin-top: 5px;
  text-align: center;
}
.p_newComerForm__btn{
  text-align: right;
  margin-top: 5px;
}
.p_newComerForm__target{
  color: #9e1818;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  display: inline-block;
}
.p_newComerForm__target:before{
  content: "\f054";
  font-family: fontawesome;
  margin-right: 10px;
  color: #9e1818;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
.p_newComerForm__target:hover {
  opacity: .6;
  text-decoration: none;
}
.p_newComerLineupBox{
  /* display: flex;
  align-items: center;
  justify-content: space-between; */
}
.p_newComerLineupBox_ttl{
  font-size: 12px;
  font-weight: bold;
}
.p_newComerLineupBox_btns{
  display: flex;
  /* justify-content: flex-end;*/
  align-items: stretch;
  margin: 10px -2px 0;
}
.p_newComerLineupBox_btn{
  display: flex;
  padding: 0 2px;
}
.p_newComerLineupBox_btnTarget{
  display: block;
  padding: 2px;
  border: 2px solid;
  font-size: 11px;
  color: inherit;
  word-break: keep-all;
}
.p_newComerLineupBox_btnTarget:hover{
  text-decoration: none;
}
.p_newComerLineupBox_btnTarget-haken{
  border-color: #9E2730;
}
.p_newComerLineupBox_btnTarget-haken:hover{
  background: #9E2730;
  color: #fff;
}
.p_newComerLineupBox_btnTarget-bup{
  border-color: #194A72;
}
.p_newComerLineupBox_btnTarget-bup:hover{
  background: #194A72;
  color: #fff;
}
.p_newComerLineupBox_btnTarget-online{
  letter-spacing: -1px;
  border-color: #5558af;
}
.p_newComerLineupBox_btnTarget-online:hover{
  background: #5558af;
  color: #fff;
}
.p_newComerLineupBox_lsN2{
  letter-spacing: -2px;
}
@media screen and (max-width: 768px){
  .p_newComerLineupBox_ttl{
    font-size: 14px;
  }
  .p_newComerLineupBox_ttl br{
    display: none;
  }
}
@media screen and (max-width: 599px){
  .p_newComerForm{
    margin-left: 0;
  }
  .p_newComerForm__desc{
    text-align: left;
  }
  .p_newComerLineupBox{
    flex-wrap: wrap;
  }
  .p_newComerLineupBox_btns{
    width: 100%;
  }
}

/*DX向け新着情報*/
.p_newsBox{
  padding-bottom: 10px;
  border-bottom: 1px solid;
}
.p_newsBox__more{
  text-align: right;
}
.p_newsBox__more a{
  display: inline-block;
  padding: 4px 24px;
  border: 1px solid;
  line-height: 1;
  color: inherit;
  transition: .4s opacity;
}
.p_newsBox__more a:hover{
  opacity: .7;
}
.p_newsBox__more + .p_newsBox__list{
  margin-top: 12px;
}
.p_newsBox__list{
  max-height: 228px;
  overflow: auto;
}
.p_newsBox__listItem{
  font-weight: bold;
}
.p_newsBox__listItem + .p_newsBox__listItem{
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px dotted #999;
}
.p_newsItem{}
.p_newsItem__date{
  line-height: 1;
  font-size: 12px;
}
.p_newsItem__ttl{
  line-height: 1.3;
  font-size: 12px;
}

/* メインコンテンツの検索問合せボックス */
.contApplyBox{
  display: flex;
  align-items: stretch;
  margin: 10px 0;
}
.contApplyBox__search{
  flex: 1 1 auto;
}
.contApplyBox__btn{
  flex: 0 0 200px;
}
.contApplyBox__search + .contApplyBox__btn{
  margin-left: 20px;
}
#contApplyBox .contApplyBox__search .searchField__field{/*オーバーライド*/
  width: auto;
}
@media screen and (max-width: 768px){
  .contApplyBox{
    display: block;
    align-items: stretch;
  }
  .contApplyBox__search + .contApplyBox__btn{
    margin: 8px 0 0 auto;
  }
  .contApplyBox__btn{
    max-width: 320px;
  }
}
/* ボトム検索 */
#searchField{
  margin-bottom: 20px;
}

/*vue*/
[v-cloak]{display:none;}

/* コンテンツ内お問合せリンク */
.m_contact {
float: none;
/*margin-bottom:0;*/
text-align: right;
}
.m_contact a {
border-bottom:1px solid #333;
color:#333;
font-size:16px;
font-weight: bold;
padding:0;
transition: .3s;
}

.m_contact a &gt; span {
font-weight: bold;
}
.m_contact a::before {
content: "\f178";
font-family: FontAwesome;
display: inline-block;
}

.m_contact a:hover {
text-decoration:none;
opacity:0.6;
}

.m_contact img { display: none; }

/*
    utility
================================*/
/* utility */
.u-bold { font-weight: bold; }
.u-underline { text-decoration: underline; }
.u-color-red { color: #9E2730; }

/* display */
.u_disp-ib { display: inline-block; }

/* color */
.u_c-crimson { color: crimson; }
.u_c-red { color: red; }

/* margin */
.u_ml10 { margin-left: 10px; }
.u_ml20 { margin-left: 20px; }
.u_ml30 { margin-left: 30px; }

/* text align */
.u_ta-l { text-align-last: left !important; }
.u_ta-r { text-align: right !important; }
.u_ta-c { text-align: center !important; }

/* order */
.u_ord0 { order: 0 !important; }
.u_ord1 { order: 1 !important; }
.u_ord2 { order: 2 !important; }
.u_ord3 { order: 3 !important; }
.u_ord4 { order: 4 !important; }
.u_ord5 { order: 5 !important; }
.u_ord6 { order: 6 !important; }
.u_ord7 { order: 7 !important; }
.u_ord8 { order: 8 !important; }
.u_ord9 { order: 9 !important; }
.u_ord9999 { order: 9999 !important; }
.u_ord-1 { order: -1 !important; }

/*
    2018/04/20 暫定対応
================================*/
.c_sectionBox {}
.c_sectionBox + .c_sectionBox { margin-top: 20px; }

.flexContainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.flexContainerItem { width: 48%; }

.p_colmun-blue { border-color: #1485ed; }
.p_colmun-red { border-color: crimson; }
.p_colmun-baseRed { border-color: #9E2730; }

.fillBox { background-color: #d9eef5; }

.normalTxt {}
.normalTxt + .normalTxt { margin-top: 20px; }

.c_sectionBox .normalLink { color: #052674; text-decoration: none; }
.c_sectionBox .normalLink:hover { text-decoration: underline; }

/* header tag */
.h_normal {
  color:  #333;
  font-size: 17px;
  font-weight: 700;
}

.h_normal_s {
font-size: 15px;
margin: 0 0 10px !important;
}

/* table */
.programTbl {
  border-collapse: collapse;
  border-color: #333;
  border-style: solid;
  border-width: 1px 0 0 1px;
  table-layout: fixed;
  width: 100%;
}

.programTbl th,
.programTbl td {
  border-color: #333;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 5px;
  vertical-align: top;
}

.t_fill { background-color: #fffbd5; }
.t_fill2 { background-color: #fbe3cb; }
.t_recurrenter { background-color: #d5ebff; }
.t_recurrenty { background-color: #ffd5d5; }

.programTbl td { font-size: 12px; }

.programTbl td &gt; p + p { margin-top: 10px; }

/* テキスト販売お申込みボタン */
.appBtn {
  background-color: crimson;
  border-radius: 3px;
  box-shadow: 0px 3px 7px #999;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 5px 10px;
  text-align: center;
  transition: .3s;
  width: auto;
}

.appBtn:hover {
  box-shadow: none;
  opacity: 0.8;
}

.feedBackList {}

.feedBackList_item {
  padding-left: 40px;
  position: relative;
}

.feedBackList_item::before {
  background-color: #ea711a;
  content: url(../../resource/img/icons/voice.svg);
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  position: absolute;
  top: -3px;
  left: 0;
}

/* マナー添削ページ用ボタン */
.mannerTensakuBtn {
  background-color: #bc3939;
  border-radius: 6px;
  color:  #fff;
  display: inline-block;
  padding:  5px 15px;
}

.mannerTensakuBtn:hover {
  opacity: .6;
}


/*
    質問セレクション
================================*/
/* 2018/04/26 Q&amp;A */
/*#vue-qaWrap{display:none;}*/

#cont #vue-qaWrap{
  margin-bottom: 10px;
}

#cont #vue-qaWrap h2 {
  margin-bottom:10px;
  line-height:1.2;
  padding-bottom:4px;
}

#cont #vue-qaWrap h2 &gt; span {
  display: block;
  font-size: 14px;
  padding:0;
}

#cont #vue-qaWrap &gt; .pc_sec{
  padding-left: 1.5rem;
}
#cont #vue-qaWrap ~ section{
  padding-left: 1.5rem;
  margin-bottom: 10px;
}
#cont #vue-qaWrap .pc_sec-sm &gt; .pc_sec_item + .pc_sec_item{
  margin-top: 8px;
}
#cont #vue-qaWrap .pc_sec-xs &gt; h4.pc_sec_item + .pc_sec_item{
  margin-top: 10px;
}

.p_faq &gt; section{
  margin-bottom:15px;
}

.p_faq &gt; section:first-of-type{
  margin-top:20px;
}

.p_faqTtl_sub{
  display:block;
  font-weight:bold;
}

.p_faq_lead{
  margin-bottom:0;
  line-height:1.2;
}

.p_faq_lead + p{
  text-align:right;
}

.p_faq_link{
  text-align:left;
}

.mid_question {
  color: inherit;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  padding-left: 2em;
  position: relative;
  counter-increment: qaIndex;
}
/* 直書き全力QA対応 */
section &gt; section &gt; .mid_question{
  cursor: default;
}

.mid_question::before {
  color: #9E2730;
  content: "Q" counter(qaIndex);
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
  position: absolute;
  top: 0;
  left: 0;
}

.mid_answer {
  font-weight: 500;
  line-height: 1.3;
  padding-left: 2em;
  position: relative;
}
.mid_answer--folding{
  white-space:pre-wrap;
  margin-bottom: 16px;
}

.mid_answer::before {
  color: #333;
  content: "A.";
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  position: absolute;
  top: 0;
  left: 0;
}

.mid_answer.continued + .mid_answer.continued { margin-top: 10px; }

.mid_answer.continued:before { content:""; }

.answer-enter-active,.answer-leave-active{transition:.5s height,.5s opacity;}
.answer-enter{opacity:0;}
.answer-leave-to{height:0;opacity:0;}

/*
    ご提供のコンテンツ
================================*/
.p_lineupBox {}
.p_lineupBox_ttl {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 5px;
  position: relative;
  padding-left: 1.5rem;
}
.p_lineupBox_ttl::before {
  content: url("/resource/img/middle/icon_koushi-check.svg");
  font-family: "font awesome 5 free";
  position: absolute;
  left: 0;
  color: #9E2730;
}
.p_lineupBoxList {
  margin: 0 0 20px;
}
.p_heading + .p_lineupBoxList{
  margin: 0 0 10px;
}
.p_lineupBoxList_item {
  margin-top: 4px;
}
.p_heading + .p_lineupBoxList .p_lineupBoxList_item{
  margin-top: 4px;
}
.p_lineupBoxList_item a{
  display: inline-block;
  color: #002D8E;
  position: relative;
  padding-left: 67px;
}
.p_lineupBoxList_item-hasCatch a{
  padding-left: 0px;
}
.p_lineupBoxList_item-hasCatch .p_lineupBoxList_catch{
  margin-bottom: -3px;
  padding-left: 67px;
  color: #333;
  font-size: 11px;
  line-height:1.4;
}
.p_lineupBoxList_item-hasCatch .p_lineupBoxList_catch::before{
  content:"&lt;";
}
.p_lineupBoxList_item-hasCatch .p_lineupBoxList_catch::after{
  content:"&gt;";
}
.p_lineupBoxList_item-hasCatch .p_lineupBoxList_ttl{
  position: relative;
  padding-left: 67px;
}
.p_lineupBoxList_item-hasCatch .p_lineupBoxList_ttl::before{
  content: "\6D3E\9063";
  display: inline-block;
  min-width: 60px;
  margin-right: 0;
  padding: 3px 0;
  border: 2px solid;
  border-radius: 2px;
  line-height: 1;
  color: #842e30;
  background: #fff;
  font-size: 13px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 0;
}
/* ボトムへのリンク */
.p_lineupBoxList + .p_lineupBoxList{
  margin: 16px 0 0;
}
.p_lineupBoxList_imgItem{}
.p_lineupBoxList_imgItem + .p_lineupBoxList_imgItem{
  margin-top: 16px;
}
.p_lineupBoxList_imgItem + .p_lineupBoxList_item{
  margin-top: 16px;
}
/* 画像付きボトムのリンク */
.p_linkHasImg{
  display: flex;
  align-items: flex-start;
  color: inherit;
}
.p_linkHasImg:hover{
  opacity: .7;
}
.p_linkHasImg_img{
  flex: 0 0 136px;
  position: relative;
  padding-top: calc(136px * 90 / 136);
  overflow: hidden;
}
.p_linkHasImg_img img{
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
  transform: translateX(-50%);
}
.p_linkHasImg_img + .p_linkHasImg_body{
  padding-left: 12px;
}
.p_linkHasImg_body{
  flex: 1 1 auto;
}
.p_linkHasImg_heading{
  margin-bottom: 4px;
}
.p_linkHasImg_catch{
  padding-left: 67px;
  font-size: 11px;
  line-height: 1.4;
}
.p_linkHasImg_catch + .p_linkHasImg_ttl{
  margin-top: 2px;
}
.p_linkHasImg_ttl{
  position: relative;
  padding-left: 67px;
  color: #002D8E;
  font-weight: bold;
  font-size: 16px;
}
.p_linkHasImg_msg{
  font-size: 15px;
}
.p_linkHasImg .p_linkHasImg_ttl::before,
.p_lineupBoxList_item a::before{
  content: "\6D3E\9063"; /* 派遣 */
  display: inline-block;
  min-width: 60px;
  margin-right: 0;
  padding: 3px 0px;
  border: 2px solid;
  border-radius: 2px;
  line-height: 1;
  color: #842E30;
  background: #fff;
  font-size: 13px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 0;
}
.p_lineupBoxList_item-hasCatch a::before {
    content: none!important
}
@media screen and (max-width: 768px) {
    .p_linkHasImg_img {
        flex:0 0 auto;
        width: 40%;
        padding-top: calc(40% * 135/337)
    }

    .p_linkHasImg_body {
        width: 60%
    }

    .p_linkHasImg_ttl {
        padding-left: 0
    }

    .p_linkHasImg .p_linkHasImg_ttl::before {
        position: static;
        display: block;
        max-width: 60px
    }
}

@media screen and (max-width: 599px) {
    .p_linkHasImg_img {
        flex:0 0 132px;
        width: auto;
        padding-top: calc(132px * 135/337)
    }

    .p_linkHasImg_ttl {
        font-size: 14px
    }

    .p_linkHasImg_msg {
        display: none
    }
}



.p_linkHasImg[href*="/dougahyakkaten/"] .p_linkHasImg_ttl::before,
.p_lineupBoxList_item a[href*="/dougahyakkaten/"]::before,
.p_lineupBoxList_item-hasCatch a[href*="/dougahyakkaten/"] .p_lineupBoxList_ttl::before,
.p_lineupBoxList_item a[href*="/kiyo/"]::before,
.p_lineupBoxList_item a[href*="/movie/"]::before,
.p_lineupBoxList_item a[href^="/hia_e/"]::before,
.p_lineupBoxList_item a[href^="/kkg/KKe"]::before,
.p_lineupBoxList_item a[href^="/kkg/KKm"]::before,
.p_lineupBoxList_item a[href^="/nco/"]::before,
.p_lineupBoxList_item a[href^="/ina/"]::before,
.p_lineupBoxList_item a[href*="/store.mitemo.co.jp/"]::before{
  content:"\52d5\753b\95a2\9023";
  color: #CC2D5E;
  background: #fff;
}/*eラン → 動画関連*/
.p_lineupBoxList_item a[href*="/video-slide-sale/"]::before,
.p_lineupBoxList_item a[href*="/book_dvd/"]::before,
.p_lineupBoxList_item a[href*="/nbpm/dvd"]::before,
.p_lineupBoxList_item a[href*="/dougahyakkaten/dvd"]::before,
.p_lineupBoxList_item a[href$="/contents/ins_compliance.html"]::before{
  content:"\52d5\753b\95a2\9023";
  color: #CC2D5E;
  background: #fff;
}/*DVD教材 → 動画関連*/
.p_lineupBoxList_item a[href*="/video-slide-production/"]::before,
.p_lineupBoxList_item a[href$="/set/video-production.html"]::before,
.p_lineupBoxList_item a[href$="/dougahyakkaten/kodawari_customize.html"]::before,
.p_lineupBoxList_item a[href$="/dougahyakkaten/manual_video.html"]::before,
.p_lineupBoxList_item a[href$="/dougahyakkaten/video-production.html"]::before,
.p_lineupBoxList_item a[href*="https://www.mitemo.co.jp/service/communication-design/"]::before{
  content:"\52d5\753b\95a2\9023";
  color: #CC2D5E;
  background: #fff;
}/*映像制作 → 動画関連*/

.p_lineupBoxList_item a[href*="www.mitemo.co.jp"]::before,
.p_lineupBoxList_item a[href$="/wakate/shigoto-kojo.html"]::before,
.p_lineupBoxList_item a[href$="/wakate/rego-carrervision.html"]::before,
.p_lineupBoxList_item a[href$="/wakate/2nen-stepup.html"]::before,
.p_lineupBoxList_item a[href$="/set/skill-evaluation/workshop-skillmap.html"]::before,
.p_lineupBoxList_item a[href*="/cleativeln/"]::before,
.p_lineupBoxList_item a[href$="/kenshu/feedback-newcomer.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/torisetsu-work.html"]::before,
.p_lineupBoxList_item a[href$="/shinjin/torisetsu-woldcafe.html"]::before,
.p_lineupBoxList_item a[href*="/comu_design/"]::before,
.p_lineupBoxList_item a[href$="/shinjin/sh_syusyokuseminar.html"]::before,
.p_lineupBoxList_item a[href$="/bup/over_the_wall_workshop.html"]::before{
  content: "\6D3E\9063"; /* 派遣 */
  color: #842E30;
  background: #fff;
}/*ﾜｰｸｼｮｯﾌﾟ→派遣*/
.p_lineupBoxList_item a[href*="/kyoiku/faq/"]::before{
  content: "\6D3E\9063"; /* 派遣 */
  color: #842E30;
  background: #fff;
}/*Another→派遣*/
.p_linkHasImg[href*="/online/"] .p_linkHasImg_ttl::before,
.p_lineupBoxList_item a[href*="/online/"]::before{
  content: "\6D3E\9063"; /* 派遣 */
  color: #842E30;
  background: #fff;
}/*online→派遣*/

.p_linkHasImg[href*="/bup/"] .p_linkHasImg_ttl::before,
.p_lineupBoxList_item-hasCatch a[href*="/bup/"] .p_lineupBoxList_ttl::before,
.p_lineupBoxList_item a[href*="/bup/"]::before,
.p_lineupBoxList_item a[href*="/new_bup/"]::before,
.p_lineupBoxList_item a[href*="/nmp/"]::before,
.p_lineupBoxList_item a[href*="/hia/"]::before,
.p_lineupBoxList_item a[href*="/nbs/"]::before,
.p_lineupBoxList_item a[href*="/kkk/"]::before,
.p_lineupBoxList_item a[href*="/psp/"]::before,
.p_lineupBoxList_item a[href*="/biz-lesson/"]::before,
.p_lineupBoxList_item a[href*="/gtc/"]::before,
.p_lineupBoxList_item a[href*="/toac/"]::before,
.p_lineupBoxList_item a[href*="/crl/"]::before,
.p_lineupBoxList_item a[href*="/ctc/"]::before,
.p_lineupBoxList_item a[href*="/ogs/"]::before,
.p_lineupBoxList_item a[href*="/kkg/"]::before,
.p_lineupBoxList_item a[href*="/efl/"]::before,
.p_lineupBoxList_item a[href*="/imp/"]::before,
.p_lineupBoxList_item a[href*="/neu/"]::before,
.p_lineupBoxList_item a[href*="/tnc/"]::before,
.p_lineupBoxList_item a[href*="/iln/"]::before{
  content: "\516C\958B";
  color: #0C3F71;
  background: #fff;
}/*公開*/

.p_lineupBoxList_item a[href*="/it-tool/"]::before,
.p_lineupBoxList_item-hasCatch a[href*="/it-tool/"] .p_lineupBoxList_ttl::before{
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D";
  color: #008D79;
  background: #fff;
}/* ITｻｰﾋﾞｽ */
.p_lineupBoxList_item a[href*="/seminar/"]::before,
.p_lineupBoxList_item-hasCatch a[href*="/seminar/"] .p_lineupBoxList_ttl::before{
  content: "\7121\6599\FF7E\FF90\FF85\FF70";
  color: #333;
  background: #fff;
}/* 無料ｾﾐﾅｰ */

.p_lineupBoxList_item a[href*="/consulting/"]::before,
.p_lineupBoxList_item-hasCatch a[href*="/consulting/"] .p_lineupBoxList_ttl::before,
.p_lineupBoxList_item a[href*="https://www.mitemo.co.jp/service/way_management/"]::before,
.p_lineupBoxList_item a[href$="/penetration-of-philosophy/index.html"]::before,
.p_lineupBoxList_item a[href$="/set/rpa-service.html"]::before,
.p_lineupBoxList_item a[href$="/set/education_plannning_revise.html"]::before,
.p_lineupBoxList_item a[href$="/regional-revitalization/index.html"]::before,
.p_lineupBoxList_item a[href$="/set/mokuhyokanri/escort-type.html"]::before,
.p_lineupBoxList_item a[href$="/recruitment-support-service/recruitment_personnel_interview.html"]::before,
.p_lineupBoxList_item a[href$="/health-management/index.html"]::before,
.p_lineupBoxList_item a[href$="/set/consulting-mid-personnel-system-design-support-service/ojt.html"]::before,
.p_lineupBoxList_item a[href$="/set/education-online-support-service.html"]::before,
.p_lineupBoxList_item a[href$="/online-support/index.html"]::before,
.p_lineupBoxList_item a[href$="/wakate-solution/index.html"]::before,
.p_lineupBoxList_item a[href$="/set/activation-support.html"]::before,
.p_lineupBoxList_item a[href$="/set/window_cs_light.html"]::before,
.p_lineupBoxList_item a[href$="/set/call-check-pg.html"]::before,
.p_lineupBoxList_item a[href$="/division-sales/strengthen-sales-force.html"]::before,
.p_lineupBoxList_item a[href$="/set/kanrisyoku/hyokasyakokasya/competency.html"]::before,
.p_lineupBoxList_item a[href$="/set/remotework-telework.html"]::before,
.p_lineupBoxList_item a[href*="/contents-marketing/"]::before,
.p_lineupBoxList_item a[href$="/kenshu/internship_support.html"]::before,
.p_lineupBoxList_item a[href$="/valuenex/index.html"]::before,
.p_lineupBoxList_item a[href^="https://www.insource-c.co.jp/services/"]::before{
  content: "\30B3\30F3\30B5\30EB";
  color: #7A614F;
  background: #fff;
}/* コンサル */
.p_lineupBoxList_item a[href*="/consulting/assessment"]::before,
.p_lineupBoxList_item a[href$="/hierarchy-newcomer/8-skill.html"]::before,
.p_lineupBoxList_item a[href$="/kyoiku/remind.html"]::before,
.p_lineupBoxList_item a[href$="/giraffe/video-top.html"]::before,
.p_lineupBoxList_item a[href$="/giraffe/download-top.html"]::before,
.p_lineupBoxList_item a[href$="/set/giraffe-assessment.html"]::before,
.p_lineupBoxList_item a[href$="/set/sales/assessment.html"]::before{
  content: "\30B3\30F3\30B5\30EB";
  color: #7A614F;
  background: #fff;
}/* ｱｾｽﾒﾝﾄ→コンサル */
.p_lineupBoxList_item a[href*="/package/"]::before,
.p_lineupBoxList_item-hasCatch a[href*="/package/"] .p_lineupBoxList_ttl::before{
  content: "\30B3\30F3\30B5\30EB";
  color: #7A614F;
  background: #fff;
}/*プラン→コンサル*/
.p_lineupBoxList_item a[href*="/web/"]::before,
.p_lineupBoxList_item a[href*="/recruitment-support-service/"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";
  color: #E6002D;
  background: #fff;
}/* WEB制作 → 他サービス */
.p_lineupBoxList_item a[href*="/ucn/"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/online-ojt.html"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/online-mentor.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-logical-thinking.html"]::before,
.p_lineupBoxList_item a[href$="/bunsho/online-business-writing.html"]::before,
.p_lineupBoxList_item a[href$="/bunsho/online-keigo.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-kikaku-up.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-company-figures.html"]::before,
.p_lineupBoxList_item a[href$="/claim/online-claim.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-kiso-logical-thinking.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-assertive-communication.html"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/online-business-proposal.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-it-youken.html"]::before,
.p_lineupBoxList_item a[href$="/kenshu/online-labor-management.html"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/online-risk-management.html"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/online-1on1-skillup.html"]::before,
.p_lineupBoxList_item a[href$="/bunsho/online-keigo-halfday.html"]::before,
.p_lineupBoxList_item a[href$="/shinjin/business-basic-online.html"]::before,
.p_lineupBoxList_item a[href$="/set/businessmanar_tsushintensaku/base.html"]::before,
.p_lineupBoxList_item a[href$="/set/businessmanar_tsushintensaku/application.html"]::before,
.p_lineupBoxList_item a[href$="/bunsho/tsushintensaku.html"]::before,
.p_lineupBoxList_item a[href$="/bunsho/bu_tsushintensaku.html"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/online-harassment.html"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";
  color: #E6002D;
  background: #fff;
}/*通信教育 → 他サービス*/
.p_lineupBoxList_item a[href$="/shinjin/bunsyo-text_sales.html"]::before,
.p_lineupBoxList_item a[href$="/shinjin/text_sales.html"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";
  color: #E6002D;
  background: #fff;　
}/*研修ﾃｷｽﾄ → 他サービス*/
.p_lineupBoxList_item a[href*="/new-service-lineup/"]::before,
.p_lineupBoxList_item a[href$="/kanrisyoku/follow-up-senior-manager.html"]::before,
.p_lineupBoxList_item a[href$="/bup/bup-online-follow-setup.html"]::before,
.p_lineupBoxList_item a[href$="/active-learning/sports-day.html"]::before,
.p_lineupBoxList_item a[href$="/tap-tamagawa.html"]::before,
.p_lineupBoxList_item a[href$="/grasys-detail/index.html"]::before,
.p_lineupBoxList_item a[href$="/insource_yorumori.html"]::before,
.p_lineupBoxList_item a[href$="/set/off-time-biz.html"]::before,
.p_lineupBoxList_item a[href$="/tap-tamagawa.html"]::before,
.p_lineupBoxList_item a[href*="/active-learning/sports-day"]::before,
.p_lineupBoxList_item a[href$="/tamagawa_adventure_program.html"]::before,
.p_lineupBoxList_item a[href$="/tamagawa_adventure_program_manager.html"]::before,
.p_lineupBoxList_item a[href$="/iec-cals.html"]::before,
.p_lineupBoxList_item a[href*="https://www.rashiku.jp/"]::before,
.p_lineupBoxList_item a[href*="/bup/bup-follow"]::before,
.p_lineupBoxList_item a[href*="/bup/bup-online-follow"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup.html"]::before,
.p_lineupBoxList_item a[href*="/polyglots/"]::before,
.p_lineupBoxList_item a[href*="/meeting-booth/"]::before,
.p_lineupBoxList_item a[href$="/infini-talk/index.html"]::before,
.p_lineupBoxList_item a[href$="/insource_syakaijin.html"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";
  color: #E6002D;
  background: #fff;　
}/*Another → その他サービス*/
.p_lineupBoxList_item a[href$="/new-service-lineup/remonade.html"]::before,
.p_lineupBoxList_item a[href$="/biz-ex/index.html"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup/sunryse.html"]::before,
.p_lineupBoxList_item a[href$="/plants/remote-plants.html"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup/ieyasu-top.html"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup/hr-prime.html"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup/e-typing-sp.html"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup/markerise.html"]::before,
.p_lineupBoxList_item a[href$="/new-service-lineup/bizma.html"]::before,
.p_lineupBoxList_item a[href*="/biz-ex/"]::before,
.p_lineupBoxList_item a[href$="/flier/index.html"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";
  color: #E6002D;
  background: #fff;　
}/*ｼｽﾃﾑﾂｰﾙ → その他サービス*/
.p_lineupBoxList_item a[href*="/contents/"]::before,
.p_lineupBoxList_item a[href*="/content/"]::before,
.p_lineupBoxList_item a[href*="/kataru/"]::before,
.p_lineupBoxList_item a[href*="/keywords/"]::before,
.p_lineupBoxList_item a[href*="/hatara-column/"]::before,
.p_lineupBoxList_item a[href*="/3minute-kensyugaku/"]::before,
.p_lineupBoxList_item a[href*="/ginko-no-"]::before,
.p_lineupBoxList_item a[href*="/month-inquiry/"]::before,
.p_lineupBoxList_item a[href*="/ranking/"]::before,
.p_lineupBoxList_item a[href*="/training-memoirs/"]::before,
.p_lineupBoxList_item a[href*="/interview-relay/"]::before,
.p_lineupBoxList_item a[href*="/mailmagazine/"]::before,
.p_lineupBoxList_item a[href*="/businessbunsho/"]::before,
.p_lineupBoxList_item a[href*="/edusolution/"]::before,
.p_lineupBoxList_item a[href*="/gam-batte/"]::before,
.p_lineupBoxList_item a[href*="/energy/"]::before,
.p_lineupBoxList_item a[href*="/ins-archives/"]::before,
.p_lineupBoxList_item a[href$="/set/newcomer/personnel-assessment.html"]::before,
.p_lineupBoxList_item a[href$="/set/kenshu/approval-desire.html"]::before,
.p_lineupBoxList_item a[href$="/skill-thinking-nature/kadaikaiketu-thinking-power.html"]::before,
.p_lineupBoxList_item a[href*="https://note.com/"]::before,
.p_lineupBoxList_item a[href$="/bup/about_lateral.html"]::before,
.p_lineupBoxList_item a[href$="/set/diversity-5task.html"]::before,
.p_lineupBoxList_item a[href$="/textbook/text_bunsho_middle.html"]::before,
.p_lineupBoxList_item a[href*="/new-forum/achievement/"]::before,
.p_lineupBoxList_item a[href*="/bup/case-by-case/"]::before,
.p_lineupBoxList_item a[href*="/new-text-communication/"]::before,
.p_lineupBoxList_item a[href$="/set/newcomer/diver-sity.html"]::before,
.p_lineupBoxList_item a[href*="/textbook/"]::before,
.p_lineupBoxList_item a[href*="/cost-reduction/"]::before,
.p_lineupBoxList_item a[href*="https://claim.gam-batte.com/"]::before,
.p_lineupBoxList_item a[href*="/bup/monthly-letter/"]::before,
.p_lineupBoxList_item a[href$="/oa-series.html"]::before,
.p_lineupBoxList_item a[href$="/recruit/contetns.html"]::before,
.p_lineupBoxList_item a[href*="https://mgr.gam-batte.com/"]::before,
.p_lineupBoxList_item a[href*="/president_school/"]::before{
  content: "\8AAD\307F\7269";
  color: #0C3F71;
  background: #fff;
}/*読み物*/

.p_lineupBoxList_item a[href*="/support-case/"]::before,
.p_lineupBoxList_item a[href*="/case/tradeId"]::before,
.p_lineupBoxList_item a[href*="/case/themeId"]::before,
.p_lineupBoxList_item a[href*="/giraffe/case"]::before,
.p_lineupBoxList_item a[href*="/consulting/dx-case"]::before,
.p_lineupBoxList_item a[service_type="jirei"]::before{
  content: "\8AAD\307F\7269";
  color: #0C3F71;
  background: #fff;
}/*事例 → 読み物*/
.p_lineupBoxList_item a[href^="https://www.mitemo.co.jp/service/remote_hyoukasha/"]::before,
.p_lineupBoxList_item a[href^="https://www.mitemo.co.jp/service/remote_mokuhyokanri/"]::before,
.p_lineupBoxList_item a[href^="https://www.mitemo.co.jp/service/remote_coaching/"]::before,
.p_lineupBoxList_item a[href^="https://www.mitemo.co.jp/service/remote_kanrisyoku/"]::before,
.p_lineupBoxList_item a[href^="https://www.mitemo.co.jp/service/remote_leadership/"]::before,
.p_lineupBoxList_item a[href^="https://www.mitemo.co.jp/service/harassment-half/"]::before{
  content: "\6D3E\9063" !important; /* 派遣 */
  color: #842E30 !important;
  background: #fff !important;
}/*派遣important*/

/* --------
属性でタグ
-------- */
[service_type="douga"]::before{
  content:"\52d5\753b\95a2\9023" !important;
  color: #CC2D5E !important;
  background: #fff !important;
}/*動画関連*/
[service_type="middle"]::before{
  content: "\307e\3068\3081" !important;/* まとめ */
  color: #842E30 !important;
  background: #fff !important;
}/* まとめ */
[service_type="haken"]::before{
  content: "\6D3E\9063" !important; /* 派遣 */
  color: #842E30 !important;
  background: #fff !important;
}/*派遣*/
[service_type="bup"]::before{
  content: "\516C\958B" !important;
  color: #0C3F71 !important;
  background: #fff !important;
}/*公開*/
[service_type="other"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d" !important;
  color: #E6002D !important;
  background: #fff !important;
}/*その他サービス*/
[service_type="it"]::before{
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D" !important;
  color: #008D79 !important;
  background: #fff !important;
}/* ITｻｰﾋﾞｽ */
[service_type="free"]::before{
  content: "\7121\6599\FF7E\FF90\FF85\FF70" !important;
  color: #333 !important;
  background: #fff !important;
}/* 無料ｾﾐﾅｰ */
[service_type="cont"]::before{
  content: "\8AAD\307F\7269" !important;
  color: #0C3F71 !important;
  background: #fff !important;
}/*読み物*/
[service_type="consul"]::before{
  content: "\30B3\30F3\30B5\30EB" !important;
  color: #7A614F !important;
  background: #fff !important;
}/*コンサル*/
[service_type="certification"]::before{
  content: "\901a\4fe1\6559\80b2" !important;
  color: #E35951 !important;
  background: #fff !important;
}/*通信教育*/
[service_type="douga"]::before{
  content:"\52d5\753b\95a2\9023" !important;
  color: #CC2D5E !important;
  background: #fff !important;
}/*動画関連*/
[service_type="middle"]::before{
  content: "\307e\3068\3081" !important;/* まとめ */
  color: #842E30 !important;
  background: #fff !important;
}/* まとめ */
[service_type="haken"]::before{
  content: "\6D3E\9063" !important; /* 派遣 */
  color: #842E30 !important;
  background: #fff !important;
}/*派遣*/
[service_type="bup"]::before{
  content: "\516C\958B" !important;
  color: #0C3F71 !important;
  background: #fff !important;
}/*公開*/
[service_type="other"]::before{
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d" !important;
  color: #E6002D !important;
  background: #fff !important;
}/*その他サービス*/
[service_type="it"]::before{
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D" !important;
  color: #008D79 !important;
  background: #fff !important;
}/* ITｻｰﾋﾞｽ */
[service_type="free"]::before{
  content: "\7121\6599\FF7E\FF90\FF85\FF70" !important;
  color: #333 !important;
  background: #fff !important;
}/* 無料ｾﾐﾅｰ */
[service_type="cont"]::before{
  content: "\8AAD\307F\7269" !important;
  color: #0C3F71 !important;
  background: #fff !important;
}/*読み物*/
[service_type="consul"]::before{
  content: "\30B3\30F3\30B5\30EB" !important;
  color: #7A614F !important;
  background: #fff !important;
}/*コンサル*/

/*
    受講者の声
================================*/
.p_commentBox {}
.p_commentList { margin: 20px 0; }
.p_commentList_item {
  font-size: 14px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
}
.p_commentList_item::before {
  content: "";
  background-image: url("../../img/middle/middle_comment-voice.png");
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
}
.p_commentList_item + .p_commentList_item { margin-top: 15px; }

.p_commentBox_txt a{
  border-bottom:1px solid #333;
  color:#333;
  font-size:16px;
  font-weight: bold;
  padding:0;
  transition: .3s;
}
.p_commentBox_txt a::before {
  content: "\f178";
  font-family: FontAwesome;
  display: inline-block;
}
.p_commentBox_txt a:hover{
  text-decoration: none;
  opacity: .6;
}

/* ※ミドル内のアンケートが出力された場合 */
#js_commentBox ul  { margin: 18px 0 10px 0px; }
/*#goal .clearfix{margin-top: -10px;}*/
.clearfix + #impression #js_commentBox ul {
  margin: 10px 0;
}
#js_commentBox li {
  font-size: 15px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
}
#js_commentBox li::before {
  content: "";
  background-image: url("../../img/middle/icon_koushi-voice.svg");
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  position: absolute;
  top: 3px;
  left: 0;
  width: 21px;
}
#js_commentBox li + li { margin-top: 13px; }

/*
    AIによるおすすめの研修
================================*/
.p_recommend{}
.p_recommend__ttl{position:relative;}
.p_recommend__img{text-align: right;}
.p_recommend__list{font-size: 14px;}
.p_recommend__item{position:relative; padding-left: 3em; counter-increment:ranking;}
.p_recommend__item::before{content:counter(ranking)'位'; position: absolute; top: -3px; left: 0; display: block; color:#9E2730;font-size:19px;font-weight:bold;}
.p_recommend__item + .p_recommend__item{margin-top: 8px;}
/*.p_recommend__item:nth-of-type(1)::before{color:#DDAF29;}
.p_recommend__item:nth-of-type(2)::before{color:#A5A5A5;}
.p_recommend__item:nth-of-type(3)::before{color:#BD7023;}*/

@media screen and (max-width:768px){
  #cont .simple h2 .p_recommend__ico{display:none;}
}

/*
    研修ランキング（業界別のみ）
================================*/
/*ランキング*/
#cont #iranking .ibox {margin-bottom:8px;border-top:#999 solid 1px;}
#cont #iranking .ibox i {display:none;border-bottom:1px solid #999;color:#666666;font-size:10px;font-style:normal;text-align:right;}
#cont #iranking .ibox dt,#cont #iranking .ibox dd {margin-top:2px;padding:5px 0px 5px 5px;_padding:5px 0px 0px 5px;}
#cont #iranking .ibox dt {clear:left;float:left;}
#cont #iranking .ibox dt b {font-weight:normal;}
#cont #iranking .ibox dd {margin-left:130px;border-left:1px solid #999;}
#cont #iranking .ibox dd span { font-size:10px;}
#cont #iranking .ibox dd img {vertical-align:middle;}
#cont #iranking .ibox dd img.no1 {margin:0px 2px 0px 2px;}
#cont #iranking .ibox dd img.no2 {margin:0px 2px 0px 2px;}
#cont #iranking .ibox dd ul {margin:0px 0px 0px 15px;}
#cont #iranking .ibox dd li {margin:0px 0px 1em 0px;}
#cont #iranking .ibox dd li{background-image: url(/common/img/icon_voice_g.png);background-repeat: no-repeat;background-position: left 1px;color: #333;list-style-type: none;padding-left: 30px;margin-bottom: 15px;font-size: 13px;line-height: 120%;}
@media(max-width:768px){
#cont #iranking .ibox dd img{height: 10px !important;}
}

#cont #iranking ul li{
list-style-type: none;
margin-bottom: 10px;
font-size: 15px;
}

#cont #iranking ul p{
text-indent: -29px;
padding-left: 29px;
font-size: inherit;
margin-bottom:0;
}

#cont #iranking ul li img{
vertical-align: -8px;
margin-right: 10px;
}

#cont #iranking ul li a{
display: inline;
text-decoration: underline;
/*color: #333;*/
}

/*
    お問合せフォーム(あとでcommon_responsive.cssに移す)  
================================*/
.p_commonContactBox {
  border: 3px solid #9E2730;
  border-radius: 10px;
}

.p_commonContactBox_ttl {
  background-color: #9E2730;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
  padding: 8px;
  text-align: center;
  text-indent: -2px;
}


.p_commonContactBox_txt {
  font-size: 15px;
  font-weight: 700;
  margin: 10px;
  text-align: center;
}

.p_commonContactBox_flex {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 20px 10px;
}

.p_commonContactBox_flex_inner {
  align-items: center;
  display: flex;
  flex: 0 0 48%;
  justify-content: center;
  text-align: center;
}

.p_commonContactBox_tel {
  color: #9E2730;
  font-family: Arial, Helvetica, "sans-serif" !important;
  font-size: 25px;
  font-weight: 700;
}

.p_commonContactBox_mail {}

.p_commonContactBox_mail &gt; a {
  background-color: #9E2730;
  color: #fff;
  display: block;
  height: 100%;
  position: relative;
  transition: .3s;
  width: 100%;
}

.p_commonContactBox_mail &gt; a:hover { opacity: .6; }

.p_commonContactBox_mail &gt; a &gt; span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.p_commonContactBox_note {
  font-size: 13px;
  margin: 10px;
}

@media screen and (max-width:420px){
.p_commonContactBox_flex { flex-flow: column; }
}/* media */


/*
    人気研修TOP5
================================*/
#cont .simple h2#ranking-5 { line-height: 1.5;padding-top: 5px; }

#cont .simple h2#ranking-5 &gt; span {
  display: block;
  font-size: .7em;
  padding: 0;
}

.p_rankingList {}

.p_rankingList_item {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.p_rankingList_item +.p_rankingList_item  {margin-top: 15px;}


.p_rankingList_item::before {
  width: 55px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}


.p_rankingList_item:first-of-type::before {
  content: url("/resource/img/middle/mid_crown_1.gif");
}

.p_rankingList_item:nth-of-type(2)::before {
  content: url("/resource/img/middle/mid_crown_2.gif");
}

.p_rankingList_item:nth-of-type(3)::before {
  content: url("/resource/img/middle/mid_crown_3.gif");
}

.p_rankingList_item:nth-of-type(4)::before {
  content: "４位";
  font-size: 19px;
  font-weight: bold;
}

.p_rankingList_item:nth-of-type(5)::before {
  content: "５位";
  font-size: 19px;
  font-weight: bold;
}

.p_rankingBox {/* margin-left: 10px; */}


/* 対象者タグ */
.p_rankingTarget {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p_rankingTarget_tag {
  background-color: #ccc;
  border-radius: 25px;
  color: #fff;
  display: block;
  font-size: 11px;
  line-height: 1;
  margin: 3px;
  padding: 5px 12px;
  text-align: center;
}

.p_rankingTarget_tag.young { background-color: #00a99d; }
.p_rankingTarget_tag.middle { background-color: #ff9e1d; }
.p_rankingTarget_tag.leader { background-color: #cc1b5b; }
.p_rankingTarget_tag.naiteisha { background-color: #09a2c6; }
.p_rankingTarget_tag.newcom { background-color: #1eba2c; }
.p_rankingTarget_tag.head { background-color: #b865c1; }
.p_rankingTarget_tag.mng { background-color: #8e6747; }
.p_rankingTarget_tag.all { background-color: #e80000; }

.p_rankingBox_link {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #002D8E;
}

.p_rankingBox_link:hover { text-decoration: underline; }

/* リンク */
.p_lineUpJumpLink {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 15px 0 10px;
}

.c_lineUpJumpLink_link {
  background:linear-gradient(to right,crimson 10%, mediumvioletred 60%, deeppink 100%) no-repeat left top / 200% 100%;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  margin-left: auto;
  padding: 5px 20px;
  text-align: center;
  transition:.3s background;
}

.c_lineUpJumpLink_link:hover {
opacity: 1;
background-position:right top;
text-decoration: underline;

}

.c_lineUpJumpLink_img {
  margin-right: 5px;
  vertical-align: -4px;
}


/*AIミドルのSVG用*/
.aiMap .st0{fill:#FEF8F9;stroke:#DF2A3F;stroke-width:1.8782;stroke-miterlimit:10;}
.aiMap .st1{fill:#F3FAFE;stroke:#2C56A5;stroke-width:1.8779;stroke-miterlimit:10;}
.aiMap .st2{fill:#2C56A5;}
.aiMap .st3{fill:#FFFFFF;}
.aiMap .st4{fill:#DF2A3F;}
.aiMap .st5{fill:none;stroke:#000000;stroke-width:0.7406;stroke-miterlimit:10;}
.aiMap .st6{opacity:0.95;fill:#FFFFFF;stroke:#F39726;stroke-width:1.0081;stroke-miterlimit:10;}
.aiMap .st7{fill:#F39726;}
.aiMap .st8{fill:none;stroke:#FFFFFF;stroke-width:0.4857;stroke-miterlimit:10;}
.aiMap .st9{fill:#F39800;stroke:#FFFFFF;stroke-width:0.5282;stroke-miterlimit:10;}
.aiMap .st10{fill:none;stroke:#DCDDDD;stroke-width:4.0323;stroke-linecap:round;stroke-miterlimit:10;}
.aiMap .st11{fill:none;stroke:#DCDDDD;stroke-width:4.0323;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0,10.0171;}
.aiMap .st12{fill:#FEF8F9;stroke:#DF2A3F;stroke-width:1.8103;stroke-miterlimit:10;}
.aiMap .st13{fill:#F3FAFE;stroke:#2C56A5;stroke-width:1.8101;stroke-miterlimit:10;}
.aiMap .st14{fill:none;stroke:#000000;stroke-width:0.7139;stroke-miterlimit:10;}
.aiMap .st15{opacity:0.95;fill:#FFFFFF;stroke:#F39726;stroke-width:0.9717;stroke-miterlimit:10;}
.aiMap .st16{fill:none;stroke:#FFFFFF;stroke-width:0.4682;stroke-miterlimit:10;}
.aiMap .st17{fill:#F39800;stroke:#FFFFFF;stroke-width:0.5091;stroke-miterlimit:10;}
.aiMap .st18{fill:none;stroke:#DCDDDD;stroke-width:3.8867;stroke-linecap:round;stroke-miterlimit:10;}
.aiMap .st19{fill:none;stroke:#DCDDDD;stroke-width:3.8867;stroke-linecap:round;stroke-miterlimit:10;stroke-dasharray:0,9.6554;}
.aiMap a:hover{fill:#f79494;}

/* AI、RPA、統計ミドル用ナビ */
.dataAnalysisList {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.dataAnalysisList_item {
  flex: 0 0 30%;
  /* text-align: center; */
  display: flex;
  width: 30%;
}

.dataAnalysisList_item &gt; a {
  background:  pink;
  border-radius: 3px;
  box-shadow: 0 3px 0 #333;
  color: #333;
  display: block;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  padding: 10px 0;
}

.dataAnalysisList_item.ai &gt; a {background-color: #C0504D;color: #fff;box-shadow: 0 3px 0 #672b2a;}
.dataAnalysisList_item.rpa &gt; a {background-color: #199f6a;color: #fff;box-shadow: 0 3px 0 #184030;}
.dataAnalysisList_item.toukei &gt; a {background-color: #0278e2;color: #fff;box-shadow: 0 3px 0 #163c5f;}

.dataAnalysisList_item &gt; a:hover {
  box-shadow: none;
  /*opacity: .6;*/
  text-decoration: none;
  transform: translateY(3px);
}

/* RPAミドルの上書きCSS */
.rpaLinkList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0;
}

.rpaLinkList &gt; li { margin-bottom: 5px;width: 50%; }

.rpaLinkList &gt; li &gt; a {
  display: block;
  line-height: 1;
  padding-left: 1em;
  text-indent: -1em;
}

.rpaLinkList &gt; li &gt; a::before { content: "■"; }
/*
#cont h4.ttl-box-businessImprovement { font-size: 18px; padding: 0 8px; }
.flex-businessImprovement { flex-direction: column; }
.flex-businessImprovement_items { width: 100%; }
.flex-businessImprovement_items+.flex-businessImprovement_items { margin-left: 0;margin-top: 20px; }
.box-bizImprovment_container { display: flex;align-items: center; }
.img-box-businessImprovement &gt; img { width: 100%; height: auto; }
.list-box-businessImprovement { font-size: 13px; }
.list-box-businessImprovement li { padding-left: 1.5em; text-indent: -1.5em; }
.footer-box-businessImprovement_msg { padding: 3px 8px; }
.section-l { margin-bottom: 30px; }
*/

.flex-winActor_item { width: 100%; }

.flex-winActor_item + .flex-winActor_item { margin-top: 20px; }

@media screen and (max-width:600px) {
.box-bizImprovment_container { flex-direction: column; }
}

.tb_service {}
.tb_category { width: 20%; }
.table-price { border-collapse: collapse;border-spacing: 0;border-left: none; border-right: none; }
.table-price td:first-child { border-left: 0; }
.table-price td:last-child { border-right: 0; }

@media screen and (max-width: 768px) {
  .res_none { display: none;  }
}

.simple { margin-top: 25px; }
 
.simple + .simple{
  margin-top: 53px;
}

.clearfix +.simple{
  margin-top: 10px;
}

/* 2019/06/04 RPAミドルモーダル用 */
.mid_modalTbl-wrapper {
  font-family: "游ゴシック", sans-serif;
  margin: 10px; 
  width: auto;
}

.mid_modalTbl {
  font-size: 14px;
  table-layout: fixed;
  width: 100%;
}

@media screen and (min-width:1200px){
.mid_modalTbl {  }
}

/* colgroup */
.mid_modalTbl_col1 {}
.mid_modalTbl_col2 { background-color: #ffdbdb; }
.mid_modalTbl_col3 { background-color: #dbf3ff; }

.mid_modalTbl th {
  border-color: #333;
  border-style: dashed;
  border-width: 0 0 1px;
  padding: 5px;
  vertical-align: middle;
  width: 100%;
}

.mid_modalTbl thead th { font-size: 1.8em;padding: 10px 5px; }
.mid_modalTbl tbody th { font-size: 1.8em; line-height: 1.5; text-align: left; }

.mid_modalTbl td {
  line-height: 1.5;
  padding: 5px;
  width: 100%;
}

.mid_modalTbl_tr-last td { border-bottom: 1px dashed #333; }

.mid_modalTbl_tr-last:last-child td,
.mid_modalTbl th.border-none {
    border-bottom: none;
}

.mid_modalTbl a { transition: .3s; }
.mid_modalTbl a:hover { opacity: .6; }

.mid_modalTbl img {
  max-width: 100%;
  height: auto;
}

/* override */
#cboxClose {
  background:url("/resource/img/contents/close.svg") no-repeat 0 0;
  width: 25px;
  height: 25px;
  top: -28px;
}

#cboxClose:hover {
  background-position: 0 0;
  opacity:0.6;
}

#cboxLoadedContent { border: none; }

#cboxContent {
background: transparent;
margin-top: 30px;
}

/* 2020/09/14追記　おすすめプラン */
.box_recommendedPlan {}
.box_recommendedPlan .p_lineupBoxList{
  margin: 15px 0 10px 0;
}

.link_recommendedPlan {
  font-size: 16px;
  font-weight: bold;
  color: #002D8E;
}

/* DXミドルのテーブル用 */
.dx_tbl {
    border-collapse: collapse;
    width: 730px; 
    font-size: 10px;
}
.dx_tbl tr {
    height: 50px;
}
.dx_tbl_head {
    height: 25px;
}
.dx_tbl td {
    border: solid 1px gray;
    vertical-align: middle;
}
.dx_tbl_bg_blue {
    background-color: deepskyblue;
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.dx_tbl_cols {
    text-align: center;
    background-color: lightcyan;
}
.dx_tbl_cols a {
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54.75px;
    height: 50px;
    text-decoration: none;
    color: black;
}
.dx_tbl_cols a:hover {
    text-decoration:none;
    color: deepskyblue;
}
.dx_tbl_cell {
    font-size: 20px;
    text-align: center;
    color: deepskyblue;
    font-weight: bold;
}
.dx_tbl_expression {
    font-size: 8px;
}
.dx_tbl_target {
    text-align: center;
}


/* 階層別研修ミドルのテーブル用 */
.hs_tbl {
    border-collapse: collapse;
    width: 730px;
    font-size: 14px;
}
.hs_tbl tr {
    height: 50px;
}
.hs_tbl_head {
    height: 25px;
}
.hs_tbl td {
    border: solid 1px gray;
    vertical-align: middle;
}
.hs_tbl_bg_blue {
    background-color: #9E2730;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.hs_tbl_cols {
    text-align: center;
    background-color: lightcyan;
}
.hs_tbl_cols a {
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54.75px;
    height: 50px;
    text-decoration: none;
    color: black;
}
.hs_tbl_cols a:hover {
    text-decoration:none;
    color: deepskyblue;
}
.hs_tbl_cell {
    font-size: 20px;
    text-align: center;
    color: deepskyblue;
    font-weight: bold;
}
.hs_tbl_expression {
    font-size: 14px;
}
.hs_tbl_target {
    text-align: center;
}

/* 2022/05/12 人権教育ページ価格表 */
.priceTbl--humanRights {
  border: 1px solid #333;
  table-layout: fixed;
  width: 100%;
}

.priceTbl--humanRights thead {
  background-color: #bfe2f9;
  text-align: center;
}

.priceTbl--humanRights th,
.priceTbl--humanRights td {
  border: 1px solid #333;
  padding: 3px;
  vertical-align: middle;
}
.priceTbl--humanRights th:first-of-type { width: 35%; }
.priceTbl--humanRights th:last-of-type { width: 15%; }

.priceTbl--humanRights td:last-of-type { text-align: right; }

.priceTbl--humanRights td a {
  text-decoration: none;
}

.priceTbl--humanRights td a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

@media screen and (max-width:599px){
  .priceTbl--humanRights { border: none; }
  .priceTbl--humanRights thead { background-color: transparent; }
  .priceTbl--humanRights tr { 
    display: flex;
    flex-wrap: wrap;
  }
  .priceTbl--humanRights tr + tr { border-top: 1px solid #ccc; }
  .priceTbl--humanRights td,
  .priceTbl--humanRights th {
    border: none;
    flex: 1;
  } 
  .priceTbl--humanRights td[rowspan],
  .priceTbl--humanRights th:first-of-type {
    background-color: #bfe2f9;
    border-top: 2px solid #333;
    flex-basis: 100%;
    font-weight: bold;
  } 
  .priceTbl--humanRights td:last-of-type {
    align-items: center;
    display: flex;
    flex-grow: 0;
    font-weight: bold;
    justify-content: flex-end;
  }
  .priceTbl--humanRights tbody tr:last-of-type { 
    border-top: 2px solid #333;
    border-bottom: 1px dashed #333;
    margin-top: 15px;
  }
  .priceTbl--humanRights tbody tr:last-of-type td { font-size: 1.2em; }
}

/* 2022/06/06 人的資本経営推進サービスの表 */
.simpleTbl {
  border: 1px solid #333;
  table-layout: fixed;
  width: 100%;
}

.simpleTbl thead {
  background-color: #bfe2f9;
  text-align: center;
}

.simpleTbl th,
.simpleTbl td {
  border: 1px solid #333;
  padding: 3px;
  vertical-align: middle;
}
/*.simpleTbl th:first-of-type { width: 35%; }*/
/*.simpleTbl th:nth-of-type(2) { width: 35%; }*/
/*.simpleTbl th:last-of-type { width: 15%; }*/

@media screen and (max-width:599px){
  .simpleTbl { border: none; }
  .simpleTbl thead { display: none; }
  .simpleTbl tr {
    border: 1px solid #333;
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
  .simpleTbl td {
    border: none;
    display: flex;
    padding: 0;
  }
  .simpleTbl td + td { border-top: 1px solid #999; }
  .simpleTbl td::before {
    align-items: center;
    background-color: #bfe2f9;
    content: attr(data-cell);
    display: flex;
    font-weight: bold;
    flex: 0 0 auto;
    padding: 3px;
    width: 4em;
  }
}

/* 2020/11/06 トップ画下ナビ */
.box_list {}

.list_common {
  display: flex;
  margin: -4px;
}

.list_common_item {
  display: flex;
  padding: 4px;
  width: 100%;
}

.list_common_link {
  align-items: center;
  border: 2px solid #9e2730;
  border-radius: 2px;
  color: #9e2730;
  display: flex;
  font-weight: bold;
  justify-content: center;
  line-height: 1;
  padding: 8px 0;
  width: 100%;
  text-align: center;
}

.list_common_link:hover,
.list_common_link.is_active {
  background-color: #9e2730;
  color: #fff;
}

/* iframe  */
.pc_sec-sm &gt; .pc_sec_item + .pc_sec_item.box_iframe{
  margin-top: 10px;
}
.box_iframe {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 9 / 16);
}

.box_iframe &gt; iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
}

/* 動画サンプルの表示 */
#seasonalMovie::after{
  content: "";
  display: block;
  clear: both;
}

#seasonalMovie .p_lineupBoxList_item{
  position: relative;
  padding-left: 67px;
  pointer-events: none;
}
#seasonalMovie .p_lineupBoxList_item::before{
  content: "\52d5\753b\95a2\9023";
  display: inline-block;
  padding: 3px 0px;
  border: 2px solid;
  border-radius: 2px;
  background: #fff;
  line-height: 1;
  color: #CC2D5E;
  font-size: 13px;
  min-width: 60px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 0;
  pointer-events: all;
}
#seasonalMovie .p_lineupBoxList_item a{
  display: inline;
  padding-left: 0;
  pointer-events: all;
}
#seasonalMovie .p_lineupBoxList_item a::before{
  content: none;
}
#seasonalMovie .p_youtubeFrame{
  float: right;
  width: 240px;
  margin: 0 0 16px 16px;
}

/* スマホ版でソーシャルボタン非表示 */
@media screen and (max-width:599px){
  .social_button { display: none; }

  .dx_tbl {
    width: initial;
  }

  .dx_tbl_cols a{
    width: initial;
    height: 80px;
  }
}

/* トップ画下ナビ */
.tempNav{}
.tempNav__inner{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin: -4px;
}
.tempNav__item{
  display: flex;
  width: 100%;
  padding: 4px;
}
.tempNav__target{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  border: 2px solid #9e2730;
  border-radius: 2px;
  font-weight: bold;
  color: #9e2730;
  line-height: 1;
}
.tempNav__target.is_active,
.tempNav__target:hover{
  color: #fff;
  background: #9e2730;
  text-decoration: none;
}

.tempNav__target.newcom{
  border: 2px solid #f04673;
  color: #f04673;
}

.tempNav__target.skill8{
  border: 2px solid #b82153;
  color: #b82153;
}

.tempNav__target.ojt{
  border: 2px solid #365da4;
  color: #365da4;
}

.tempNav__target.newcom.is_active,
.tempNav__target.newcom:hover{
  color: #fff;
  background: #f04673;
  text-decoration: none;
}

.tempNav__target.skill8.is_active,
.tempNav__target.skill8:hover{
  color: #fff;
  background: #b82153;
  text-decoration: none;
}

.tempNav__target.ojt.is_active,
.tempNav__target.ojt:hover{
  color: #fff;
  background: #365da4;
  text-decoration: none;
}

/* ===== カラーコード統一 ===== */
/* pink */
.tempNav__target.pnk {
  border: 2px solid #f04673;
  color: #f04673;
}
.tempNav__target.pnk.is_active,
.tempNav__target.pnk:hover {
  color: #fff;
  background-color: #f04673;
  text-decoration: none;
}
/* blue */
.tempNav__target.blu {
  border: 2px solid #034892;
  color: #034892;
}
.tempNav__target.blu.is_active,
.tempNav__target.blu:hover {
  color: #fff;
  background-color: #034892;
  text-decoration: none;
}
/* DarkGreen */
.tempNav__target.dgr {
  border: 2px solid #006B43;
  color: #006B43;
}
.tempNav__target.dgr.is_active,
.tempNav__target.dgr:hover {
  color: #fff;
  background-color: #006B43;
  text-decoration: none;
}
/* Sky */
.tempNav__target.sky {
  border: 2px solid #1286DC;
  color: #1286DC;
}
.tempNav__target.sky.is_active,
.tempNav__target.sky:hover {
  color: #fff;
  background-color: #1286DC;
  text-decoration: none;
}
/* Brown */
.tempNav__target.brn {
  border: 2px solid #683C2E;
  color: #683C2E;
}
.tempNav__target.brn.is_active,
.tempNav__target.brn:hover {
  color: #fff;
  background-color: #683C2E;
  text-decoration: none;
}
/* Green */
.tempNav__target.grn {
  border: 2px solid #0EA856;
  color: #0EA856;
}
.tempNav__target.grn.is_active,
.tempNav__target.grn:hover {
  color: #fff;
  background-color: #0EA856;
  text-decoration: none;
}
/* Orange */
.tempNav__target.orn {
  border: 2px solid #E86320;
  color: #E86320;
}
.tempNav__target.orn.is_active,
.tempNav__target.orn:hover {
  color: #fff;
  background-color: #E86320;
  text-decoration: none;
}
/* Red */
.tempNav__target.red {
  border: 2px solid #AF2830;
  color: #AF2830;
}
.tempNav__target.red.is_active,
.tempNav__target.red:hover {
  color: #fff;
  background-color: #AF2830;
  text-decoration: none;
}
/* Ruby */
.tempNav__target.rby {
  border: 2px solid #CE3280;
  color: #CE3280;
}
.tempNav__target.rby.is_active,
.tempNav__target.rby:hover {
  color: #fff;
  background-color: #CE3280;
  text-decoration: none;
}
/* Violet */
.tempNav__target.vio {
  border: 2px solid #8A54A1;
  color: #8A54A1;
}
.tempNav__target.vio.is_active,
.tempNav__target.vio:hover {
  color: #fff;
  background-color: #8A54A1;
  text-decoration: none;
}
/* Gray */
.tempNav__target.gry {
  border: 2px solid #6A728F;
  color: #6A728F;
}
.tempNav__target.gry.is_active,
.tempNav__target.gry:hover {
  color: #fff;
  background-color: #6A728F;
  text-decoration: none;
}
/* Gold */
.tempNav__target.gld {
  border: 2px solid #9F6E13;
  color: #9F6E13;
}
.tempNav__target.gld.is_active,
.tempNav__target.gld:hover {
  color: #fff;
  background-color: #9F6E13;
  text-decoration: none;
}

.simple { margin-top: 20px; }

@media screen and (max-width: 768px){
  .tempNav{
    /*display: none;*/
  }
  .tempNav__inner { flex-direction: column; }
}

/* デジタル時代の階層別研修、階層別リスト */
  .p_digitalAgeHierarchyList{}
  .p_digitalAgeHierarchyList__item + .p_digitalAgeHierarchyList__item{
    margin-top: 30px;
  }

/* デジタル時代の階層別研修、階層別ラッパー */
  .p_digitalAgeHierarchyWrap{}
  .p_digitalAgeHierarchyWrap__ttl{
    margin-bottom: 10px;
    color: #9E2730;
    font-weight: bold;
    font-size: 18px;
  }
  .p_digitalAgeHierarchyWrap__body{
    display: grid;
    padding-left: 1.5rem;
    gap: 0 50px;
    grid-template-columns: 1fr 1.5fr;
  }
  .p_digitalAgeHierarchyWrap__item{
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 0;
  }
.p_digitalAgeHierarchyWrap__item + .p_digitalAgeHierarchyWrap__item{
  position: relative;
}
.p_digitalAgeHierarchyWrap__item + .p_digitalAgeHierarchyWrap__item::before{
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  bottom: 0;
  display: block;
  width: 15px;
  height: 50px;
  margin: auto;
  background: #9E2730;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 768px){
  .p_digitalAgeHierarchyWrap__body{
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
  }
  .p_digitalAgeHierarchyWrap__item + .p_digitalAgeHierarchyWrap__item::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    bottom: auto;
    width: 50px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}

/* デジタル時代の階層別研修、階層別 */
  .p_digitalAgeHierarchy{
    padding: 11px 0;
  }
  .p_digitalAgeHierarchy__ttl{
    margin-bottom: 10px;
    padding-bottom: 10px; 
    border-bottom: 1px solid;
    font-weight: bold;
    font-size: 16px;
  }
  .p_digitalAgeHierarchy__ttl{
    margin-bottom: 10px;
    padding-bottom: 10px; 
    border-bottom: 1px solid;
    font-weight: bold;
    font-size: 16px;
  }
  .p_digitalAgeHierarchy__subTtl{
    font-weight: bold;
  }
  .p_digitalAgeHierarchy__msg{
    font-size: 13px;
  }
  .p_digitalAgeHierarchy__msg + .p_digitalAgeHierarchy__list{
    margin-top: 10px;
  }
  .p_digitalAgeHierarchy__list{
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(2, 1fr);
  }
  .p_digitalAgeHierarchy__listItem{
    padding: 2px 10px;
    letter-spacing: 0;
    font-size: 12px;
  }
  .p_digitalAgeHierarchy--after{
    border: 1px solid #9E2730;
    padding: 10px;
  }
  .p_digitalAgeHierarchy--after .p_digitalAgeHierarchy__listItem{
    background: #f2c0ca;
  }
  .p_digitalAgeHierarchy--before .p_digitalAgeHierarchy__listItem{
    background: #e5e5ff;
  }
@media screen and (max-width: 599px){
  .p_digitalAgeHierarchy__list{
    grid-template-columns: repeat(1, 1fr);
  }
}

/* デジタル時代の階層別研修、常識ラッパー */
.p_digitalAgeCommonWrap{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  padding-left: 1.5rem;
}
.p_digitalAgeCommonWrap__item{}
@media screen and (max-width: 768px){
  .p_digitalAgeCommonWrap{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 599px){
  .p_digitalAgeCommonWrap{
    grid-template-columns: repeat(1, 1fr);
  }
}

/* デジタル時代の階層別研修、常識 */
.p_digitalAgeCommon{
  padding: 15px;
  border: 1px solid;
}

/* 受講者のよくあるお悩みラッパー（中堅ミドルに表示） */
.p_problemRankingWrap{}
.p_problemRankingWrap__body{
  overflow: hidden;
}
.p_problemRankingWrap__item + .p_problemRankingWrap__item{
  padding-top: 20px;
}
.p_problemRankingWrap__footer{
  margin-top: 20px;
}
.p_problemRankingWrap__btn{
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.p_problemRankingWrap__btnTarget{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.5em;
  padding: 0 40px;
  border: 1px solid;
  border-radius: 2px;
  color: inherit;
  font-weight: bold;
}
.p_problemRankingWrap__btnTarget::before{
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-bottom: 2px solid;
  border-right: 2px solid;  
  transform: translateY(-2px) rotate(45deg);
}
.is_open .p_problemRankingWrap__btnTarget::before{
  transform: translateY(2px) rotate(-135deg); 
}
.p_problemRankingWrap__btnInner{
  display: block;
}
.p_problemRankingWrap__btnInner--opened{
  display: none;
}
.is_open .p_problemRankingWrap__btnInner--opened{
  display: block;
}
.is_open .p_problemRankingWrap__btnInner--closed{
  display: none;
}

/* 受講者のよくあるお悩み（中堅ミドルに表示） */
.p_problemRanking{}
.p_problemRanking__body{
  padding-left: 1.5rem;
}
.p_problemRanking__sec{}
.p_problemRanking__sec + .p_problemRanking__sec{
  margin-top: 5px;
}
.p_problemRanking__voices{
  display: flex;
  gap: 2px 15px;
  flex-wrap: wrap;
}
.p_problemRanking__voice{
  position: relative;
  padding-left: 20px;
}
.p_problemRanking__voice::before{
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: url("https://www.insource.co.jp/resource/img/middle/icon_koushi-voice.svg") no-repeat center center / contain;
}
.p_problemRanking__trainingTtl{
  width: fit-content;
  margin-bottom: 5px;
  font-weight: bold;
  border-bottom: 1px solid;
}
.p_problemRanking__trainings{}
.p_problemRanking__training{
  content: "";
  position: relative;
  padding-left: 1em;
}
.p_problemRanking__training::before{
  content: "";
  position: absolute;
  top: .5em;
  left: 0;
  display: block;
  width: .4em;
  height: .4em;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
}
.p_problemRanking__training + .p_problemRanking__training{
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .p_problemRanking__voices{
    display: block;
  }
  .p_problemRanking__voice + .p_problemRanking__voice{
    margin-top: 2px;
  }
  .p_problemRanking__body{
    padding-left: 0;
  }
}

/* 提案書資料ダウンロード用カード */
.m_proposalPeparCard{
  display: flex;
  align-items: stretch;
  gap: 20px;
  color: inherit;
  transition: .3s opacity;
}
.m_proposalPeparCard:hover{
  opacity: .7;
}
.m_proposalPeparCard__sliderWrap{
  width: 312px;
  margin-inline: auto;
}
.m_proposalPeparCard__slider.js_proposalSlider{
  padding: 0;
  border: 1px solid;
}
.m_proposalPeparCard__slider img{
  max-width: 100%;
  height: auto;
}
.m_proposalPeparCard__cont{
  flex: 1 1 auto;
}
.m_proposalPeparCard__ttl{
  position: relative;
  margin-bottom: 16px;
  padding-left: 30px;
  font-weight: bold;
  font-size: 16px;
}
.m_proposalPeparCard__ttl::before{
  content: "\f24a";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1em;
  font-weight: normal;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_proposalPeparCard__msg + .m_proposalPeparCard__msg{
  margin-top: 8px;
}
.m_proposalPeparCard__footer{
  margin-top: 20px;  
}
@media screen and (max-width: 768px){
  .m_proposalPeparCard{
    display: block;
  }
  .m_proposalPeparCard__sliderWrap + .m_proposalPeparCard__cont{
    margin-top: 25px;
  }
}</pre></body></html>