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

#cont #chead h1 img{
background-color:#000;
}

#cont #chead #cmenu{background-color:#fff;margin:10px 0;}

#cont #chead #cmenu li{
width:25%;
float:left;
list-style-type:none;
border-right:2px solid #fff;
}

.ie6 #cont #chead #cmenu li,
.ie7 #cont #chead #cmenu li{
width:25%;
}

#cont #chead #cmenu li.last{
border-right:none;
}

.ie6 #cont #chead #cmenu li.last,
.ie7 #cont #chead #cmenu li.last{
width:23%;
}

#link_mark {
margin-bottom: 15px;
}

#link_mark .fl {
margin-left: 240px;
margin-top: 8px;
}

.ie6 #link_mark .fl {
margin-left: 120px;
}

#cont #chead h1{
padding:5px 0;
letter-spacing: 0px;
}

#cont h2{background:none;}
#cont h2 span{padding-top:6px;}
/*#cont #cbox7 h2 span{padding:0;}*/

#cont h3{font-size:14px;}



/**************************

豊富な実績

**************************/

/*#cont #cbox5 .ibox{border-top:none;font-size:14px;margin-top:0;}
#cont #cbox5 .ibox dl{border-bottom:1px solid #ccc;margin-bottom:10px;}
#cont #cbox5 .ibox dt{clear:none;float:none;font-weight:bold;}
#cont #cbox5 .ibox dt b{font-weight:bold;}
#cont #cbox5 .ibox dd{margin-left:0;border-left:none;}

#cont #cbox5 .ibox dd.lh130 div{font-weight:bold;font-size:18px;}
#cont #cbox5 .ibox dd span{font-size:13px;font-weight:normal;}
#cont #cbox5 .ibox dd img.no1 {margin: 0px 10px 0px 2px;}
#cont #cbox5 .ibox dd img.no2 {margin: 0px 10px 0px 2px;}

#cont #cbox5 .ibox dd ul{margin:0;}*/
#cont #cbox5 .ibox dd li{
background-image: url("../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%;
}

#cont #cbox5 .b_caption{font-size:14px;font-weight:bold;margin:30px 0 15px;}

#cont #cbox5 .b_jisseki p{
line-height:120%;
font-size:13px;
margin-bottom:20px;
}

/**************************

講師からひとこと

**************************/

#cont #cbox7 div p{
margin-bottom:10px;
}
#cont #cbox7 .diver p{margin-bottom:15px;}
#cont #cbox7 .diver ul{list-style:none;font-size:14px;line-height:1.5em;margin-bottom:15px;}
#cont #cbox7 .diver li{padding-left:16px;text-indent:-8px;}
#cont #cbox7 .switchBtn p{
/*position: absolute;*/
margin-bottom: 0;
width: 184px;
z-index: 1;
cursor: pointer;
top:1px;
color:#666666;
}

#cont #accordion:hover{color:#666;opacity:0.7;}

/******************/
h3 span {
    display: block;
    font-size: 14px;
    line-height: 1em;
    padding: 9px 0;
}

h3 span img {
    border: medium none;
    margin-right: 5px;
    vertical-align: -0.1em;
}

/* 2014/06/30 受講者の声リンク */
.m_link a:hover{
color:#666;
text-decoration:none;
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
background-color:transparent;
}

.ie6 .m_contact a:hover,
.ie7 .m_contact a:hover,
.ie6 .m_link a:hover span,
.ie7 .m_link a:hover span{ 
filter: alpha( opacity=70 );
zoom:1;
}
.m_link a {padding: 0;color:#666;}
#cont .m_link p {
margin-bottom: 0;
position: relative;
width: 184px;
z-index: 1;
}
.m_link p span {
cursor: pointer;
font-size: 13px;
left: 10px;
position: absolute;
top: 3px;
z-index: 5;
}


/* 2015/03/30 ＯＪＴ３点セット　～基本・ティーチング・わかりやすい伝え方編（３日間） */

table.ojt_b_table{width:500px;border-width:1px 0 0 1px;border-style:solid;border-color:#999;border-collapse: collapse;margin-bottom:20px;}
table.ojt_b_table td{border-width:0 1px 1px 0;border-style:solid;border-color:#999;padding:5px;}
table.ojt_b_table td.bgc{background-color:#FFFBEC;}





/*********************
16/6/23
「公開」「e-ラン」へのリンク

**********************/

#cont #training_format p{
margin-bottom:10px;
font-size:15px;
}
#cont #training_format li{
margin-bottom:9px;
font-size:14px;
padding-left:18px;
text-indent:-15px;
}
#cont #training_format li img{
margin-right:5px;
vertical-align:1px;
}




