@charset "UTF-8";
/* parts */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
/* other */
/* btn */
/* link */
p.caution-p {
  padding-left: 2em;
  text-indent: -1em;
}

.recruit .grve-element {
  width: 80%;
  margin: 2em 10% !important;
}
.recruit .grve-element strong {
  font-size: 1.15em;
  color: #000;
}
.recruit h2.grve-element {
  text-align: center !important;
  width: 100%;
  margin: 0 !important;
}
.recruit h3.grve-element {
  width: 100%;
  margin: 0 !important;
}
.recruit h3.grve-element.grve-title.grve-align-center.grve-h3.grve-custom-font-1.grve-increase-heading.grve-heading-140 {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2em;
  text-align: center !important;
}
.recruit h4 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7em;
}
.recruit h4 strong {
  font-weight: normal;
  color: #BE2B35 !important;
}
.recruit .grve-column-wrapper-inner .grve-element {
  width: 100%;
  margin: 2em 0 !important;
}
.recruit table {
  width: 100%;
  margin-bottom: 2em;
}
.recruit .grve-section.grve-row-section.grve-fullwidth-background.grve-padding-top-1x.grve-padding-bottom-1x.grve-bg-none {
  padding-top: 3em;
}
.recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow {
  width: 100%;
  margin: 2em 0% !important;
}
.recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow .grve-isotope-container {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}
.recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow .grve-isotope-container article {
  width: 30% !important;
  padding: 1.5em !important;
  margin-right: 3.3333333333% !important;
  background: #f1f1f1;
}
.recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow .grve-isotope-container article:nth-of-type(3n) {
  margin-right: 0 !important;
}
.recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow .grve-isotope-container article a {
  color: #000;
}
.recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow .grve-isotope-container article h2 {
  font-size: 1.3em !important;
  margin-bottom: 1em;
}

#headline.recruit {
  height: 38em;
  margin-bottom: 0;
  overflow: hidden;
}
#headline.recruit .headline-inner {
  height: 38em;
}
#headline.recruit .headline-inner h1 {
  color: #000;
  background: none;
  -webkit-backdrop-filter: initial;
          backdrop-filter: initial;
}
#headline.recruit.archive {
  height: auto;
}
#headline.recruit.archive .headline-inner {
  height: auto;
  padding-bottom: 0;
  box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.1);
}
#headline.recruit.archive .headline-inner h1 {
  font-size: 3em;
}
#headline.recruit.archive .headline-inner p {
  text-align: center;
}
#headline.recruit.archive .headline-inner p strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.9em;
  color: #BE2B35;
}
#headline.recruit .recruit-head {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
}
#headline.recruit .recruit-head div {
  width: 15%;
  padding-top: 7em;
  position: relative;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: flex-end;
}
#headline.recruit .recruit-head div:nth-of-type(1), #headline.recruit .recruit-head div:nth-of-type(7) {
  overflow: hidden;
  width: 6%;
}
#headline.recruit .recruit-head div:nth-of-type(1) img.person, #headline.recruit .recruit-head div:nth-of-type(7) img.person {
  width: 250%;
  margin-top: auto;
}
#headline.recruit .recruit-head div:nth-of-type(1) {
  overflow: hidden;
  width: 6%;
}
#headline.recruit .recruit-head div:nth-of-type(1) img.person {
  width: 240%;
  margin-top: auto;
}
#headline.recruit .recruit-head div:nth-of-type(1) img.person {
  transform: translateX(9%);
}
#headline.recruit .recruit-head div:nth-of-type(7) img.person {
  transform: translateX(55%);
}
#headline.recruit .recruit-head div img.person {
  width: 100%;
}
#headline.recruit .recruit-head div span {
  font-size: 1.5em;
  color: #2878BD;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
}
#headline.recruit .recruit-head div span img {
  width: 1.5em;
}
#headline.recruit .recruit-head div:nth-of-type(2) span, #headline.recruit .recruit-head div:nth-of-type(3) span {
  left: 0;
}
#headline.recruit .recruit-head div.head-li-catch {
  width: 28%;
  padding: 0.5em;
  align-self: flex-start;
}
#headline.recruit .recruit-head div.head-li-catch p {
  font-size: 1em;
  color: #000;
  text-align: left;
  line-height: 2.8;
  width: 24em;
}
#headline.recruit .recruit-head.recruit-un div span {
  top: 3.5em;
}
#headline.recruit .recruit-head.recruit-un div span img {
  width: 1.25em;
}

.recruit main {
  background-image: url(../img/common/bg_arrow_recruit.svg);
  background-repeat: no-repeat;
  background-size: 120%;
  background-position: center top 38em;
}
.recruit main.recruit-top {
  background: none;
}
.recruit article#undercontents {
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  transform: translateY(-6em);
}
@media screen and (min-width: 1921px) {
  .recruit article#undercontents {
    width: 1700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
  }
}
@media screen and (min-width: 1561px) {
  .recruit article#undercontents {
    width: 1500px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1560px) {
  .recruit article#undercontents {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
  }
}
@media screen and (min-width: 991px) and (max-width: 1280px) {
  .recruit article#undercontents {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .recruit article#undercontents {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
  }
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  .recruit article#undercontents {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
  }
}

nav#recruit-navi {
  padding: 1em;
  margin-bottom: 1em;
}
nav#recruit-navi ul {
  padding: 0 2em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
  list-style: none;
}
nav#recruit-navi ul li {
  padding: 0.5em 0;
}
nav#recruit-navi ul li a {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  padding: 1em 2em;
  display: inline-block;
  transition: 0.3s;
}
nav#recruit-navi ul li a:hover {
  text-decoration: none;
  background: rgba(46, 167, 223, 0.2);
}
nav#recruit-navi ul li.act a {
  background: rgba(46, 167, 223, 0.2);
}

.recruit .sub-cat #breadcrumbs {
  padding: 0 2em 3em 0;
}

nav#recruit-page-navi {
  text-align: center;
  padding-right: 5%;
  margin: 0 auto 5em auto;
}
nav#recruit-page-navi ul {
  padding: 0.75em 1em;
  margin: 0 auto;
  display: inline-block;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  list-style: none;
}
nav#recruit-page-navi ul li {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  padding: 0.25em 1em;
  display: inline-block;
  border-right: solid 1px #2EA7DF;
}
nav#recruit-page-navi ul li a {
  color: #000;
  text-decoration: none;
  padding: 0.75em 2em;
  display: inline-block;
}
nav#recruit-page-navi ul li:last-child {
  border-right: none;
}
nav#recruit-page-navi ul li.act a {
  background: rgba(46, 167, 223, 0.2);
}

