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

div#cont{margin-top: 30px;}

.main_box a{text-decoration:underline;}

/*サイドナビの修正（#cont liでスタイルあてているやつ）*/
#cont #bupSideNav li{font-size:inherit;}
.r_bannerBox{
  line-height: normal;
}

/* NECマネジメントパートナー */
#nec_container .main_box a[href^="http"]:after{content: "（NECマネジメントパートナーページ）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#nec_container .main_box a[href*="insource.co.jp"]:after{content:"";}

/* 日立IA */
#hitachi_container .main_box a[href^="http"]:after{content: "（日立インフォメーションアカデミーページ）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#hitachi_container .main_box a[href*="insource.co.jp"]:after{content:"";}


/* プロネクサス */
#pronexus_container  .main_box a[href^="http"]:after{content: "（プロネクサスページ）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#pronexus_container .main_box a[href*="insource.co.jp"]:after{content:"";}
#pronexus_container .main_box dl dt{margin-bottom:20px;line-height:1.6;}
#pronexus_container .main_box dl dd{margin-bottom:10px;line-height:1.6;}

/* グローバルテクノ */
#globaltechno_container  .main_box a[href^="http"]:after{content: "（グローバルテクノページ）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#globaltechno_container .main_box a[href*="insource.co.jp"]:after{content:"";}
#globaltechno_container .instructor_box p{padding:0;}
#globaltechno_container .instructor_box dl{margin-bottom:20px;letter-spacing:-0.5em;line-height:1.6;}
#globaltechno_container .instructor_box dl:after{content:"";dispaly:block;clear:both;}
#globaltechno_container .instructor_box dl dt{display:inline-block;width:15%;letter-spacing:1px;vertical-align:top;}
#globaltechno_container .instructor_box dl dd{display:inline-block;width:85%;margin-bottom:10px;letter-spacing:1px;vertical-align:top;}
#globaltechno_container .instructor_box li{margin-bottom:10px;}

@media(max-width:768px){
#globaltechno_container .instructor_box dl dt,#globaltechno_container .instructor_box dl dd{width:100%;}
}

/* IPイノベーションズ */
#ipinnovations_container .main_box a[href^="http"]:after{content: "（IPイノベーションズページ）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#ipinnovations_container .main_box a[href*="insource.co.jp"]:after{content:"";}

/* カサレアル */
#casareal_container .main_box a[href^="http"]:after{content: "（カサレアル）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#casareal_container .main_box a[href*="insource.co.jp"]:after{content:"";}
#casareal_container .program_box{
  margin-bottom: 30px;
  border: 1px solid #5398FF;
}
#casareal_container .program_box__headingPrimary{
  margin: 0;
  padding: 5px;
  background: #5398FF;
  color: #fff;
  line-height: 1;
  font-size: 12px;
}
#casareal_container .program_box__headingSecondary{
  margin: 0;
  padding: 5px;
  background: #C4DBFF;
  border-bottom: 1px solid #5398FF;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
#casareal_container .program_box dd{
  margin: 0 0 0 48px;
  border-left: 1px solid #5398FF;
  padding: 0 5px;
  word-break: break-all;
  line-height: 2;
  font-size: 14px;
}

#casareal_container #program{
  border-top:4px solid #D9D0BB;
  border-bottom:1px solid #D9D0BB;
  position:relative;
  width:100%;
  zoom:1;
}

#casareal_container #program h2{
  width: auto;
  border: none;
  overflow: hidden;
}

/*KIYOラーニング*/
#kiyo_container [class*="span"]{
  float: none;
  margin-left: 0;  
}
#kiyo_container img{
  max-width: 100%;
  height: auto;
}
#kiyo_container img{
  max-width: 100%;
  height: auto;
}
#kiyo_container img{
  max-width: 100%;
  height: auto;
}
#kiyo_container div{
  font-size:14px;
  line-height:1.6;
}

#kiyo_container .main_box li{
  padding-left: 0;
  text-indent: 0;
}
#kiyo_container .main_box a[href^="http"]:after{
  content: "（KIYOラーニングページ）" url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}
