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

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

    common

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

/* 暫定処理 */
.js_newMessage__list > li:nth-child(-n+3){
  display: none;
}

@media screen and (min-width: 768px) {
  html {
    scroll-padding-top: 143px;/* 固定ナビの高さ */
  }
}
@media screen and (min-width: 1220px) {
  html {
    scroll-padding-top: 113px;/* 固定ナビの高さ */
  }
}
#cont { line-height: normal; }
#c3_lr {
  font-family: "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
#base { width: 1220px; }/* #cont{margin: 0 10px;}があるため実質1200px */
div#cont div#c3_l { width: 975px; }
div#cont div#c3_lr { width: 750px; }

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


/* 印刷ボタン */
#print_btn {
  position: absolute;
  top: 3%;
  right: 1%;
}

/* お問合せボックス */
#request_box #request { margin: 30px auto; }/* とりあえず中央寄せに */

/* リンク */
a:hover {
    text-decoration: underline;
}

/* ソーシャルボタン */
.social_button {
  display: flex;
  margin: 20px 0;
}

.social_button > * {
  margin: 0 3px;
}
.social_button > *:nth-of-type(1) {
  margin-left: 0;
}

@media screen and (max-width:599px){
  /*.social_button { flex-direction: column; }*/
}

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

    コンテンツ

================================*/
/*
    トップ画周り
================================*/
/*全体構造*/
.p_contentHeader{
  /*font-family:"游ゴシック","Yu Gothic",sans-serif;*/
  font-size: 0;
  font-weight: 500;
  position: relative;
}
.p_contentHeader__image{
  /*text-align: center;*/
}
.p_contentHeader__aside{
  color: #c5baae;
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  font-size: 11px;
  /* test */
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.p_contentHeader__code + .p_contentHeader__date{
  padding-left: 16px;
}
.p_contentHeader__image + .p_contentHeader__aside{
  margin-top: 8px;
}
.p_contentHeader__aside + .p_contentHeader{
  margin-top: 8px;
}
@media screen and (max-width: 599px){
  .p_contentHeader__aside { position: static; }
  .p_contentHeader__code + .p_contentHeader__date{
    padding-left: 8px;
  }
}

.p_contentHeader__comment{
  background-color: #F5EEE6;
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 100%;
}

.p_headerComment {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 10px;
  padding: 0 15px;
  word-break: break-all;
}

.p_headerComment::before {
  /*content: "\f005";*/
  color: #fff;
  font-family: "fontAwesome";
  font-size: 1em;
  margin-right: 5px;
}

/* トップ画＋ロゴ */
.p_contentHeader__keyVisual {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.p_contentHeader__keyVisual_riam {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.p_contentHeader__keyVisual__logo {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
  width: 100%;
}

.p_contentHeader__keyVisual__link { width: 100%; }
.p_contentHeader__keyVisual__link:hover { opacity: .7; }
.p_contentHeader__keyVisual__logo img[src$="logo_reskilling.svg"] {
  max-height: 50px;
  width: 100%;
}
.p_contentHeader__keyVisual__logo{
  &:has(img[src$="logo_python_badge.svg"]) {
    justify-content: flex-end;
    .p_contentHeader__keyVisual__link { width: fit-content; }
  }
  & img[src$="logo_python_badge.svg"] {
    height: auto;
    width: 28px;
  }
}


/*見出し*/
.p_heading{}
.p_heading--bup{
  position: relative;
  padding: 8px 0 8px 72px;
  border-top:3px solid #194A72;
}
.p_heading--bup::before{
  content: url("../../img/icons/bottom_open-seminar.svg");
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 64px;
}
.p_heading--newComer{
  border-color: #d53d63;
}
.p_heading--newComer::before{
  content: url("/resource/img/icons/bottom_open-seminar-newcomer.svg");
}
.p_heading > .p_heading__ttl{
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}
.p_heading--qa{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #5398FF;
}
.p_heading--qa > .p_heading__img{
  margin-right: 12px;
  line-height: 0;
}
.p_heading--qa > .p_heading__sub{
  font-size: 15px;
}
.p_heading--commonQa{
  position: relative;
  margin-bottom: 12px;
  padding-left: 1.5em;
}
.p_heading--commonQa::before{
  content: "?";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  line-height: 1;
  color: #5398FF;
  font-size: 24px;
  transform: translateY(-50%);
}
.p_heading--commonQa > .p_heading__ttl{
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: normal;
}
.p_heading--commonQa .p_heading__sub{}

@media screen and (max-width:599px){
  /*.p_heading--bup{
    padding-left: 56px
  }
  .p_heading--bup::before{
    width: 48px;
  }*/
  .p_contentHeader__keyVisual { flex-direction: column; }
  /*.p_contentHeader__comment { display: none; }*/
  .p_contentHeader__keyVisual__logo { display: none; }
  .p_heading > .p_heading__ttl{ font-size: 15px; }
  .p_headerComment { margin-bottom: 0;padding: 0; }
}

/*キャッチコピー*/
.p_catchCopy{
  font-weight: bold;
  line-height: 1;
}
.p_catchCopy--bup{
  color: #18479e;
}

/* IDAロゴ */
.top_section__ida {
  /*margin-bottom: -25px;*/
  display: block;
  width: 100%;
  line-height: 0;
  text-align: right;
}

.top_section__ida a:hover { opacity: .6; }


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

/* オンライン研修導線 */
.p_bup_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_bup_attentionBox_img {
  margin-right: 10px;
  -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_bup_attentionBox_txt {
  color: #9e2730;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
}

/* IDAのロゴしかない場合に対応 */
.top_section__ida + .p_bup_attentionBox { margin-top: 0; }


/*
    ナビゲーション
================================*/
.bottomNavWrapper { margin: 10px 0; }

.bottomNavWrapper-box {
  background-color: #fff;
  width: 750px;
}

.bottomNavWrapper-box.is-fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  /* test */
  width: 100%;
  left: 0;
  box-shadow: 0 1px 8px rgba(0,0,0,.3);
}

.bottomNav {
  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;*/
  /*margin-top: 15px;*/
  padding-bottom: 5px;
  width: 100%;
  /* test */
  max-width: 750px;
  margin: 0 auto;
  background: #f3f3f3 content-box;
}


.bottomNav_item {
  /*
  -webkit-flex: 1 0 25%;
  -moz-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  -o-flex: 1 0 25%;
  flex: 1 0 25%;
  */
  -webkit-flex: 0 0 25%;
  -moz-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  -o-flex: 0 0 25%;
  flex: 0 0 25%;
  font-size: 14px;
}

.bottomNav_link {
  /*background-color: #f3f3f3;*/
  border: 1px solid transparent;
  color: #333;
  display: block;
  font-weight: bold;
  padding: 5px;
  /*text-align: center;*/
}

.bottomNav_link > span {}

.bottomNav_link:hover {
  background-color: #154493;
  /*border: 1px solid #bbb;*/
  color: #fff;
  text-decoration: none;
}

.bottomNav_link span::before {
  color: #1d75c5;
  display: inline;
  font-family: "fontAwesome";
  font-size: 1em;
  margin-right: 5px;
  vertical-align: baseline;
}

.bottomNav_link.programMenu span::before{ content: '\f0ce'; }
.bottomNav_link.needs span::before{ content: '\f2b5'; }
.bottomNav_link.attainmentTarget span::before{ content: '\f024'; }
.bottomNav_link.programExample span::before{ content: '\f03a'; }
.bottomNav_link.schedule span::before{ content: '\f073'; }

.bottomNav_link.faq span::before{ content: '\f059'; }
.bottomNav_link.evaluation span::before{ content: '\f005'; }
.bottomNav_link.recommended span::before{ content: '\f087'; }
.bottomNav_link.relatedLink span::before{ content: '\f0c1'; }

.bottomNav_link:hover span::before { color: #fff; }

/* サブナビ（お問合せ＆印刷ボタン） */
.bottomSubNav {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  /*margin: 15px 0 0;*/
  padding-bottom: 5px;
  /* test */
  width: 750px;
  margin: 5px auto 0;
}

.bottomSubNav_item {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
}

.bottomSubNav_item + .bottomSubNav_item { margin-left: 10px; }

.bottomSubNav_item.search { width: auto;flex: 1 0 auto; }
.bottomSubNav_item.column { align-self: center; }
.bottomSubNav_item.print {
  display: flex;
  width: 25%;
}
.bottomSubNav_item.contact { width: 25%; }

/* 2024/02/20 印刷ボタン＆お問合せボタン刷新 */
.bottomSubNav_item.print #print_preview_button { width: 100%; }
.bottomSubNav_item.print #print_preview_button > a {
  height: 100%;
  display: block;
  transition: .3s opacity;
}
.bottomSubNav_item.print #print_preview_button > a:hover {
  opacity: .7;
  text-decoration: none;
}
.bottomSubNav_item.print .bottomBtmNavi_item_link {
  background: rgb(41,111,168);
  background: linear-gradient(90deg, rgba(41,111,168,1) 0%, rgba(37,105,160,1) 30%, rgba(14,67,110,1) 100%);
  color: #fff;
  display: grid;
  grid-template-columns: repeat(2, max-content);
  height: 100%;
  line-height: 20px;
  place-content: center;
  position: relative;
}
.bottomSubNav_item.print .bottomBtmNavi_item_link::before {
  content: url("/resource/img/bup/icon_btm_printer.png");
  display: block;
  height: 20px;
  width: 25px;
}

.c_navLink-btn {
  align-items: center;
  /*background-color: #ff9e1d;*/
  background: rgb(216,130,0);
  background: linear-gradient(90deg, rgba(216,130,0,1) 0%, rgba(216,129,0,1) 30%, rgba(212,96,0,1) 100%);
  /*border-radius: 5px;
  box-shadow: inset -2px 2px 0 rgba(255, 255, 255, 0.4), -2px 2px 0 rgba(115, 99, 87, 1);*/
  color: #fff;
  display: grid;
  grid-template-columns: repeat(2, max-content);
  height: 100%;
  line-height: 20px;
  place-content: center;
  /*font-size: 14px;*/
  font-weight: 500;
  justify-content: center;
  width: 100%;
  transition: .3s;
}

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

@media screen and (max-width: 599px) {
  .c_navLink-btn { padding: 10px 5px; }
}

.c_navLink-btn:hover {
  opacity: .6;
  text-decoration: none;
}

.c_navLink-btn::before {
  /*ontent: "\f040";*/
  content: url("/resource/img/bup/icon_btn_pencil.png");
  display: block;
  height: 20px;
  width: 25px;
  /*font-family: "FontAwesome";
  font-size: 1.2em;
  margin-right: 5px;*/
}

/* 読み物・コラム */
.c_navLink-banner {
  display: flex;
  transition: .3s;
}
.c_navLink-banner:hover { opacity: .6; }


/* 印刷ボタン打消し */
div#print_preview_button { margin-top: 0 !important; }/* importantの打消し */
div#print_preview_button img {
  display: block;
  float: none;
  margin: 0;
}

/* 検索窓上書き */
.bottomSubNav .mr-search {
  border-bottom: none;
  padding: 0;
  width: 100%;
}
/* .bottomSubNav .mr-search__tf { background-image: url("../../img/new_bup/icon_search_blue.png"); } */


@media screen and (max-width:768px){
  .bottomNavWrapper-box { width: 100%; }
  .bottomNavWrapper-box.is-fixed { left: 0; }
  .bottomNav_link { font-size: 13px;font-weight: normal; }
  .bottomNav_item {flex: 0 1 33.333%; }
  .bottomSubNav { width: auto; }
} 

@media screen and (max-width:599px){
  /*.bottomNav_item { width: auto;flex: 1 1 50%; }*/
  .bottomNav_item { width: auto;flex: 0 1 50%; }
  .bottomNav_link { font-size: 11px; }
  .bottomSubNav { flex-wrap: wrap;width: auto; }
  .bottomSubNav_item.search { width: 50%; }
  .bottomSubNav_item.contact { margin-left: 0;margin-top: 10px;width: 100%; }
}

@media screen and (max-width:320px){
  .bottomNav_item { width: 100%;flex: auto; }
  .bottomNav_link { font-size: 13px; }
  .bottomSubNav_item + .bottomSubNav_item { margin-left: 0; }
}



/* 「公開」「e-ラン」へのリンク（ナビ下） */
#training_format p {
  margin-bottom:10px;
  font-size:15px;
}

