@charset "utf-8";
/* ===================================================================
  Copyright (C) Mynavi Corporation
  All Rights Reserved.

  サイト内共通

  0. リセット
  1. 全体
  2. ヘッダー
  3. サイドエリア
  4. フッター
  5. 共通パーツ
  6. 各カテゴリ共通
=================================================================== */

/* ===================================================================
 1. リセット
=================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
  color:#000;
}
/* Safari(iOS)の文字調整機能を無効 */
body {
  -webkit-text-size-adjust: 100%;
}

img{
  vertical-align:bottom;
  -ms-interpolation-mode: bicubic;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  text-decoration:none;
  color:#333;
}
a:hover{
  text-decoration: underline;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}
sup {
  vertical-align: super;
  font-size: 50%;
  color:inherit;
}
body{font:12px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ===================================================================
 1. 全体
=================================================================== */
/* Margin Padding
------------------------------------*/
.spMaT0{margin-top:0 !important;}
.spMaT05{margin-top:0.5em !important;}
.spMaT1{margin-top:1em !important;}
.spMaT2{margin-top:2em !important;}
.spMaT2h{margin-top:2.5em !important;}
.spMaT3{margin-top:3em !important;}
.spMaT4{margin-top:4em !important;}
.spMaR0{margin-right:0 !important;}
.spMaR1{margin-right:1em !important;}
.spMaR2{margin-right:2em !important;}
.spMaB0{margin-bottom:0 !important;}
.spMaB05{margin-bottom:0.5em !important;}
.spMaB1{margin-bottom:1em !important;}
.spMaB2{margin-bottom:2em !important;}
.spMaB2h{margin-bottom:2.5em !important;}
.spMaB3{margin-bottom:3em !important;}
.spMaB4{margin-bottom:4em !important;}
.spMaL0{margin-left:0 !important;}
.spMaL1{margin-left:1em !important;}
.spMaL2{margin-left:2em !important;}
.spPaT0{padding-top:0 !important;}
.spPaT1{padding-top:1em !important;}
.spPaR0{padding-right:0 !important;}
.spPaR1{padding-right:1em !important;}
.spPaB0{padding-bottom:0 !important;}
.spPaB1{padding-bottom:1em !important;}
.spPaL0{padding-left:0 !important;}
.spPaL1{padding-left:1em !important;}

/* font Size
------------------------------------*/
.fsS12{font-size:1.2em !important;}
.fsS11{font-size:1.1em !important;}
.fsS09{font-size:0.9em !important;}
.fsS08{font-size:0.8em !important;}

/* font Color
------------------------------------*/
.fc4c4c4c{color:#4c4c4c !important;}

/* font Size
------------------------------------*/
.lsm09{letter-spacing:-0.9px;}

/* display
------------------------------------*/
.disBlock{display:block;}

/* Set Style
------------------------------------*/
.clear{ clear:both;}
.spFlL{ float:left;}
.spFlR{ float:right;}
.taC{ text-align:center;}
.taR{ text-align:right;}
.spTxC{ text-align:center;}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
}
.clearfix {
  display: inline-table;
  min-height: 1px;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Set Position
------------------------------------*/
.posiRe{
  position:relative;
}

/* Body style
------------------------------------*/
body{
  position: relative;
  z-index:1;
}
body *{
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#wrap{
  width:100%;
  margin:0 auto;
  line-height:1.5;
  overflow: hidden;
}
/* Device set
------------------------------------*/
.pc{ display:none !important;}
.sp{ display:block;}
.spInline{ display:inline !important;}
.spNone{ display:none !important;}

/* SP Img
------------------------------------*/
.spImg100{
  width:100%;
}


/* 全体
------------------------------------*/
#wrap{
  width:100% !important;
}
#wrap > header{
  /* height:54px; */
  height:60px;
  margin:0;
  position: relative;
  box-shadow: 0 3px 4px 0px rgba(0,0,0,0.1);
}
header .h1block {
	overflow: hidden;
  position: absolute;
  top: 3px;
  left: 10px;
  z-index: 100;
  width: 220px;
}
header .h1block h1, header .h1block p{
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  font-size: 10px;
  color: #c3c3c3;
}

/* Header logo
------------------------------------*/
.logo__link {
  width: 160px;
  display: block;
  margin: 0 10px;
  padding-top: 19px;
}
.h1block + .headerArea .logo__link {
  padding-top: 25px;
}
.logo__link > picture {
  width: 100%;
  display: block;
}
.logo__link > picture > img {
  width: 100%;
}

/* SP slide menu
------------------------------------*/
#headerTop #spSlideMenu {
  display:none;
}
#spSlideMenu{
  padding:1em 0;
}
#spSlideMenu ul.spSlideMenuList01{
  width:260px;
}
#spSlideMenu ul.spSlideMenuList01 li{
  border-bottom:1px solid #ccc;
  background:#fff;
}
#spSlideMenu ul.spSlideMenuList01 li:first-child{
  border-top:1px solid #ccc;
}
#spSlideMenu ul.spSlideMenuList01 li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:0.8em 1.5em 0.8em 1em;
  font-size:1.2em;
  font-weight:bold;
}
#spSlideMenu ul.spSlideMenuList02{
  width:260px;
}
#spSlideMenu ul.spSlideMenuList02 li{
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  background:#fff;
  float:left;
  width:50%;
}
#spSlideMenu ul.spSlideMenuList02 li:nth-child(2n){
  border-right:none;
}
#spSlideMenu ul.spSlideMenuList02 li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 94% center no-repeat;
  background-size:6%;
  display:block;
  padding:0.8em 1.5em 0.8em 1.3em;
  font-size:1em;
}
#spSlideMenu .spSlideMenuBtn01{
  text-align:center;
}
#spSlideMenu .spSlideMenuBtn01 img{
  width:95%;
  padding:1em 0 1.5em;
}
#spSlideMenu .spSlideMenuBtn02{
  padding:0 10%;
}
#spSlideMenu .spSlideMenuBtn02 a{
  display:block;
  text-decoration:none;
  padding: 8px 27px 8px 21px;
  width:100%;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #b2b2b2;
  line-height:1;
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:4%;
  text-align:center;
  font-size:1em;
}
#spSlideMenu .spSlideCopyright{
  text-align:center;
  margin:1em 0 0;
  color:#666;
  font-size:0.7em;
}
/* slider skin */
#build-menu-page {
  left: 0;
  position: relative;
  background-color: #fff;
}

#build-menu {
  visibility: visible;
  z-index: 0;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  display: none;
  width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  float:right;
  background:#e6e6e6;
}
#build-menu #spSlideMenu{
  display:block !important;
}
.build-menu-animating #build-menu-page {
  position: fixed;
  overflow: hidden;
  width: 100%;
  top: 0;
  bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -o-transition: -o-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
  display: block;
  -webkit-transition-delay: 0ms, 0ms, 0ms;
  -moz-transition-delay: 0ms, 0ms, 0ms;
  -o-transition-delay: 0ms, 0ms, 0ms;
  -ms-transition-delay: 0ms, 0ms, 0ms;
  transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
  -webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}

/* Breadcrumbs
------------------------------------*/
#breadcrumbArea {
  overflow: hidden;
  height: 30px;
}
.breadcrumbs {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 12px 17px;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling:touch;
  overflow-scrolling:touch;
  background: #f2f2f2;
  font-size: 10px;
}

.breadcrumbs > a {
  color: #1262b2;
  text-decoration: underline;
}

/* Extra navi
------------------------------------*/
#wrap ul#extraNav {
  display:none;
}
.headerHeading > h1 {
  font-size: 10px;
  padding-left: 10px;
  color: #858585;
  font-weight: normal;
  width: 87%;
  overflow: hidden;
  height: 20px;
  line-height: 1.8;
}

/* SP Tab Menu
-------------------------------------------*/

/* 2022/06 ヘッダーに検索ボタン追加 */
#spheadMenuBtn{
  position: absolute;
  top: 14px;
  right: 80px;
  text-align: justify;
}

#spheadMenuBtn a{
  text-decoration: none;
}

#spheadMenuBtn img{
  width: 20px;
  height: auto;
  margin: 0 auto;
  display: block;
}

#spheadMenuBtn .menuButton__title,#spTabMenuBtn .menuButton__title{
  font-size: 12px;
  color: #000;
  line-height: 2;
  display: block;
}
/* 2022/06 ヘッダーに検索ボタン追加 */


#spTabMenuBtn {
  position: absolute;
  top: 14px;
  right: 10px;
  text-align: justify;
}

#spTabMenuBtn #menuButton {
  margin: 0 auto;
  position: relative;
  width: 26px;
  height: 20px;
}

#spTabMenuBtn.is-active img {
  margin-top: -100%; }
#spTabMenuBtn img {
  width: 100%; }
#spTabMenuBtn .menuButton__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0d66af;
  border-radius: 4px;
  transition: all .4s;
}
.menuButton__line--1 {
  top: 0;
}
.menuButton__line--2 {
  top: 50%;
  transform: translateY(-50%);
}
.menuButton__line--3 {
  bottom: 0;
}
#spTabMenuBtn.is-active .menuButton__line--1 {
  transform: translateY(9px) rotate(-45deg);
}
#spTabMenuBtn.is-active .menuButton__line--2 {
  opacity: 0;
}
#spTabMenuBtn.is-active .menuButton__line--3 {
  transform: translateY(-9px) rotate(45deg);
}

.modalBg {
  position: absolute;
  right: -100%;
  height: 100%;
  width: 100%;
  z-index: 99;
  transition: right .2s;
}

.spNav {
  background: #eee;
  position: absolute;
  right: -100%;
  z-index: 200;
  width: 75%;
  transition: right .2s;
  overflow: hidden;
  box-shadow: none;
  border-radius: 0 0 0 20px;
}
@media screen and (orientation: landscape) {
  .spNav {
  width: 50%;
  }
}
.spNav__entryWrap {
  padding: 4% 0;
}
.spNav__entry {
  width: 90%;
  display: block;
  margin: 0 auto;
  box-shadow: 0 3px 6px 0 #9a9a9a;
  border-radius: 5px;
}
.spNav__img {
  width: 100%;
}
.spNav__item {
  font-size: 15.5px;
  color: #fff;
  background: #0a9fc2;
}
.spNav__item--search {
  background: #005eab;
}
.spNav__item--search .spNav__link{
  border-bottom: none;
}
.spNav__heading {
  background: #0a9fc2;
  padding: 4% 0;
  width: 90%;
  margin: 0 auto;
  color: #FFF;
}
.spNav__subList {
  background: #eee;
}
.spNav__subItem {
  font-size: 14.5px;
  color: #0092b4;
  width: 90%;
  margin: 0 auto;
  border-bottom: 1px solid #fff;
  padding: 3% 0 3% 5%;
}
.spNav__subItem--heading {
  font-size: 13px;
  padding: 3% 0;
}
.spNav__subItemLink {
  position: relative;
  color: #0092b4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.spNav__subItemLink:hover,.spNav__subItemLink:focus {
  text-decoration: none;
}
.spNav__subItemLink::after {
  content: "";
  border-top: solid 2px #0092b4;
  border-right: solid 2px #0092b4;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin-right: 5px;
}
.spNav__link {
  position: relative;
  color: #fff;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding: 4% 0;
  text-decoration: none;
}
.spNav__link:hover,.spNav__link:focus {
  text-decoration: none;
}
.spNav__item:last-child .spNav__link {
  border-bottom: none;
}
.spNav__link::after {
  content: "";
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin-right: 5px;
}
.spNav__accordion {
  background: #005eab;
}
.spNav__accordionTxt {
  position: relative;
  color: #fff;
  width: 90%;
  margin: 0 auto;
  font-size: 15.5px;
  padding: 4% 0;
  border-bottom: 1px solid #fff;
}
.spNav__accordionTxt.open {
  border-bottom: none;
}
.spNav__accordionTxt::before {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  background: #fff;
  top: 50%;
  right: 7px;
  height: 16px;
  width: 2px;
}
.spNav__accordionTxt.open::before {
  content: none;
}
.spNav__accordionTxt::after {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  background: #fff;
  top: 50%;
  right: 0;
  width: 16px;
  height: 2px;
}
.spNav__accordionList {
  display: none;
}
.spNav__accordionItem {
  background: #eee;
}
.spNav__accordionLink {
  background: #eee;
  width: 90%;
  margin: 0 auto;
  color: #005eab;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3% 0 3% 5%;
  font-size: 15px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
.spNav__accordionLink:hover,.spNav__accordionLink:focus {
  text-decoration: none;
}
.spNav__accordionItem:first-child .spNav__accordionLink {
  padding: 3% 0;
}
.spNav__accordionLink::after {
  content: "";
  border-top: solid 2px #005eab;
  border-right: solid 2px #005eab;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin-right: 5px;
}

/*==========================================
 2-1. GLOBAL MENU
============================================*/
#wrap #globalNav {
  display:none;
}

/* key visual
------------------------------------*/
#wrap #contentWrap #keyVisual #keyVisualInner{
  height:auto;
}
#wrap #contentWrap #keyVisual #keyVisualInner .text{
  background: none;
  width:100%;
  height:auto;
  margin: 0 auto;
  display:block;
}
#wrap #contentWrap #keyVisual #keyVisualInner p.visualtext{
  background-color: #e8e8e8;
}
#wrap #contentWrap #keyVisual #keyVisualInner .text img {
  width:100%;
}
#wrap #contentWrap #keyVisual #keyVisualInner .text span{
  display: none;
}
#wrap #contentWrap #keyVisual #keyVisualInner .rollImg {
  background: none;
  display:none;
}


/* 20180301ABテスト
------------------------------------*/

#wrap #contentWrap #keyVisual #keyVisualInner .sp_Basicvisual_test{
  display: block;
}
#wrap #contentWrap #keyVisual #keyVisualInner .sp_Avisual_test{
  display: none;
}
#wrap #contentWrap #keyVisual #keyVisualInner .sp_Bvisual_test{
  display: none;
}

#wrap #contentWrap #topEntryArea .Basicvisual_test #topEntryAreaInner{
  display: block;
}
#wrap #contentWrap #topEntryArea .Avisual_test #topEntryAreaInner{
  display: none;
}
#wrap #contentWrap #topEntryArea .Bvisual_test #topEntryAreaInner{
  display: none;
}

