@charset "utf-8";
/* CSS Document */
/* セキュリティのバナー削除 */
[style="margin-top: 3em; border-top: solid 2px rgb(204, 204, 204); padding-top: 2em;"]{
  display: none;
}

/*16/8/12 公開ミドル用CSS（ソーシャルゲーム向けから改修）*/
#cont .bup_middle{font-size:14px;line-height:1.5em;}

#cont .bup_middle h2{margin-bottom:15px;padding:0 0 5px 5px;border-bottom:solid 2px #0404B4;border-left:solid 6px #0404B4;font-size:18px;color:#0404B4;background-image:none;}

#cont .bup_middle h3{font-size:16px}
#cont .bup_middle h3,#cont .bup_middle h4{margin-bottom:20px;}
#cont .bup_middle ul + h4{margin-top:30px;}
#cont .bup_middle p{margin-bottom: 20px;}
#cont .bup_middle h3 img,#cont .bup_middle h4 img{background-color:#1C75C5;vertical-align:-6px;margin-right:10px;}

#cont .bup_middle .lineup_box{border: 3px solid #D9D0BB;padding: 10px;margin-bottom: 20px;}
#cont .bup_middle .lineup_box ul{list-style-type:none;margin-left:19px}
#cont .bup_middle .lineup_box li{margin-bottom: 5px;text-indent:-14px;padding-left:14px;}


/*16/8/29 公開ミドルITリニューアルページ用*/
.alert_oldcourse:after{content:"（～2016/9）";display:block;padding-left:3.7em;}
.alert_newcourse:after{content:"（2016/10～）";display:block;padding-left:3.7em;}

/*16/8/29 公開ITミドル用*/
#cont .bup_middle--for_se h4{padding-left:32px;text-indent:-32px;}
#cont .bup_middle--for_se h4:before{content:"";background:url(/common/img/icon_link_l.png) no-repeat #1C75C5;padding-left:22px;font-size:18px;vertical-align:1px;margin-right:10px;}
#cont .bup_middle--for_se .lineup_box li{margin-bottom:1.0em;font-size:0.85em;text-indent:-3.7em;padding-left:3.7em;}
#cont .bup_middle--for_se .lineup_box a:before{content:"［派遣］\a0";}

#cont .bup_middle--for_se .lineup_box a[href*="/bup/"]:before, 
#cont .bup_middle--for_se .lineup_box a[href*="/nmp/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/toac/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/hia/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/ctc/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/ogs/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/crl/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/kkg/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/imp/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/efl/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/neu/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/tnc/"]:before,
#cont .bup_middle--for_se .lineup_box a[href*="/iln/"]:before{content:"［公開］\a0";}