#training_format li {
  margin-bottom:9px;
  font-size:14px;
  padding-left:9px;
  text-indent:-9px;
}

#training_format li img {
  margin-right:5px;
  vertical-align:2px;
}

.bup_s_arrow{
background-color:#0066ff;
margin-right:5px;
}

/* ページ下部の四角い画像ナビ */
#nav_box_bottom { margin: 30px 0; }

.bottomBtmNavi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.bottomBtmNavi_item {
  border-color:#d9d0bb #ccc;
  border-style: solid;
  border-width: 3px 0  3px 1px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
}

.bottomBtmNavi_item:first-of-type { border-left: none; }

.bottomBtmNavi_item:last-of-type { margin-right: 0; }

.bottomBtmNavi_item:hover { border-color: #5398FF #ccc; }

.bottomBtmNavi_link {
  -ms-align-items: center;
  align-items: center;
  background-image: -webkit-linear-gradient(top, #fff 30%, #efebe2);
  background-image: -o-linear-gradient(top, #fff 30%, #efebe2);
  background-image: linear-gradient(top, #fff 30%, #efebe2);
  color: inherit;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  font-weight: bold;
  padding: 3px 0;
  text-align: center;
  width: 100%;
}

.bottomBtmNavi_link::before {
  color: #1d75c5;
  display: block;
  font-family: "fontAwesome";
  font-size: 20px;
  }

.bottomBtmNavi_link.bupTop::before{ content: '\f108'; }
.bottomBtmNavi_link.lineup::before{ content: '\f03a'; }
.bottomBtmNavi_link.faq::before{ content: '\f128'; }
.bottomBtmNavi_link.flow::before{ content: '\f061'; }
.bottomBtmNavi_link.schedule::before{ content: '\f073'; }
.bottomBtmNavi_link.contact::before{ content: '\f0e0'; }
.bottomBtmNavi_link.grade::before{ content: '\f005'; }

.bottomBtmNavi_link > span {
  font-size: 11px;
  font-weight: normal;
  margin: auto;
}

.bottomBtmNavi_link:hover {
  background-image: -webkit-linear-gradient(bottom, #fff 30%, #efebe2);
  background-image: -o-linear-gradient(bottom, #fff 30%, #efebe2);
  background-image: linear-gradient(to top, #fff 30%, #efebe2);
  opacity: 1;
}

@media screen and (max-width:599px){
.bottomBtmNavi { flex-wrap: wrap; }
.bottomBtmNavi_item { flex-basis: auto; margin-right: 0; width: 50%; }
.bottomBtmNavi_item:nth-of-type(odd){ border-left: none; }
.bottomBtmNavi_link[class*="flow"] br { display: none; }
}


/*
    見出し
================================*/
.p_heading-main {
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #17486E;
  background:none;
  color: #17486E;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 4px;
  margin-bottom: 10px;
  padding: 3px 10px;
  position:relative;
}

.p_heading-main::before {
  display: block;
  font-family: "FontAwesome";
  font-size: 1.2em;
  margin-right: 10px;
}


#target::before { content: "\f007"; }
#needs::before { content: "\f2b5"; }
#programMenu::before { content: "\f0ce"; }
#attainmentTarget::before { content: "\f024"; }
#programExample::before { content: "\f03a"; }
#comment::before { content: "\f075"; }
#schedule::before { content: "\f073"; }
/*#faq::before { content: "\f059"; }*/
#evaluation::before { content: "\f005"; }
#recommended::before { content: "\f087"; }
#relatedLink::before { content: "\f0c1"; }
#coursemap::before { content: "\f277"; }
#relatedColumn::before { content: "\f02d"; }
/*#relatedColumn::before {
  content: "";
  background-image:url("/resource/img/bup/icon_column_heading2.gif");
  background-position: center;
  background-repeat: no-repeat;
  height: 34px;
  width: 32px;
}*/
#sponsorship::before { content: "\f1ad"; }
#special::before { content: "\f0eb"; }
#appFlow::before { content: "\f1d8"; }

.p_heading-main_subtxt {
  display: inline-block;
  font-size: .6em;
  font-weight: normal;
  letter-spacing: 5px;
  margin-left: 5%;
  text-transform: uppercase;
}

@media screen and (max-width:600px){
  .p_heading-main_subtxt { display: none; }
}

/* 枠線の中のh3 */
.p_heading-inner {
  font-size: 14px;
  margin-bottom: 20px;
}

.p_heading-inner img {
  background-color: #5398FF;
  margin-right: 5px;
  vertical-align: -6px;
}

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

/*
    対象者タグ
================================*/
.p_tagWrapper {
  align-items: flex-start;
  border-bottom: 1px solid currentColor;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  /*margin-bottom: 10px;*/
}

.p_notice:not(:has(.__area_needs)) .p_tagWrapper {
  align-items: center;
  flex-direction: row;
}

.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: 0px;
  color: #fff;
  display: block;
  font-size: 11px;
  margin: 0 3px;
  padding: 1px 9px;
  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; }


/*
    各カスタムフィールドの中身
================================*/
.p_cntContainer {
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}

@media screen and (min-width: 810px) {
  .main_box.__narrow {
    margin-left: 45px;
    width: 45em;
  }
}

/****** ▼対象者＆ニーズ▼ */
.p_notice {
  /*background-color: #e9ecff;
  padding: 10px;*/
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.p_notice:not(:has(.__area_needs)) { display: block; }

@media screen and (max-width: 599px) {
  .p_notice {
    grid-template-columns: 1fr;
  }
}

.p_cntContainer:is(.__area_target, .__area_needs) {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 10px;
}/* 対象者 */

/*.p_cntContainer.__area_needs {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 10px;
}*//* お悩み、ニーズ */

.p_cntContainer.__area_needs:has(.p_needsBox + *) { grid-row: span 3; }
.p_cntContainer.__area_needs:has(.p_needsBox + * + *) { grid-row: span 4; }

.p_notice .p_cntContainer + .p_cntContainer { margin-top: 0; }

.p_notice .p_heading-main {
  border: none;
  padding: 0;
}

.p_notice #target {
  /*margin: 0 10px 0 0;
  font-weight: bold;*/
  margin-bottom: 0;
}
.p_notice #needs {
  /*font-weight: bold;*/
  align-items: end;
  border-bottom: 1px solid currentColor;
  margin-bottom: 0;
}

.p_notice .main_box {
  /*background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px;*/
}

/* 対象者内箇条書きリスト */
.m_list--bullet {}
.m_list--bullet > .m_list__item {
  padding-left: 1em;
  position: relative;
}
.m_list--bullet > .m_list__item::before {
  content: "\30FB";/* ・（中黒） */
  position: absolute;
  top: 0;
  left: 0;
}

/****** ▲対象者＆ニーズ▲ */

/* 2023/06/07 類似研修への誘導　追加 */
.m_addBox { grid-area: p_addBox; }
.m_addBox > * + * { margin-top: 20px; }

.m_link--theme_red { color: #e51e19; }
.m_hasIco {
  padding-left: 1em;
  text-indent: -1em;
}

/* 2023/04/05 プロフィール欄（社長） */
.p_needsBox + .p_profileBox { margin-top: 10px; }
.p_profileBox {}
.p_profileBox__inner {}
.p_profileBox__title {
  align-items: center;
  color: #997120;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 4px;
  margin-bottom: 10px;
  position: relative;
}
.p_profileBox__title::before {
  content: "\f007";
  display: block;
  font-family: "FontAwesome";
  font-size: 1.2em;
  margin-right: 10px;
}
.p_profileBox__contents {
  /*overflow: hidden;*/
  display: flex;
}
@media screen and (max-width: 599px) {
  .p_profileBox__contents {
    flex-direction: column;
  }
}
.p_profileBox__image {
  display: block;
  /*float: left;*/
  flex-shrink: 0;
  margin-right: 10px;
  width: 100px;
}
.p_profileBox__image > img {
  aspect-ratio: 8 / 9;
  height: auto;
  max-width: 100%;
}
.p_profileBox__text {}
.p_profileBox__text > * + * { margin-top: 20px; }

.main_box p {  padding-bottom: 0; }
.main_box p + p {  padding-top: 20px; }

/* ニーズにお応えします（チェックマーク） */
.p_needsBox {
  /*background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px;*/
}

.p_needsBox_item {
  position: relative;
  padding-left: 2em;
}

.p_needsBox_item + .p_needsBox_item { margin-top: 5px; }

.p_needsBox_item::before {
  border-right: 4px solid #E51E19;
  border-bottom: 4px solid #E51E19;
  content: "";
  display: block;
  height: 11px;
  position: absolute;
  top: 0;
  left: 0.7em;
  transform: rotate(45deg);
  width: 4px;
}

.cf_box {
  border-color: #D9D0BB;
  border-style: solid;
  border-width: 4px 1px 1px;
  margin-bottom: 20px;
  padding: 20px;
}

.p_cntContainer + .p_cntContainer { margin-top: 24px; }

script + .p_cntContainer:has(> #schedule){
  margin-top: 24px;
}

/* WEBinsource（スケジュール内） */
.webinsBox { font-size: 12px; }

.webinsBox_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 10px;
}

.webinsBox_inner > p:first-of-type { margin-right: 30px; }

@media screen and (max-width:599px) {
  .webinsBox_inner { flex-direction: column; }
}/* @media */

/* 注意点（青い枠線） */
.webin_borderBox {
  border: 2px solid #b5d1ec;
  margin-bottom: 20px;
  padding: 15px;
}

.webin_borderBox_list {}

.webin_borderBox_list > li {
  padding-left: 3.2em;
  text-indent: -3.2em;
}

/* よくあるご質問（青い枠線） */
.bup_faqBox {
  border: 2px solid #B5D1EC;
  margin: 20px 0;
  padding: 20px;
  width: 100%;
}

/* 全力QA */
.p_faq{
  border: 1px solid;
}
.p_faq__item{
  padding: 12px 16px;
}
.p_faq__item--common{
  background: #e9ecff;
}
.p_faq__listItem{}
.p_faq__listItem + .p_faq__listItem{
  margin-top: 8px;
}
.p_faq__link{
  position: relative;
  display: block;
  padding-left: 16px;
}
.p_faq__link::before{
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid;
  border-right: none;
}
.p_faq__qa{
  position: relative;
  padding-left: 1.5em;
}
.p_faq__qa::before{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #5398FF;
}
.p_faq__qa--question{
  cursor: pointer;
  font-weight: bold;
}
.p_faq__qa--question::before{
  content: "Q.";
}
/*
.p_faq__qa--answer{
  margin-top: 8px;
  white-space: pre-wrap;
}
.p_faq__qa--answer::before{
  content: "A.";
  font-weight: bold;
}
*/
.p_faq--bup{
  border-color: #5398FF;
}
/*
.v-enter-active,.v-leave-active{transition:.5s height,.5s opacity;}
.v-enter{opacity:0;}
.v-leave-to{visibility:hidden}
*/

/*
    カリキュラムテーブル
================================*/

[id^="programTable"] tr td ul{
  list-style-type:none;
  margin: 0px 0px 0px 5px;
  line-height: 1.8;
}

[id^="programTable"] tr td ul.mid{
  list-style-type: disc;
  margin: 0px 0px 0px 50px;
  line-height: 1.8;
}

[id^="programTable"] tr td ol il ol li{
  list-style-type: decimal;
}

[id^="programTable"]{
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 13px;
  margin: 0px;
  width: 100%;
}

table[id^="programTable"]{
  background-color: #194A72;
}

[id^="programTable"] tr{
background-color: #ffffff;
}

[id^="programTable"] tr td{
  padding: 5px;
  vertical-align: middle;
}

[id^="programTable"] td.tblTitle{
  color: #FFFFFF;
  background-color: #194A72;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

[id^="programTable"] td.tblSubTitle{
  background-color: #E5FFFC;
}
/* 2023/01/24 講師派遣ボトムと揃えるため追記 */
[id^="programTable"] tr[style="color:#FFFFFF"] {
  color: currentColor !important;
}
[id^="programTable"] td.tblSubTitle1{
  height:2em;
  width: 35px;
  padding:1px;
  vertical-align:middle;
}
[id^="programTable"] td.tblSubTitle2{
  height:2em;
  width:406px;
  padding:1px;
  vertical-align:middle;
}
[id^="programTable"] td.tblSubTitle3{
  height:2em;
  width: 55px;
  padding:1px;
  vertical-align:middle;
}
/* 2023/01/24 講師派遣ボトムと揃えるため追記 */

[id^="programTable"] h2.emphasis {
  background: none;
  font-size: 14px;
  margin-bottom: 0px;
  margin-left: -5px;
  color: #0739AF;
}

[id^="programTable"] tr td ol{margin-left:5px;padding-left:0;}
[id^="programTable"] tr td ol li{margin-left:15px;padding-left:0;}
[id^="programTable"] tr td ol li ul{margin-left:10px;padding-left:0;}
[id^="programTable"] tr td ol li ul li{margin-left:5px;padding-left:0;}
[id^="programTable"] tr td ul{margin-left:5px;padding-left:0;}
[id^="programTable"] tr td ul li{margin-left:15px;padding-left:0;}
[id^="programTable"] tr td ul li ul{margin-left:10px;padding-left:0;}
[id^="programTable"] tr td ul li ul li{margin-left:5px;padding-left:0;}
[id^="programTable"] div ol{margin-left:10px;padding-left:0;}
[id^="programTable"] div ol li{margin-left:10px;padding-left:0;margin-top:5px;margin-bottom:5px;}
[id^="programTable"] div ol li ul{margin-left:0;;padding-left:0;}
[id^="programTable"] div ol li ul li{margin-left:0;padding-left:0;}table tr td ol{margin-left:20px;padding-left:0;}
[id^="programTable"] div ul{margin-left:10px;padding-left:0;}
[id^="programTable"] div ul li ul li{margin-left:0;padding-left:0;}table tr td ol{margin-left:20px;padding-left:0;}


/* プログラム例部分のリンク */
.p_programLink {
  display: flex;
  margin: 20px 0;
  padding-bottom: 0 !important;/* .main_box pの打消し */
}
.c_link-barType {
  border-radius: 2px;
  padding: 5px 15px;
  margin: 0 0 0 auto;
  transition: .3s;
  font-size: 12px;
  background-color: #FF6347;
  color: #fff;
}

.c_link-barType:hover {
  opacity: .6;
  text-decoration-line:none;
  color: #fff;
}

/* 2023/01/11 カリキュラム振り分けボタン */
.p_list--curriculumSwitch {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}

.p_list--curriculumSwitch__item {
  flex: 1;
}
.p_list--curriculumSwitch__item + .p_list--curriculumSwitch__item { margin-left: 5px; }

.p_list--curriculumSwitch__item.__old {}

.p_list--curriculumSwitch__item > a {
  align-items: center;
  background-color: #0066FF;
  border-radius: 3px;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 5px;
}
.p_list--curriculumSwitch__item.__old > a { background-color: #5b7e4c; }

.p_list--curriculumSwitch__item > a:hover {
  opacity: 0.7;
  text-decoration: none;
}

table[id^="programTable"]:not(:first-of-type){ margin-top: 20px; }

table[id^="programTable--old"],
[id^="programTable--old"] td.tblTitle {
  background-color: #5b7e4c;
}



/*
    受講者の評価
================================*/
#hyouka_box {}

.hyouka_box_inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

/* 見出し（研修評価） */
.hyouka_box_inner > p:first-of-type { flex: 1 0 100%; }

/* 期間 */
.hyouka_box_inner > p:last-of-type {
  margin-top: 10px;
  text-align: right;
  width: 100%;
}

.hyouka_box_detail { width: 50%; }

.hyouka_box_detail > p { font-weight: bold; }

.hyouka_box_detail img { height: 10px; width: 50%;}

@media screen and (max-width:599px) {
  .hyouka_box_inner { flex-direction: column; }
  .hyouka_box_detail { width: 100%; }
}/* @media */

#hyouka_box .ibox {
border-bottom: 2px dotted #ccc;
margin-bottom: 10px;
padding-bottom: 10px;
}

#hyouka_box .ibox dt {
  color: #333;
  font-size: 15px;
  margin-bottom: 5px;
}

#hyouka_box .ibox dt:nth-of-type(2),
#hyouka_box .ibox dt:nth-of-type(2) + dd,
#hyouka_box .ibox dt:nth-of-type(3),
#hyouka_box .ibox dt:nth-of-type(3)+dd { display: none; }/* 業界と評価のグラフ非表示 */

#hyouka_box .ibox dd { margin-bottom: 10px; }

#hyouka_box .ibox dd li {
  /*background-image: url("../../../common/img/icon_voice_g.png");
  background-position: left 1px;
  background-repeat: no-repeat;*/
  line-height: 1.3;
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}

#hyouka_box .ibox dd li::before {
  color: #17486E;
  content: "\f2bd";
  display: block;
  font-family: "FontAwesome";
  font-size: 20px;
  position: absolute;
  left: 0;
}

/* 2024/04/03 グリッド化 */
.m_evalContainer {
  --evalContainerGap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(375px - var(--evalContainerGap)), 1fr));
  gap: var(--evalContainerGap);

  > .clr {display: none;}

  .ibox:nth-of-type(n+5) { display: none; }

}

@media screen and (min-width:375px){
  #hyouka_box .ibox dt:nth-of-type(1) {
    float: left;
    clear: left;
    margin-right: 1em;
  }
}