/* 20200115ハンバーガーメニューリニューアル */
.inner {
  box-sizing: border-box;
}
.inner--bg {
  background: #f7f7f7;
}
.inner__link {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  width: 90%;
  padding: 15px 0;
}
.inner__link > a > img {
  width: 100%;
  box-shadow: 0 3px 6px 0 #9a9a9a;
  border-radius: 5px;
}
.inner__headline {
  background: #005eab;
  font-weight: 600;
  position: relative;
  border-bottom: 1px solid #fff;
  font-size: 12px;
}
.inner__headline > a {
  padding: 14px 45px;
  display: block;
  color: #fff;
}
.inner__headline::before {
  content: '';
  position: absolute;
  height: 24px;
  width: 18px;
  top: 11px;
  left: 15px;
}
.inner > p:nth-of-type(1)::before {
  background: url(/resource/common/img/sp/icn-nav-service_wh.png) no-repeat;
  background-size:100%;
  height: 24px;
  width: 18px;
  top: 11px;
  left: 15px;
}
.inner > p:nth-of-type(2)::before {
  background: url(/resource/common/img/sp/icn-nav-knowhow_wh.png) no-repeat;
  background-size:100%;
  height: 24px;
  width: 27px;
  top: 11px;
  left: 11px;
}
.inner > p:nth-of-type(3)::before {
  background: url(/resource/common/img/sp/icn-nav-helpfu_wh.png) no-repeat;
  background-size:100%;
  height: 24px;
  width: 27px;
  top: 13px;
  left: 12px;
}
.inner > p:nth-of-type(4)::before {
  background: url(/resource/common/img/sp/icon-nav-jobsearch_wh.png) no-repeat;
  background-size:100%;
  height: 26px;
  width: 23px;
  top: 11px;
  left: 14px;
}
.inner__headline::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translate(-20px, -50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.inner__list li {
  background: #e1edfa;
  position: relative;
  border-bottom: 1px solid #fff;
  font-size: 12px;
  font-weight: 600;
}
.inner__list li a{
  color: #005eab;
  display: block;
  padding: 10px 32px;
}
.inner__list li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translate(-20px, -50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: solid 2px #005eab;
  border-right: solid 2px #005eab;
}
.inner__list-white li {
  background: #fff;
  position: relative;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
  font-weight: 600;
}
.inner__list-white li a{
  color: #333333;
  display: block;
  padding: 10px 32px;
}
.inner__list-white li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translate(-20px, -50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
}
.spSlideCopyright {
  padding: 10px 0px;
  display: block;
  margin: 0;
  font-size: 10px !important;
}






/* ===================================================================
 3. サイドエリア
=================================================================== */
#navSite ul li{
  border-bottom:1px solid #ccc;
}
#navSite ul li:last-child{
  border-bottom:none;
}
#navSite ul li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:0.8em 1.5em 0.8em 1em;
}
#navSite ul li.iconWin a{
  background:url(/resource/common/img/sp/general_sp_icon_win.png) 98% center no-repeat;
  background-size:4%;
}

#navSeminar dl dt{
  padding:0.3em 1.3em;
  color:#fff;
  font-weight:bold;
}
#navSeminar dl dt.navSeminarIt { background:#3498db; }
#navSeminar dl dt.navSeminarSales { background:#3a539b; }
#navSeminar dl dt.navSeminarMed { background:#86e2d5; }
#navSeminar dl dt.navSeminarMaker { background:#1e824c; }
#navSeminar dl dt.navSeminarFinance { background:#8E5499; }
#navSeminar dl dd {
  border-bottom:1px solid #ccc;
}
#navSeminar dl dd a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:0.8em 1.3em;
}
#navHistory ul li{
  border-bottom:1px solid #ccc;
}
#navHistory ul li a {
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:0.8em 1em;
}
/*-------------*/
#navNonOpen {
    background-color:#f2f2f2;
    padding: 10px 0;
}
#navNonOpen .navNonOpen__title {
  text-align: center;
  padding: 1em 0;
  font-weight: bold;
}
#navNonOpen .navNonOpen__title strong{
    color: #f26100;
    font-size: 1.4em;
    text-decoration: underline;
    font-weight: bold;
    padding-left: 5px;
}
#navNonOpen div.inner{
    overflow: hidden;
    display: table;
}
#navNonOpen div.inner p.img{
    display: table-cell;
    width: 50%;
    float: left;
    text-align: center;
}
#navNonOpen div.inner p.img img{
    width: 90%;
}
#navNonOpen div.inner p.text{
    display: table-cell;
    width: 50%;
    padding: 10px;
    float: left;
        line-height: 1.7;
    vertical-align: middle;
}
#navNonOpen a {
    display: block;
    width: 90%;
    margin: 10px auto;
    text-align: center;
    position: relative;
    background: linear-gradient(#fd8331, #f60);
    border-radius: 5px;
    padding: 20px 0 20px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    transition: .2s;
    text-shadow: 1px 1px 1px #bb4c02;
    box-shadow: 6px 7px 5px -5px #b5b5b5;
}
#navNonOpen a::after{
    position: absolute;
    content: ">>";
    color: #fff;
    font-size: 16px;
    top: 18px;
    right: 15px;
    transform: scale(1, 2.2);
    font-weight: normal;
}
/*-------------*/
#navTopics ul li{
  border-bottom:1px solid #ccc;
}
#navTopics ul li a {
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:0.8em 1.3em;
}
/*----- サイドバー - ご紹介先企業例 19.06.26 追加 -----*/
.navCompany__listContent {
  margin: 10px 0 25px;
}
.navCompany__listBox {
  margin-bottom: 15px;
  height: 72px;
  overflow: hidden;
  position: relative;
}
@keyframes loopImage {
  0% {
      transform: translateX(0)
  }
  100% {
      transform: translateX(50%)
  }
}
.navCompany__list {
  animation: loopImage 60s linear infinite;
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 0;
  right: 0;
  will-change: transform;
  width: 4620px;
}
.navCompany__item {
  background: #fff;
  border: 1px solid #efefef;
  flex: 0 0 85px;
  margin: 0 2px;
  padding: 5px;
  text-align: center;
}
.navCompany__linkBtn {
  background: #f2f2f2;
  border: 2px solid #cccccc;
  height: 44px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  width: 250px;
}
.navCompany__link {
  background: url(/resource/common/img/sp/general_sp_icon_arrow.png) 95% center no-repeat;
  background-size: 5%;
  font-size: 13px;
  display: block;
}
/*----- サイドバー - ご紹介先企業例 19.06.26 追加 end -----*/

/* 下層ナビゲーション
------------------------------------*/
#navLower h3 {
  background-image:-moz-linear-gradient(top, #082a4d 0%, #1174a6);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#082a4d), to(#1174a6));
  background-image:linear-gradient(to right, #082a4d 0%, #1174a6);
  background-repeat:no-repeat;
  padding:0.8em 1em;
  font-size:1.2em;
  color:#fff;
}
#navLower .navLower__title{
  background-image:-moz-linear-gradient(top, #082a4d 0%, #1174a6);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#082a4d), to(#1174a6));
  background-image:linear-gradient(to right, #082a4d 0%, #1174a6);
  background-repeat:no-repeat;
  padding:0.8em 1em;
  font-size:1.2em;
  color:#fff;
  font-weight: bold;
}
#navLower ul li{
  border-bottom:1px solid #ccc;
  font-weight:bold;
  font-size:1.2em;
}
#navLower ul li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:0.8em 1.5em 0.8em 1em;
}
#navLower ul li.active {
  background:#f2f2f2;
}
#navLower ul li.active a{
  color:#999;
  background:none;
}

/* サービスの流れ
------------------------------------*/
#navStep .magServiceStep{
  padding:0 0 0 0.5em;
  background-color:#f2f2f2;
}
#navStep .magServiceStep dl{
  margin: 0.2em 0 1em;
  padding: 0.8em 0 0;
}
#navStep .magServiceStep dl dt{
  float:left;
  width:30%;
}
#navStep .magServiceStep dl dt img{
  width:90%;
}
#navStep .magServiceStep dl dd{
  float:right;
  width:70%;
}
#navStep .magServiceStep dl dd p{
  padding:0 1em 0 0;
  margin: 0 0 0.5em;
}
#navStep .magServiceStep dl dd p.stepTitle{
  color:082a4d;
  font-weight:bold;
  background-color:#fff;
  padding:0.5em;
}
#navStep .magServiceStep dl dd h3{
  color:#bf0000;
  font-weight:bold;
  font-size:1.3em;
  margin: 0 0 0.5em;
}
#navStep .magServiceStep01{
  padding: 0 0 1.5em;
}
#navStep .magServiceStep01 img{
  width:100%;
}

/* サービスの流れ_20201216
------------------------------------*/
.subArea{
  margin: 1.3em 1.5em 0;
  padding: 15px;
	background-color: #E6EFF6;
	border-radius: 10px;
}

.subArea__img--pc{
	display: none;
}

.subArea__img--sp{
	width: 100%;
}

.subArea__head{
  padding-top: 15px;
	font-size: 15px;
  color: #005EAB;
  text-align: center;
  line-height: 1.5;
}

.subArea__text{
  padding-top: 5px;
}


