/**********

foundation

**********/
div#base {
  width: 100%;
}
body{
  counter-reset: sectionNo contentTableNo;
}
#cont, div#cont div#c3_ll{
  font: 500 15px / 1.7  "Hiragino Kaku Gothic Pro","Meiryo","MS Pgothic",helvetica,arial,sans-serif;
}
div#cont{
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
div#cont div#c3_ll{
  overflow: visible;
  order: 2;
}
div#cont div#c3_lrr{
  order: 1;
}
.m_solutionBaseSideNavs{
  width :200px;
  order: 0;
}
@media screen and (max-width:768px){
  div#cont{
    width: 100%;
  }
  #c3_ll{
    display: block !important;
  }
  div#cont div#c3_ll{
    width: 0;
  }
  .m_solutionBaseSideNavs{
    display: none;
  }
}
@media print{
  body{
    width:210mm !important;margin:0 auto !important;
  }
  #base{
    position: relative;
    width: 100% !important;
    padding-top: 64px !important;
  }
  #base::before{
    content: url(/resource/img/new_bup/ins_logo.png);
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
  }
  #base::after{
    content: "TEL 0120-800-225";
    position: absolute;
    top: 30px;
    right: 0;
    display: block;
    color: #9E2730;
    font:bold  24px/1 arial, sans-serif;
  }
  #header{
    display: none !important;
  }
  #cont{
    margin: 0 !important;
  }
  #footer{
    display: none !important;
  }
  #c3_lrr{
    width: 100% !important;
  }
  #c3_ll{
    display: none !important;
  }
  .upperStep img{
    display: none !important;
  }
  .lowerStep p:first-of-type{
    display: none !important;
  }
  .lowerStep_flex p:first-of-type{
    display: none !important;
  }
  .tellNum > span{
    font-size: 40px !important;
  }
  .to_page_top_wrap{
    display:none !important;
  }
}