/*
    他の推奨プログラム
================================*/
.p_recommendCourse {
  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;
  justify-content: space-between;
}

.p_recommendCourse_inner {
  margin: 10px 0;
  width: 48%;
}

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

.p_recommendLink {
  display: block;
  /*flex-direction: column;
  justify-content: space-between;
  height: 100%;*/
  transition: .3s;
}

.p_recommendLink:hover {
  opacity: .6;
  text-decoration: none;
}


.p_recommendTtl {
  background-image: url("../../img/bup/icon_recommend2.gif");
  background-position: left top;
  background-repeat: no-repeat;
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;*/
  min-height: 37px;/* アイコンの高さに合わせる */
  margin-bottom: 10px;
  padding-left: 47px;
}

.p_recommendTtl_icon {
  display: block;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 100%;
  margin-right: 10px;
}



/*
    関連コラム
================================*/
.p_columnList {}

.p_columnList_item {}
.p_columnList_item > a {
  background-image: url("/resource/img/bup/icon_column.gif");
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  min-height: 30px;
  padding-left: 35px;
  padding-top: .2em;
}



/*
    新右ナビデザイン（アンカーテキスト化）
================================*/
/*Component*/
.c_media{display:table;width:100%;}
.c_media__image{display:table-cell;}
.c_media__image > a > img{display:block;}
.c_media__body{display:table-cell;vertical-align:top;}
.c_media__body--middle{vertical-align:middle;}