/* ===================================================================
 4. フッター
=================================================================== */
/*==========================================
 4-1. FOOTER
============================================*/
#wrap #magFooter {
  border-top: 4px solid #b3b3b3;
  background: #ebebeb;
}
#wrap .magFNList > li {
  font-size: 12px;
}
#wrap .magFNList li a {
  padding: 11px 20px 11px 12px;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  color: #808080;
  position: relative;
}
#wrap .magFNList:first-child > li > a::after,
#wrap .magFNList:last-child > li > a::after,
#wrap .magFNList:nth-child(3) > li > a::after,
#wrap .magFNList li a::after {
  content: '';
  position: absolute;
  right: 13px;
  top: 50%;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-right: 3px solid #b3b3b3;
  border-bottom: 3px solid #b3b3b3;
  transform: translate(0, -50%) rotate(-45deg);
}
#wrap .magFNList:first-child > li > a::before,
#wrap .magFNList:last-child > li > a::before,
#wrap .magFNList:nth-child(3) > li:first-child > a::before {
  display: none;
}
#wrap .magFNList:first-child > li > a::after,
#wrap .magFNList:last-child > li > a::after,
#wrap .magFNList:nth-child(3) > li:first-child > a::after {
    background: none;
}
#wrap .magFNList > li > a,
#wrap .magFNList:last-child li > a {
  font-weight: bold;
}
#wrap .magFNList .title::before,
#wrap .magFNList .title::after,
#wrap .magFNList > li > a::before,
#wrap .magFNList > li > a::after {
  content: '';
  position: absolute;
  right: 13px;
  top: 50%;
  width: 15px;
  height: 3px;
  background: #b3b3b3;
  border: none;
  transform: translate(0, -50%);
}
#wrap .magFNList .title::before,
#wrap .magFNList > li > a::before {
  transform: translate(0, -50%) rotate(90deg);
}
#wrap .magFNList .title.is-active::before,
#wrap .magFNList > li > a.is-active::before {
  display: none;
}
#wrap #magFooterTitle {
  display:none;
}
#wrap .magFNList > li > ul {
  background: #fff;
  display: none;
}
#wrap .magFNList > li > ul a {
  padding-left: 20px;
}
#wrap .magFNList:first-child > li,
#wrap .magFNList:last-child > li {
  background: none;
}
#wrap .magFNList:first-child ul,
#wrap .magFNList:last-child ul {
  background: none;
  display: block;
}
#wrap .magFNList:first-child ul a,
#wrap .magFNList:last-child ul a {
  padding-left: 12px;
}
#wrap .magFNList .title {
  padding: 10px;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  color: #808080;
  font-weight: bold;
  position: relative;
}
#wrap #magSPArea {
  background: #dedede;
  overflow: hidden;
}
#wrap #magSPArea > p {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
}
#wrap #magSPArea > p > {
  flex: 1;
}
#wrap #magSPArea > p > a {
  padding: 10px 5px 10px 12px;
  display: block;
  flex: 0 0 50%;
  font-size: 12px;
  color: #808080;
  border-bottom: 1px solid #d1d1d1;
}
#wrap #magSPArea > p > a:nth-child(odd) {
  border-right: 1px solid #d1d1d1;
}
#wrap .copyright {
  padding: 3px 0 4px;
  text-align: center;
  background: #1262b2;
  color: #fff;
  font-size: 12px;
}
#wrap .pagetop {
  display: none;
}
/*
#wrap .copyright {
  background:#082a4d;
  text-align:center;
  padding: 0.5em 0;
}
#wrap .copyright p{
  color:#fff;
}
#wrap .copyright strong{
  display:none;
}
*/
/*==========================================
 4-2. GLOBAL FOOTER
============================================*/
#mynaviFooter{
  display:none;
}
/*==========================================
 4-3. 全ページ共通追従フッター
============================================*/
#karte-7860784 { /*KARTE止まったら削除可能*/
  display: none;
}
.karte-widget__container { /*KARTE止まったら削除可能*/
  display: none !important;
}
.footerFixArea {
  background: #f1f1f1 no-repeat 50%;
  bottom: 0;
  box-shadow: none !important;
  display: none;
  position: fixed;
  font-size: 15px !important;
  line-height: 1.5;
  max-height: 94.4vh;
  width: 100%;
  z-index: 9999;
}
.footerFixArea__box {
  align-items: center;
  display: flex;
  height: 66px;
  padding: 10px;
  justify-content: space-between !important;
}
.footerFixArea__img {
  margin: 8px;
  width: 40px;
}
.footerFixArea__txt {
  margin: 8px;
}
.footerFixArea__entryBtArea {
  background: #d10042;
  border-radius: 5px !important;
  box-shadow: 0 4px 0 #7c354b;
  color: #fff;
  display: inline-block;
  font-weight: normal !important;
  letter-spacing: 1px;
  padding: 11px !important;
  text-shadow: none !important;
  text-decoration: none;
  transition: .2s;
  min-width: 67% !important;
  position: relative;
  transform: translate(0, -1px);
}
.footerFixArea__entryBtArea:after {
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.footerFixArea__entryBtArea:hover {
  text-decoration: none;
  opacity: 0.7;
}
.footerFixArea__linkBtArea {
  align-items: center;
  color: #115BA6;
  background: #fff;
  border: 2px #0F5AA5 solid;
  border-radius: 5px;
  display: flex;
  font-size: 12px;
  height: 100%;
  justify-content: center;
  width: 30%;
}
.footerFixArea__entryBtTxtBox {
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding-right: 8px !important;
}
.footerFixArea__entryBtTxt {
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px !important;
  margin: 0 -3px 0 0;
  padding: 0.6px 1.2px !important;
  text-shadow: none !important;
}
.footerFixArea__entryBtTxt:last-child {
  margin: 0 1px 0 0;
}
.footerFixArea__entryBtTxt--BgWhite {
  background: #fff;
  color: #d10042;
}
.footerFixAreaAcc__entryBtArea {
  margin: 0 auto !important;
  min-width: 95% !important;
}
.footerFixAreaAcc__linkBtArea {
  display: none !important;
}


/* ===================================================================
 5. 共通パーツ
=================================================================== */
/* Page Title
------------------------------------*/
#wrap #pagetitle.titleStyle01{
  background:#5cccc3;
  background:-moz-linear-gradient(top, #57d9c3 0%, #7f66cc);
  background:-webkit-gradient(linear, left top, left bottom, from(#57d9c3), to(#7f66cc));
  background:linear-gradient(to right, #57d9c3 0%, #7f66cc);
}
#wrap #pagetitle.titleStyle02{
  background:#8dc2d4;
  background:-moz-linear-gradient(top, #dae5a1 0%, #73b6e5);
  background:-webkit-gradient(linear, left top, left bottom, from(#dae5a1), to(#73b6e5));
  background:linear-gradient(to right, #dae5a1 0%, #73b6e5);
}
#wrap #pagetitle.titleStyle03{
  background: #86d9b0;
  background: -moz-linear-gradient(top, #d9c8fa 0%, #86d9b0);
  background: -webkit-gradient(linear, left top, left bottom, from(#d9c8fa), to(#86d9b0));
  background: linear-gradient(to right, #d9c8fa 0%, #86d9b0);
}
#wrap #pagetitle.titleStyle04{
  background:#5fd9be;
  background:-moz-linear-gradient(top, #57d9c3 0%, #c3d982);
  background:-webkit-gradient(linear, left top, left bottom, from(#57d9c3), to(#c3d982));
  background:linear-gradient(to right, #57d9c3 0%, #c3d982);
}
#wrap #pagetitle.titleStyle05{
  background:#d94174;
  background: -moz-linear-gradient(top,#ffca7f 0%,#d9366c);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffca7f),to(#d9366c));
  background: linear-gradient(to right,#ffca7f 0%,#d9366c);
}
#wrap #pagetitle.titleStyle06{
  background:#f68630;
  background:-moz-linear-gradient(top, #fbb03b 0%, #f15a24);
  background:-webkit-gradient(linear, left top, left bottom, from(#fbb03b), to(#f15a24));
  background:linear-gradient(to right, #fbb03b 0%, #f15a24);
}
#wrap #pagetitle.titleStyle08{
  background:#76a8cd;
  background:-moz-linear-gradient(top, #cce0f4 0%, #005b97);
  background:-webkit-gradient(linear, left top, left bottom, from(#cce0f4), to(#005b97));
  background:linear-gradient(to right, #cce0f4 0%, #005b97);
}
#wrap #pagetitle.titleStyle09{
  background:#b30000;
  background:-moz-linear-gradient(top, #f98d78 0%, #8c0101);
  background:-webkit-gradient(linear, left top, left bottom, from(#f98d78), to(#8c0101));
  background:linear-gradient(to right, #f98d78 0%, #8c0101);
}
#wrap #pagetitle #pagetitleInner{
  width:100%;
}
#wrap #pagetitle #pagetitleInner h2, .pagetitle__heading{
  color:#fff;
  vertical-align:middle;
  font-size:2.2em;
  text-align:right;
  display:block;
  padding:1em 0.5em;
  /* user agent */
  font-weight: bold;
}
#wrap #pagetitle #pagetitleInner .subText{
  color:#fff;
  background-color:rgba(0,0,0,0.4);
  padding:0.7em 1em;
  line-height:1.3;
}

/* Heading level elements
------------------------------------*/
#wrap .h2Style01 {
  margin-top:1px;
  color:#fff;
  background:#082a4d;
  background: -moz-linear-gradient(top, #082a4d 0%, #1174a6);
  background: -webkit-gradient(linear, left top, left bottom, from(#082a4d), to(#1174a6));
  background: linear-gradient(to right, #082a4d 0%, #1174a6);
  padding:0.8em 1em;
  font-size:1.1em;
  font-weight:bold;
}
#wrap .h2Style01 .headList{
  display:none;
}
#wrap .h2Style01.spTxtStyle01{
  text-align:center;
  padding:0.4em 0;
}
#wrap .h2Style02 {
  margin-top:1px;
  color:#fff;
  background:#bf0000;
  padding:0.8em 1em;
  font-size:1.2em;
  font-weight:bold;
}
#wrap .h2Style02.spAccordionM{
  background-image: url(/resource/common/img/sp/general_sp_icon_plus.png), -moz-linear-gradient(top, #bf0000 0%, #f25100);
  background-image: url(/resource/common/img/sp/general_sp_icon_plus.png), -webkit-gradient(linear, left top, left bottom, from(#bf0000), to(#f25100));
  background-image: url(/resource/common/img/sp/general_sp_icon_plus.png), linear-gradient(to right, #bf0000 0%, #f25100);
  background-repeat: no-repeat;
  background-size:4%, 100%;
  background-position:97% center, 0 0;
}
#wrap .h2Style02.spAccordionM.spAActive{
  background-image: url(/resource/common/img/sp/general_sp_icon_minus.png), -moz-linear-gradient(top, #bf0000 0%, #f25100);
  background-image: url(/resource/common/img/sp/general_sp_icon_minus.png), -webkit-gradient(linear, left top, left bottom, from(#bf0000), to(#f25100));
  background-image: url(/resource/common/img/sp/general_sp_icon_minus.png), linear-gradient(to right, #bf0000 0%, #f25100);
}
#wrap #contentWrap h2.spH2RT {
  border-top:0.3em solid #082a4d;
  margin:0.2em 0 0.2em;
  color:#082a4d;
  background:#f2f2f2;
  padding:0.6em 1em;
  font-size:1.2em;
  font-weight:bold;
}
#wrap #contentWrap div.spH2RT {
  border-top:0.3em solid #082a4d;
  margin:0.2em 0 0.2em;
  color:#082a4d;
  background:#f2f2f2;
  padding:0.6em 1em;
  font-size:1.2em;
  font-weight:bold;
}
#wrap .h2Style02 span.headList{
  display:none;
}
#wrap .h3Style01 {
  color:#333;
  background:#fff;
  padding:0.8em 1em;
  font-weight:bold;
  font-size:1.2em;
  border-bottom:1px solid #ccc;
}
#wrap .h3Style02 {
  background:#082a4d;
  background: -moz-linear-gradient(top, #082a4d 0%, #1174a6);
  background: -webkit-gradient(linear, left top, left bottom, from(#082a4d), to(#1174a6));
  background: linear-gradient(to right, #082a4d 0%, #1174a6);
  margin-top:1px;
  padding:0.8em 1em;
  font-size:1.2em;
  color:#fff;
}
#wrap div.h3Style02 {
  font-weight: bold;
}
#wrap .h3Style02.spAccordionM{
  background-image: url(/resource/common/img/sp/general_sp_icon_plus.png), -moz-linear-gradient(top, #082a4d 0%, #1174a6);
  background-image: url(/resource/common/img/sp/general_sp_icon_plus.png), -webkit-gradient(linear, left top, left bottom, from(#082a4d), to(#1174a6));
  background-image: url(/resource/common/img/sp/general_sp_icon_plus.png), linear-gradient(to right, #082a4d 0%, #1174a6);
  background-repeat: no-repeat;
  background-size:4%, 100%;
  background-position:97% center, 0 0;
}
#wrap .h3Style02.spAccordionM.spAActive{
  background-image: url(/resource/common/img/sp/general_sp_icon_minus.png), -moz-linear-gradient(top, #082a4d 0%, #1174a6);
  background-image: url(/resource/common/img/sp/general_sp_icon_minus.png), -webkit-gradient(linear, left top, left bottom, from(#082a4d), to(#1174a6));
  background-image: url(/resource/common/img/sp/general_sp_icon_minus.png), linear-gradient(to right, #082a4d 0%, #1174a6);
}
#wrap .h3Style03 {
  border-top:4px solid #082a4d;
  border-bottom:1px solid #d9d9d9;
  padding:1.5em 1em;
  margin:0 0 1em;
}
#wrap .h3Style03 .titleElOnly{
  color:#fff;
  display:table-cell;
  color:#082a4d;
  font-size:1.5em;
  vertical-align:middle;
  line-height:1.3;
}

#wrap .h2Style04{
  display:table;
  border-top:4px solid #082a4d;
  border-bottom:1px solid #d9d9d9;
  width:100%;
}
#wrap .h2Style04 .iconArea{
  display:table-cell;
  border-right:1px solid #d9d9d9;
  vertical-align:middle;
  text-align: center;
  padding:0.5em 1em;
  width:17%;
}
#wrap .h2Style04 .iconArea02{
  display:table-cell;
  border-right:1px solid #d9d9d9;
  vertical-align:middle;
  padding:0;
  width:24%;
}
#wrap .h2Style04 .iconArea02 img{
  width:100%;
}
#wrap .h2Style04 .icon img.pointIcon{
  width:100%;
}
#wrap .h2Style04 .titleEl{
  display:table-cell;
  color:#082a4d;
  font-size:1.3em;
  padding:0.7em;
  vertical-align:middle;
  width:82%;
  line-height:1.3;
}
#wrap .h2Style04 .titleEl span.sub{
  display:none;
}
#wrap .h2Style04 .titleEl02{
  display:table-cell;
  color:#082a4d;
  font-size:1.5em;
  padding:0.7em;
  vertical-align:middle;
  width:76%;
  line-height:1.3;
  font-weight: bold;
}
#wrap .h2Style04 .titleEl02 span.sub{
  display:none;
}
#wrap .h2Style04 .titleElOnly{
  display:table-cell;
  color:#082a4d;
  font-size:1.5em;
  padding:0.7em;
  vertical-align:middle;
  width:100%;
  line-height:1.3;
}
#wrap .h2Style04 .titleElOnly span.sub{
  display:none;
}

#wrap .h2Style05{
  padding:1em;
}
#wrap .h2Style06{
  background-color: #eeeeee;
  padding: 14px 16px;
  border-left: 4px solid #313131;
  font-size: 1.4em;
  line-height: 1.4;
  word-break: keep-all;
  letter-spacing: 2px;
}
#wrap .h2Style05 .titleEl{
  color:#082a4d;
  font-size:2.2em;
  background-color:#fff;
  line-height:1.2;
  display:inline;
}
#wrap .h2Style05 .subText{
  display:none;
}

#wrap .h2Category h2{
  display:block;
  padding:0.8em 1.5em 0.8em 1em;
  border-bottom:1px solid #cacaca;
  margin-top:-1px;
  font-weight:bold;
}
#wrap .h2Category.it h2{border-top:solid 4px #5cace5;}
#wrap .h2Category.sales h2{border-top:solid 4px #2d4180;}
#wrap .h2Category.med h2{border-top:solid 4px #7acccc;}
#wrap .h2Category.maker h2{border-top:solid 4px #1e824c;}
#wrap .h2Category.backoffice h2{border-top:solid 4px #e87e04;}
#wrap .h2Category.creative h2{border-top:solid 4px #f7ca18;}
#wrap .h2Category.finance h2{border-top:solid 4px #8e5499;}
#wrap .h2Category.service h2{border-top:solid 4px #e65639;}
#wrap .h2Category.marketing h2{border-top:solid 4px #e67399;}
#wrap .h2Category.architecture h2{border-top:solid 4px #99701f;}
#wrap .h2Category.womanwill h2{border-top:solid 4px #d86c74;}
#wrap .h2Category.dainishinsotsu h2{border-top:solid 4px #2db2ac;}
#wrap .h2Category.kansai h2{border-top:solid 4px #e74c3c;}
#wrap .h2Category.tokai h2{border-top:solid 4px #16ac76;}

#wrap .h2Category .h2CategoryIcon{
  background-image:url(/resource/common/img/sp/sprite_general_sp_icon.png);
  background-size:5em;
  background-repeat:no-repeat;
  display:inline-block;
  margin-right:0.5em;
  vertical-align:middle;
  width:24px;
  height:23px;
}
#wrap .h2Category.it .h2CategoryIcon{background-position:-39px 3px;}
#wrap .h2Category.sales .h2CategoryIcon{background-position:-39px -34px;}
#wrap .h2Category.med .h2CategoryIcon{background-position:-39px -71px;}
#wrap .h2Category.maker .h2CategoryIcon{background-position:-39px -108px;}
#wrap .h2Category.backoffice .h2CategoryIcon{background-position:-39px -145px;}
#wrap .h2Category.creative .h2CategoryIcon{background-position:-39px -217px;}
#wrap .h2Category.finance .h2CategoryIcon{background-position:-39px -254px;}
#wrap .h2Category.service .h2CategoryIcon{background-position:-39px -585px;}
#wrap .h2Category.marketing .h2CategoryIcon{background-position:-39px -621px;}
#wrap .h2Category.architecture .h2CategoryIcon{background-position:-39px -658px;}
#wrap .h2Category.womanwill .h2CategoryIcon{background-position:-39px -181px;}
#wrap .h2Category.dainishinsotsu .h2CategoryIcon{background-position:0 -720px;}
#wrap .h2Category.kansai .h2CategoryIcon{background-position:-39px -291px;}
#wrap .h2Category.tokai .h2CategoryIcon{background-position:0 -658px;}

#wrap .h3Category h3{
  display:block;
  padding:0.8em 1.5em 0.8em 1em;
  border-bottom:1px solid #cacaca;
  margin-top:-1px;
  font-weight:bold;
}
#wrap .h3Category.it h3{border-top:solid 4px #5cace5;}
#wrap .h3Category.sales h3{border-top:solid 4px #2d4180;}
#wrap .h3Category.med h3{border-top:solid 4px #7acccc;}
#wrap .h3Category.maker h3{border-top:solid 4px #1e824c;}
#wrap .h3Category.backoffice h3{border-top:solid 4px #e87e04;}
#wrap .h3Category.creative h3{border-top:solid 4px #f7ca18;}
#wrap .h3Category.finance h3{border-top:solid 4px #8e5499;}
#wrap .h3Category.service h3{border-top:solid 4px #e65639;}
#wrap .h3Category.marketing h3{border-top:solid 4px #e67399;}
#wrap .h3Category.architecture h3{border-top:solid 4px #99701f;}
#wrap .h3Category.womanwill h3{border-top:solid 4px #d86c74;}
#wrap .h3Category.dainishinsotsu h3{border-top:solid 4px #2db2ac;}
#wrap .h3Category.kansai h3{border-top:solid 4px #e74c3c;}
#wrap .h3Category.tokai h3{border-top:solid 4px #16ac76;}

#wrap .h3Category .h3CategoryIcon{
  background-image:url(/resource/common/img/sp/sprite_general_sp_icon.png);
  background-size:5em;
  background-repeat:no-repeat;
  display:inline-block;
  margin-right:0.5em;
  vertical-align:middle;
  width:24px;
  height:23px;
}
#wrap .h3Category.it .h3CategoryIcon{background-position:-39px 3px;}
#wrap .h3Category.sales .h3CategoryIcon{background-position:-39px -34px;}
#wrap .h3Category.med .h3CategoryIcon{background-position:-39px -71px;}
#wrap .h3Category.maker .h3CategoryIcon{background-position:-39px -108px;}
#wrap .h3Category.backoffice .h3CategoryIcon{background-position:-39px -145px;}
#wrap .h3Category.creative .h3CategoryIcon{background-position:-39px -217px;}
#wrap .h3Category.finance .h3CategoryIcon{background-position:-39px -254px;}
#wrap .h3Category.service .h3CategoryIcon{background-position:-39px -585px;}
#wrap .h3Category.marketing .h3CategoryIcon{background-position:-39px -621px;}
#wrap .h3Category.architecture .h3CategoryIcon{background-position:-39px -658px;}
#wrap .h3Category.womanwill .h3CategoryIcon{background-position:-39px -181px;}
#wrap .h3Category.dainishinsotsu .h3CategoryIcon{background-position:0 -720px;}
#wrap .h3Category.kansai .h3CategoryIcon{background-position:-39px -291px;}
#wrap .h3Category.tokai .h3CategoryIcon{background-position:0 -658px;}
/* hXX style */
#wrap .hElementStyle01{
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 2px 10px;
  background: #c1272d;
  position: relative;
  z-index: 1;
}
#wrap .hElementStyle01:after{
  content: "";
  display: block;
  width: 330px;
  height: 1px;
  position: absolute;
  top: 14px;
  background: #c1272d;
  z-index: -1;
}
#wrap .hElementStyle02{
  border-bottom: 2px solid #10274b;
  font-weight: bold;
  font-size: 1.1em;
}

/* hXX link */
#wrap .hElementLinkStyle01{
  position:relative;
  padding:0;
}
#wrap .hElementLinkStyle01 a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  color:inherit;
  padding:0.8em 1em;
}


/* paragraph
------------------------------------*/
#wrap .para01{
  margin:1.3em 1.5em 0;
}
#wrap .para02{
  margin:1.3em 1.5em;
}
#wrap .para01.note-success{
  display: inline-block;
  color: #0000ff;
  border-bottom: 1px solid;
}
#wrap .supplement01{
  color:#4c4c4c;
  margin:0.5em 0 0 1em;
  font-size:0.8em;
}

