@charset "utf-8";
/*SP*/
/* ---------------------------------
  Color palette
---------------------------------- */
/*Bg color*/
.bg-dodablue {
  background-color: #007fc3;
}
.bg-accentgreen {
  background-color: #99cf16;
}
.bg-blue {
  background-color: #0a50a1;
}
.bg-yellow {
  background-color: #ffcc00;
}
.bg-skyblue {
  background-color: #32bed2;
}
.bg-emerald {
  background-color: #00d2a0;
}
.bg-chromium {
  background-color: #ff8250;
}
.bg-orange {
  background-color: #ff5a00;
}
.bg-green {
  background-color: #00be00;
}
.bg-gray {
  background-color: #a0a08c;
}
.bg-lightblue {
  background-color: #aac8f0;
}
.bg-citron {
  background-color: #fff082;
}
.bg-ashblue {
  background-color: #d2f0f0;
}
.bg-apricot {
  background-color: #ffd296;
}
.bg-icegreen {
  background-color: #b4f0dc;
}
.bg-salmonpink {
  background-color: #ffc8be;
}
.bg-pastelgreen {
  background-color: #aae6aa;
}
.bg-lightgray {
  background-color: #c8c8b4;
}
.bg-lime {
  background-color: #dcff96;
}
/* doda5.0 Bg color */
.bg-FFFFFF {
  background-color: #ffffff;
}
.bg-FFF100 {
  background-color: #fff100;
}
.bg-F44360 {
  background-color: #f44360;
}
.bg-595757 {
  background-color: #595757;
}
.bg-3BB1E8 {
  background-color: #3bb1e8;
}
.bg-30B2EF {
  background-color: #30b2ef;
}
.bg-E6F4FD {
  background-color: #e6f4fd;
}
.bg-2CAB9F {
  background-color: #2cab9f;
}
.bg-32BED2 {
  background-color: #32bed2;
}
.bg-F1F6DA {
  background-color: #f1f6da;
}
.bg-EA545D {
  background-color: #ea545d;
}
.bg-FCEAEB {
  background-color: #fceaeb;
}
.bg-FEF4E5 {
  background-color: #fef4e5;
}
.bg-FFCD2D {
  background-color: #ffcd2d;
}
.bg-FFFCD1 {
  background-color: #fffcd1;
}
.bg-DCDDDD {
  background-color: #dcdddd;
}
.bg-60AB0F {
  background-color: #60ab0f;
}
.bg-FF5A00 {
  background-color: #ff5a00;
}
.bg-007FC3 {
  background-color: #007fc3;
}
/*Text color*/
.txt-dodablue {
  color: #007fc3;
}
.txt-accentgreen {
  color: #99cf16;
}
.txt-blue {
  color: #0a50a1;
}
.txt-yellow {
  color: #ffcc00;
}
.txt-skyblue {
  color: #32bed2;
}
.txt-emerald {
  color: #00d2a0;
}
.txt-chromium {
  color: #ff8250;
}
.txt-orange {
  color: #ff5a00;
}
.txt-green {
  color: #00be00;
}
.txt-gray {
  color: #a0a08c;
}
.txt-lightblue {
  color: #aac8f0;
}
.txt-citron {
  color: #fff082;
}
.txt-ashblue {
  color: #d2f0f0;
}
.txt-apricot {
  color: #ffd296;
}
.txt-icegreen {
  color: #b4f0dc;
}
.txt-salmonpink {
  color: #ffc8be;
}
.txt-pastelgreen {
  color: #aae6aa;
}
.txt-lightgray {
  color: #c8c8b4;
}
.txt-lime {
  color: #dcff96;
}
/*doda5.0 text color*/
.txt-FFFFFF {
  color: #ffffff;
}
.txt-FFF100 {
  color: #fff100;
}
.txt-F44360 {
  color: #f44360;
}
.txt-595757 {
  color: #595757;
}
.txt-3BB1E8 {
  color: #3bb1e8;
}
.txt-30B2EF {
  color: #30b2ef;
}
.txt-E6F4FD {
  color: #e6f4fd;
}
.txt-2CAB9F {
  color: #2cab9f;
}
.txt-32BED2 {
  color: #32bed2;
}
.txt-F1F6DA {
  color: #f1f6da;
}
.txt-EA545D {
  color: #ea545d;
}
.txt-FCEAEB {
  color: #fceaeb;
}
.txt-FEF4E5 {
  color: #fef4e5;
}
.txt-FFCD2D {
  color: #ffcd2d;
}
.txt-FFFCD1 {
  color: #fffcd1;
}
.txt-DCDDDD {
  color: #dcdddd;
}
.txt-60AB0F {
  color: #60ab0f;
}
.txt-FF5A00 {
  color: #ff5a00;
}
.txt-007FC3 {
  color: #007fc3;
}
/* ---------------------------------
  Button
---------------------------------- */
/*Basic size*/
[class^="btnTypeA"] {
  border-radius: 8px; /* CSS3草案 */
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px; /* Firefox用 */
  cursor: pointer;
  display: block;
  font-size: 16px;
  min-height: 47px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  width: 100%;
}
[class^="btnTypeB"] {
  border-radius: 8px; /* CSS3草案 */
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px; /* Firefox用 */
  cursor: pointer;
  display: block;
  font-size: 16px;
  min-height: 47px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  width: 100%;
}
[class^="btnTypeA"]:hover {
  text-decoration: none;
}
[class^="btnTypeB"]:hover {
  text-decoration: none;
}
/*orange*/
.btnTypeA01,
.btnTypeB01 {
  background: linear-gradient(#fd8331, #f60);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.btnTypeA01:link,
.btnTypeB01:link {
  color: #fff;
  text-decoration: none;
}
.btnTypeA01:visited,
.btnTypeB01:visited {
  color: #fff;
  text-decoration: none;
}
.btnTypeA01:hover,
.btnTypeB01:hover {
  background: #ff944c;
  color: #fff;
  text-decoration: none;
}
/*.btnTypeA01:active,
.btnTypeB01:active {
  box-shadow: 0 1px 0 #ff944c , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
  margin-top: 2px;
}*/
/*green*/
.btnTypeA02,
.btnTypeB02 {
  background: linear-gradient(#7dba3c, #60ab0f);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.btnTypeA02:link,
.btnTypeB02:link {
  color: #fff;
  text-decoration: none;
}
.btnTypeA02:visited,
.btnTypeB02:visited {
  color: #fff;
  text-decoration: none;
}
.btnTypeA02:hover,
.btnTypeB02:hover {
  background: #60ab0f;
  color: #fff;
  text-decoration: none;
}
/*.btnTypeA02:active,
.btnTypeB02:active {
  box-shadow: 0 1px 0 #9dc747, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
  margin-top: 2px;
}*/
/*Custom size*/
[class^="btnTypeC"] {
  border-radius: 8px; /* CSS3草案 */
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px; /* Firefox用 */
  cursor: pointer;
  display: block;
  font-size: 18px;
  height: 46px;
  line-height: 48px;
  text-align: center;
  width: 352px;
}
[class^="btnTypeD"] {
  border-radius: 8px; /* CSS3草案 */
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px; /* Firefox用 */
  cursor: pointer;
  display: block;
  font-size: 15px;
  height: 34px;
  line-height: 36px;
  text-align: center;
  width: 192px;
}
[class^="btnTypeC"]:hover {
  text-decoration: none;
}
[class^="btnTypeD"]:hover {
  text-decoration: none;
}
/*orange*/
.btnTypeC01,
.btnTypeD01 {
  background: linear-gradient(#fd8331, #f60);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.btnTypeC01:hover,
.btnTypeD01:hover {
  background: #ff944c;
  color: #fff;
  text-decoration: none;
}
/*.btnTypeC01:active,
.btnTypeD01:active {
  box-shadow: 0 1px 0 #ff944c , rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
  margin-top: 1px;
}*/
/*green*/
.btnTypeC02,
.btnTypeD02 {
  background: linear-gradient(#7dba3c, #60ab0f);
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.btnTypeC02:hover,
.btnTypeD02:hover {
  background: #60ab0f;
  color: #fff;
  text-decoration: none;
}
/*.btnTypeC02:active,
.btnTypeD02:active {
  box-shadow: 0 1px 0 #9dc747, rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
  margin-top: 1px;
}*/
/* カラムテキスト+ボタン部分 20170523追加 */
.btnAreaTypeB.double {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.btnAreaTypeB.double li {
  float: none;
  width: 100%;
  height: auto;
}
.btnAreaTypeB.double li:not(:last-child) {
  margin-right: 0;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
/* white 20170523追加 */
.btnTypeA03 {
  font-weight: bold;
  background: #fff;
  border: solid 1px #d6d6d6;
  /*box-shadow: 0 1px 0 #d6d6d6;*/
}
.btnTypeA03:link {
  color: #3d3d3d;
  text-decoration: none;
}
.btnTypeA03:visited {
  color: #3d3d3d;
  text-decoration: none;
}
.btnTypeA03:hover {
  background: #f7f7f7;
  text-decoration: none;
  border: solid 1px #adadad;
}
/*
.btnTypeA03:active {
  top: 1px;
  *box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
*/
/* ---------------------------------
  Button set
---------------------------------- */
.btnAreaTypeA {
  margin: 0 15px 30px;
}
/*primary*/
.btnBox01 {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  margin-bottom: 15px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.btnBox01:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.btnBox01.type01 {
  border-left: 6px solid #ff5a00;
}
.btnBox01.type02 {
  border-left: 6px solid #60ab0f;
}
/*
.btnBox01 span {
display: block;
}
*/
.btnBox01:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.btnBox01 dt {
  background: #f2f2f2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 11px 15px;
  line-height: 25px;
  text-align: center;
}
.btnBox01.org dt {
  letter-spacing: -0.6px;
}
.btnBox01 dt.idt {
  text-indent: -5px;
}
.btnBox01 dd {
  padding: 20px 10px 19px;
  width: 100%;
  box-sizing: border-box;
}
/*primary*/
.btnBox02 {
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.btnBox02:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.btnBox02.type {
  border-left: 6px solid #007fc3;
}
.btnBox02 span {
  display: block;
}
.btnBox02:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.btnBox02 dt {
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #007fc3;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 11px 0;
  line-height: 25px;
  text-align: center;
}
.btnBox02.org dt {
  letter-spacing: -0.6px;
}
.btnBox02 dt.idt {
  text-indent: -5px;
}
.btnBox02 dd {
  padding: 20px 10px 19px;
  width: 100%;
  box-sizing: border-box;
}
/*primary*/
.btnBox03 {
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.btnBox03:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.btnBox03.type {
  border-left: 6px solid #007fc3;
}
/*
.btnBox03 span {
display: block;
}
*/
.btnBox03:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
}
.btnBox03 dt {
  background: #f2fcff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #007fc3;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 11px 15px;
  line-height: 25px;
  text-align: center;
}
.btnBox03.org dt {
  letter-spacing: -0.6px;
}
.btnBox03 dt.idt {
  text-indent: -5px;
}
.btnBox03 dd {
  padding: 20px 10px 19px;
  width: 100%;
  box-sizing: border-box;
}
/* ---------------------------------
  Headings
---------------------------------- */
/*primary*/
.heading {
  font-size: 16px;
  font-weight: bold;
 /* line-height: 1.4; 202601 */
 line-height: 2.0;
  margin-bottom: 20px;
}
/*no margin*/
.heading.mgB0 {
  margin-bottom: 0;
}
.heading br {
  display: none;
}
/*other color*/
.heading.dodaB {
  color: #007fc3;
}
/*size*/
.heading--small {
  font-size: 14px;
}
.heading--large {
  font-size: 18px;
}
/*style*/
.heading.heading--line {
  border-left: 4px solid #007fc3;
  padding: 2px 0 2px 15px;
}
.heading.heading--underline {
  border-bottom: 3px solid #007fc3;
  padding-bottom: 6px;
}
.heading.heading--thick {
  background: #007fc3;
  color: #fff;
  padding: 11px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
/*sub 本文に使う時*/
.infoTitle {
  font-size: 15px;
}
.articleBox h3.heading {
  font-size: 16px;
  font-weight: bold;
 /* line-height: 1.4; 202601 */
 line-height: 2.0;
  margin-bottom: 10px;
}
.articleBox .heading.heading--underlinethin {
  border-bottom: 1px dotted #333;
  margin-bottom: 15px;
  padding-bottom: 2px;
}
/*本文中のみだし*/
.articleBox .heading {
  font-size: 16px;
  font-weight: bold;
 /* line-height: 1.4; 202601 */
 line-height: 2.0;
  margin-bottom: 20px;
}
/*no margin*/
.articleBox .heading.mgB0 {
  margin-bottom: 0;
}
/* ---------------------------------
  Container 要素を囲う枠
---------------------------------- */
.articleArea {
  margin: 0 15px 30px;
}
.infoArea {
  padding: 10px 15px 15px;
  position: relative;
}
.tag {
  background: #999;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  left: -2px;
  line-height: 1em;
  padding: 3px 30px 3px;
  position: absolute;
  text-align: center;
  top: -2px;
  line-height: 1.5 !important; /*202601*/
}
/* ---------------------------------
  Text
---------------------------------- */
.articleBox {
} /*テキスト、イメージを格納するBox*/
/* primary */
.articleBox h3,
.articleBox h4,
.articleBox p {
  font-size: 14px;
  font-size: 1.4rem;
 /* line-height: 1.6; 202601 */
 line-height: 2.0;
}
.articleBox li,
.articleBox dt,
.articleBox dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.articleBox span {
  vertical-align: baseline;
}
.articleBox .txtSmall {
  font-size: 12px;
  font-size: 1.2rem;
}
.articleBox .txtLarge {
  font-size: 18px;
  font-size: 1.8rem;
}
/* text間の余白 */
.articleBox .paragraph {
  margin-bottom: 20px;
}
.articleBox .paragraph.min {
  margin-bottom: 10px;
}
.articleBox .paragraph.line {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
/* 本文用ラベル　色はbg指定で */
.articleBox .labels {
  padding: 3px 10px 3px;
  margin-right: 10px;
}
/* テキスト枠組み（行間指定） */
.flow-text p,
.flow-text.paragraph p {
  margin-bottom: 15px;
}
.flow-text p:last-child,
.flow-text.paragraph p:last-child {
  margin-bottom: 0;
}
/*強調指定（太字）*/
.txt--emphasis {
  font-weight: bold;
}
/*下線指定*/
.txt--underline {
  border-bottom: 1px dashed #777;
  padding-bottom: 2px;
}
/*注釈指定（15px⇒13px　グレー）*/
.txt--annotation {
  color: #808080;
  font-size: 1.3rem;
}
/*警告等の指定（赤）*/
.txt--caution {
  color: #ff0000;
}
/*マーカー指定*/
.txt--marker {
  background-color: #ffff99;
}
em.txt--marker {
  font-style: normal;
  font-weight: 500;
}
/* ---------------------------------
  img--flat
---------------------------------- */
.img--flat {
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 10px;
  text-align: center;
}
.img--flat.noLine {
  border: none;
}
.img--flat.consecutive {
  margin-bottom: 30px;
}
.img--flat img {
}
.img--flat.mini img {
  padding: 10px 20px;
}
/* 20170523 追加 */
.img--flat--full {
  background: #fff;
  border: 1px solid #e6e6e6;
  text-align: center;
  box-sizing: border-box;
}
.img--flat--full img {
  width: 100%;
}
.img--flat--full.thickLine {
  border: 3px solid #e6e6e6;
}
.img--flat--full.noLine {
  border: none;
}
.img--flat--full.consecutive {
  margin-bottom: 30px;
}
/* ---------------------------------
  List style
---------------------------------- */
ul.listStyle {
  margin-left: 1em;
}
.listStyle {
  margin-left: 1em;
}
.listStyle li {
  margin-top: 0.5em;
}
.listStyle li:first-child {
  margin-top: 0;
}
/* arrow */
.listStyle--arrow {
  position: relative;
}
.listStyle--arrow:after {
  border-right: 2px solid #007fc3;
  border-bottom: 2px solid #007fc3;
  content: "";
  display: block;
  height: 5px;
  left: -1em;
  position: absolute;
  top: 0.4em;
  transform: rotate(-45deg);
  width: 5px;
  -webkit-transform: rotate(-45deg);
}
/* dropdown */
.listStyle--dropdown {
  position: relative;
}
.listStyle--dropdown:after {
  border-right: 2px solid #007fc3;
  border-bottom: 2px solid #007fc3;
  content: "";
  display: block;
  height: 5px;
  left: -1em;
  position: absolute;
  top: 0.3em;
  transform: rotate(45deg);
  width: 5px;
  -webkit-transform: rotate(45deg);
}
/* circle */
.listStyle--circle {
  position: relative;
}
.listStyle--circle:after {
  background-color: #007fc3;
  border-radius: 100%;
  content: "";
  display: block;
  height: 4px;
  left: -1em;
  position: absolute;
  top: 0.5em;
  width: 4px;
}
/* circle色はclassを付与して指定する */
.circle-bg-dodablue:after {
  background-color: #007fc3;
}
.circle-bg-accentgreen:after {
  background-color: #99cf16;
}
/* circleの小さいサイズはclassを付与指定する 20170720追記 */
.listStyle--circle.styleSmall:after {
  width: 3px;
  height: 3px;
  top: 0.5em;
}
/* ---------------------------------
  Box style
---------------------------------- */
.boxStyle {
}
.boxStyle--bgGray {
  background: #f2f2f2;
}
.boxStyle--bgBlue {
  background: #e6f4fd;
}
.boxStyle--thinLine {
  background: #fff;
  border: 1px solid #e5e5e5;
}
.boxStyle--thinLine--bgGray {
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
}
.boxStyle--thinLineDodablue {
  background: #fff;
  border: 1px solid #007fc3;
}
.boxStyle--line {
  background: #fff;
  border: 2px solid #e5e5e5;
}
.boxStyle--line--bgGray {
  background: #f2f2f2;
  border: 2px solid #e5e5e5;
}
.boxStyle--lineDodablue {
  background: #fff;
  border: 2px solid #007fc3;
}
.boxStyle--thickLine {
  background: #fff;
  border: 3px solid #e5e5e5;
}
.boxStyle--thickLine--bgGray {
  background: #f2f2f2;
  border: 3px solid #e5e5e5;
}
.boxStyle--thickLineDodablue {
  background: #fff;
  border: 3px solid #007fc3;
}
.boxStyle--thickLineDodablue--bgGray {
  background: #f2f2f2;
  border: 3px solid #007fc3;
}
/* ---------------------------------
  Box layout
---------------------------------- */
.boxLayout {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  overflow: hidden;
}
/* Boxs種類 */
.boxLayout.type01 {
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 3px #bfbfbf;
  -moz-box-shadow: 0px 3px #bfbfbf;
  -webkit-box-shadow: 0px 3px #bfbfbf;
  padding: 15px;
}
.boxLayout p {
  line-height: 1.6;
}
.boxLayout .img-small,
.boxLayout .img-medium,
.boxLayout .img-large {
  margin-bottom: 20px;
}
/* ---------------------------------
  Title
---------------------------------- */
.homeHero {
  margin-bottom: 20px;
  position: relative;
}
.mainTitle {
  border-bottom: 1px solid #ccc;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin: 10px 15px 10px;
  padding-bottom: 10px;
}
.mainTitle br {
  display: none;
}
.subTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 15px 0;
}
.subTitle .stitleTag {
  background: #0a50a1;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
  padding: 2px 10px 2px;
}
.subTitle .stitleDate {
  font-weight: normal;
}
.caption {
  font-size: 14px;
 /* line-height: 1.6; 202601 */
 line-height: 2.0;
  margin: 0 15px;
}
.homeHero .imgPc {
  display: none;
}
.homeHero .imgSp {
  width: 100%;
}
/* 20170523追加 */
.homeHero.noLine {
  border-bottom: none;
}
.titleArea {
  position: relative;
  width: 100%;
  height: auto;
}
.mainTitle.typeA {
  padding: 0;
  margin: 10px 15px 0;
  border: none;
}
.subTitle.typeA {
  padding-bottom: 10px;
  margin: 5px 15px 10px;
  border-bottom: 1px solid #ccc;
}
/* Labels */
#container .label {
  font-size: 12px;
  left: 0;
  line-height: 1em;
  padding: 5px 10px 5px;
  position: absolute;
  top: 0;
}
.label.label--preparation {
  background: #ffc8be;
}
.label.label--resume {
  background: #ffd296;
}
.label.label--interview {
  background: #fff082;
}
.label.label--joined {
  background: #dcff96;
}
.label.label--ranking {
  background: #aae6aa;
}
.label.label--column {
  background: #aac8f0;
}
.label.label--diagnosis {
  background: #d4ccf0;
}
/* 20170720追記 */
.label.label--syokureki {
  background-color: #d2f0f0;
}
.label.label--oubo {
  background: #b4f0dc;
}
/* 子ページタイトル */
.mainTitle.mainTitle--child {
  font-size: 18px;
}
.mainTitle.mainTitle--child .topics {
  background: #fff;
  border: 1px solid #007fc3;
  color: #007fc3;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 3px 6px 1px;
}
.subTitle.subTitle--child {
  background: #fff;
  border: 1px solid #d9d9d9;
  display: inline-block;
  padding: 1px 10px;
}
.label--child {
  background: #007fc3;
  color: #fff;
  font-size: 10px;
  right: 0;
  line-height: 1em;
  padding: 6px 10px 6px;
  position: absolute;
  top: 0;
}
.label--child a {
  color: #fff;
  text-decoration: none;
}
.label--child a:hover {
  text-decoration: underline;
}
/* ---------------------------------
  Media
---------------------------------- */
.media {
  overflow: hidden;
}
.media .twocol {
  float: left;
  margin: 0 18px 0 0;
  overflow: hidden;
  width: 435px;
}
.media li a {
  border-bottom: solid 1px #e6e6e6;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 15px 0;
}
.media li.even {
  margin-right: 0;
}
/*.media  ul li a:hover { opacity: 0.7;}*/
.media li .img {
  /*border: 1px solid #e6e6e6;*/
  float: left;
  width: 19%; /*60px*/
}
.media li div {
  /*float: left;*/
  margin: 0 0 0 23%; /*20px*/
  /*width: 69%;*/ /*220px*/
}
.media li div dl {
}
.media li div dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 10px;
}
.media li div dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}
/* 見た目テキストを黒にする時 */
/*.media li div dl dt.plainTxt {
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 10px;
  text-decoration: none;
}
.media li div dl dd.plainTxt {
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
}
*/
/* ---------------------------------
  Media full
---------------------------------- */
.media {
  overflow: hidden;
}
.media.full li {
}
.media.full li a {
  border-bottom: solid 1px #e6e6e6;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 15px 0;
}
.media.full li a:active {
  text-decoration: underline;
}
.media.full li.even {
  margin-right: 0;
}
.media.full li .img {
  border: 1px solid #e6e6e6;
  float: left;
  width: 30%;
}
.media.full li div {
  float: left;
  margin: 0 0 0 5%;
  width: 65%;
}
.media.full li div dl {
}
.media.full li div dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 10px;
}
.media.full li div dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}
/* 見た目テキストを黒にする時 */
/*.media.full li div dl dt.plainTxt {
  color: #000;
}
.media.full li div dl dd.plainTxt {
color: #000;
}
*/
/* One column example in the box 20170523追加 */
.media.full--inBox li {
  float: none;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.media.full--inBox li:after {
  content: "";
  clear: both;
  display: block;
}
.media.full--inBox li a {
  display: block;
  padding: 0;
  border-bottom: none;
}
.media.full--inBox li .img {
  float: left;
  width: 30%;
  border: 1px solid #e6e6e6;
}
.media.full--inBox li div {
  float: left;
  width: 65%;
  margin: 0 0 0 5%;
}
.media.full--inBox.noImg li div {
  float: none;
  width: 100%;
  margin: 0;
}
.media.full--inBox li div dl dd:hover {
  text-decoration: none;
}
/* media double--column 20170523追加 */
.media.double--column li {
  padding: 15px 0;
  border-bottom: solid 1px #e6e6e6;
  box-sizing: border-box;
  overflow: hidden;
}
.media.double--column li:after {
  content: "";
  clear: both;
  display: block;
}
.media.double--column li a {
  display: inline;
  padding: 0;
  border-bottom: none;
  box-sizing: border-box;
  overflow: hidden;
}
.media.double--column li div {
  float: left;
  margin: 0 0 0 5%;
  width: 76%;
}
.media.double--column.noImg li div,
.media.double--column li.noImg div {
  float: none;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.media.double--column li div dl dd:hover {
  text-decoration: none;
}
/* media single--column 20170703追加 */
.media.single--column li {
  float: none;
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-bottom: solid 1px #e6e6e6;
  box-sizing: border-box;
  overflow: hidden;
}
.media.single--column li:after {
  content: "";
  clear: both;
  display: block;
}
.media.single--column li .img {
  float: left;
  width: 30%;
  border: 1px solid #e6e6e6;
  overflow: hidden;
}
.media.single--column li div {
  float: left;
  width: 65%;
  margin: 0 0 0 5%;
}
.media.single--column li a {
  display: block;
  padding: 0;
  border-bottom: none;
}
/* ---------------------------------
  mediaBox
---------------------------------- */
.mediaBox {
  overflow: hidden;
}
.mediaBox.mediaBox--double {
  margin: 0;
}
.mediaBox.mediaBox--double li {
  font-size: 13px;
  line-height: 1.8;
}
/* ---------------------------------
  column
---------------------------------- */
.column {
  overflow: hidden;
}
.column {
}
.column.triple li {
  margin: 0 0 20px;
}
.column.double li {
  margin: 0 0 20px;
}
/* ---------------------------------
  common
---------------------------------- */
a,
a:link {
  color: #007fc3;
  text-decoration: none;
}
a:visited {
  color: #007fc3;
  text-decoration: none;
}
a:active,
a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}

.sp_none {
  display: none;
}
.mgT0 {
  margin-top: 0 !important;
}
.mgT10 {
  margin-top: 10px;
}
.mgT20 {
  margin-top: 20px;
}
.mgT30 {
  margin-top: 30px;
}
.mgT40 {
  margin-top: 40px;
}
.mgT50 {
  margin-top: 50px;
}
.mgR0 {
  margin-right: 0 !important;
}
.mgR10 {
  margin-right: 10px;
}
.mgR15 {
  margin-right: 15px;
}
.mgR20 {
  margin-right: 20px;
}
.mgR30 {
  margin-right: 30px;
}
.mgR40 {
  margin-right: 40px;
}
.mgR50 {
  margin-right: 50px;
}
.mgLRAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.mgB0 {
  margin-bottom: 0 !important;
}
.mgB10 {
  margin-bottom: 10px;
}
.mgB20 {
  margin-bottom: 20px;
}
.mgB30 {
  margin-bottom: 30px;
}
.mgB40 {
  margin-bottom: 40px;
}
.mgB50 {
  margin-bottom: 50px;
}
.mgL0 {
  margin-left: 0 !important;
}
.mgL10 {
  margin-left: 10px;
}
.mgL15 {
  margin-left: 15px;
}
.mgL20 {
  margin-left: 20px;
}
.mgL30 {
  margin-left: 30px;
}
.mgL40 {
  margin-left: 40px;
}
.mgL50 {
  margin-left: 50px;
}
.pdT10 {
  padding-top: 10px;
}
.pdT20 {
  padding-top: 20px;
}
.pdT30 {
  padding-top: 30px;
}
.pdT40 {
  padding-top: 40px;
}
.pdT50 {
  padding-top: 50px;
}
.pdR10 {
  padding-right: 10px;
}
.pdR20 {
  padding-right: 20px;
}
.pdR30 {
  padding-right: 30px;
}
.pdR40 {
  padding-right: 40px;
}
.pdR50 {
  padding-right: 50px;
}
.pdB10 {
  padding-bottom: 10px;
}
.pdB20 {
  padding-bottom: 20px;
}
.pdB30 {
  padding-bottom: 30px;
}
.pdB40 {
  padding-bottom: 40px;
}
.pdB50 {
  padding-bottom: 50px;
}
.pdL10 {
  padding-left: 10px;
}
.pdL20 {
  padding-left: 20px;
}
.pdL30 {
  padding-left: 30px;
}
.pdL40 {
  padding-left: 40px;
}
.pdL50 {
  padding-left: 50px;
}
/*table*/
.tableBase {
  background-color: #fff;
  border: #d9d9d9 solid;
  border-width: 1px 0 0 1px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  width: 100%;
}
.tableBase th,
.tableBase td {
  border: #d9d9d9 solid;
  border-width: 0 1px 1px 0;
  padding: 5px 10px;
  text-align: center;
}
.tableBase th {
  background-color: #ededed;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px;
}
.tableBase.bg--dodablue th {
  background-color: #007fc3;
  color: #fff;
}
.tableBase.bg--accentgreen th {
  background-color: #99cf16;
  color: #fff;
}
.tableBase.bg--blue th {
  background-color: #0a50a1;
  color: #fff;
}
.tableBase.bg--skyblue th {
  background-color: #32bed2;
  color: #fff;
}
.tableBase.bg--dodablue td,
.tableBase.bg-accentgreen td {
  background-color: #fff;
}
.tableBase th span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
}
/*table幅指定*/
.tableBase .sw10 {
  width: 10%;
}
.tableBase .sw15 {
  width: 15%;
}
.tableBase .sw20 {
  width: 20%;
}
.tableBase .sw25 {
  width: 25%;
}
.tableBase .sw30 {
  width: 30%;
}
.tableBase .sw35 {
  width: 35%;
}
.tableBase .sw40 {
  width: 40%;
}
.tableBase .sw45 {
  width: 45%;
}
.tableBase .sw50 {
  width: 50%;
}
.tableBase .sw55 {
  width: 55%;
}
.tableBase .sw60 {
  width: 60%;
}
.tableBase .sw65 {
  width: 65%;
}
.tableBase .sw70 {
  width: 70%;
}
.tableBase .sw75 {
  width: 75%;
}
.tableBase .sw80 {
  width: 80%;
}
.tableBase .sw85 {
  width: 85%;
}
.tableBase .sw90 {
  width: 90%;
}
.tableBase .sw95 {
  width: 95%;
}
.tableBase .sw100 {
  width: 100%;
}
.tableBase.horizontal td {
  padding: 0;
}
.tableBase.horizontal td a {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
}
.tableBase.horizontal td a:hover {
  background: #0a50a1;
  color: #fff;
}
/*スライド式*/
.scroll {
  overflow: auto;
  white-space: nowrap;
  padding-bottom: 10px;
}
.scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #e7e7e7;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #999;
}
.scroll .tableBase th,
.scroll .tableBase td {
  white-space: nowrap;
}
.scroll.spSizeAdjust .tableBase tr th,
.scroll.spSizeAdjust .tableBase tr td {
  font-size: 12px;
  padding: 5px 7px;
}
.spFullWide tr th,
.spFullWide tr td {
  display: block;
  width: 100%;
}
.scroll.spSizeAdjust .tableBase .leftFixd {
  position: sticky;
  left: 0;
}
.scroll.spSizeAdjust .tableBase .leftFixd40 {
  position: sticky;
  left: 40px;
}
.scroll.spSizeAdjust .tableBase .leftFixd60 {
  position: sticky;
  left: 62px;
}
.scroll.spSizeAdjust .tableBase .leftFixd:before,
.scroll.spSizeAdjust .tableBase .leftFixd40:before,
.scroll.spSizeAdjust .tableBase .leftFixd60:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;
  border: 2px solid #d9d9d9;
}
.scroll.spSizeAdjust .tableBase .leftFixd.leftFixdNoBorder:before,
.scroll.spSizeAdjust .tableBase .leftFixd40.leftFixdNoBorder:before,
.scroll.spSizeAdjust .tableBase .leftFixd60.leftFixdNoBorder:before {
  border: none !important;
}
/*リンクテキスト（右端）*/
.rightLink {
  font-size: 12px;
  padding: 10px 0;
  text-align: right;
}
/*リンクテキスト（左端）*/
.leftLink {
  font-size: 12px;
  padding: 10px 0;
  text-align: left;
}
/*リンクテキスト（中央）*/
.centerLink {
  font-size: 12px;
  padding: 10px 0;
  text-align: center;
}
/*リスト横並べ*/
.flowList {
  overflow: hidden;
}
.flowList li {
  float: left;
  font-size: 12px;
  padding: 0 15px 10px 0;
}
/*バナーセンタリング*/
.bn658 {
  margin: 0 15px 30px;
}
/* ---------------------------------
  履歴書独自　後ほど別ファイルに移す
---------------------------------- */
/*a { text-decoration: none;}
a:hover { text-decoration: underline;}*/ /*4.1時には開放*/
.heading.bg-chromium {
  background-color: #ff8250;
}
.heading.bg-skyblue {
  background-color: #32bed2;
}
/* ---------------------------------
  Cards
---------------------------------- */
.itemCard {
  overflow: hidden;
}
.itemCard li,
.itemCard.large li {
  border: 1px #e6e6e6 solid;
  margin: 0 0 20px;
  position: relative;
}
.itemCard li a {
  color: #000;
  -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
  -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.6);
  box-shadow: 0 0 10px rgba(190, 190, 190, 0.6);
  display: block;
}
.itemCard ul li a:active {
  color: #0a50a1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.itemCard li .box-info {
  position: relative;
  padding: 15px 15px 30px;
}
.itemCard li .box-info .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.itemCard li .box-info .card-item-txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
/* itemCard 20170703追加*/
.itemCard.link--text li a {
  color: #0a50a1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.itemCard.link--text ul li a:hover {
  background-color: #ffffff;
  text-decoration: underline;
  opacity: 1;
}
.itemCard.link--text--img li a {
  color: #0a50a1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.itemCard.link--text--img li .img {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.itemCard.link--text--img li .img .overlay {
  display: none;
}
.card--label {
  font-size: 12px;
  left: 0px;
  line-height: 1em;
  position: absolute;
  top: 0px;
  color: rgb(255, 255, 255);
  padding: 8px 10px;
  background: rgb(10, 80, 161);
}
/*table*/
.tableBase.SD {
  background-color: #fff;
  border: #d9d9d9 solid;
  border-width: 1px 0 0 1px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  width: 100%;
}
.tableBase.SD th,
.tableBase.SD td {
  border: #d9d9d9 solid;
  border-width: 0 1px 1px 0;
  padding: 15px 10px;
  text-align: left;
}
.tableBase.SD th {
  background-color: #f7f7f7;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 15px;
  vertical-align: top;
}
.listSD li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.listSD li:last-child {
  margin-bottom: 0;
}
.listStyleSD {
  margin-left: 1em;
}
/* arrow */
.listStyleSD.listStyle--arrow {
  position: relative;
}
.listStyleSD.listStyle--arrow:after {
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  content: "";
  display: block;
  height: 6px;
  left: -1em;
  position: absolute;
  top: 0.55em;
  transform: rotate(-45deg);
  width: 6px;
  -webkit-transform: rotate(-45deg);
}
/* ---------------------------------
  履歴書ダウンロード用ボタン
---------------------------------- */
.box-anchor {
  overflow: hidden;
}
.btn-anchor {
  margin-right: -2%;
}
.btn-anchor li {
  float: left;
  margin: 0 2% 15px 0;
  width: 48%;
}
[class^="btnTypeSD"] {
  border-radius: 8px; /* CSS3草案 */
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px; /* Firefox用 */
  cursor: pointer;
  display: block;
  font-size: 15px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  position: relative;
  width: 100%;
}
[class^="btnTypeSD"]:hover {
  text-decoration: none;
}
/*white*/
.btnTypeSD00 {
  font-weight: bold;
  background: #fff;
  border: solid 1px #cccccc;
  box-shadow: 0 1px 0 #cccccc;
}
.btnTypeSD00:link {
  color: #3d3d3d;
  text-decoration: none;
}
.btnTypeSD00:visited {
  color: #3d3d3d;
  text-decoration: none;
}
.btnTypeSD00:hover {
  background: #f7f7f7;
  text-decoration: none;
  border: solid 1px #adadad;
}
.btnTypeSD00:active {
  top: 1px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
.stepList01 {
  text-align: center;
}
.stepList01 li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
}
.stepList01 li span {
  font-size: 14px;
  font-size: 1.4rem;
}
.stepList01 li span.mgL20 {
  margin-left: 20px;
}
.stepList01 li.step01 {
  background: #aac8f0;
}
.stepList01 li.step02 {
  background: #aae6aa;
}
.stepList01 li.step03 {
  background: #fff082;
}
.stepList01 li.step04 {
  background: #ffd296;
}
.stepList01 li.step05 {
  background: #ffc8be;
}
.heading.heading--thick.bg-lightblue {
  background: #aac8f0;
  color: #000;
}
.heading.heading--thick.bg-pastelgreen {
  background: #aae6aa;
  color: #000;
}
.heading.heading--thick.bg-citron {
  background: #fff082;
  color: #000;
}
.heading.heading--thick.bg-apricot {
  background: #ffd296;
  color: #000;
}
.heading.heading--thick.bg-salmonpink {
  background: #ffc8be;
  color: #000;
}
.boxStyle--thickLineLightblue--bg {
  background: #f0f6ff;
  border: 3px solid #aac8f0;
  border-top: none;
}
.boxStyle--thickLinePastelgreen--bg {
  background: #ebffeb;
  border: 3px solid #aae6aa;
  border-top: none;
}
.boxStyle--thickLineCitron--bg {
  background: #fffce5;
  border: 3px solid #fff082;
  border-top: none;
}
.boxStyle--thickLineApricot--bg {
  background: #fff4e5;
  border: 3px solid #ffd296;
  border-top: none;
}
.boxStyle--thickLineSalmonpink--bg {
  background: #fff;
  border: 3px solid #ffc8be;
  border-top: none;
}
/* 20170720追記 */
.boxStyle--leftLine {
  border-left: 3px solid #dddddd;
}
.boxStyle--leftLine h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.boxStyle--leftLine h4,
.boxStyle--leftLine p,
.boxStyle--leftLine li {
  font-size: 13px;
  font-size: 1.3rem;
}
.boxStyle--leftLine h4,
.boxStyle--leftLine p {
  font-weight: normal;
  margin-bottom: 5px;
}
.boxStyle--leftLine li {
  line-height: 1.4;
}
.listStyle--circle.styleSmall:after {
  width: 3px;
  height: 3px;
  top: 0.5em;
}
.sectionLine {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.articleArea.enmanBG01,
.articleArea.enmanBG02,
.articleArea.enmanBG03,
.articleArea.enmanBG04 {
  position: relative;
  margin-bottom: 50px;
}
.articleArea.enmanBG01 .navi,
.articleArea.enmanBG02 .navi,
.articleArea.enmanBG03 .navi,
.articleArea.enmanBG04 .navi {
  width: 50%;
  position: absolute;
  bottom: -40px;
  left: 24%;
}
/*あとで移す*/
.pict-graph {
  display: block;
  width: 80px;
}
/* 転職求人倍率レポートindexページ追加分 */
/* ---------------------------------
  Media textonly
---------------------------------- */
.media {
  overflow: hidden;
}
.media.textonly li a {
  border-bottom: solid 1px #e6e6e6;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 15px 0;
}
.media.textonly li.even {
  margin-right: 0;
}
/*.media  ul li a:hover { opacity: 0.7;}*/
.media.textonly li div {
  /*float: left;*/
  margin: 0;
  width: 100%;
}
.media.textonly li div dl {
}
.media.textonly li div dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 10px;
}
.media.textonly li div dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}
/* ページ内外遷移でのSPヘッダー高さ分のズレ防止 */
.CAL {
  margin-top: -50px;
  padding-top: 50px;
}
.CAL--table {
  margin-top: -110px;
  padding-top: 110px;
}
/* guideTopLink 20170523追加 */
.guideTopLink {
  width: 100%;
  height: auto;
}
.guideTopLink a {
  display: block;
  width: 100%;
  font-size: 14px;
  height: 48px;
  line-height: 47px;
  text-align: center;
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  /*box-shadow: 0 1px 0 #e6e6e6;*/
  -webkit-border-radius: 8px; /* Safari, Chrome用 */
  -moz-border-radius: 8px; /* Firefox用 */
  border-radius: 8px; /* CSS3 */
  box-sizing: border-box;
}
.guideTopLink a:link {
  color: #000000;
  text-decoration: none;
}
.guideTopLink a:visited {
  color: #000000;
  text-decoration: none;
}
.guideTopLink a:hover {
  background: #f7f7f7;
  text-decoration: none;
  border: solid 1px #e6e6e6;
}
.guideTopLink a:active {
  top: 1px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px inset;
}
/* アンカーリンクボタン（最大9まで想定） 20170523追加 */
.anchorBox {
  width: 100%;
  height: auto;
}
.anchorBox:after {
  content: "";
  clear: both;
  display: block;
}
.anchorBox.double li {
  float: left;
  width: 50%;
  height: 42px;
  text-align: left;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.anchorBox.triple li {
  float: left;
  width: 33.33%;
  height: 42px;
  text-align: left;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.anchorBox.double li:not(:last-child):not(:nth-child(2n)),
.anchorBox.triple li:not(:last-child):not(:nth-child(3n)) {
  border-right: none;
}
.anchorBox.double li:nth-child(n + 3):not(:nth-child(n + 10)),
.anchorBox.triple li:nth-child(n + 4):not(:nth-child(n + 10)) {
  border-top: none;
}
.anchorBox.double li span,
.anchorBox.triple li span {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  box-sizing: border-box;
}
.anchorBox.double li a,
.anchorBox.triple li a {
  display: table-cell;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  box-sizing: border-box;
}
/* 20180810追加 */
/*--------------------------------------------------
  guideSummaryArea
--------------------------------------------------*/
.guideSummaryArea {
  position: relative;
  margin: 0 15px 60px;
}
.guideSummaryArea .innerBox {
  position: relative;
  background-color: #24aae9;
  padding: 40px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.guideSummaryArea .innerBox p {
  position: absolute;
  top: 13px;
  left: 20px;
  color: #ffffff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1em;
  z-index: 1;
}
.guideSummaryArea .innerBox ul {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.guideSummaryArea .innerBox ul li {
  position: relative;
  color: #333333;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: -0.4px;
  padding: 10px 10px 10px 38px;
}
.guideSummaryArea .innerBox ul li:not(:first-child) {
  border-top: 1px solid #e6e6e6;
}
.guideSummaryArea .innerBox ul li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 12px;
  width: 15px;
  height: 15px;
  background-image: url(/cmn_web/img/guide/age/2018first/zacked_together_check.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px auto;
  overflow: hidden;
}
/*--------------------------------------------------
  guideEditingPostscript
--------------------------------------------------*/
.guideEditingPostscript {
  position: relative;
  background-color: #30b2ef;
  padding: 0 10px 10px;
  margin: 0 15px 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.guideEditingPostscript::before {
  content: "";
  display: block;
  position: absolute;
  height: 130px;
  background-repeat: no-repeat;
  background-position: top 0 left 0;
  z-index: 0;
}
.guideEditingPostscript.illustration01::before {
  top: -30px;
  right: 30px;
  width: 84px;
  background-image: url(/cmn_web/img/guide/cyousatai_illustration_01.png);
  background-size: 84px auto;
}
.guideEditingPostscript.illustration02::before {
  top: -30px;
  right: 30px;
  width: 115px;
  background-image: url(/cmn_web/img/guide/cyousatai_illustration_02.png);
  background-size: 115px auto;
}
.guideEditingPostscript.illustration03::before {
  top: -30px;
  right: 30px;
  width: 70px;
  background-image: url(/cmn_web/img/guide/cyousatai_illustration_03.png);
  background-size: 70px auto;
}
.guideEditingPostscript h2 {
  display: block;
  color: #ffffff;
  width: 84px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  border-bottom: 4px solid #fff100;
  padding: 28px 0 4px;
  margin: 0 auto 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.guideEditingPostscript h2 {
  margin: 0 auto 28px 5px;
}
.guideEditingPostscript .innerBox {
  position: relative;
  background-color: #ffffff;
  padding: 15px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
}
.guideEditingPostscript .innerBox .textArea {
  width: 100%;
  height: auto;
}
.guideEditingPostscript .innerBox .textArea p {
  color: #333333;
  font-size: 15px;
  font-size: 1.5;
  line-height: 1.6;
}
/*--------------------------------------------------
  guideOverviewArea
--------------------------------------------------*/
.guideOverviewArea {
  height: auto;
  margin: 0 15px 50px;
}
.guideOverviewArea h3 {
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 12px;
}
.guideOverviewArea p {
  color: #808080;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
}
.guideOverviewArea p:not(:last-child) {
  margin-bottom: 10px;
}
/*--------------------------------------------------
  guideBackNumber
--------------------------------------------------*/
.guideBackNumber {
  height: auto;
  margin: 0 15px 40px;
}
.guideBackNumber h3 {
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 12px;
}
.guideBackNumber p {
  color: #aaaaaa;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.guideBackNumber p a {
  color: #0a50a1;
  font-size: 12px;
  font-size: 1.2rem;
}
.guideBackNumber p a:hover {
  text-decoration: underline;
}
/*--------------------------------------
 topHeader
----------------------------------------*/
#topHeader {
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
}
#content.contentSp {
  margin-top: -50px;
}
#topHeader > img {
  display: block;
}
/*-----------------------------------------------------------------
  5.0リニューアル対応追加分
-----------------------------------------------------------------*/
/*--------------------------------------------------
  転職クイズコンテンツ
--------------------------------------------------*/
.disnone {
  display: none;
}
/* quizbox
----------------------------------------*/
.quizbox,
.answerArea .answer {
  position: relative;
  width: 100%;
  height: 430px;
  background-color: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.quizbox .quizTitleArea,
.answerArea .answerTitleArea {
  position: relative;
  width: 100%;
  height: auto;
}
.quizbox img,
.answerArea img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  vertical-align: top;
}
.quizbox .quizTitleArea .quizTitle,
.answerArea .answerTitleArea .answerTitle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 144px;
  height: 68px;
  color: #ffffff;
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: auto;
}
.quizbox .quizTitleArea .quizTitle span,
.answerArea .answerTitleArea .answerTitle span {
  font-size: 17px;
  font-size: 1.7rem;
}
.quizbox .quizTextArea {
  position: relative;
  height: 170px;
  margin: 0 34px;
}
.quizbox .quizText {
  position: absolute;
  top: 50%;
  left: 0;
  color: #333333;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.9;
  text-align: left;
  word-wrap: break-word;
  padding-top: 40px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.quizbox .quizText::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 25px;
  height: 25px;
  background-image: url(https://doda.jp/cmn_web/img/guide/index/sidequiz_q.png);
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: center center;
}
.quizbox .btnArea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.quizbox .btnArea .abutton {
  display: block;
  width: 246px;
  height: 50px;
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #ffffff;
  padding: 2px 5px 0;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  appearance: none;
}
.quizbox .btnArea .abutton:nth-child(1) {
  color: #eea199;
  border: 1px solid #f19ec2;
  margin-bottom: 20px;
}
.quizbox .btnArea .abutton:nth-child(2) {
  color: #59b5f2;
  border: 1px solid #7ecef4;
  margin-bottom: 30px;
}
.quizbox .btnArea .abutton:hover {
  background-color: #fffcd1;
}
/* answerArea
----------------------------------------*/
.answerArea .answerImg {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 20px auto;
  overflow: hidden;
}
.answerArea .answerImg img {
  position: absolute;
  top: 0;
  width: 240px;
}
.answerArea .correctA .answerImg img {
  left: 0;
}
.answerArea .losingA .answerImg img {
  right: 0;
}
.answerArea .answerText {
  position: relative;
  height: 90px;
  color: #333333;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
  word-wrap: break-word;
  margin: 0 21px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.answerArea .btnArea {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.answerArea .btnArea a {
  display: block;
  width: 246px;
  height: auto;
  margin: 0 auto 30px;
  text-decoration: none;
}
.answerArea .btnArea button {
  display: block;
  width: 100%;
  height: 50px;
  color: #2088c7;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #007fc3;
  padding: 2px 5px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  appearance: none;
}
.answerArea .btnArea button:hover {
  background-color: #f2fcff;
}
/*--------------------------------------------------
  guideLayoutAside
--------------------------------------------------*/
.guideLayoutAside {
  display: none;
}
.guideLayoutAside.showSP {
  display: block;
  margin: 0 15px 15px;
}
/*--------------------------------------------------
  memberRegistrationBtnArea
--------------------------------------------------*/
.guideLayoutAside.memberArea {
  box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 6px;
}
.memberRegistrationBtnArea {
  padding: 25px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}
.memberRegistrationSubText {
  color: #fe6e0f;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 15px;
}
.memberRegistrationText {
  font-size: 13px;
  text-align: center;
  line-height: 17px;
  font-weight: bold;
  margin-bottom: 15px;
}
.memberRegistrationSucBtnArea {
  background-color: #fff;
  padding: 25px;
  font-size: 12px;
  border-radius: 0px 0px 6px 6px;
}
.memberRegistrationSubBtn {
  border-radius: 6px;
  border: 1px solid #d6d6d6;
}
.memberRegistrationSubBtn:first-child {
  margin-bottom: 15px;
}
.memberRegistrationSubBtn .memberRegistrationSubLink {
  text-align: center;
  color: #333333;
  font-weight: bold;
  margin: 0px auto;
  display: block;
  padding: 12px 0px;
}
.memberRegistrationBtnArea .memberRegistrationBtn {
  width: 100%;
  height: auto;
}
.memberRegistrationBtnArea .memberRegistrationBtn a {
  display: block;
  height: 50px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  background: linear-gradient(#fd8331, #f60);
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.memberRegistrationBtnArea .memberRegistrationBtn a:hover {
  background: linear-gradient(#fda164, #ff8c40);
}
.memberRegistrationBtnArea .memberRegistrationBtn a span {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 0.5em;
}
.memberRegistrationBtnArea .guideLoginText {
  color: #808080;
  font-size: 14px;
  text-align: center;
  margin: 16px 0 0;
}
.memberRegistrationBtnArea .guideForFirst {
  margin-top: 12px;
}
.memberRegistrationBtnArea .guideForFirst a {
  display: block;
  width: 228px;
  height: 30px;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #d6d6d6;
  margin: 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.counterNo {
  display: block;
}
/*--------------------------------------------------
  resumeCurriculumSampleList
--------------------------------------------------*/
.resumeCurriculumSampleList {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.resumeCurriculumSampleList ul {
  border-top: 4px solid #59aadd;
}
.resumeCurriculumSampleList ul li {
  width: 100%;
  height: auto;
  margin: 0;
}
.resumeCurriculumSampleList ul li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.resumeCurriculumSampleList ul li a {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.resumeCurriculumSampleList ul li.resumeSample a,
.resumeCurriculumSampleList ul li.curriculumSample a {
  padding: 35px 40px 34px 80px;
}
.resumeCurriculumSampleList ul li.curriculumCreateTool a {
  padding: 23px 40px 21px 20px;
  border-radius: 0px 0px 6px 6px;
}
.resumeCurriculumSampleList ul li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 14px;
  background-image: url(/cmn_web/img/guide/index/arrow_blue_right.png);
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: center center;
  margin-top: -7px;
}
.resumeCurriculumSampleList ul li:not(:last-child) a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 19px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: center center;
  margin-top: -25px;
}
.resumeCurriculumSampleList ul li.resumeSample a::after {
  background-image: url(/cmn_web/img/guide/index/resume_sample_icon.png);
}
.resumeCurriculumSampleList ul li.curriculumSample a::after {
  background-image: url(/cmn_web/img/guide/index/curriculum_vitae_sample_icon.png);
}
/*--------------------------------------------------
  listAsideBnr
--------------------------------------------------*/
.listAsideBnr li {
  margin-bottom: 15px;
}
.listAsideBnr li img {
  width: 100%;
  height: auto;
  border: solid 1px #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------------------------------------
  guideMangaVisualBnr
--------------------------------------------------*/
.guideMangaVisualBnr img {
  width: 100%;
  height: auto;
  border: solid 1px #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------------------------------------
  guideChatVisualBnr
--------------------------------------------------*/
.guideChatVisualBnr img {
  width: 100%;
  height: auto;
  border: solid 1px #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------------------------------------
  popularArticleRankings
--------------------------------------------------*/
.popularArticleRankings {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}
.popularArticleRankings .rankingsTitle {
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  border-top: 4px solid #59aadd;
  padding: 16px 10px 15px;
}
.popularArticleRankings ul li {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  margin: 0;
  overflow: hidden;
}
.popularArticleRankings ul li:last-child {
  margin-bottom: 8px;
}
.popularArticleRankings ul li .rankingNumber {
  position: absolute;
  top: 0;
  left: 10px;
  width: 16px;
  height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.popularArticleRankings ul li:nth-child(-n + 3) .rankingNumber {
  color: #333333;
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center center;
  padding-top: 5px;
}
.popularArticleRankings ul li:nth-child(n + 4) .rankingNumber {
  color: #aaaaaa;
  padding-top: 10px;
}
.popularArticleRankings ul li:nth-child(1) .rankingNumber {
  background-image: url(/cmn_web/img/guide/index/ranking_number_icon_01.png);
}
.popularArticleRankings ul li:nth-child(2) .rankingNumber {
  background-image: url(/cmn_web/img/guide/index/ranking_number_icon_02.png);
}
.popularArticleRankings ul li:nth-child(3) .rankingNumber {
  background-image: url(/cmn_web/img/guide/index/ranking_number_icon_03.png);
}
.popularArticleRankings ul li .imgArea {
  position: absolute;
  top: 10px;
  left: 38px;
  width: 60px;
  height: 60px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.popularArticleRankings ul li .imgArea img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.popularArticleRankings ul li .textArea {
  width: 100%;
  height: 100%;
  border-top: 1px solid #e6e6e6;
}
.popularArticleRankings ul li .textArea a {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}
.popularArticleRankings ul li .textArea a span {
  display: table-cell;
  width: 100%;
  height: auto;
  vertical-align: middle;
  padding: 0 15px 0 112px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.popularArticleRankings ul li .textArea a:hover span {
  text-decoration: underline;
}

/*202412 ABテスト用追記*/
.popularArticleRankings .nextMovie,
.popularArticleRankings .chapterListsTitle,
.popularArticleRankings .chapter {
  display: none;
}

.nextMovie {
  display: none;
}

/*--------------------------------------------------
  PC-guide_right_rectangle(既存ID使用)
--------------------------------------------------*/
#PC-guide_right_rectangle a {
  display: block;
}
#PC-guide_right_rectangle img {
  width: 100%;
  height: auto;
  border: solid 1px #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------------------------
回遊用パーツ
----------------------------------------*/
.successGuideMigration h3.guide img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
h3.guide {
  padding-bottom: 0;
}
.successGuideMigration {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.successGuideMigration ul li {
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  border-right: none;
}
.successGuideMigration ul li:last-child {
  border-bottom: none;
}
.successGuideMigration ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.guideMenu02 li a {
  padding: 15px 5px 12px 90px !important;
}
.successGuideMigration ul li:last-child:before,
.guideMenu02 li:before {
  border-top: none !important;
  border-right: none !important;
}
.guideMenu02 li:nth-child(1) {
  background: url(/guide/episodes/img/guide_navi_illust_02.png) 2% bottom no-repeat;
  background-size: 20%;
  border-top: none !important;
  border-left: none !important;
}
.guideMenu02 li:nth-child(2) {
  background: url(/guide/episodes/img/guide_navi_illust_03.png) left bottom no-repeat;
  background-size: 20%;
  border-top: none !important;
  border-left: none !important;
}
.guideMenu02 li:nth-child(3) {
  background: url(/guide/episodes/img/guide_navi_illust_04.png) 1% bottom no-repeat;
  background-size: 20%;
  border-top: none !important;
  border-left: none !important;
}

/*--------------------------------------------------
  181202追加分
--------------------------------------------------*/
.successGuideMigration .guideMenu02 li.current01 {
  background: #f2f2f2 url(/guide/episodes/img/guide_navi_illust_02.png) 2% bottom no-repeat;
  background-size: 20%;
  border-top: none !important;
  border-left: none !important;
}
.successGuideMigration .guideMenu02 li.current02 {
  background: #f2f2f2 url(/guide/episodes/img/guide_navi_illust_03.png) left bottom no-repeat;
  background-size: 20%;
  border-top: none !important;
  border-left: none !important;
}
.successGuideMigration .guideMenu02 li.current03 {
  background: #f2f2f2 url(/guide/episodes/img/guide_navi_illust_04.png) 1% bottom no-repeat;
  background-size: 20%;
  border-top: none !important;
  border-left: none !important;
}
.successGuideMigration .guideMenu02 li.current01 a,
.successGuideMigration .guideMenu02 li.current02 a,
.successGuideMigration .guideMenu02 li.current03 a {
  color: #000000;
}
.sp_on {
  display: block;
}
/*--------------------------------------------------
  190515追加分 はじめての方誘導強化
--------------------------------------------------*/
.memberRegistrationBtnArea .guideForFirst.medium {
  width: 100%;
  height: auto;
}
.memberRegistrationBtnArea .guideForFirst.medium a {
  width: 228px;
  height: 50px;
  line-height: 50px;
}
/*190624追加_編集後記画像差し替え*/
.guideEditingPostscript.illustration01::before {
  top: -31px;
  right: 30px;
  width: 79px;
  height: 115px;
  background-image: url(/cmn_web/img/guide/cyousatai_illustration190624_01.png);
  background-size: 79px 115px;
}
.guideEditingPostscript.illustration02::before {
  top: -33px;
  right: 30px;
  width: 95px;
  height: 118px;
  background-image: url(/cmn_web/img/guide/cyousatai_illustration190624_02.png);
  background-size: 95px 118px;
}
.guideEditingPostscript.illustration03::before {
  top: -34px;
  right: 30px;
  width: 72px;
  height: 119px;
  background-image: url(/cmn_web/img/guide/cyousatai_illustration190624_03.png);
  background-size: 72px 119px;
}
/*190624右ナビ_キャラクター変更*/
.successGuideMigration .guideMenu02 li.current03 {
  background: #f2f2f2 url(/guide/episodes/img/guide_navi_illust190624_04.png) 0 bottom no-repeat;
  background-size: 20%;
}
.guideMenu02 li:nth-child(3) {
  background: url(/guide/episodes/img/guide_navi_illust190624_04.png) 0 bottom no-repeat;
  background-size: 20%;
}
/*------公開日マークアップ------*/
.tp-intro-info {
  text-align: right;
  font-size: 14px;
  margin: 15px;
}
/*---- 20201116追加バナーパーツ ----*/
.infoArea.boxStyle--test {
  background: #eef4fc;
  border: 1px solid #aac8f0;
  padding-top: 20px;
  margin-bottom: 30px;
}
.media.full--inBox.test_box {
  position: relative;
}
.media.full--inBox li .test_img {
  float: left;
  width: 35%;
  border: 1px solid #e6e6e6;
  position: absolute;
  top: 30%;
}
.media.full--inBox.test_box li .test_textbox {
  float: left;
  width: 100%;
  margin: 0;
}
.media.full--inBox.test_box li:after {
  content: "";
  clear: both;
  display: block;
}
.media.full--inBox.test_box li .test_btn {
  margin-left: 0;
  width: 100%;
  padding: 0 5%;
}
.media.full--inBox.test_box li .test_link {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.media.full--inBox.test_box dd {
  width: 60%;
  float: right;
}
.media.full--inBox.test_box .test_btn a {
  font-weight: bold;
  background: #fff;
  border: solid 1px #cccccc;
  border-radius: 6px;
  box-shadow: 0 1px 0 #cccccc;
  font-weight: normal;
  color: #3d3d3d;
}
.media.full--inBox.test_box .test_btn a:visited {
  color: #3d3d3d;
  text-decoration: none;
}
/*===============================
リンクアイテム
===============================*/
/* listStyle listStyle--arrow アイコン調整 */
.listStyle.listStyle--arrow {
  margin-top: 5px;
  display: inline-block;
}
/* リンクアイコン */
.link_arrow_before {
  display: inline-block;
  position: relative;
  padding-left: 15px !important;
}
.link_arrow_before::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 5px;
  height: 5px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  transform: rotate(45deg);
}
.link_arrow_after {
  padding-right: 20px !important;
}
.link_arrow_after::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 5px;
  height: 5px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  transform: rotate(45deg);
}
.link_arrow_down_before {
  display: inline-block;
  position: relative;
  padding-left: 15px !important;
}
.link_arrow_down_before::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 3px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  transform: rotate(135deg);
}
.link_arrow_up_before {
  display: inline-block;
  position: relative;
  padding-left: 15px !important;
}
.link_arrow_up_before::before {
  content: "";
  position: absolute;
  top: 0.65em;
  left: 3px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #007fc3;
  border-right: 2px solid #007fc3;
  transform: rotate(-45deg);
}
.link_arrow_inline {
  display: inline;
}
.link_arrow_inline.link_arrow_down_before::before {
  top: 0.15em;
}
.link_arrow_inline.link_arrow_up_before::before {
  top: 0.35em;
}
.iconBullet a,
a.iconBullet {
  position: relative;
  margin-bottom: 10px;
  padding-left: 10px;
}
.iconBullet a::before,
a.iconBullet::before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 0;
  height: 0;
  border-left: 5px solid #007fc3;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 0 solid transparent;
}
/*------20211101共有CVボタン------*/
.btnBox_conv {
  display: block;
  border-radius: 6px;
  border: 1px solid #cccccc;
  position: relative;
  margin: 0 15px 30px;
}
.btnBox_conv .textArea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #f2f2f2;
  padding: 14px 8px 14px 12px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
  text-align: center;
}
.btnBox_conv .textArea .text_conv {
}
.btnBox_conv .textArea .subText_conv {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #aaa;
  margin-top: 5px;
}
.btnBox_conv .textArea .subText_conv .subLink_conv:link {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  color: #007fc3;
}
.btnBox_conv.orangeLine:before {
  background-color: #ff5a00;
  border-radius: 6px 0px 0px 6px;
  content: "";
  display: block;
  height: 100%;
  width: 5px;
  top: 0;
  left: -1px;
  position: absolute;
}
.btnBox_conv.greenLine:before {
  background-color: #88c04b;
  border-radius: 6px 0px 0px 6px;
  content: "";
  display: block;
  height: 100%;
  width: 5px;
  top: 0;
  left: -1px;
  position: absolute;
}
.btnBox_conv.blueLine:before {
  background-color: #007fc3;
  border-radius: 6px 0px 0px 6px;
  content: "";
  display: block;
  height: 100%;
  width: 5px;
  top: 0;
  left: -1px;
  position: absolute;
}
.btnBox_conv .btnArea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 20px 10px 20px 12px;
  position: relative;
}
.btnOrange_conv {
  color: #ffffff;
  background: linear-gradient(#fd8331, #f60);
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  text-align: center;
  width: auto;
  box-sizing: border-box;
  padding: 12px 4px;
  font-size: 16px;
}
.btnOrange_conv:link,
.btnOrange_conv:visited,
.btnOrange_conv:active {
  color: #ffffff;
  text-decoration: none;
}
.btnGreen_conv {
  color: #ffffff;
  background: linear-gradient(#7dba3c, #60ab0f);
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  text-align: center;
  width: auto;
  box-sizing: border-box;
  padding: 12px 4px;
  font-size: 16px;
}
.btnGreen_conv:link,
.btnGreen_conv:visited,
.btnGreen_conv:active {
  color: #ffffff;
  text-decoration: none;
}
.btnBlue_conv {
  color: #ffffff;
  background: linear-gradient(#3197cd, #017fc3);
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  display: block;
  text-align: center;
  width: auto;
  box-sizing: border-box;
  padding: 12px 4px;
  font-size: 16px;
}
.btnBlue_conv:link,
.btnBlue_conv:visited,
.btnBlue_conv:active {
  color: #ffffff;
  text-decoration: none;
}
.btnBox_conv .btnArea .btnSub_conv {
  font-size: 12px;
}
/*--------------------------------------------------
  guideLayoutAsideWebmovie
--------------------------------------------------*/
.guideLayoutAsideWebmovie {
  display: block;
  margin: 0 15px 15px;
}
/*--------------------------------------------------
診断コンテンツ一覧
--------------------------------------------------*/
.diagnoseBox {
  margin-bottom: 20px;
}
.diagnoseList .diagnoseImg {
  margin-left: -20px;
}
.popularArticleRankings ul .diagnoseList .textArea a .diagnoseText {
  padding: 0 15px 0 95px;
}

/*--------------------------------------------------
ホールディングスのリンク群
--------------------------------------------------*/
#mainFooter.mainFooter--hasPersolLink {
  border-top: 0;
}

#mainFooter.mainFooter--hasPersolLink > .persolLink {
  border-bottom: 2px #007fc3 solid;
}

.persolLink {
  display: grid;
  grid-auto-flow: row;
  row-gap: 30px;
  padding: 16px 16px 40px;
  color: #333;
  line-height: 1.5;
  background-color: #f0f9ff;
}

.persolLink__heading {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

#mainFooter .persolLink__link,
#mainFooter .persolLink__button {
  color: inherit;
  white-space: nowrap;
}

.persolLink__middle {
  font-size: 12px;
  margin-bottom: 24px;
}

.persolLink__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.persolLink__item:not(:last-of-type) {
  padding-right: 12px;
  border-right: 1px solid #ccc;
}

.persolLink__subCategory {
  padding: 16px 0 20px;
}

.persolLink__subCategory:first-of-type {
  padding-top: 0;
}

.persolLink__subCategory:not(:first-of-type) {
  border-top: 1px solid #ccc;
}

.persolLink__subCategory:last-of-type {
  padding-bottom: 0;
}

.persolLink__subHeading {
  margin-bottom: 6px;
}

.persolLink__button {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 0 12px;
}