/*Project*/
.p_bup_media{margin-bottom:10px;letter-spacing:0;line-height:1.0;}
.p_bup_media__body{letter-spacing:inherit;line-height:inherit;}
.p_bup_media__link{text-decoration:none;color:inherit;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__link--img:hover{opacity:0.7;}
.p_bup_media__link--txt:hover{text-decoration:underline;color:inherit;}
.p_bup_media__image{width:62px;padding-right:2px;}
.p_bup_media__cc_box{margin-bottom:5px;font-size:11px;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__icon_box{width:28px;padding-right:2px;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__icon{display:block;width:26px;height:26px;padding:2px;color:#fff;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__cc{font-weight:bold;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__ttl{font-size:14px;font-weight:bold;letter-spacing:inherit;line-height:inherit;}

/*Utility*/
.u_lsn1{letter-spacing:-1px !important;}

.u_fw-b { font-weight: bold; }
.u_td-u { text-decoration: underline; }
.u_c-red { color: red; }

.u_ta-c { text-align: center; }
.u_ta-l { text-align: left; }
.u_ta-r { text-align: right; }
.u_revIndent1em { 
  text-indent: -1em;
  padding-left: 1em;
}

/*横幅*/
.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%;}
}


/* 2019/07/02 修正 */
.no1,
.no2 {
   height: 10px;
}

/* 右ナビ＿お申込みの流れ */
.p_bgcBox {
  background-color: #e8eaef;
  font-size: 14px;
  margin: 20px 0;
  padding: 10px;
}

.p_list {}

.p_list_item {}

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

.c_link { transition: .3s; }

.c_link:hover { text-decoration: none; opacity: .6; }

.c_link-hasIco {
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 13px;
  position: relative;  
}

.c_link-hasIco.first {
  -ms-align-items: center;
  align-items: center;
}

.c_link-hasIco::before {
  color: #1583be;
  content: "";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  width: 20px;
}

.c_link-hasIco.flowApp::before  { content: "\f044"; }
.c_link-hasIco.faq::before { content: "\f128"; }
.c_link-hasIco.first::before { content: url("/resource/img/bup/icon_beginnerMark.gif");height: 20px; margin-left: -4px; margin-right: 8px; }
.c_link-hasIco.flowCourse::before { content: "\f51b"; }

/* 20210709 追記 */
.c_link-hasIco.flowOnlineCourse::before { content: "\f1eb"; transform:rotate(-45deg) }

.c_link-hasIco.company::before {
  content: url("/resource/img/bup/bup_icon-04.png");
  vertical-align: -4px;
}
.c_link-hasIco.search::before {
  /*content: url("/resource/img/bup/bup_icon-03.png");*/
  content: "\f002";
  vertical-align: -2px;
}

.c_link-arrow {
  color: inherit;
  position: relative;
}

.c_link-arrow::after {
  border-top: 3px solid #1583be;
  border-right: 3px solid #1583be;
  content: "";
  display: block;
  height: .5em;
  margin-left: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(45deg);
  width: .5em;
}

/* 2023/06/14 右ナビ改修 */
.m_sideBasicMenu { margin: 20px 0; }

.m_sideBasicList {}
.m_sideBasicList > * + * { margin-top: 2px; }

/*
.m_sideBasicList__item {}

.m_sideBasicList__link {
  align-items: center;
  color: currentColor;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  padding: 8px;
  text-decoration: none;
}

.m_sideBasicList__link:hover {
  background-color: #e6002d;
  color: #fff;
  text-decoration: none;
}

.m_sideBasicList__link::before {
  height: 20px;
  margin-right: 10px;
  width: 20px;
}

.m_sideBasicList__link.__whats::before {content: url("/resource/img/bup/icon_navi_1_1.svg");}
.m_sideBasicList__link.__flowApp::before {content: url("/resource/img/bup/icon_navi_2_1.svg");}
.m_sideBasicList__link.__find::before {content: url("/resource/img/bup/icon_navi_3_1.svg");}
.m_sideBasicList__link.__flowCourse::before {content: url("/resource/img/bup/icon_navi_4_1.svg");}
.m_sideBasicList__link.__flowOnline::before {content: url("/resource/img/bup/icon_navi_5_1.svg");}
.m_sideBasicList__link.__corporateService::before {content: url("/resource/img/bup/icon_navi_6_1.svg");}
.m_sideBasicList__link.__faq::before {content: url("/resource/img/bup/icon_navi_7_1.svg");}

.m_sideBasicList__link.__whats:hover::before {content: url("/resource/img/bup/icon_navi_1_2.svg");}
.m_sideBasicList__link.__flowApp:hover::before {content: url("/resource/img/bup/icon_navi_2_2.svg");}
.m_sideBasicList__link.__find:hover::before {content: url("/resource/img/bup/icon_navi_3_2.svg");}
.m_sideBasicList__link.__flowCourse:hover::before {content: url("/resource/img/bup/icon_navi_4_2.svg");}
.m_sideBasicList__link.__flowOnline:hover::before {content: url("/resource/img/bup/icon_navi_5_2.svg");}
.m_sideBasicList__link.__corporateService:hover::before {content: url("/resource/img/bup/icon_navi_6_2.svg");}
.m_sideBasicList__link.__faq:hover::before {content: url("/resource/img/bup/icon_navi_7_2.svg");}
*/

/* 2025/01/07 改修 */
.m_sideBasicList__item {
  --theme_sideBasicList: #e6002d;/* ナビの色を変えたいときはこのカラーコードを変更してください */
}

.m_sideBasicList__link {
  color: currentColor;
  display: grid;
  grid-template-columns: auto auto 1fr;
  font-size: 13px;
  font-weight: bold;
  padding: 8px;
  place-items: center;

  &:hover {
    background-color: var(--theme_sideBasicList);
    color: #fff;
    text-decoration: none;

    &::before { background-color: #fff; }
  }

  &::before {
    background-color: var(--theme_sideBasicList);
    content: "" !important;
    height: 20px;
    margin-right: 10px;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 20px;
  }
  &.__whats::before { mask-image: url("/resource/img/bup/icon_navi_1_1.svg"); }
  &.__reasonsToChoose::before { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5 .4 5.1 .8 7.7 .8 26.5 0 48-21.5 48-48s-21.5-48-48-48z"/></svg>'); }
  &.__flowApp::before { mask-image: url("/resource/img/bup/icon_navi_2_1.svg"); }
  &.__find::before { mask-image: url("/resource/img/bup/icon_navi_3_1.svg"); }
  &.__flowCourse::before { mask-image: url("/resource/img/bup/icon_navi_4_1.svg"); }
  &.__flowOnline::before { mask-image: url("/resource/img/bup/icon_navi_5_1.svg"); }
  &.__corporateService::before { mask-image: url("/resource/img/bup/icon_navi_6_1.svg"); }
  &.__faq::before { mask-image: url("/resource/img/bup/icon_navi_7_1.svg"); }
}


.m_sideBasicList__link::after {
  background-color: #e6002d;
  clip-path: path("M1.768,12.768,0,11,4.616,6.384,0,1.768,1.768,0,8.152,6.384Z");/* > */
  content: "";
  height: 13px;
  margin-left: auto;
  width: 10px;
}
.m_sideBasicList__link:hover:after { background-color: #fff; }


/* 2020/04/07 お知らせ欄 */
.box_attention {
  border: 2px solid #1583BE;
  margin: 10px 0 20px;
}

.box_attention_ttl {
  background-color: #1583BE;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
}

.box_attention_inner {
  padding: 10px;
}

.box_attention_text {}

.box_attention_linkBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}


.box_attention_link {
  background-color: #997120;
  color: #fff;
  margin-top: 5px;
  padding: 2px 5px;
}

.box_attention_linkBox::after {
  content: "";
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-left: 10px solid #997120;
  display: inline-block;
  margin-top: 5px;
}

/* 22/3/29 スケジュール部分の注意書き */
/* ラッパー */
.box_scheduleAttention_wrap{
  margin-bottom: 40px;
}
.box_scheduleAttention_wrap__item + .box_scheduleAttention_wrap__item{
  margin-top: 16px;
}
/* 本体 */
.box_scheduleAttention{}
.box_scheduleAttention__body {}
.box_scheduleAttention__body--free {}
.box_scheduleAttention__ttl{
  position: relative;
  margin-bottom: 0px;
  padding: 8px 0 8px 42px;
  border-radius: 100px;
  line-height: 1;
  font-weight: bold;
  color: #C00000;
  font-size: 16px;
/*  background: #FDDADA;*/
}
.box_scheduleAttention__ttl::before{
  content: url("/resource/img/bup/icon_schedule_attention.png");
  position: absolute;
  left: 6px;
  top: 0;
  bottom: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto 0;
  line-height: 0;
}
.box_scheduleAttention__text{}
.box_scheduleAttention__text + .box_scheduleAttention__text { margin-top: 20px; }
.box_scheduleAttention__list{}

.box_scheduleAttention__listItem{
  position: relative;
  display: block;
  padding-left: 1em;
  font-size: 14px;
}
.box_scheduleAttention__listItem::before{
  content: "・";
  position: absolute;
  left: 0;
  display: block;
}
.box_scheduleAttention__listItem + .box_scheduleAttention__listItem{
  margin-top: 4px;
}
.box_scheduleAttention__link{
  color: inherit;
  text-decoration: underline;
}
.box_scheduleAttention__link:hover{
  opacity: .7;
}
.box_scheduleAttention__footer{
  margin-top: 8px;
}
.box_scheduleAttention__footNote{
  position: relative;
  padding-left: 1em;
  font-size: 12px;
}
.box_scheduleAttention__footNote::before{
  content: "※";
  position: absolute;
  left: 0;
  display: block;
}
/* 2024/02/14 幅狭対応 */
@media screen and (min-width: 768px) {
  :is(.box_scheduleAttention__body, .box_scheduleAttention__list, .box_scheduleAttention__footer) {
    margin-left: 42px;
    max-width: 45em;
  }
}


/* 20/4/7 スケジュールボックス（オンライン対応） */
.schedule_box{}
.schedule_box__heading{
  position: relative;
  margin-bottom: 16px;
  padding-left: 32px;
  font-size: 16px;
  font-weight: bold;
}
.schedule_box__heading::before{
  position: absolute;
  top: 50%;
  left: 0;
  font: normal 24px / 1 fontAwesome;
  transform: translateY(-50%);
}

.schedule_box__heading--online::before{
  content: "\f03d";
  color: #1d75c5;
}
.schedule_box__heading--seminarRoom::before{
  content: "\f0c0";
  color: #1d75c5;
}
.schedule_box__lead{}
.schedule_box__leadTtl{
  color: #E46C0A;
}
.schedule_box__msg{}
.schedule_box__link{
  color: inherit;
  text-decoration: underline;
}
.schedule_box__link:hover{
  opacity: .7;
}
.schedule_box__lead + .schedule_box__body{
  margin-top: 16px;
}
.schedule_box__body {}
.schedule_box__body.__moreHeight {
  overflow: hidden scroll;
  max-height: 1020px;
}
/* 2020/06/05 max-width指定 */
.maw620 p { /*max-width: 750px;*/ }

/* 2020/06/10 共通で使えるdiv */
.box_common {
  margin: 20px 0;
  font-size: inherit;
}

.list_bullet {}
.p_list-mark {}

.list_bullet > li,
.p_list-mark > li {
  padding-left: 1em;
  text-indent: -1em;
}

#relatedLink ~ .main_box .p_list-mark a{  
  font-size: 14px;
  transition: .3s;
  &:hover{
    text-decoration:none;
    opacity:0.6;
  }
}

/* 2020/07/14 お問合せボタン */
.c_link-gradation {
  background:linear-gradient(to right,crimson 10%, mediumvioletred 60%, deeppink 100%) no-repeat left top / 200% 100%;
  color: #fff;
  display: inline-block;
  /*margin-top: 10px;*/
  padding: 7px 21px;
  text-align: center;
  transition:.3s background;
} 

.c_link-gradation:hover{
  opacity: 1;
  background-position:right top;
  text-decoration: none;
}


/* 2020/12/15 注意事項ボックス */
.p_cationBox{
  padding: 8px;
  border: 1px solid;
}
.p_cationBox__item{}
.p_cationBox__item + .p_cationBox__item{
  margin-top: 10px;
}
.p_cationBox__item p + p{
  padding: 0;
}
.p_cationBox__em{
  font-weight: bold;
}
.p_cationBox__em--colorAccent{
  color: #e6002d;
}

/* おすすめ動画教材 */
.side_recommendedvideo{
  margin-top: 16px;
}
.side_recommendedvideo__ttl{
  border-top: 3px solid #aa0521;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding: 7px 0;
}
.side_recommendedvideo__linkWrap{
  display: block;
}
.side_recommendedvideo__link{}
.side_recommendedvideo__img{
  display: block;
}
.side_recommendedvideo__linkWrap + .side_recommendedvideo__linkWrap{
  margin-top: 8px;
}

/* 2021/07/20 ボタン追加 */
.p_linkBox {}

.c_link-btn {
  background-color: #e45c4d;
  border-radius: 5px;
  box-shadow: inset -2px 2px 0 rgb(255 255 255 / 40%), -2px 2px 0 #736357;
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin: auto;
  padding: 10px;
  width: calc(100% - 4px);
}

.c_link-btn:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* 2021/07/20 プロマネ極意への遷移 */
.pjManageGokui{}
.pjManageGokui__lead{
  position: relative;
  padding-left: 1em;
}
.pjManageGokui__lead::before{
  content: "※";
  position: absolute;
  left: 0;
  display: block;
}
.pjManageGokui__btn{
  display: flex;
  font-size: 16px;
  color: inherit;
  justify-content: center;
}
.pjManageGokui__btn::before{
  content: "";
  display: block;
  height: 2.5em;
}
.pjManageGokui__btnTarget{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2em;
  border-radius: 8px;
  box-shadow: 4px 4px 8px #999;
  background: #00a99d;
  color: #fff;
  font-size: inherit;
  border: 2px solid #00a99d;
}
.pjManageGokui__btnTarget:hover{
  text-decoration: none;
  background: #fff;
  color: #00a99d;
}
.pjManageGokui__btnTarget br{
  display: none;
}
@media screen and (max-width:599px){
  .pjManageGokui__btnTarget{
    width: 90%;
    padding: 0.5em 1em;
  }
  .pjManageGokui__btnTarget br{
    display: inline;
  }
}


/* 2021/12/09 新人ITまとめページへの導線 */
.p_toNewComerIt{
  padding: 16px;
  border: solid 2px #333;
}
.p_toNewComerIt__msg{
  font-size: 16px;
  font-weight: bold;
}
.p_toNewComerIt__link{
  text-decoration: underline;
}
.p_toNewComerIt__msg + .p_toNewComerIt__btn{
  margin-top: 16px;
}
.p_toNewComerIt__btn{
  display: flex;
  justify-content: center;
  align-items: stretch;
  font-size: 16px;
}
.p_toNewComerIt__btn::before{
  content: "";
  display: block;
  width: 0;
  height: 2.5em;
}
.p_toNewComerIt__btnTarget{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 280px;
  padding: 0 20px;
  border-radius: 8px;
  background: #ff9e1d;
  color: inherit;
  font-weight: bold;
}
.p_toNewComerIt__btnTarget:hover{
  text-decoration: none;
}
.p_toNewComerIt__btnTarget::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-top: 3px solid;
  border-right: 3px solid;
  transform: rotate(45deg);
}

/* コースマップ */
#coursemapVue[v-cloak]{
  display: none;
}
.p_courseMap{}
.p_courseMap__target{
  position: relative;
  display: block;
  color: inherit;
}
.p_courseMap__target::before{
  content: "詳しくみる";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  color: #fff;
  font-size: 20px;
  transition: .3s opacity;
}
.p_courseMap__target:hover::before{
  opacity: 1;
}
.p_courseMap__headingImg{
  line-height: 0;
}
.p_courseMap__headingImg img{
  width: 100%;
  height: auto;
}
.p_courseMap__headingImg + .p_courseMap__bodyImg{
  margin-top: 4px;
}
.p_courseMap__bodyImg{
  line-height: 0;
}
.p_courseMap__bodyImg img{
  width: 100%;
  height: auto;
}
.p_courseMap__target + .p_courseMap__link{
  margin-top: 16px;
}
.p_courseMap__link{
  display: flex;
  justify-content: flex-end;
}
.p_courseMap__linkTarget{
  position: relative;
  padding-left: 18px;
}
.p_courseMap__linkTarget::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
}
.p_courseMap__overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
.p_courseMap__modal{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100000;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  transform: translate(-50%, -50%);
}
.p_courseMap__modalInner{
  width: calc(80vw - 40px);
  max-width: 990px;
  max-height: calc(80vh - 40px);
  overflow: auto;
}
.p_courseMap__modalHeadingImg{
  width: 970px;
  margin: 0 auto;
  line-height: 0;
}
.p_courseMap__modalHeadingImg img{
  width: 100%;
  height: auto;
}
.p_courseMap__modalHeadingImg + .p_courseMap__modalBodyImg{
  margin-top: 6px;
}
.p_courseMap__modalBodyImg{
  width: 970px;
  margin: 0 auto;
  line-height: 0;
}
.p_courseMap__modalBodyImg svg{
  width: 100%;
  height: auto;
}
.p_courseMap__modalBtn{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.p_courseMap__modalBtnTarget{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid;
  border-radius: 50%;
  line-height: 1;
  color: inherit;
  font-size: 20px;
  background: #fff;
  color: inherit;
  transition: .3s opacity;
}
.p_courseMap__modalBtnTarget:hover{
  color: inherit;
  text-decoration: none;
  opacity: .7;
}
.coursemapVue__modal-enter-active,
.coursemapVue__modal-leave-active{
  position: relative;
  z-index: 99999;
  transition: .5s all;
}
.coursemapVue__modal-enter {
  opacity: 0;
}
.coursemapVue__modal-leave-to{
  opacity: 0;
}

/*========== ねらいに画像挿入 ==========*/
.imgWrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 12px -8px;
}