#kiyo_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}
#kiyo_container .block + .block{
  margin-top: 24px;
}
#kiyo_container table{
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  line-height: 1.6;
}
#kiyo_container th, #kiyo_container td{
  vertical-align: top;
}
#kiyo_container .catch{
  color: #F76B1E;
}
#kiyo_container h3{
  margin-bottom: 16px;
  line-height: 1.4;
}
#kiyo_container h4{
  margin-bottom: 16px;
}
#kiyo_container .list_recommend > li{
  list-style-type: none;
  background: url('https://manabiz.jp/common/image/front/check.png') no-repeat left center;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 4px 0px 4px 50px;
  text-align: left; 
}
#kiyo_container .square{
  margin: 0 auto 10px;
}
#kiyo_container .square td{
  padding: 8px;
  border: 1px solid #333;
  text-align: center;
  font-size: 14px;
}
#kiyo_container .span-black-tag{
  display: inline-block;
  margin: 0px 2px;
  padding: 5px 10px;
  background: #444;
  white-space: nowrap;
  color: #fff;
}

#kiyo_container table td{
  border: 1px solid #ccc;
}
#kiyo_container table.recommend th,
#kiyo_container table.recommend td,
#kiyo_container table.requirements th,
#kiyo_container table.requirements td,
#kiyo_container table.block-section th,
#kiyo_container table.block-section td,
#kiyo_container table.centering_area th,
#kiyo_container table.centering_area td,
#kiyo_container table.heading th,
#kiyo_container table.heading td,
#kiyo_container table.titleTable th,
#kiyo_container table.titleTable td,
#kiyo_container table.htov2col th,
#kiyo_container table.htov2col td,
#kiyo_container table.lineup td{
  border:none
}

#kiyo_container table.heading{
  width: 100%;
  margin-bottom: 24px;
}
#kiyo_container table.center{
  text-align: center;
}
#kiyo_container table h3{
  margin-bottom: 8px;
}
#kiyo_container .titleTable{
  display: block;
}
#kiyo_container .titleTable th{
  margin-bottom: 16px;
}
#kiyo_container .titleTable td{
  margin-bottom: 24px;
}
#kiyo_container .titleTable th,
#kiyo_container .titleTable td{
  display: block;
}
#kiyo_container .tableInner{
  display: table;
}
#kiyo_container .tableInner th{
  display: table-cell;
  margin: 0;
  padding: 5px;
  border: none;
  background: none;
}
#kiyo_container .tableInner td{
  display: table-cell;
  margin: 0;
  padding: 5px;
  border: none;
  background: none;
}
#kiyo_container .tableInner th:first-child,
#kiyo_container .tableInner td:first-child{
  width: 30%;
}
#kiyo_container .htov2col td{
  padding: 8px;
}
#kiyo_container .materiaList dt{
  color: #f76b1e;
}
#kiyo_container .col3{
  width: 30%;
  float: right;
}
#kiyo_container .col3 img:not(:first-child){
  margin-top: 16px;
}
#kiyo_container .col7{
  width: 70%;
  float: left;
  padding-right: 16px;
}
#kiyo_container .courseType table.titleTable th{
  text-align: left !important;
}
#kiyo_container .courseType table.titleTable th br{
  display: none;
}

#kiyo_container .curriculum th,
#kiyo_container .curriculum td{
  display: block;
  padding: 0 !important;
  border: none;
}
#kiyo_container .curriculum li + li{
  margin-top: 10px;
}

#kiyo_container .p-gray-box {
  text-align: left;
  border: 1px solid #D6D6D6;
  background-color: #FDFDFD;
  border-radius: 10px;
  padding: 10px;
}

#kiyo_container .p-orange-box {
  text-align: left;
  border: 1px solid #FFD1B0;
  background-color: #FFF9F5;
  border-radius: 10px;
  padding: 10px;
}