/* 2015/08/19 テーマ別アイコン切り替え用 */
/*#cont #chead .theme_icon{position:relative;}
#cont #chead .theme_icon h1{padding:0;text-indent:0;position:relative;}
#cont #chead .theme_icon h1 img{position:absolute;}
#cont #chead .theme_icon h1 span{padding:8px 0px 8px 70px;display:block;}
*/


/* 2016/09/26
 新デザインTOP画まわり用 */
.top_section{margin-bottom:20px;}
.top_section .top_box{display:table;}
.top_section .top_image{display:table-cell;vertical-align:top;}
.top_section .top_info{display:table-cell;vertical-align:top;padding-left:20px;width:420px;}

.top_section .top_titleBox{position:relative;height:155px;margin-bottom:15px;}
.top_section h1{font-family:"游ゴシック";font-size:25px;line-height:100%;position:absolute;top:40%;transform: translateY(-50%);line-height:1.4em;}

.top_section .notice_box a{color:#333;}
.top_section .notice_box a:hover{text-decoration:none;}


 .var_program{    position: absolute;
    bottom: 0;
    width: 100%;list-style:none;
    overflow: hidden;}



 .var_program li a{   font-size: 13px;
    font-family: 游ゴシック;
    font-weight: 700;
    display: block;
    border: 1px solid #555;
    padding: 2px;text-align: center;
    color: white;
   
    }

 .var_program li a:hover{text-decoration:none;background-color: white; border: 1px solid;}

.var_program li{margin-right: 7px;    width: 32%;    float: left;}
.var_program li:last-child{margin-right: 0;}

@media (max-width: 430px){
.var_program li a{  font-size: 11px;    height: 40px;}
.var_program li{width: 31%;}
}


/* 2016/10/25 研修コード用 */
.top_section .code_box{color:#ccc;}
@media(max-width:768px){
.top_section .code_box{display:none;}
}

/***********
2018/9/12トップ画500-200対応
***********/
/*reset*/
/*2016テンプレート*/
.top_section.top_section--w500{
  display: block;
  height: auto;
}
.p_heading--500w > .p_heading__ttl{
  position: static;
  transform: none;
}
.top_section.top_section--w500 .notice_box__w500{
  position: static;
}
/*標準テンプレート*/
#cont #chead .top_section--w500 h1{
  border-top: none;
  padding: 0;
  text-indent: 0;
}
/*new*/
/*全体構造*/
.top_section--w500{
  font-weight: 500;
  font-family:"游ゴシック","Yu Gothic",sans-serif;
}
.top_section__image{
  text-align: center;
}
.top_section__aside{
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  font-size: 11px;
}
.top_section__code + .top_section__date{
  padding-left: 16px;
}
.top_section__image + .top_section__aside{
  margin-top: 8px;
}
.top_section__aside + .notice_box__w500{
  margin-top: 8px;
}
@media screen and (max-width: 599px){
  .top_section__code + .top_section__date{
    padding-left: 8px;
  }
}
/*見出し*/
.p_heading{}
.p_heading--500w{
  position: relative;
  padding: 8px 0 8px 72px;
  border-top:3px solid #9E7B3B;
}
.p_heading--500w::before{
  content: url(/resource/img/icons/bottom_seminar.svg);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 64px;
}
.p_heading--500w > .p_heading__ttl, #cont #chead .p_heading--500w > .p_heading__ttl{
  font-size: 15px;
  line-height: 1.4;
}
@media screen and (max-width:599px){
  .p_heading--500w{
    padding-left: 56px
  }
 .p_heading--500w::before{
    width: 48px;
  }
}
/*キャッチコピー*/
.p_catchCopy{
  font-weight: bold;
  line-height: 1;
}
.p_catchCopy--500w{
  color: #9e2730
}