/* 1枚の場合の位置 */
.imgWrapper--align_left { justify-content: flex-start; }
.imgWrapper--align_right { justify-content: flex-end; }
.imgWrapper--align_center { justify-content: center; }

.imgWrapper--noWrap { flex-wrap: nowrap; }

.imgWrapper__item { padding: 8px !important; }
.imgWrapper__item > img {
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
}

.u_fx0-1-a { flex: 0 1 auto !important; }
.u_fx1-0-a { flex: 1 0 auto !important; }
.u_fx1-1-a { flex: 1 1 auto !important; }
.u_fx0-0-a { flex: 0 0 auto !important; }
.u_fx1-0-0 { flex: 1 0 0% !important; }
.u_fx1-1-0 { flex: 1 1 0% !important; }

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


/* 研修リクエストパーツ */
.m_kenshu_request_box_wrap{
    position: relative;
    color: #333;
    background-color: #fff;
    border: 1px solid #999;
    margin-top: 24px !important;
}
.m_kenshu_request_box_wrap::before{
    content: none;
    position: absolute;
    top: -30px;
    left: 10%;
    border: 15px solid transparent;
    border-top: 15px solid #333;
    margin-left: -15px;
    transform: rotateZ(180deg);
}
.m_kenshu_request_box_wrap::after{
    content: none;
    position: absolute;
    top: -29px;
    left: 10%;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
    margin-left: -15px;
    transform: rotateZ(180deg)
}

