a {
  color: inherit;
  text-decoration: underline;
  display: inline;
}

.recruit-page {
  background-color: #fff !important;
}

.recruit-page .rec-header {
  position: relative;
  padding: 40px 20px 20px 20px;
  margin: 0 auto;
  z-index: 60;
}

.recruit-page .rec-header div:nth-of-type(1) {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
}

.recruit-page .rec-header ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  border-top: 1px solid #ccc;
}

.recruit-page .rec-header ul li {
  margin: 0;
  font-size: 1.4rem;
  width: 50%;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.recruit-page .rec-header ul li.tab-top {
  background-color: #ccc;
}

.recruit-page .rec-header ul li.tab-top a {
  color: #fff;
}

.recruit-page .rec-header ul li.tab-busi {
  background-color: #4A8ED9;
}

.recruit-page .rec-header ul li.tab-busi a {
  color: #fff;
}

.recruit-page .rec-header ul li.tab-voic {
  background-color: #B7AF9C;
}

.recruit-page .rec-header ul li.tab-voic a {
  color: #fff;
}

.recruit-page .rec-header ul li.tab-abou {
  background-color: #FEBF51;
}

.recruit-page .rec-header ul li.tab-abou a {
  color: #fff;
}

.recruit-page .rec-header ul li.tab-recr {
  background-color: #41BB76;
}

.recruit-page .rec-header ul li.tab-recr a {
  color: #fff;
}

.recruit-page .rec-header-footer {
  position: relative;
  padding: 40px 20px 20px 20px;
  margin: 0 auto;
  z-index: 1000;
}

.recruit-page .rec-header-footer ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  border-top: 1px solid #ccc;
}