.recruit-under .recruit-contents {
  padding-left: 5%;
}
.recruit-under h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5em;
  line-height: 1.4;
}
.recruit-under h3 {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.recruit-under p {
  font-size: 1.05em;
  line-height: 2;
  padding: 1em 0;
}

.reason-section {
  padding: 8em 0 5em 0;
}
.reason-section h2 {
  font-size: 3em;
  text-align: center;
  padding-right: 5%;
  margin-bottom: 2em;
}
.reason-section .sep-box dl {
  padding: 2.5em 0 0 0;
}
.reason-section .sep-box dl dt {
  color: #2878BD;
  font-size: 1.25em;
  font-weight: bold;
}
.reason-section .sep-box picture {
  position: relative;
}
.reason-section .sep-box picture img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.reason-section ul.reason-ul {
  padding-right: 5%;
  position: relative;
  z-index: 1;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: flex-start;
  justify-content: space-between;
  list-style: none;
}
.reason-section ul.reason-ul li {
  width: 30%;
  padding: 3em 3em 2em 3em;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.reason-section ul.reason-ul li dl dt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3em;
  color: #2878BD;
  text-align: center;
  padding: 0.75em 1.25em;
  border: solid 1px #2EA7DF;
}
.reason-section ul.reason-ul li dl dd {
  padding-top: 3em;
}
.reason-section ul.reason-ul li:nth-of-type(1) {
  margin-top: 5em;
}
.reason-section ul.reason-ul li:nth-of-type(2) {
  margin-top: 8em;
}
.reason-section ul.reason-ul li:nth-of-type(3) {
  margin-top: 5em;
}

ul.recruit-needs-ul {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3em;
  padding: 2em 1em 1em 3em;
  list-style: none;
}
ul.recruit-needs-ul li {
  padding: 0.75em 1em 0.75em 3em;
  background-image: url(../img/icon/voice.png);
  background-repeat: no-repeat;
  background-size: 1.75em auto;
  background-position: top 0.9em left;
}

.gray-area {
  padding: 3em;
  margin: 2em 5% 2em auto;
  background: #eee;
  box-shadow: rgba(0, 0, 0, 0.2);
}
.gray-area h3 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
  text-align: center;
  margin-bottom: 1em;
}
.gray-area ul {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  list-style: none;
}
.gray-area ul li {
  max-width: 50%;
  padding: 2em 2em 0 2em;
}
.gray-area ul li dl {
  padding: 0 1em;
}
.gray-area ul li dl dt {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8em;
  color: #2878BD;
  text-align: center;
}

.recruit-relatearea {
  padding: 4em 0;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.recruit-relatearea .txt-area {
  width: 40%;
  padding: 1em 5% 0 0;
}
.recruit-relatearea .txt-area h2 {
  font-size: 2.4em;
  margin-bottom: 1.5em;
}
.recruit-relatearea ul.recruit-relate-ul {
  width: 60%;
  justify-content: flex-start;
  transform: translateX(0);
}

ul.recruit-relate-ul {
  width: 65%;
  margin: 0 auto;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
  list-style: none;
  transform: translateX(-7.5%);
}
ul.recruit-relate-ul li {
  width: 33.3333333333%;
  position: relative;
}
ul.recruit-relate-ul li dl {
  height: 100%;
  padding: 1em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  z-index: 2;
}
ul.recruit-relate-ul li dl dt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.3;
  color: #AEAEAE;
}
ul.recruit-relate-ul li dl dt span {
  font-family: "Century Gothic", "Futura";
  font-size: 3.5em;
  font-weight: bold;
  letter-spacing: 0;
}
ul.recruit-relate-ul li dl dd {
  padding-left: 2em;
}
ul.recruit-relate-ul li dl dd p {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  color: #fff;
  font-size: 1.15em;
  line-height: 1.5;
  text-align: left;
}
ul.recruit-relate-ul li img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

#entry-footer {
  color: #fff;
  width: 100%;
  padding: 5em 5%;
  margin-top: 5em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: center;
  background: linear-gradient(to right, #2EA7DF, #2878BD);
}
#entry-footer h2 {
  font-family: "Century Gothic", "Futura";
  font-weight: bold;
  font-size: 3em;
  width: 50%;
  padding-left: 15%;
}
#entry-footer .txt-area {
  width: 50%;
}
#entry-footer .txt-area dl {
  font-size: 1.2em;
  padding-top: 1em;
}
#entry-footer .txt-area dl dt {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  float: left;
  width: 3.5em;
  padding: 0.25em;
}
#entry-footer .txt-area dl dd {
  margin-left: 3.5em;
  padding: 0.3em 0.25em 0.25em 0.25em;
}
#entry-footer .txt-area dl dd::after {
  clear: both;
  display: block;
  content: "";
}
#entry-footer .txt-area dl dd.mail-dd {
  font-family: "Century Gothic", "Futura";
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}

/* common */
.recruit p.catch {
  text-align: center;
  padding-top: 1.5em;
}
.recruit p.catch strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2.1em;
  line-height: 1.4;
  color: #2878BD;
  padding-right: 5%;
}
.recruit p.detail-link {
  text-align: center;
}
.recruit p.detail-link a {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2em;
  width: 10em;
  padding: 0.75em 0;
  margin: 1.5em auto 0 auto;
  justify-content: center;
}

#headline .headline-inner hgroup h1:first-child,
#headline .headline-inner hgroup h1:last-child {
  margin-top: 0 !important;
}

#recruit-top-head {
  background-image: url(../img/contents/recruit/bg_recruit_top_head.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}