.m_kenshu_request_box{
    padding: 20px 20px;
    letter-spacing: -1px;
}
.m_kenshu_request_copy{
    font-size: 18px;
    font-weight: bold;
}
.m_kenshu_request_strength_txt{
    position: relative;
}

.m_kenshu_request_strength_txt::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 0;
  width: 90%;
  height: 5px;
  background-color: rgba(244,251,44,0.6);
}
.m_kenshu_request_strength_txt::after{
    position: absolute;
    content: url("/common/img/bup/kenshu_request.png");
    top: -10px;
    right: -5px;
}

.m_kenshu_request_txt{
    font-size: 15px;
    margin-top: 12px;
}
.m_kenshu_request_link{
    position: relative;
    color: #8F1E35;
    font-weight: bold;
}

.m_kenshu_request_link::before{
    position: absolute;
    content: "";
    height: 2px;
    background: #8F1E35;
    width: 100%;
    bottom: 0;
}

.m_kenshu_request_link:hover{
    opacity: .6;
    text-decoration: none;
}

.m_kenshu_request_bnLink {
  display: block;
  margin: auto;
  width: fit-content;
}

.m_kenshu_request_bnLink:hover {
  opacity: .6;
}

.m_kenshu_request_annotation_txt_wrap{
  margin-top: 18px;
}
.m_kenshu_request_annotation_txt{
    font-size: 14px;
    color: #666666;
}

