@charset "utf-8";
/**************
CSS Document
flocssでコーディング
***************/
/**********
foudation
**********/
/*リセットCSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  box-sizing:border-box;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}
ol, ul {
  list-style: none;
}
address{
  font-style:normal;
}
a{
  text-decoration:none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img,canvas,svg,iframe{
  max-width:100%;
  height:auto;
  vertical-align:top;
}
input{
  background-color:transparent;
}

/*初期設定CSS*/
:root{
  color:#333;
  font:400 14px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing:.1em;
}
body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  counter-reset: noteNo askFlowNo;
}
/**********
attention
外部CSSの上書き
**********/
/*footer＿100CSS*/
#footer{
  width: 100%;
}
#footer #bc_footer{
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  background-color: transparent;
}
#firstline_footer{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
#footer #bc_footer #last_line_footer{
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
#service_lineup_footer{
  display: none;
}
/*#footer #bc_footer #last_line_footer p a{
  margin-right: 2px;
} フッター修正に伴い削除 */
.fl{
  float: left;
}
.mr5{
  margin-right: 5px;
}
.tel > img{
  vertical-align: -3px;
}
@media screen and (max-width:768px){
  body{
    width: 100%;
  }
  #footer #bc_footer{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #footer #bc_footer #last_line_footer #copyright{
     letter-spacing: 0;
  }
}
@media screen and (min-width:769px){
  #footer #bc_footer .footer_s_lineup dd{
    max-height: none !important;
  }
}

/* slickスライダー */
.js_commonSlider{
  padding: 0 0 16px !important;
}
@media screen and (max-width: 768px){
  .js_commonSlider{
    margin-bottom: 8px !important;
  }
}

/**********
layout
**********/
.l_contents{
/*
  display:-ms-grid;
  display: grid;
  -ms-grid-columns: 180px 1fr;
  grid-template-columns: 180px 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
*/
 display: flex;
 justify-content: space-between;
 align-items: stretch;
  width:1240px;
  margin:0 auto;
}
.l_contents__main{
  width: 1020px;
  /* padding-left: 180px; */
}
.l_contents__sideNav{
  flex: 0 0 200px;
}
@media screen and (max-width:768px){
  .l_contents{
    display: block;
    width:100%;
  }
  .l_contents__main{
    width: auto;
    padding-left: 0;
  }
}
.l_header{
/*
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
*/
}
@media screen and (max-width: 768px){
  .l_header{
    height: 42px;
  }
}
.l_leftNav{
/*
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-column: 1 / 2;
  grid-row: 1 / 4;
*/
  /* position: fixed; */
  width: 200px;
  height: 100%;
}

.l_mainContents{
/*
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  grid-column: 2 / 3;
  grid-row: 2 / 3;  
*/
}
.l_footer{
/*
  -ms-grid-column: 2;
  -ms-grid-row: 3;
  grid-column: 2 / 3;
  grid-row: 3 / 4; 
*/
}

/**********
component

**********/
/*ナビゲーション*/
.c_nav{
  display:flex;
  align-items: stretch;
}
.c_nav__item{
  display: flex;
  width: 100%;
}
.c_nav__item--func{
  width: auto;
  font-weight: bold;
  & + &{
    margin-left: 10px;
  }
  & + .c_nav__item--searchForm{
    margin-left: 20px;
  }
  @media screen and (max-width:768px){
    & + .c_nav__item--searchForm{
      margin-left: 0;
    }
  }
}
.c_nav__item--group{
  width: 142px;
}
.c_nav__item--searchForm{
  width: auto;
  & + .c_nav__item--login{
    margin-left: 20px;
  }
  @media screen and (max-width:768px){
    & + .c_nav__item--login{
      margin-left: 0;
    }
  }
}
.c_nav__item--hamburger{
  flex: 0 0 42px;
}
.c_nav__item--searchBtn{
  flex: 0 0 42px;
}
.c_nav__item--login{
  width: 139px;
  align-items: center;
}
.c_nav__target{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: inherit;
}
.c_nav__target[href$="/contact/index.html"]{
  color:#ec4062;
}
.c_nav__target[href$="https://form.insource.co.jp/online-meeting-reservation2.html"]{
  color:#2a6cae;
}
.c_nav__target--ask{
  position: relative;
  padding-left: 28px;
  color: #ec4062;
  transition: .2s opacity;
}

.c_nav__target--ask::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 24px;
  aspect-ratio: 24 / 16;
  margin: auto 0;
  background: url(/resource/img/gnav/icon_navi-b02_inquiry.svg) no-repeat center center / contain;
}

.c_nav__target--ask:hover{
  opacity: .7;
}
.c_nav__target--nego{
  position: relative;
  padding-left: 28px;
  color: #2a6cae;
  transition: .2s opacity;
}

.c_nav__target--nego::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 24px;
  aspect-ratio: 24 / 19;
  margin: auto 0;
  background: url(/resource/img/gnav/icon_navi-b03_business-discussion.svg) no-repeat center center / contain;
}

.c_nav__target--nego:hover{
  opacity: .7;
}
.c_nav__target--tel{
  position: relative;
  padding-left: 24px;
  color: #666;
  transition: .2s opacity;
}

.c_nav__target--tel::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 24px;
  aspect-ratio: 1;
  margin: auto 0;
  background: url(/resource/img/gnav/icon_tel.svg) no-repeat center center / contain;
}

.c_nav__target--tel:hover{
  opacity: .7;
}
.c_nav__target--login{}
.c_nav__target--group{
  padding: 8px 22px 8px 8px;
  transition: .3s;
}
.c_nav__target--group:hover{
  opacity: 0.6;
}
.c_nav__item--hamburger > .c_nav__target{
  background:#dfe8e6;
}
.c_nav__item--searchBtn > .c_nav__target{
  background:#606060;
}
.c_nav__item--searchBtn > .c_nav__target::before{
  content: "\f002";
  color: #fff;
  font:900 16px "Font Awesome 5 Free";
}
.c_nav--aside{
  color: #333;
  font-size: 13px;
}
.c_nav--aside .c_nav__item{
  width: auto;
}
.c_nav--aside .c_nav__item + .c_nav__item{
  margin-left: .7em;
}
.c_nav--aside .c_nav__target{
  position: relative;
  display: block;
  padding: 0 2px 6px;
  overflow: hidden;
}
.c_nav--aside .c_nav__target:hover{
  opacity: 1;
}
.c_nav--aside .c_nav__target::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
  transform: translateX(-100%) translateX(-2px);
  transition: .3s transform;
}
.c_nav--aside .c_nav__target[href$="/contact/index.html"]::before{
  background: #8F1E35;
}
.c_nav--aside .c_nav__target[href$="https://form.insource.co.jp/online-meeting-reservation2.html"]::before{
  background: #0C3F71;
}
.c_nav--aside .c_nav__target:hover::before{
  transform: translateX(0%);
}
.c_nav--func{
  font-size: 12px;
}
.c_nav--gnav .c_nav__item{
  width: auto;
}
.c_nav--gnav .c_nav__item + .c_nav__item{
  padding-left: 2px;
}
.c_nav--gnav .c_nav__target{
  position: relative;
  display: block;
  padding: .4em 11px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0;
  background: #8F1E35;
  white-space: nowrap;
  word-break: keep-all;
  transition: .3s background, .3s color;
}
.c_nav--gnav .c_nav__item:last-of-type .c_nav__target{
  padding: .4em 9px;
}
.c_nav--gnav .c_nav__item:nth-last-of-type(2) .c_nav__target{
  padding: .4em 10px;
}
.c_nav--gnav .c_nav__target::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #8F1E35;
}
.c_nav--gnav .c_nav__target:hover{
  color: #8F1E35;
  background: #F8F3ED;
}
/* .c_nav--gnav .c_nav__item:last-of-type .c_nav__target{
  padding-left: 18px;
  padding-right: 18px;
}*/
@media screen and (max-width:768px){
  .c_nav__item--func{
    width: 156px;
    padding: 0;
    display: flex;
  }
  .c_nav__target[href$="/contact/index.html"]{
    color:#fff;
  }
  .c_nav__target--ask{
    padding: 0;
    background: #e5002d;
    color: #fff;
    transition: .2s background;
  }
  .c_nav__target--ask::before{
    content: none;
  }
  .c_nav__target--ask:hover{
    background: #e65e4c;
  }
  .c_nav--gnav .c_nav__target{
    letter-spacing: .1em;
  }
}
@media screen and (max-width:599px){
  .c_nav__item--func{
    width: 100px;
  }
}
/*テーブルビュー*/
.c_tableview{
  border-top: 1px dotted #939393;
  border-bottom: 1px dotted #939393;
}
.c_tableview__item + .c_tableview__item{
  border-top: 1px dotted #939393;
}
.c_tableview__target{
  position: relative;
  display:flex;
  align-items: center;
  padding-left: 8px;
  padding-right: 16px;
  color: inherit;
  transition: .2s transform;
}
.c_tableview__target::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right:1px solid;
  transform: translateY(-50%) rotate(45deg);
}
.c_tableview--gnav{
  font-size: 13px;
}
.c_tableview--gnav .c_tableview__target{
  border-right:6px solid transparent;
  height: 5.6em;
}
.c_tableview--gnav .c_tableview__target:hover{
  transform: scale(1.05);
}
.c_tableview--gnav .c_tableview__target.is_active{
  border-color:#be0533;
  transform: scale(1);
}
.c_tableview--gnav .c_tableview__target.is_active::before{
  content: none;
}
@media screen and (max-height:800px){
  .c_tableview--gnav .c_tableview__target{
    height: 4.6em;
  }
}
@media screen and (max-height:767px){
  .c_tableview--gnav .c_tableview__target{
    height: 4.2em;
  }
}
@media screen and (max-width:768px){
  .c_tableview--gnav{
    border-top: none;
    border-bottom-style: solid;
  }
  .c_tableview--gnav > .c_tableview__item + .c_tableview__item{
    border-top-style: solid;
  }
  .c_tableview--gnav .c_tableview__target{
    height: 2.3em;
    border: none;
  }
}
/*グリッド*/
.c_grid{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.c_grid__item{
  display: flex;
}
.c_grid__inner{
  display: block;
  width: 100%;
}
.c_grid__item--full{
  flex: 1 1 auto;
}
.c_grid__item--movie{
  flex: 0 0 430px;
}
.c_grid--hasGutter{
  margin: -16px;
}
.c_grid--hasGutter > .c_grid__item{
  padding: 16px;
}
.c_grid--hasGutterSm{
  margin: -8px;
}
.c_grid--hasGutterSm > .c_grid__item{
  padding: 8px;
}
.c_grid--hasGutterXs{
  margin: -4px;
}
.c_grid--hasGutterXs > .c_grid__item{
  padding: 4px;
}
.c_grid--hasGutterXxs{
  margin: -2px;
}
.c_grid--hasGutterXxs > .c_grid__item{
  padding: 2px;
}
.c_grid--noWrap{
  flex-wrap: nowrap;
}
.c_grid--selector{
  align-content: center;
  width: calc(100% + 4px);
}
.c_grid--askQ{
  align-items: center;
}
.c_grid--askQ > .c_grid__item + .c_grid__item{
  border-left: 2px solid #a9bcb8;
}
@media screen and (max-width:768px){
  .c_grid--resMdHasGutterSm{
    margin: -8px;
  }
  .c_grid--resMdHasGutterSm > .c_grid__item{
    padding: 8px;
  }
  .c_grid--askQ > .c_grid__item + .c_grid__item{
    border-left: none;
  }
}

@media screen and (max-width:599px){
  .c_grid--resSmHasGutterSm{
    margin: -8px;
  }
  .c_grid--resSmHasGutterSm > .c_grid__item{
    padding: 8px;
  }
}

/*見出し*/
.c_heading{
  font-weight: bold;
}
.c_heading__ttl{
  font-size: inherit;
}
.c_heading__sub{}
.c_heading--primary{
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #666;
  text-align: center;
  line-height: 1;
  letter-spacing: 4px;
  font-size: 24px;
}
.c_heading--news{
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #666;
}
.c_heading--news .c_heading__ttl{
  line-height: 1;
  font-size: 20px;
}
.c_heading--news .c_heading__sub{
  position: absolute;
  right: 0;
  bottom: 12px;
}
.c_heading--headline{
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #666;
  line-height: 1;
  font-size: 16px;
}
.c_heading--headline .c_heading__sub{
  position: absolute;
  right: 0;
  bottom: 4px;
}
.c_heading--ask{
  margin-bottom: 24px;
  line-height: 1;
  font-size: 20px;
}
.c_heading--askType{
  line-height: 1;
  font-weight: normal;
  font-size: 16px;
}
@media screen and (max-width:768px){
  .c_heading--primary{
    margin-bottom: 16px;
    position: relative;
    border-bottom: none;
    text-align: center;
    letter-spacing: 3px;
    font-size: 16px;
  }
  .c_heading--primary::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80px;
    height: 4px;
    background: #282727;
    transform: translateX(-50%);
  }
  .c_heading--news .c_heading__ttl{
    text-align: center;
  }
  .c_heading--headline{
    margin-bottom: 16px;
    padding-bottom: 12px;
  }
  .c_heading--headline .c_heading__ttl{
    text-align: center;
    line-height: 1;
    font-size: 20px;
  }
  .c_heading--ask{
    line-height: 1.3;
    font-size: 14px;
    text-align: center;
  }
  .c_heading--askType{
    display: block;
  }
}
/*リンク*/
.c_link{
  color: inherit;
  transition: .2s opacity;
}
.c_link:hover{
  opacity: .5;
}
.c_link--noAnime{
  transition: none;
}