@media screen and (max-width: 768px){
  #kiyo_container .col3{
    width: 100%;
    float: none;
    margin-bottom: 16px;
    text-align: center;
  }
  #kiyo_container .col7{
    width: 100%;
    float: none;
    padding: 0 0 16px 0;
  }
  #kiyo_container img{
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
#kiyo_container .requirements_img{
  width: 25%;
  padding: 8px;
}
#kiyo_container .requirements_img img{
  border-radius: 50%;
}
#kiyo_container .requirements_text{
  text-align: center;
}
@media screen and (max-width: 599px){
  #kiyo_container .requirements_text{
    font-size: 11px;
  }
}
#kiyo_container .notation{
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.6;
}
#kiyo_container .p-red-box {
  text-align: left;
  border: 1px solid #FFC7C7;
  background-color: #FFF8F8;
  border-radius: 10px;
  padding: 10px !important;
  margin-top: 5px;
}

/* オージス総研 */
#ogs_container .main_box a[href^="http"]:after{content: "（オージス総研ページ）" url("../img/business_partner/nec/icon_taget_blank.png");
margin:0 3px;font-size:12px;line-height:1.6;}
#ogs_container .main_box a[href*="insource.co.jp"]:after{content:"";}

/* キカガク */
#kikagaku_container .main_box a[href^="http"]:after{
  content: "（キカガクページ）" url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}
#kikagaku_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}
/* エディフィストラーニング */
#edifist_container .main_box a[href^="http"]:after{
  content: url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}

#edifist_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}

/* インプレス */
#impress_container .main_box a[href^="http"]:after{
  content: "（インプレス）" url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}
#impress_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}

/* トレノケート */
#trainocate_container .main_box a[href^="http"]:after{
  content: url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}
#trainocate_container .main_box a[href*="trainocate.co.jp"]:after{
  content: "（トレノケート）" url("../img/business_partner/nec/icon_taget_blank.png");
}
#trainocate_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}

/* i-learning */
#ilearning_container .main_box a[href^="http"]:after{
  content: url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}
#ilearning_container .main_box a[href*="i-learning.jp"]:after{
  content: "（アイ・ラーニング）" url("../img/business_partner/nec/icon_taget_blank.png");
}
#ilearning_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}

/* 明治大学リバティアカデミー */
#meiji_container .main_box a[href^="http"]:after{
  content: url("../img/business_partner/nec/icon_taget_blank.png");
  margin:0 3px;
  font-size:12px;
  line-height:1.6;
}
#meiji_container .main_box a[href*="academy.meiji.jp"]:after{
  content: "（明治大学リバティアカデミー）" url("../img/business_partner/nec/icon_taget_blank.png");
}
#meiji_container .main_box a[href*="insource.co.jp"]:after{
  content:"";
}

#cont li{list-style-type:none;font-size:14px;}

#cont h1{border-top:3px solid #5398FF;position:relative;}
#cont h1 img{position:absolute;top:-3px;left:0;}
#cont h1 span{color:#5398FF;font-size:16px;display:block;margin:8px 0 8px 70px;line-height:1.3;padding:0;}
.updated{text-align:right;}

#cont h1 + p img:first-of-type{
  max-width: 100%;
  height: auto;
}

/* IDAのロゴ */
.ttlWrap{
  position: relative;
}
#cont .ttlWrap h1{
  padding-right: 90px;
}
.ttlWrap__logo{
  position: absolute;
  right: 8px;
  top: 12px;
  z-index: 1;
}
#c3_lr .logoIda{
  line-height: 0;
  margin: 0;
}
.logoIda a{
  display: block;
}
.logoIda a:hover{
  opacity: .7;
}
@media screen and (max-width: 599px){
  .logoIda{
    display: none;
  }
  #cont .ttlWrap h1{
    padding-right: 0;
  }
}


.bottom_nav{margin-bottom:30px;}
.bottom_nav li{float:left;list-style-type:none;}

#cont h2{
border-top:4px solid #D9D0BB;
border-bottom:1px solid #D9D0BB;
font-size:14px;
padding:7px 0;
line-height: normal;
margin-bottom:16px;
}