#recruit-top-head h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2.4em;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1.5em;
}
#recruit-top-head .slick-slider {
  height: 50em;
}
#recruit-top-head ul.recruit-top-slider li {
  color: #fff;
  height: 50em;
  margin-top: 2em;
  position: relative;
  transform: scale(0.8);
  transition: 0.3s;
}
#recruit-top-head ul.recruit-top-slider li .txt-area {
  font-size: 1.5em;
  height: 100%;
  padding: 2em 15%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 10;
}
#recruit-top-head ul.recruit-top-slider li .txt-area p {
  font-size: 0.9em;
  opacity: 0;
}
#recruit-top-head ul.recruit-top-slider li .txt-area p.detail-link {
  text-align: center;
}
#recruit-top-head ul.recruit-top-slider li .txt-area p.detail-link a {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  width: 10em;
  padding: 0.75em 0;
  margin: 1.5em auto 0 auto;
  justify-content: center;
  border: solid 1px #fff;
}
#recruit-top-head ul.recruit-top-slider li .txt-area h3 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25em;
  color: #000;
  letter-spacing: 0.05em;
  text-align: center;
  width: 100%;
  position: absolute;
  top: -2.5em;
  left: 0;
}
#recruit-top-head ul.recruit-top-slider li .txt-area h3 span {
  font-size: 1.2em;
}
#recruit-top-head ul.recruit-top-slider li .txt-area dl {
  padding-top: 1em;
}
#recruit-top-head ul.recruit-top-slider li .txt-area dl dt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-width: bold;
  padding: 0.25em 0.5em;
  display: inline-block;
  border: solid 1px #fff;
}
#recruit-top-head ul.recruit-top-slider li .txt-area dl dd {
  padding-top: 1em;
}
#recruit-top-head ul.recruit-top-slider li .txt-area dl dd ul {
  list-style: none;
}
#recruit-top-head ul.recruit-top-slider li .txt-area dl dd ul li {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-width: bold;
  line-height: 1.3;
  height: auto;
  padding: 0.5em 0;
  margin-top: 0;
  transform: scale(1);
}
#recruit-top-head ul.recruit-top-slider li picture {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
#recruit-top-head ul.recruit-top-slider li picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
}
#recruit-top-head ul.recruit-top-slider li picture::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
  content: "";
}
#recruit-top-head ul.recruit-top-slider li.slick-center {
  font-size: 0.7em;
  margin-top: 9rem;
  transform: scale(1.28);
  z-index: 10;
}
#recruit-top-head ul.recruit-top-slider li.slick-center .txt-area p {
  font-size: 0.75em;
  opacity: 1;
}
#recruit-top-head ul.recruit-top-slider li.slick-center .txt-area h3 {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 1em;
  position: static;
}
#recruit-top-head .recruit-top-head-bottom {
  padding: 10em 0 0 0;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential,
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime {
  width: 50%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential .txt-area,
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime .txt-area {
  text-align: left;
  padding: 0 3em;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential .txt-area h2,
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime .txt-area h2 {
  text-align: left;
  line-height: 1.2;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential .txt-area p,
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime .txt-area p {
  line-height: 2;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential .txt-area p.detail-link a,
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime .txt-area p.detail-link a {
  color: #000;
  width: 13em;
  border: solid 1px #000;
  background: #fff;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential picture img,
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime picture img {
  width: 100%;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential {
  padding-right: 3%;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential .txt-area {
  width: 70%;
  order: 1;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-potential picture {
  width: 30%;
  margin-top: auto;
  order: 0;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime {
  padding-left: 3%;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime picture {
  width: 20%;
  margin-top: auto;
}
#recruit-top-head .recruit-top-head-bottom .recruit-top-parttime .txt-area {
  width: 80%;
  padding-left: 10%;
}

.recruit-top.reason-section {
  padding-left: 5%;
}
.recruit-top.reason-section h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  text-align: left;
  margin-bottom: 1em;
}
.recruit-top.reason-section p.detail-link a {
  color: #000;
  border: solid 1px #000;
}
.recruit-top.reason-section p strong {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6em;
}

.recruit-top-voice {
  padding: 5em 0;
}
.recruit-top-voice .txt-area {
  padding: 0 5% 4em 5%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: flex-start;
}
.recruit-top-voice .txt-area h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 3em;
  text-align: center;
  width: 20%;
  margin-bottom: 2em;
}
.recruit-top-voice .txt-area p {
  line-height: 2;
  width: 45%;
}
.recruit-top-voice .txt-area p.detail-link {
  width: 20%;
}
.recruit-top-voice .txt-area p.detail-link a {
  color: #000;
  border: solid 1px #000;
}

/* talent */
.recruit-talent-head {
  padding-right: 5%;
}
.recruit-talent-head h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8em;
  color: #2878BD;
  margin-top: 1.5em !important;
  writing-mode: vertical-rl;
  margin: 0 auto 1.5em auto;
}
.recruit-talent-head p {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  text-align: center;
  padding: 0.5em 0;
}

/* mid-career */
.recruit-midcareer-section {
  padding: 4em 5% 4em 0;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.recruit-midcareer-section .txt-area {
  text-align: left;
  width: 55%;
  padding: 2em;
}
.recruit-midcareer-section .txt-area p {
  text-align: left;
}
.recruit-midcareer-section .txt-area ul.recruit-match-ul {
  padding: 1em 1em 1em 2em;
}
.recruit-midcareer-section .txt-area ul.recruit-match-ul li {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.25em 0;
}
.recruit-midcareer-section .txt-area p.detail-link a {
  width: 10em;
  padding: 0.75em 0;
  justify-content: center;
  border: solid 1px #2878BD;
}
.recruit-midcareer-section picture {
  width: 45%;
}
.recruit-midcareer-section picture img {
  width: 100%;
  height: 30em;
  -o-object-fit: cover;
     object-fit: cover;
}
.recruit-midcareer-section.odd .txt-area {
  padding-right: 5%;
}
.recruit-midcareer-section.even .txt-area {
  padding-left: 5%;
  order: 1;
}
.recruit-midcareer-section.even picture {
  order: 0;
}

/* about us */
ul.recruit-about-ul {
  margin: 3em 10% 3em 5%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  list-style: none;
}
ul.recruit-about-ul li {
  width: 25%;
  position: relative;
}
ul.recruit-about-ul li::after {
  width: 100%;
  height: 40%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(../img/contents/recruit/bg_category_arrow.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom right;
  content: "";
}
ul.recruit-about-ul li a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
ul.recruit-about-ul li dl {
  height: 100%;
  padding: 1em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  z-index: 2;
}
ul.recruit-about-ul li dl dt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.3;
  color: #888;
  padding-top: 1.5em;
}
ul.recruit-about-ul li dl dt span {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 0;
}
ul.recruit-about-ul li dl dd {
  padding-left: 4.5em;
  position: relative;
}
ul.recruit-about-ul li dl dd p {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  font-size: 1em;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}
ul.recruit-about-ul li img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

.ceo-head {
  width: 100%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.ceo-head .txt-area {
  width: 35%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  justify-content: center;
}
.ceo-head .txt-area h2 {
  font-size: 2.75em;
  line-height: 1.5;
  margin-bottom: 1em;
}
.ceo-head .txt-area p {
  text-align: right;
}
.ceo-head .txt-area p span {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4em;
}
.ceo-head picture {
  width: 65%;
}
.ceo-head picture img {
  width: 100%;
}

.recruit-message-section {
  font-size: 1.15em;
  padding: 3em 20% 3em 15%;
}
@media screen and (max-width: 575px) {
  .recruit-message-section {
    padding: 3em 10% 3em 5%;
  }
}
.recruit-message-section p.sign {
  padding-top: 3em;
  text-align: right;
}
.recruit-message-section p.sign span {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4em;
  padding-left: 0.5em;
}

.recruit-welfare-section {
  padding: 4em 5% 4em 0;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.recruit-welfare-section .txt-area {
  text-align: left;
  width: 60%;
  padding: 0 2em 2em 2em;
}
.recruit-welfare-section .txt-area p {
  text-align: left;
}
.recruit-welfare-section .txt-area p + h3 {
  margin-top: 1em;
}
.recruit-welfare-section .txt-area h3 + p {
  margin-top: 1em;
}
.recruit-welfare-section .txt-area ul {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25em;
  list-style: none;
  padding: 1.5em 1em 1.5em 2em;
}
.recruit-welfare-section .txt-area ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.5em;
  position: relative;
}
.recruit-welfare-section .txt-area ul li::before, .recruit-welfare-section .txt-area ul li::after {
  display: block;
  position: absolute;
  content: "";
}
.recruit-welfare-section .txt-area ul li::before {
  width: 1em;
  height: 1em;
  top: 0.75em;
  left: 0;
  background: #2878BD;
}
.recruit-welfare-section .txt-area ul li::after {
  width: 0.5em;
  height: 0.2em;
  top: 1em;
  left: 0.2em;
  border-left: solid 1.5px #fff;
  border-bottom: solid 1.5px #fff;
  transform: rotate(-35deg);
}
.recruit-welfare-section picture {
  width: 40%;
}
.recruit-welfare-section picture img {
  width: 100%;
  height: 30em;
  -o-object-fit: cover;
     object-fit: cover;
}
.recruit-welfare-section.odd .txt-area {
  padding-right: 5%;
}
.recruit-welfare-section.even .txt-area {
  padding-left: 5%;
  order: 1;
}
.recruit-welfare-section.even picture {
  order: 0;
}

.recruit-number-section {
  padding: 3em 5% 3em 0%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: center;
}
.recruit-number-section h2 {
  width: 100%;
}
.recruit-number-section dl {
  width: calc(50% - 4em);
  padding: 2em;
  margin: 2em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: flex-start;
  justify-content: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.recruit-number-section dl dt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  font-size: 1.4em;
  white-space: nowrap;
  padding-right: 1em;
}
.recruit-number-section dl dt span.txt-area {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: flex-end;
}
.recruit-number-section dl dt span.txt-area picture {
  width: 3.5em;
  margin: 1em 1em 0 0;
}
.recruit-number-section dl dt span.txt-area picture.squear {
  width: 4em;
}
.recruit-number-section dl dt span.txt-area picture.horizon {
  width: 3em;
}
.recruit-number-section dl dt span.txt-area picture img {
  width: 100%;
}
.recruit-number-section dl dt span.txt-area span {
  font-family: "Century Gothic", "futura Medium";
  font-weight: bold;
  font-size: 4.5em;
  color: #2878BD;
  line-height: 1;
  letter-spacing: 0;
}
.recruit-number-section dl dt span.txt-area span.font-s {
  font-size: 2em;
}
.recruit-number-section dl dd .txt-area {
  padding-left: 2em;
}
.recruit-number-section dl dd .txt-area ul {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: center;
  list-style: none;
}
.recruit-number-section dl dd .txt-area ul li {
  text-align: center;
  line-height: 1.1;
}
.recruit-number-section dl dd .txt-area ul li img {
  width: 10em;
  margin: 0.5em 0.5em 0 0.5em;
}
.recruit-number-section dl:nth-of-type(3) {
  width: calc(100% - 4em);
  align-items: stretch;
}
.recruit-number-section dl:nth-of-type(3) dt {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: center;
}
.recruit-number-section dl:nth-of-type(3) dt br {
  display: none;
}
.recruit-number-section dl:nth-of-type(3) dt picture {
  margin-left: 2em !important;
}
.recruit-number-section dl:nth-of-type(3) dd {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: center;
}

.recruit-gallery-area {
  padding: 3em 12.5% 3em 7.5%;
}
.recruit-gallery-area .grid {
  width: 100%;
}
.recruit-gallery-area .grid .grid-item {
  width: 25%;
  padding-right: 1px;
  padding-bottom: 1px;
}
.recruit-gallery-area .grid .grid-item img {
  display: block;
  width: 100%;
}
.recruit-gallery-area .grid .grid-item span {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  color: #fff;
  position: absolute;
  right: 2em;
  bottom: 2em;
}
.recruit-gallery-area .grid .grid-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.recruit .lity {
  background: rgba(0, 0, 0, 0.7);
}

/* voice */
.voice p.voice-top-p {
  margin-right: 7.5%;
  margin-bottom: 2em;
}
@media screen and (max-width: 575px) {
  .voice p.voice-top-p {
    margin-right: 0;
  }
}
.voice #undercontents.recruit-under .recruit-contents {
  padding-left: 7.5%;
}
.voice #undercontents.recruit-under .recruit-contents nav#recruit-page-navi {
  padding-right: 7.5%;
}

.recruit-voice-head {
  padding: 0 0 0 0;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
}
.recruit-voice-head .txt-area {
  width: 55%;
  padding: 2em 0 2em 7.5%;
}
@media screen and (min-width: 991px) and (max-width: 1280px) {
  .recruit-voice-head .txt-area {
    padding: 2em 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .recruit-voice-head .txt-area {
    padding: 2em 0;
  }
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  .recruit-voice-head .txt-area {
    padding: 2em 0;
  }
}
.recruit-voice-head .txt-area .head {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  align-items: flex-end;
  padding-bottom: 0.5em;
}
.recruit-voice-head .txt-area h2 {
  font-family: "Century Gothic", "Futura";
  font-size: 6em;
  font-weight: bold;
  color: #AEAEAE;
  line-height: 1;
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  .recruit-voice-head .txt-area h2 {
    font-size: 5.5em;
  }
}
.recruit-voice-head .txt-area h2 span {
  font-size: 1.5rem;
}
.recruit-voice-head .txt-area span.operation {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  padding: 0.5em 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  display: inline-block;
  border: solid 1px #2EA7DF;
}
.recruit-voice-head .txt-area span.employee {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  color: #AEAEAE;
  font-size: 1.1em;
  line-height: 1.5;
  padding: 0.5em 1em;
  margin-right: 1em;
  display: inline-block;
}
.recruit-voice-head .txt-area p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5em;
  line-height: 1.5;
  text-align: left;
  padding: 1.25em 0;
}
.recruit-voice-head .txt-area dl {
  font-size: 1.1em;
  padding-top: 1em;
}
.recruit-voice-head .txt-area dl dt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: bold;
  float: left;
  width: 7.5em;
  padding: 0.25em;
}
.recruit-voice-head .txt-area dl dd {
  margin-left: 7.5em;
  padding: 0.3em 0.25em 0.25em 0.25em;
}
.recruit-voice-head .txt-area dl dd::after {
  clear: both;
  display: block;
  content: "";
}
.recruit-voice-head picture {
  width: 45%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
  align-items: center;
}
.recruit-voice-head picture img {
  width: 55%;
}

.recruit-voice-section {
  padding: 4em 0;
}
.recruit-voice-section h2 {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
  line-height: 1.5;
  text-align: left;
  padding: 0.5em 0;
}
.recruit-voice-section p {
  font-size: 1.1em;
  padding: 1em;
}
.recruit-voice-section p.catch {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1.5;
  text-align: left;
  padding: 0.5em 0;
}
.recruit-voice-section p + h2 {
  margin-top: 2em;
}
.recruit-voice-section.odd {
  padding-right: 7.5%;
  padding-left: 2.5%;
}
.recruit-voice-section.even {
  text-align: right;
}
.recruit-voice-section.even h2 {
  margin-right: 7.5%;
}
.recruit-voice-section.even p {
  text-align: left;
  padding-right: 7.5%;
  padding-left: 2.5%;
}
.recruit-voice-section.even p.catch {
  text-align: right;
}
.recruit-voice-section img.f-l {
  margin: 0.5em 4em 2em 0;
}
.recruit-voice-section img.f-r {
  margin: 0.5em 7.5% 2em 4em;
}
.recruit-voice-section .sep-box .txt-area {
  width: 65%;
  padding-right: 5%;
}
.recruit-voice-section.txt-only {
  padding-right: 12.5%;
  padding-left: 5%;
}
.recruit-voice-section .tooltip-area-r {
  width: 35%;
  padding: 3em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, rgba(184, 211, 231, 0.4), rgba(191, 238, 235, 0.4));
}
.recruit-voice-section .tooltip-area-r p.tooltip {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.6;
  padding: 1.5em;
  position: relative;
  z-index: 10;
  background: #fff;
}
.recruit-voice-section .tooltip-area-r p.tooltip::after {
  width: 4em;
  height: 3em;
  display: block;
  position: absolute;
  bottom: -2.5em;
  left: 4.5em;
  z-index: 0;
  background: #fff;
  -webkit-clip-path: polygon(0 0, -50% 100%, 100% 50%);
          clip-path: polygon(0 0, -50% 100%, 100% 50%);
  transform: rotate(50deg);
  content: "";
}
.recruit-voice-section .tooltip-area-r img {
  width: 40%;
  margin-top: 1em;
}
.recruit-voice-section .tooltip-area-c {
  padding: 2em 0;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
  align-items: center;
}
.recruit-voice-section .tooltip-area-c p {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.6;
  width: 25%;
  padding: 1.5em;
  margin: 0 4%;
  position: relative;
  background: linear-gradient(to right, #2EA7DF, #2878BD);
}
.recruit-voice-section .tooltip-area-c p::after {
  width: 3em;
  height: 2em;
  display: block;
  position: absolute;
  z-index: 0;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
}
.recruit-voice-section .tooltip-area-c p:nth-of-type(1)::after {
  right: -2.5em;
  bottom: 25%;
  background: #2878BD;
  transform: rotate(20deg);
}
.recruit-voice-section .tooltip-area-c p:nth-of-type(2)::after {
  left: -2.5em;
  bottom: 20%;
  background: #2EA7DF;
  transform: rotate(-200deg);
}
.recruit-voice-section .schedule-area {
  width: 35%;
  padding: 0 3em 3em 3em;
}
.recruit-voice-section .schedule-area img {
  width: 35%;
  margin-right: 1em;
}
.recruit-voice-section .schedule-area h3 {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
  align-items: flex-start;
}
.recruit-voice-section .schedule-area dl {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.05em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  margin: 0 0 2em 0;
  position: relative;
}
.recruit-voice-section .schedule-area dl::after {
  width: 3px;
  height: 90%;
  display: block;
  position: absolute;
  left: 5.3em;
  top: 5%;
  z-index: -1;
  background: #2878BD;
  content: "";
}
.recruit-voice-section .schedule-area dl dt, .recruit-voice-section .schedule-area dl dd {
  padding: 0.25em 0;
}
.recruit-voice-section .schedule-area dl dt {
  line-height: 1.5;
  width: 6em;
  position: relative;
}
.recruit-voice-section .schedule-area dl dt::after {
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  right: 0;
  top: 0.3em;
  background: #fff;
  border: solid 1px #2878BD;
  border-radius: 50%;
  content: "";
}
.recruit-voice-section .schedule-area dl dd {
  width: calc(100% - 6em);
  padding-left: 2em;
}
.recruit-voice-section .schedule-area dl dd p {
  line-height: 1.5;
  padding: 1em 0 0 0;
}
.recruit-voice-section .schedule-area dl dd.pt-no p {
  padding-top: 0;
}
.recruit-voice-section .schedule-area .tooltip-area-s {
  width: 100%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
  align-items: center;
}
.recruit-voice-section .schedule-area .tooltip-area-s p.tooltip {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 1.6;
  padding: 1.5em;
  position: relative;
  background: linear-gradient(to right, #2EA7DF, #2878BD);
}
.recruit-voice-section .schedule-area .tooltip-area-s p.tooltip::after {
  width: 4em;
  height: 3em;
  display: block;
  position: absolute;
  bottom: -2.5em;
  left: 4.5em;
  z-index: 0;
  background: linear-gradient(to right, #2EA7DF, #2878BD);
  -webkit-clip-path: polygon(40% 0, -80% 100%, 100% 50%);
          clip-path: polygon(40% 0, -80% 100%, 100% 50%);
  transform: rotate(50deg);
  content: "";
}
.recruit-voice-section .schedule-area .tooltip-area-s img {
  margin-top: 1em;
}

.guideline #undercontents.recruit-under .recruit-contents {
  padding-right: 5%;
}
.guideline #undercontents.recruit-under .recruit-contents h2.guideline-headline {
  font-family: "游明朝体", "Yu Mincho", YuMincho;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #2878BD;
  margin-bottom: 1.5em;
}
.guideline #undercontents.recruit-under .recruit-contents h2.guideline-headline + p {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 575px) {
  .guideline #undercontents.recruit-under .recruit-contents h2.guideline-headline + p {
    width: 100%;
  }
}
.guideline #undercontents.recruit-under .recruit-contents table {
  width: 70%;
  margin: 2em auto 4em auto;
  border-collapse: collapse;
}
.guideline #undercontents.recruit-under .recruit-contents table tr:nth-of-type(even) {
  background: #f1f1f1;
}
.guideline #undercontents.recruit-under .recruit-contents table th,
.guideline #undercontents.recruit-under .recruit-contents table td {
  font-size: 1.05em;
  padding: 1em 1.5em;
}
.guideline #undercontents.recruit-under .recruit-contents table td p {
  font-size: 1em;
}
.guideline #undercontents.recruit-under .recruit-contents table td p:nth-of-type(1) {
  padding-top: 0;
}
.guideline #undercontents.recruit-under .recruit-contents table td p:last-child {
  padding-bottom: 0;
}
.guideline #undercontents.recruit-under .recruit-contents table td ul {
  padding: 0 0 1em 1.5em;
}