/*ボタン*/
.c_btn{
  display: flex;
}
.c_btn__target{
  display: flex;
  justify-content: center;
  align-items: center;
}
.c_btn__target::before{
  content: "";
  display: block;
  width: 0;
}
.c_btn--normal > .c_btn__target{
  padding: 0 4em;
  border: 1px solid #383838;
  color: inherit;
  line-height: 1;
  letter-spacing: 2px;
  transition: .2s background;
}
.c_btn--normal > .c_btn__target:hover{
  background: #e9e9e9;
}
.c_btn--normal > .c_btn__target::before{
  height: 1em;
  padding: .8em 0;
}
.c_btn--rigthSide{
  justify-content: flex-end;
}
.c_btn--newRelease{
  position:absolute;
  bottom:10px;
  right: 0;
}
.c_btn--static{
  position:static;
}
.c_btn--newRelease  > .c_btn__target,
.c_btn--headlineNews > .c_btn__target{
  padding: 0 24px;
  border: 1px solid #383838;
  color: inherit;
  line-height: 1;
  letter-spacing: 2px;
  font-size: 13px;
  transition: .2s background;
}
.c_btn--newRelease  > .c_btn__target:hover,
.c_btn--headlineNews > .c_btn__target:hover{
  background: #e9e9e9;
}
.c_btn--newRelease  > .c_btn__target::before,
.c_btn--headlineNews > .c_btn__target::before{
  height: 1em;
  padding: 4px 0;
}
.c_btn--closeAsk > .c_btn__target{
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e5002d;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-size: 24px;
  transition: .2s background;
}
.c_btn--closeAsk > .c_btn__target:hover{
  background: #e65e4c;
}
.c_btn--closeAsk > .c_btn__target::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.c_btn--closeTodayBup > .c_btn__target{
  padding: 4px;
  background: #e4e2e2;
  line-height: 1;
  color: inherit;
  transition: .2s opacity;
}
.c_btn--closeTodayBup > .c_btn__target:hover{
  opacity: .7;
}
.c_btn--closeTodayBup > .c_btn__target{
  padding: 4px;
  background: #e4e2e2;
  line-height: 1;
  color: inherit;
  transition: .2s opacity;
}
.c_btn--closeTodayBup > .c_btn__target:hover{
  opacity: .7;
}

.c_btn--moreTodayBup > .c_btn__target{
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  display: block;
  padding: 5px 10px;
  width: auto;
}

.c_btn--moreTodayBup > .c_btn__target::before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-left: 6px solid #333;
}

.c_btn--moreTodayBup > .c_btn__target:hover {
  background-color: #333;
  color: #fff;
}

