@charset "utf-8";
body {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  overflow-y: scroll;
}

.sp {
  display: none;
}

#tenishoku {
  text-align: center;
  color: #000;
}

#tenishoku .pagetop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9997;
}

#tenishoku .pagetop a {
  display: block;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background: url(../img/pagetop.png);
  background-size: 60px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku .pagetop a:hover {
  opacity: .6;
  filter: alpha(opacity=60);
}

#tenishoku .inner {
  width: 950px;
  margin: 0 auto;
}

#tenishoku a, .tenishokuModal a {
  color: #000;
  text-decoration: none;
}

#tenishoku h2 {
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 50px;
}

#tenishoku h2 span {
  font-size: 18px;
  line-height: 1;
  background: #ffed37;
  padding: 0.75em 1.5em 0.5em;
  border-radius: 24px;
  display: inline-block;
  color: #000;
  margin-bottom: 20px;
}

#tenishoku #tenishokuHeader h1 {
  padding: 15px 0 10px;
}

#tenishoku #tenishokuHeader h1 .tenishokuLogo {}

#tenishoku #tenishokuHeader .inner {
  position: relative;
  text-align: left;
}

#tenishoku #tenishokuHeader h1 .mynaviLogo {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -14px;
}

#tenishoku .mainVisual {
  padding: 145px 0;
  background: url(../img/bg_main_visual.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

#tenishoku .fieldBox {
  box-sizing: border-box;
  background: url(../img/bg_fieldBox.png);
  padding: 30px;
  display: inline-block;
  margin: auto;
  border-radius: 4px;
  position: relative;
}

#tenishoku .fieldBox::before {
  content: url(../img/ico_cross.png);
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 327px;
}

#tenishoku .fieldBox .occupationField, #tenishoku .fieldBox .workplaceField {
  box-sizing: border-box;
  width: 280px;
  height: 50px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 3px 3px 9px 0 rgba(0, 0, 0, .3);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}

#tenishoku .fieldBox .occupationField {
  margin-right: 60px;
}

#tenishoku .fieldBox .workplaceField {
  margin-right: 15px;
}

#tenishoku .fieldBox .occupationField::before, #tenishoku .fieldBox .workplaceField::before {
  content: '';
  width: 9px;
  height: 9px;
  border: 0px;
  border-radius: 2px;
  border-bottom: solid 2px #103261;
  border-right: solid 2px #103261;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 20px;
}

#tenishoku .fieldBox .occupationField a, #tenishoku .fieldBox .workplaceField a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-right: 35px;
  padding-left: 15px;
  color: #333;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}

#tenishoku .fieldBox .searchButton {
  box-sizing: border-box;
  background: #ee0000;
  width: 150px;
  height: 50px;
  line-height: 50px;
  padding-left: 18px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #ee0000;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .3);
  -webkit-transition: all .2s;
  transition: all .2s;
  position: relative;
}

#tenishoku .fieldBox .searchButton::before {
  content: url(../img/ico_search.png);
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 15px;
}

#tenishoku .fieldBox .searchButton:hover {
  background: #fff;
  color: #ee0000;
}

#tenishoku .fieldBox .searchButton:hover::before {
  content: url(../img/ico_search_reverse.png);
}

#tenishoku .gnavi--pc ul {
  font-size: 0;
}

#tenishoku .gnavi--pc ul li {
  box-sizing: border-box;
  display: inline-block;
  width: 20%;
  vertical-align: top;
  border-left: 1px dotted #000;
}

#tenishoku .gnavi--pc ul li:last-child {
  border-right: 1px dotted #000;
}

#tenishoku .gnavi--pc ul li a {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  padding: 15px 0 30px;
  display: block;
  background: #fff;
  position: relative;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku .gnavi--pc ul li a::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-radius: 2px;
  border-bottom: solid 2px #00a1e7;
  border-right: solid 2px #00a1e7;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -4px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku .gnavi--pc ul li a:hover {
  background: #00a1e7;
  color: #fff;
}

#tenishoku .gnavi--pc ul li a:hover::before {
  /*
  transform: translateY(3px) rotate(45deg);
  -webkit-transform: translateY(3px) rotate(45deg);
  */
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
}

#tenishoku .gnavi--pc ul li a span.narrow {
  letter-spacing: -6px;
}

#tenishoku .gnavi--pc ul li a span.small {
  font-size: 14px;
}

#tenishoku .gnavi--pc ul li a span.cross {
  font-weight: normal;
  font-size: 17px;
}

#searchJob01 {
  padding: 60px 0 70px;
  margin: 0 auto;
  background: url(../img/bg_searchJob01.png);
  font-size: 0;
}

#searchJob01 h2 {
  color: #fff;
}

#tenishoku #searchJob01 ul, #tenishoku #searchJob03 ul {
  margin: 0 50px 0 0;
  padding: 0;
  width: calc(50% - 25px);
  display: inline-block;
  vertical-align: top;
}

#tenishoku #searchJob01 ul:last-child, #tenishoku #searchJob03 ul:last-child {
  margin-right: 0;
}

#tenishoku #searchJob01 ul li, #tenishoku #searchJob03 ul li {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  vertical-align: top;
}

#tenishoku #searchJob01 ul li a, #tenishoku #searchJob03 ul li a {
  font-size: 16px;
  line-height: 1.4;
  border-radius: 4px;
  text-align: left;
  padding: 0.85em 0.5em 0.85em 30px;
  display: block;
  position: relative;
  background: #fff;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku #searchJob01 ul li a:hover, #tenishoku #searchJob03 ul li a:hover {
  opacity: .85;
  filter: alpha(opacity=85);
}