/* list style
------------------------------------*/
#wrap ol.decimal{
  list-style-type:decimal;
  padding:0 1em 0 3em;
}

#wrap ol.decimal.decimalNormal{
  padding:0 1em 0 1.2em;
}

/* text link
------------------------------------*/
#wrap a.txtLinkArrow{
position: relative;
display: inline-block;
padding: 0 0 0 1em;
vertical-align: middle;
color:#1262b2;
text-decoration:underline;
}
#wrap a.txtLinkArrow::before,
#wrap a.txtLinkArrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
#wrap a.txtLinkArrow::before{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #a6a6a6;
}

/* link list style
------------------------------------*/
#wrap .linkStyleLabel {
  display:none;
}
#wrap ul.linkStyleList01 li{
  border-bottom:1px solid #ccc;
}
#wrap ul.linkStyleList01 li:last-child{
  border:none;
}
#wrap ul.linkStyleList01 li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:1em 1.5em 1em 1em;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
#wrap .linkStyleLabelRank {
  width:20px;
  height:20px;
  display:block;
  position:absolute;
  top:20%;
  left:1em;
  background:#fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size:0.9em;
  text-align:center;
}
#wrap ul.linkStyleList02 li.no1 .linkStyleLabelRank {
  border:2px solid #d9ad57;
  color:#fff;
  background:#d9ad57;
  background: -moz-linear-gradient(top, #c38632 0%, #e9d095);
  background: -webkit-gradient(linear, left top, left bottom, from(#c38632), to(#e9d095));
  background: linear-gradient(to bottom, #c38632 0%, #e9d095);
}
#wrap ul.linkStyleList02 li.no2 .linkStyleLabelRank {
  border:2px solid #99a6bf;
  color:#fff;
  background:#99a6bf;
  background: -moz-linear-gradient(top, #707e9d 0%, #c3ccdb);
  background: -webkit-gradient(linear, left top, left bottom, from(#707e9d), to(#c3ccdb));
  background: linear-gradient(to bottom, #707e9d 0%, #c3ccdb);
}
#wrap ul.linkStyleList02 li.no3 .linkStyleLabelRank {
  border:2px solid #b27447;
  color:#fff;
  background:#b27447;
  background: -moz-linear-gradient(top, #985838 0%, #cfa37d);
  background: -webkit-gradient(linear, left top, left bottom, from(#985838), to(#cfa37d));
  background: linear-gradient(to bottom, #985838 0%, #cfa37d);
}
#wrap ul.linkStyleList02 li.no4 .linkStyleLabelRank,
#wrap ul.linkStyleList02 li.no5 .linkStyleLabelRank {
  border:2px solid #e6e6e6;
  color:#666;
  background:#e6e6e6;
}
#wrap ul.linkStyleList02 li{
  position:relative;
  border-bottom:1px solid #d9d9d9;
  border-right:1px solid #d9d9d9;
  border-left:1px solid #d9d9d9;
}
#wrap ul.linkStyleList02 li:first-child{
  border:1px solid #d9d9d9;
}
#wrap ul.linkStyleList02 li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:1em 1.5em 1em 3em;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}

#wrap ul.linkStyleList03 li{
  border-bottom:1px solid #ccc;
  background:#f2f2f2;
}
#wrap ul.linkStyleList03 li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:1em 1.5em 1em 1em;
}

#wrap .magPageTop{
  background:url(/resource/common/img/sp/general_sp_icon_arrowtop.png) 97% center no-repeat;
  background-size:3%;
  text-align:center;
  padding:1em 0;
}
#wrap .magPageTop a{
  display: inline-block;
}
/* entry btn
------------------------------------*/
#wrap .entryArea01 {
  padding: 20px 20px 17px;
  background:#f2f2f2;
}
#wrap .entryBtnArea01{
  background:#e8e8e8;
  padding:0.5em 0;
  text-align:center;
}
#wrap .entryBtnArea02{
  padding:0.5em 0;
  text-align:center;
}
#wrap .entryBtnArea01 img,
#wrap .entryBtnArea02 img{
  display:inline;
  width:95%;
}
#wrap .entryBtnArea01.btnFix{
  position:fixed;
  bottom:0;
  z-index:9999;
}

#wrap .entryBtn08Area{
  padding: 1.2em 0;
  text-align:center;
  margin-top: 0.5em;
}
#wrap a.entryBtn08,#wrap a.entryBtn09 {
  background: #2c8c09; /* Old browsers */
  background: -moz-linear-gradient(left, #2c8c09 0%, #71d031 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #2c8c09 0%,#71d031 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #2c8c09 0%,#71d031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, #71d031 0%,#2c8c09 99%);
  border-radius: 4px;
  box-shadow: #000 0 2px 6px -3px;
  color: #fff;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c8c09', endColorstr='#71d031',GradientType=1 ); /* IE6-9 */
  font-size: 1.5em;
  line-height: 1.2;
  padding: 5px 0 10px;
  text-decoration: none;
  width: 89.2%;
}
#wrap a.entryBtn08 span.entryBtnTxt08 {
  font-size: 0.54em;
}
#wrap a.entryBtn09 {
  padding: 20px 0;
  font-size: 1.5em;
  width: 100%;
}
#wrap .entryArea09 {
  padding: 17px 10px 23px;
  background:#f2f2f2;
  margin: 0 10px;
  border-radius: 8px;
}
#wrap .entryArea09 .btnTxt {
  color: #1262b2;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
  word-break: keep-all;
}

.entryFooterArea{
  position:static;
  bottom:0;
  left:0;
  width:100%;
}

.entryFooterInner {
  background-color: #ebebeb;
  padding-bottom: 15px;
	box-shadow: 0 -3px 5px rgba(6, 0, 1, 0.2);
}
.entryFooterInnerJS{
	background-color: #efeee8;
}
.entryFooterInner.reset {
  background: none;
  padding-bottom: 0;
}

.entryFooterArea .entryFBtn{
  background-color: #ebebeb;
  box-shadow:0 -3px 5px rgba(6, 0, 1, 0.2);
  padding:0.5em 0 0.3em;
  text-align:center;
}
.entryFooterArea .entryFBtn img{
  width:95%;
}

/*-- 20181207_フッターボタンテキスト版 --*/

.entryFooterArea .entryFBtn001{
    background-color: #ebebeb;
    padding: 0.5em 0 0.3em;
    text-align: center;
}
#wrap .entryFooterArea .entryFooterInner .entryFBtn001 a{
    display: block;
    width: 95%;
    min-height: 67px;
    margin: 0 auto 5px;
    padding:20px 0;
    background: #d10042;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: .2s;
    font-weight: bold;
    border-radius: 10px;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    box-shadow: 0px 2px 6px #4e4e4e;
}
#wrap .entryFooterArea .entryFooterInner .entryFBtn001 a::after{
    position: absolute;
    content: ">";
    display: block;
    color: #fff;
    font-size: 13px;
    right: 10px;
    top: 23px;
	text-shadow: none;
	opacity: 0.6;
}
#wrap .entryFooterArea .entryFooterInner .entryFBtn001 a span.free{
    display: inline-block !important;
    font-size: 13px;
  	vertical-align: text-top;
    background: #fff;
    color: #d10042;
    margin: 0 2px;
    padding: 0 3px;
    border-radius: 3px;
  	text-shadow: none;
}

#wrap .entryFooterArea .entryFooterInner .entryFBtn001 a span.last{
    margin-right: 8px;
}
#wrap .entryFooterArea .entryFooterInner .entryFBtn001 a:active {
  text-decoration: none;
}

#wrap .entryFooterArea .entryFooterInner .entryFTxtSP{
	width: 80%;
    color: #666;
    line-height: 22px;
    margin: 5px auto 0;
    padding-top: 10px;
}
#wrap .entryFooterArea .entryFooterInner .entryFTxtSP strong{
	font-size: 1.2em;
	color: #666;
}
/*----------*/

.jobChangeLinkArea {
  box-sizing: border-box;
  padding: 15px 10px;
  background: #ebebeb;
}

.entryFooterArea .footBottomCvArea {
  margin: 0 10px;
}

.entryFooterArea .footBottomCvArea + .footBottomCvArea {
  margin-top: 15px;
}

.entryFooterArea .footBottomCvArea.first {
  margin-top: 12px;
}

.gnavCvArea + .gnavCvArea {
  margin-top: 14px;
}

.gnavCvArea .title {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 11px;
  color: #0f5aa5;
}

.gnavCvArea .gnavCvBtn {
  width: 48%;
  float: left;
}

.gnavCvArea .gnavCvBtn + .gnavCvBtn {
  margin-left: 10px;
}

.entryFooterArea .footBottomCvArea .title {
  height: 9px;
  margin-bottom: 10px;
  text-align: left;
  line-height: 1;
  font-size: 9px;
  font-weight: 600;
  color: #1262b2;
}

.entryFooterArea .footerBtns .footerBtn {
  width: 48%;
  float: left;
}

.entryFooterArea .footerBtns .footerBtn + .footerBtn {
  margin-left: 10px;
}

.jobChangeBtns .jobChangeBtn a {
  display: block;
  position: relative;
  padding: 10px 0;
  padding-right: 15px;
  background: #ffffff;
  border-radius: 6px;
  border: 2px solid #1262b2;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  font-size: 11px;
  color: #1262b2;
}

.jobChangeBtns .jobChangeBtn a:after {
  content: '';
  display: block;
  width: 5px;
  height: 8px;
  background: url(/resource/common/img/icon_arrow_blue.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}

.jobChangeBtns .jobChangeBtn a .pickUp {
  font-size: 14px;
}

/* strong style
------------------------------------*/
#wrap #contentWrap strong.stType01{
  color:#bf0000;
  background:linear-gradient(transparent 65%, #ffeee5 50%);
  font-weight:normal;
}

#wrap #contentWrap strong.stType02{
  display: inline-block;
  padding: 0.25em 0;
}

/* column box
------------------------------------*/
#wrap #contentWrap #contentsArea .textContentsArea{
  line-height:1.8;
}

