@charset "UTF-8";


h2.interview_head {
  position: relative;
  padding: 0.6em;
  background: #D6F3FF;
}

h2.interview_head:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #D6F3FF;
  width: 0;
  height: 0;
}

.ntr_org_pink_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFCFEF 0%) repeat scroll 0 0;
}

.ntr_org_gray_line {
background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #000000, #888888) repeat scroll 0 0;
}

.ntr_org_green_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #84fab0 0%) repeat scroll 0 0;
}

.ntr_org_color1_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #9ecbe1 0%) repeat scroll 0 0;
}

.ntr_org_color2_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #a5d8b3 0%) repeat scroll 0 0;
}

.ntr_org_color3_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #f7e09a 0%) repeat scroll 0 0;
}

.ntr_org_color4_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #ed9899 0%) repeat scroll 0 0;
}

.ntr_org_color5_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #e99fb9 0%) repeat scroll 0 0;
}

.ntr_org_color6_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #cc9ac4 0%) repeat scroll 0 0;
}

.ntr_org_color7_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #f3bc99 0%) repeat scroll 0 0;
}

.ntr_org_color8_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, #cae39f 0%) repeat scroll 0 0;
}

.ntr_org_list {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}


.ntr_org_list_circle:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #444444;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.ntr_org_list_blank:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.ntr_org_list_count:before  {
  counter-increment: li_count;  /* カウンタの値を計算していく */
  content: counter(li_count)"."; /* 数字出力 */
  color: #444444;               /* 文字色指定 */
  margin-right: 5px;            /* 余白指定 */
}

/* マウスオンする要素とツールチップを横並びにする */
.c-tooltip {
    display: inline-block;
    position: relative;
}

/* ツールチップ共通の設定 */
.c-tooltip::before,
.c-tooltip::after {
    -webkit-transition: all 0.2s;
    opacity: 0;
    position: absolute;
    transition: all 0.2s;
    visibility: hidden;
    z-index: 11;
}

/* ツールチップ吹き出しのひげ */
/* .c-tooltip::before {
    -webkit-transform: translateY(-50%);
    border-color: transparent #5f6368 transparent transparent;
    border-style: solid;
    border-width: 3px 7px 3px 0;
    content: "";
    height: 0;
    left: calc(100% + 6px);
    top: 50%;
    transform: translateY(150%);
    width: 0;
}
*/

/* ツールチップ吹き出しの本体 */
.c-tooltip::after {
    -webkit-transform: translateY(-50%);
    background: #5f6368;
    border-radius: 3px;
    color: #fff;
    content: attr(data-tooltip); /* ここでdata-tooltipの内容を呼び出しているよ */
    display: block;
    font-size: 11px;
    font-weight: 400;
    left: calc(100% + 13px);
    padding: 5px 10px;
    top: 50%;
    transform: translateY(50%);
    width: 400px;
  }

/* マウスオンしたときのカーソルの設定 */
.c-tooltip:hover {
    cursor: pointer;
}

.c-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

.c-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
}



/*
NiTRo様編集用CSSファイル
下記ページにて読み込まれ、スタイルが適用されます。
・ニュース詳細ページ
・現場リポート詳細ページ
・採用ブログ詳細ページ
・ビジネスページ
・特集詳細ページ
・インタビュー詳細ページ
・採用メッセージ
*/