.m_kenshu_request_annotation_txt + .m_kenshu_request_annotation_txt{
  margin-top: 4px;
}


.m_kenshu_request_hide{ display: none; }
.m_kenshu_request_inline{ display: block; }

@media screen and (max-width: 599px){
  .m_kenshu_request_strength_txt::after{
      position: absolute;
      content: url("/common/img/bup/kenshu_request.png");
      top: initial;
      right: initial;
  }

  .m_kenshu_request_copy{
      font-size: 16px;
  }


  .m_kenshu_request_link::before{
      display: none;
  }

  .m_kenshu_request_MdHide{ display: none; }
  .m_kenshu_request_MdInline{ display: block; }
}

/* 230911 iframe高さの暫定対応 */
iframe.autoHeight { min-height: 350px; }


/*
    グリッドカードデザイン
================================*/
.m_gridArea {}

.l_grid--lineup {
  --cardGrid_colWidth: calc(750px / 3);
  --cardGrid_gap: 30px;
  display: grid;
  font-size: 13px;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--cardGrid_colWidth) - var(--cardGrid_gap)), 1fr));
  gap: var(--cardGrid_gap);

  &.__col4 {
    --cardGrid_colWidth: calc(750px / 4);
  }

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

/* Lサイズ */
.m_cardGridLg {
  position: relative;

  > * + * { margin-top: 5px; }
}