/* column(PC3_SP2) */
#wrap #contentWrap #contentsArea #mainContentsArea ul.colmunPC3_SP2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em 1%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.colmunPC3_SP2 li a{
  display:block;
  width:100%;
  text-align:center;
  font-size:1.1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.colmunPC3_SP2 li a img{
  width:100%;
  margin-bottom:0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.colmunPC3_SP2 li a .txtTitle{
  padding:0 0.4em 0.2em;
  display:block;
  font-weight:bold;
  text-decoration:underline;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.colmunPC3_SP2 li a .txt{
  padding:0 0.4em;
  color:#666;
  font-size:0.7em;
  line-height:1.2;
  display:block;
}

/* column(PC2_SP1) */
#wrap #contentWrap #contentsArea #mainContentsArea .colmunPC2_01 img{
  width:100%;
}


/* graph
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 {
  background:url(/resource/common/img/bg_dot.png) 0 0 repeat;
  padding:0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01{
  width:100%;
  border-top:1px solid #d9d9d9;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 caption{
  font-weight:bold;
  text-align:left;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 th{
  text-align:left;
  border-right:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  font-weight:bold;
  font-size:0.9em;
  width:50%;
  padding:4px 7px 4px 0;
  vertical-align:middle;
  white-space:nowrap;
  letter-spacing:-1px;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 th span.num{
  font-weight:bold;
  margin:0 5px;
  width:1.5em;
  color:#4c4c4c;
  text-align:center;
  display:inline-block;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 th.no01{
  color:#e64545;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 td{
  border-bottom:1px solid #d9d9d9;
  font-size:0.8em;
  width:50%;
  padding:4px 0;
  color:#7f66cc;
  vertical-align:middle;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 td .bar{
  display:inline-block;
  background:#7f66cc;
  background:-moz-linear-gradient(top, #57d9c3 0%, #7f66cc);
  background:-webkit-gradient(linear, left top, left bottom, from(#57d9c3), to(#7f66cc));
  background:linear-gradient(to right, #57d9c3 0%, #7f66cc);
  margin:0 0.5em 0 0;
  text-align:right;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 td .num{
  color:#fff;
  margin-left:-4em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 td.txtSpC .num{
  color:#7f66cc;
  margin-left:0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01 td.no01 .bar{
  background:#e54545;
  background:-moz-linear-gradient(top, #e5cf5c 0%, #e54545);
  background:-webkit-gradient(linear, left top, left bottom, from(#e5cf5c), to(#e54545));
  background:linear-gradient(to right, #e5cf5c 0%, #e54545);
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01.widthStyle01 th{
  width:30%;
  border-right:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .graphArea01 .graphStyle01.widthStyle01 td{
  width:70%;
}

/* supplementary information */
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01{
  color:#4d4d4d;
  background:url(/resource/common/img/bg_dot.png) 0 0 repeat;
  padding:0.8em 1.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 .supTitle01{
  color:#082a4d;
  font-size:1.3em;
  font-weight:bold;
  padding: 0 0 0.5em;
  margin:0 0 0.5em;
  border-bottom:1px solid #ccc;
  display:block;
  width:100%;
  line-height:1.4;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 .supTitle01.cl01{
  color:#bf0000;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 ul.listOnlyType01 li{
  width:100%;
  font-weight:bold;
  font-size:1.1em;
  margin:0 0 0.3em;
  padding:0 0 0 1.8em;
  text-indent:-1.8em;
  line-height:1.2;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 ul.listOnlyType01 li:last-child{
  margin:0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 ul.listOnlyType01 li .normal{
  font-weight:normal;
  font-size:0.8em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 dl.listDlType01 dt{
  padding:0 10px 0 27px;
  font-weight:bold;
  font-size:1.1em;
  margin:0 0 0.3em;
  padding:0 0 0 1.8em;
  text-indent:-1.8em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 dl.listDlType01 dd{
  margin:0 0 1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 dl.listDlType01 dd:last-child{
  margin:0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 ul.listOnlyType01 li .supLabelIcon01,
#wrap #contentWrap #contentsArea #mainContentsArea .supArea01 dl.listDlType01 dt .supLabelIcon01{
  background:url(/resource/common/img/sp/sprite_general_sp_icon.png) no-repeat 0 -516px;
  background-size:4em;
  display:inline-block;
  margin-right:0.4em;
  vertical-align:middle;
  width:22px;
  height:20px;
}

/* table
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 {
  background:url(/resource/common/img/bg_dot.png) 0 0 repeat;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01 th{
  text-align:left;
  border-bottom:1px solid #d9d9d9;
  font-weight:bold;
  font-size:0.9em;
  width:25%;
  padding:0.5em 1em 0.5em 1em;
  vertical-align:top;
  white-space:nowrap;
  letter-spacing:-1px;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01 td{
  border-bottom:1px solid #d9d9d9;
  font-size:0.8em;
  width:75%;
  padding:0.5em 1em 0.5em 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01 tr:first-child th,
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01 tr:first-child td{
  border-top:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01 tr:last-child th,
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle01 tr:last-child td{
  border-bottom:none;
}

#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 caption{
  text-align: left;
  font-weight: bold;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 th{
  text-align:left;
  border-bottom:1px solid #d9d9d9;
  font-weight:bold;
  font-size:0.9em;
  width:25%;
  padding:0.5em 1em 0.5em 0;
  vertical-align:top;
  white-space:nowrap;
  letter-spacing:-1px;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 td{
  border-bottom:1px solid #d9d9d9;
  font-size:0.8em;
  padding:0.5em 1em 0.5em 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 tr:first-child th,
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 tr:first-child td{
  border-top:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 tr:last-child th,
#wrap #contentWrap #contentsArea #mainContentsArea .tableArea01 .tableStyle02 tr:last-child td{
  border-bottom:none;
}


/* Accordion menu
------------------------------------*/
#wrap .spAccordionM {
  background-image:url(/resource/common/img/sp/general_sp_icon_plus.png);
  background-position:97% center;
  background-repeat: no-repeat;
  background-size:4%;
}
#wrap .spAccordionM.spAActive{
  background-image:url(/resource/common/img/sp/general_sp_icon_minus.png);
}

/* detail btn
------------------------------------*/
#wrap #contentWrap .detailLinkArea01 a{
  display:block;
  font-weight:bold;
  font-size:1.2em;
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat #f2f2f2;
  background-size:3%;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  padding:0.8em 1.5em 0.8em 1em;
  line-height:1;
  text-align:center;
}

/* list btn
------------------------------------*/
#wrap #contentWrap .listBtn01 li{
  float:left;
  width:50%;
  border-top:1px solid #ededed;
  border-left:1px solid #ededed;
  border-bottom:2px solid #fff;
  border-right:2px solid #fff;
}
#wrap #contentWrap .listBtn01 li a{
  display:block;
  color:#4d4d4d;
  padding:1.5em 0.5em 0.8em;
  background:#fcfcfc;
  background: -moz-linear-gradient(left top, #fff 40%, #ebebeb);
  background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#ebebeb));
  background: linear-gradient( to right bottom, #fff 40%, #ebebeb);
  text-align:center;
}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01{
  display:inline-block;
  background:url(/resource/common/img/sp/sprite_general_sp_icon_large.png) no-repeat 0 0;
  background-size:100% auto;
  width:39px;
  height:36px;
  margin-bottom:5px;
}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.it{background-position:0 0;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.sales{background-position:0 -42px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.med{background-position:0 -85px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.maker{background-position:0 -128px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.backoffice{background-position:0 -173px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.creative{background-position:0 -215px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.finance{background-position:0 -258px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.service{background-position:0 -299px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.marketing{background-position:0 -339px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.architecture{background-position:0 -380px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.womanwill{background-position:0 -423px; }
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.dainishinsotsu{background-position:0 -467px; }
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.kansai{background-position:0 -511px;}
#wrap #contentWrap .listBtn01 li a span.listBtnIcon01.tokai{background-position:0 -554px; }

/* list style
------------------------------------*/
#wrap #contentWrap ul.listDisc{
  list-style:disc;
  padding:0 0 0 1.5em;
  margin:0 1.5em;
}

/* SP Icon
------------------------------------*/
#wrap .spIcon,
#wrap .navLabelIcon,
#wrap .navLabelIcon02{
  background-image:url(/resource/common/img/sp/sprite_general_sp_icon.png);
  background-size:5em;
  background-repeat:no-repeat;
  display:inline-block;
  margin-right:0.5em;
  vertical-align:middle;
  width:24px;
  height:23px;
}
#wrap .spIcon.spJSCategory{
  background-position:0 0;
}
#wrap .spIcon.spJSPlace{
  background-position:0 -44px;
}
#wrap .spIcon.spJSPlaceTokai,
#wrap .spIcon.spJSPlaceKansai{
  background-position:0 -40px;
}
#wrap .spIcon.spJSIndustry{
  background-position:0 -88px;
}
#wrap .spIcon.spJSKeyword{
  background-position:0 -132px;
}
#wrap .spIcon.spJSCategory01{
  background-position:0 -142px;
}
#wrap .spIcon.spJSCategory02{
  background-position:0 -176px;
}
#wrap .spIcon.spJSCategory03{
  background-position:0 -217px;
}
#wrap .spIcon.spJSCategory04{
  background-position:0 -254px;
}
#wrap .spIcon.spJSCategory05{
  background-position:0 -291px;
}
#wrap .spIcon.spJSCategory06{
  background-position:0 -325px;
}
#wrap .spIcon.spJSCategory07{
  background-position:0 -362px;
}
#wrap .spIcon.spJSCategory08{
  background-position:0 -399px;
}
#wrap .spIcon.spJSCategory09{
  background-position:0 -435px;
}
#wrap .spIcon.spJSCategory10{
  background-position:0 -472px;
}
#wrap .spIcon.spJSCategory11{
  background-position:0 -507px;
}
#wrap .spIcon.spJSCategory12{
  background-position:0 -618px;
}
#wrap .navLabelIcon.navLabelIconIt{
  background-position:-39px 3px;
}
#wrap .navLabelIcon.navLabelIconSales{
  background-position:-39px -34px;
}
#wrap .navLabelIcon.navLabelIconMed{
  background-position:-39px -71px;
}
#wrap .navLabelIcon.navLabelIconMaker{
  background-position:-39px -108px;
}
#wrap .navLabelIcon.navLabelIconBackoffice{
  background-position:-39px -145px;
}
#wrap .navLabelIcon.navLabelIconFashion{
  background-position:-39px -720px;
}
#wrap .navLabelIcon.navLabelIconWomanwill{
  background-position:-39px -179px;
}
#wrap .navLabelIcon.navLabelIconDainishinsotsu{
  background-position:1px -720px;
}
#wrap .navLabelIcon.navLabelIconCreative{
  background-position:-39px -217px;
}
#wrap .navLabelIcon.navLabelIconFinance{
  background-position:-39px -254px;
}
#wrap .navLabelIcon.navLabelIconRealestate{
  background-position:-39px -656px;
}
#wrap .navLabelIcon.navLabelIconKansai{
  background-position:-39px -290px;
}
#wrap .navLabelIcon.navLabelIconTokai{
  background-position:0px -658px;
}
#wrap .navLabelIcon.navLabelIconKyushu{
  background-position:-39px -780px;
}
#wrap .navLabelIcon.navLabelIconExecutive{
  background-position:-39px -325px;
}
#wrap .navLabelIcon.navLabelIconCpa{
  background-position:-40px -688px;
}
#wrap .navLabelIcon.navLabelIconZeirishi{
  background-position:-2px -688px;
}
#wrap .navLabelIcon02.navLabelIconBookmarks{
  background-position:-39px -363px;
}
#wrap .navLabelIcon02.navLabelIconBHistory{
  background-position:-39px -398px;
}
#wrap .navLabelIcon02.navLabelIconSHistory{
  background-position:-39px -434px;
}
#wrap .navLabelIcon.navLabelIconKomon{
  background-position:-1px -749px;
}

#wrap .navLabelIcon.navLabelIconKango{
  background-position:-1px -779px;
}

#wrap .navLabelIcon.navLabelIconPharma{
  background-position:0px -813px;
}

#wrap .navLabelIcon.navLabelIconHoiku{
  background-position:0px -843px;
}

#wrap .navLabelIcon.navLabelIconDoctor{
  background-position:0px -877px;
}

/* layout img
------------------------------------*/
#wrap #contentWrap .allImgR01{
  float:right;
  margin:0 0 0.8em 0.8em;
}
#wrap #contentWrap .allImgL01{
  float:left;
  margin:0 0.8em 0.8em 0;
}
#wrap #contentWrap .spWidth34{
  width:34%;
}
#wrap #contentWrap .spWidth42{
  width:42%;
}

/* visually hidden
------------------------------------*/
.visually-hidden {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 4px;
  opacity: 0;
  overflow: hidden;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
  visibility: visible;
}

/* ===================================================================
 6. 各カテゴリ共通
=================================================================== */
/*==========================================
 6-1. モジュール
============================================*/
/* 緊急・重要告知
------------------------------------*/
#wrap #contentWrap #contentsArea .cautionInfoArea{
  background: #f2f2f2;
  padding: 0.8em;
}
#wrap #contentWrap #contentsArea .cautionInfoArea span{
  font-weight:bold;
  font-size:110%;
}
#wrap #contentWrap #contentsArea .cautionInfoArea th,
#wrap #contentWrap #contentsArea .cautionInfoArea td{
  display:block;
}

/* マイナビエージェントでこんなに違う転職活動
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li a{
  display:block;
  padding:0.5em 0.2em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li{
  float:left;
  width:33%;
  border-left:1px solid #ccc;
  text-align:center;
  background: -moz-linear-gradient(left top, #fff 40%, #ebebeb);
  background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#ebebeb));
  background: linear-gradient( to right bottom, #fff 40%, #ebebeb);
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li:first-child{
  border:none;
  width:34%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li:nth-child(4){
  width:50%;
  border-left:none;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li:nth-child(5){
  width:50%;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li span{
  display:block;
  background-size:6%;
  height:auto;
  font-size:0.9em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li span.magCCFind{
  background:url(/resource/common/img/sp/catetop_sp_cc_icon01.png) center center no-repeat;
  background-size:40px;
  height:60px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li span.magCCJoined{
  background:url(/resource/common/img/sp/catetop_sp_cc_icon02.png) center center no-repeat;
  background-size:40px;
  height:60px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li span.magCCVitae{
  background:url(/resource/common/img/sp/catetop_sp_cc_icon03.png) center center no-repeat;
  background-size:45px;
  height:60px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li span.magCCMeasures{
  background:url(/resource/common/img/sp/catetop_sp_cc_icon04.png) center center no-repeat;
  background-size:50px;
  height:60px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magCCBox li span.magCCNego{
  background:url(/resource/common/img/sp/catetop_sp_cc_icon05.png) center center no-repeat;
  background-size:35px;
  height:60px;
}

/* h3非アコーディオン */
#wrap #contentWrap #contentsArea #mainContentsArea .spH3InnerList .h3Style01{
  font-size:1.1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .spH3InnerList ul li{
  background-color:#f2f2f2;
}