.recruit-page .rec-header-footer ul li {
  margin: 0;
  font-size: 1.4rem;
  width: 50%;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.recruit-page .rec-header-footer ul li.tab-top {
  background-color: #ccc;
}

.recruit-page .rec-header-footer ul li.tab-top a {
  color: #fff;
}

.recruit-page .rec-header-footer ul li.tab-busi {
  background-color: #4A8ED9;
}

.recruit-page .rec-header-footer ul li.tab-busi a {
  color: #fff;
}

.recruit-page .rec-header-footer ul li.tab-voic {
  background-color: #B7AF9C;
}

.recruit-page .rec-header-footer ul li.tab-voic a {
  color: #fff;
}

.recruit-page .rec-header-footer ul li.tab-abou {
  background-color: #FEBF51;
}

.recruit-page .rec-header-footer ul li.tab-abou a {
  color: #fff;
}

.recruit-page .rec-header-footer ul li.tab-recr {
  background-color: #41BB76;
}

.recruit-page .rec-header-footer ul li.tab-recr a {
  color: #fff;
}

.recruit-page p {
  margin: 0;
}

.recruit-page .rec-top {
  position: relative;
  margin-bottom: 300px;
}

.recruit-page .rec-top h1 {
  text-align: center;
  margin: 300px 0 80px 0;
  font-size: 3rem;
  color: #666;
}

.recruit-page .rec-top-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.recruit-page .rec-top-btn {
  position: relative;
  display: flex;
}

.recruit-page .rec-top-btn a {
  display: block;
  min-width: 160px;
  min-height: 160px;
  font-size: 1.4rem;
  color: #fff;
}

.recruit-page .rec-top-btn a:hover {
  opacity: 0.7;
}

.recruit-page .rec-top-btn div {
  position: relative;
}

.recruit-page .rec-top-btn div i {
  font-size: 2rem;
  font-weight: 400;
}

.recruit-page .rec-top-btn div:nth-of-type(1) {
  background-color: #EA5504;
  margin-right: 20px;
}

.recruit-page .rec-top-btn div:nth-of-type(2) {
  background-color: #FFA200;
}

.recruit-page .rec-top-btn div p {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  margin-bottom: 0;
}

.recruit-page .rec-top-btn div span {
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.recruit-page .rec-top-btn strong {
  font-size: 1.3rem;
  font-weight: normal;
}

.recruit-page .rec-top-btn .recruit-text-inner {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 14px;
}

.recruit-page .rec-contens {
  margin-bottom: 20px;
}

.recruit-page .rec-contens h2 {
  text-align: center;
  font-size: 2rem;
  color: #666;
  font-weight: 400;
  margin-bottom: 40px;
  background-color: transparent !important;
}

.recruit-page .rec-contens h2::before {
  content: none !important;
}

.recruit-page .rec-contens .contents-nav {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #F8F8F8 50%, #F8F8F8 100%);
}

.recruit-page .rec-contens .contents-nav h3 {
  font-size: 1.6rem;
  margin: 0 0 10px 0;
  max-width: 650px;
  line-height: 1.8;
  font-weight: 400;
  color: #fff;
  background-color: transparent !important;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner {
  position: relative;
  padding: 60px 20px;
  margin: 0 auto;
  background: linear-gradient(90deg, #fff 0%, #fff 8%, #F8F8F8 8%, #F8F8F8 100%);
  text-align: center;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner > div:nth-of-type(1) img {
  border-radius: 10px;
  box-shadow: 2px 2px 6px #ccc;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner > div:nth-of-type(2) {
  padding: 20px;
  margin: 20px 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn {
  width: 140px;
  margin: 0 auto;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn a {
  display: block;
  border-radius: 4px;
  margin-left: auto;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  padding: 12px;
  cursor: pointer;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn a:hover {
  color: #fff;
  background-color: #F7AB00;
}

.recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn i {
  margin-left: 20px;
  vertical-align: middle;
}

.recruit-page .rec-contens .contents-nav-rev {
  background: linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 50%, #fff 50%, #fff 100%);
}

.recruit-page .rec-contens .contents-nav-rev h3 {
  font-size: 1.6rem;
  margin: 0 0 30px 0;
  max-width: 650px;
  line-height: 1.8;
  font-weight: 400;
  color: #fff;
  background-color: transparent !important;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner {
  position: relative;
  padding: 60px 20px;
  margin: 0 auto;
  background: linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 92%, #fff 92%, #fff 100%);
  text-align: center;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner > div:nth-of-type(1) img {
  border-radius: 10px;
  box-shadow: 2px 2px 6px #ccc;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner > div:nth-of-type(2) {
  padding: 20px;
  margin: 20px 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn {
  width: 140px;
  margin: 0 auto;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn a {
  display: block;
  border-radius: 4px;
  width: 140px;
  margin-left: auto;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  padding: 12px;
  cursor: pointer;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn a:hover {
  color: #fff;
  background-color: #F7AB00;
  border-radius: 4px;
}

.recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn i {
  margin-left: 20px;
  vertical-align: middle;
}

.recruit-page .rec-contens .contents-nav-block p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.6;
}

.recruit-page .rec-contens .cnt-nav-busi .contents-nav-block {
  background-color: #4A8ED9;
}

.recruit-page .rec-contens .cnt-nav-busi .rec-btn {
  background-color: #4A8ED9;
  border-radius: 4px;
}

.recruit-page .rec-contens .cnt-nav-voic .contents-nav-block {
  background-color: #B7AF9C;
}

.recruit-page .rec-contens .cnt-nav-voic .rec-btn {
  background-color: #B7AF9C;
  border-radius: 4px;
}

.recruit-page .rec-contens .cnt-nav-abou .contents-nav-block {
  background-color: #FEBF51;
}

.recruit-page .rec-contens .cnt-nav-abou .rec-btn {
  background-color: #FEBF51;
  border-radius: 4px;
}

.recruit-page .rec-contens .cnt-nav-recr .contents-nav-block {
  background-color: #41BB76;
}

.recruit-page .rec-contens .cnt-nav-recr .rec-btn {
  background-color: #41BB76;
  border-radius: 4px;
}

.recruit-page .rec-update {
  max-width: 980px;
  padding: 20px;
  margin: 0 auto;
}

.recruit-page .rec-update .rec-update-inner {
  border: 1px solid #DEDEDE;
  padding: 40px;
  border-radius: 10px;
}

.recruit-page .rec-update h2 {
  background-color: transparent;
}

.recruit-page .rec-update h2::before {
  content: none !important;
}

.recruit-page .rec-page-header-busi {
  background-color: #4A8ED9;
  margin-top: 40px !important;
}

.recruit-page .rec-page-header-busi h2 {
  color: #fff;
  padding: 20px 0 !important;
}

.recruit-page .rec-page-header-busi h2 span {
  color: #fff;
}

.recruit-page .rec-page-header-voic {
  background-color: #B7AF9C;
  margin-top: 40px;
}

.recruit-page .rec-page-header-voic h2 {
  color: #fff;
  padding: 20px 0 !important;
}

.recruit-page .rec-page-header-voic h2 span {
  color: #fff;
}

.recruit-page .rec-page-header-abou {
  background-color: #FEBF51;
  margin-top: 40px;
}

.recruit-page .rec-page-header-abou h2 {
  color: #fff;
  padding: 20px 0 !important;
}

.recruit-page .rec-page-header-abou h2 span {
  color: #fff;
}

.recruit-page .rec-page-header-recr {
  background-color: #41BB76;
  margin-top: 40px;
}

.recruit-page .rec-page-header-recr h2 {
  color: #fff;
  padding: 20px 0 !important;
}

.recruit-page .rec-page-header-recr h2 span {
  color: #fff;
}

.recruit-page .rec-page-lead {
  max-width: 650px;
  padding: 20px;
  margin: 0 auto 40px auto;
  line-height: 1.8;
}

.recruit-page .business-category {
  background-color: #F8F7F2;
  margin-bottom: 60px;
}

.recruit-page .business-category-title {
  background-color: #fff;
}

.recruit-page .business-category-title h3 {
  text-align: left;
  max-width: none;
  margin-bottom: 20px;
  font-size: 3.4rem;
  color: #EA5504;
  line-height: 1.3;
  background-color: transparent;
}

.recruit-page .business-category-title h3 span {
  display: block;
  font-size: 0.9rem;
}

.recruit-page .business-category-title p {
  font-size: 1.4rem;
  font-weight: 700;
}

.recruit-page .business-category-inner {
  max-width: 980px;
  padding: 40px 20px 40px 20px;
  margin: 0 auto;
}

.recruit-page .business-category-header-list {
  padding: 20px 0;
}

.recruit-page .business-category-header-list div p:nth-of-type(1) {
  color: #EA5504;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 4px;
}

.recruit-page .business-category-header-list div p:nth-of-type(2) {
  font-weight: 700;
  font-size: 1.6rem;
}

.recruit-page .business-category-header-list div p:nth-of-type(3) {
  margin-bottom: 30px;
}

.recruit-page h4 {
  position: relative;
  border-bottom: 4px solid #D6D6D6;
  padding-bottom: 10px;
  font-size: 1.4rem;
  margin: 40px 0;
}

.recruit-page h4:before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 10%;
  height: 4px;
  content: "";
  background: #828282;
}

.recruit-page h4.h4-business {
  color: #4A8ED9;
}

.recruit-page h4.h4-aboutus {
  color: #FEBF51;
}

.recruit-page h4.h4-recruitment {
  color: #41BB76;
}

.recruit-page .business-voice {
  display: flex;
}

.recruit-page .business-voice div:nth-of-type(1) {
  width: 35%;
}

.recruit-page .business-voice div:nth-of-type(2) {
  width: 65%;
  padding-left: 20px;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(1) {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(2) {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(3) {
  margin-bottom: 20px;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) {
  margin-bottom: 20px;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) a {
  display: block;
  border-radius: 20px;
  width: 140px;
  margin-left: auto;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  padding: 8px;
  cursor: pointer;
  background-color: #4A8ED9;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) a:hover {
  color: #fff;
  background-color: #F7AB00;
  border-radius: 20px;
}

.recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) i {
  margin-left: 20px;
  vertical-align: middle;
}

.recruit-page dl.area-list dt {
  margin-bottom: 5px;
}

.recruit-page dl.area-list dd {
  margin-bottom: 20px;
}

.recruit-page dl.area-list a {
  text-decoration: underline !important;
}

.recruit-page .rec-voice-list ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.recruit-page .rec-voice-list ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.recruit-page .rec-voice-list ul li:nth-of-type(2n) {
  margin-right: 0;
}

.recruit-page .rec-voice-list ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.recruit-page .rec-voice-list ul li:nth-last-of-type(2) {
  margin-bottom: 0;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(1) p:nth-of-type(1) {
  margin-bottom: 10px;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(1) p:nth-of-type(2) {
  background-color: #EA5504;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(1) p:nth-of-type(3) {
  margin-bottom: 40px;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(2) {
  margin-bottom: 20px;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) {
  margin-bottom: 20px;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) a {
  display: block;
  border-radius: 20px;
  width: 140px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  padding: 8px;
  cursor: pointer;
  background-color: #B7AF9C;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) a:hover {
  color: #fff;
  background-color: #F7AB00;
  border-radius: 20px;
}

.recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) i {
  margin-left: 20px;
  vertical-align: middle;
}

.recruit-page .rec-voice-inner {
  max-width: 980px;
  padding: 20px 20px 40px 20px;
  margin: 0 auto;
}

.recruit-page .voice-header {
  position: relative;
}

.recruit-page .voice-header .voice-header-title {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
  max-width: none;
  margin-bottom: 20px;
  font-size: 3.4rem;
  color: #EA5504;
  line-height: 1.3;
  font-weight: 700;
  font-size: 2.4rem;
}

.recruit-page .voice-header .voice-header-title span {
  display: block;
  font-size: 0.9rem;
}

.recruit-page .voice-person {
  width: 80%;
  position: relative;
  margin: -20px auto 0 auto;
}

.recruit-page .voice-person div:nth-of-type(2) {
  padding: 10px 60px;
}

.recruit-page .voice-person div:nth-of-type(2) p:nth-of-type(1) {
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.recruit-page div.voice-bg {
  background: linear-gradient(90deg, #F8F7F2 0%, #F8F7F2 90%, #fff 90%, #fff 100%);
}

.recruit-page div.voice-bg-rev {
  background: linear-gradient(90deg, #fff 0%, #fff 10%, #F8F7F2 10%, #F8F7F2 100%);
}

.recruit-page .voice-bg-innner {
  max-width: 750px;
  margin: 0 auto;
  padding: 40px;
  line-height: 1.7;
  background-color: #F8F7F2;
}

.recruit-page .voice-bg-innner dt {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.recruit-page .voice-bg-innner dd {
  margin-bottom: 40px;
}

.recruit-page .rec-voice-phot01 {
  max-width: 980px;
  margin: 20px auto;
  padding: 0 20px;
}

.recruit-page .rec-voice-phot01 p {
  padding: 10px 20px;
}

.recruit-page .category-nav a {
  display: block;
  border-radius: 20px;
  width: 300px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  padding: 14px;
  cursor: pointer;
  background-color: #EA5504;
}

.recruit-page .category-nav a:hover {
  color: #fff;
  background-color: #F7AB00;
  border-radius: 20px;
}

.recruit-page .category-nav i {
  margin-left: 20px;
  vertical-align: middle;
}

.recruit-page .rec-aboutus-inner {
  padding: 20px 20px 40px 20px;
  margin: 0 auto;
}

.recruit-page .rec-president p:nth-of-type(1) {
  line-height: 1.8;
}

.recruit-page .rec-president p:nth-of-type(2) {
  line-height: 1.8;
  max-width: 250px;
  margin: 0 auto;
}

.recruit-page .rec-aboutus {
  background: linear-gradient(180deg, #fff 0%, #fff 10%, #F8F7F2 10%, #F8F7F2 100%);
}

.recruit-page .rec-aboutus ul {
  width: 95%;
  margin: 0 auto;
  padding: 0;
}

.recruit-page .rec-aboutus ul li {
  margin-bottom: 20px;
  box-shadow: 2px 2px 6px #ccc;
  background-color: #fff;
  border-radius: 6px;
  padding: 40px 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.recruit-page .rec-aboutus ul li:nth-of-type(3n) {
  margin-right: 0;
}

.recruit-page .rec-aboutus ul li p:nth-of-type(2) {
  margin-top: 40px;
  line-height: 2;
}

.recruit-page .rec-aboutus ul li .mt {
  margin-top: 20px;
}

.recruit-page .rec-aboutus .rec-barth {
  text-align: center;
  padding: 0 20px 40px 20px;
}

.recruit-page .rec-aboutus .rec-barth .fa {
  font-size: 4rem;
  margin-bottom: 40px;
  color: #777;
}

.recruit-page .rec-aboutus .rec-barth strong {
  font-weight: 700;
  color: #EA5504;
  font-size: 1.5rem;
}

.recruit-page .slogan {
  font-size: 3rem;
}

.recruit-page .mission {
  font-size: 1.6rem;
}

.recruit-page table.rec-table {
  border-collapse: collapse;
  width: 100%;
}

.recruit-page table.rec-table th {
  background-color: #F8F7F2;
  border: 1px solid #ccc;
  padding: 14px;
  width: 20%;
}

.recruit-page table.rec-table td {
  border: 1px solid #ccc;
  padding: 14px;
  width: 80%;
}

.recruit-page .mynavi {
  width: 160px;
  margin: 0 auto;
}

.recruitment-none .rec-header {
  display: none !important;
}

@media screen and (min-width: 481px) {
  .recruit-page {
    background-color: #fff !important;
  }
  .recruit-page .rec-header {
    position: relative;
    max-width: 1040px;
    padding: 40px 20px 20px 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 10;
  }
  .recruit-page .rec-header div:nth-of-type(1) {
    font-size: 3rem;
  }
  .recruit-page .rec-header ul {
    display: flex;
    list-style: none;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ccc;
    border-top: none;
  }
  .recruit-page .rec-header ul li {
    font-size: 1.4rem;
    border: none;
    width: auto;
    padding: 10px 30px;
    border-radius: 10px 10px 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .recruit-page .rec-header ul li:hover {
    background-color: #ccc;
    cursor: pointer;
  }
  .recruit-page .rec-header-footer ul {
    display: flex;
    list-style: none;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ccc;
    border-top: none;
    justify-content: center;
    margin-top: 40px;
  }
  .recruit-page .rec-header-footer ul li {
    font-size: 1.4rem;
    border: none;
    width: auto;
    padding: 10px 30px;
    border-radius: 10px 10px 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  .recruit-page .rec-header-footer ul li:hover {
    background-color: #ccc;
    cursor: pointer;
  }
  .recruit-page .rec-entry-btn {
    margin-bottom: 20px;
  }
  .recruit-page .rec-entry-btn a {
    display: block;
    border-radius: 4px;
    background-color: #EA5504;
    width: 190px;
    margin-left: auto;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 12px;
    cursor: pointer;
  }
  .recruit-page .rec-entry-btn a:hover {
    color: #fff;
    background-color: #F7AB00;
  }
  .recruit-page p {
    margin: 0;
  }
  .recruit-page .rec-top {
    position: relative;
    margin-bottom: 300px;
  }
  .recruit-page .rec-top h1 {
    text-align: center;
    margin: 50% 0 80px 0;
    font-size: 3rem;
    color: #666;
  }
  .recruit-page .rec-top-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .recruit-page .rec-top-btn {
    position: relative;
    display: flex;
  }
  .recruit-page .rec-top-btn a {
    display: block;
    min-width: 270px;
    min-height: 270px;
    font-size: 1.9rem;
    color: #fff;
  }
  .recruit-page .rec-top-btn a:hover {
    opacity: 0.7;
  }
  .recruit-page .rec-top-btn div {
    position: relative;
  }
  .recruit-page .rec-top-btn div i {
    font-size: 3rem;
    font-weight: 400;
  }
  .recruit-page .rec-top-btn div:nth-of-type(1) {
    background-color: #EA5504;
    margin-right: 70px;
  }
  .recruit-page .rec-top-btn div:nth-of-type(2) {
    background-color: #FFA200;
  }
  .recruit-page .rec-top-btn div p {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    margin-bottom: 0;
  }
  .recruit-page .rec-top-btn div span {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }
  .recruit-page .rec-contens {
    margin-bottom: 20px;
  }
  .recruit-page .rec-contens h2 {
    text-align: center;
    font-size: 3rem;
    color: #666;
    font-weight: 400;
    margin-bottom: 40px;
  }
  .recruit-page .rec-contens h2::before {
    content: none !important;
  }
  .recruit-page .rec-contens .contents-nav {
    background: linear-gradient(90deg, #fff 0%, #fff 50%, #F8F8F8 50%, #F8F8F8 100%);
  }
  .recruit-page .rec-contens .contents-nav h3 {
    font-size: 1.6rem;
    margin: 0 0 30px 0;
    max-width: 650px;
    line-height: 1.8;
    font-weight: 400;
    color: #fff;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner {
    position: relative;
    max-width: 980px;
    padding: 60px 20px;
    margin: 0 auto;
    display: flex;
    background: linear-gradient(90deg, #fff 0%, #fff 8%, #F8F8F8 8%, #F8F8F8 100%);
    text-align: center;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner > div:nth-of-type(1) {
    width: 60%;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner > div:nth-of-type(1) img {
    border-radius: 10px;
    box-shadow: 2px 2px 6px #ccc;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner > div:nth-of-type(2) {
    width: 40%;
    padding: 0 40px;
    margin: 35px 0 35px -10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn {
    margin-bottom: 20px;
    position: absolute;
    bottom: -40px;
    right: 15.5%;
    width: 140px;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn a {
    display: block;
    border-radius: 4px;
    width: 140px;
    margin-left: auto;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 12px;
    cursor: pointer;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn a:hover {
    color: #fff;
    background-color: #F7AB00;
  }
  .recruit-page .rec-contens .contents-nav .contents-nav-inner div.rec-btn i {
    margin-left: 20px;
    vertical-align: middle;
  }
  .recruit-page .rec-contens .contents-nav-rev {
    background: linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 50%, #fff 50%, #fff 100%);
  }
  .recruit-page .rec-contens .contents-nav-rev h3 {
    font-size: 1.6rem;
    margin: 0 0 30px 0;
    max-width: 650px;
    line-height: 1.8;
    font-weight: 400;
    color: #fff;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner {
    position: relative;
    max-width: 980px;
    padding: 60px 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    background: linear-gradient(90deg, #F8F8F8 0%, #F8F8F8 92%, #fff 92%, #fff 100%);
    text-align: center;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner > div:nth-of-type(1) {
    width: 60%;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner > div:nth-of-type(1) img {
    border-radius: 10px;
    box-shadow: 2px 2px 6px #ccc;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner > div:nth-of-type(2) {
    width: 40%;
    padding: 30px;
    margin: 35px -10px 35px 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn {
    margin-bottom: 20px;
    position: absolute;
    bottom: -40px;
    left: 15.5%;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn a {
    display: block;
    border-radius: 4px;
    width: 140px;
    margin-left: auto;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 12px;
    cursor: pointer;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn a:hover {
    color: #fff;
    background-color: #F7AB00;
    border-radius: 4px;
  }
  .recruit-page .rec-contens .contents-nav-rev .contents-nav-inner div.rec-btn i {
    margin-left: 20px;
    vertical-align: middle;
  }
  .recruit-page .rec-contens .contents-nav-block p {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .recruit-page .rec-contens .cnt-nav-busi .contents-nav-block {
    background-color: #4A8ED9;
  }
  .recruit-page .rec-contens .cnt-nav-busi .rec-btn {
    background-color: #4A8ED9;
    border-radius: 4px;
  }
  .recruit-page .rec-contens .cnt-nav-voic .contents-nav-block {
    background-color: #B7AF9C;
  }
  .recruit-page .rec-contens .cnt-nav-voic .rec-btn {
    background-color: #B7AF9C;
    border-radius: 4px;
  }
  .recruit-page .rec-contens .cnt-nav-abou .contents-nav-block {
    background-color: #FEBF51;
  }
  .recruit-page .rec-contens .cnt-nav-abou .rec-btn {
    background-color: #FEBF51;
    border-radius: 4px;
  }
  .recruit-page .rec-contens .cnt-nav-recr .contents-nav-block {
    background-color: #41BB76;
  }
  .recruit-page .rec-contens .cnt-nav-recr .rec-btn {
    background-color: #41BB76;
    border-radius: 4px;
  }
  .recruit-page .rec-update {
    max-width: 980px;
    padding: 60px 20px;
    margin: 0 auto;
    margin-top: 60px;
  }
  .recruit-page .rec-update .rec-update-inner {
    border: 1px solid #DEDEDE;
    padding: 40px;
    border-radius: 10px;
  }
  .recruit-page .rec-page-header-busi {
    background-color: #4A8ED9;
    margin-top: 40px !important;
  }
  .recruit-page .rec-page-header-busi h2 {
    color: #fff;
    padding: 40px 0 !important;
  }
  .recruit-page .rec-page-header-busi h2 span {
    color: #fff;
  }
  .recruit-page .rec-page-header-voic {
    background-color: #B7AF9C;
    margin-top: 40px;
  }
  .recruit-page .rec-page-header-voic h2 {
    color: #fff;
    padding: 40px 0 !important;
  }
  .recruit-page .rec-page-header-voic h2 span {
    color: #fff;
  }
  .recruit-page .rec-page-header-abou {
    background-color: #FEBF51;
    margin-top: 40px;
  }
  .recruit-page .rec-page-header-abou h2 {
    color: #fff;
    padding: 40px 0 !important;
  }
  .recruit-page .rec-page-header-abou h2 span {
    color: #fff;
  }
  .recruit-page .rec-page-header-recr {
    background-color: #41BB76;
    margin-top: 40px;
  }
  .recruit-page .rec-page-header-recr h2 {
    color: #fff;
    padding: 40px 0 !important;
  }
  .recruit-page .rec-page-header-recr h2 span {
    color: #fff;
  }
  .recruit-page .rec-page-lead {
    max-width: 650px;
    padding: 20px;
    margin: 0 auto 40px auto;
    line-height: 1.8;
  }
  .recruit-page .business-category {
    background-color: #F8F7F2;
    margin-bottom: 60px;
  }
  .recruit-page .business-category-title {
    background-color: #fff;
  }
  .recruit-page .business-category-title h3 {
    text-align: left;
    max-width: none;
    margin-bottom: 20px;
    font-size: 3.4rem;
    color: #EA5504;
    line-height: 1.3;
  }
  .recruit-page .business-category-title h3 span {
    display: block;
    font-size: 0.9rem;
  }
  .recruit-page .business-category-title p {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .recruit-page .business-category-inner {
    max-width: 980px;
    padding: 40px 20px 40px 20px;
    margin: 0 auto;
  }
  .recruit-page .business-category-header {
    display: flex;
  }
  .recruit-page .business-category-header > div {
    width: 50%;
  }
  .recruit-page .business-category-header-list {
    padding: 0 0 0 60px;
  }
  .recruit-page .business-category-header-list div p:nth-of-type(1) {
    color: #EA5504;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 4px;
  }
  .recruit-page .business-category-header-list div p:nth-of-type(2) {
    font-weight: 700;
    font-size: 1.6rem;
  }
  .recruit-page .business-category-header-list div p:nth-of-type(3) {
    margin-bottom: 30px;
  }
  .recruit-page h4 {
    position: relative;
    border-bottom: 4px solid #D6D6D6;
    padding-bottom: 10px;
    font-size: 2rem;
    margin: 80px 0 40px 0;
    text-align: left;
  }
  .recruit-page h4:before {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 10%;
    height: 4px;
    content: "";
    background: #828282;
  }
  .recruit-page h4.h4-business {
    color: #4A8ED9;
  }
  .recruit-page h4.h4-aboutus {
    color: #FEBF51;
  }
  .recruit-page h4.h4-recruitment {
    color: #41BB76;
  }
  .recruit-page .business-voice {
    display: flex;
  }
  .recruit-page .business-voice div:nth-of-type(1) {
    width: 20%;
  }
  .recruit-page .business-voice div:nth-of-type(2) {
    width: 80%;
    padding-left: 60px;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(1) {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(2) {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(3) {
    margin-bottom: 20px;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) {
    margin-bottom: 20px;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) a {
    display: block;
    border-radius: 20px;
    width: 140px;
    margin-left: auto;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 8px;
    cursor: pointer;
    background-color: #4A8ED9;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) a:hover {
    color: #fff;
    background-color: #F7AB00;
    border-radius: 20px;
  }
  .recruit-page .business-voice div:nth-of-type(2) p:nth-of-type(4) i {
    margin-left: 20px;
    vertical-align: middle;
  }
  .recruit-page dl.area-list dt {
    margin-bottom: 5px;
  }
  .recruit-page dl.area-list dd {
    margin-bottom: 20px;
  }
  .recruit-page .rec-voice-list ul {
    display: flex;
    flex-wrap: wrap;
  }
  .recruit-page .rec-voice-list ul li {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .recruit-page .rec-voice-list ul li:nth-of-type(2n) {
    margin-right: 3.5%;
  }
  .recruit-page .rec-voice-list ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .recruit-page .rec-voice-list ul li:nth-last-of-type(3) {
    margin-bottom: 0;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(1) p:nth-of-type(1) {
    margin-bottom: 10px;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(1) p:nth-of-type(2) {
    background-color: #EA5504;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(1) p:nth-of-type(3) {
    margin-bottom: 40px;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(2) {
    margin-bottom: 20px;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) {
    margin-bottom: 20px;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) a {
    display: block;
    border-radius: 20px;
    width: 140px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    padding: 8px;
    cursor: pointer;
    background-color: #B7AF9C;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) a:hover {
    color: #fff;
    background-color: #F7AB00;
    border-radius: 20px;
  }
  .recruit-page .rec-voice-list ul li div:nth-of-type(2) p:nth-of-type(3) i {
    margin-left: 20px;
    vertical-align: middle;
  }
  .recruit-page .rec-voice-inner {
    max-width: 980px;
    padding: 20px 20px 40px 20px;
    margin: 0 auto;
  }
  .recruit-page .voice-header {
    position: relative;
  }
  .recruit-page .voice-header .voice-header-title {
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: left;
    max-width: none;
    margin-bottom: 20px;
    font-size: 3.4rem;
    color: #EA5504;
    line-height: 1.3;
    font-weight: 700;
    font-size: 2.4rem;
  }
  .recruit-page .voice-header .voice-header-title span {
    display: block;
    font-size: 0.9rem;
  }
  .recruit-page .voice-person {
    width: 80%;
    position: relative;
    display: flex;
    margin: -130px auto 0 auto;
    align-items: flex-end;
  }
  .recruit-page .voice-person div {
    width: 50%;
  }
  .recruit-page .voice-person div:nth-of-type(2) {
    padding: 0 60px;
  }
  .recruit-page .voice-person div:nth-of-type(2) p:nth-of-type(1) {
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .recruit-page div.voice-bg {
    background: linear-gradient(90deg, #F8F7F2 0%, #F8F7F2 90%, #fff 90%, #fff 100%);
  }
  .recruit-page div.voice-bg-rev {
    background: linear-gradient(90deg, #fff 0%, #fff 10%, #F8F7F2 10%, #F8F7F2 100%);
  }
  .recruit-page .voice-bg-innner {
    max-width: 750px;
    margin: 0 auto;
    padding: 40px;
    line-height: 1.7;
    background-color: #F8F7F2;
  }
  .recruit-page .voice-bg-innner dt {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .recruit-page .voice-bg-innner dd {
    margin-bottom: 40px;
  }
  .recruit-page .rec-voice-phot01 {
    max-width: 980px;
    margin: 20px auto;
    display: flex;
    padding: 0 20px;
  }
  .recruit-page .rec-voice-phot01 p {
    padding: 0 20px;
  }
  .recruit-page .category-nav a {
    display: block;
    border-radius: 20px;
    width: 400px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 14px;
    cursor: pointer;
    background-color: #EA5504;
  }
  .recruit-page .category-nav a:hover {
    color: #fff;
    background-color: #F7AB00;
    border-radius: 20px;
  }
  .recruit-page .category-nav i {
    margin-left: 20px;
    vertical-align: middle;
  }
  .recruit-page .rec-aboutus-inner {
    max-width: 980px;
    padding: 20px 20px 40px 20px;
    margin: 0 auto;
  }
  .recruit-page .rec-president {
    display: flex;
  }
  .recruit-page .rec-president p:nth-of-type(1) {
    width: 65%;
    line-height: 1.8;
    padding-right: 5%;
  }
  .recruit-page .rec-president p:nth-of-type(2) {
    width: 30%;
    line-height: 1.8;
  }
  .recruit-page .rec-aboutus {
    background: linear-gradient(180deg, #fff 0%, #fff 10%, #F8F7F2 10%, #F8F7F2 100%);
  }
  .recruit-page .rec-aboutus ul {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
  }
  .recruit-page .rec-aboutus ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 40px;
    box-shadow: 2px 2px 6px #ccc;
    background-color: #fff;
    border-radius: 6px;
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .recruit-page .rec-aboutus ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .recruit-page .rec-aboutus ul li p:nth-of-type(2) {
    margin-top: 40px;
    line-height: 2;
  }
  .recruit-page .rec-aboutus ul li .mt {
    margin-top: 20px;
  }
  .recruit-page .rec-aboutus .rec-barth {
    text-align: center;
    padding: 0 0 40px 0;
  }
  .recruit-page .rec-aboutus .rec-barth .fa {
    font-size: 4rem;
    margin-bottom: 40px;
    color: #777;
  }
  .recruit-page .rec-aboutus .rec-barth strong {
    font-weight: 700;
    color: #EA5504;
    font-size: 1.6rem;
  }
  .recruit-page .slogan {
    font-size: 3rem;
  }
  .recruit-page .mission {
    font-size: 1.6rem;
  }
  .recruit-page table.rec-table {
    border-collapse: collapse;
    width: 100%;
  }
  .recruit-page table.rec-table th {
    background-color: #F8F7F2;
    border: 1px solid #ccc;
    padding: 14px;
    width: 20%;
  }
  .recruit-page table.rec-table td {
    border: 1px solid #ccc;
    padding: 14px;
    width: 80%;
  }
  .recruit-page .mynavi {
    width: 195px;
    margin: 0 auto;
  }
  .recruitment_top .main_image {
    display: none;
  }
}