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

  top content

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

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

.type-list {
  display: table;
  width: 100%;
  margin-bottom: 35px;
}
.type-list li {
  width: 20%;
  display: table-cell;
}
.type-list li p {
  color: #fff;
  text-align: center;
  line-height: 120px;
  font-size: 1.13rem;
  position: relative;
  padding-left: 25px;
}
.type-list li p:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: 0;
  left: auto;
  margin-left: -25px;
}
.type-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.type-list li.type01 p { background: #19c8ff; }
.type-list li.type02 p { background: #199bff; }
.type-list li.type03 p { background: #53b0ff; }
.type-list li.type04 p { background: #2f8ede; }
.type-list li.type05 p { background: #005aab; }

.topic-area {
  margin-bottom: 70px;
}
.topic-area article {
  float: left;
  width: 243px;
  border: 1px solid #dedede;
  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: #6eb92b;
  font-family: FontAwesome;
  font-size: 1.19rem;
  line-height: 1.7rem;
  position: absolute;
  left: 0;
}



.info-area {
  margin-bottom: 20px;
}
.info-area .tab-area {
  padding-left: 16px;
}
.info-area .tab-area .tab {
  border-bottom: 1px solid #e0dac8;
}
.info-area .tab-area .tab li {
  display: inline-block;
  border: 1px solid #e0dac8;
  border-bottom: none;
  margin-left: 10px;
  font-size: 0.82rem;
}
.info-area .tab-area .tab ul {
  margin-bottom: -1px;
  text-align: center;
}
.info-area .tab-area .tab li a {
  padding: 0 10px;
  line-height: 28px;
  display: block;
}
.info-area .tab-area .tab li a:before {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 16px;
  padding-right: 7px;
  color: #6eb92b;
  position: relative;
  top: 0;
}
.info-area .tab-area .tab li.active a:before,
.info-area .tab-area .tab li a:hover:before {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 16px;
  padding-right: 7px;
  color: #fff;
  position: relative;
  top: 0;
}
.info-area .tab-area .tab li.active a,
.info-area .tab-area .tab li a:hover {
  background: #6eb92b;
  text-decoration: none;
  color: #fff;
}

.tab-detail {
  padding: 30px 82px 0;
}
.tab-cont {
  display: none;
  padding-top: 10px;
}
.tab-cont dl {
  border-bottom: 1px solid #e0dac8;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
.tab-cont dl dt,
.tab-cont dl dd {
  font-size: 0.94rem;
}
.tab-cont dl dt {
  float: left;
  margin-right: 20px;
}
.tab-cont dl dd span {
  color: #fff;
  padding: 0 10px;
}
.tab-cont dl dd {
  overflow: hidden;
}
.tab-cont dl dd:after {
  content: "\f138";
  color: #6eb92b;
  font-family: FontAwesome;
  font-size: 1.19rem;
  position: absolute;
  right: 0;
}

.ico_comedical { background: #53b0ff; }
.ico_business { background: #005aab; }
.ico_other { background: #2f8ede; }
.ico_doctor { background: #19c8ff; }
.ico_nurse { background: #199bff; }

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

  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;
  padding: 13px 10px;
  font-size: 0.88rem;
  text-align: left;
}
.tb01 th {
  background: #e1f5ff;
  width: 15%;
}

.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: 23%;
  margin-bottom: 10px;
	vertical-align: middle;
	font-size: 12px;
  margin-right: 2%;
}
.job-list ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  color: #6eb92b;
  padding-right: 7px;
}
.job-list ul li:last-child {
  margin-right: 0;
}

.recruit-list {
  margin-left: -20px;
  display: flex;
  flex-wrap: wrap;
}
.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;
}

.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; }
.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;
}


.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;
}