#tenishoku #searchJob01 ul li a::before, #tenishoku #searchJob03 ul li a::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #001670;
  border-right: solid 1px #001670;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#searchJob02 {
  padding: 60px 0 70px;
  margin: 0 auto;
  background: #fff;
  color: #13304c;
}

#searchJob02 dl {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  font-size: 0;
  display: inline-block;
}

#searchJob02 dt {
  margin: 5px 0;
  padding: 0;
  font-weight: bold;
  display: inline-block;
  width: 140px;
  font-size: 16px;
  vertical-align: top;
}

#searchJob02 dd {
  margin: 0 0 14px;
  padding: 0;
  display: inline-block;
  width: 810px;
  vertical-align: top;
}

#searchJob02 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}

#searchJob02 ul li {
  margin: 5px 0;
  padding: 0px 10px;
  display: inline-block;
  border-left: 1px solid #000;
}

#searchJob02 ul li:last-child {
  border-right: 1px solid #000;
}

#tenishoku #searchJob02 ul li a {
  font-size: 16px;
}

#tenishoku #searchJob02 ul li a:hover {
  text-decoration: underline;
}

#searchJob03 {
  padding: 60px 0 70px;
  margin: 0 auto;
  background: url(../img/bg_searchJob03.png);
  font-size: 0;
}

#searchJob03 h2 {
  color: #fff;
}

#searchJob04 {
  padding: 80px 0 70px;
  margin: 0 auto;
}

#searchJob04 h2 {
  color: #0f3160;
}

#searchJob04 dl {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  display: inline-block;
}

#searchJob04 dt {
  margin: 0;
  padding: 10px 0 10px 45px;
  font-weight: bold;
  display: block;
  font-size: 18px;
  background-repeat: no-repeat;
}

#searchJob04 dt:nth-of-type(1) {
  background-image: url(../img/ico_searchJob04_1.png);
  background-position: 0 1px;
}

#searchJob04 dt:nth-of-type(2) {
  background-image: url(../img/ico_searchJob04_2.png);
  background-position: 0 2px;
}

#searchJob04 dt:nth-of-type(3) {
  background-image: url(../img/ico_searchJob04_3.png);
  background-position: 0 6px;
}

#searchJob04 dt:nth-of-type(4) {
  background-image: url(../img/ico_searchJob04_4.png);
  padding-top: 18px;
}

#searchJob04 dt:nth-of-type(5) {
  background-image: url(../img/ico_searchJob04_5.png);
  padding-top: 13px;
}

#searchJob04 dd {
  margin: 0 0 30px;
  padding: 0;
  display: block;
}

#tenishoku #searchJob04 ul {
  font-size: 0;
}

#tenishoku #searchJob04 ul li {
  margin: 0 5px 5px 0;
  vertical-align: top;
  display: inline-block;
}

#tenishoku #searchJob04 ul li a {
  font-size: 14px;
  padding: 0.7em 0.9em;
  border: 2px solid #18b4f2;
  border-radius: 6px;
  text-align: center;
  display: block;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku #searchJob04 ul li a:hover {
  background: #18b4f2;
  color: #fff;
}

#knowhowInfo {
  padding: 60px 0 70px;
  margin: 0 auto;
  background: #fffac6;
  font-size: 0;
}

#knowhowInfo h2 {
  color: #0f315f;
}

#tenishoku #knowhowInfo dl {
  box-sizing: border-box;
  margin-right: 50px;
  padding: 0;
  text-align: left;
  display: inline-block;
  width: calc(50% - 25px);
  vertical-align: top;
}

#tenishoku #knowhowInfo dl:last-child {
  margin-right: 0;
}

#tenishoku #knowhowInfo dt {
  width: 100%;
  margin: 50px 0 20px;
  padding: 0 0 5px;
  font-weight: bold;
  display: block;
  font-size: 18px;
  line-height: 1.4;
  color: #0f315f;
  border-bottom: 2px dashed #0f315f;
}

#tenishoku #knowhowInfo dt:first-of-type {
  margin-top: 0;
}

#tenishoku #knowhowInfo dt a {
  color: #0f315f;
}

#tenishoku #knowhowInfo dt a:hover {
  text-decoration: underline;
}

#tenishoku #knowhowInfo dd {
  /*margin: 0 0 30px;*/
  padding: 0;
  margin: 5px;
}

#tenishoku #knowhowInfo dd {
  font-size: 16px;
  line-height: 1.4;
  padding: 0;
  text-align: left;
  display: block;
}

#tenishoku #knowhowInfo dd a {
  position: relative;
  padding: 0.25em 0 0.5em 25px;
  display: inline-block;
}

#tenishoku #knowhowInfo dd a:hover {
  text-decoration: underline;
}

#tenishoku #knowhowInfo dd a::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #001670;
  border-right: solid 1px #001670;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 9px;
  left: 0px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku #tenishokuFooter {
  padding: 50px 0;
}

#tenishoku #tenishokuFooter .inner {
  position: relative;
  padding: 50px 0 0;
}

#tenishoku a.backToSite {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  padding: 0.75em 2em;
  border: 2px solid #18b4f2;
  border-radius: 20px;
  text-align: center;
  font-size: 14px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

#tenishoku a.backToSite:hover {
  background: #18b4f2;
  color: #fff;
}

#tenishoku #tenishokuFooter h2 {
  color: #0e315f;
  font-size: 24px;
  line-height: 1.4;
  margin: 50px 0 20px;
  padding: 9px 0 0 45px;
  background-image: url(../img/ico_footer_ttl.png);
  background-repeat: no-repeat;
  display: inline-block;
}

#tenishoku #tenishokuFooter p {
  margin: 0;
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
}

#tenishoku #tenishokuFooter p.logo {
  font-size: 16px;
  text-align: center;
  margin: 100px 0 0;
}