/* 20181106サービス紹介（パターン2）
 ---------------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02{
    margin-top: 10px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li{
  float:left;
  width:50%;
  padding:0 0 1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li a{
  display:block;
  width:100%;
  text-align:center;
-ms-transition: .3s;
    -webkit-transition: .3s;
	transition: .3s;
    border: 2px solid #eee;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li a:active{
    box-shadow: 10px 10px 15px -10px #c4c4c4;
        position: relative;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li a img{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li p.magService{
	display: inline-block;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 0 auto;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li p.magService img{
    -webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li a:active p.magService img{
    -webkit-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
    -webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	-o-filter: brightness(70%);
	-ms-filter: brightness(70%);
	filter: brightness(70%);
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li p.txt{
    text-align: left;
        min-height: 88px;
    color: #6d6d6d;
    padding-top: 5px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li p.txt span.tit{
    color: #0080a9;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li p.txt span.tit:before{
    position: absolute;
    top:4px;
    left: 6px;
    width: 15px;
    height: 15px;
    content: "";
    background: url(../img/check.png);
    background-repeat: no-repeat;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.magServiceBox02 li p.txt span.detail{
        display: block;
    text-align: left;
    width: 95%;
    margin: 5px auto 0;
    -webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}




/* 業界別求人検索
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchCateBox{
  border:1px solid #d9d9d9;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchCateBox .h3Style01{
  font-size:1.1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchCateBox ul.magJSCategory li{
  border-bottom:1px solid #ccc;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchCateBox ul.magJSCategory li:last-child{
  border:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magJobSearchCateBox ul.magJSCategory li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  padding:1em 1.5em 1em 1em;
}

/* 求人特集
------------------------------------*/
.jobSearchItem {
  margin-bottom: 30px;
}
.jobSearchItem__box {
	padding: 15px 10px 12px;
	border-bottom: 1px solid #d9d9d9;
}
.jobSearchItem__image {
	margin-bottom: 10px;
}
.jobSearchItem__image img {
	max-width: 100%;
}
.jobSearchItem__title {
  margin-bottom: 13px;
  font-size: 15px;
	line-height: 1.5;
  font-weight: bold;
}
.jobSearchItem__title > a {
  color: #1262b2;
  text-decoration: underline;
}
.jobSearchItem__sub {
  margin-bottom: 5px;
	font-size: 12px;
	line-height: 1;
}
.jobSearchItem__commentBox {
	display: flex;
	align-items: flex-start;
}
.jobSearchItem__commentImage {
	flex: 0 0 52px;
	border-radius: 50%;
	margin-right: 17px;
}
.jobSearchItem__commontText {
  margin-top: -4px;
	font-size: 12px;
	line-height: 1.7;
}

/* 新着求人情報
------------------------------------*/
/*
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p{
  padding:0.3em 1.3em;
  color:#fff;
  font-weight:bold;
}
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p.it{background: #3498db;}
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p.sales{background: #3a539b;}
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p.med{background: #86e2d5;}
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p.maker{background: #1e824c;}
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p.finance{background: #8e5499;}
#wrap #contentWrap #contentsArea #mainContentsArea .newJobIndexList p.kansai{background: #e74c3c;}
*/
/* 転職市場レポート
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner{
  padding:0.8em 1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon img{
  width:18%;
  display:block;
  float:left;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon.it{background-position:0 0;}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon.med{background-position:-76px 0;}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon.maker{background-position:-152px 0;}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon.backoffice{background-position:-228 0;}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon.finance{background-position:0 0;}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .icon.sales{background-position:0 0;}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .magRTInner .text{
  width:78%;
  float:right;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .detail{
  width:80%;
  margin: 0 10% 1em;
  border:1px solid #d9d9d9;
  padding:0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .magReportTopic .detail a{
  text-align:center;
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:block;
  text-align:center;
}

/* 転職ノウハウ
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea{
  background:url(/resource/common/img/sp/horizen01.png) center bottom no-repeat;
  background-size:contain;
  padding:0.5em 1em 2em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea.last{
  background:none;
  padding:0.5em 1em 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle{
  color:#bf0000;
  font-weight:bold;
  font-size:1.3em;
  margin:0 0 0.5em;
  line-height:1.4;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle.blue{
  color:#11274c;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle .itemBox{
  display: block;
  font-size:0.5em;
  margin:0 15px 3px 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle .itemBox .subitem{
  display:inline-block;
  color:#082a4d;
  display: inline-block;
  padding:0.3em 0 0;
  margin:0 0.5em 0 0;
  font-size:1.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle .itemBox .num{
  display:inline-block;
  width:14px;
  height:14px;
  color:#fff;
  background:#082a4d;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius: 7px;
  font-size:1em;
  text-align:center;
  line-height:14px;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle.blue .itemBox .num{
    width: 20px;
    height: 20px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 9px;
    font-size: 1em;
    text-align: center;
    line-height: 18px;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemContent .imageR{
  float:right;
  margin:0 -1em 0 0.5em;
  width:45%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemContent .imageR.width01{
  float:right;
  margin:1.5em 0 0.5em 0.5em;
  width:30%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemContent .imageR img{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemContent .textStyle01{
  font-size:0.8em;
}

#wrap #contentWrap #contentsArea #mainContentsArea .subhead{
  border-bottom: 1px solid black;
  padding-bottom: 0.2em;
  font-size: 1.1em;
}

/* 転職成功者インタビュー
------------------------------------*/
.interviewee .intervieweeBox {
  font-size: 1.2em;
}
.interviewee .intervieweeBox ul {
    margin: 10px auto 20px;
}
.interviewee .intervieweeBox ul li {
  border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin: 10px auto;
  width: 95%;
    height: 85px;
}
.interviewee .intervieweeBox ul li.list_y_01 {
  background: url(/resource/kansai/case/img/interviewee_icon_y_01.jpg) no-repeat;
  background-size: 92px;
}
.interviewee .intervieweeBox ul li.list_k_01 {
  background: url(/resource/kansai/case/img/interviewee_icon_k_01.jpg) no-repeat;
  background-size: 92px;
}
.interviewee .intervieweeBox ul li.list_f_01 {
  background: url(/resource/kansai/case/img/interviewee_icon_f_01.jpg) no-repeat;
  background-size: 92px;
}
.interviewee .intervieweeBox ul li.list_h_01 {
  background: url(/resource/kansai/case/img/interviewee_icon_h_01.jpg) no-repeat;
  background-size: 92px;
}
.interviewee .intervieweeBox ul li .intervieweeContent {
  background-color: #f2f2f2;
  border-radius: 3px;
  margin: 0 0 0 auto;
  padding: 6px 10px;
  position: relative;
  width: 78%;
  height: 100%;
}
.interviewee .intervieweeBox ul li .balloon {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -13px;
  top: 32px;
  border-right: 13px solid #f2f2f2;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.interviewee .intervieweeBox ul li .intervieweeContent .intervieweePlofile {
  font-weight: bold;
  border-bottom: 1px solid #e44234;
  margin-bottom: 5px;
}
.interviewee .intervieweeBox ul li .intervieweeContent .intervieweeTxt {
  margin: 0;
  padding: 0;
  font-size: 3.5vw;
  vertical-align: baseline;
  background: transparent;
  text-decoration: underline;
  color: #1262b2;
  line-height: 1.2;
}

/* 転職成功事例
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li{
  width:100%;
  border-bottom:1px solid #d9d9d9;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li:last-child{
  border-bottom:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a{
  display:block;
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% 65% no-repeat;
  background-size:3%;
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a img{
  float:left;
  width:22%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a .detail{
  float:left;
  width:78%;
  padding:0.5em 8% 0 4%;
  position:relative;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a .detail .tag{
  background:#d9d9d9;
  color:#fff;
  display:block;
  font-weight:bold;
  font-size:0.8em;
  line-height:1;
  padding:5px 0 5px 8px;
  position:absolute;
  top:0.5em;
  right:0;
  width:50%;
  text-decoration:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a .detail .name{
  font-size:1.2em;
  font-weight:bold;
  text-decoration:underline;
  display:block;
  margin:0 0 0.5em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a .detail .desc{
  display:block;
  overflow:hidden;
  color:#666;
  line-height:1;
  margin:0 0 0.3em;
  height:2em;
  overflow:hidden;
  text-decoration:none;

}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li a .detail .profile{
  display:block;
  color:#666;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  text-decoration:none;
  font-size:0.9em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.it a .detail .tag { background:#3498db; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.sales a .detail .tag { background:#3a539b; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.med a .detail .tag { background:#86e2d5; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.maker a .detail .tag { background:#1e824c; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.backoffice a .detail .tag { background:#e87e04; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.womanwill a .detail .tag { background:#e57399; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.creative a .detail .tag { background:#f7ca18; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.kansai a .detail .tag { background:#e74c3c; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.finance a .detail .tag { background:#8b699e; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.executive a .detail .tag { background:#666666; }
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li.retail a .detail .tag { background:#c42525; }

/* indent style */
#wrap #contentWrap #contentsArea #mainContentsArea .itemDetailArea .itemTitle.indentType01 .titleTxt{
  color:#bf0000;
}