.m_cardGridLg__title {
  --cardGrid_title_fz: 14px;
  --cardGrid_title_lh: 1.4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_title_fz);
  /*font-weight: bold;*/
  height: calc(var(--cardGrid_title_fz) * 2 * var(--cardGrid_title_lh));
  -webkit-line-clamp: 2;
  line-height: var(--cardGrid_title_lh);
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_cardGridLg__link {
  /*color: currentColor;*/
  &:hover { text-decoration: none; }
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: .3s background-color;
  }

  &:hover::before { background-color: rgba(255, 255, 255, 0.3); }
}

.m_cardGridLg__attribute {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.m_cardGridLg__type {
  &::before {
    content: "";
    display: block;
    border: 1px solid;
    font-size: 11px;
    line-height: 1;
    padding: 2px 3px;
    text-align: center;
    min-width: 40px;
    width: fit-content;
  }
}

.m_cardGridLg__date {
  color: #d66c00;
  width: fit-content;
}

.m_cardGridLg__image {
  line-height: 0;

  > img {
    aspect-ratio: 1 / 0.3;/* 750*225 */
    /*aspect-ratio: 1 / 0.347; 750*260 */
    height: auto;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
}

.m_cardGridLg__contents {
  --cardGrid_cont_fz: 13px;
  --cardGrid_cont_lh: 1.6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_cont_fz);
  height: calc(var(--cardGrid_cont_fz) * 4 * var(--cardGrid_cont_lh));
  -webkit-line-clamp: 4;
  line-height: var(--cardGrid_cont_lh);
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Mサイズ */
.m_cardGridMd {
  display: grid;
  /*place-content: center;*/
  position: relative;

  > * + * { margin-top: 5px; }
}

.m_cardGridMd__title {
  --cardGrid_title_fz: 14px;
  --cardGrid_title_lh: 1.5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_title_fz);
  /*font-weight: bold;*/
  height: calc(var(--cardGrid_title_fz) * 2 * var(--cardGrid_title_lh));
  -webkit-line-clamp: 2;
  line-height: var(--cardGrid_title_lh);
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_cardGridMd__link {
  /*color: currentColor;*/
  &:hover {
    /*color: currentColor;*/
    text-decoration: none;
  }
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: .3s background-color;
  }

  &:hover::before { background-color: rgba(255, 255, 255, 0.3); }
}

.m_cardGridMd__attribute {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.m_cardGridMd__type {
  &::before {
    content: "";
    display: block;
    border: 1px solid;
    font-size: 11px;
    line-height: 1;
    padding: 2px 3px;
    text-align: center;
    min-width: 40px;
    width: fit-content;
  }
}

.m_cardGridMd__date {
  color: #d66c00;
  width: fit-content;
}

.m_cardGridMd__contents {
  --cardGrid_cont_fz: 13px;
  --cardGrid_cont_lh: 1.4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_cont_fz);
  height: calc(var(--cardGrid_cont_fz) * 4 * var(--cardGrid_cont_lh));
  -webkit-line-clamp: 4;
  line-height: var(--cardGrid_cont_lh);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

/* 読み物コラム */
.l_grid--btmColumn {
  gap: 15px var(--cardGrid_gap);
  .m_cardGridMd:nth-of-type(n+4){
    border-top: 1px solid #efefef;
    padding-top: 15px;
    .m_cardGridMd__contents { display: none; }
  }

  @media screen and (max-width:768px){
    & .m_cardGridMd:nth-of-type(n+3){
      border-top: 1px solid #efefef;
      padding-top: 15px;
      .m_cardGridMd__contents { display: none; }
    }
  }
  @media screen and (max-width:599px){
    & .m_cardGridMd {
      .m_cardGridMd__title { height: auto; }
      .m_cardGridMd__contents { display: none; }
    }
    & .m_cardGridMd:nth-of-type(n+2){
      border-top: 1px solid #efefef;
      padding-top: 15px;
    }
  }
}

/* 共通コンテンツタイプ */
[data-service_type=douga]::before {
  content: "\52d5\753b\95a2\9023";/* 動画関連 */
  color: #cc2d5e;
  background: none;
}
[data-service_type=middle]::before {
  content: "\307e\3068\3081";/* まとめ */
  color: #842e30;
  background: none;
}
[data-service_type=haken]::before {
  content: "\6D3E\9063";/* 派遣 */
  color: #842e30;
  background: none;
}
[data-service_type=bup]::before {
  content: "\516C\958B";/* 公開 */
  color: #0c3f71;
  background: none;
}
[data-service_type=other]::before {
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";/* 他ｻｰﾋﾞｽ */
  color: #e6002d;
  background: none;
}
[data-service_type=it]::before {
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D";/* ITｻｰﾋﾞｽ */
  color: #008d79;
  background: none;
}
[data-service_type=free]::before {
  content: "\7121\6599\FF7E\FF90\FF85\FF70";/* 無料ｾﾐﾅｰ */
  color: #333;
  background: none;
}
[data-service_type=cont]::before {
  content: "\8AAD\307F\7269";/* 読み物 */
  color: #0c3f71;
  background: none;
}
[data-service_type=consul]::before {
  content: "\30B3\30F3\30B5\30EB";/* コンサル */
  color: #7a614f;
  background: none;
}