h2 img{vertical-align:-6px;}
#cont h2 span.img_cont{display:inline-block;width:26px;text-align:center;margin-right:5px;padding:0;}

#c3_lr p{font-size:14px;margin-bottom:16px;padding:0;line-height:1.6;}

.main_box{margin-bottom:24px;}
.main_box-alert{padding:10px;border:4px double #E60012;}
.main_box ul{margin-bottom:20px;}
.main_box ul li{margin-bottom:5px;text-indent:-1em;padding-left:1em;line-height:1.3;}

.main_box dl{font-size:14px;}
.main_box dl dt{margin-bottom:5px;}
.main_box dl dd{margin-bottom:20px;}


.programTable{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#5398FF;
/*border-collapse:collapse;*/
border-collapse:separate;
border-spacing: 0;
width:100%;
margin-bottom:30px;
}
.programTable th{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#5398FF;
background-color:#C4DBFF;
text-align:center;
font-size:14px;
padding:5px;
}

.programTable td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#5398FF;
padding:5px;
}
.programTable td p{margin-bottom:5px;}
.programTable td ul{}
.programTable td ul li{margin-bottom:5px;text-indent:-8px;padding-left:8px;line-height:1.3;}

/* 2016/06/28 追記 */
.programTable .top_col{background-color:#5398FF;color:#fff;}

/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#0066FF;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#3399FF;}
#cont #c3_ll dl.cc11-2    {border-color:#0066FF;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#0066FF;}
#cont #c3_ll dl.cc00 table tr td.line_l {background-color:#0066FF;}
#cont #c3_ll dl.cc00 table tr td.line_r {background-color:#3399FF;}


table.border-b .line_l_b {background-color:#0066FF;width: 190px;}
table.border-b .line_c {width: 1px;}
table.border-b .line_r_b {background-color:#3399FF;width: 309px;}
#service_box li{font-size:12px;}

.arrowA {background-color:#0066FF;}
.arrowB {background-color:#0066FF;}

/* 2016/05/17 追記：動作環境 */

.operatingTable{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#c3d4df;
border-collapse:collapse;
width:100%;
margin-bottom:30px;
}
.operatingTable th{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#c3d4df;
font-size:12px;
font-weight:normal;
padding:5px;
vertical-align:top;
}

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

/*ラストナビ・おすすめコンテンツ*/

#cont h2#h2_last img {
background-color: #1C75C5;
margin-top:3px;
}

/* 2016/06/08 日立IA_内容(研修プログラム) */
#hitachi_container .program_list{margin-bottom:20px;}
#hitachi_container .program_list li{margin-bottom:5px;text-indent:-18px;padding-left:18px;}
#hitachi_container .program_list li ul{margin-top:5px;}

/* 2016/07/28 トップ画写真用*/
#cont h1 + p,
#cont .ttlWrap + p{position:relative;}
#cont h1 + p > img,
#cont .ttlWrap + p > img{max-width: 100%; height: auto;}
#cont h1 + p > img[alt^="１名さまから"],
#cont .ttlWrap + p > img[alt^="１名さまから"]{position:absolute;bottom:0;right:0;}

@media (max-width:768px){#cont h1 + p > img[alt^="１名さまから"]{display:none;}}


/* 2016/10/24 左ナビ修正*/
#c3_ll .bup_delimitBox p{margin-bottom:0;font-size:12px;} 

/* 2019/04/15 iframeSP対応 */
#myframe{width:100%;} 

/* 2021/07/21 研修廃止ボックス */
#abolished{}
#abolished .abolished_msg{
  padding: 16px;
  border: 4px double #e6002d;
}
#abolished .abolished_btn{
  text-align: right;
}
#abolished .abolished_btnLink{
  display: inline-block;
}
#abolished .abolished_btnLink:hover{
  opacity: .7;
}
#abolished .abolished_link{
  margin-bottom: 0;
}
#abolished .abolished_linkTarget{
  position: relative;
  display: block;
  padding-left: 1em;
}
#abolished .abolished_linkTarget::before{
  content: ">";
  position: absolute;
  left: 0;
  display: block;
}