.c_btn--moreTodayBup > .c_btn__target:hover::before {
  border-left-color:#fff;
}
.c_btn--theme{
  position:absolute;
  bottom:10px;
  right: 0;
}
.c_btn--now{
  right: 11px;
}
.c_btn--theme > .c_btn__target{
  font-size: 12px;
  padding: 0 24px;
  border: 1px solid #383838;
  color: inherit;
  line-height: 1;
  letter-spacing: 2px;
  transition: .2s background;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c_btn--theme > .c_btn__target:before{
  height: 1em;
  padding: 4px 0;
}
.c_btn--theme > .c_btn__target:hover{
  background: #e9e9e9;
}

.c_btn__toPageTop > .c_btn__target{
  width: 100%;
  border-radius: 2px;
  background: rgba(136, 136, 136, .8);
  color: #fff;
  line-height: 1;
}
.c_btn__toPageTop > .c_btn__target::before{
  height: 1em;
  padding: 8px 0;
}
.c_btn--web{
  position: static;
}
.c_btn--riskilling{
  position: static;
}

@media screen and (max-width: 768px){
  .c_btn--ask > .c_btn__target{
    width: 100%;
    border-radius: 1em;
    color: #fff;
    line-height: 1;
    letter-spacing: 3px;
    background: #e5002d;
  }
  .c_btn--ask > .c_btn__target::before{
    height: 1em;
    padding: .8em 0;
  }
  .c_btn--closeAsk > .c_btn__target{
    position: relative;
    width: 28px;
    height: 28px;
    font-size: 20px;
  }
  .c_btn--closeAsk > .c_btn__target::before{
    width: calc(100% + 4px);
    height: calc(100% + 4px);
  }
  .p_articleBox--theme .p_articleBox_innerItem:nth-of-type(-n+2) .c_btn--theme{
    display: block;
  }
}
/*アイコン*/
.c_hasIco{
  position: relative;
}
.c_hasIco::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.c_hasIco--login{
  padding-left: 16px;
}
.c_hasIco--login::before{
  content: "\f023";
  left: 4px;
  color: #606060;
  font:900 16px "Font Awesome 5 Free";
}
.c_hasIco--spLogin{
  padding-left: 24px;
}
.c_hasIco--spLogin::before{
  content: "\f023";
  color: #606060;
  font:900 16px "Font Awesome 5 Free";
}

.c_hasIco--link{
  padding-left: 12px;
}
.c_hasIco--link::before{
  content: "\f105";
  color: #a8a7a7;
  font:900 16px "Font Awesome 5 Free";
}
.c_hasIco--tel{
  padding-left: 36px;
}
.c_hasIco--tel::before{
  content: url(/common/img/free-small.png);
  top: calc(50% + 3px);
}
.c_hasIco--search{
  padding: 0 0 0 32px;
}
.c_hasIco--search::before{
  content: "\f002";
  left: 8px;
  font:900 16px "Font Awesome 5 Free";
}
.c_hasIco--sideSearch{}
.c_hasIco--sideSearch::before{
  content: "\f002";
  left: 50%;
  font:900 16px "Font Awesome 5 Free";
  transform: translate(-50%, -50%);
}

.c_hasIco--note{
  padding-left: 1.5em;
}
.c_hasIco--note::before{
  content: "※";
  top: 0;
  transform: none;
}
.c_hasIco--noteWithNum{
  padding-left: 26px;
  counter-increment: noteNo;
}
.c_hasIco--noteWithNum::before{
  content: "※" counter(noteNo);
  top: 0;
  transform: none;
}
.c_hasIco--askFlow{
  padding-left: 32px;
  counter-increment: askFlowNo;
}
.c_hasIco--askFlow::before{
  content: counter(askFlowNo);
  left: 8px;
  font-size:24px;
}
.c_hasIco--question{
  padding-left: 32px;
}
.c_hasIco--question::before{
  content: "";
  width: 24px;
  height: 24px;
  background: url(/resource/img/icons/icon_question.svg) no-repeat left top/contain;
}
.c_hasIco--dot{
  padding-left: 1em;
}
.c_hasIco--dot::before{
  content: '・';
  top: 0;
  transform: none;
}
.c_hasIco--askHeading{
  padding-left: 14px;
}

.c_hasIco--askHeading::before{
  content: "";
  width: 6px;
  height: 1.5em;
  border-radius: 1em;
  background: #c60500;
}
.c_hasIco--english{
  padding-left: 20px;
}
.c_hasIco--english::before{
  content: url(/common/img/EN.svg);
  width: 16px;
  height: 15px;
}

/**********
project
**********/
/*グローバルエリア*/
.p_globalArea{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap:wrap;
  margin-bottom: 1px;
}
.p_globalArea__extra{
  height: 24px;
  padding-right: 22px;
  padding-top: 3px;
}
.p_globalArea__func{
  height: 42px;
}
.p_globalArea__gnav{
  width: 100%;
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  grid-row: 2 / 3;  
}

@media screen and (max-width:768px){
  .p_globalArea{
    position: fixed;
    top: 0;
    left: 0;
    z-index:9999;
    width: 100%;
    font-weight: bold;
  }
  .p_globalArea__func{
    width:240px;
  }
  .p_globalArea__gnav{
    position: absolute;
    right: 0;
    top: 42px;
    z-index: -2;
    width:240px;
    padding-bottom:16px;
    background: #fff;
    transform: translateX(100%);
    transition: .8s transform;
  }
  .p_globalArea__extraWrap{
    padding: 0 16px;
  }
  .p_globalArea__extra{
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 11px;
  }
  .p_globalArea__extra a[href="/gaiyo/businesssites-and-classrooms.html#associate"]{
    letter-spacing: -2px;
  }
  .p_globalArea__mainIco{
    width: calc(100% - 240px);
    height: 42px;
    padding: 8px 0 0 8px;
    background: #fff;
  }
  .p_globalArea__login{
    text-align: center;
  }
  .p_globalArea__ask{
    display: flex;
    justify-content: center;
  }
  .p_globalArea__ask--mail{
    padding: 0 16px;
  }
  .p_globalArea__ask--tel{
    font-size: 16px;
  }
  .p_globalArea__gnavList + .p_globalArea__extraWrap{
    margin-top: 24px;
  }
  .p_globalArea__extraWrap + .p_globalArea__login{
    margin-top: 16px;
  }
  .p_globalArea__login + .p_globalArea__ask{
    margin-top: 16px;
  }
  .p_globalArea__ask + .p_globalArea__ask{
    margin-top: 8px;
  }
  .p_globalArea__gnav.is_show{
    transform: translateX(0);
  }
}
@media screen and (max-width:599px){
  .p_globalArea__func{
    width:184px;
  }
  .p_globalArea__mainIco{
    width: calc(100% - 184px);
  }
}
/*メインアイコン*/
.p_mainIco{
  text-align: center;
  line-height: 1;
}
.p_mainIco__link{
  display: inline-block;
}
.p_mainIco__item{
  display: inline-block;
}
.p_mainIco__item + .p_mainIco__item{
  margin-top: 16px;
}
@media screen and (max-width:768px){
  .p_mainIco{
    text-align: left;
  }
}
/*検索フォーム*/
.p_searchForm{
  display: flex;
  align-items: stretch;
  width: 100%;
  padding: 8px 0;
}
.p_searchForm__field{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 176px;
  height: 2em;
  padding: 0;
  border: 1px solid #606060;
  border-right: none;
  overflow: hidden;
  text-indent: 1em;
  background: #fff;
  font-size: inherit;
  outline: none;
}
.p_searchForm__btn{
  display: flex;
  align-items: center;
  height: 2em;
  border: 1px solid #980416;
  overflow: hidden;
  background: #980416;
  transition: .2s opacity;
  color: #fff;
  cursor: pointer;
  /*outline: none;*/
  font-size: 14px;
}
.p_searchForm__btn:hover{
  opacity: .7;
}
@media screen and (max-width:768px){
  .p_searchForm{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #606060;
    transition: .8s transform;
    padding: 8px;
  }
  .p_searchForm__field{
    width: calc(100% - 32px);
    border: none;
  }
  .p_searchForm.is_show{
    transform:translateY(100%);
  }
  .p_searchForm__btn{
    border: none;
    background: #a6a6a6;
  }
}
/*サイドナビ*/
.p_sideNav{}
.p_sideNav__item{
  margin-top: 20px;
}
.p_sideNav__mainIco{
  text-align: center;
  line-height: 1;
}
.p_sideNav__item--hasOption{
  display:flex;
  justify-content: center;
  align-items: center;
}
.p_sideNav__optionItem{
  padding: 4px;
}
.p_sideNav__optionLink{
  display:block;
  border-radius: 50%;
  transition: .2s opacity;
}
.p_sideNav__optionLink:hover{
  opacity: .7;
}
.p_sideNav__optionLink--twitter{
  background: #000;
  position: relative;
  width: 30px;
  height: 30px;
}
.p_sideNav__optionLink--twitter > img{
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 2px;
  transform: translate(-50%, -50%);  
}
.p_sideNav__optionLink--facebook{
  position: relative;
  width: 30px;
  height: 30px;
  background: #385289;
}
.p_sideNav__optionLink--facebook > img{
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width :768px){
  .p_sideNav{
     position: static;
  }
}

/*
2023年新サイドナビ
**************************************/
/* 悩み別ベースサイドナビのラッパー */
.m_solutionBaseSideNavs{}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item--banner{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item.m_solutionBaseSideNavs__item--assessment{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__list{
  font-family: helvetica neue,noto sans jp,yu gothic,YuGothic,ヒラギノ角ゴ pron w3,hiragino kaku gothic pron,Arial,メイリオ,Meiryo,sans-serif;
  line-height: normal;
}
.m_solutionBaseSideNavs__list--ir + .m_solutionBaseSideNavs__list--ir,
.m_solutionBaseSideNavs__list--ir + .m_solutionBaseSideNavs__list--func{
  margin-top: 10px;
}
.m_solutionBaseSideNavs__list--companyLink{
  margin-top: 10px;  
}
.m_solutionBaseSideNavs__listItem{}
.m_solutionBaseSideNavs__listItem + .m_solutionBaseSideNavs__listItem{
  margin-top: 1px;
}

/* 悩み別ベースサイドナビ */
.m_solutionBaseSideNav{}
.m_solutionBaseSideNav__ttl{
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  border-left: 9px solid;
  font-weight: bold;
  letter-spacing: 0;
  color: inherit;
  font-size: 14px;
  background: #F5F5F5;
}
.m_solutionBaseSideNav__list{
  padding: 5px 0 0px 8px;
}
.m_solutionBaseSideNav__listItem{
  padding: 5px 0;
}
.m_solutionBaseSideNav__listItem:empty {
  padding:0 ;
}

.m_solutionBaseSideNav__listItem__sub{
  padding-left: 8px;
}
.m_solutionBaseSideNav__listTtl{
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px;
  position: relative;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #1a8192 0, #1a8192 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav__ttl--halfColor{
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}
.m_solutionBaseSideNav__ttl--halfColor .m_solutionBaseSideNav__subTtl--color{
  color: #980416;
  transition: .3s;
}
.m_solutionBaseSideNav__ttl--halfColor:hover .m_solutionBaseSideNav__subTtl--color{
  color: #FFFF00;
}
.m_solutionBaseSideNav__subTtl-lsN0{
  letter-spacing: normal;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl{
  font-size: 13px;
  color: #1a8192;
  transition: .3s;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl:hover{
  opacity: .7;  
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl--leaf--temp{
  color: #333;
  transition: none;
  margin-left: 7px;
  font-size: 15px;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl--leaf--temp:hover{
  opacity: 1;
}

.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl[href="/kyoiku/newrelease_flash.html"]{
  color: #005e04;
  transition: .3s;
}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl[href="/kyoiku/newrelease_flash.html"]:hover{
  opacity: .7;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl[href="/businessbunsho/busbunsho_point_top.html"]{
  color: #666;
  transition: .3s;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl[href="/businessbunsho/busbunsho_point_top.html"]:hover{
  opacity: .7;
}
.m_solutionBaseSideNav__listTtl--lsN0{
  letter-spacing: 0px!important;
}
.m_solutionBaseSideNav__listTtl--lsN1{
  letter-spacing: -1px!important;
}
.m_solutionBaseSideNav__listTtl--lsN2{
  letter-spacing: -2px!important;
}
.m_solutionBaseSideNav__target{
  position: relative;
  display: block;
  padding-left: 11px;
  color: inherit;
  font-weight: bold;
  font-size: 11px;
  transition: .3s opacity;
  letter-spacing: 0;
}
.m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{
  letter-spacing: 0;
}
.m_solutionBaseSideNav__target--new,
.m_solutionBaseSideNav__target--column{
  text-indent: 11px;
  padding-left: 0;
  letter-spacing: 1px;
}
.m_solutionBaseSideNav__target--banner{
  padding-left: 0;
  padding-bottom: 0px;
}
.m_solutionBaseSideNav__target--banner img{
  vertical-align: bottom;
}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__target--banner{
  margin-left: -8px;
}
.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__target--banner{
  margin-left: -8px;
}
.m_solutionBaseSideNav__target--lsN0{
  letter-spacing: 0px!important;
}
.m_solutionBaseSideNav__target--lsN1{
  letter-spacing: -1px!important;
}
.m_solutionBaseSideNav__target--lsN2{
  letter-spacing: -2px!important;
}
.m_solutionBaseSideNav__target::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
}
.m_solutionBaseSideNav__target--banner::before{
  content: none;
}
.m_solutionBaseSideNav__target--columnRank::before{
  counter-increment: columnRank 1; 
  content: counter(columnRank);
  transform: unset;
  border: none;
  font-size: 18px;
  left: -7px;
  top: -3px;
  color:#980416;
}
.m_solutionBaseSideNav__target:hover{
  opacity: .7;
  color: inherit;
  text-decoration: none;
}
.m_solutionBaseSideNav__ttl.m_solutionBaseSideNav__ttl--link:hover{
  text-decoration: none;
}
.m_solutionBaseSideNavs__item--assessment{
  margin-bottom: 10px;
}
.m_solutionBaseSideNavs__item--history{}
.m_solutionBaseSideNavs__item--history .m_solutionBaseSideNav__ttl{
  margin-bottom: 10px;
  border-color: #8f1e35;
}
.m_solutionBaseSideNavs__item + .m_solutionBaseSideNavs__item--group{
  margin-top: 0px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__listTtl{
  margin-left: 7px;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl{
  font-size: 16px;
  padding-left: 0;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl-sub{
  font-size: 14px;
  padding-left: 10px;
  margin-left: 7px;
}
.m_solutionBaseSideNav__ttl-lsN1{
  letter-spacing: -1px;
}
.m_solutionBaseSideNav__ttl-lsN2{
  letter-spacing: -2px;
}

.m_solutionBaseSideNav--companyLink{}
.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl{ 
  border-color: #9caeb7;
}
.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #9caeb7 0, #9caeb7 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--companyLink .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--pickup{}
.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl{ 
  border-color: #980416;
}
.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #980416 0, #980416 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--pickup .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav__ttl--new{
  position: relative;
}
.m_solutionBaseSideNav__ttl--new:after{
  content: "New!";
  display: inline-block;
  color: #980416;
  font-size: 12px;
  position:absolute;
  right: 9px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--new[href="https://www.insource-ri.co.jp/"]:after{
  bottom: 4px;
}
.m_solutionBaseSideNav__ttl--new:hover:after{
  color: #FFFF00;
}
.m_solutionBaseSideNav__ttl--date{
  position: relative;
}
.m_solutionBaseSideNav__subTtl--date{
  color: #980416;
  font-size: 12px;
  position:absolute;
  right: 4px;
}
.m_solutionBaseSideNav__ttl--date:hover .m_solutionBaseSideNav__subTtl--date{
  color: #FFFF00;
}

.m_solutionBaseSideNav--ir{
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl{ 
  border-color: #CC2914;
  height: 24px;
  font-size: 12px;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #CC2914 0, #CC2914 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav__ttl--attention{
  position: relative;
}
.m_solutionBaseSideNav__ttl--attention:after{
  content: "注目";
  display: inline-block;
  color: #980416;
  font-size: 12px;
  position:absolute;
  right: 9px;
}
.m_solutionBaseSideNav__ttl--attention:hover:after{
  color: #FFFF00;
}


.m_solutionBaseSideNav__listItem--group{
  padding: 5px 0 5px 8px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl{ 
  border-color: #980416;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #980416 0, #980416 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
  font-size: 11px;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl{ 
  border-color: #666;
  height: 30px;
  letter-spacing: -0.5px;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #666 0, #666 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
  font-size: 11px;
}
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl{ 
  border-color: #052674;
  height: 30px;
}
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #052674 0, #052674 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
  font-size: 11px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__ttl--link:hover,
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__ttl--link:hover,
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav--mainService{}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl{ 
  border-color: #2a6cae;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #2a6cae 0, #2a6cae 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}
.m_solutionBaseSideNav--mainService .m_solutionBaseSideNav__ttl--link[href="/it-tool/kenkanrisys_top.html"]{
  letter-spacing: -1px;
}

.m_solutionBaseSideNav--newPage{}
.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl{ 
  border-color: #04980b;
}
.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #04980b 0, #04980b 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--newPage .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--asessment{}
.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl{ 
  border-color: #cc337a;
  letter-spacing: 0;
}
.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl--link{
  background: linear-gradient(to right, #cc337a 0, #cc337a 50%, rgba(255, 255, 255, 0) 0) no-repeat left 100% center / 200% 100%;
  transition: .3s background-position, .3s color;
}
.m_solutionBaseSideNav--asessment .m_solutionBaseSideNav__ttl--link:hover{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--service .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl,
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__listTtl {
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__listTtl,
  color: #333;
}
.m_solutionBaseSideNav__listTtl:before{
  content:"";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 50%;
}
.m_solutionBaseSideNav__listTtl-sub:before{
  left: -5px;
  width: 5px;
  height: 5px;
}
.m_solutionBaseSideNav--group .m_solutionBaseSideNav__listTtl:before{
  background-color: #980416;
}
.m_solutionBaseSideNav--bunsho .m_solutionBaseSideNav__listTtl:before{
  background-color: #666;
}
.m_solutionBaseSideNav--bunshokenshu .m_solutionBaseSideNav__listTtl:before{
  background-color: #052674;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__listTtl:before{
  background-color: #1a8192;
}
.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__listTtl:before{
  background-color: #fc5c8c;
}
.m_solutionBaseSideNav--solution .m_solutionBaseSideNav__listTtl:before{
  background-color: #ee7800;
}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__listTtl:before{
  background-color: #fc5c8c;
}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__listTtl:before{
  background-color: #04980b;
}
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__listTtl:before{
  background-color: #fc5c8c;
}

.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl:before{
  content: none;
}

.m_solutionBaseSideNav--ir .m_solutionBaseSideNav__listTtl-sub:before{
  content: "";
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 5px;
  height: 5px;
  border: none;
  border-radius: 50%;
  background-color: #CC2914;
}
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__listTtl:before{
  background-color: #6C597E;
}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__list{
  color: #400416;
}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__list{
  color: #013303;
}
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__list{
  color: #372d40;
}
.m_solutionBaseSideNav--gambatte .m_solutionBaseSideNav__list{
  color: #3d3d3d;
}
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__list{
  color: #400416;
}
.m_solutionBaseSideNav--leaf{
  letter-spacing: 0px;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__ttl{ 
  border-color: #1a8192;
  line-height: 1.2;
}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__list{}
.m_solutionBaseSideNav--leaf .m_solutionBaseSideNav__list--leaf--temp{
  padding: 0;
}
.m_solutionBaseSideNav--solution{}
.m_solutionBaseSideNav--solution .m_solutionBaseSideNav__ttl{ 
  border-color: #EE7800;
}
.m_solutionBaseSideNav--recruit{}
.m_solutionBaseSideNav--recruit .m_solutionBaseSideNav__ttl{ 
  border-color: #fc5c8c;
}
.m_solutionBaseSideNav--business{}
.m_solutionBaseSideNav--business .m_solutionBaseSideNav__ttl{ 
  border-color: #E9E92E;
}
.m_solutionBaseSideNav--service{}
.m_solutionBaseSideNav--service .m_solutionBaseSideNav__ttl{ 
  border-color: #fc5c8c;
}
.m_solutionBaseSideNav--group{}
.m_solutionBaseSideNav--new{}
.m_solutionBaseSideNav--new .m_solutionBaseSideNav__ttl{ 
  border-color: #04980b;
}
.m_solutionBaseSideNav--column{}
.m_solutionBaseSideNav--column .m_solutionBaseSideNav__ttl{ 
  border-color: #6C597E ;
}
.m_solutionBaseSideNav--gambatte{}
.m_solutionBaseSideNav--gambatte .m_solutionBaseSideNav__ttl{ 
  border-color: #707070;
}
.m_solutionBaseSideNav--func{}
.m_solutionBaseSideNav--func .m_solutionBaseSideNav__ttl{ 
  border-color: #fc5c8c;
}
.m_solutionBaseSideNav--columnRank{
 counter-reset: columnRank 0;   
}
.m_solutionBaseSideNav--columnRank .m_solutionBaseSideNav__ttl{ 
  border-color: #980416 ;
}

/*アコーディオン*/

.m_solutionBaseSideNav--acc > .m_solutionBaseSideNav__ttl--link:after{
  content: "";
  border: 2px solid #333;
  border-bottom: none;
  border-left: none;
  min-width: 5px;
  height: 5px;
  transform: rotate(135deg);
  margin-left: auto;
  margin-right: 15px;
  transition: .3s;
}
.m_solutionBaseSideNav--acc.is_active > .m_solutionBaseSideNav__ttl--link:after,
.m_solutionBaseSideNav--acc:hover > .m_solutionBaseSideNav__ttl--link:after{
  border-color: #fff;
}

.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__ttl--link,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__ttl--link{
  color: #fff;
  background-position: left 0% center;
}

.m_solutionBaseSideNav--acc > .m_solutionBaseSideNav__list{
  overflow: hidden;
  padding: 0 0 0 8px;
}
.m_solutionBaseSideNav--acc.is_active > .m_solutionBaseSideNav__list,
.m_solutionBaseSideNav--acc:hover > .m_solutionBaseSideNav__list{
  padding: 5px 0 0px 8px;
}
.m_solutionBaseSideNav--acc .m_solutionBaseSideNav__listItem {
  padding: 0;
  transition: padding .2s;
}
.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem{
  padding: 5px 0;
}
.m_solutionBaseSideNav--acc .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{
  line-height: 0;
  transition: line-height .2s ease-out,padding 0s,opacity .2s linear, visibility .2s linear;
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0;
}
.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{
  line-height: 1.6;
  transition: line-height .2s ease-out,padding 0s,opacity .2s linear, visibility .2s linear;
  padding: 0 0 0 11px;
  opacity: 1;
  visibility: visible;
}
.m_solutionBaseSideNav--acc.is_active .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:hover,
.m_solutionBaseSideNav--acc:hover .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:hover{
  opacity: .7;
}

/* 語る(kataru) */
.m_solutionBaseSideNav--kataru .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target{}
.m_solutionBaseSideNav--kataru .m_solutionBaseSideNav__listItem .m_solutionBaseSideNav__target:first-line{
  color: #d66c00;
}

/*
    公開講座を便利に、お得に
================================*/
.side_bupService {
  background-color: #E4F1F9;
  font-size: 12px;
  margin: 30px 0;
}

.side_bupService_ttl {}

.side_bupService_ttl img { display: block; }

.side_bupService_inner { padding: 10px; }

/* 背景が白い部分 */
.side_bupService_card {
  background-color: #fff;
  padding: 8px;
}

.side_bupService_card +.side_bupService_card { margin-top: 10px; }

.side_bupService_card_link {
  color: currentColor;
  display: block;
  padding: 0;
  text-decoration: none;
}

.side_bupService_card_link--attachment {
  border: 5px solid #e5002d;
  margin-top: 20px !important;
  padding: 18px 8px 8px;
  position: relative;
}

.side_bupService_card_link--attachment::before {
  border: 25px solid transparent;
  border-top: 0;
  border-bottom: 15px solid #e5002d;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
}

.side_bupService_card_link--attachment::after {
  content: url("/resource/img/bup/img_new.jpg");
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.side_bupService_card_link-full {
  color: currentColor;
  display: block;
  text-decoration: none;
}

.side_bupService_card_link:hover,
.side_bupService_card_link-full:hover {
  opacity: .6;
  text-decoration: none;
}

.side_bupService_card_img { text-align: center; }

.side_bupService_card_img--flex {
  align-items: flex-start;
  display: flex;
  justify-content: space-around;
}

.side_bupService_card_img > img {
  height: auto;
  max-width: 100%;
}

.side_bupService_card_catchCopy {
  background-color: #666;
  color: #fff;
  letter-spacing: .03em;
  line-height: 1;
  margin: 5px 0;
  padding: 5px 0;
  text-align: center;
}

.side_bupService_card_catchCopy.request { background-color: #038693; }
.side_bupService_card_catchCopy.trip { background-color: #008fd1; }
.side_bupService_card_catchCopy.catalog { background-color: #1962f1; }
.side_bupService_card_catchCopy.webins { background-color: #e5002d; }
.side_bupService_card_catchCopy.smp { background-color: #f15a24; }
.side_bupService_card_catchCopy.vlp { background-color: #e35070; }
.side_bupService_card_catchCopy.leaf { background-color: #33cc99; }
.side_bupService_card_catchCopy.another { background-color: #FFBF0B; }

.side_bupService_card_txt {}
.side_bupService_card_img + .side_bupService_card_txt { margin-top: 5px; }

.side_bupService_txt {
  line-height: 1.2;
  margin-bottom: 10px;
}

.side_bupService_txt-blue { color: #194a72; }

/*アセスメントナビ*/
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav{
    margin-top: 7px;
    letter-spacing: -0.5px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav + .m_assessment_subNav{
    margin-top: 24px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl{
    position: relative;
    display: flex;
    color: 00479d;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 3px solid #00479d;
    padding-bottom: 5px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--beginner{}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--beginner::before{
    position: absolute;
    content: url('/resource/img/assessment/icon_assess_beginner_blue.svg');
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--lineup{}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--lineup::before{
    position: absolute;
    content: url('/resource/img/assessment/icon_assessment_blue.svg');
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--relation{}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_ttl--relation::before{
    position: absolute;
    content: url('/resource/img/assessment/icon_assess_search.svg');
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_text{
    padding-left: 25px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item{
    border-bottom: 1px dotted #C2C2C2;
    padding: 5px 3px 5px 0px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-jewel:first-letter{
  color: #00479d;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-outer{
    border-bottom: none;
    padding: 3px 3px 0px 0px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-inner{
    border-bottom: none;
    padding: 0px 3px 0px 27px;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item-inner_hasBorder{
    border-bottom: 1px dotted #C2C2C2;
    padding: 2px 3px 3px 27px;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link{
    position: relative;
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link:hover{
    color: initial;
    text-decoration: none;
    opacity: .6;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link::after{
    position: absolute;
    content: url('/resource/img/assessment/arrow_off.svg');
    top: 3px;
    right: 5px;
    transition: .3s;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_item:hover .m_assessment_subNav_link::after{
    position: absolute;
    content: url('/resource/img/assessment/arrow_hover_blue.svg');
    top: 3px;
    right: 0;
    transition: .3s;
}

.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link_text{
    position: relative;
}
.m_assessment_subNav_link[href="/consulting/fl_literacy.html"] .m_assessment_subNav_link_text,
.m_assessment_subNav_link[href="/consulting/assessment_harassment_risk.html"] .m_assessment_subNav_link_text,
.m_assessment_subNav_link[href="/consulting/assessment-engagement-diagnosis.html"] .m_assessment_subNav_link_text{
  letter-spacing: -1px!important;
}
.m_solutionBaseSideNavs__item--assessment .m_assessment_subNav_link_text_color{
  color: #ea3636;
}



/* サイドナビの閲覧履歴 */
.m_sideNavHistory{}
.m_sideNavHistory__ttl{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
.m_sideNavHistory__list{
  padding-left: 8px;
}
.m_sideNavHistory__list > li{
  position: relative;
  height: calc(1em * 1.6);
  line-height: 1.6;
  font-weight: bold;
  font-size: 11px;
  overflow: hidden;
}
.m_sideNavHistory__list > li::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(13px * 1.6);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)
}
.m_sideNavHistory__list > li + li{
  margin-top: 5px;
}
.m_sideNavHistory__list a{
  position: relative;
  display: block;
  padding-left: 1em;
  color: inherit;
}
.m_sideNavHistory__list a:hover{
  opacity: .7;
}
.m_sideNavHistory__list a::before{
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid;
  border-top: 1px solid;
  transform: rotate(45deg);
}
.m_sideNavHistory__footer{
  margin-top: 6px;
  text-align: right;
}
.m_sideNavHistory__footer a{
  display: inline-block;
  /* padding: 2px 12px;
  border: 1px solid #cc2914; */
  color: inherit;
  font-weight: bold;
  font-size: 12px;
}
.m_sideNavHistory__footer a:hover{
  text-decoration: none;
  opacity: .7;
}

/* サイドナビ検フォーム */
.p_sideSearchForm{
  display: flex;
  align-items: stretch;
  width: 100%;
}
.p_sideSearchForm__field{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: calc(100% - 2em);
  height: 2em;
  padding: 0;
  border: 1px solid #707070;
  border-right: none;
  overflow: hidden;
  text-indent: 1em;
  background: #fff;
  font-size: inherit;
  outline: none;
}
.p_sideSearchForm__btn{
  display: flex;
  align-items: center;
  width: 2em;
  height: 2em;
  border: 1px solid #980416;
  overflow: hidden;
  background: #980416;
  transition: .2s opacity;
  color: #fff;
  cursor: pointer;
  /*outline: none;*/
  font-size: 14px;
}
.p_sideSearchForm__btn:hover{
  opacity: .7;
}

/*メインコンテンツ*/
.p_mainContents{}
.p_mainContents__mainRelLinks, .p_mainContents__news, .p_mainContents__hrArticle{
  padding: 0 16px;
}
.p_mainContents__mainRelLinks--pc{
  display: block;
}
.p_mainContents__mainRelLinks--sp{
  display: none;
}
.p_mainContents__fresherHeading{
  display: flex;
}
.p_mainContents__fotterBanner{
  padding: 16px;
  box-sizing: border-box;
}
.p_mainContents__fotterBanner_ttl{
  font-size: 20px;
}
.p_mainContents__fotterBanner_jewel {
  color: #be0533;
}
.p_mainContents__fotterBanner a{
  position: relative;
  overflow: hidden;
  text-align: center;
  display:block;
  width: 100%;
}
.p_fotterBanner_img--sp{display: none;}
.p_mainContents__fotterBanner img{
  transition: .4s transform;
}
.p_mainContents__fotterBanner:hover img{
  transform: scale(1.1);
}
.p_mainContents__slider + .p_mainContents__mainRelLinks{
  margin-top: 16px;
}
.p_mainContents__slider + .p_mainContents__news,
.p_mainContents__todayBup + .p_mainContents__news{
  margin-top: 16px;
}
.p_mainContents__mainRelLinks + .p_mainContents__news,
.p_mainContents__mainRelLinks + .p_mainContents__hrArticle{
  margin-top: 120px;
}
.p_mainContents__news + .p_mainContents__hrArticle{
  margin-top: 64px;
}
.p_mainContents__news + .p_mainContents__mainRelLinks{
  margin-top: 16px;
}
.p_mainContents__selector + .p_mainContents__mainRelLinks,
.p_mainContents__articleBox + .p_mainContents__mainRelLinks,
.p_mainContents__fresherHeading + .p_mainContents__mainRelLinks,
.p_mainContents__selector + .p_mainContents__news,
.p_mainContents__articleBox + .p_mainContents__news{
  margin-top: 16px;
}
.p_mainContents .p_mainContents__mainRelLinks:first-of-type{
  margin-top: 16px;   
}
.p_mainContents__slider + .p_mainContents__info{
  margin-top: 16px;
}
.p_mainContents__info + .p_mainContents__news{
  margin-top: 40px;
}
.p_mainContents__info + .p_mainContents__todayBup{
  margin-top: 24px;
}
@media screen and (max-width:768px){
  .p_mainContents__mainRelLinks--pc{
    display: none;
  }
  .p_mainContents__mainRelLinks--sp{
    display: block;
  }
  .p_mainContents__slider{
    margin-bottom: 4px;
  }
  .p_mainContents__todayBup + .p_mainContents__selector{
    margin-top: 16px;
  }
  .p_mainContents__mainRelLinks + .p_mainContents__news,
  .p_mainContents__news + .p_mainContents__mainRelLinks,
  .p_mainContents__news + .p_mainContents__hrArticle,
  .p_mainContents__hrArticle + .p_mainContents__news{
    margin-top: 24px;
  }
  .p_mainContents__fresherHeading{
    display: block;
  }
  .p_fotterBanner_img--pc{display: none;}
  .p_fotterBanner_img--sp{display: block;}
}
/*スライダーモジュール*/
.p_slider{}
.p_slider__body{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(100% * 350 / 1020);
  overflow: hidden;
}
.p_slider__inner{
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  transition: 0ms left;
}
.p_slider__item{
  width: 100%;
}
.p_slider__link{
  cursor: pointer;
}
.p_slider__option{
  height: 16px;
}
.p_slider__body + .p_slider__option{
  margin-top: 8px;
}
.p_slider__selectorList{
  display: flex;
  justify-content: center;
}
.p_slider__selector + .p_slider__selector{
  padding-left: 24px;
}
.p_slider__selector > a{
  display: flex;
  width: 104px;
  height: 16px;
}
.p_slider__selector > a::before{
  content: '';

  display: block;
  width: 100%;
  height: 6px;
  background: #d9e2e0;
  overflow: hidden;
}
.p_slider__selector > a.is_active::before{
  background: #be0533;
}
.p_slider__selector--next > a::before, .p_slider__selector--prev > a::before{
  position: relative;
  top: -2px;
  background: none;
  overflow: visible;
  color: #d9e2e0;
  font:900 16px/1 "Font Awesome 5 Free";
}
.p_slider__selector--next > a::before{
  content: '\f105';
}
.p_slider__selector--prev > a::before{
  content: '\f104';
}
.slider-enter-active,.slider-leave-active{
  transition: .8s all;
}
.slider-leave-active{
  position: absolute;
  top: 0;
  width:100%;
  z-index: 1;
}
.slider-leave-to{
  transform:translateX(100%);
  opacity:0;
}
.slider-enter{
  opacity: 0;
  transform: scale(.9);
}

@media screen and (max-width:768px){
  .p_slider__selector > a{
    width: 10px;
  }
  .p_slider__selector > a::before{
    height: 10px;
    border-radius: 50%;
  }
}
/*セレクターモジュール(spのみ)*/
.p_selector{
  height: 120px;
}
.p_selector__inner{
  display: flex;
  width: 100%;
  height: 120px;
  padding: 0 4px;
}
.p_selector__inner--gray{
  background: #dfe8e6;
}
.p_selector__target{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.5em;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  font-size: 10px;
  line-height: 1.2;
  color : inherit;
  transition: .2s background, .2s color;
}
.p_selector__target--themeColor.is_active{
  color : #fff;
  background: #c40533;
}
.p_selector__inner.is_fixed{
  position: fixed;
  top: 42px;
  left: 0;
  z-index: 998;
}
@media screen and (max-width: 599px){
  .p_selector__target{
    padding-left: 0;
  }
}

/*カードボックスモジュール*/
.p_cardBox{}
.p_cardBox__card + .p_cardBox__note{
  margin-top: 24px;
}
@media screen and (max-width:768px){
  .p_cardBox__card + .p_cardBox__note{
    margin-top: 16px;
  }
}

/*カードモジュール*/
.p_card{}
.p_card__item{}
.p_card__link{
  position: relative;
  overflow: hidden;
  text-align: center;
}
.p_card__thumbnail{
  box-sizing: content-box;
  width: calc(100% - 3px);
  border: 1px solid #eee;
  transition: .4s transform;
}
.p_card__thumbnail img{
  width: 100%;
}
.p_card__link:hover > .p_card__thumbnail{
  transform: scale(1.1);
}
.p_card__txtBox{
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: calc(100% - 2px);
  max-width: 220px;
  padding: 6px 10px;
  background: attr(data-bkColor);
  font-weight: bold;
  text-align: left;
  color: #333;
  transition: .4s transform;
  transform: translateX(-50%);
}
.p_card__link:hover > .p_card__txtBox{
  transform: translateX(-50%) scale(1.1);
}
.p_card__ttl{
  display: flex;
  align-items: center;
  min-height: calc(2em * 1.3);
  line-height: 1.3;
  font-size: 14px;
}
.p_card__desc, .p_card__date{
  font-size: 11px;
}
.p_card__ttl + .p_card__desc{
  margin-top: 4px;
  padding-top: 4px;
  border-top: 2px solid;
}
.p_card__num{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p_card__num::before{
  content: "年間受講者数";
  display:block;
  padding-right: 2px;
  font-size: 12px;
}
.p_card__num::after{
  content: "";
  order: 1;
  flex: 1 1 auto;
  display:block;
  height: 2px;
  background: radial-gradient(circle, #333 1px, rgba(255, 255, 255, 0) 0) repeat-x center center / 8px 8px;
}
.p_card__ttl + .p_card__num,
.p_card__desc + .p_card__num{
  margin-top: 6px;
}
.p_card__numValue{
  order: 2;
  padding-left: 2px;
  letter-spacing: 0;
  line-height: 1;
  font-size: 20px;
}
.p_card__numUnit{
  margin-left: 2px;
  font-size: 1rem;
}
.p_card__sign{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 60%;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  color: #fff;
  font-size: 12px;
  transform: translateY(-100%);
}
.p_card__signBk{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(60% + 20px);
  height: 24px;
  background: #AF861E;
  transform-origin: left bottom;
  transform: translateY(-100%) scaleY(1.2) perspective(.5em) rotateX(3deg);
}
.p_card__txtBox--hasSign{
  border-top: 2px solid #AF861E;
}
.card-enter-active, .card-move {
  transition: .8s all;
}
.card-leave-active {
  position: absolute;
  visibility: hidden;
}
.card-enter {
  opacity: 0;
  transform: scale(.9);
}
_:-ms-lang(x)::-ms-backdrop, .card-enter {
  opacity: 1;
  transform: none;
}
@media screen and (max-width: 768px){
  .p_card__desc, .p_card__num{
    display: none;
  }
  .p_card__txtBox::before{
    width: calc(60% + 20px);
  }
  .p_card__txtBox::after{
    width: 60%;
    font-size: 12px;
  }
}
@media screen and (max-width: 599px){
  .p_card__txtBox{
    padding: 6px;
  }
  .p_card__ttl, .p_card__date{
    font-size: 10px;
  }
  .p_card__txtBox::after{
    font-size: 10px;
  }
}
/*フッターパネル*/
.p_card__footerTitle{
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1;
  position: absolute;
  bottom: 12px;
  left: 0px;
  padding: 0 10px;
  width: fit-content;
  z-index: 2;
}
.p_card__link--footer:before{
  background-color: #333;
  content: "";
  display: block;
  height: 40px;
  mix-blend-mode: multiply;
  opacity: .8;
  position: absolute;
  bottom: 0;
  left: 1.5px;
  width: calc(100% - 3px);
  z-index: 1;
}
.p_card__link--footer--suitable:before{
  content: none;
}
@media screen and (max-width: 768px){
  .p_card__footerTitle{
    font-size: 13px;
    padding: 0 3px;
  }
}
@media screen and (max-width: 599px){}

/*脚注モジュール*/
.p_note {
  font-size: 10px;
}
.p_note__item + .p_note__item{
  margin-top: 8px;
}
@media screen and (max-width:768px){
  .p_note {
    line-height: 1.2;
  }
  .p_note__item + .p_note__item{
    margin-top: 6px;
  }
}
/*ニュースリストモジュール*/
.p_newsList{}
.p_newsList__nav{
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
}
.p_newsList__navItem + .p_newsList__navItem{
  padding-left: 8px;
}
.p_newsList__navTarget{
  display: block;
  border-top: 1px solid;
  line-height: 1;
  padding: 6px 12px;
  color: inherit;
  font-size: 16px;
}
.p_newsList__navItem:first-of-type .p_newsList__navTarget{
  border-left-width: 1px;
  border-left-style: solid;
}
.p_newsList__navItem:last-of-type .p_newsList__navTarget{
  border-right-width: 1px;
  border-right-style: solid;
}
.p_newsList__navTarget.is_active{
  border-color: #be0533;
  color: #fff;
  background: #be0533;
}
.p_newsList__header{}
.p_newsList__body{
  padding-bottom: 8px;
  border-bottom: 1px dotted #939393;
}
.p_newsList__body + .p_newsList__footer{
  margin-top: 16px;
}
.p_newsList__item{
  display: flex;
  align-items: center;
}
.p_newsList__item + .p_newsList__item{   margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted #939393;
}
.p_newsList__tags{
  flex: 0 0 88px;
  text-align: center;
}
.p_newsList__tags > img{
  display: block;
  line-height: 1;
  vertical-align: middle;
}
.p_newsList__tags > img + img{
  margin-top: 4px;
}
.p_newsList__contents{
  flex: 1 1 auto;
}
.p_newsList__contentsInner{}
.p_newsList__date{}
.p_newsList__msg{}
.p_newsList__link{
  color: inherit;
  transition: .2s opacity;
}
.p_newsList__link:hover{
  opacity: .7;
}
.p_news_list__eng{
  position: relative;
  margin-top: 4px;
  font-size: 12px;
}
.p_news_list__eng::before{
  content: "English";
  display: inline-block;
  padding: 3px 4px;
  border: 2px solid;
  border-radius: 2px;
  line-height: 1;
  color: #777;
  font-weight: bold;
  font-size: 10px;
}
.p_newsList--headline{}
.p_newsList--headline .p_newsList__header{
  display: flex;
  align-items: flex-end;
}
.p_newsList--headline .p_newsList__body{
  max-height: 356px;
  overflow: auto;
}
.p_newsList--headline .p_newsList__item{
  display: block;
}
.p_newsList--headline .p_newsList__item + .p_newsList__item{
  margin-top: 2px;
  padding-top: 0px;
}
.p_newsList--headline .p_newsList__tags{
  display: flex;
}
.p_newsList--headline .p_newsList__tags > img + img{
  margin: 0 0 0 4px;
}
.p_newsList--headline .p_newsList__tags + .p_newsList__contents{
  margin-top: 2px;
}
.p_newsList--headline .p_newsList__contentsInner{
  display: flex;
  align-items: flex-start;
}
.p_newsList--headline .p_newsList__date{
  flex: 0 0 128px;
  font-size: 12px;
}
.p_newsList--headline .p_newsList__msg{
  flex: 1 1 auto;
  font-size: 12px;
}
@media screen and (max-width:768px){
  .p_newsList--headline .p_newsList__contentsInner{
    display: block;
  }
  .p_newsList--headline .p_newsList__msg{
    padding-left: 0;
  }
}
@media screen and (max-width:599px){
  .p_newsList--headline .p_newsList__body{
    height: 178px;
  }
}

/* 動画モジュール */
.p_movie{}
.p_movie__thumbnail{
  line-height: 0;
  text-align: center;
}
.p_movie__thumbnail img{
  max-width: 100%;
  height: auto;
}
.p_movie__link{
  position: relative;
  display: block;
  overflow: hidden;
  color: inherit;
}
.p_movie__link--mochiTube{
  padding-top: calc(100% * 9 / 16);
}
.p_movie__link--mochiTube::before{
  content: url(/resource/img/pr/motimaru_collab/__motimaru_hanko2.png);
  position: absolute;
  right: 8px;
  bottom: 6px;
  z-index: 2;
  display: block;
  line-height: 0;
}
.p_movie__link > img{
  transition: .4s transform;
}
.p_movie__link--mochiTube > img{
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
}
.p_movie__link:hover > img{
  transform: scale(1.1);
}
.p_movie__link--mochiTube:hover > img{
  transform: translateY(-50%) scale(1.1);
}
.p_movie__date{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 8px 24px;
  line-height: 1; 
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, .7);
}
.p_movie__msg{
  position: absolute;
  bottom: 6px;
  left: 8px;
  z-index: 2;
  padding: 6px 12px;
  border-radius: 8px;
  line-height: 1.4;
  text-align: left;
  color: #000; 
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0;
  background: #fff;
}
/* エナジーモジュール（旧） */
/* .p_energy{
  letter-spacing: 0;
}
.p_energy__lead{
  font-size: 12px;
}
.p_energy__lead + .p_energy__body{
  margin-top: 8px;
}
.p_energy__body{
  display: flex;
  align-items: stretch;
}
.p_energy__linksWrap{
  flex: 1 1 auto;
}
.p_energy__links + .p_energy__links{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted;
}
.p_energy__linksInner{
  padding-left: 8px;
  border-left: 4px solid #BE0533;
}
.p_energy__linksTtl{
  margin-bottom: 8px;
  line-height: 1;
  font-size: 12px;
}
.p_energy__linkList{}
.p_energy__linkItem + .p_energy__linkItem{
  margin-top: 8px;
}
.p_energy__thumbnail{
  flex: 0 0 186px;
  padding-left: 16px;
  line-height: 0;
}
.p_energy__thumbnail img{
  max-width: 100%;
  height: auto;
}
.p_energy__imgLink{
  display: block;
  transition: .3s opacity;
}
.p_energy__imgLink:hover{
  opacity: .7;
}
.p_energy__vol{
  margin-bottom: 2px;
  padding-left: 12px;
  color: #999;
  line-height: 1;
  font-size: 12px;
}
.p_energy__link{}
.p_energy__linkTarget{
  position: relative;
  display: block;
  padding-left: 12px;
  color: inherit;
  line-height: 1.2;
  font-size: 14px;
  transition: .3s opacity;
}
.p_energy__linkTarget:hover{
  opacity: .7;
}
.p_energy__linkTarget::before{
  content: "\f105";
  position: absolute;
  left: 0;
  display: block;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
}
*/

/* エナジースライダー */
@media screen and (max-width:599px){
  .p_energySlider{ display: none;}
}

/*問合せのモーダル*/
.p_ask{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  width: 696px;
  background: #fff;
  transform: translate(-50%, -50%);
}
.p_ask__inner{
  padding: 24px;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: visible;
}

.p_ask__flow{
  width: 100%;
}
.p_ask__flowItem{
  position: relative;
  display: flex;
  align-items: center;
  margin-right: calc(36px / 2);
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 11px;
  line-height: 1.3;
  white-space: nowrap;
  background: #f4f1f0;
}
.p_ask__flowItem::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: -1;
  display: block;
  width: calc(36px / 1.414);
  height: calc(36px / 1.414);
  background: #f4f1f0;
  transform: translate(50%, -50%) rotate(45deg);
}
.p_ask__flowItem--first{
  color: #fff;
  background: #c60500;
}
.p_ask__flowItem--first::after{
  background: #c60500;
}
.p_ask__flowItem--last{
  margin-right: 0;
}
.p_ask__flowItem--last::after{
  content: none;
}
.p_ask__q{
  padding: 16px;
  border-radius: 2px;
}
.p_ask__q--gray{
  background: #d9e2e0; 
}
.p_ask__qItem{
  overflow: hidden;
}
.p_ask__qItem + .p_ask__qItem{
  margin-top: 16px;
}
.p_ask__listItem{
  line-height: 1.4;
}
.p_ask__listItem + .p_ask__listItem{
  margin-top: 8px;
}
.p_ask__listLink{
  display: inline-block;
}
.p_ask__commonQTtl{
  margin-bottom: 16px;
}
.p_ask__commonQItem{
  font-size: 12px;
}
.p_ask__note{
  font-size: 11px;
}
.p_ask__close{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.p_ask__flow + .p_ask__heading,
.p_ask__q + .p_ask__commonQ,
.p_ask__commonQ + .p_ask__footer,
.p_ask__q + .p_ask__footer{
  margin-top: 24px;
}
.p_tel__num{
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.ask-enter-active,.ask-leave-active{
  transition: .5s all;
}
.ask-leave-to{
  opacity:0;
}
.ask-enter{
  opacity: 0;
}
@media screen and (max-width:768px){
  .p_ask{
    width: 90%;
    border-radius: 24px;
  }
  .p_ask__inner{
    padding: 16px;
  }
  .p_ask__q{
    padding: 0;
  }
  .p_ask__q--gray{
    background: none;
  }
  .p_ask__qItem{
    overflow: visible;
  }
  .p_ask__listItem{
    font-size: 13px;
  }
  .p_ask__listItem + .p_ask__listItem{
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid #d9e2e0;
  }
  .p_tel{
    justify-content: center;
  }
}
/*今日の公開講座モジュール*/
.p_todayBup{
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 328px;
  height: calc(100vh - 79px);
  background: #fff;
  transition: .7s transform;
}
.p_todayBup__label{
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  padding: 16px 8px;
  border-radius: 2px;
  transition: .2s opacity;
  transform: translateX(-100%);
}
.p_todayBup__label:hover{
  opacity:.7;
}
.p_todayBup__label::after{
  content: "\f152";
  display: block;
  width: 16px;
  margin: 8px auto 0;
  color: #fff;
  font:900 16px "Font Awesome 5 Free";
}
.p_todayBup__label--today{
  background: #752222;
  color: #fff;
}
.p_todayBup__date{
  font-size: 12px;
  text-align: center;
  line-height: 1;
}
.p_todayBup__day{
  display: block;
  font-size: 16px;
}
.p_todayBup__ttl{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  width: 1em;
  height: 8em;
  margin-left: 11px;
  line-height: 1;
  font-size: 16px;
}
.p_todayBup__date + .p_todayBup__ttl{
  margin-top: 8px;  
}
.p_todayBup__body{
  height: 100%;
  padding-top: 20px;
  background: #fff;
}
.p_todayBup__btnList{
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: flex-start;
}
.p_todayBup__btn + .p_todayBup__btn{
  margin-left: 10px;
}
.p_todayBup__frame{
  width: 100%;
  height: 100%;
  transform: translateY(28px);
}
.p_todayBup.is_hide{
  transform: translateX(100%);
}
@media screen and (max-width:1600px){
  .p_todayBup{
    height: 400px;
  }
}
@media screen and (max-width:768px){
  .p_todayBup{
    position: static;
    width: 100%;
    height: auto;
  }
  .p_todayBup__label{
    position: relative;
    padding: 8px;
    text-align: center;
    transform: none;
  }
  .p_todayBup__label:hover{
    opacity:1;
  }
  .p_todayBup__label::after{
    content: "\f068";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    display: block;
    height: 16px;
    margin: auto 0;
    color: #752222;
  }
  .p_todayBup__label--today{
    background: transparent;
    color: #752222;
    border: 2px solid #752222;
  }
  .p_todayBup__ttl{
    display: inline;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    width: auto;
    height: auto;
  }
  .p_todayBup__date{
    display: inline;
  }
  .p_todayBup__date + .p_todayBup__ttl{
    margin: 0 0 0 4px;  
  }
  .p_todayBup__day{
    display: inline;
  }
  .p_todayBup__body{
    height: 284px;
    max-height: 284px;
    padding-top: 16px;
    transition: .7s max-height, .7s padding;
  }
  .p_todayBup__frame{
    transform: none;
  }
  .p_todayBup.is_hide{
    transform: none;
  }
  .p_todayBup.is_hide .p_todayBup__label::after{
    content: "\f067";
  }
  .p_todayBup.is_hide .p_todayBup__body{
    max-height: 0;
    padding-top: 0;
    overflow: hidden;
  }
}
/*ハンバーガーメニュー*/
.p_hamburger{
  position: relative;
}
.p_hamburger__item{
  display: block;
  position: absolute;
  width: 60%;
  height: 2px;
  background: #606060;
  transition: .8s transform;
}
.p_hamburger__item--first{
  transform: translateY(-10px);
}
.p_hamburger__item--second{
  transform: translateY(10px);
}
.p_hamburger.is_active .p_hamburger__item--first{
  transform: rotate(45deg);
}
.p_hamburger.is_active .p_hamburger__item--second{
  transform: rotate(-45deg);
}
.p_hamburger.is_active .p_hamburger__item--third{
  transform: rotate(-45deg);
}
/*べージトップへ*/
.p_toPageTop{
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
  width: 100px;
  margin: 0 auto;
  font-size: 12px;
  z-index: 998;
}
.toPagTop-enter-active,.toPagTop-leave-active{
  transition: .5s all;
}
.toPagTop-leave-to{
  opacity:0;
}
.toPagTop-enter{
  opacity: 0;
}
/*オーバーレイ*/
.p_overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  background: #fff;
}
.p_overlay--modal{
  z-index: 999;
  background: #000;
  opacity: .8;
}
.p_overlay--top{
  z-index: 9999;
}
.overlay-enter-active,.overlay-leave-active{
  transition: .5s all;
}
.overlay-leave-to{
  opacity:0;
}
.overlay-enter{
  opacity: 0;
}
/*ローディングアイコン*/
.p_loading{
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -80%);
}
.p_loading__pathGroup{
  stroke-width: .5;
  stroke: #333;
}
.p_loading__char{
  fill: #333333;
  fill-opacity: 0;
  transition: .2s fill-opacity;
}
.p_loading__char--inSquare{
  fill: #ffffff;
}
.p_loading__square{
  fill: #e6002d;
  fill-opacity: 0;
  transition: .2s fill-opacity;
}
.p_loading__char.is_fill, .p_loading__square.is_fill{
  fill-opacity: 1;
}
.p_loading__char--inSquare.is_fill, .p_loading__square.is_fill{
  stroke-width: 0;
}


.loading-leave-active{
  transition: .5s all;
}
.loading-leave-to{
  opacity: 0;
}

/* お知らせ */
.p_info{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 16px;
  border: 2px solid;
  color: inherit;
}
/*.p_info:hover{
  opacity: .7;
}*/
.p_info__heading{
  flex: 0 0 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.p_info__headingInner{}
.p_info__ttl{
  line-height: 1;
  font-weight: bold;
  font-size: 20px;
}
.p_info__subTtl{
  line-height: 1;
  font-size: 12px;
}
.p_info__ttl + .p_info__subTtl{
  margin-top: 12px;
}
.p_info__body{
  flex: 1 1 auto;
  position: relative;
  padding: 8px;
}
.p_info__msg{
  font-weight: bold;
  font-size: 17px;
}
.p_info__msg + .p_info__msg{
  margin-top: 6px;
}
.p_info__msg--note{
  line-height: 1.6;
  font-weight: normal;
  font-size: 12px;
}
.p_info__logo{
  position: absolute;
  right: 16px;
  bottom: 8px;
  line-height: 0;
}
.p_info__logo > img{
  max-width: 100%;
  height: auto;
}
.p_info--notice{
  border-color: #e6002d;
}
.p_info--notice .p_info__heading{
  background: #e6002d;
  color: #fff;
}

@media screen and (max-width: 768px){
  .p_info{
    margin: 0;
  }
  .p_info__logo{
    position: static;
    margin-top: 12px;
    text-align: right;
  }
}
@media screen and (max-width: 599px){
  .p_info{
    display: block;
  }
  .p_info__heading{
    display: block;
    padding: 8px 16px;
  }
  .p_info__headingInner{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .p_info__ttl + .p_info__subTtl{
    margin-top: 0;
  }
}



/* 人事のお役立ちニュース */

.hrArticleTtl{
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #666;
  line-height: 1;
  font-weight: bold;
  font-size: 20px;
}
.hrArticleList{}

.hrArticleList > li + li{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted #939393;
}

.hrArticleList a{
  color: inherit;
  transition: .2s opacity;
}
.hrArticleList a:hover{
  opacity: .7;
}


.backLink{
  display: flex;
  justify-content: flex-end;
  margin-top: 16px !important;
}
.backLink a{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4em;
  border: 1px solid #383838;
  color: inherit;
  line-height: 1;
  letter-spacing: 2px;
  transition: .2s background;
}
.backLink a::before{
  content: "";
  display: block;
  width: 0;
  height: 1em;
  padding: .8em 0;
}
.backLink a:hover{
  background: #e9e9e9;
}
@media screen and (max-width: 768px){
  .hrArticleTtl{
    text-align: center;
  }
}

/* 記事リスト */
.p_articleBox{
  letter-spacing: 0;
  margin: 16px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #444;
  position:relative;
  padding-bottom: 33px;
}
.p_articleBox--now{
  border: 4px solid #F5F5F5;
  margin: 16px 0px 16px;
  padding: 11px;
  padding-top: 0;
} 
.p_articleBox--new{
  padding-top:22px;
}
.p_articleBox--theme,
.p_articleBox--leaf,
.p_articleBox--all{
  padding-bottom: 0;
}
.p_articleBox--web{
  padding-bottom: 60px;
}

.p_articleBox--theme .p_articleBox:last-of-type{
  border-bottom: 1px solid #444;
}
.p_articleBox:last-of-type{
  border-bottom: 1px solid #444;
}
.p_articleBox + .p_articleBox{
  border-top: none;
  margin-top: -16px;
}
.p_articleBox_heading{
  padding-top: 8px;
  display: inline-block;
}
.p_articleBox_heading--link{
  color: #333;
  transition: .3s;
}
.p_articleBox_heading--link:hover{
  color: #333;
  opacity: .6;
}
.p_articleBox_headingWrap{
  font-size:16px;
  display: inline-flex;
  align-items: center;
}
.p_articleBox_heading--link .p_articleBox_headingWrap:after{
  display: inline-block;
  content:"";
  position: relative;
  width: 8px;
  height: 8px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  color: #75192b;
}
.p_articleBox--all .p_articleBox_heading--link .p_articleBox_headingWrap:after{
  width: 6px;
  height: 6px;
}
.p_articleBox_headingTxt{
  font-size:16px;
  padding-right: 5px;
  color: #75192b;
}
.p_articleBox_heading--link .p_articleBox_headingTxt{
  padding-right: 5px;
}
.p_articleBox--all .p_articleBox_headingTxt{
  font-size: 14px;
}
.p_articleBox--theme .p_articleBox_inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}
.p_articleBox--leaf .p_articleBox_inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p_articleBox--all .p_articleBox_inner{
  display: block;
  margin-top: 0px;  
  column-count: 4;
  padding: 8px 0;
  column-gap: 35px;
}
.p_articleBox--theme .p_articleBox_innerItem {
  width: calc(33.333% - 28px);
  border-top: 1px solid #444;
  padding-bottom: 33px;
  position: relative;
}
.p_articleBox--leaf  .p_articleBox_innerItem {
  width: calc(20% - 28px);
  padding-bottom: 16px;
  position: relative;
}
.p_articleBox--all .p_articleBox_innerItem {
  width: calc(100%);
  padding-bottom: 8px;
  position: relative;
  break-inside: avoid;
}
.p_articleBox--theme .p_articleBox_innerItem .p_articleBox_wrap{
  margin-top: 12px;
}
.p_articleBox--leaf .p_articleBox_innerItem .p_articleBox_wrap{
  margin-top: 12px;
}
.p_articleBox--all .p_articleBox_innerItem .p_articleBox_wrap{
  margin-top: 3px;
}
.p_articleBox_lead{
  margin-top: 12px;
}

.p_articleBox_wrap.p_articleBox_wrap--first{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 12px;
}
.p_articleBox--leaf .p_articleBox_wrap.p_articleBox_wrap--first{
  border-bottom: 1px solid #efefef;
}
.p_articleBox_footer{}
.p_articleBox--web .p_articleBox_footer{
  position: absolute;
  right: 0;
  bottom: 10px;
}
.p_articleBox--web .p_articleBox_footerItem + .p_articleBox_footerItem{
  margin-top: 5px;
}
.p_articleBox--riskilling .p_articleBox_footer{
  position: absolute;
  right: 0;
  bottom: 10px;
}
.p_articleBox--riskilling .p_articleBox_footerItem + .p_articleBox_footerItem{
  margin-top: 5px;
}
.p_articleBox_big_list{
  display: flex;
  width: calc(66.666% - 16px);
  justify-content: space-between;
  padding-bottom:33px;
  flex-wrap: wrap;
}
.p_articleBox--mail .p_articleBox_big_list,
.p_articleBox--column .p_articleBox_big_list,
.p_articleBox--web .p_articleBox_big_list{
  width: calc(100%);
  padding-bottom: 0px;
}
.p_articleBox_big_item{
  width: calc(50% - 20px);
  padding: 12px 0;
}
.p_articleBox--mail .p_articleBox_big_item,
.p_articleBox--column .p_articleBox_big_item,
.p_articleBox--web .p_articleBox_big_item{
  width: calc(33.333% - 28px);
  padding: 0 0 12px 0;
}
.p_articleBox_big_link{
  color: #333;
}
.p_articleBox_big_ttl{
  font-size: 20px;
  line-height: 1.3;
  height: 55px;
  overflow: hidden;
  position:relative;
}
.p_articleBox_big_ttl:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3em;
  height: 1.5em;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.p_articleBox--new .p_articleBox_big_ttl:after {
  content: none;
}
.p_articleBox_big_extra{
  margin-top:4px;
  display:flex;
  flex-wrap: wrap;
}
.p_articleBox_big_type {
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.p_articleBox_big_type--kensyu{
  color: #75192b;
}
.p_articleBox_big_type--bup{
  color: #00326e;
}
.p_articleBox_big_date{
  font-size: 12px;
  color: #d66c00;
}
.p_articleBox_big_img{
  margin-top: 5px;
  margin-bottom: 2px;
  text-align: center;
}
.p_articleBox_big_related{
  margin-top: 12px;
}
.p_articleBox_big_relatedItem{
  padding: 4px 0;
}
.p_articleBox_big_relatedHeading{
  font-size: 14px;
  font-weight: bold;
}
.p_articleBox_big_relatedTarget{
  font-size: 14px;
  padding-left: 12px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #333;
  height: 20px;
  overflow: hidden;
  position:relative;
  display: block;
}
.p_articleBox_big_relatedTarget:before{
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
}
.p_articleBox_big_relatedTarget:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3em;
  height: 1.5em;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
}
.p_articleBox_small.p_articleBox_small-verical{
  width: 33.333%;
}
.p_articleBox--mail .p_articleBox_small.p_articleBox_small-verical,
.p_articleBox--column .p_articleBox_small.p_articleBox_small-verical{
  width: 100%;
}
.p_articleBox_small-row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p_articleBox_small-row:after{
  content:"";
  display: inline-block;
  width: calc(33.33% - 28px);
  height: auto;
}
.p_articleBox_small_item{
  padding: 12px 0;
}
.p_articleBox--leaf .p_articleBox_small_item,
.p_articleBox--all .p_articleBox_small_item{
  padding: 6px 0;
}
.p_articleBox_small-verical .p_articleBox_small_item{
  margin-left: auto; 
  width: calc(100% - 28px);
}
.p_articleBox--mail .p_articleBox_small-verical .p_articleBox_small_item,
.p_articleBox--column .p_articleBox_small-verical .p_articleBox_small_item{
  width: calc(100%);
}
.p_articleBox_small-verical .p_articleBox_small_item:not(:last-child){
  border-bottom: 1px solid #efefef;
}
.p_articleBox--leaf .p_articleBox_small-verical .p_articleBox_small_item:nth-last-of-type(2){
  border-bottom: none;
}
.p_articleBox_small-row > .p_articleBox_small_item{
  width: calc(33.333% - 28px);
  border-top: 1px solid #efefef;
}
.p_articleBox--mail .p_articleBox_small-row > .p_articleBox_small_item{
  width: calc(100% - 16px);
  border-top: none;
}
.p_articleBox--theme .p_articleBox_small_item:nth-of-type(n + 4){
  padding: 6px 0;
}
.p_articleBox--theme .p_articleBox_small_item + .p_articleBox_small_item{
  border-top: 1px solid #efefef;
}
.p_articleBox--theme .p_articleBox_small_item--middleItem{
  padding: 6px 0;
}
.p_articleBox--theme .p_articleBox_small_item--middleItem + .p_articleBox_small_item--middleItem{
  border-top: none;
}
.p_articleBox--theme .p_articleBox_small_item_middleList{
  column-count: 2;
  margin-top:6px;
}
.p_articleBox_small_heading{
  color:#75192b;
  transition: .3s;
}
.p_articleBox_small_heading[href]:after{
  display: inline-block;
  content: "";
  position: relative;
  width: 6px;
  height: 6px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  top: -2px;
  margin-left: 5px;
}
.p_articleBox_small_heading[href]:hover{
  opacity: .7;
}
.p_articleBox_small_link{
  display:flex;
  color: #333;
}
.p_articleBox_small_txt{
  width: 100%;
}
.p_articleBox_small_ttl{
  font-size: 16px;
  line-height: 1.5;
  height: 48px;
  overflow: hidden;
  position:relative;
}
.p_articleBox--leaf .p_articleBox_inner .p_articleBox_small_ttl{
  height: auto;
  font-size:12px;
}
.p_articleBox--all .p_articleBox_small_ttl{
  height: auto;
  font-size:12px;
  font-weight: normal;
  line-height: 1;
}
.p_articleBox--theme .p_articleBox_small_item_middleList .p_articleBox_small_ttl{
  font-size: 12px;
  height: auto;
  line-height: 1;
  padding-left: 11px;
}
.p_articleBox--mail .p_articleBox_small_ttl{
  margin-top: 4px;
}
.p_articleBox_small_ttl:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3em;
  height: 1.5em;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.p_articleBox--new .p_articleBox_small_ttl:after{
  content:none;
}
.p_articleBox--theme .p_articleBox_small_item--middleItem .p_articleBox_small_ttl:after{
  content: none;
}
.p_articleBox--leaf .p_articleBox_innerItem .p_articleBox_small_ttl:after{
  content: none;
}
.p_articleBox--all .p_articleBox_small_ttl:after{
  content: none;
}
.p_articleBox--theme .p_articleBox_small_item_middleList .p_articleBox_small_ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
}
.p_articleBox--theme .p_articleBox_small_ttl--heading{
  font-size: 14px;
  height: auto;
}
.p_articleBox--theme .p_articleBox_small_ttl--heading:after,
.p_articleBox--theme .p_articleBox_small_ttl--heading:before {
  content: none;
}
.p_articleBox--mail .p_articleBox_small_copy{
  font-size: 14px;
  line-height: 1.5;
  height: 144px;
  overflow: hidden;
  position:relative;
  margin-top: 4px;
}
.p_articleBox--mail .p_articleBox_small_copy:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3em;
  height: 1.5em;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.p_articleBox--mail .p_articleBox_small_copyItem{
  padding: 0 10px;
}
.p_articleBox--mail .p_articleBox_small_copyItem{}
.p_articleBox--column .p_articleBox_small_copyWrap{
  font-size: 14px;
  line-height: 1.5;
  height: 144px;
  overflow: hidden;
  position:relative;
}
.p_articleBox--column .p_articleBox_small_copyWrap:after{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3em;
  height: 1.5em;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.p_articleBox--mail .p_articleBox_small_copy_txt + .p_articleBox_small_copy_txt {
  margin-top: 10px;
}
.p_articleBox_small_extra{
  margin-top:4px;
  display:flex;
  flex-wrap: wrap;
}
.p_articleBox--mail .p_articleBox_small_extra{
  margin-top: 0;
}
.p_articleBox_small_type {
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.p_articleBox_small_type--kensyu{
  color: #75192b;
}
.p_articleBox_small_type--bup{
  color: #00326e;
}
.p_articleBox_small_date{
  font-size: 12px;
  color: #d66c00;
}
.p_articleBox_small_img{
  width: 40%;
  margin-left: 2px;
  text-align: center;
}
@-moz-document url-prefix(){
  .p_articleBox_small_img{
    width: 37%;
    margin-left: 6px;
  }
}
.p_articleBox--column .p_articleBox_small_img{
  width: 100%;
  padding: 6px 0;
}
.p_articleBox--theme .p_articleBox_small_item:nth-of-type(n + 4) .p_articleBox_small_img{
  display: none;
}
.p_articleBox_small_imgMain--leafIcon{
  width:57px;
}
.p_articleBox_small_imgMain--leafIcon_str{
  width:137px;
}
.p_articleBox_big_link,
.p_articleBox_big_relatedTarget,
.p_articleBox_small_link{
  transition: .3s;
}
.p_articleBox_big_link:hover,
.p_articleBox_big_relatedTarget:hover,
.p_articleBox_small_link[href]:hover{
  opacity: .6;
}
.p_articleBox_source{
  display:flex;
  justify-content:flex-end;
  position:relative;
  padding-right: 5px;
}
.p_articleBox_sourceHeading{
  margin-right: 6px;
}
.p_articleBox_sourceLink{
  transition: .3s;
  color: #75192b;
}
.p_articleBox_sourceLink:after{
  display: inline-block;
  content: "";
  position: relative;
  width: 6px;
  height: 6px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  top: -2px;
  right: 2px;
  margin-left: 5px;
}
.p_articleBox_sourceLink:hover{
  opacity: .6;
}
@media screen and (max-width: 768px){
  .p_articleBox--now{
    padding-bottom: 33px;
  }
  .p_articleBox--all .p_articleBox_inner{
    column-count: 2;
  }
  .p_articleBox_wrap.p_articleBox_wrap--first{
    display: block;
  }
  .p_articleBox_big_list{
    width: 100%;
  }
  .p_articleBox--mail .p_articleBox_big_list,
  .p_articleBox--web .p_articleBox_big_list{
    display: block;
  }
  .p_articleBox--mail .p_articleBox_big_item,
  .p_articleBox--web .p_articleBox_big_list{
    width: 100%;
  }
  .p_articleBox_big_link{
    display: flex;
    flex-direction: column-reverse;
  }
  .p_articleBox_big_link--fax{
    flex-direction: column;
  }
  .p_articleBox--new .p_articleBox_big_ttl:after {
    content: "";
  }
  .p_articleBox--new .p_articleBox_small_ttl:after{
    content: "";
  }
  .p_articleBox--leaf .p_articleBox_innerItem .p_articleBox_small_ttl:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3em;
    height: 1.5em;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }
  .p_articleBox_big_txt{
    margin-top: 10px;
  }
  .p_articleBox_small.p_articleBox_small-verical{
    border-top: 1px solid #efefef;
    width: 100%;
  }
  .p_articleBox--mail .p_articleBox_big_item:first-of-type .p_articleBox_small.p_articleBox_small-verical{
    border-top: none;
  }
  .p_articleBox--column .p_articleBox_big_item .p_articleBox_small.p_articleBox_small-verical{
    border-top: none;
  }
  .p_articleBox_small-verical .p_articleBox_small_item{
    width: 100%;
  }
  .p_articleBox_small-row > .p_articleBox_small_item .p_articleBox_small_img{
    display: none;
  }
  .p_articleBox--theme .p_articleBox_innerItem {
    width: calc(50% - 28px);
  }
  .p_articleBox--leaf .p_articleBox_innerItem{
    width: calc(50% - 28px);
  }
  .p_articleBox--all .p_articleBox_innerItem {
    width: calc(100%);
  }
  .p_articleBox--mail .p_articleBox_small_copyItem{
    padding: 0;
    width: 100%;
  }
  .p_articleBox_source{
    display:block;
  }
  .p_articleBox--mail .p_articleBox_source{
    display:flex;
  }
  .p_articleBox--web .p_articleBox_big_item{
    width: 100%;
    padding: 16px 0;
  }
  .p_articleBox--web .p_articleBox_big_item + .p_articleBox_big_item{
    border-top: 1px solid #efefef;
  }
}
@media screen and (max-width: 599px){
  .p_articleBox_big_list{
    display: block;
    padding-bottom:0;
  }
  .p_articleBox_big_item{
    width: 100%;
  }
  .p_articleBox--column .p_articleBox_big_item{
    width: 100%;
  }
  .p_articleBox_big_item:last-of-type{
    border-top: 1px solid #efefef;
  }
  .p_articleBox--mail .p_articleBox_big_item:last-of-type,
  .p_articleBox--column .p_articleBox_big_item:last-of-type{
    border-top: none;
  }
  .p_articleBox_big_img{
    margin: auto;
  }
  .p_articleBox--column .p_articleBox_big_item .p_articleBox_small.p_articleBox_small-verical{
    border-top: 1px solid #efefef;
  }
  .p_articleBox--column .p_articleBox_big_item:first-of-type .p_articleBox_small.p_articleBox_small-verical{
    border-top: none;
  }
  .p_articleBox_small-row > .p_articleBox_small_item{
    width: calc(50% - 16px);
  }
  .p_articleBox--theme .p_articleBox_small_item + .p_articleBox_small_item{
    border-top: 1px solid #efefef;
  }
  .p_articleBox--theme .p_articleBox_small_item + .p_articleBox_small_item--middleItem{
    border-top: none;
  }
  .p_articleBox--all .p_articleBox_headingTxt{
    letter-spacing: -1px;
    font-size:12px;
  }
  .p_articleBox_small_ttl{
    font-size: 14px;
    height:auto;
  }
  .p_articleBox--theme .p_articleBox_innerItem {
    width: calc(100% - 0px);
  }
  .p_articleBox_source{
    display:flex;
  }
}

/*
    Web制作実績
================================*/
.p_webCase{
  display: block;
  margin: 0 auto;
}
.p_webCase_ttl{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;    
}
.p_webCase_img{
  line-height: 0;
  text-align: center;
}
.p_webCase_img img{
  max-width: 100%;
}
.p_webCase_img + .p_webCase_body{
  margin-top: 2px;
}
.p_webCase_body{
  overflow: hidden;
}
.p_webCase_details{
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -1px;
  background: #f1ece8;
}
.p_webCase_detailsItem{
  display: flex;
  width: 50%;
  padding: 1px;
}
.p_webCase_detailsItem-full{
  width: 100%;
}
.p_webCase_detail{
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px){
  .p_webCase_img img{
    height: auto;
  }
}
/*
    Web制作実績の詳細
================================*/
.p_webCaseDetail{
  padding: 5px 10px;
  background: #fff;
}
.p_webCaseDetail_ttl{
  color: #2d2f31;
  font-weight: bold;
  font-size: 12px;
  font-family: "EB Garamond",serif;
}
.p_webCaseDetail_body{}
.p_webCaseDetail_msg{
  display: flex;
  align-items: center;
  min-height: calc(2em * 1.4);
  line-height: 1.4;
  font-size: 13px;
}

/*
    Web制作実績の制作者
================================*/
.p_webCaseMember{
  padding: 4px 8px;
  background: #fff;
}
.p_webCaseMember_item{
  display: flex;
  align-items: center;
}
.p_webCaseMember_item + .p_webCaseMember_item{
  margin-top: .2em;
}
.p_webCaseMember_ttl{
  width: 50%;
  letter-spacing: -1px;
  color: #2d2f31;
  font-size: 11px;
}
.p_webCaseMember_member{
  width: 50%;
  color: #2d2f31;
  font-size: 12px;
}

/*
    新卒採用お知らせボックス
================================*/
.m_newsBox{
  /*box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);*/
  padding: 16px;
}
.m_newsBox__ttl{
  border-bottom: 1px solid #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.m_newsBox__body{
  max-height: 341px;
  overflow: auto;
}
.m_newsList {}
.m_newsList > *:last-child { margin-bottom: 0; }
.m_newsList__item { margin-bottom: 3px; }
.m_newsList__item:not(:last-of-type) {
  border-bottom: 1px dotted #939393;
  padding-bottom: 10px;
}
.m_newsList__container { display: block; }
.m_newsList__container > *:last-child { margin-bottom: 0; }
.m_newsList__date {
  flex: 0 0 auto;
  margin-right: 30px;
  color: #d66c00;
}
.m_newsList__contents {
  flex: 0 1 auto;
  margin-bottom: 10px;
}
.m_newsList__text {}
.m_newsList__link {
  color: currentColor;
  display: inline-block;
  letter-spacing: 0;
  line-height: 1.5;
  text-decoration: none;
}
.m_newsList__link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 599px){
  .m_newsBox { padding: 12px; }
  .m_newsBox__ttl{
  font-size: 20px;
  }
  .m_newsBox__body{
    font-size: 14px;
    max-height: 180px;
  }
}



/* 速報新作研修スライダー */
.m_newReleaseFlashKeyvisual{
  position: relative;
  display: block;
  color: inherit;
  font-family:"Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
}
.m_newReleaseFlashKeyvisual__img{
  line-height: 0;
  text-align: center;
  img{
    max-width: 100%;
    height: auto;
  }
}
.m_newReleaseFlashKeyvisual__lineup{
  position: absolute;
  top: 28%;
  left: 5%;
  width: 68%;
}
.m_newReleaseFlashKeyvisual__item{
  & + &{
    margin-top: min(10px, 1.30vw);
    padding-top: 10px;
    border-top: 1px solid #d4d4d4;
  }
  @media screen and (max-width: 768px){
    & + &{
      padding-top: 0;
      border-top: none;
    }
  }
}
.m_newReleaseFlashKeyvisualCard{
  display: block;
  color: inherit;
  text-decoration: none;
}
.m_newReleaseFlashKeyvisualCard__tags{
  display: flex;
  align-items: center;  
  gap: min(10px, 1.30vw);
  & + .m_newReleaseFlashKeyvisualCard__ttl{
    margin-top: 5px;
  }
  @media screen and (max-width: 768px){
    & + .m_newReleaseFlashKeyvisualCard__ttl{
      margin-top: 0;
    }
  }
}

.m_newReleaseFlashKeyvisualCard__tag{
  padding: min(2px, 0.26vw) min(10px, 1.30vw);
  border: 1px solid;
  border-radius: .4em;
  line-height: 1;
  font-size: min(12px, 1.56vw);
}
.m_newReleaseFlashKeyvisualCard__date{
  color: #d66c00;
  line-height: 1;
  font-weight: bold;
  font-size: min(14px, 1.82vw);
}
.m_newReleaseFlashKeyvisualCard__tag--haken{
  color: #842e30;
}
.m_newReleaseFlashKeyvisualCard__tag--bup{
  color: #0c3f71;
}
.m_newReleaseFlashKeyvisualCard__tag--douga{
  color: #cc2d5e;
}
.m_newReleaseFlashKeyvisualCard__ttl{
  position: relative;
  height: 1lh;
  line-height: 1.2;
  font-size: 18px;
  overflow: hidden;
  &::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 2em;
    height: 1lh;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.96) 25%, rgba(255, 255, 255, 0) 100%);
  }
  @media screen and (max-width: 768px){
    font-size: 2vw;
  }
}

/**********
state
**********/
[v-cloak]{
  visibility: hidden;
}

/**********
utility
**********/
/*横幅*/
.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%;}
}
/*間隙*/
.u_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
.u_mb24{
  margin-bottom: 24px;
}
.u_mb40{
  margin-bottom: 40px;
}
.u_mb64{
  margin-bottom: 64px;
}
.u_mr8{
  margin-right: 8px;
}
.u_mt8{
  margin-top: 8px;
}
.u_ml8{
  margin-left: 8px;
}
.u_pb60{
  padding-bottom: 60px;
}
/*フォントサイズ*/
.u_fs11{
  font-size: 11px;
}
.u_fs10{
  font-size: 10px;
}
.u_fs20{
  font-size: 20px;
}
/*ポジション*/
.u_rel{
  position: relative;
}
/*文字間*/
.u_ls0{
  letter-spacing: 0px;
}
.u_lsN1{
  letter-spacing: -1px;
}

@media screen and (max-width:599px){
  .u_resSmLs0{
    letter-spacing: 0px;
  }
  .u_resSmLsN1{
    letter-spacing: -1px;
  }
}

/* 上付き */
.u_super{
  font-size: 10px;
  vertical-align: super;
}

/*表示*/
.u_hide{
  display: none;
}
@media screen and (max-width:768px){
  .u_resMdHide{
    display: none;
  }
  .u_resMdInline{
    display: inline;
  }
}

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


/* スマホ用フッダーを非表示 */
.m_footer_pickup_wrap{
    display: none;
}

.m_footer_nav_wrap{
    display: none;
}

.m_footer_company_info_wrap{
    display: none;
}

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

  .m_footer_nav_wrap{
    display: none;
  }

  .m_footer_company_info_wrap{
    display: none;
  }
}

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

  .m_footer_nav_wrap{
    display: none;
  }

  .m_footer_company_info_wrap{
    display: none;
  }
}

.resultCodeSearchList{
  padding: 64px 10px;
}
.resultCodeSearchList li{
  font-size: 16px;
}
.resultCodeSearchList a{
  position: relative;
  display: block;
  padding-left: 16px;
  color: inherit;
}
.resultCodeSearchList a::before{
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid;
  border-top: 2px solid;
  transform: rotate(45deg);
}