/*16/10/31トップ画とテキストアイコン*/
/*****************
project
*****************/
.p_header_img{position:relative;max-width:500px;}
/*.p_header_img__band{height:37.5%;padding: 4% 0;}*/
.p_header_img__band{height:44.5%;padding: 4% 0;}
.p_header_img__ttl_box{position:relative;}
.p_header_img__icon{left:10px;height:2.0em;font-size:16px;}
.p_header_img__icon__ttl{font-family:inherit;}
.p_header_img__icon__sub_ttl{font-size:11px;font-family:inherit;}
.p_header_img__icon__sub_ttl > span{color:#3399FF;font-family:inherit;}
.p_header_img__ttl{margin-left:100px;padding-left:5px;border-left:2px dotted #3399FF;line-height:53px;font-size: 1.5em;font-family:inherit;}
.p_header_img::before{
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  background: url(/resource/img/logos/logo_ida.svg) no-repeat center center / 76px 32px, #fff;
  display: block;
  width: 92px;
  padding-top: 40px;
}

@media(max-width:768px){
.p_header_img__ttl_box{position:absolute;top:0;bottom:0;left:10px;width:100%;height:2.0em;margin:auto;}
.p_header_img__icon{position:static;display:block;height:auto;text-align:left;}
.p_header_img__icon__ttl{display:inline;margin-right:5px;font-size:12px;}
.p_header_img__icon__sub_ttl{display:inline;}
.p_header_img__ttl{margin:0;padding:0;border:none;line-height:1.3;font-size:12px;}
}

/*ラインナップの見出し*/
.p_bup_middle__ttl{position:relative;padding-left:90px;}

/*研修数のテキストアイコン*/
.p_bup_middle__out_icon{left:0;width:84px;height:27px;padding:1px;border-radius: 8px;background: #1C75C5;}
.p_bup_middle__in_icon{left:1px;width:82px;height:25px;border: 1px solid #fff;border-radius: 7px;background: #1C75C5;text-align: center;line-height:25px;color: #fff;}

/*実施ありアイコン(～22/5/22) */
.p_hasSchedule{}
.p_hasSchedule::before{content:"";display:inline-block;width:18px;height:18px;background:url(/common/img/business_partner/nec/ico_has_schedule.png) no-repeat;vertical-align:-3px;}
.lineup_box ul > li.p_hasSchedule{position:relative;}
.lineup_box ul > li.p_hasSchedule::before{position:absolute;top:0;left:-22px;}
.js_hasSchedule-insColor .p_hasSchedule::before{background-color:#e03e29;}
/* 実施ありアイコン(22/5/22～) */
.has_schedule{position:relative;}
.has_schedule::after{content:"";position:absolute;top:-3px;left:-22px;display:inline-block;width:18px;height:18px;background:url(/common/img/business_partner/nec/ico_has_schedule.png) no-repeat;vertical-align:-3px;background-color:#e03e29;}


/*オンライン開催ありのアイコン*/
.p_hasOnline{}
.p_hasOnline::after{
  /*content:"オンライン開催あり";*/
  display: inline-block;
  margin-left: 4px;
  padding: 4px;
  border-radius: 4px;
  background: #ccc;
  text-indent: 0;
  line-height: 1;
}
.p_hasOnline--insColor::after{
  background-color:#ff7f50;
  color: #fff;
}

/*IT研修のねらい追加の際のCSS*/
.p_bup_middle__nerai{padding-left:0;padding-bottom:6px;border-bottom:2px solid #d9d0bb;}
#base #cont .p_bup_middle__nerai > img{background-color:#ffffff;}
.p_it_nerai_fs13{font-size:13px;}
.p_it_nerai_link{}
.p_it_nerai_link--right{text-align:right;}
.p_it_nerai_link__target{}
.p_it_nerai__ico{margin-right:5px;}

/* 2022/12/30 ねらい部分修正 */
.p_container:not(:first-of-type) { margin-top: 30px; }
.p_container > *:last-child { margin-bottom: 0; }
.p_text {
  font-size: 13px;
  margin-bottom: 20px;
}
.p_text--bold {
  font-size: 14px;
  font-weight: bold;
}

.p_flexBox {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.p_flexBox + * {
  margin-top: 25px;
}
.p_flexBox__item { padding: 5px; }
.p_flexBox__inner {
  display: block;
  width: 100%;
}
#cont .bup_middle p.p_flexBox__inner { margin-bottom: 0; }
.p_flexBox__link {
  display: block;
  transition: .3s opacity;
}
.p_flexBox__link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p_flexBox__image {
  height: auto;
  display: block;
  margin: auto;
  max-width: 100%;
}

/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}

.p_container .p_list {
  font-size: 12px;
  margin: 20px 0;
}/* ※右ナビに.p_listがあるので.p_containerは外さない */
.p_list--hasMark {}
.p_list__item:not(:last-child) { margin-bottom: 5px; }

.p_list--hasMark > .p_list__item {
  padding-left: 1em;
  text-indent: -1em;
}

.p_banner { line-height: 0; }
.p_banner img {
  height: auto;
  max-width: 100%;
}

.p_link {
  display: block;
}
.p_link:hover {
  text-decoration: underline;
}

.p_link--banner {
  transition: .3s opacity;
}

.p_link--banner:hover {
  opacity: 0.7;
}

/*  右ナビ */
#r_navi { font-size: 13px; }


/*
    2023/06/02 幅広対応
================================*/
#base { width: 1220px; }
div#cont div#c3_l { width: 960px; }
div#cont div#c3_lr { width: 730px; }

.p_header_img {
  position: relative;
  max-width: 730px;
  visibility: visible;
}

@media screen and (max-width: 599px){
  #base { width: 100%; }
  div#cont div#c3_l { width: 100%; }
  div#cont div#c3_lr { width: 100%; }
  .p_header_img { width: 100%; }
}