/**********

component

**********/
/*讓ｪ蟷�*/
/*繧ｫ繝ｩ繝�繝�じ繧､繝ｳ*/
.c_col1{width:8.333%;}
.c_col2{width:16.667%;}
.c_col3{width:25%;}
.c_col4{width:33.333%;}
.c_col5{width:41.666%;}
.c_col6{width:50%;}
.c_col7{width:58.333%;}
.c_col8{width:66.666%;}
.c_col9{width:75%;}
.c_col10{width:83.33%;}
.c_col11{width:91.666%;}
.c_col12{width:100%;}
@media screen and (max-width: 768px){
  .c_resMdCol1{width:8.333%;}
  .c_resMdCol2{width:16.667%;}
  .c_resMdCol3{width:25%;}
  .c_resMdCol4{width:33.333%;}
  .c_resMdCol5{width:41.666%;}
  .c_resMdCol6{width:50%;}
  .c_resMdCol7{width:58.333%;}
  .c_resMdCol8{width:66.666%;}
  .c_resMdCol9{width:75%;}
  .c_resMdCol10{width:83.33%;}
  .c_resMdCol11{width:91.666%;}
  .c_resMdCol12{width:100%;}
}
@media screen and (max-width: 599px){
  .c_resSmCol1{width:8.333%;}
  .c_resSmCol2{width:16.667%;}
  .c_resSmCol3{width:25%;}
  .c_resSmCol4{width:33.333%;}
  .c_resSmCol5{width:41.666%;}
  .c_resSmCol6{width:50%;}
  .c_resSmCol7{width:58.333%;}
  .c_resSmCol8{width:66.666%;}
  .c_resSmCol9{width:75%;}
  .c_resSmCol10{width:83.33%;}
  .c_resSmCol11{width:91.666%;}
  .c_resSmCol12{width:100%;}
}
/*繧ｰ繝ｪ繝�ラ繝ｬ繧､繧｢繧ｦ繝�*/
.c_grid{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.c_grid__item{
  display: flex;
  padding: 8px;
}
.c_grid__inner{
  display:block;
  width: 100%;
  line-height: 1.6;
}
.c_grid--separateLine > .c_grid__item + .c_grid__item{
  border-left: 1px dotted #c8c9ca;
}
.c_grid--noGutter{
  margin: 0;
}
.c_grid--noGutter > .c_grid__item{
  padding: 0;
}
@media screen and (max-width:599px){
  .c_grid--resSmCansel{}
  .c_grid--resSmCansel.c_grid--separateLine > .c_grid__item + .c_grid__item{
    border-top: 1px dotted #c8c9ca;
    border-left: none;
  }
}

/*flex*/
.c_flex{
  display: flex;
}
.c_flex--between{
  justify-content: space-between;
}

/*隕句�縺�*/
.c_heading{
  font-weight: bold;
}
.c_heading__ttl{}
.c_heading__sub{
  font-size: 15px;
}
.c_heading__img{
  text-align: center;
  line-height: 1;
}
.c_heading__img > img{
  vertical-align: top;
}
.c_heading--topImage{
  margin-bottom: 40px;
}
.c_heading--primary{
  margin-bottom: 24px;
}
.c_heading--primary > .c_heading__ttl{
  font-size: 24px;
  line-height: 1.4;
}
.c_heading--secondary{
  margin-bottom: 16px;
}
.c_heading--secondary > .c_heading__ttl{
  font-size: 17px;
  line-height: 1.6;
}
.c_heading--tertiary{
  margin-bottom: 4px;
}
.c_heading--tertiary > .c_heading__ttl{
  line-height: 1.6;
}
.c_heading--topic{
  position: relative;
}
.c_heading--topic > .c_heading__ttl{
  position: absolute;
  top: 0;
  left: -128px;
  color: #b76308;
  font: italic 28px / 1 century, serif;
}
.c_heading--contentTable{
  position: relative;
  margin-bottom: 16px;
}
.c_heading--contentTable::after{
  content: "";
  box-sizing: content-box;
  display: block;
  height: 0px;
  width: calc(100% - 8px);
  margin:0 auto;
  border: 2px solid;
  transform: skew(-45deg);
}
.c_heading--contentTable > .c_heading__ttl{
  margin-bottom: 8px;
  line-height: 1;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width:768px){
  .c_heading--primary{
    margin-bottom: 40px;
  }
  .c_heading--topic > .c_heading__ttl{
    position: static;
    margin-bottom: 16px;
  }
  .c_heading--contentTable{
    margin: 0;
    padding: 64px 0 16px;
    background: #eee;
  }
  .c_heading--contentTable::after{
    width: 80%;
    margin: auto;
    border-color: #333;
  }
  .c_heading--contentTable > .c_heading__ttl{
    color: #333;
    letter-spacing: 3px;
  }
}

@media print{
  .c_heading__img > img{
    width: 100% !important;
    height: auto !important;
  }
  .c_heading--contentTable{
    position: relative !important;
    margin: 0 !important;
  }
  .c_heading--contentTable::after{
    position: absolute !important;
    top: 46px !important;
    left: 26px !important;
    width: 80px !important;
  }
  .c_heading--contentTable > .c_heading__ttl{
    position: absolute !important;
    top: 0 !important;
    left: 26px !important;
    font-size: 40px !important;
  }
}

/*繝ｪ繝ｳ繧ｯ*/
.c_link{
  color:#052674;
  font-weight: bold;
}
.c_link:hover{
  color:#005580;
  text-decoration: underline;
}

/*繝ｪ繧ｹ繝�*/
.c_list{
  padding-left: 1em;
}
.c_list__item + .c_list__item{
  margin-top: 4px;
}
.c_list--hasDot{}
.c_list--hasDot > .c_list__item + .c_list__item{
  padding-top: 4px;
  border-top: 1px dotted;
}


/*繧｢繧､繧ｳ繝ｳ*/
.c_hasIco{
  position: relative;
}
.c_hasIco::before{
  display: block;
  position: absolute;
  top: 0;
  left:0;
}
.c_hasIco::after{
  display: block;
  position: absolute;
  top: 0;
  right:0;
}
.c_hasIco__ico{
  display: block;
  position: absolute;
  top: 0;
  left:0;
}
.c_hasIco--dot{
  padding-left: 1em;
}
.c_hasIco--dot::before{
  content: "繝ｻ";
}
.c_hasIco--link{
  padding-left: 1.2em;
}
.c_hasIco--link::before{
  content:url(/resource/img/contents/ico_hrcontents_link2.png);
}
.c_hasIco--link.is_hover::before{
  content:url(/resource/img/contents/ico_hrcontents_link2_hover.png);
}
.c_hasIco--ast{
  padding-left: 1em;
}
.c_hasIco--ast::before{
  content: "窶ｻ";
}
.c_hasIco--otherWindow{}
.c_hasIco--otherWindow::after{
  display: inline;
  position: static;
  content:url(/resource/img/contents/ico_hrcontents_other_window.png);
  padding-left: 8px;
}
.c_hasIco--accentNum{
  padding-left: 136px;
  counter-increment: sectionNo;
}
.c_hasIco--accentNum::before{
  content: counter(sectionNo, decimal-leading-zero);
  bottom: 0;
  left: 14px;
  height: 80px;
  margin: auto;
  font: italic 80px / 1 century, serif;
  transform: translateY(-6px);
}
.c_hasIco--accentNum::after{
  content:"";
  box-sizing: content-box;
  bottom: 0;
  left: 20px;
  right: auto;
  width: 80px;
  height: 0px;
  border: 2px solid;
  margin: auto;
  transform: translateY(36px) skew(-45deg);
}
.c_hasIco--num{
  padding-left: 2em;
}
.c_hasIco--bracketNum{
  margin-left: -.6em;
  padding-left: 3em;
}
.c_hasIco--curcleNum{
  padding-left: 1.6em;
}
.c_hasIco--step{
  padding-left: 5em;
}
.c_hasIco--contentTableList{
  padding-left: 40px;
  padding-right: 28px;
  counter-increment: contentTableNo;
}
.c_hasIco--contentTableList::before{
  content: counter(contentTableNo, decimal-leading-zero);
  bottom: 0;
  left: 8px;
  height: 15px;
  margin: auto;
  padding-bottom: 2px;
  border-bottom: 1px solid;
  font: bold italic 16px / 1 century, serif;
  transform: translateY(0);
}
.c_hasIco--contentTableList.is_current::before,.c_hasIco--contentTableList:hover::before{
  color: #fff;
  border-color: #fff;
}
.c_hasIco--contentTableList::after{
  content:url(/resource/img/contents/ico_hrcontents_innerlink.png);
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.c_hasIco--contentTableList:hover::after{
  content: url(/resource/img/contents/ico_hrcontents_innerlink_white.png);
}
.c_hasIco--contentTableList.is_current::after{
  content: url(/resource/img/contents/ico_hrcontents_current.png);
}
.c_hasIco--print::before{
  content: "\f02f";
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  font: 24px FontAwesome;
}
.c_hasIco--print:hover::before{
  color: #fff;
}
.c_hasIco--ask::before{
  content: "\f003";
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  font: 20px FontAwesome;
}
.c_hasIco--ask:hover::before{
  color: #fff;
}

/* 髢｢騾｣繝ｪ繝ｳ繧ｯ繧｢繧､繧ｳ繝ｳ */
.c_hasIco--relatedService::before {
  content: "\f51c";
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  font: 20px 'Font Awesome 5 Free';
  font-weight: 900;
 }
.c_hasIco--relatedService:hover::before {
  color: #fff;
}

@media screen and (max-width:768px){
  .c_hasIco--accentNum{
    padding-left: 96px;
  }
  .c_hasIco--accentNum::before{
    left: 0;
    height: 64px;
    font-size: 64px;
  }
  .c_hasIco--accentNum::after{
    left: 4px;
    width: 64px;
    transform: translateY(28px) skew(-45deg);
  }
  .c_hasIco--contentTableList::before{
    color: #333;
    border-color: #333;
  }
  .c_hasIco--contentTable::before{
    content:url(/resource/img/contents/ico_hrcontents_open.png);
  }
  .c_hasIco--ask::before, .c_hasIco--ask:hover::before{
    content:url(/resource/img/contents/ico_hrcontents_contact_sp.png);
  }
  .c_hasIco--ask::before, .c_hasIco--contentTable::before{
    position:static;
    transform:none;
  }
}
@media print{
  .c_hasIco--contentTableList::after{
    content:none !important;
  }
  .c_hasIco--contentTableList.is_current::before{
    color: #276fa4 !important;
    border-color: #276fa4 !important;
  }
}
/**********

project

**********/
/*繝｡繧､繝ｳ繧ｳ繝ｳ繝�Φ繝�*/
.p_main{}
.p_main__section{}
.p_main__section + .p_main__section{
  margin-top: 40px;
  padding-top: 56px;
  border-top: 1px solid #c8c9ca;
}

/*遽€*/
.p_section{
}
.p_section + .p_section{
  margin-top: 24px;
}
.p_section__parag{}
.p_section__parag + .p_section__parag{
  margin-top: 16px;
}
.p_section__child{
  padding-left: 1em;
}
.p_section__child > .p_section__parag + .p_section__parag{
  margin-top: 8px;
}
.p_section--contents{
  padding-left: 136px;
}
.p_section--topic{}
.p_section--topic + .p_section,
.p_section + .p_section--topic{
  margin-top: 40px;
}

@media screen and (max-width:768px){
  .p_section--contents{
    padding-left: 0;
  }
}

/*繝�く繧ｹ繝�*/
.p_txt{
  font-family: inherit;
  font-size: inherit;
}
.p_txt--em{}
@media print{
  .p_txt--em{
    text-decoration-line: underline; 
  }
}
/*繝�く繧ｹ繝医�繝�け繧ｹ*/
.p_txtBox{
  padding: 16px;
  border-radius: 2px;
}
.p_txtBox__ttl{}
.p_txtBox--em{
  overflow: hidden;
}
.p_txtBox--sub{
  position: relative;
  border: 1px solid #c8c9ca;
}
.p_txtBox--sub > .p_txtBox__ttl{
  position: absolute;
  top: -.8em;
  padding: 0 8px;
  background: #fff;
}
.p_txtBox--sub > .p_txtBox__ttl--inEm{}

/*蝗ｳ陦ｨ*/
.p_figure{}
.p_figure__caption{
  font-size: 13px;
}
.p_figure__caption--center{
  text-align: center;
}
.p_figure__body{}
.p_figure__caption + .p_figure__body,
.p_figure__body + .p_figure__caption{
  margin-top: 4px;
}
.p_figure__img{
  width: 100%;
  height: auto;
}

/*逶ｮ谺｡*/
.p_contentTable{}
.p_contentTable__item + .p_contentTable__item{
  padding-top: 2px;
}
.p_contentTable__btn{
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #333;
  font-size: 13px;
  line-height: 1.5;
}
.p_contentTable__btn.is_current,.p_contentTable__btn:hover{
  background: #ccc;
  color: #fff;
}
.p_contentTable__btn--themeColor{}
.p_contentTable__btn--themeColor.is_current,.p_contentTable__btn--themeColor:hover{}

.p_contentTable.is_fixed{
  position: fixed;
  top: 0;
  width: 200px;
  padding-top: 30px;
}
.js_contentTable-enter-active, .js_contentTable-leave-active{
  transition: .4s opacity;
} 
.js_contentTable-enter, .js_contentTable-leave-to{
  opacity: 0;
} 
@media screen and (max-width:768px){
  .p_contentTable{
    position: absolute;
  }
  .p_contentTable.is_fixed{
    left: 0;
    z-index: 99999;
    padding: 20px;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
  }
  .p_contentTable__item + .p_contentTable__item{
    padding-top: 0;
    border-top: 2px solid #fff;
  }
  .p_contentTable__btn{
    font-weight:bold;
    background: #eee;
  }
  .p_contentTable__close{
    position: absolute;
    top:8px;
    right:8px;
  }
}
@media print{
  .p_contentTable{
    margin-bottom: 56px !important;
    padding-bottom: 40px !important;
    border-bottom: 1px solid #c8c9ca;
  }
  .p_contentTable__body{
    padding-left: 136px !important;
  }
  .p_contentTable__btn{
    background: none !important;
    font-size: 15px !important;
  }
  .p_contentTable__btn.is_current{
    color: #333 !important;
  }
  .p_contentTable.is_fixed{
    position: static !important;
    width: 100% !important;
    padding-top: 0px !important;
  }
}
/*蝗ｺ螳壹�繝�ム繝ｼ*/
.p_fixedHeader{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 0;
  background: rgba(255, 255, 255, .7);
  transform: translateY(100%);
  transition: .5s transform;
}
.p_fixedHeader__list{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 1170px;
  margin: auto;
}
.p_fixedHeader__listItem{
  width: 216px;
  padding:0 8px;
}
.p_fixedHeader__btn{
  display: block;
  padding: 12px;
  border: 2px solid;
  border-radius: 2px;
  background: #fff;
  text-align: center;
  line-height: 1;
  font-weight: bold;
}
.p_fixedHeader__btn:hover{
  background: #ccc;
}
.p_fixedHeader__btn--themeColor{}
.p_fixedHeader__btn--themeColor:hover{
  color: #fff;
}

.p_fixedHeader.is_fixed{
  transform: translateY(0);
}
@media screen and (max-width:768px){
  .p_fixedHeader{
    display: flex;
    top: 0;
    bottom: auto;
    padding: 8px 10px;
    background: #eee;
    transform: translateY(-100%);
    z-index: 999;
  }
  .p_fixedHeader__ttl{
    flex: 0 0 33.333%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.6;
    font-size: 12px;
    font-weight: bold;
  }
  .p_fixedHeader__list{
    flex: 0 0 66.666%;
    margin: 0;
  }
  .p_fixedHeader__listItem{
    flex: 0 0 50%;
    width: auto;
  }
  .p_fixedHeader__btn{
    padding: 0 12px;
    border: none;
    background: none;
    font-size:12px;
    color:#333;
  }
}
@media print{
  .p_fixedHeader{
    display: none !important;
  }
}
/*繝｢繝ｼ繝€繝ｫ*/
.js_modalOverlay{
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  background: #000;
  opacity: .7;
}
.js_modalOverlay-enter-active, .js_modalOverlay-leave-active{
  transition: .4s opacity;
} 
.js_contentTable-enter, .js_contentTable-leave-to{
  opacity: 0;
} 
/*蜊ｰ蛻ｷ*/
.p_print{
  display: none;
}
@media print{
  .p_print{
    display: block;
  }
}
/**********

utility

**********/
.u_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
.u_mb24{
  margin-bottom: 24px;
}
.u_ml1em{
  margin-left: 1em;
}
.u_pl0{
  padding-left: 0;
}
.u_fs12{
  font-size: 12px;
}
.u_ls0{
  letter-spacing: 0;
}
@media screen and (max-width:599px){
  .u_resSmFs10{
    font-size: 10px;
  }
  .u_resSmls0{
    letter-spacing: 0;
  }
}
.u_super{
  vertical-align: super;
  font-size: 11px;
}
.u_wordBreak{
 word-break: break-all;
}
.u_hide{
  display: none;
}
.u_fb{
  font-weight: bold;
}
.u_openbrackets {display:inline-block!important;margin-left:-.6em;font-size: inherit!important;}
.u_closebrackets{display:inline-block!important;margin-right:-.6em;font-size: inherit!important;}
@media screen and (max-width:768px){
  .u_resMdHide{
    display: none;
  }
}
@media screen and (max-width:599px){
  .u_resSmHide{
    display: none;
  }
  .u_resSmInline{
    display: inline;
  }
  .u_resSmBlock{
    display: block;
  }
}

/* 繝壹�繧ｸ繝阪�繧ｷ繝ｧ繝ｳ */
.u_pos-r { position: relative; }
.u_my30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.p_pageList { overflow: hidden; }
.p_pageList_item {
  width: 33%;
}
.p_pageList_item.prev { float: left; }
.p_pageList_item.next { float: right; }
.p_pageList_link {
  display: block;
  display: -webkit-box;
  color: currentColor;
  padding: 5px 20px 0 ;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  transition: .3s;
  word-break: break-all;
}
.p_pageList_link::before,
.p_pageList_link::after {
}
.p_pageList_link.prev::before {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  content: '';
  display: block;
  height: .6em;
  position: absolute;
  top: 50%;
  left: .5em;
  transform: translateY(-50%) rotate(-45deg);
  width: .6em;
}
.p_pageList_link.next::after {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: '';
  display: block;
  height: .6em;
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%) rotate(45deg);
  width: .6em;
}
.p_pageList_link:hover { opacity: .7; }
.p_returnBtn {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.c_returnBtn {
  background-color: #333;
  border:2px solid #333;
  border-radius: 2px;
  color: #fff;
  display: block;
  padding: 5px 20px;
  text-align: center;
  transition: .3s;
}
.c_returnBtn:hover {
  background-color: #fff;
  color: #333;
}


/* page top */
.to_page_top { bottom: 90px !important; }
@media screen and (max-width:768px){
.to_page_top { bottom: 20px !important; }
}