/* ------------------------------------------------------------

  top content

------------------------------------------------------------ */
.mainiamge {
  width: 1300px;
  margin: 0 auto 50px;
}

.top-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.type-list {
  display: table;
  width: 100%;
  margin-bottom: 35px;
}
.type-list li {
  /*width: 25%;*/
  width: 20%;
  display: table-cell;
  vertical-align: top;
}
.type-list li p {
  color: #fff;
  text-align: center;
  font-size: 1.13rem;
  position: relative;
  padding: 44px 0 44px 25px;
}
.type-list li p:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: auto;
  line-height: 1;
  margin-left: -25px;
  margin-top: -25px;
}
.type-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.type-list li.type01 p { background: #2dd0ac; }
.type-list li.type02 p { background: #2990e7; }
.type-list li.type05 p { background: #3b5da3; }
.type-list li.type03 p { background: #faa819; }
.type-list li.type04 p {
  background: #ff99aa;
  padding: 28px 0;
}
.type-list li.type04 p:before {
  top: 50%;
  left: 21px;
  margin-left: 0;
  margin-top: -25px;
}

.topic-area {
  margin-bottom: 70px;
}
.topic-area article {
  float: left;
  width: 243px;
  border: 1px solid #dedede;
  background: #fff;
  padding: 9px;
  margin-right: 15px;
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  -ms-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
.topic-area article:last-child {
  margin-right: 0;
}
.topic-area article h3 {
  position: relative;
  font-size: 0.88rem;
  padding-top: 5px;
  padding-left: 20px;
}
.topic-area article h3:before {
  content: "\f138";
  color: #014099;
  font-family: FontAwesome;
  font-size: 1.19rem;
  line-height: 1.7rem;
  position: absolute;
  left: 0;
}



.info-area {
  margin-bottom: 20px;
  max-width: 570px;
  margin: 0 auto;
}
.info-area dl {
  border-bottom: 1px solid #e0dac8;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.info-area dl dt,
.info-area dl dd {
  font-size: 0.94rem;
}
.info-area dl dt {
  float: left;
  margin-right: 20px;
}
.info-area dl dd span {
  background: #e2dbd2;
  color: #404040;
  padding: 0 10px;
}
.info-area dl dd {
  overflow: hidden;
}
.info-area dl dd:after {
  content: "\f138";
  color: #014099;
  font-family: FontAwesome;
  font-size: 1.19rem;
  position: absolute;
  right: 0;
}

/* ------------------------------------------------------------

  second content

------------------------------------------------------------ */

.sp {
  display: none;
}

/* job */
.recruit-type {
  display: table;
  width: 100%;
}
.recruit-type div.career,
.recruit-type div.fresh {
  display: table-cell;
  width: 48%;
  padding: 20px;
  border-radius: 4px;
}
.recruit-type div.career {
  float: left;
  background: #ebf4ff;
}
.recruit-type div.fresh {
  float: right;
  background: #eef9e4;
}
.recruit-type .box {
  border-radius: 4px;
  background: #fff;
  vertical-align: middle;
  padding: 12px;
  min-height: 130px;
}
.recruit-type .box ul li {
  margin-bottom: 5px;
}
.recruit-type .box ul li a {
  color: #0063dc;
}
.recruit-type .box ul li a span {
  border-bottom: 1px solid #0063dc;
  padding-bottom: 5px;
}
.recruit-type .box ul li a:before{
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 7px;
  color: #0063dc;
}
.recruit-type div.fresh .box ul {
}
.recruit-type div.fresh .box ul li a {
  color: #6eb92b;
}
.recruit-type div.fresh .box ul li a:before{
  content: "\f105";
  font-family: FontAwesome;
  padding-right: 7px;
  color: #6eb92b;
}
.recruit-type div.fresh .box ul li a span {
  border-bottom: 1px solid #6eb92b;
  padding-bottom: 5px;
}
.type-list02 {
  display: table;
  width: 100%;
}
.type-list02 ul {
  margin-bottom: 30px;
}
.type-list02 li {
  width: auto;
  display: table-cell;
}
.type-list02 li p span {
  color: #fff;
  text-align: left;
  line-height: 120px;
  font-size: 1.13rem;
  position: relative;
  padding-left: 50px;
}
.type-list02 li p span:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: -11px;
  left: auto;
  line-height: 1;
  margin-left: -25px;
}
.type-list02 li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.type-list02 li.type01 p { background: #19c8ff; }
.type-list02 li.type02 p { background: #199bff; }
.type-list02 li.type03 p { background: #53b0ff; }
.type-list02 li.type04 p { background: #2f8ede; }
.type-list02 li.type05 p { background: #005aab; }

.type-list02 li.type01 { padding-right: 30px; }
.type-list02 li.type03,
.type-list02 li.type04 { padding-right: 25px; }

.tb01 {
  width: 100%;
  border-collapse: collapse;
}
.tb01 th,
.tb01 td {
  border: 1px solid #b6b6b6;
  background: #fff;
  padding: 10px 7px;
  font-size: 0.88rem;
  text-align: left;
}
.tb01 th {
  background: #e1f5ff;
}

.bottom_contact {
  border-top: 1px solid #c9bfb2;
  border-bottom: 1px solid #c9bfb2;
  padding: 30px;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
.bottom_contact div,
.bottom_contact p {
  display: table-cell;
  vertical-align: bottom;
}
.bottom_contact div {
  padding-right: 20px;
}
.bottom_contact p {
  width: 100%;
}

.job-list {
  border-top: 1px solid #c9bfb2;
  border-bottom: 1px solid #c9bfb2;
  padding: 15px 15px 5px;
  margin-bottom: 20px;
}
.job-list ul {
  letter-spacing: -.40em;
}
.job-list ul li {
  display: inline-block;
  letter-spacing: normal;
  width: 25%;
  margin-bottom: 10px;
}
.job-list ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  color: #6eb92b;
  padding-right: 7px;
}

.recruit-list {
  margin-left: -30px;
}
.recruit-list article {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  padding: 20px 20px 10px;
  width: 360px;
  float: left;
  margin-left: 30px;
  margin-bottom: 30px;
}
.recruit-list article h3 {
  font-size: 1.13rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.recruit-list article .ttl-career {
  background: #ebf4ff;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.recruit-list article .ttl-fresh {
  background: #eef9e4;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.recruit-list article ul {
  margin-bottom: 20px;
  padding: 0 15px;
}
.recruit-list article ul li a span {
  border-bottom: 1px solid #d7d7d7;
}
.recruit-list article ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  color: #0063dc;
  padding-right: 7px;
}

.agenda {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-top: -1px;
}
.agenda:first-child {
  margin-top: 0;
}
.agenda li {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  font-size: 0.88rem;
}
.agenda li.col3,
.agenda li.col4,
.agenda li.col6 { float: none; }
.agenda li a {
  padding: 10px;
  display: block;
}
.agenda li a:before {
  content: "\f107";
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 7px;
}
.agenda li:hover,
.agenda li:hover a,
.agenda li a:hover {
  background: #6eb92b;
  color: #fff;
}
.agenda li.non:hover {
  background: #fff;
}

.tel-area {
  border: 5px solid #f0f0e6;
}
.tel-area dl {
  background: #fff;
  padding: 5px;
  display: table;
  width: 100%;
}
.tel-area dl dt,
.tel-area dl dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}
.tel-area dl dt {
  width: 48%;
  border-right: 1px solid #cecece;
}

.tel-area ol li {
  margin-bottom: 10px;
}
.tel-area ol span {
  background: #0063dc;
  border-radius: 4px;
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
  margin-right: 5px;
}

.disc-list li { padding-left: 1em; margin-bottom: 10px; }
.disc-list li:before { content: "・"; display: inline-block; margin-left: -1em; }
.num-list { padding-left: 1.7em; }
.num-list li { list-style: decimal; margin-bottom: 10px; }
.num-list.border-dotted > li { padding-bottom: 10px; border-bottom: 1px dotted #dfdfdf; }
.num-list li ul.disc-list li {
  list-style: none;
}
.float-list li { float: left; width: 33.33333333333%; }

.b-border { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #cecece; }


.voice-list .b-border span {
  background: #0063dc;
  border-radius: 4px;
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
  margin-right: 5px;
}

/* お知らせ一覧 */
.info-list dl {
  border-bottom: 1px solid #e0dac8;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.info-list dl dt,
.info-list dl dd {
  font-size: 0.94rem;
}
.info-list dl dt {
  float: left;
  margin-right: 20px;
}
.info-list dl dd span {
  color: #fff;
  padding: 0 10px;
}
.info-list dl dd {
  overflow: hidden;
}
.info-list dl dd:after {
  content: "\f138";
  color: #6eb92b;
  font-family: FontAwesome;
  font-size: 1.19rem;
  position: absolute;
  right: 0;
}

.row {
  padding: 0 20px;
}
.info-ttl {
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}
.info-ttl span {
  background: #eaeaea;
  font-size: 12px;
  padding: 0px 17px;
  margin-left: 15px;
  display: inline-block;
}
.date {
  font-size: 14px;
  margin-bottom: 20px;
}


.r-new {
  display: inline-block;
  background: #00a2ff !important;
  color: #fff;
  margin-right: 5px;
  padding: 0 5px;
  font-size: 11px;
}
.r-conscription {
  display: inline-block;
  background: #ff3300 !important;
  color: #fff;
  margin-right: 5px;
  padding: 0 5px;
  font-size: 11px;
}


.white-box {
  background: #fff;
  padding: 30px;
}
.tb02 {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #b6b6b6;
}
.tb02 th,
.tb02 td {
  border-bottom: 1px solid #b6b6b6;
  border-right: 1px dotted #b6b6b6;
  text-align: center;
  padding: 10px 15px;
}
.tb02 th {
  color: #014099;
}
.tb02 .even td {
  background: #d7e8ff;
}


.tb03 {
  width: 100%;
  border-collapse: collapse;
}
.tb03 th,
.tb03 td {
  border: 1px solid #b6b6b6;
  background: #fff;
  padding: 10px 7px;
  font-size: 0.88rem;
  text-align: left;
}
.tb03 th {
  background: #e1f5ff;
}

/* ページャー */
.wp-pagenavi {
  padding-top: 50px;
  text-align: center;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #e2e2e2;
  color: #666666;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #ffa1aa;
  padding: 3px 12px;
  margin: 0 8px;
  font-size: 20px;
  color: #ffa1aa;
}

.pc-switcher {
  text-align: center;
  padding: 0 10px;
  margin: 10px 0;
}
.pc-switcher span.active,
.pc-switcher a {
  display: inline-block;
  line-height: 60px;
  width: 50%;
}
.pc-switcher a {
  background: #dadada;
}
.pc-switcher a:hover {
  background: #115fad;
  color: #fff;
}
.pc-switcher span.active {
  background: #115fad;
  color: #fff;
}
.pc-switcher span.ico_sp:before {
  content: "\f10b";
  font-family: FontAwesome;
  padding-right: 5px;
  display: inline-block;
}
.pc-switcher span.ico_pc:before {
  content: "\f108";
  font-family: FontAwesome;
  padding-right: 5px;
  display: inline-block;
}