/* 履歴書の書き方
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li{
  width:100%;
  border-bottom:1px solid #d9d9d9;
  padding:0.5em 1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li .title{
  color:#bf0000;
  font-size:1.2em;
  font-weight:bold;
  vertical-align:middle;
  width:100%;
  position:relative;
  padding:0 0 0 27px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li .title .num{
  display:inline-block;
  width:18px;
  height:18px;
  line-height:18px;
  background:#bf0000;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  font-size:0.7em;
  text-align:center;
  color:#fff;
  position:absolute;
  top:3px;
  left:0;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.pointList01 li .desc{
  color:#4c4c4c;
}


/* 企業特集
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 li{
  margin:0.5em 0 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 li:first-child{
  margin:0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding:4px 0 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.kansai{background:#ef3d18;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.it{background:#5cace5;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.sales{background:#2d4180;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.med{background:#7acccc;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.maker{background:#1e824c;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.backoffice{background:#e87e04;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.creative{background:#f9d549;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.finance{background:#8e5499;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.service{background:#e65639;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.marketing{background:#e67399;}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg.architecture{background:#99701f;}

#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg a{
  display: block;
  position: relative;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg img{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg .helpfulComTxt {
  width: 53%;
  text-decoration: none;
  text-align: right;
  vertical-align: middle;
  display:block;
  position:absolute;
  height:100%;
  top:0;
  right:7%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg .helpfulComTxt .hfCTin01 {
  display: table;
  height:100%;
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg .helpfulComTxt .hfCTin01 .hfCTin02 {
  display:table-cell;
  vertical-align:middle;
}

#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg span.helpfulComTxt01,
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg span.helpfulComTxt02,
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg span.helpfulComTxt03 {
  color:#fff;
  line-height: 20px;
}
#wrap #contentWrap #contentsArea #mainContentsArea .helpfulComList01 .helpfulComBg span.helpfulComTxt02 {
  font-size:1.1em;
  font-weight:bold;
}

/* 下層コンテンツ
------------------------------------*/
/* 関連ページ */
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li{
  float:left;
  width:33%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li:nth-child(3n){
  width:34%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a{
  color:#000;
  display:block;
  border-right:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  height:165px;
  padding:1em;
  position:relative;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li:nth-child(3n) a{
  border-right:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .pict{
  height:5em;
  overflow:hidden;
  display:inline-block;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .pict img{
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .tagP{
  display:block;
  position:absolute;
  background:#ff9700;
  top:6em;
  left:0;
  padding:0 0.8em;
  font-size:0.8em;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .tagP .tag{
  position:relative;
  color:#fff;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .tagP.column{
  background-color:#52d1d0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .tagP.about{
  background-color:#ff5983;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .tagP.market{
  background-color:#0250d1;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformation01 li a .title{
  font-weight:bold;
  margin:0.5em 0 0;
  display:block;
  color:#1262b2;
  line-height:1.4;
  color:#000;
}

/* 関連ページrenew */

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .tagP{
  display: block;
  line-height: 1;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .tagP .tag{
  display: inline-block;
  position: relative;
  height: 12px;
  padding: 0 10px;
  background: #ff9700;
  color: #fff;
  font-size: 9px;
  line-height: 12px;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display: block;
  padding: 10px 15px;
  box-sizing: border-box;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems + .relatedInformationItems{
  border-top: 1px solid #d9d9d9;
}


#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a + a{
  border-top: 1px solid #d9d9d9;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a > div{
  display: table;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .pict,
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .texts{
  display: table-cell;
  vertical-align: top;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .pict{
  width: 60px;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .pict > span{
  display: block;
  width: 100%;
  height: 60px;
  overflow: hidden;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .pict img{
  width: 150%;
  height: auto;
  margin-left: -25%;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .texts{
  padding: 0 0 0 10px;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .title{
  font-size: 12px;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .tagP.column .tag{
  background-color:#52d1d0;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .tagP.about .tag{
  background-color:#ff5983;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationItems a .tagP.market .tag{
  background-color:#0250d1;
}


/* ===================================================================
 7. DLPO
=================================================================== */
/*==========================================
 7-1. トップページ
============================================*/
.entryFooterArea.adlpaFooter{
  position:static;
  bottom:0;
  left:0;
  width:100%;
}


/*==========================================
 1-1. 業界別トップページ
============================================*/
/* 転職成功事例
------------------------------------*/
/* case list
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea ul.sucCase li:last-child{
  border-bottom:1px solid #d9d9d9;
}
/* case list
------------------------------------*/
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList{
  border-left:1px solid #d9d9d9;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li{
  border-bottom:1px solid #d9d9d9;
  color:#666;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li:last-child{
  border-bottom:none;
  color:#666;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a{
  background:url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size:3%;
  display:table;
  padding:1em 1.5em 1em 1em;
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .left{
  display:table-cell;
  width:20%;
  text-align:center;
  padding:0 1em 0 0;
  vertical-align:middle;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .right{
  display:table-cell;
  width:80%;
  border-left:1px solid #d9d9d9;
  padding:0 0 0 1em;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .caseTitle{
  display:block;
  font-weight:bold;
  font-size:1.3em;
  text-decoration:underline;
  width:100%;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a:hover .caseTitle{
  text-decoration:none;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .caseBefore{
  display:block;
  margin:0.5em 0;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .caseBefore .icon{
  background-color:#808080;
  color:#fff;
  margin:0 9px 0 0;
  padding:1px 3px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .caseAfter{
  font-weight:bold;
  display:block;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList li a .caseAfter .icon{
  background-color:#bf0000;
  color:#fff;
  font-weight:normal;
  margin:0 9px 0 0;
  padding:1px 3px;
}

/* #################################
  以下転職成功事例用のCSS
################################### */
.successPointForConsultants{

}

.successPointForConsultants.sp-bb{
  border-bottom: 1px solid #b9a771;
}

.successPointForConsultants.sp-mb{
  margin-bottom: 15px;
}

.successPointForConsultantTtl{
  background-color: #b9a771;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 10px 10px 6px 36px;
  position: relative;
  line-height: 1;
}

.successPointForConsultantTtl:before{
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background-image: url(/resource/success_point/img/icon_point_success.png);
  background-size: 15px 15px;
}

.successPointForConsultantWrap {
  background: #fffefc;
}

.successPointForConsultant{
  padding: 15px 10px;
  box-sizing: border-box;
  border-top: 1px solid #b9a771;
  display: block;
}

.successPointForConsultantThumbArea{
  /*width: 25%;*/
  width: 21.333%;
  float: left;
  /*margin-right: 5%;*/
  overflow: hidden;
}

.successPointForConsultantThumbArea .pointThumb{
  width: 100%;
  height: auto;
}

.successPointForConsultant .pointHeader{
  /*width: 70%;*/
  width: 75%;
  float: right;
}

.successPointForConsultant .pointTitle{
  font-size: 13px;
  margin: .7em 0;
}

.successPointForConsultant .pointTitle div{
  color: #216cb7;
  text-decoration: underline;
}

.successPointForConsultant .pointMeta{
  width: 100%;
  padding-top: 10px;
  float: none;
  clear: both;
}

.successPointForConsultant .pointMeta li{
  margin-top: 0.5em;
}

.successPointForConsultant .pointMeta li:first-child{
  margin-top: 0;
}

.successPointForConsultant .workLists{
  margin-bottom: .4em;
  font-size: 11px;
  display: inline;
}

.successPointForConsultant .workLists dt{
  font-weight: bold;
  display: inline;
}

.successPointForConsultant .workLists dd{
  display: inline;
}

.successPointForConsultant .workLists dd.SlashInSpace:after {
  content: "／";
}

.successPointForConsultant .workLists dt:after{
  content: ":";
}

.successPointForConsultantIcon{
  display: inline;
  color: #fff;
  margin-right: .4em;
  float: left;
  padding: 2px 3px;
  font-size: 9px;
}

.successPointForConsultantIcon.before{
  background: #808080;
}

.successPointForConsultantIcon.after{
  background: #c10000;
}

.successPointForConsultantIcon.new{
  background: #d0b76e;
}

.successPointForConsultantIcon.it{ background:#3498db; }
.successPointForConsultantIcon.sales{ background:#3a539b; }
.successPointForConsultantIcon.med{ background:#86e2d5; }
.successPointForConsultantIcon.maker{ background:#1e824c; }
.successPointForConsultantIcon.backoffice{ background:#e87e04; }
.successPointForConsultantIcon.womanwill{ background:#e57399; }
.successPointForConsultantIcon.creative{ background:#f7ca18; }
.successPointForConsultantIcon.kansai{ background:#e74c3c; }
.successPointForConsultantIcon.tokai{ background:#16ab75; }
.successPointForConsultantIcon.finance{ background:#8b699e; }
.successPointForConsultantIcon.executive{ background:#666666; }
.successPointForConsultantIcon.retail{ background:#c42525; }
.successPointForConsultantIcon.service{ background:#e7523a; }
.successPointForConsultantIcon.marketing{ background:#e6759a; }
.successPointForConsultantIcon.architecture{ background:#976f1b; }
.successPointForConsultantIcon.dainishinsotsu{ background:#2db2ac; }

.successPointForConsultant .pointPost{
  margin-top: 1em;
  font-size: 11px;
}

.successPointForConsultant.half .pointPost{
  display: none;
}

#wrap #contentWrap .pointdetail a{
  padding: 1.2em 1.5em 1.2em 0.6em;
  background: #e7e1d1;
  border-top: 1px solid #cec7b6;
  border-bottom: 1px solid #cec7b6;
  color: #796226;
  font-size: 12px;
}

#wrap #contentWrap .pointdetail a:before {
  content: "";
  display: block;
  background: url(/resource/common/img/sp/success_sp_icon_arrow.png) no-repeat;
  background-size: 7px 11px;
  width: 7px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 13px;
  margin: -5px 0 0;
}

#wrap #contentWrap .detailLinkArea01 a{
  position:relative;
  -ms-transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
  transition: background-color 0.4s ease 0s, text-decoration 0.4s ease 0s;
}

/* ##########################
  ポイントものづくりメーカーのCSS
########################## */
.entrySuccessPointForConsultant{
  border-top: 3px solid #b9a771;
  padding: 15px 10px 0;
}

.entrySuccessPointForConsultant .entryPointHeader{
  position: relative;
}

.entrySuccessPointForConsultant .entryPointMeta{
  width: 65%;
  float: right;
}

.entrySuccessPointForConsultant .entryPointTitle{
  width: 65%;
  color: #082a4d;
  font-size: 13px;
  float: right;
  padding-top: 6px;
}

.entrySuccessPointForConsultant .icon,
.entrySuccessPointForConsultant .personMeta,
.entrySuccessPointForConsultant .successPointForConsultantIcon{
  float: none;
}

.entrySuccessPointForConsultant .personMeta{
  margin-top: 6px;
  font-size: 11px;
}

.entrySuccessPointForConsultant .personMeta dt,
.entrySuccessPointForConsultant .personMeta dd{
  display: inline;
}

.entrySuccessPointForConsultant .personMeta dd{
  margin-right: .5em;
}

.entrySuccessPointForConsultant .personMeta dt:after{
  content: ':';
}
.entrySuccessPointForConsultant .personMeta dt.termTtl:before{
  content: '';
  display: block;
}

.entrySuccessPointForConsultant .entryPointThumbArea{
  width: 30.667%;
  height: auto;
  overflow: hidden;
  margin-right: 3.33%;
  float: left;
}

.entrySuccessPointForConsultant .entryPointThumbArea .entryPointThumb{
  width: 100%;
  height: auto;
}


.entrySuccessPointForConsultant .entrySubTitle{
  width: 100%;
  background-color: #f8f1e1;
  padding: 6px 11px;
  position: relative;
  color: #4c4c4c;
  font-size: 13px;
  margin-bottom: 12px;
  margin-top: 25px;
}

.entrySuccessPointForConsultant .entrySubTitle:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25%;
  width: 3px;
  height: 50%;
  background-color: #b9a771;
}

.entrySuccessPointForConsultant .workListsTwin{
  padding-left: 3em;
}

.entrySuccessPointForConsultant .workListsTwin dt{
  float: left;
  font-weight: bold;
}

.entrySuccessPointForConsultant .workListsTwin dt:after{
  content: "：";
}

.entrySuccessPointForConsultant .works{
  width: 100%;
  float: right;
  position: relative;
  padding-top: 15px;
  margin-bottom: 25px;
}

.entrySuccessPointForConsultant .work{
  width: 100%;
  box-sizing: border-box;
  float: right;
}

.entrySuccessPointForConsultant .work > ul{
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
}

.entrySuccessPointForConsultant .work:first-child{
  float: left;
}

.entrySuccessPointForConsultant .work.after > ul{
  background-image: url(/resource/success_point/img/works_bg_pink.jpg);
}

.entrySuccessPointForConsultant .work.before > ul{
  background-image: url(/resource/success_point/img/works_bg_gray.jpg);
}

.entrySuccessPointForConsultant .work.before:after{
  display: block;
  width: 100%;
  height: 18px;
  background: url(/resource/success_point/img/work_arrow_down.png) no-repeat center center;
  background-size: 20px 8px;
  content: ' ';
}

.entrySuccessPointForConsultant .work .workLabel{
  float: left;
}

/*----*/

.entrySuccessPointForConsultant .entryPointBody{
  clear: both;
  margin-bottom: 20px;
}

.entrySuccessPointForConsultant .entryPointBody p+p{
  margin-top: 1em;
}

.entrySuccessPointForConsultant .entryPointBody ul{
  list-style-type: disc;
  padding-left: 20px;
}

.entrySuccessPointForConsultantConsulPoint{
  margin: 0 10px 15px;
}

.entrySuccessPointForConsultantConsulPoint .consulPointHeader{
  position: relative;
  background-color: #bf0000;
  padding: 8px 30px;
}

.entrySuccessPointForConsultantConsulPoint .consulPointTitle{
  color: #fff;
  font-size: 12px;
}

.entrySuccessPointForConsultantConsulPoint .consulPointTitle:before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 13px;
  height: 12px;
  z-index: 10;
  margin-top: -7px;
  background-image: url(/resource/success_point/img/checkbox.png);
  background-repeat: no-repeat;
  background-size: 13px 12px;
}

.entrySuccessPointForConsultantConsulPoint .consulPointBody{
  padding: 15px 16px;
  box-sizing: border-box;
}

.entrySuccessPointForConsultantConsulPoint .consuleImg{
  float: left;
  margin: 0 10px 10px 0;
  width: 65px;
  height: 65px;
}

.entrySuccessPointForConsultantConsulPoint .consulPoint{
  padding: 20px;
}

.entrySuccessPointForConsultantConsulPoint .consulPointBody h5{
  margin-top: 1em;
}

.entrySuccessPointForConsultantConsulPoint .consulPointBody p{
  text-align: left;
}

.entrySuccessPointForConsultantConsulPoint .consulPointBody > p + p,
.entrySuccessPointForConsultantConsulPoint .consulPointBody > p + div,
.entrySuccessPointForConsultantConsulPoint .consulPointBody > div + p,
.entrySuccessPointForConsultantConsulPoint .consulPointBody > div + div{
  margin-top: 1em;
}

#wrap .entrySuccessPointForConsultantConsulPoint .consulPointBody ol.decimal{
  padding-left: 1.3em;
}

/* #################################
 履歴書サンプル
################################# */
#wrap #contentWrap #contentsArea #mainContentsArea .resumeDescription {
  padding: 10px 20px;
}

/* #################################
 お役立ち記事下のアドバイス
################################# */
#wrap #contentWrap #contentsArea .egentResumeAdviceWrap {
  margin: 0 15px;
}

#wrap #contentWrap #contentsArea .egentResumeAdviceSilhouette {
  max-width: 152px;
  margin-bottom: 12px;
  float: right;
}

#wrap #contentWrap #contentsArea .egentResumeAdviceSilhouette img {
  max-width: 100%;
}

#wrap #contentWrap #contentsArea .egentResumeAdviceText {
  margin-bottom: 1em;
  font-size: 13px;
  line-height: 21px;
}


/**
 * 関連情報モジュール
 */
.l-relationBox {
  padding: 0 3%;
}

.relationBox {
  margin-top: 20px;
  margin-bottom: 15px; }
  .relationBox .header {
    position: relative;
    background: #f2f2f2;
    padding: 9px 10px 9px 15px;
    border: 1px solid #ddd;
    box-sizing: border-box; }
    .relationBox .header.recommend {
      border-top: 4px solid #ff6600; }
    .relationBox .header .headList {
      display: none; }
    .relationBox .header .title {
      font-size: 13px;
      font-weight: bold;
      color: #000; }
  .relationBox .body {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; }
    .relationBox .body .relationListItem {
      border-bottom: 1px solid #ddd; }
      .relationBox .body .relationListItem a {
        display: block;
        padding: 12px 14px;
        background-color: #fff;
        text-decoration: underline;
        line-height: 1.4;
        font-weight: bold;
        font-size: 13px;
        color: #1262b2; }

.l-relationBox01 {
  padding: 0 3%;
}
.relationBox01 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.relationBox01 .header {
  position: relative;
  background: #939393;
  padding: 6px 10px 6px 12px;
  border: 2px solid #939393;
  box-sizing: border-box;
}
.relationBox01 .header .headList {
  display: none;
}
.relationBox01 .header .title {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
}
.relationBox01 .body {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.relationBox01 .body .relationListItem {
  border-bottom: 1px solid #ddd;
}
.relationBox01 .body .relationListItem a {
  display: block;
  padding: 12px 14px;
  background-color: #fff;
  text-decoration: underline;
  line-height: 1.4;
  font-weight: bold;
  font-size: 13px;
  color: #1262b2;
}

.mb30 .text-link-container{
  margin: 10px 1em 0;
}

.mb30 .text-link{
  color: #1262b2;
  text-decoration: underline;
}

/* ------ 転職回数別に見るリンク ----- */

#jobChangeModule {
  display: none;
}

/* ------ 第二新卒/女性転職特集 ------- */

.dainiWomanModules {
  padding-top: 1em;
}

.dainiWomanModules .topicBtns .topicItem {
  float: left;
  width: 50%;
}

.dainiWomanModules .topicBtns .topicItem img {
  width: 100%;
  height: auto;
}

.dainiWomanModules .topicBtns .topicItem a {
  padding-right: 1%;
  display: block;
}

.dainiWomanModules .topicBtns .topicItem:nth-child(2) a {
  padding-left: 1%;
  padding-right: 0;
}





/* --------- 無料転職サポート申し込み -------- */

#jobSupport{
  display: none;
  padding: 0 10px;
  box-sizing: border-box;
}

.jobSupport__catch {
  background: linear-gradient(90deg, #61bfc5, #7f84db);
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  padding: 15px;
}

.jobSupport__body {
  background: #f3f4f8 url(/resource/test/img/sp_career_support_woman.png) top right no-repeat scroll ;
  background-size: auto 100%;
}

.jobSupport__desc {
  padding: 20px 0 0 10px;
  /*width: 180px;*/
  width: 60%;
  font-size: 10px;
  color: #173757;
  text-align: left;
}

.jobSupport__btn__wrapper {
  padding: 20px 10px;
  width: 100%;
}

.jobSupport__btn {
  display: block;
  background: linear-gradient(#77ce2f, #4eb616);
  text-align: center;
  border-radius: 6px;
  text-shadow: 1px 1px #000000;
  box-shadow:
    0 0 0 1px #aee283,
    0 0 0 2px #308c0e,
    0 3px 0 2px #1a4d00;
  text-decoration: none;

}

.jobSupport__apply {
  padding: 10px;
  color: #ffffff;
  font-size: 12px;
}

.jobSupport__mark {
  padding: 2px 7px;
  background-color: #1a4d00;
  border-radius: 2px;
  margin-right: 5px;
}

.jobSupport__text:after {
  content: ">";
  display: inline-block;
  float: right;
}


.mb30 .sp_img_overflow{
  overflow-x: scroll;
  padding: 0 12px;
}

/* ===================================================================
 added 201705
=================================================================== */
.image_right {
  width: 64%;
  margin: 0 auto 15px;
}
.image_right img {
  width: 100%;
  height: auto;
}
/*------Heading style--------*/
.heading {
  margin-top: 1.3em;
  padding: 0 1em;
}
.heading .heading-text {
  display: inline-block;
  border-bottom: 1px solid black;
  padding-bottom: 0.2em;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3;
}
.heading.heading--red {
  padding: 0;
}
.heading.heading--red .heading-text {
  display: inline-block;
  border-bottom: none;
  color: #bf0000;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.list_style_decimal{
  list-style-type: decimal;
	box-sizing: border-box;
	padding:0 3em;
}
.list {
  margin-top: 10px;
}
.list .list-text {
  padding-left: 30px;
}
.list .list-text > li {
  margin-top: 0.2em;
  list-style-type: disc;
}
.list.list--decimal {}
.list.list--decimal .list-text > li {
  list-style-type: decimal;
}

.list .list {
  margin-top: 10px;
  margin-bottom: 10px;
}
.list .list .list-text {
  padding-left: 20px;
}
.list .list .list-text > li {
  margin-top: 0.1em;
  list-style-type: disc;
}
.list--type .list-text > li {
  list-style-type: none;
}
.table_column .list_table li {
  padding: 10px 0;
}
.link_center {
  display: block;
  text-decoration: underline;
  color: #1262b2;
}

.list.list--type {
  list-style-type: none;
}

.stTitle {
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 15px;
  margin-top: 1.3em;
}

.stTitle_underline {
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 15px;
  margin-top: 1.3em;
  text-decoration: underline;
}

.stTitle_sm {
  font-weight: bold;
  font-size: 1em;
  padding-left: 15px;
  margin-top: 1.3em;
}

.stPara01 {
  font-weight: bold;
  padding-left: 20px;
}

.listContent {
  margin-bottom: 15px;
}

/* format to para of list */
.list .para_rt {
  margin: 0 1.5em 0 0;
}

.list .paraList {
  margin: 0 1.5em 1.3em 0;
}

/*==========================================
2018.03.15(launch)
 Knowhowcurat　共通モジュール
 1.画像のトリミングCSS
============================================*/

#wrap #contentWrap #contentsArea .m-knowhowcurat p.m-knowhowcurat__discription{
		margin:20px 0;
    box-sizing: border-box;
    padding:0 10px;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart{


}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul{
  box-sizing: border-box;
  padding:0 10px;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li{
	float:none;
	position: relative;
	background-color: #efefef;
	margin:0 0 10px 0;
	width:100%;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li::before,
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li::after{
  display: none;
}

#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li a{
  position: relative;
	display:inline-block;
  vertical-align: middle;
	text-align:left;
	width:100%;
	height:auto;
	font-weight: bold;
	color:#082a4d;
	font-size: 17px;
	line-height: 1.3em;
	padding:14px 20px 12px;
  line-height: 1em;
	box-sizing: border-box;

}


#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li a::after{
  position: absolute;
  right:18px;
  top:10px;
	display:inline-block;
	content: "";
	width: 8px;
  height: 8px;
	margin: 8px auto 0;
  border: 1px solid;
  border-color: transparent transparent #565656 #565656;
  transform: rotate(-45deg);
	z-index: 5;
}

#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li a span.rank{
	width:auto;
	margin:0 20px 0 0;
	text-align: center;
	display:inline-block;
	font-weight: bold;
	border-bottom:1px solid #bf0000;
	color:#bf0000;
	font-size:14px;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat_flowchart ul li a span.sp{
  display: inline-block;
}

#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle{
	width:100%;
	border-top: 2px solid #082a4d;
	border-bottom: 1px solid #d8d8d8;
	color:#082a4d;
	position: relative;
	padding:12px 0 10px;
	font-size:14px;
	line-height: 1.8em;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle span.m-knowhowcurat__stitle__text{
	position: absolute;
	left:130px;
	font-size: 17px;
	line-height: 1.5em;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle span.m-knowhowcurat__stitle__stepcount{
	display: inline-block;
	color:#ac1312;
	padding:0px 10px 0px 20px;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle span.m-knowhowcurat__stitle__stepcount::before,
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle span.m-knowhowcurat__stitle__stepcount::after{
	height: 48px;
	box-sizing: border-box;
	content: "";
	border-width: 22px;
	border-style: solid;
	position: absolute;
	top: 0;
	left:90px;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle span.m-knowhowcurat__stitle__stepcount::before{
	border-color:transparent;
	border-left-color: #d8d8d8;
	  z-index:2;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__stitle span.m-knowhowcurat__stitle__stepcount::after{
	border-color:transparent;
	border-left-color: #ffff;
	 z-index:3;
	 transform: translate(-1px,0);
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container{
	width:100%;
  margin:30px auto;
  display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;

}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box{
  width:50%;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box a{
	text-decoration: none;
	color:#666;
	width:100%;
  padding:5px;
	display:block;
	box-sizing: border-box;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box a:hover{
	background: url(/resource/common/img/bg_slant.gif) repeat;
	transition:0.4s;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box .m_img_trim{
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: auto;/* トリミングしたい枠の高さ */
    min-height: 120px;
    max-height:180px;
    position: relative;
		border: none;
		box-sizing: border-box;
		margin:0 auto 5px;
}

#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box .m_img_trim img {
  position: absolute;
	  top: 50%;
	  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  min-width:167px;
  min-height: 105px;
  height: auto;
}

#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box a:hover .m_img_trim img {
	-webkit-transform:translate(-50%, -50%) scale(1.01);
    -moz-transform:translate(-50%, -50%) scale(1.01);
    -o-transform:translate(-50%, -50%) scale(1.01);
    -ms-transform:translate(-50%, -50%) scale(1.01);
    transform:translate(-50%, -50%) scale(1.01);
		 	transition: 0.8s linear;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box figure{
  display: block;
  width: 100%;

}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box figure figurecaption{
	display: inline;
  width: 100%;
  margin:0 auto;
	color:#1463b2;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.15em;
	box-sizing: border-box;
	padding:0.15em 0.05em;
	border-bottom: 1px solid #1463b2;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box a:hover figure figurecaption {
	border-bottom:none;
}


#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .m-knowhowcurat__container__box p{
	font-size: 13px;
	margin-top:3px;
	line-height: 1.5em;
	color:#666;
  box-sizing: border-box;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__nextbutton{
  display: none;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-list{
  width:90%;
  margin:0 auto;
}
/*カルーセルの調整*/
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-arrow{
  z-index: 200;
  background-color:rgba(11, 40, 86,0.4);
  display: block;
  width:20px;
  height:58px;
  box-sizing: border-box;

}

#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-arrow::before{
  position: absolute;
  display: block;
  font-family: none;
  content: '';
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-prev{
left:0;
  border-radius: 0 10% 10% 0 / 0 10% 10% 0;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-next{
  border-radius:10% 0 0 10% / 10% 0 0 10% ;
    right:0;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-prev::before{
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 6px 0;
  border-color: transparent #fff transparent transparent;

}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-next::before{
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 4px;
  border-color: transparent transparent transparent #ffffff;
}
#wrap #contentWrap #contentsArea .m-knowhowcurat .m-knowhowcurat__container .slick-dots{
  position: static;
    margin-top:5px;
  text-align: left;
}


/*==========================================
2018.03.15(launch)
smallKnowhowcurat　共通モジュール
 1.画像のトリミングCSS
============================================*/

#wrap #contentWrap #contentsArea .m-small__knowhowcurat p.m-small__knowhowcurat__discription{
	  font-size: 13px;
	  color:#333333;
		margin:20px 0;
    box-sizing: border-box;
    padding:0 5px;
}


#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container{
	width:100%;
  display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
  box-sizing: border-box;
  background-color:#f8f8f8;
  padding:10px 5px;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box{
	width:50%;
	margin-bottom: 10px;
  box-sizing: border-box;
  padding:5px;

}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box a{
	text-decoration: none;
	color:#666;
	width:100%;
  padding:10px 5px 10px;
  background-color:#fff;

	display:block;
	box-sizing: border-box;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box a:hover{
	background-color: #f2f2f2;
	transition:0.4s;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box .m_img_trim{
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 90px;/* トリミングしたい枠の高さ */
    padding:30% 0;
    position: relative;
		box-sizing: border-box;
		margin:0 auto 5px;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box .m_img_trim img {
  position: absolute;
	  top: 50%;
	  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  min-width: 160px;
  height: auto;
}


#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box a:hover .m_img_trim img {
	-webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
		 	transition: 0.8s linear;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box figure{
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box figure figurecaption{
	display: inline;
	color:#333;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.15em;
	box-sizing: border-box;
	padding:0.05em 0.05em;
	border-bottom: 1px solid #333;
	line-height:1.7em;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box a:hover figure figurecaption {
	border-bottom:none;
}


#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__container .m-small__knowhowcurat__container__box p{
	font-size: 13px;
	margin-top:3px;
	line-height: 1.5em;
	color:#666;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__nextbutton{
	width:100%;
	position: relative;
  text-align: center;
}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat .m-small__knowhowcurat__nextbutton::before{
	position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 100%;
	  height: 1px;
	  background-color: #d9d9d9;

}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat  .m-small__knowhowcurat__nextbutton a{
	display: block;
	position: relative;
	  z-index: 2;
	  display: inline-block;
	  margin: 0 2.5em;
	  padding: 0 1.5em;
	  background-color:#fff;
	  text-align: left;
		font-size: 13px;
		color:#333;
		text-decoration: none;
		font-weight: bold;


}
#wrap #contentWrap #contentsArea .m-small__knowhowcurat  .m-small__knowhowcurat__nextbutton a span{
	font-size:13px;
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#333;
	color:#fff;
	vertical-align: 1px;
	line-height:12px;
	text-align:center;
	margin-left:5px;
}
/*==========================================
2018.03.15(launch)
各業種のTOPページ　Knowhowコンテンツ　共通モジュール
3つは画像表示　そのあと　imgなし
============================================*/


#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap{
	width:100%;
	box-sizing: border-box;
	display: block;
	align-content: top;
	align-items:stretch;
  border-bottom: 1px solid #d9d9d9;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box{
	   width:100%;
		 margin-bottom:8px;
		 background: #fff;
		 border-bottom: 1px solid #d9d9d9;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box a{
	display: block;
	text-decoration: none;
	height:inherit;
	padding: 10px 15px;
	box-sizing: border-box;
  background: url(/resource/common/img/sp/general_sp_icon_arrow.png) 97% center no-repeat;
  background-size: 3%;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box:hover{
	background: url(/resource/common/img/bg_slant.gif) repeat;
  position: relative;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box a span.pict{
  width:60px;
	height:60px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box a span.pict img{
	position: absolute;
	  top: 50%;
	  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 180%;
  height: auto;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box div.texts{
	display: inline-block;
  width:75%;
  min-width: 222px;
  box-sizing: border-box;
  margin-top:5px;
  padding:0 0 0 15px;
  vertical-align: top;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box div.texts span.tag{
	display:inline-block;
  margin-top:3px;
	padding: 0px 10px;
	background: #ff9700;
	color: #fff;
	font-size: 10px;
	vertical-align: top;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box div.texts span.tag.about{
background-color: #ff5983;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box div.texts span.tag.market{
	background-color:#0250d1;
}
#wrap #contentWrap #contentsArea #mainContentsArea .relatedInformationWrap .relatedInformationWrap__box div.texts span.title{
	display:block;
	width:auto;
	font-size: 12px;
  margin-top:3px;
  line-height: 1.4em;
  vertical-align: middle;
}

.relatedInformationWrap__buttom{
	width:100%;
	text-align:center;
  margin:8px 0 12px;
}
.relatedInformationWrap__buttom a{
	display: inline-block;
	text-align: center;
	border-radius:0.2em;
	text-decoration: none;
	padding:0.5em 1em 0.5em 2em;
	background-color: #48B1F2;
	font-size: 13px;
	color:#fff;
	border: 1px solid #48a8f1;
	box-shadow: 0px 0px 2px 2px #5eb7f2 inset;
	position: relative;
}

.relatedInformationWrap__buttom a:before,
.relatedInformationWrap__buttom a:after{
	position: absolute;
}

.relatedInformationWrap__buttom a:before{
		content: '';
		position: absolute;
		top:10px;
		left:8px;
		display: block;
		padding:0.5em;
		border-radius: 50%;
		background-color:rgba(255,255,255,0.3);
		box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset;
}
.relatedInformationWrap__buttom a:after{
	content: '+';
	position: absolute;
	top:6px;
	left:10px;
	display: block;
	color:#fff;
	font-size: 1em;
}

/*--- ピックアップ記事追加 ---*/
#pickupTop ul li{
    width: 90%;
    margin: 10px auto;
}
#pickupTop ul li img{
    box-shadow: 2px 2px 2px #bdbdbd;
}
/*-- 20181105_関西エリアlabel --*/
#wrap ul.magJSCategory li.kansai{
    position: relative;
}
#wrap ul.magJSCategory li.kansai .linkStyleLabel{
    width:8px;
	height:5px;
	display:block !important;
	position:absolute;
	top:45%;
	left:0;
	background:#fff;
	font-size:0.9em;
	text-align:center;
}
#wrap ul.magJSCategory li.kansai .linkStyleLabel { background:#e74c3c; }

/*-- cpBanner 20190222 --*/
.spCPbanner_19{
    width:90%;
    margin: 15px auto;
}


#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList ul.caseCategoryList li {
  padding-left: 70px;
  position: relative;
}
span.caseProperty {
  position: absolute;
  left: -1px;
  padding: 50px 10px;
}
#wrap #contentWrap #contentsArea #mainContentsArea ul.caseCategoryList ul.caseCategoryList li a {
	border-left: 1px solid #d9d9d9;
}

/* ===================================================================
 added 20200616 著者情報追加
=================================================================== */
.author__title {
  font-size: 13px;
  color: #0a3a60;
}
.author__box {
  padding: 11px 20px;
  margin: 11px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.author__box--flex {
  display: flex;
  height: 110px;
  align-items: center;
  gap: 10px;
}
.author__img {
  max-width: 110px;
}
/* .author__cont {
  padding-top: 35px;
  padding-left: 20px;
} */
.author__name {
  font-size: 17px;
  font-weight: 500;
  color: #0a3a60;
}
.author__info {
  margin-top: 10px;
  font-size: 11px;
}

/* ===================================================================
 added 20210408 コンテンツの目次
=================================================================== */
.mt0 {margin-top: 0 !important;}
.mb30{margin-bottom: 30px;}
a {color: #1262b2;}
.agenda ul.agenda-list li ul.agenda-list a {
  text-decoration: none;
}
.agenda {
	margin: 1em 1em 0 1em;
	padding: 20px 15px;
	font-size: 12px;
  line-height: 2.166666667;
  background: url(/resource/knowhow/resume/img/bg_agenda.png);
}
.agenda ul.agenda-list li ul.agenda-list {
  padding-left: 0.8rem;
}
.agenda a {
  color: #1262b2;
  text-decoration: underline;
}
.agenda-headline {
  text-align: center;
  color: #09294d;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.agenda-headline .icon-agenda{
  display: inline-block;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.agenda-headline .icon-agenda img{
  width: 100%;
  height: auto;
  vertical-align: top;
}

.successPointForConsultantWrap .pointHeader.childHeader {
	width: 100%;
}