/* 2021/12/06 お問合せボックス */
#c3_lr .m_footInquiryBup__btnInner {
  font-size: 20px;
  margin-bottom: 0;
}

/* 2022/02/08 主催団体 */
.em_sponsoringOrg {
  color: #ff6c00;
  font-weight: bold;
}

/* 注意書き */
.box_note {
  background-color: #FFEAE5;
  border-radius: 12px;
  margin-top:20px;
  padding: 12px;
}

.box_note_ttl { font-weight: bold; }

#c3_lr .box_note p {
  margin-bottom: 0;
}

/* 2022/04/07 HTML5変更に伴う追加CSS */
.contentsHeader {}

.contentsBody { margin-bottom: 30px; }
.contentsBody > *:last-child { margin-bottom: 0; }

.sectionBox { margin-bottom: 30px; }
.sectionBox > *:last-child { margin-bottom: 0; }

/* 印刷ボタン */
.titleBox { position: relative; }
.titleBox__btn {
  position: absolute;
  top: 7px;
  right: 0;
}

/*
    お申し込みの流れ　220519追記
================================*/
#c3_lr .p_txtFlow{}
#c3_lr .p_txtFlow__item{
  position: relative;
  display: flex;
  align-items: stretch;
}
#c3_lr .p_txtFlow__heading{
  position: relative;
  flex: 0 0 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ccc;
}
#c3_lr .p_txtFlow__step{
  font-size: 15px;
  font-weight: bold;
}
#c3_lr .p_txtFlow__num{
  line-height: 1;
  font-size: 24px;
  font-weight: normal;
}
#c3_lr .p_txtFlow__item + .p_txtFlow__item .p_txtFlow__heading::before,
#c3_lr .p_txtFlow__item + .p_txtFlow__item .p_txtFlow__heading::after{
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  height: 12px;
  background: #fff;
}
#c3_lr .p_txtFlow__heading::before{
  left: 0;
  transform: skew(20deg) rotate(20deg) translateY(-6px);
}
#c3_lr .p_txtFlow__heading::after{
  right: 0;
  transform: skew(-20deg) rotate(-20deg) translateY(-6px);
}
#c3_lr .p_txtFlow__ttl{
  margin-bottom: 16px;
  padding: 4px 8px;
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 14px;
}
#c3_lr .p_txtFow__human{}
#c3_lr .p_txtFlow__human--customer{
  color: #282663;
}
#c3_lr .p_txtFlow__human--ins{
  color: #a72a31;
}
#c3_lr .p_txtFlow__human--student{
  color: #29683f;
}
#c3_lr .p_txtFlow__body{
  padding: 0 0 20px 16px;
  flex: 1 1 auto;
}
#c3_lr .p_txtFlow__sec{
  font-size: 13px;
}
#c3_lr .p_txtFlow__sec + .p_txtFlow__sec{
  margin-top: 6px;
}
#c3_lr .#c3_lr {
  position: relative;
  padding-left: 1.2em;
  font-size: 11px;
}
#c3_lr .p_txtFlow__note::before{
  content: "※";
  position: absolute;
  left: 0;
  display: block;
}
@media screen and (max-width: 599px){
  #c3_lr .p_txtFlow__heading{
    flex-basis: 40px;
  }
  #c3_lr .p_txtFlow__step{
    font-size: 12px;
  }
  #c3_lr .p_txtFlow__num{
    font-size: 20px;
  }
}

/* スケジュールの出し分け */
#c3_lr .schedule_ttl{
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 14px;
}

/* 2023/11/30 団体申し込みテキストリンク追加 */
#c3_lr .group_application__link{
  text-align: right;
}
#c3_lr .group_application__target{
  text-decoration: none;
}
#c3_lr .group_application__target:hover{
  color: #005580;
  text-decoration: underline;
}