/* desktop */
@media screen and (min-width: 991px) and (max-width: 1280px) {
  .recruit-number-section dl {
    width: calc(50% - 4em);
    flex-direction: column;
  }
  .recruit-number-section dl:nth-of-type(3) {
    flex-direction: initial;
  }
  ul.recruit-relate-ul {
    width: 80%;
  }
}
/* tablet */
@media screen and (min-width: 576px) and (max-width: 1024px) {
  #recruit-top-head ul.recruit-top-slider li {
    background: #000;
  }
  #recruit-top-head ul.recruit-top-slider li .txt-area ul li {
    background: none;
  }
  #recruit-top-head ul.recruit-top-slider li picture img {
    opacity: 0.8;
  }
  .recruit #undercontents {
    font-size: 1.25vw;
  }
  .recruit-number-section dl {
    width: calc(50% - 4em);
    flex-direction: column;
  }
  .recruit-number-section dl:nth-of-type(3) {
    flex-direction: initial;
  }
  nav#recruit-navi ul {
    padding: 0 1.5em;
  }
  nav#recruit-navi ul li a {
    font-size: 0.9em;
    letter-spacing: 0;
    padding: 1em;
  }
  ul.recruit-relate-ul {
    width: 90%;
  }
  .recruit-voice-section .tooltip-area-c p {
    width: 32%;
  }
  .recruit-voice-section .tooltip-area-c img {
    width: 20%;
  }
}
/* mobile */
@media screen and (max-width: 575px) {
  .recruit .grve-element {
    width: 100%;
    margin: 2em 0 !important;
  }
  .recruit table {
    width: 100%;
  }
  .recruit table th {
    white-space: nowrap;
    vertical-align: top !important;
    max-width: 8em !important;
  }
  .recruit .grve-element.grve-blog.grve-blog-columns.grve-blog-grid.grve-isotope.grve-with-gap.grve-with-shadow .grve-isotope-container article {
    width: 100% !important;
    margin: 1em 0 !important;
  }
  .recruit #undercontents.recruit {
    padding: 0;
  }
  #recruit-top-head {
    width: 100%;
  }
  #recruit-top-head h2 {
    font-family: "游明朝体", "Yu Mincho", YuMincho;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2em;
  }
  #recruit-top-head ul.recruit-top-slider {
    width: 100vw !important;
    height: 425px;
  }
  #recruit-top-head ul.recruit-top-slider li {
    color: #fff;
    height: 330px;
    background: #000;
  }
  #recruit-top-head ul.recruit-top-slider li .txt-area {
    font-size: 1em;
    padding: 2em 5%;
  }
  #recruit-top-head ul.recruit-top-slider li .txt-area p {
    line-height: 1.3;
  }
  #recruit-top-head ul.recruit-top-slider li .txt-area p.detail-link a {
    width: 13em;
    padding: 0.75em 1em;
  }
  #recruit-top-head ul.recruit-top-slider li .txt-area ul li {
    background: none;
  }
  #recruit-top-head ul.recruit-top-slider li.slick-center {
    margin-top: 6rem;
  }
  #recruit-top-head ul.recruit-top-slider li.slick-center .txt-area p {
    font-size: 0.9em;
  }
  #recruit-top-head ul.recruit-top-slider li picture img {
    opacity: 0.8;
  }
  #recruit-top-head .recruit-top-head-bottom {
    padding: 5em 0 0 0;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-direction: column;
  }
  #recruit-top-head .recruit-top-head-bottom .recruit-top-potential,
  #recruit-top-head .recruit-top-head-bottom .recruit-top-parttime {
    width: 100%;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
  }
  .recruit-top.reason-section {
    padding: 5em 5% 0 5%;
  }
  .recruit-top.reason-section .sep-box {
    flex-direction: column;
  }
  .recruit-top.reason-section .sep-box .w50 {
    width: 100%;
  }
  .recruit-top.reason-section .sep-box .w50 h2 {
    font-size: 2.2em;
  }
  .recruit-top-voice .txt-area {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .recruit-top-voice .txt-area h2 {
    font-size: 2.4em;
    width: 100%;
    margin: 2em 0 1em 0;
  }
  .recruit-top-voice .txt-area p {
    width: 100%;
  }
  .recruit-top-voice .txt-area p.detail-link {
    width: 100%;
  }
  #headline.recruit {
    height: 32em;
  }
  #headline.recruit .headline-inner {
    height: 32em;
    padding: 4em 0 0 0;
  }
  #headline.recruit .headline-inner hgroup {
    margin-top: 4em !important;
  }
  #headline.recruit .headline-inner hgroup + p {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  #headline.recruit .recruit-head {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  #headline.recruit .recruit-head div {
    width: 21%;
    padding-top: 4em;
    order: 1;
  }
  #headline.recruit .recruit-head div:nth-of-type(1), #headline.recruit .recruit-head div:nth-of-type(7) {
    width: 8%;
  }
  #headline.recruit .recruit-head div.head-li-catch {
    width: 100%;
    margin-top: 1.5em;
    order: 0;
  }
  #headline.recruit .recruit-head div.head-li-catch p {
    line-height: 1.6;
  }
  #headline.recruit .recruit-head div span img {
    width: 0.8em;
  }
  #headline.recruit .recruit-head div:nth-of-type(2) span, #headline.recruit .recruit-head div:nth-of-type(3) span {
    left: -0.25em;
  }
  #headline.recruit .recruit-head div:nth-of-type(5) span, #headline.recruit .recruit-head div:nth-of-type(6) span {
    right: -0.75em;
  }
  #headline.recruit .recruit-head.recruit-un {
    height: 100%;
  }
  #headline.recruit .recruit-head.recruit-un div {
    width: 21%;
    padding-top: 0;
    order: 1;
  }
  #headline.recruit .recruit-head.recruit-un div:nth-of-type(1), #headline.recruit .recruit-head.recruit-un div:nth-of-type(7) {
    width: 8%;
  }
  #headline.recruit .recruit-head.recruit-un div.head-li-catch {
    width: 100%;
    margin-top: 3.5em;
    order: 0;
  }
  #headline.recruit .recruit-head.recruit-un div span {
    top: -1.5em;
  }
  #headline.recruit .recruit-head.recruit-un div span img {
    width: 0.75em;
  }
  #headline.recruit .recruit-head.recruit-un div hgroup {
    margin-top: 0em !important;
  }
  .recruit article#undercontents {
    transform: translateY(0);
  }
  .recruit article#undercontents nav#recruit-navi ul {
    padding: 0;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .recruit article#undercontents nav#recruit-navi ul li {
    padding: 0;
  }
  .recruit article#undercontents nav#recruit-navi ul li a {
    font-size: 0.9em;
    letter-spacing: 0;
    padding: 0.5em 0.75em;
  }
  .recruit article#undercontents.recruit-under .recruit-contents nav#recruit-page-navi {
    padding-right: 0;
    margin-bottom: 4em;
  }
  .recruit article#undercontents.recruit-under .recruit-contents nav#recruit-page-navi ul {
    text-align: center;
  }
  .recruit article#undercontents.recruit-under .recruit-contents nav#recruit-page-navi ul li {
    border-right: 0;
  }
  .recruit article#undercontents.recruit-under .recruit-contents nav#recruit-page-navi ul li a {
    padding: 0.5em 1em;
  }
  .recruit .recruit-under .recruit-contents {
    padding-left: 1em !important;
    padding-right: 1em;
  }
  .recruit .recruit-under .recruit-contents .sep-box {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .recruit .recruit-under .recruit-contents .w45,
  .recruit .recruit-under .recruit-contents .w55 {
    width: 100%;
  }
  .recruit .recruit-under h2 {
    font-size: 2.1em;
    text-align: left;
  }
  .recruit .recruit-under h2 br {
    display: none;
  }
  .recruit .gray-area {
    padding: 1.5em;
    margin: 1.5em auto;
  }
  .recruit .gray-area ul {
    flex-direction: column;
  }
  .recruit .gray-area ul li {
    width: 100%;
    max-width: 100%;
    padding: 2em 0 0 0;
  }
  .recruit .gray-area ul li dl dt {
    line-height: 1.4;
  }
  .recruit #entry-footer {
    flex-direction: column;
    margin-bottom: 1em;
  }
  .recruit #entry-footer h2,
  .recruit #entry-footer .txt-area {
    width: 100%;
  }
  .recruit #entry-footer h2 {
    padding-left: 0;
    margin-bottom: 1em;
  }
  .recruit .recruit-relatearea {
    flex-direction: column;
  }
  .recruit .recruit-relatearea .txt-area {
    width: 100%;
    padding: 1em 0 0 0;
  }
  .recruit .recruit-relatearea .txt-area h2 {
    margin-bottom: 0.5em;
  }
  .recruit ul.recruit-relate-ul {
    width: 100%;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
    transform: translateX(0);
  }
  .recruit ul.recruit-relate-ul li {
    width: 50%;
  }
  .recruit ul.recruit-relate-ul li dl dt span {
    font-size: 3em;
  }
  .recruit ul.recruit-relate-ul li dl dd {
    padding-left: 1.5em;
  }
  .recruit ul.recruit-relate-ul li dl dd p {
    font-size: 0.9em;
    padding-bottom: 0;
  }
  .recruit .recruit-talent-head h2 br {
    display: block !important;
  }
  .recruit .recruit-midcareer-section {
    padding-right: 0;
    flex-direction: column;
  }
  .recruit .recruit-midcareer-section .txt-area {
    width: 100%;
    order: 1;
  }
  .recruit .recruit-midcareer-section picture {
    width: 100%;
    order: 0;
  }
  .recruit .recruit-midcareer-section picture img {
    height: 20em;
  }
  .recruit .recruit-midcareer-section.odd .txt-area, .recruit .recruit-midcareer-section.even .txt-area {
    padding-left: 0;
    padding-right: 0;
  }
  .recruit ul.recruit-needs-ul {
    padding: 2em 1em 1em 1em;
  }
  .recruit .reason-section h2 {
    padding-right: 0;
    margin-bottom: 1em;
  }
  .recruit .reason-section .sep-box .w50 {
    width: 100%;
  }
  .recruit .reason-section .sep-box picture img {
    position: relative;
  }
  .recruit .reason-section .sep-box picture img.w90 {
    width: 100%;
  }
  .recruit .reason-section ul.reason-ul {
    padding-top: 2em;
    padding-right: 0;
    flex-direction: column;
    align-items: center;
  }
  .recruit .reason-section ul.reason-ul li {
    width: 95%;
    padding: 2em 2em 1em 2em;
    margin-top: 2em !important;
  }
  .recruit .reason-section ul.reason-ul li dl dd {
    padding-top: 1.5em;
  }
  .recruit ul.recruit-about-ul {
    margin: 3em 0;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .recruit ul.recruit-about-ul li {
    width: 50%;
  }
  .recruit ul.recruit-about-ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  .recruit ul.recruit-about-ul li dl dt span {
    font-size: 1.4em;
  }
  .recruit ul.recruit-about-ul li dl dd {
    padding-left: 0;
  }
  .recruit ul.recruit-about-ul li dl dd p {
    font-size: 0.9em;
    padding: 0.5em;
    background: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .recruit .ceo-head {
    position: relative;
  }
  .recruit .ceo-head .txt-area {
    width: 70%;
    position: relative;
    z-index: 10;
  }
  .recruit .ceo-head picture {
    width: 100%;
    position: absolute;
    z-index: 1;
  }
  .recruit .recruit-message-section p.sign {
    text-align: right !important;
  }
  .recruit .recruit-welfare-section {
    padding-right: 0;
    flex-direction: column;
  }
  .recruit .recruit-welfare-section .txt-area {
    width: 100%;
    padding: 0 0 2em 0 !important;
    order: 0;
  }
  .recruit .recruit-welfare-section picture {
    width: 100%;
    order: 1;
  }
  .recruit .recruit-welfare-section picture img {
    height: 20em;
  }
  .recruit .recruit-number-section {
    padding-right: 0;
  }
  .recruit .recruit-number-section dl {
    font-size: 1em;
    width: calc(100% - 2em);
    padding: 1em;
    margin: 0 0 2em 0;
    flex-direction: column;
    justify-content: center;
  }
  .recruit .recruit-number-section dl dt {
    text-align: center;
    width: 100%;
    padding-right: 0;
  }
  .recruit .recruit-number-section dl dt span.txt-area {
    width: 100%;
    justify-content: center;
  }
  .recruit .recruit-number-section dl dt span.txt-area span {
    font-family: "Century Gothic", "futura Medium";
    font-size: 4em;
  }
  .recruit .recruit-number-section dl dd .txt-area span {
    font-size: 2.5em;
  }
  .recruit .recruit-number-section dl dd .txt-area ul li img {
    max-width: 7em;
  }
  .recruit .recruit-number-section dl:nth-of-type(3) {
    width: calc(100% - 2em);
    align-items: stretch;
  }
  .recruit .recruit-number-section dl:nth-of-type(3) dt {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    align-items: center;
    flex-direction: column;
  }
  .recruit .recruit-number-section dl:nth-of-type(3) dt br {
    display: none;
  }
  .recruit .recruit-number-section dl:nth-of-type(3) dt picture {
    margin-left: 2em !important;
  }
  .recruit .recruit-number-section dl:nth-of-type(3) dd {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    align-items: center;
  }
  .recruit .recruit-gallery-area {
    padding: 3em 0 3em 0;
  }
  .recruit .recruit-gallery-area .grid {
    width: 100%;
  }
  .recruit .recruit-gallery-area .grid .grid-item {
    width: 50%;
    padding-right: 1px;
    padding-bottom: 1px;
  }
  .recruit .recruit-gallery-area .grid .grid-item img {
    display: block;
    width: 100%;
  }
  .recruit .recruit-gallery-area .grid .grid-item span {
    right: 1em;
    bottom: 1em;
  }
  .recruit .recruit-gallery-area .grid .grid-item a {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .recruit .recruit-voice-head {
    padding-bottom: 0;
    flex-direction: column;
  }
  .recruit .recruit-voice-head .txt-area {
    width: 100%;
    padding: 2em 0 2em 0;
    order: 1;
  }
  .recruit .recruit-voice-head .txt-area .head {
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  .recruit .recruit-voice-head .txt-area .head h2 {
    font-size: 3em;
  }
  .recruit .recruit-voice-head .txt-area span.operation {
    font-size: 1em;
    margin-bottom: 0;
  }
  .recruit .recruit-voice-head .txt-area p.catch {
    font-size: 2em;
  }
  .recruit .recruit-voice-head picture {
    width: 100%;
    order: 0;
  }
  .recruit .voice #undercontents.recruit-under .recruit-contents {
    padding-left: 1em;
  }
  .recruit .voice #undercontents.recruit-under .recruit-contents .sep-box {
    flex-direction: column;
  }
  .recruit .recruit-voice-section {
    text-align: left;
    padding: 4em 0;
  }
  .recruit .recruit-voice-section h2 {
    font-size: 1.5em;
  }
  .recruit .recruit-voice-section.odd {
    padding-right: 0;
    padding-left: 0;
  }
  .recruit .recruit-voice-section.even {
    text-align: right;
  }
  .recruit .recruit-voice-section.even h2 {
    margin-right: 0;
  }
  .recruit .recruit-voice-section.even p {
    text-align: left;
    padding-right: 0;
    padding-left: 0;
  }
  .recruit .recruit-voice-section.even p.catch {
    text-align: right;
  }
  .recruit .recruit-voice-section .sep-box {
    flex-direction: column;
  }
  .recruit .recruit-voice-section .sep-box .txt-area {
    width: 100%;
    padding-right: 0;
  }
  .recruit .recruit-voice-section .sep-box .schedule-area {
    width: 100%;
  }
  .recruit .recruit-voice-section img.f-l,
  .recruit .recruit-voice-section img.f-r {
    width: 100%;
  }
  .recruit .recruit-voice-section img.f-l {
    margin: 0.5em 0 2em 0;
  }
  .recruit .recruit-voice-section img.f-r {
    margin: 0.5em 0 2em 0;
  }
  .recruit .recruit-voice-section .tooltip-area-r {
    width: 100%;
  }
  .recruit .recruit-voice-section .tooltip-area-c {
    width: 100%;
    flex-direction: column;
  }
  .recruit .recruit-voice-section .tooltip-area-c p {
    width: 100%;
  }
  .recruit .recruit-voice-section .tooltip-area-c p + img {
    order: 3;
  }
}/*# sourceMappingURL=recruit.css.map */