/* 講師派遣 */
.top_section .notice_box{width:100%;/*max-height:155px;*/}
.top_section .notice_box li{list-style-type:none;}
.top_section .notice_box .fl{width:45%;}
.top_section .notice_box .fr{width:53%;}
.top_section .notice_box .notice_koushi{border:1px solid #333;border-radius:2px;padding:10px;font-size:14px;height:140px;position:relative;}
.top_section .notice_box .notice_koushi p{font-family:"游ゴシック";font-size:18px;font-weight:bold;text-align:center;margin-bottom:10px;line-height:1.3;position:absolute;top:30%;right:0;left:0;}
.top_section .notice_box .notice_koushi p a{font-family:"游ゴシック";display:block;}
.top_section .notice_box .notice_koushi p span{font-family:"游ゴシック";font-size:20px;}
.top_section .notice_box .notice_koushi ul{}
.top_section .notice_box .notice_koushi ul li{border-bottom:1px solid #333;margin-bottom:5px;padding-bottom:5px;position:relative;}
.top_section .notice_box .notice_koushi ul li:last-child{margin-bottom:0;}
.top_section .notice_box .notice_koushi ul li span.price{position:absolute;right:0;font-weight:bold;}
.top_section .notice_box .notice_koushi ul li a{text-decoration:none;display:block;}
.top_section .notice_box .notice_koushi:hover{border-color:#c23535;cursor:pointer;}
.top_section .notice_box .notice_koushi:hover *{color:#c23535;border-color:#c23535;}

/* 公開講座＆eラーニング (2019/6/24 追記)*/
.top_section .notice_box .notice_bup{border:1px solid #333;border-radius:2px;margin-bottom:12px;text-align:center;}
.top_section .notice_box .notice_bup span{font-family:"游ゴシック";font-size:12px;display:block;}
.top_section .notice_box .notice_bup a{font-family:"游ゴシック";font-size:14px;font-weight:bold;display:block;padding:8px;height: 62px;}
.top_section .notice_box .notice_bup:hover,
.top_section .notice_box .notice_bup a:hover{border-color:#c23535;color:#c23535;}

.top_section .notice_box .notice_elearning{border:1px solid #333;border-radius:2px;font-family:"游ゴシック";font-size:14px;font-weight:bold;text-align:center;}
.top_section .notice_box .notice_elearning span{font-family:"游ゴシック";font-size:12px;display:block;}
.top_section .notice_box .notice_elearning a{font-family:"游ゴシック";display:block;padding:8px;height: 62px;}

.top_section .notice_box .notice_elearning:hover,
.top_section .notice_box .notice_elearning a:hover{border-color:#c23535;color:#c23535;}

/* 2019/6/24ドロップダウン追加 */
.subNav{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -4px;
}
.subNav__item{
  display: block;
  width: 33.333%;
  padding: 4px;
}
@media screen and (max-width: 599px){
  .subNav__item{
    width: 100%;
  }
}
.subNav__inner{
  border: 1px solid #333;
  border-radius: 2px;
}
.subNav__btn{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 8px 24px 8px 8px;
  color: inherit;
  text-decoration: none;
}
.subNav__msg{
  line-height: 1.2;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.subNav__btn::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin: auto 0;
  border: 1px solid #333;
  line-height: 1;
  font-size: 12px;
}
.subNav__btn.is_show::after{
  content: "-";
}
.subNav__btn.is_hide::after{
  content: "+";
}
.subNav__list{
  padding: 8px 4px;
}
.subNav__listItem{
  position: relative;
  padding-left: 28px;
  line-height: 1.2;
}
.subNav__listItem::before{
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  margin: auto 0;
}
.subNav__listItem + .subNav__listItem{
  margin-top: 16px;
}
.subNav__listItem--same::before{
  content: url(/common/img/bottom/icon_sameContents.png);
  width: 24px;
  height: 24px;
}
.subNav__listItem--ask::before{
  content: url(/common/img/bottom/icon_ask.png);
  width: 24px;
  height: 24px;
}
.subNav__listItem--lineup::before{
  content: url(/common/img/bottom/icon_lineup.png);
  width: 24px;
  height: 24px;
}
.subNav__target{
  letter-spacing: 0;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}
.top_section .notice_box .subNav__target:hover{/* カスケード対応 */
  text-decoration: underline;
}
.subNav__subMsg{
  font-size: 10px;
}

.js_subNavList{
  display: none;
  transition: .5s height, .5s padding;
  overflow: hidden;
}



/* TOP画下ナビ(メニュー) */
#menu_nav{display:table;table-layout:fixed;width:100%;margin-bottom:10px;}
#menu_nav li{display:table-cell;text-align:center;}
#menu_nav li a{display:block;color:#333;font-size:13px;padding:5px 0;font-family:"游ゴシック";font-weight:bold;}
#menu_nav li a:hover{text-decoration:none;color:#c23535;}

#cont .simple h2{background-image:none;font-family:"游ゴシック";font-size:18px;font-weight:bold;color:#FF9933;margin-bottom:20px;}/* colorはテーマカラー */
/*18/8/13　見出しに研修コード追加*/
.programHeading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.programHeading--hasMargin{
  margin-bottom:20px;
}
#cont .simple .programHeading__ttl{
  margin-bottom:0;/*要素に直に当てているCSSキャンセル（カスケーディングも実施）*/
}
.programHeading__code{
  padding:8px;
  border:1px solid #ccc;
}
@media screen and (max-width:599px){
  .programHeading{
    justify-content:flex-end;
  }
  .programHeading--resSmHasMargin{
    margin-bottom:20px;
  }
  .programHeading__ttl{
    flex:0 0 100%;
  }
  .programHeading__code{
    padding:4px;
  }
}


/* コメント */
.btm_cmnt h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.btm_cmnt h3::after{
content:"";
border-bottom:1px solid #333;
/*width:70%;*/
/*display:inline-block;*/
flex:1 1 65%;
margin-left:20px;
}
.btm_cmnt p{font-size:14px;line-height:1.5em;margin-bottom:20px;}

/*日本語カリキュラム、英語カリキュラム変換用*/
#cbox2 .is-unactive{display:none;}
#cbox2 .lang_btn{position:absolute;top:5px;right:50px;cursor:pointer;}
#cbox2 .lang_btn:hover{opacity:0.8;}

@media (max-width:768px){
#print_preview_button{display:none;}
#cbox2 .lang_btn{right:0;}
}

/*旧問合せボタン
#cont .contact p {
margin-left: 200px;
padding-left: 14px;
line-height:1.5em;
text-indent: -14px;
font-size: 13px;
}
*/

/*問合せボタン修正*/
.contact{font-size:10px;max-width:500px;font-family:YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;}
.contact .contact_btn{margin-right:15px;font-family:inherit;/*border:#FF290B 1px solid;padding:8px;font-size:1.3em;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;*/}
.contact .contact_btn a{text-decoration:none;color:#FF290B;font-family:inherit;display:block;width:155px;padding:8px;border:#FF290B 2px solid;font-size:1.8em;font-weight:bold;letter-spacing:0.2em;-webkit-border-radius:2px;-moz-border-radius:2px;}
.contact .contact_btn a:hover{text-decoration:none;color:#fff;background-color:#FF290B;}
.contact .contact_txt{font-size:1.2em;line-height:1.5em;letter-spacing:1px;padding-left: 14px;text-indent: -14px;overflow:hidden;}

@media(max-width:768px){
.contact{width:100%;}
.contact .contact_btn{float:none;margin-bottom:10px;}
}


#toBottomLink a{display: block;
    width: 100%;
    height: 100px;
    border: 2px solid #cccccc;
    padding: 10px;margin:13px 0px;}
#toBottomLink img{width: 75px;
    float: left;
    margin-right: 13px;}
#toBottomLink p{    font-family: 游ゴシック;    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;}
#toBottomLink span{    font-family: 游ゴシック;
    font-size: 24px;
    font-weight: 700;}


.var_program_bottom {margin-bottom: 20px;
    width: 100%;list-style:none;
    overflow: hidden;}
 .var_program_bottom li a{   font-size: 13px;
    font-family: 游ゴシック;
    font-weight: 700;
    display: block;
    border: 1px solid #555;
    padding: 2px;text-align: center;
    color: white;
    background-color: #5f4f3d;
    }

 .var_program_bottom li a:hover{text-decoration:none;color:#5f4f3d;background-color: white; border: 1px solid #5f4f3d;}

.var_program_bottom li{margin-right: 7px;    width: 32%;    float: left;}
.var_program_bottom li:last-child{margin-right: 0;}

@media (max-width: 430px){
.var_program_bottom li a{  font-size: 11px;    height: 40px;}
.var_program_bottom li{width: 31%;}
}

#contents_container .contents_mlmgBox{border:1px solid #D76C6C;padding:20px;margin:20px 0;width:100%;}
#contents_container .contents_mlmgBox .tc{display:table-cell;vertical-align:middle;}
#contents_container .contents_mlmgBox .tc_l{color:#C13434;width:20%;}
#contents_container .contents_mlmgBox .tc_l p{line-height:180%;}
#contents_container .contents_mlmgBox .tc_l img{vertical-align:-3px;}

#contents_container .contents_mlmgBox .tc_r{    width: 60%;    font-size: 14px;}
#contents_container .contents_mlmgBox .tc_r form{margin-bottom:10px;}
#contents_container .contents_mlmgBox .tc_r input{margin-bottom:0;}
#contents_container .contents_mlmgBox .tc_r input.entryBtn{width:38px;}
#contents_container .contents_mlmgBox .tc_r p{ font-family: '游ゴシック','Yu Goshic','メイリオ','Meiryo',sans-serif;clear:both;}
#contents_container .contents_mlmgBox .tc_r p span{ font-family: '游ゴシック','Yu Goshic','メイリオ','Meiryo',sans-serif;}
#contents_container .contents_mlmgBox .tc_r .__btn{ float: right;}


@media (max-width: 768px){#contents_container .contents_mlmgBox .tc_l{display:none;}}


/* テキスト印刷CM */
#textPrint { margin-bottom: 30px; }

/*#textPrint > p {
  border: 2px solid #333;
  padding: 5px 15px;
  font-size: 14px;
  font-family: "游ゴシック";
  font-weight: 500;
  text-align: center;
}

#textPrint p span {
  display: block;
  font-size: 18px;
  font-family: "游ゴシック";
  font-weight: bold;
  text-align: center;
}*/

#textPrint p > a {
  font-size: 14px;
  font-family: "游ゴシック";
  font-weight: bold;
}


/* 研修安心サービス */
.top_section .safetyServiceChk {
  color: #1c2a55;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
  text-align: right;
  transition: .25s;
}

.top_section .safetyServiceChk > a:hover { opacity: 0.7; }
 
.top_section .safetyServiceChk > a >img {
  margin-left: 10px;
  vertical-align: -3px;
}


/* 2017/09/11 teble (https://www.insource.co.jp/shinjin/sh_document_middle.html)からボトムに移行*/
#cont .newcom_table{
width:500px;
border-collapse:collapse;
margin-bottom:30px;
}
#cont .newcom_table th{padding:5px;text-align:center;width:25%;border-color:#333;background-color:#FFBACB;}
#cont .newcom_table td{padding:5px;border-color:#333;position:relative;}
#cont .newcom_table td ul{
list-style-type: decimal;
margin-left: 20px;
}
#cont .newcom_table td ul li{line-height:130%;font-size:12px;}
#cont .newcom_table td p{margin-bottom:10px;line-height:130%;font-size:12px;}


/*201808 FAQのリスト*/
.faq{}
.faq__ttl{
  line-height:1.2;
}
.faq__lead{
  margin-bottom:20px;
  line-height:1.6;
  font-size:14px;
}
.faq__list{}
.faq__listItem{}
.faq__listItem + .faq__listItem{
  margin-top:12px;
}
.faq__link{
  position:relative;
  display:block;
  padding-left:24px;
  font-size:14px;
}
.faq__link::before{
  content:'▲';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  display: block;
  margin: auto 0;
  line-height: 1;
  transform:rotate(90deg);
}
/*2019/05/28 本研修のねらいのボックス部分*/
#cont #cbox1 .box-green {
  font-weight:bold;
  border:4px solid ;
  color:#33CC99;
  padding:9px;width:325px;
  width: 100%;
}
#cont #cbox1 .box-pink {
  border:2px solid ;
  color:#ff5f86;padding:9px;
  margin-bottom: 17px;
  width: 100%;
}

/*
    2019/06/24　対象者タグ
================================*/
#cont .simple .p_tagWrapper h2 { margin-bottom: 0; }

.p_tagWrapper {
  -ms-align-items: center;
  align-items: center;
  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;
  margin-bottom: 10px;
}

.p_targetTags {
  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_targetTags.besideHeading {max-width: 80%;}/* 対象者見出しの横に表示する場合 */

.p_targetTags_item {
  -webkit-flex:0 1 auto;
  -moz-flex:0 1 auto;
  -ms-flex:0 1 auto;
  -o-flex:0 1 auto;
  flex:0 1 auto;
  margin: 3px 0;
}

.c_targetTags {
  background-color: #ccc;
  border-radius: 25px;
  color: #fff;
  display: block;
  font-size: 12px;
  margin: 0 3px;
  padding: 1px 12px;
  text-align: center;
}

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