.l-recruit-header {
  width: 100%;
  height: 90px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9
}
@media(max-width:67.5em) {
  .l-recruit-header {
    height: 60px
  }
}
.l-recruit-header .title-wrapper {
  float: left;
  letter-spacing: -.4em;
  padding-left: 50px
}
@media(max-width:67.5em) {
  .l-recruit-header .title-wrapper {
    padding-left: 15px
  }
}
.l-recruit-header .title-wrapper::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 90px
}
@media(max-width:67.5em) {
  .l-recruit-header .title-wrapper::before {
    height: 60px
  }
}
.l-recruit-header .title-wrapper .title-logo,
.l-recruit-header .title-wrapper .title-text {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal
}
@media(max-width:67.5em) {
  .l-recruit-header .title-wrapper .title-logo {
    /* width: 40px */
  }
}
.l-recruit-header .title-wrapper .title-text {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
  color: #8fc31f;
  letter-spacing: 4px;
  margin-left: 40px
}
@media(max-width:67.5em) {
  .l-recruit-header .title-wrapper .title-text {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 4px;
    margin-left: 10px
  }
}
.l-recruit-header .title-wrapper .title-text a {
  text-decoration: none
}
.l-recruit-header .nav-wrapper {
  float: right
}
.l-recruit-header .nav-wrapper .recruit-nav {
  letter-spacing: -.2em
}
.l-recruit-header .nav-wrapper .recruit-nav::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 90px
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav::before {
    height: 60px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer,
.l-recruit-header .nav-wrapper .recruit-nav__entry,
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__three-e-nav {
    display: none !important
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item {
  float: left
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item:first-child p span {
  color: #333
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item p {
  letter-spacing: -.4em;
  padding: 0 20px;
  cursor: pointer;
  position: relative
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item p::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 90px
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item p::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  border-top: 1px solid #172433;
  margin: 0 auto;
  transition: .8s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item p span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #172433;
  letter-spacing: 3px
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item__child-list {
  display: none;
  width: 100%;
  letter-spacing: -.4em;
  text-align: right;
  background: rgba(51, 51, 51, .9);
  padding-right: 290px;
  position: absolute;
  top: 100%;
  left: 0
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item__child-item {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item__child-item a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 2px;
  text-decoration: none;
  padding: 32px 20px;
  position: relative
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item__child-item a::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  border-top: 4px solid #8fc31f;
  transition: .3s ease-in-out;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item__child-item a:hover::after {
  opacity: 1
}
.l-recruit-header .nav-wrapper .recruit-nav__three-e-nav .three-e-item:hover p::after {
  width: 60px
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer {
  background: #006979;
  margin-left: 30px
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger {
  width: 90px;
  height: 90px;
  cursor: pointer;
  overflow: hidden;
  position: relative
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger {
    width: 60px;
    height: 60px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger-inner {
  width: 40px;
  height: 30px;
  margin: 0 auto;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  left: 0
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger-inner {
    width: 30px;
    height: 25px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger span {
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #fff;
  transition: .6s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  left: 0
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger span {
    height: 2px;
    border-top-width: 2px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger span:nth-child(1) {
  top: 0
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger span:nth-child(2) {
  margin-top: -1px;
  top: 50%
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger span:nth-child(3) {
  bottom: 0
}
@media(min-width:67.5625em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger span:nth-child(3) {
    width: 50%
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-trigger:hover span:nth-child(3) {
  width: 100%
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper {
  display: none;
  width: 290px;
  background: rgba(0, 105, 121, .85);
  padding: 60px 30px 150px 0;
  position: absolute;
  top: 100%;
  right: 0
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper {
    width: 100%;
    height: calc(100% - 60px);
    background: rgba(0, 105, 121, .98);
    padding: 30px 0 50px;
    overflow: auto;
    position: fixed;
    top: auto;
    bottom: 0
  }
}
@media(min-width:67.5625em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 {
    margin-bottom: 20px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a {
  font-family: "Times New Roman", serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 8px;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  transition: .3s ease-in-out;
  position: relative
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a::after,
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a::before {
  content: '';
  display: block;
  height: 1px;
  border-top: 1px solid #fff;
  transition: .6s cubic-bezier(.23, 1, .32, 1);
  opacity: 0;
  position: absolute;
  top: 50%
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a::before {
  width: 10px;
  left: 30px
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a::after {
  width: 5px;
  transform-origin: 100% 100%;
  transform: rotate(45deg);
  left: 35px
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a span {
  transition: .6s cubic-bezier(.23, 1, .32, 1)
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a:hover::after,
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a:hover::before {
  opacity: 1
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-1 .drawer-nav-item-1 a:hover span {
  padding-left: 10px
}
@media(min-width:67.5625em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 {
    display: none !important
  }
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2 p {
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    color: #8fc31f;
    letter-spacing: 4px;
    padding: 15px 0 15px 60px;
    cursor: pointer
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2 p span {
    display: block;
    position: relative
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2 p span::after,
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2 p span::before {
    content: '';
    display: block;
    transition: .3s ease-in-out;
    position: absolute;
    top: 50%
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2 p span::before {
    width: 10px;
    height: 2px;
    border-top: 2px solid #8fc31f;
    margin-top: -1px;
    right: 60px
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2 p span::after {
    width: 2px;
    height: 10px;
    border-right: 2px solid #8fc31f;
    margin-top: -5px;
    right: 64px
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-list {
    display: none
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a {
    display: block;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    letter-spacing: 2px;
    text-decoration: none;
    padding: 15px 0 15px 70px;
    position: relative
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a::after,
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a::before {
    content: '';
    display: block;
    height: 1px;
    border-top: 1px solid #fff;
    transition: .6s cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
    position: absolute;
    top: 50%
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a::before {
    width: 10px;
    left: 50px
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a::after {
    width: 5px;
    transform-origin: 100% 100%;
    transform: rotate(45deg);
    left: 55px
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a span {
    transition: .6s cubic-bezier(.23, 1, .32, 1)
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a:hover::after,
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a:hover::before {
    opacity: 1
  }
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-2 .drawer-nav-item-2__child-item a:hover span {
    padding-left: 10px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-3 {
  padding-top: 15px
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-3 .drawer-nav-item-3 {
  margin-top: 15px
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-3 .drawer-nav-item-3 a {
  display: block;
  width: 160px;
  font-family: "Times New Roman", serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 8px;
  text-indent: 8px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #fff;
  margin: 0 auto;
  transition: .3s ease-in-out
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-3 .drawer-nav-item-3 a {
    width: 180px;
    padding: 10px 0
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__drawer .drawer-nav-wrapper .drawer-nav-list-3 .drawer-nav-item-3 a:hover {
  color: #006979;
  background-color: #fff
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item {
  position: relative
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item p {
  width: 200px;
  letter-spacing: -.4em;
  text-align: center;
  background: #8fc31f;
  cursor: pointer
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item p {
    width: 80px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item p::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 90px
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item p::before {
    height: 60px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item p span {
  display: inline-block;
  vertical-align: middle;
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  letter-spacing: 4px;
  text-indent: 6px
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item p span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 4px;
    text-indent: 4px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-list {
  display: none;
  width: 100%;
  background: rgba(51, 51, 51, .9);
  position: absolute;
  top: 100%;
  left: 0
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-list {
    height: calc(100% - 60px);
    background: rgba(51, 51, 51, .98);
    padding-top: 40px;
    position: fixed;
    top: auto;
    bottom: 0
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a {
  display: block;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  padding: 32px 0
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a {
    text-align: left;
    padding: 20px 0 20px 50px
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span {
  position: relative
}
@media(min-width:67.5625em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span::after {
    content: '';
    display: block;
    width: 120%;
    height: 4px;
    border-top: 4px solid #8fc31f;
    margin: 0 auto;
    transition: .3s ease-in-out;
    opacity: 0;
    position: absolute;
    bottom: -10px;
    left: -10%
  }
}
@media(max-width:67.5em) {
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span {
    display: block
  }
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span::after,
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span::before {
    content: '';
    display: block;
    height: 1px;
    border-top: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 50px
  }
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span::before {
    width: 10px
  }
  .l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a span::after {
    width: 5px;
    transform-origin: 100% 100%;
    transform: rotate(45deg)
  }
}
.l-recruit-header .nav-wrapper .recruit-nav__entry .entry-item__child-item a:hover span::after {
  opacity: 1
}
#recruit .title-label {
  text-align: center;
  margin-bottom: 60px
}
@media(max-width:48em) {
  #recruit .title-label {
    margin-bottom: 30px
  }
}
#recruit .title-label p {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 8px;
  background-color: #172433;
  padding: 3px 12px 3px 20px
}
@media(max-width:48em) {
  #recruit .title-label p {
    width: 100%;
    line-height: 1.5;
    text-indent: 8px;
    padding: 8px 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index #main {
    margin-top: 0 !important
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index #contents {
    background: #fff;
    position: relative;
    z-index: 1
  }
}
#recruit.page-index .mainvis {
  position: relative
}
@media(max-width:48em) {
  #recruit.page-index .mainvis {
    background: #172433 url("../images/index/mainvis_bg_sp.png") no-repeat 50% 50%;
    background-size: cover;
    padding: 21.333333% 0 40.66666666%
  }
}
#recruit.page-index .mainvis-inner {
  width: 100%;
  color: #fff;
  text-align: center
}
@media(min-width:48.0625em) {
  #recruit.page-index .mainvis-inner {
    transform: translateY(-50%);
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 1
  }
}
#recruit.page-index .mainvis__icon {
  margin-bottom: 30px
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__icon {
    width: 60px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto
  }
}
#recruit.page-index .mainvis__catch-en {
  font-family: "Times New Roman", serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: 20px
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__catch-en {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 15px
  }
}
#recruit.page-index .mainvis__catch-en em {
  font-style: normal;
  font-size: 120px;
  font-size: 12rem
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__catch-en em {
    font-size: 70px;
    font-size: 7rem
  }
}
#recruit.page-index .mainvis__catch-en em i {
  letter-spacing: -.1em
}
#recruit.page-index .mainvis__catch-en em span {
  color: #8fc31f
}
#recruit.page-index .mainvis__catch-jp {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 8px;
  text-indent: 8px
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__catch-jp {
    font-size: 12px;
    font-size: 1.2rem
  }
}
#recruit.page-index .mainvis__movie {
  width: 100%;
  height: 100vh;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__movie {
    display: none !important
  }
}
#recruit.page-index .mainvis__movie::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/index/mainvis_overlay.png") no-repeat 50% 50%;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1
}
#recruit.page-index .mainvis__movie .video-wrapper {
  background-color: #172433;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0
}
#recruit.page-index .mainvis__movie .video-wrapper video {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0
}
.mainvis__circle {
  display: inline-block;
  width: 280px;
  height: 280px;
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  border: solid 1px yellow;
  position: absolute;
  bottom: 40px;
  left: 40px;
  font-size: 40px;
  color: yellow;
  font-weight: 900;
  z-index: 1;
}
@media (max-width: 48em) {
  .mainvis__circle {
    width: 140px;
    height: 140px;
    line-height: 30px;
    bottom: 10px;
    left: 10px;
    font-size: 23px;
    font-weight: 900;
  }
}
.mainvis__circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 280px;
  text-align: center;
}
@media (max-width: 48em) {
  .mainvis__circle span {
    width: 140px;
  }
}
#recruit.page-index .mainvis__scroll-down {
  width: 100%;
  animation: scroll-down 2s infinite;
  position: fixed;
  bottom: 40px;
  left: 0;
  z-index: 1
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__scroll-down {
    position: absolute
  }
}
#recruit.page-index .mainvis__scroll-down .mouse a {
  display: block;
  width: 28px;
  box-sizing: content-box;
  margin: 0 auto
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__scroll-down .mouse a {
    width: 24px
  }
}
#recruit.page-index .mainvis__scroll-down .scroll-text {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  padding-left: 8px
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__scroll-down .scroll-text {
    font-size: 9px;
    font-size: .9rem
  }
}
#recruit.page-index .mainvis__scroll-down a {
  text-decoration: none
}
@media(min-width:48.0625em) {
  #recruit.page-index .mainvis__scroll-down a {
    transition: .3s ease-in-out
  }
}
#recruit.page-index .mainvis__scroll-down a span {
  display: block;
  width: 28px;
  height: 38px;
  box-sizing: content-box;
  border: 2px solid #fff;
  border-radius: 20px;
  margin: 0 auto 10px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__scroll-down a span {
    width: 24px;
    height: 34px
  }
}
#recruit.page-index .mainvis__scroll-down a span::before {
  content: '';
  display: block;
  width: 2px;
  height: 20px;
  background: #fff;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__scroll-down a span::before {
    height: 18px
  }
}
#recruit.page-index .mainvis__scroll-down a span::after {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: #fff;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0
}
@media(max-width:48em) {
  #recruit.page-index .mainvis__scroll-down a span::after {
    width: 24px
  }
}
#recruit.page-index .mainvis__scroll-down a:hover {
  opacity: .7
}
#recruit.page-index .top-menu {
  background-color: #f6fce4;
  padding: 60px 0;
  margin-bottom: 140px
}
@media(max-width:48em) {
  #recruit.page-index .top-menu {
    padding: 40px 0;
    margin-bottom: 60px
  }
}
#recruit.page-index .top-menu .decoration-block {
  width: 36.80555555555%;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 10px;
  left: -30px;
  z-index: 1
}
@media(max-width:90em) {
  #recruit.page-index .top-menu .decoration-block {
    left: 25px
  }
}
@media(max-width:48em) {
  #recruit.page-index .top-menu .decoration-block {
    width: 40%;
    top: auto;
    left: 12px;
    bottom: -55px
  }
}
#recruit.page-index .top-menu__list {
  max-width: 1360px;
  margin: 0 auto
}
@media(min-width:48.0625em) {
  #recruit.page-index .top-menu__list {
    padding: 0 25px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index .top-menu__item {
    float: left;
    width: 48.854961832%;
    margin-left: 2.290076336%
  }
}
@media(max-width:48em) {
  #recruit.page-index .top-menu__item {
    margin-top: 15px
  }
}
#recruit.page-index .top-menu__item:first-child {
  margin-top: 0;
  margin-left: 0
}
#recruit.page-index .top-menu__item .panel__heading {
  text-align: left;
  padding-left: 9.375%
}
#recruit.page-index .staff-slide {
  margin-bottom: 80px
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide {
    margin-bottom: 50px
  }
}
#recruit.page-index .staff-slide__list {
  margin-bottom: 60px
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__list {
    margin-bottom: 30px
  }
}
#recruit.page-index .staff-slide__item:nth-child(odd) article .staff-slide__card {
  background: #f6fce4
}
@media(max-width:67.5em) {
  #recruit.page-index .staff-slide__item:nth-child(odd) article .staff-slide__card {
    background: rgba(246, 252, 228, .85)
  }
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item:nth-child(odd) article .staff-slide__card {
    background: #f6fce4
  }
}
#recruit.page-index .staff-slide__item:nth-child(even) article .staff-slide__card {
  background: #effbd7
}
@media(max-width:67.5em) {
  #recruit.page-index .staff-slide__item:nth-child(even) article .staff-slide__card {
    background: rgba(239, 251, 215, .85)
  }
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item:nth-child(even) article .staff-slide__card {
    background: #effbd7
  }
}
#recruit.page-index .staff-slide__item-inner {
  max-width: 1115px;
  margin: 0 auto;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item-inner {
    padding: 0 15px
  }
}
#recruit.page-index .staff-slide__item article {
  padding-bottom: 50px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item article {
    padding-bottom: 62.711864406%
  }
}
#recruit.page-index .staff-slide__item article>a {
  display: block;
  width: 530px;
  height: 530px;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  z-index: 1
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item article>a {
    width: 76.27118644%;
    height: 50%
  }
}
#recruit.page-index .staff-slide__item article>a:hover .staff-slide__card::after {
  opacity: .3
}
#recruit.page-index .staff-slide__item article .staff-slide__card {
  width: 100%;
  height: 100%;
  text-align: center
}
@media(min-width:48.0625em) {
  #recruit.page-index .staff-slide__item article .staff-slide__card {
    letter-spacing: -.4em
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index .staff-slide__item article .staff-slide__card::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 530px
  }
}
#recruit.page-index .staff-slide__item article .staff-slide__card::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
@media(min-width:48.0625em) {
  #recruit.page-index .staff-slide__item article .staff-slide__card-inner {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
  }
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item article .staff-slide__card-inner {
    width: 100%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0
  }
}
#recruit.page-index .staff-slide__item article .staff-slide__comment {
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5;
  color: #b0d562;
  margin-bottom: 50px
}
@media(min-width:48.0625em) {
  #recruit.page-index .staff-slide__item article .staff-slide__comment {
    letter-spacing: 2px;
    text-indent: 2px
  }
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item article .staff-slide__comment {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 20px
  }
}
#recruit.page-index .staff-slide__item article .staff-slide__label {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 2px;
  text-indent: 2px
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item article .staff-slide__label {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.666
  }
}
#recruit.page-index .staff-slide__item article .staff-slide__image {
  text-align: right
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide__item article .staff-slide__image {
    padding-left: 40px
  }
}
#recruit.page-index .staff-slide__item article .staff-slide__image img {
  display: inline !important
}
#recruit.page-index .staff-slide .slick-slider a {
  outline: 0
}
#recruit.page-index .staff-slide .slick-slider .slick-next,
#recruit.page-index .staff-slide .slick-slider .slick-prev {
  width: auto;
  height: auto;
  font-family: "Times New Roman", serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  color: #172433;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 11px auto;
  padding-bottom: 20px;
  transition: .3s ease-in-out;
  z-index: 1
}
#recruit.page-index .staff-slide .slick-slider .slick-next i,
#recruit.page-index .staff-slide .slick-slider .slick-prev i {
  letter-spacing: -.3em
}
#recruit.page-index .staff-slide .slick-slider .slick-next::after,
#recruit.page-index .staff-slide .slick-slider .slick-next::before,
#recruit.page-index .staff-slide .slick-slider .slick-prev::after,
#recruit.page-index .staff-slide .slick-slider .slick-prev::before {
  display: none
}
#recruit.page-index .staff-slide .slick-slider .slick-next:hover,
#recruit.page-index .staff-slide .slick-slider .slick-prev:hover {
  opacity: .7
}
#recruit.page-index .staff-slide .slick-slider .slick-prev {
  background-image: url("../images/common/arrow_left_short_black.png");
  left: 0
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide .slick-slider .slick-prev {
    left: -15px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index .staff-slide .slick-slider .slick-prev:hover {
    background-image: url("../images/common/arrow_left_long_black.png");
    background-size: 16px auto
  }
}
#recruit.page-index .staff-slide .slick-slider .slick-next {
  background-image: url("../images/common/common/arrow_right_short_black.png");
  right: 0
}
@media(max-width:48em) {
  #recruit.page-index .staff-slide .slick-slider .slick-next {
    right: -15px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index .staff-slide .slick-slider .slick-next:hover {
    background-image: url("../images/common/common/arrow_right_long_black.png");
    background-size: 16px auto
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index .main-menu__item {
    float: left;
    width: 50%
  }
}
#recruit.page-index .recruit-menu {
  padding: 80px 0
}
@media(max-width:48em) {
  #recruit.page-index .recruit-menu {
    padding: 50px 0
  }
}
#recruit.page-index .recruit-menu__list {
  max-width: 1310px;
  margin: 0 auto
}
@media(max-width:48em) {
  #recruit.page-index .recruit-menu__list {
    padding: 0 30px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-index .recruit-menu__item {
    float: left;
    width: 32.061%;
    margin-left: 1.9085%
  }
}
@media(max-width:48em) {
  #recruit.page-index .recruit-menu__item {
    margin-top: 15px
  }
}
#recruit.page-index .recruit-menu__item:first-child {
  margin-top: 0;
  margin-left: 0
}
#recruit.page-flow .mainvis {
  background-image: url("../images/flow/common/mainvis.jpg")
}
#recruit.page-flow .flow {
  padding-top: 50px
}
@media(max-width:48em) {
  #recruit.page-flow .flow {
    padding-top: 25px
  }
}
#recruit.page-flow .flow-inner {
  max-width: 1360px;
  padding: 0 25px;
  margin: 0 auto
}
#recruit.page-flow .flow nav .local-nav {
  max-width: 1310px;
  margin: 0 auto 50px
}
@media(max-width:48em) {
  #recruit.page-flow .flow nav .local-nav {
    margin-bottom: 30px
  }
}
#recruit.page-flow .flow nav .local-nav__item {
  float: left;
  width: 50%;
  position: relative
}
#recruit.page-flow .flow nav .local-nav__item a {
  display: table;
  width: 100%;
  height: 60px;
  text-decoration: none;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-flow .flow nav .local-nav__item a {
    height: 50px
  }
}
#recruit.page-flow .flow nav .local-nav__item a::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 30px 20px;
  border-style: solid;
  position: absolute;
  top: 0;
  z-index: 1
}
@media(max-width:48em) {
  #recruit.page-flow .flow nav .local-nav__item a::after {
    border-width: 25px 5px
  }
}
#recruit.page-flow .flow nav .local-nav__item span {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  font-size: 19px;
  font-size: 1.9rem;
  color: #d9d9d9;
  letter-spacing: 4px;
  text-align: center;
  background: #f4f4f4
}
@media(max-width:48em) {
  #recruit.page-flow .flow nav .local-nav__item span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 2px
  }
}
#recruit.page-flow .flow nav .local-nav__item:nth-child(1) a::after {
  border-color: #f4f4f4 transparent transparent #f4f4f4;
  transform: translateX(-50%);
  left: 100%
}
#recruit.page-flow .flow nav .local-nav__item:nth-child(2) a::after {
  border-color: transparent #f4f4f4 #f4f4f4 transparent;
  transform: translateX(50%);
  right: 100%
}
#recruit.page-flow .flow .timeline {
  margin-bottom: 120px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline {
    margin-bottom: 30px
  }
}
#recruit.page-flow .flow .timeline::before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background: url("../images/flow/common/bg_dots.png") repeat-y 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline::before {
    margin: 0 auto;
    right: 0
  }
}
#recruit.page-flow .flow .timeline__list {
  list-style: none
}
#recruit.page-flow .flow .timeline__item {
  text-align: center;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item {
    margin-top: -75px;
    margin-bottom: 0 !important
  }
}
#recruit.page-flow .flow .timeline__item:first-child {
  margin-top: 0
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item:nth-child(odd)>span::after {
    right: 50%
  }
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item:nth-child(odd)>span::after {
    left: 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item:nth-child(odd) .timeline__item-inner {
    margin-right: auto;
    margin-left: 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item:nth-child(even)>span::after {
    left: 50%
  }
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item:nth-child(even)>span::after {
    left: 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item:nth-child(even) .timeline__item-inner {
    margin-right: 0;
    margin-left: auto
  }
}
#recruit.page-flow .flow .timeline__item::before {
  content: url("../images/flow/common/bg_circle.png");
  margin: 0 auto;
  transform: translateY(-50%);
  user-select: none;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item::before {
    right: 0
  }
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item::before {
    left: -10px
  }
}
#recruit.page-flow .flow .timeline__item:last-child::after {
  content: '';
  display: block;
  width: 20px;
  height: 50%;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item:last-child::after {
    margin: 0 auto;
    right: 0
  }
}
#recruit.page-flow .flow .timeline__item>span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
#recruit.page-flow .flow .timeline__item>span::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  border-top: 1px solid #8fc31f;
  margin-top: -5px;
  transition: 1s ease-in-out;
  transition-delay: .8s;
  position: absolute;
  top: 50%;
  z-index: -1
}
#recruit.page-flow .flow .timeline__item>span.animated::after {
  width: 25%
}
#recruit.page-flow .flow .timeline__item-inner {
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item-inner {
    width: 44.27480916%
  }
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item-inner {
    width: 84.6153846%;
    margin-right: 0;
    margin-left: auto
  }
}
#recruit.page-flow .flow .timeline__item .timeline__image {
  color: #fff;
  background-color: #effbd7;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 40px 0 25px
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item .timeline__image {
    padding: 5.454545% 0 2.9090909%
  }
}
#recruit.page-flow .flow .timeline__item .timeline__image .time-box {
  display: table;
  width: 140px;
  height: 140px;
  border: 2px solid #fff;
  margin: 0 auto 15px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item .timeline__image .time-box {
    width: 70px;
    height: 70px;
    margin-bottom: 8px
  }
}
#recruit.page-flow .flow .timeline__item .timeline__image .time-box::before {
  content: '';
  width: 3px;
  height: 14px;
  border-right: 3px solid #fff;
  margin: -7px auto 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item .timeline__image .time-box::before {
    width: 2px;
    height: 7px;
    border-right-width: 2px;
    margin-top: -3px
  }
}
#recruit.page-flow .flow .timeline__item .timeline__image .time-box-inner {
  display: table-cell;
  vertical-align: middle
}
#recruit.page-flow .flow .timeline__item .timeline__image .time-box .time {
  display: block;
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.5;
  letter-spacing: 2px;
  text-indent: 2px;
  user-select: none
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item .timeline__image .time-box .time {
    font-size: 18px;
    font-size: 1.8rem
  }
}
#recruit.page-flow .flow .timeline__item .timeline__image .caption {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 10px;
  text-indent: 10px
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item .timeline__image .caption {
    font-size: 13px;
    font-size: 1.3rem
  }
}
#recruit.page-flow .flow .timeline__item .timeline__text {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6666;
  padding-top: 15px;
  position: absolute;
  top: 100%;
  left: 0
}
@media(min-width:48.0625em) {
  #recruit.page-flow .flow .timeline__item .timeline__text {
    letter-spacing: 3px
  }
}
@media(max-width:48em) {
  #recruit.page-flow .flow .timeline__item .timeline__text {
    text-align: left;
    padding-top: 10px
  }
}
#recruit.page-flow .flow__link {
  padding-bottom: 80px
}
@media(max-width:48em) {
  #recruit.page-flow .flow__link {
    padding-bottom: 60px
  }
}
#recruit.page-flow .flow__link a {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: 4px;
  text-align: center;
  text-decoration: none;
  background: #172433;
  padding: 10px 0
}
@media(max-width:48em) {
  #recruit.page-flow .flow__link a {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 2px
  }
}
#recruit.page-flow .flow__link a span {
  padding-right: 40px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-flow .flow__link a span {
    padding-right: 25px
  }
}
#recruit.page-flow .flow__link a span::after,
#recruit.page-flow .flow__link a span::before {
  content: '';
  display: block;
  border-top: 1px solid #fff;
  transition: .3s ease-in-out;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0
}
#recruit.page-flow .flow__link a span::before {
  width: 10px;
  height: 1px
}
#recruit.page-flow .flow__link a span::after {
  width: 5px;
  height: 1px;
  transform-origin: 100% 100%;
  transform: rotate(45deg)
}
#recruit.page-flow .flow__link a:hover span::before {
  width: 19px
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(1) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_001.jpg")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(2) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_002.jpg")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(3) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_003.jpg")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(4) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_004.jpg")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(5) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_005.jpg?v2")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(6) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_006.jpg")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(7) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_007.jpg")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(8) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_008.jpg?v3")
}
#recruit.page-flow.page-flow_fresh .timeline__item:nth-child(9) .timeline__image {
  background-image: url("../images/flow/flow_fresh/img_009.jpg")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(1) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_001.jpg")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(2) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_002.jpg")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(3) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_003.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(4) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_004.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(5) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_005.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(6) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_006.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(7) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_007.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(8) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_008.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(9) .timeline__image {
  background-image: url("../images/flow/flow_mid/img_009.jpg?v2")
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(9) .timeline__image .time-box::before {
  transform: translateY(100%)
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(9) .timeline__image .time:first-child {
  transform: translateY(-25%)
}
#recruit.page-flow.page-flow_mid .timeline__item:nth-child(9) .timeline__image .time:last-child {
  display: none
}
#recruit.page-staff_introduction .mainvis {
  background-image: url("../images/staff_introduction/common/mainvis.jpg")
}
#recruit.page-staff_introduction .staff-introduction {
  padding-top: 50px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction {
    padding-top: 25px
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs {
  padding-bottom: 80px
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs {
    padding-top: 20px
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs {
    padding-bottom: 60px
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item {
  margin-top: 60px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item {
    margin-top: 40px
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:first-child {
  margin-top: 0
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(odd) article {
    background-position: 0 0
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(odd) article .card {
  background: #effbd7
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(odd) article .card {
    right: 25px;
    left: auto
  }
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(even) article {
    background-position: 100% 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(even) article .card-wrapper {
    margin-right: 0;
    margin-left: auto
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(even) article .card {
  background: #f6fce4
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(1) article {
  background-image: url("../images/staff_introduction/index/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(1) article {
    background-image: url("../images/staff_introduction/index/img_001_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(2) article {
  background-image: url("../images/staff_introduction/index/img_004.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(2) article {
    background-image: url("../images/staff_introduction/index/img_004_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(3) article {
  background-image: url("../images/staff_introduction/index/img_005.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(3) article {
    background-image: url("../images/staff_introduction/index/img_005_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(4) article {
  background-image: url("../images/staff_introduction/index/img_006.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(4) article {
    background-image: url("../images/staff_introduction/index/img_006_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(5) article {
  background-image: url("../images/staff_introduction/index/img_006.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(5) article {
    background-image: url("../images/staff_introduction/index/img_006_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(6) article {
  background-image: url("../images/staff_introduction/index/img_006.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item:nth-child(6) article {
    background-image: url("../images/staff_introduction/index/img_006_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item article {
  background-repeat: no-repeat
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article {
    background-position: 50% 0;
    background-size: 100%;
    padding-top: 90.666666%
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item article .card-wrapper {
  max-width: 1505px;
  padding: 0 25px;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card-wrapper {
    min-height: 550px
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card-wrapper {
    padding: 0 40px
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item article .card {
  display: table;
  text-align: center
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card {
    width: 440px;
    height: 440px;
    position: absolute;
    bottom: 0;
    left: 25px
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card {
    width: 100%;
    padding: 15% 0
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item article .card-inner {
  display: table-cell;
  vertical-align: middle
}
#recruit.page-staff_introduction .staff-introduction .staffs__item article .card__title {
  font-weight: 700;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.538;
  color: #b0d562;
  margin-bottom: 30px
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card__title {
    letter-spacing: 2px;
    text-indent: 2px
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card__title {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.4;
    margin-bottom: 5px
  }
}
#recruit.page-staff_introduction .staff-introduction .staffs__item article .card__label {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.88;
  letter-spacing: 2px;
  margin-bottom: 40px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staffs__item article .card__label {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-1 .staff-detail__visual {
  background-image: url("../images/staff_introduction/01/top_visual.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-1 .staff-detail__visual {
    background-image: url("../images/staff_introduction/01/top_visual_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-1 .interview__item:nth-child(1) {
  background-image: url("../images/staff_introduction/01/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-1 .interview__item:nth-child(1) {
    background-image: url("../images/staff_introduction/01/img_001_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-1 .interview__item:nth-child(2) {
  background-image: url("../images/staff_introduction/01/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-1 .interview__item:nth-child(2) {
    background-image: url("../images/staff_introduction/01/img_002_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-2 .staff-detail__visual {
  background-image: url("../images/staff_introduction/02/top_visual.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-2 .staff-detail__visual {
    background-image: url("../images/staff_introduction/02/top_visual_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-2 .interview__item:nth-child(1) {
  background-image: url("../images/staff_introduction/02/img_001.jpg?v2")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-2 .interview__item:nth-child(1) {
    background-image: url("../images/staff_introduction/02/img_001_sp.jpg?v2")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-2 .interview__item:nth-child(2) {
  background-image: url("../images/staff_introduction/02/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-2 .interview__item:nth-child(2) {
    background-image: url("../images/staff_introduction/02/img_002_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-3 .staff-detail__visual {
  background-image: url("../images/staff_introduction/03/top_visual.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-3 .staff-detail__visual {
    background-image: url("../images/staff_introduction/03/top_visual_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-3 .interview__item:nth-child(1) {
  background-image: url("../images/staff_introduction/03/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-3 .interview__item:nth-child(1) {
    background-image: url("../images/staff_introduction/03/img_001_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-3 .interview__item:nth-child(2) {
  background-image: url("../images/staff_introduction/03/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-3 .interview__item:nth-child(2) {
    background-image: url("../images/staff_introduction/03/img_002_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-4 .staff-detail__visual {
  background-image: url("../images/staff_introduction/04/top_visual.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-4 .staff-detail__visual {
    background-image: url("../images/staff_introduction/04/top_visual_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-4 .interview__item:nth-child(1) {
  background-image: url("../images/staff_introduction/04/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-4 .interview__item:nth-child(1) {
    background-image: url("../images/staff_introduction/04/img_001_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-4 .interview__item:nth-child(2) {
  background-image: url("../images/staff_introduction/04/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-4 .interview__item:nth-child(2) {
    background-image: url("../images/staff_introduction/04/img_002_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-5 .staff-detail__visual {
  background-image: url("../images/staff_introduction/05/top_visual.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-5 .staff-detail__visual {
    background-image: url("../images/staff_introduction/05/top_visual_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-5 .interview__item:nth-child(1) {
  background-image: url("../images/staff_introduction/05/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-5 .interview__item:nth-child(1) {
    background-image: url("../images/staff_introduction/05/img_001_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-5 .interview__item:nth-child(2) {
  background-image: url("../images/staff_introduction/05/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-5 .interview__item:nth-child(2) {
    background-image: url("../images/staff_introduction/05/img_002_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-6 .staff-detail__visual {
  background-image: url("../images/staff_introduction/06/top_visual.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-6 .staff-detail__visual {
    background-image: url("../images/staff_introduction/06/top_visual_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-6 .interview__item:nth-child(1) {
  background-image: url("../images/staff_introduction/06/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-6 .interview__item:nth-child(1) {
    background-image: url("../images/staff_introduction/06/img_001_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail.staff-6 .interview__item:nth-child(2) {
  background-image: url("../images/staff_introduction/06/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail.staff-6 .interview__item:nth-child(2) {
    background-image: url("../images/staff_introduction/06/img_002_sp.jpg")
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail__visual {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__visual {
    height: 650px;
    background-color: #effbd7
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__visual {
    background-position: 50% 0;
    background-size: 100%;
    padding-top: 73.33333333333%
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail__visual-inner {
  max-width: 1360px;
  padding: 0 25px;
  margin: 0 auto;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__visual-inner {
    letter-spacing: -.4em
  }
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__visual-inner::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 650px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail__card {
  letter-spacing: normal;
  background: rgba(255, 255, 255, .85);
  padding: 60px
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__card {
    display: inline-block;
    vertical-align: middle
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__card {
    background: #fff;
    padding: 40px 25px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail__title {
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5;
  color: #8fc31f;
  margin-bottom: 20px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__title {
    font-size: 21px;
    font-size: 2.1rem;
    margin-bottom: 15px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail__label {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 2px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail__label {
    font-size: 12px;
    font-size: 1.2rem
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview-main {
  padding: 170px 0 70px;
  margin-bottom: 80px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview-main {
    padding: 30px 25px 50px;
    margin-bottom: 50px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview-aside {
  margin-bottom: 90px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview-aside {
    margin-bottom: 60px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item {
  min-height: 520px;
  background-repeat: no-repeat;
  margin-top: 80px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item {
    background-size: 100%;
    padding-bottom: 70.769230769%;
    margin-top: 45px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:first-child {
  margin-top: 0
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) {
  background-position: 0 0
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) {
    background-position: 50% 100%
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__item-inner {
  margin-right: auto;
  margin-left: 0
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__textbox {
  width: 710px;
  margin-right: 0;
  margin-left: auto
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__textbox {
    width: 100%
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__textbox>section .interview__title {
  color: #8fc31f
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__textbox>section .interview__title {
    position: absolute;
    bottom: 100%;
    left: 0
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__textbox>section .interview__label {
  background-color: #8fc31f
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(odd) .interview__textbox>section .interview__comment {
  color: #006979
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) {
  background-position: 100% 0
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) {
    background-position: 50% 100%
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__item-inner {
  margin-right: 0;
  margin-left: auto
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox {
  width: 850px;
  margin-right: auto;
  margin-left: 0
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox {
    padding-top: 280px
  }
}
@media(max-width:67.5em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox {
    width: 710px
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox {
    width: 100%
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox>section .interview__title {
  color: #006979
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox>section .interview__label {
  background-color: #006979
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item:nth-child(even) .interview__textbox>section .interview__comment {
  color: #8fc31f
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item-inner {
  max-width: 1505px;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__item-inner {
    padding: 0 25px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox {
  text-align: justify;
  text-justify: inter-ideograph
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox {
    text-shadow: 0 0 1px #fff
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section {
  position: relative
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__title {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 10px;
  text-indent: -10px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__title {
    font-size: 19px;
    font-size: 1.9rem;
    text-indent: -8px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__title:first-letter {
  font-weight: 600;
  font-size: 115px;
  font-size: 11.5rem
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__title:first-letter {
    font-size: 93px;
    font-size: 9.3rem
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__label {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 8px;
  text-indent: 8px;
  text-shadow: none;
  padding: 2px 15px;
  margin-bottom: 22px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__label {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 4px;
    text-indent: 4px;
    margin-bottom: 25px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__comment {
  font-weight: 700;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 30px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__comment {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__answer {
  line-height: 2.2
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__textbox>section .interview__answer {
    line-height: 1.8
  }
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-wrapper {
    display: flex;
    justify-content: space-between
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card {
  padding: 60px
}
@media(min-width:48.0625em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card {
    width: 48.61111111%
  }
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card {
    padding: 40px 25px;
    margin-top: 18px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:first-child {
  margin-top: 0
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:nth-child(odd) {
  background-color: #effbd7
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:nth-child(odd) .interview__card-title p {
  color: #8fc31f
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:nth-child(odd) .interview__card-title p span {
  background-color: #8fc31f
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:nth-child(even) {
  background-color: #f6fce4
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:nth-child(even) .interview__card-title p {
  color: #006979
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card:nth-child(even) .interview__card-title p span {
  background-color: #006979
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-title {
  text-align: center;
  margin-bottom: 65px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-title {
    margin-bottom: 50px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-title p {
  display: inline-block;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 10px;
  text-indent: 10px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-title p {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 8px;
    text-indent: 8px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-title p span {
  display: block;
  width: 93%;
  font-family: "Times New Roman", serif;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 8px;
  text-indent: 8px;
  text-align: center;
  padding: 3px 0;
  margin: 8px auto 0;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-title p span {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 4px;
    text-indent: 4px
  }
}
#recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-answer {
  line-height: 2.2
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .staff-detail .interview__card-answer {
    line-height: 1.8
  }
}
#recruit.page-staff_introduction .staff-introduction .other-staff {
  padding-bottom: 100px
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .other-staff {
    padding-bottom: 50px
  }
}
#recruit.page-staff_introduction .staff-introduction .other-staff__item {
  float: left;
  width: 33.3333333333333333%
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .staff-introduction .other-staff__item {
    width: 50%
  }
}
#recruit.page-staff_introduction .staff-introduction .other-staff__item-inner {
  position: relative
}
#recruit.page-staff_introduction .staff-introduction .other-staff__item-inner a {
  display: block
}
#recruit.page-staff_introduction .staff-introduction .other-staff__image img {
  width: 100%
}
#recruit.page-appearance .mainvis {
  background-image: url("../images/appearance/mainvis.jpg")
}
#recruit.page-appearance .appearance {
  padding: 50px 0 35px
}
@media(max-width:48em) {
  #recruit.page-appearance .appearance {
    padding: 25px 0 20px
  }
}
#recruit.page-appearance .appearance .appearance-inner {
  max-width: 1360px;
  padding: 0 25px;
  margin: 0 auto
}
#recruit.page-appearance .appearance__images img {
  width: 100%
}
#recruit.page-appearance .appearance__images img.text {
  width: auto;
  padding-top: 90px
}
@media(max-width:48em) {
  #recruit.page-appearance .appearance__images img.text {
    width: 80%;
    padding-top: 10%
  }
}
#recruit.page-appearance .appearance__images .image-block {
  float: left
}
#recruit.page-appearance .appearance__images .image-block:nth-child(1) {
  width: 100%
}
#recruit.page-appearance .appearance__images .image-block:nth-child(2) {
  width: 42.21%
}
#recruit.page-appearance .appearance__images .image-block:nth-child(3) {
  width: 55.34%;
  margin-left: 2.45%
}
#recruit.page-appearance .appearance__images .image-block:nth-child(4) {
  width: 58.7%
}
#recruit.page-appearance .appearance__images .image-block:nth-child(5) {
  width: 38.85%;
  margin-left: 2.45%
}
#recruit.page-appearance .appearance__images .image-block:nth-child(6) {
  width: 100%
}
#recruit.page-appearance .appearance__images .image-block .image-block-item {
  margin-bottom: 35px
}
@media(max-width:48em) {
  #recruit.page-appearance .appearance__images .image-block .image-block-item {
    margin-bottom: 2.45%
  }
}
#recruit.page-workstyle .mainvis {
  background-image: url("../images/workstyle/mainvis.jpg")
}
@media(max-width:48em) {
  #recruit.page-workstyle .mainvis {
    background-position: 30% 50% !important
  }
}
#recruit.page-workstyle .workstyle {
  padding-top: 50px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle {
    padding-top: 25px
  }
}
#recruit.page-workstyle .workstyle__lead {
  margin-bottom: 50px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__lead {
    background: url("../images/workstyle/lead_visual_sp.jpg") no-repeat 50% 0;
    background-size: 100%;
    padding-top: 66%
  }
}
#recruit.page-workstyle .workstyle__lead-inner {
  max-width: 960px;
  margin: 0 auto
}
#recruit.page-workstyle .workstyle__lead__image {
  margin-bottom: 40px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__lead__image {
    display: none !important
  }
}
#recruit.page-workstyle .workstyle__lead__image img {
  width: 100%
}
#recruit.page-workstyle .workstyle__lead__title {
  font-weight: 700;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.5;
  color: #8fc31f;
  letter-spacing: 1px;
  margin-bottom: 25px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__lead__title {
    font-size: 19px;
    font-size: 1.9rem;
    color: base-light-green-02;
    margin-bottom: 20px
  }
}
#recruit.page-workstyle .workstyle__lead__text {
  font-size: 16px;
  font-size: 1.6rem
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__lead__text {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8
  }
}
#recruit.page-workstyle .workstyle__lead__text p+p {
  margin-top: 20px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__lead__text p+p {
    margin-top: 15px
  }
}
#recruit.page-workstyle .workstyle__detail {
  padding: 80px 0 100px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail {
    padding: 40px 0 50px
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__item {
  background-repeat: no-repeat;
  padding-top: 70px;
  margin-top: 50px
}
@media(min-width:48.0625em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item {
    margin-bottom: -70px
  }
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item {
    background-size: 100%;
    padding-top: 65.333333333%;
    margin-top: 40px
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__item-inner {
  max-width: 1570px;
  padding: 0 25px
}
@media(min-width:48.0625em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item-inner {
    height: 520px
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:first-child {
  margin-top: 0
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(odd) {
  background-position: 0 0
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(odd) {
    background-position: 50% 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(odd) .workstyle__item-inner {
    margin-right: auto;
    margin-left: 0
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(odd) .workstyle__card {
  background: #f6fce4;
  margin-right: 0;
  margin-left: auto
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(even) {
  background-position: 100% 0
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(even) {
    background-position: 50% 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(even) .workstyle__item-inner {
    margin-right: 0;
    margin-left: auto
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(even) .workstyle__card {
  background: #effbd7;
  margin-right: auto;
  margin-left: 0
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(1) {
  background-image: url("../images/workstyle/img_001.jpg")
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(1) {
    background-image: url("../images/workstyle/img_001_sp.jpg")
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(2) {
  background-image: url("../images/workstyle/img_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__item:nth-child(2) {
    background-image: url("../images/workstyle/img_002_sp.jpg")
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__card {
  text-align: center
}
@media(min-width:48.0625em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__card {
    display: table;
    width: 570px;
    height: 420px
  }
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__card {
    padding: 40px 50px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__card-inner {
    display: table-cell;
    vertical-align: middle
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__card__title {
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  color: #8fc31f;
  letter-spacing: 15px;
  text-indent: 15px;
  margin-bottom: 30px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__card__title {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 10px;
    text-indent: 10px;
    margin-bottom: 20px
  }
}
#recruit.page-workstyle .workstyle__detail .workstyle__card__title span {
  display: block;
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  letter-spacing: 8px;
  text-indent: 0;
  padding-left: 8px
}
@media(max-width:48em) {
  #recruit.page-workstyle .workstyle__detail .workstyle__card__title span {
    font-size: 11px;
    font-size: 1.1rem
  }
}
#recruit.page-message .mainvis {
  background-image: url("../images/message/mainvis.jpg")
}
@media(max-width:48em) {
  #recruit.page-message .mainvis {
    background-position: 60% 50% !important
  }
}
#recruit.page-message .message {
  padding: 50px 0 140px
}
@media(max-width:48em) {
  #recruit.page-message .message {
    padding: 25px 0 60px
  }
}
#recruit.page-message .message .message-main-inner {
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-message .message .message-main-inner {
    padding: 60px 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-message .message .message-main-inner::before {
    content: '';
    display: block;
    width: 80%;
    height: 100%;
    background-color: #f6fce4;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main-inner .container {
    padding: 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-message .message .message-main .message__image {
    width: 47.0625%;
    position: absolute;
    bottom: 0;
    left: 25px;
    z-index: 1
  }
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__image {
    padding: 0 25px;
    margin-bottom: 25px
  }
}
#recruit.page-message .message .message-main .message__image img {
  width: 100%
}
@media(min-width:48.0625em) {
  #recruit.page-message .message .message-main .message__textarea {
    width: 50%;
    margin: 0 auto;
  }
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__textarea {
    background-color: #f6fce4;
    padding: 30px 25px
  }
}
#recruit.page-message .message .message-main .message__title {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.8;
  color: #8fc31f;
  margin-bottom: 30px
}
@media(min-width:48.0625em) {
  #recruit.page-message .message .message-main .message__title {
    letter-spacing: 1px
  }
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px
  }
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__bodytext {
    line-height: 1.8
  }
}
#recruit.page-message .message .message-main .message__bodytext p {
  text-indent: 1em
}
#recruit.page-message .message .message-main .message__bodytext p+p {
  margin-top: 20px
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__bodytext p+p {
    margin-top: 15px
  }
}
#recruit.page-message .message .message-main .message__signature {
  font-size: .933333em;
  text-align: right;
  margin-top: 40px
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__signature {
    margin-top: 30px
  }
}
#recruit.page-message .message .message-main .message__signature img {
  vertical-align: middle;
  margin-left: 20px
}
@media(max-width:48em) {
  #recruit.page-message .message .message-main .message__signature img {
    width: 100px;
    margin-left: 15px
  }
}
#recruit.page-career .mainvis {
  background-image: url("../images/career/mainvis.jpg")
}
#recruit.page-career .career {
  padding-top: 50px
}
@media(max-width:48em) {
  #recruit.page-career .career {
    padding-top: 25px
  }
}
#recruit.page-career .career__lead {
  color: #fff;
  text-align: center;
  background: url("../images/career/lead_bg.jpg") no-repeat 50% 100%;
  background-size: cover;
  padding: 80px 0
}
@media(max-width:48em) {
  #recruit.page-career .career__lead {
    text-align: left;
    padding: 40px 0
  }
}
#recruit.page-career .career__lead__title {
  font-weight: 700;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.7;
  letter-spacing: 4px;
  text-indent: 4px;
  margin-bottom: 20px
}
@media(max-width:48em) {
  #recruit.page-career .career__lead__title {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: normal;
    margin-bottom: 15px
  }
}
#recruit.page-career .career__lead__text {
  font-size: 16px;
  font-size: 1.6rem
}
@media(max-width:48em) {
  #recruit.page-career .career__lead__text {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7
  }
}
#recruit.page-career .career__lead__text p+p {
  margin-top: 20px
}
@media(max-width:48em) {
  #recruit.page-career .career__lead__text p+p {
    margin-top: 10px
  }
}
#recruit.page-career .career .engineers {
  padding: 70px 0 80px
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers {
    padding: 25px 0 40px
  }
}
#recruit.page-career .career .engineers__graph {
  background: #effbd7;
  padding: 80px 0
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph {
    padding: 40px 0
  }
}
#recruit.page-career .career .engineers__graph-inner {
  max-width: 1310px;
  letter-spacing: -.4em;
  margin: 0 auto
}
#recruit.page-career .career .engineers__graph .step {
  color: #fff;
  letter-spacing: normal;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 50px 30px;
  position: relative
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step {
    padding: 40px 15px
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step {
    padding: 30px 15px
  }
}
#recruit.page-career .career .engineers__graph .step-1 {
  text-align: center;
  background-image: url("../images/career/step_bg_001.jpg");
  margin-bottom: 30px;
  z-index: 6
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-1 {
    margin-bottom: 35px
  }
}
#recruit.page-career .career .engineers__graph .step-1::after {
  content: url("../images/career/arrow_001.png");
  display: block;
  margin-top: -5px;
  user-select: none;
  position: absolute;
  right: 0;
  top: 100%;
  left: 0;
  z-index: 1
}
#recruit.page-career .career .engineers__graph .step-2 {
  text-align: center;
  background-image: url("../images/career/step_bg_002.jpg");
  z-index: 5
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-2 {
    margin-bottom: 65px
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-2::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #172433;
    border-radius: 50%;
    position: absolute;
    bottom: -5px;
    left: 10px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-2::after {
    content: url("../images/career/arrow_002.png");
    display: block;
    margin-top: -5px;
    user-select: none;
    position: absolute;
    right: 0;
    top: 100%;
    left: 0;
    z-index: 1
  }
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-3,
  #recruit.page-career .career .engineers__graph .step-4 {
    display: inline-block;
    vertical-align: middle;
    width: 48.854961832%
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-3::before,
  #recruit.page-career .career .engineers__graph .step-4::before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: url("../images/career/dots_side.png") repeat-x 0 0;
    position: absolute;
    top: 47px;
    left: -10px;
    z-index: 1
  }
  #recruit.page-career .career .engineers__graph .step-3::after,
  #recruit.page-career .career .engineers__graph .step-4::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 17px;
    border-style: solid;
    border-color: transparent transparent transparent #172433;
    position: absolute;
    top: 30px;
    z-index: 1
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-3-4-wrapper {
    padding-top: 35px;
    margin-left: 30px;
    position: relative;
    z-index: 1
  }
  #recruit.page-career .career .engineers__graph .step-3-4-wrapper::after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background: url("../images/career/dots.png");
    position: absolute;
    top: 0;
    left: -16px;
    z-index: 0
  }
}
#recruit.page-career .career .engineers__graph .step-3 {
  background-image: url("../images/career/step_bg_003.jpg");
  z-index: 4
}
#recruit.page-career .career .engineers__graph .step-3__caption {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 40px
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-3__caption {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px
  }
}
#recruit.page-career .career .engineers__graph .step-3__card {
  padding: 30px 20px;
  letter-spacing: -.4em;
  position: relative
}
#recruit.page-career .career .engineers__graph .step-3__card::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px;
  border-color: transparent;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1
}
#recruit.page-career .career .engineers__graph .step-3__card:nth-of-type(1) {
  background-color: #fff;
  z-index: 3
}
#recruit.page-career .career .engineers__graph .step-3__card:nth-of-type(1)::after {
  border-top-color: #fff
}
#recruit.page-career .career .engineers__graph .step-3__card:nth-of-type(2) {
  background-color: #e7f7c9;
  z-index: 2
}
#recruit.page-career .career .engineers__graph .step-3__card:nth-of-type(2)::after {
  border-top-color: #e7f7c9
}
#recruit.page-career .career .engineers__graph .step-3__card:nth-of-type(3) {
  background-color: #d6eea9;
  z-index: 1
}
#recruit.page-career .career .engineers__graph .step-3__card .step__num-wrapper {
  width: 110px;
  height: 110px;
  color: #172433;
  letter-spacing: normal;
  text-align: center;
  border: 1px solid #172433;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-3__card .step__num-wrapper {
    display: inline-block;
    vertical-align: middle
  }
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-3__card .step__num-wrapper {
    width: 90px;
    height: 90px;
    vertical-align: top
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-3__card .step__num-wrapper {
    margin: 0 auto 25px
  }
}
#recruit.page-career .career .engineers__graph .step-3__card .step__num-wrapper .step__num {
  width: 100%;
  padding-bottom: 12px;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0
}
#recruit.page-career .career .engineers__graph .step-3__card .step__num-wrapper .step__num::after {
  width: 40px;
  border-color: #172433
}
#recruit.page-career .career .engineers__graph .step-3__card .text-wrapper {
  letter-spacing: normal
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-3__card .text-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 110px);
    padding-left: 30px
  }
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-3__card .text-wrapper {
    width: calc(100% - 90px);
    vertical-align: top;
    padding-left: 20px;
    margin-top: -6px
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-3__card .text-wrapper {
    width: 100%;
    padding-left: 0;
    margin-top: 0
  }
}
#recruit.page-career .career .engineers__graph .step-3__card__title {
  font-weight: 700;
  font-size: 19px;
  font-size: 1.9rem;
  color: #8fc31f;
  margin-bottom: 10px
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-3__card__title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-3__card__title {
    text-align: center
  }
}
#recruit.page-career .career .engineers__graph .step-3__card__text {
  line-height: 1.6666;
  color: #333
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-3__card__text {
    font-size: 14px;
    font-size: 1.4rem
  }
  #recruit.page-career .career .engineers__graph .step-3__card__text br {
    display: none !important
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-3__card__text {
    text-align: center
  }
}
#recruit.page-career .career .engineers__graph .step-4 {
  background-image: url("../images/career/step_bg_004.jpg");
  z-index: 3
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-4 {
    margin-left: 2.290076336%
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-4 {
    margin-top: 20px
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-4 .dots-hidden {
    display: block;
    width: 30px;
    height: calc(100% - 47px);
    background: #effbd7;
    position: absolute;
    bottom: -2px;
    left: -30px;
    z-index: 1
  }
}
#recruit.page-career .career .engineers__graph .step-4__caption-wrapper {
  display: table;
  width: 236px;
  height: 236px;
  border: 4px solid #fff;
  margin: 0 auto
}
@media(min-width:48.0625em) {
  #recruit.page-career .career .engineers__graph .step-4__caption-wrapper {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    left: 0
  }
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-4__caption-wrapper {
    width: 210px;
    height: 210px
  }
}
@media(max-width:48em) {
  #recruit.page-career .career .engineers__graph .step-4__caption-wrapper {
    border-width: 3px;
    width: 190px;
    height: 190px
  }
}
#recruit.page-career .career .engineers__graph .step-4__caption {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-4__caption {
    font-size: 20px;
    font-size: 2rem
  }
}
#recruit.page-career .career .engineers__graph .step-4__caption span {
  display: block;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 5px
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step-4__caption span {
    font-size: 13px;
    font-size: 1.3rem
  }
}
#recruit.page-career .career .engineers__graph .step__num {
  font-family: "Times New Roman", serif;
  font-weight: 700;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1;
  letter-spacing: 6px;
  padding-left: 6px;
  padding-bottom: 18px;
  margin-bottom: 15px;
  user-select: none;
  position: relative
}
#recruit.page-career .career .engineers__graph .step__num span {
  display: block;
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step__num span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step__num {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 4px;
    padding-left: 4px;
    padding-bottom: 14px;
    margin-bottom: 10px
  }
}
#recruit.page-career .career .engineers__graph .step__num::after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  border-top: 2px solid #fff;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0
}
#recruit.page-career .career .engineers__graph .step__caption {
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step__caption {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7
  }
}
#recruit.page-career .career .engineers__graph .step__caption span {
  display: block;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem
}
@media(max-width:67.5em) {
  #recruit.page-career .career .engineers__graph .step__caption span {
    font-size: 13px;
    font-size: 1.3rem
  }
}
#recruit.page-system_support .mainvis {
  background-image: url("../images/system_support/mainvis.jpg")
}
#recruit.page-system_support .system_support {
  padding-top: 50px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support {
    padding-top: 25px
  }
}
#recruit.page-system_support .system_support__lead {
  color: #fff;
  text-align: center;
  background: url("../images/system_support/lead_bg.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 110px 0
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__lead {
    padding: 45px 0
  }
}
#recruit.page-system_support .system_support__lead__title {
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 20px;
  text-indent: 20px;
  margin-bottom: 20px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__lead__title {
    font-size: 19px;
    font-size: 1.9rem;
    letter-spacing: 10px;
    text-indent: 10px;
    margin-bottom: 15px
  }
}
#recruit.page-system_support .system_support__lead__title span {
  display: block;
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 8px;
  text-indent: 0;
  padding-left: 8px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__lead__title span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-top: 5px
  }
}
#recruit.page-system_support .system_support__lead__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.2
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__lead__text {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.66666
  }
}
#recruit.page-system_support .system_support .list-wrapper {
  padding: 80px 0
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support .list-wrapper {
    padding: 60px 0
  }
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support .list-wrapper .container {
    padding: 0 12px
  }
}
#recruit.page-system_support .system_support__item {
  padding-right: 65px;
  padding-left: 65px;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item {
    height: 565px
  }
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: 13px;
    margin-left: 13px
  }
}
#recruit.page-system_support .system_support__item::before {
  content: '';
  width: 100%;
  height: 440px;
  position: absolute;
  left: 0;
  z-index: -1
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item::before {
    height: 85%
  }
}
#recruit.page-system_support .system_support__item:first-child {
  margin-top: 0
}
#recruit.page-system_support .system_support__item:nth-child(odd) {
  margin-top: 40px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item:nth-child(odd) {
    margin-top: 50px
  }
}
#recruit.page-system_support .system_support__item:nth-child(odd)::before {
  background-color: #effbd7;
  bottom: 0
}
#recruit.page-system_support .system_support__item:nth-child(odd) .image-wrapper {
  top: 0
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item:nth-child(odd) .image-wrapper {
    padding-right: 65px;
    left: 65px
  }
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item:nth-child(odd) .image-wrapper {
    width: calc(100%+38px)
  }
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item:nth-child(odd) .textarea {
    text-shadow: 0 0 1px #effbd7, 0 0 1px #effbd7;
    padding-top: 170px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item:nth-child(odd) .textarea-inner {
    margin-right: 0;
    margin-left: auto
  }
}
#recruit.page-system_support .system_support__item:nth-child(even) {
  margin-top: 35px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item:nth-child(even) {
    margin-top: 45px
  }
}
#recruit.page-system_support .system_support__item:nth-child(even)::before {
  background-color: #f6fce4;
  top: 0
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item:nth-child(even)::before {
    top: auto;
    bottom: 0
  }
}
#recruit.page-system_support .system_support__item:nth-child(even) .image-wrapper {
  bottom: 0
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item:nth-child(even) .image-wrapper {
    padding-left: 65px;
    right: 65px
  }
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item:nth-child(even) .image-wrapper {
    margin-left: -38px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item:nth-child(even) .textarea {
    text-shadow: 0 0 1px #f6fce4, 0 0 1px #f6fce4;
    padding-top: 40px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item:nth-child(even) .textarea-inner {
    margin-right: auto;
    margin-left: 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item .image-wrapper {
    position: absolute;
    z-index: -1
  }
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item .image-wrapper {
    margin-bottom: 15px
  }
  #recruit.page-system_support .system_support__item .image-wrapper img {
    width: 100%
  }
}
@media(min-width:48.0625em) {
  #recruit.page-system_support .system_support__item .textarea-inner {
    max-width: 620px
  }
}
#recruit.page-system_support .system_support__item .textarea .system_support__title {
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  color: #8fc31f;
  letter-spacing: 18px;
  text-indent: 18px;
  text-align: center;
  margin-bottom: 20px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item .textarea .system_support__title {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 4px;
    text-indent: 4px;
    margin-bottom: 15px
  }
}
#recruit.page-system_support .system_support__item .textarea .system_support__title span {
  display: block;
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  letter-spacing: 4px;
  text-indent: 0;
  padding-left: 8px
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item .textarea .system_support__title span {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 4px;
    padding-left: 4px
  }
}
#recruit.page-system_support .system_support__item .textarea .system_support__desc {
  line-height: 2.2
}
@media(max-width:48em) {
  #recruit.page-system_support .system_support__item .textarea .system_support__desc {
    line-height: 1.6666;
    padding-bottom: 40px
  }
}
#recruit.page-adopt .adopt {
  padding: 50px 0
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt {
    padding: 25px 0
  }
}
#recruit.page-adopt .adopt__heading {
  line-height: 1
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__heading {
    margin-bottom: 35px
  }
}
#recruit.page-adopt .adopt__heading span {
  font-weight: 700;
  line-height: 2;
  letter-spacing: 8px;
  padding-left: 8px;
  margin-top: 10px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__heading span {
    letter-spacing: 4px;
    padding-left: 4px;
    margin-top: 5px
  }
}
#recruit.page-adopt .adopt .section-vis {
  display: table;
  width: 100%;
  height: 550px;
  color: #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt .section-vis {
    height: 280px
  }
}
#recruit.page-adopt .adopt .section-vis-inner {
  display: table-cell;
  vertical-align: middle
}
#recruit.page-adopt .adopt .section-vis__heading {
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 20px;
  padding-left: 20px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt .section-vis__heading {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 8px
  }
}
#recruit.page-adopt .adopt .section-vis__heading span {
  display: block;
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 8px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt .section-vis__heading span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    letter-spacing: 4px
  }
}
#recruit.page-adopt .adopt .section-vis__desc {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 20px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt .section-vis__desc {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 10px;
    margin-top: 10px
  }
}
#recruit.page-adopt .adopt .section-vis__desc p+p {
  margin-top: 20px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt .section-vis__desc p+p {
    margin-top: 10px
  }
}
#recruit.page-adopt .adopt__detail {
  padding: 210px 0 220px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail {
    padding: 75px 0 30px
  }
}
#recruit.page-adopt .adopt__detail .detail-block {
  background: #effbd7;
  padding: 50px 65px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block {
    padding: 30px 25px
  }
}
#recruit.page-adopt .adopt__detail .detail-block+.detail-block {
  margin-top: 20px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block+.detail-block {
    margin-top: 60px
  }
}
#recruit.page-adopt .adopt__detail .detail-block__textarea {
  position: relative;
  z-index: 1
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .adopt__detail .detail-block__textarea {
    width: 48.8549%
  }
}
#recruit.page-adopt .adopt__detail .detail-block__catch {
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  color: #8fc31f;
  margin-bottom: 20px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block__catch {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px
  }
}
#recruit.page-adopt .adopt__detail .detail-block__list {
  list-style: none;
  font-weight: 700;
  margin-bottom: 20px
}
#recruit.page-adopt .adopt__detail .detail-block__item {
  padding: 10px 0 10px 85px;
  margin-bottom: 5px;
  position: relative
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block__item {
    padding: 0 0 0 55px
  }
}
#recruit.page-adopt .adopt__detail .detail-block__item::before {
  display: inline-block;
  font-family: "Times New Roman", serif;
  font-weight: 500;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1;
  color: #8fc31f;
  opacity: .3;
  position: absolute;
  top: 0;
  left: 0
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block__item::before {
    font-size: 34px;
    font-size: 3.4rem;
    transform: translateY(-50%);
    top: 50%
  }
}
#recruit.page-adopt .adopt__detail .detail-block__item:nth-child(1)::before {
  content: '01.'
}
#recruit.page-adopt .adopt__detail .detail-block__item:nth-child(2)::before {
  content: '02.'
}
#recruit.page-adopt .adopt__detail .detail-block__item:nth-child(3)::before {
  content: '03.'
}
#recruit.page-adopt .adopt__detail .detail-block__item:nth-child(4)::before {
  content: '04.'
}
#recruit.page-adopt .adopt__detail .detail-block__image {
  position: absolute
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .adopt__detail .detail-block__image {
    right: 65px
  }
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block__image {
    position: relative
  }
}
#recruit.page-adopt .adopt__detail .detail-block__image--top {
  top: -130px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block__image--top {
    margin-bottom: -50px;
    top: -75px
  }
}
#recruit.page-adopt .adopt__detail .detail-block__image--bottom {
  bottom: -130px
}
@media(max-width:48em) {
  #recruit.page-adopt .adopt__detail .detail-block__image--bottom {
    margin-bottom: -45px;
    top: -60px
  }
}
#recruit.page-adopt .adopt__detail .detail-block--img_left .detail-block__textarea {
  margin: 0 0 0 auto
}
#recruit.page-adopt .adopt__detail .detail-block--img_left .detail-block__image {
  right: auto;
  left: auto
}
#recruit.page-adopt .app-require {
  max-width: 960px;
  background: rgba(255, 255, 255, .8);
  padding: 40px 120px 50px;
  margin: -160px auto 20px
}
@media(min-width:48.0625em) and (max-width:67.5em) {
  #recruit.page-adopt .app-require {
    padding: 40px 80px
  }
}
@media(max-width:48em) {
  #recruit.page-adopt .app-require {
    padding: 0 0 10px;
    margin-top: 0
  }
}
#recruit.page-adopt .app-require__table {
  display: table;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
  padding: 20px
}
@media(max-width:48em) {
  #recruit.page-adopt .app-require__table {
    padding: 15px 0
  }
}
#recruit.page-adopt .app-require__data,
#recruit.page-adopt .app-require__header {
  display: table-cell;
  vertical-align: top
}
@media(max-width:48em) {
  #recruit.page-adopt .app-require__data,
  #recruit.page-adopt .app-require__header {
    display: block
  }
}
#recruit.page-adopt .app-require__header {
  font-weight: 700;
  position: relative
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .app-require__header {
    width: 160px
  }
}
@media(max-width:48em) {
  #recruit.page-adopt .app-require__header {
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 10px;
    margin-bottom: 10px
  }
}
#recruit.page-adopt .app-require__data p+p {
  margin-top: 15px
}
#recruit.page-adopt .app-require__list {
  padding-left: 20px;
  margin-bottom: 15px
}
#recruit.page-adopt .app-require__button {
  margin-top: 50px
}
#recruit.page-adopt .app-require__button a {
  letter-spacing: 4px
}
#recruit.page-adopt .app-require .emphasis-area {
  background: #f1f1f1;
  padding: 25px
}
#recruit.page-adopt .app-require .emphasis-area__list {
  padding-left: 20px;
  margin: 15px 0
}
#recruit.page-adopt .app-require .emphasis-area+ul {
  margin-top: 15px
}
#recruit.page-adopt .app-require .app-require-comments {
  font-size: .93em
}
#recruit.page-adopt .after-joining-flow {
  background: url("../images/ne_fresh/bg_004.jpg") no-repeat 50% 50%;
  background-size: cover;
  padding: 50px 0;
  margin-top: 45px
}
@media(max-width:48em) {
  #recruit.page-adopt .after-joining-flow {
    padding: 30px 0
  }
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .after-joining-flow-wrapper {
    letter-spacing: -.4em
  }
}
#recruit.page-adopt .after-joining-flow__textarea {
  color: #fff
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .after-joining-flow__textarea {
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    letter-spacing: normal
  }
}
#recruit.page-adopt .after-joining-flow__title {
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: 10px;
  margin-bottom: 25px
}
@media(max-width:48em) {
  #recruit.page-adopt .after-joining-flow__title {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 4px;
    margin-bottom: 15px
  }
}
#recruit.page-adopt .after-joining-flow__title span {
  display: block;
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem
}
@media(max-width:48em) {
  #recruit.page-adopt .after-joining-flow__title span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
#recruit.page-adopt .after-joining-flow__desc {
  font-size: 16px;
  font-size: 1.6rem
}
@media(max-width:48em) {
  #recruit.page-adopt .after-joining-flow__desc {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px
  }
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .after-joining-flow .training {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    letter-spacing: normal
  }
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .after-joining-flow .training .training-wrapper {
    display: flex
  }
}
#recruit.page-adopt .after-joining-flow .training__card {
  text-align: center;
  background: #fff;
  padding: 50px 35px 40px
}
@media(min-width:48.0625em) {
  #recruit.page-adopt .after-joining-flow .training__card {
    width: 35%;
    margin-left: 2%;
    margin-bottom: 10px
  }
}
@media(min-width:73.8125em) and (max-width:80em) {
  #recruit.page-adopt .after-joining-flow .training__card {
    width: 40%
  }
}
@media(min-width:48.0625em) and (max-width:67.5em) {
  #recruit.page-adopt .after-joining-flow .training__card {
    width: 50%
  }
}
@media(max-width:48em) {
  #recruit.page-adopt .after-joining-flow .training__card {
    margin-top: 20px
  }
}
#recruit.page-adopt .after-joining-flow .training__card:first-child {
  margin-top: 0;
  margin-left: 0
}
#recruit.page-adopt .after-joining-flow .training__heading {
  color: #006979
}
#recruit.page-adopt .after-joining-flow .training__desc {
  letter-spacing: 2px
}
#recruit.page-adopt .after-joining-flow .training__comment {
  color: #fff
}
@media(max-width:48em) {
  #recruit.page-adopt .after-joining-flow .training__comment {
    margin-top: 20px
  }
}
#recruit.page-ne_engineer .mainvis {
  background-image: url("../images/ne_engineer/mainvis.jpg")
}
#recruit.page-ne_engineer .experienced__label {
  text-align: center
}
#recruit.page-ne_engineer .experienced__label span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 8px;
  background: #172433;
  padding: 2px 20px 2px 28px;
  margin-bottom: 50px
}
@media(max-width:48em) {
  #recruit.page-ne_engineer .experienced__label span {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 4px;
    padding: 2px 20px 2px 24px;
    margin-bottom: 25px
  }
}
#recruit.page-ne_engineer .experienced .section-vis.business-contents-mv {
  background-image: url("../images/ne_engineer/bg_001.jpg")
}
#recruit.page-ne_engineer .experienced .section-vis.recruitment-target-mv {
  background-image: url("../images/ne_engineer/bg_002.jpg")
}
#recruit.page-ne_engineer .experienced .section-vis.application-requirements-mv {
  background-image: url("../images/ne_engineer/bg_003.jpg")
}
#recruit.page-ne_engineer .experienced__detail-block-2 {
  padding-top: 120px !important;
  padding-bottom: 120px !important
}
@media(max-width:48em) {
  #recruit.page-ne_engineer .experienced__detail-block-2 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }
}
#recruit.page-ne_fresh .mainvis {
  background-image: url("../images/ne_fresh/mainvis.jpg")
}
#recruit.page-ne_fresh .recent-graduates {
  padding: 50px 0 0
}
@media(max-width:48em) {
  #recruit.page-ne_fresh .recent-graduates {
    padding: 25px 0 0
  }
}
#recruit.page-ne_fresh .recent-graduates .section-vis.business-contents-mv {
  background-image: url("../images/ne_fresh/bg_001.jpg")
}
#recruit.page-ne_fresh .recent-graduates .section-vis.recruitment-target-mv {
  background-image: url("../images/ne_fresh/bg_002.jpg")
}
#recruit.page-ne_fresh .recent-graduates .section-vis.application-requirements-mv {
  background-image: url("../images/ne_fresh/bg_003.jpg")
}
#recruit.page-ne_fresh .recent-graduates__detail-block-1 {
  padding-top: 80px !important;
  padding-bottom: 100px !important
}
@media(max-width:48em) {
  #recruit.page-ne_fresh .recent-graduates__detail-block-1 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }
}
#recruit.page-ne_fresh .recent-graduates__detail-block-2 {
  padding-top: 80px !important;
  padding-bottom: 100px !important
}
@media(max-width:48em) {
  #recruit.page-ne_fresh .recent-graduates__detail-block-2 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }
}
#recruit.page-ne_mid .mainvis {
  background-image: url("../images/ne_mid/mainvis.jpg")
}
#recruit.page-ne_mid .recent-graduates {
  padding: 50px 0 0
}
@media(max-width:48em) {
  #recruit.page-ne_mid .recent-graduates {
    padding: 25px 0 0
  }
}
#recruit.page-ne_mid .recent-graduates .section-vis.business-contents-mv {
  background-image: url("../images/ne_mid/bg_001.jpg")
}
#recruit.page-ne_mid .recent-graduates .section-vis.recruitment-target-mv {
  background-image: url("../images/ne_mid/bg_002.jpg")
}
@media(max-width:48em) {
  #recruit.page-ne_mid .recent-graduates .section-vis.recruitment-target-mv {
    padding-top: 30px;
    padding-bottom: 30px
  }
}
#recruit.page-ne_mid .recent-graduates .section-vis.application-requirements-mv {
  background-image: url("../images/ne_fresh/bg_003.jpg")
}
#recruit.page-ne_mid .recent-graduates__detail-block-1 {
  padding-top: 80px !important;
  padding-bottom: 100px !important
}
@media(max-width:48em) {
  #recruit.page-ne_mid .recent-graduates__detail-block-1 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }
}
#recruit.page-ne_mid .recent-graduates__detail-block-2 {
  padding-top: 80px !important;
  padding-bottom: 100px !important
}
@media(max-width:48em) {
  #recruit.page-ne_mid .recent-graduates__detail-block-2 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
  }
}
#recruit.page-staff_introduction .other-staff__item.is-current .other-staff__item-inner::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
#recruit.page-staff_introduction .other-staff__item.is-current .other-staff__item-inner::after {
  content: 'THIS\APAGE';
  display: block;
  width: 100%;
  font-family: "Times New Roman", serif;
  font-weight: 600;
  font-size: 2em;
  line-height: 1.3;
  color: #8fc31f;
  letter-spacing: 18px;
  padding-left: 18px;
  text-align: center;
  white-space: pre;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1
}
@media(max-width:48em) {
  #recruit.page-staff_introduction .other-staff__item.is-current .other-staff__item-inner::after {
    font-size: 1em;
    line-height: 1.6;
    letter-spacing: 10px;
    padding-left: 10px
  }
}
#recruit.page-index .staff-slide__item.is-selected .staff-slide__card {
  opacity: 1;
  bottom: 0
}
#recruit.page-index .staff-slide__item.is-selected .staff-slide__image {
  opacity: 1;
  transform: scale(1, 1);
  bottom: 0
}
#recruit.page-flow nav .local-nav__item.is-current::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
#recruit.page-flow nav .local-nav__item:nth-child(1).is-current a::after {
  border-color: #172433 transparent transparent #172433;
  z-index: 1
}
#recruit.page-flow nav .local-nav__item:nth-child(1).is-current span {
  color: #fff;
  background: #172433
}
#recruit.page-flow nav .local-nav__item:nth-child(2).is-current a::after {
  border-color: transparent #172433 #172433 transparent;
  z-index: 1
}
#recruit.page-flow nav .local-nav__item:nth-child(2).is-current span {
  color: #fff;
  background: #172433
}
#recruit.page-index .varfivation__card {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin: 35pt 0 75pt 0;
}
@media (max-width: 48em) {
  #recruit.page-index .varfivation__card {
    display: inline-flex;
    flex-wrap: wrap;
    margin: auto;
  }
}
.varfivation__item-recruit-text {
  margin-bottom: 10px;
}
@media (max-width: 48em) {
  .varfivation__item-recruit-text {
    margin-bottom: 0;
  }
}
.varfivation__item-recruit {
  width: 325px;
  height: 325px;
  background-color: #006979;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.4;
  letter-spacing: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.varfivation__item-recruit span {
  font-size: 2rem;
  margin-top: 30px;
  display: block;
}
@media (max-width: 48em) {
  .varfivation__item-recruit span {
    font-size: 1rem;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    letter-spacing: 1px;
  }
}
@media (max-width: 48em) {
  .varfivation__item-recruit {
    width: 48%;
    margin-bottom: 9pt;
    height: 10pc;
    font-size: 1.2em;
    line-height: 1.4;
  }
}
#recruit.page-index .top-menu .decoration-block-2 {
  width: 36.80555555555%;
  user-select: none;
  pointer-events: none;
  position: absolute;
  left: -30px;
  z-index: 1
}
@media(max-width:90em) {
  #recruit.page-index .top-menu .decoration-block-2 {
    left: 25px
  }
}
@media(max-width:48em) {
  #recruit.page-index .top-menu .decoration-block-2 {
    width: 40%;
    top: auto;
    left: 12px;
    bottom: -55px
  }
}
.recruit-button-area {
  background-color: #fff;
  width: 325px;
  padding: 30px 40px;
  margin: 0 auto;
}
@media(max-width:48em) {
  .recruit-button-area {
    margin: 0 auto 30px;
    max-width: 100%;
    text-align: center;
  }
}
@media(max-width:48em) {
  .recruit-button-area img {
    width: 60%;
  }
}
#recruit .reshukatu {
  padding: 5px 30px;
}
.recruit-link-button a {
  display: inline-block;
  vertical-align: bottom;
  font-family: "Times New Roman", serif;
  font-size: 1.7rem;
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  background-color: #006979;
  padding: 0 50px;
  transition: .3s ease-in-out;
  position: relative
}
@media(max-width:48em) {
  .recruit-link-button a {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 3px;
    padding-bottom: 3px
  }
}
/* .recruit-link-button a::after,
.recruit-link-button a::before {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 7%;
  z-index: 1
}
.recruit-link-button a::before {
  width: 5px;
  transform-origin: 100% 0;
  transform: rotate(45deg)
} */
.recruit-link-button a::after {
  width: 11px;
  transition: .3s ease-in-out
}
.recruit-link-button a:hover {
  background-color: #00525e
}
.recruit-link-button a:hover::after {
  width: 19px
}
.recruit-link-button ::selection {
  color: #fff
}
.recruit-link-button--center {
  text-align: center;
  margin-top: 20px;
}
.recruit-link-button--jp a {
  letter-spacing: 4px
}

.recruit-ban_list {
  display: flex;
  justify-content: center;
  margin: 30px;
}
.recruit-ban_item {
  position: relative;
  width: 350px;
  margin: 0 30px;
  transition: 0.3s;
  background-color: #fff;
}
.recruit-ban_img {
  margin: 30px auto;
  width: 250px;
}

.recruit-ban_btn {
  background-color: #006979;
  color: #fff;
  margin: 25px 50px;
  padding: 10px 0px;
  text-align: center;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.7rem;
}
.recruit-ban_item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recruit-ban_item:hover {
  opacity: 0.7;
}
@media(max-width:48em) {
  .recruit-ban_list {
    display: block;
    justify-content: center;
    margin: 0px auto 0px auto;
  }
  .recruit-ban_item {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    background-color: #fff;
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .recruit-ban_img {
    width: 45%;
    margin: auto auto 15px auto;
  }
  .recruit-ban_btn {
    padding: 3px 0px;
    font-size: 1.4rem;
    margin: 0 50px;
  }
}
#recruit.page-environment .mainvis {
  background-image: url("../images/environment/mainvis.jpg");
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}
@media(max-width:48em) {
  #recruit.page-environment .mainvis {
    background-position: 30% 50% !important
  }
}
#recruit.page-environment .l-main .medium-mainvis__heading {
  color: #8AB929;
  letter-spacing: 20px;
  font-size: 12rem;
  line-height: 70px;
}
@media(max-width:48em) {
  #recruit.page-environment .l-main .medium-mainvis__heading {
    letter-spacing: 0;
    font-size: 5rem;
    line-height: 50px;
  }
}
#recruit.page-environment .l-main .medium-mainvis__heading span {
  color: #333;
  font-size: 2rem;
  letter-spacing: 10px;
  font-weight: 300;
}
@media(max-width:48em) {
  #recruit.page-environment .l-main .medium-mainvis__heading span {
    letter-spacing: 0;
    font-size: 1.8rem;
  }
}
#recruit.page-environment .communication {
  background-color: #F8F6E7;
  text-align: center;
  padding: 50px 0;
}
@media(max-width:48em) {
  #recruit.page-environment .communication {
    padding: 20px 0;
    line-height: 30px;
  }
}
#recruit.page-environment .communication h3 {
  font-weight: 600;
  font-size: 4rem;
}
@media(max-width:48em) {
  #recruit.page-environment .communication h3 {
    font-size: 2rem;
  }
}
#recruit.page-environment .communication__text {
  padding: 50px 0 0;
  font-weight: 600;
  font-size: 1.8rem;
}
@media(max-width:48em) {
  #recruit.page-environment .communication__text {
    padding: 20px 0 0;
    font-size: 1.2rem;
    line-height: 20px;
  }
}
#recruit.page-environment .space__read {
  text-align: center;
  padding: 40px 0 20px;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 30px;
}
@media(max-width:48em) {
  #recruit.page-environment .space__read {
    font-size: 1.2rem;
    line-height: 20px;
    padding: 20px 0 0;
    margin: 0 0 10px;
    line-height: 20px;
  }
}
#recruit.page-environment .space__read span {
  display: block;
  font-weight: 600;
  font-size: 4rem;
  margin: 30px 0 0;
}
@media(max-width:48em) {
  #recruit.page-environment .space__read span {
    font-size: 3rem;
    margin: 15px 0 -5px;
  }
}

#recruit.page-environment .space__example {
  color: #8AB929;
  text-align: center;
}
@media(max-width:48em) {
  #recruit.page-environment .space__example {
    margin: 0 0 50px;
  }
}
#recruit.page-environment .space__example-flex {
  display: flex;
  justify-content: center;
  gap: 40px;
  font-size: 1.8rem;
  font-weight: 600;
}
@media(max-width:48em) {
  #recruit.page-environment .space__example-flex {
    display: block;
    font-size: 1.5rem;
  }
}
#recruit.page-environment .space__example-title {
  font-size: 1.8rem;
  margin-bottom: 10px;
  font-weight: 500;
}
@media(max-width:48em) {
  #recruit.page-environment .space__example-title {
    margin: 15px;
    font-weight: 500;
  }
}
#recruit.page-environment .space__example-flex li {
  border: #8AB929 1px solid;
  padding: 10px 0;
  list-style: none;
  width: 25%;
}
@media(max-width:48em) {
  #recruit.page-environment .space__example-flex li {
    padding: 5px 0;
    width: 100%;
    margin: 0 0 10px;
  }
}
#recruit.page-environment .space__read #recruit.page-environment .space__img {
  position: relative;
  padding: 100px 0 50px;
}
#recruit.page-environment .space__img-open1 {
  position: relative;
  width: 80%;
  margin: 0 auto;
  right: 140px;
}
@media(max-width:48em) {
  #recruit.page-environment .space__img-open1 {
    position: relative;
    width: 95%;
    right: 8px;
  }
}

#recruit.page-environment .space__img-open2 {
  position: absolute;
  width: 20%;
  right: 65px;
  bottom: 350px;
}
@media(max-width:48em) {
  #recruit.page-environment .space__img-open2 {
    position: absolute;
    width: 25%;
    bottom: auto;
    top: 100px;
    right: 20px;
  }
}
#recruit.page-environment .space__img-open3 {
  position: absolute;
  width: 20%;
  bottom: 280px;
  left: 150px;
}
@media(max-width:48em) {
  #recruit.page-environment .space__img-open3 {
    width: 26%;
    bottom: auto;
    top: 85px;
    left: 30px;
  }
}
#recruit.page-environment .recreation__img {
  position: relative;
  padding: 100px 0 50px;
  margin: 0 0 250px;
}
@media(max-width:48em) {
  #recruit.page-environment .recreation__img {
    position: relative;
    padding: 0 0 50px;
    margin: 0 0 60px;
  }
}
#recruit.page-environment .recreation__img-rec1 {
  position: relative;
  width: 50%;
  z-index: 5;
}
@media(max-width:48em) {
  #recruit.page-environment .recreation__img-rec1 {
    width: 60%;
  }
}
#recruit.page-environment .recreation__img-rec2 {
  position: absolute;
  width: 50%;
  right: 100px;
  top: 350px;
  z-index: 3;
}
@media(max-width:48em) {
  #recruit.page-environment .recreation__img-rec2 {
    position: absolute;
    width: 60%;
    right: 0;
    left: 140px;
    top: 75px;
    z-index: 3;
  }
}
#recruit.page-environment .recreation__img-rec3 {
  position: absolute;
  width: 40%;
  top: 370px;
  left: 130px;
  z-index: 2;
}
@media(max-width:48em) {
  #recruit.page-environment .recreation__img-rec3 {
    top: 75px;
    width: 50%;
    left: 5px;
  }
}
#recruit.page-environment .activity__img-ac1 {
  width: 61%;
}
@media(max-width:48em) {
  #recruit.page-environment .activity__img-ac1 {
    width: 80%;
  }
}
#recruit.page-environment .activity__img-ac2 {
  position: absolute;
  width: 38%;
  right: 150px;
  top: 20px
}
@media(max-width:48em) {
  #recruit.page-environment .activity__img-ac2 {
    width: 35%;
    right: 15px;
  }
}
#recruit.page-environment .activity__example-flex {
  display: flex;
  justify-content: center;
  gap: 15px 30px;
  font-size: 1.8rem;
  font-weight: 600;
  flex-wrap: wrap;
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
}
@media(max-width:48em) {
  #recruit.page-environment .activity__example-flex {
    display: block;
    font-size: 1.5rem;
  }
}
#recruit.page-environment .activity__example-flex li {
  border: #8AB929 1px solid;
  padding: 10px 50px;
  list-style: none;
  width: 45%;
}
@media(max-width:48em) {
  #recruit.page-environment .activity__example-flex li {
    padding: 5px 0;
    width: 100%;
    margin: 0 0 10px;
  }
}
#recruit.page-environment .space {
  padding: 100px 0 50px;
}
@media(max-width:48em) {
  #recruit.page-environment .space {
    padding: 50px 0 50px;
  }
}
#recruit.page-environment .recreation {
  padding: 0 0 50px;
}
#recruit.page-environment .activity {
  padding: 50px 0;
}
@media(max-width:48em) {
  #recruit.page-environment .activity {
    padding: 0;
  }
}
#recruit.page-environment .data-title {
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  border: #333 1px solid;
  padding: 10px 50px;
  width: 800px;
  margin: 50px auto;
  max-width: 100%;
}
@media(max-width:48em) {
  #recruit.page-environment .data-title {
    margin: 0 auto 50px;
    font-size: 2rem;
    padding: 10px 20px;
  }
}
#recruit.page-environment .data__increase-title {
  font-size: 7rem;
  font-weight: 600;
  color: #8AB929;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5;
}
@media(max-width:48em) {
  #recruit.page-environment .data__increase-title {
    font-size: 3rem;
  }
}
#recruit.page-environment .data__increase-text {
  font-size: 1.8rem;
  margin: 30px auto 100px;
  text-align: center;
  font-weight: 500;
  line-height: 30px;
}
@media(max-width:48em) {
  #recruit.page-environment .data__increase-text {
    font-size: 1.2rem;
    margin: 30px auto 50px;
    line-height: 20px;
  }
}
#recruit.page-environment .data__increase-img {
  margin: 0 0 50px;
  width: 1000px;
  margin: 0 auto;
  max-width: 100%;
}
#recruit.page-environment .data__age-text {
  font-size: 1.8rem;
  margin: 0 auto 100px;
  text-align: center;
  font-weight: 500;
  line-height: 30px;
}
@media(max-width:48em) {
  #recruit.page-environment .data__age-text {
    font-size: 1.2rem;
    margin: 0 auto 50px;
    line-height: 20px;
  }
}
#recruit.page-environment .data__age-img {
  margin: 0 auto -60px;
  width: 1000px;
  max-width: 100%;
}
@media(max-width:48em) {
  #recruit.page-environment .data__age-img {
    margin: 0 auto;
  }
}
#recruit.page-environment .data__age-title {
  font-size: 7rem;
  font-weight: 600;
  color: #8AB929;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.5;
}
@media(max-width:48em) {
  #recruit.page-environment .data__age-title {
    font-size: 3rem;
    margin: 0 auto;
  }
}
#recruit.page-environment .data__woman-title {
  font-size: 7rem;
  font-weight: 600;
  color: #E4007F;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5;
}
@media(max-width:48em) {
  #recruit.page-environment .data__woman-title {
    font-size: 3rem;
  }
}
#recruit.page-environment .data__woman-img {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}
@media(max-width:48em) {
  #recruit.page-environment .data__woman-img {
    max-width: 80%;
  }
}
.data__woman-text {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 500;
  margin: 30px auto 100px;
  line-height: 30px;
}
@media(max-width:48em) {
  .data__woman-text {
    font-size: 1.2rem;
    margin: 30px auto 50px;
    line-height: 20px;
  }
}
#recruit.page-environment .data__step-title {
  font-size: 7rem;
  font-weight: 600;
  color: #005B69;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.2;
}
@media(max-width:48em) {
  #recruit.page-environment .data__step-title {
    font-size: 3rem;
    margin: 0 auto 10px;
  }
}
#recruit.page-environment .data__step-text {
  font-size: 1.8rem;
  margin: 40px auto 100px;
  text-align: center;
  font-weight: 500;
  line-height: 30px;
}
@media(max-width:48em) {
  #recruit.page-environment .data__step-text {
    font-size: 1.2rem;
    margin: 30px auto 50px;
    line-height: none;
    line-height: 20px;
  }
}
#recruit.page-environment .data__step-img {
  margin: 0 auto;
  width: 1000px;
  max-width: 100%;
}
@media(max-width:48em) {
  #recruit.page-environment .data__step-img {
    padding: 0;
  }
}
#recruit.page-environment .data__transaction-title {
  font-size: 7rem;
  font-weight: 600;
  color: #005B69;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.2;
}
@media(max-width:48em) {
  #recruit.page-environment .data__transaction-title {
    font-size: 3rem;
    margin: 0 auto 10px;
  }
}

#recruit.page-education .mainvis {
  background-image: url("../images/education/mainvis.jpg");
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
}
@media(max-width:48em) {
  #recruit.education .mainvis {
    background-position: 30% 50% !important
  }
}
#recruit.page-education .l-main .medium-mainvis__heading {
  color: #8AB929;
  letter-spacing: 20px;
  font-size: 12rem;
  line-height: 70px;
}
@media (max-width: 48em) {
  #recruit.page-education .l-main .medium-mainvis__heading {
    letter-spacing: 0;
    font-size: 5rem;
    line-height: 50px;
  }
}
#recruit.page-education .l-main .medium-mainvis__heading span {
  color: #333;
  font-size: 2rem;
  letter-spacing: 10px;
  font-weight: 300;
}
@media (max-width: 48em) {
  #recruit.page-education .l-main .medium-mainvis__heading span {
    letter-spacing: 0;
    font-size: 1.8rem;
  }
}
#recruit.page-education .project {
  background-color: #F8F6E7;
  text-align: center;
  padding: 50px 0;
}
#recruit.page-education .project h3 {
  font-weight: 600;
  font-size: 4rem;
}
@media (max-width: 48em) {
  #recruit.page-education .project h3 {
    font-size: 2rem;
  }
}
#recruit.page-education .project__text {
  padding: 50px 0 0;
  font-weight: 600;
  font-size: 1.8rem;
}
@media (max-width: 48em) {
  #recruit.page-education .project__text {
    padding: 20px 0 0;
    font-size: 1.2rem;
    line-height: 20px;
  }
}
#recruit.page-education .newlineup__logo {
  width: 300px;
  margin: 100px auto 0;
}
@media (max-width: 48em) {
  #recruit.page-education .newlineup__logo {
    max-width: 40%;
    margin: 50px auto 0;
  }
}
#recruit.page-education .newlineup__title {
  font-weight: 600;
  font-size: 4rem;
  text-align: center;
  margin: 20px auto 50px;
}
@media (max-width: 48em) {
  #recruit.page-education .newlineup__title {
    font-size: 2rem;
    line-height: 25px;
  }
}
#recruit.page-education .reader {
  margin: 0 0 100px;
}
@media (max-width: 48em) {
  #recruit.page-education .reader {
    margin: 0 0 50px;
  }
}
#recruit.page-education .reader__text {
  text-align: center;
  font-weight: 600;
  font-size: 6rem;
  line-height: 70px;
  letter-spacing: 8px;
}
@media (max-width: 48em) {
  #recruit.page-education .reader__text {
    font-size: 2.5rem;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
#recruit.page-education .reader__newlineup__logo {
  width: 150px;
  margin: 0 0 0 150px;
}
@media (max-width: 48em) {
  #recruit.page-education .reader__newlineup__logo {
    width: 55px;
    margin: 0 0 -20px 10px;
  }
}
#recruit.page-education .reader__title {
  text-align: center;
  font-weight: 600;
  font-size: 4rem;
}
@media (max-width: 48em) {
  #recruit.page-education .reader__title {
    font-size: 2rem;
  }
}
#recruit.page-education .reader-flex {
  display: flex;
  gap: 30px;
  justify-content: center;
}
@media (max-width: 48em) {
  #recruit.page-education .reader-flex {
    display: block;
  }
}
#recruit.page-education .reader-box {
  background-color: #EAE8D7;
  list-style: none;
  text-align: center;
  padding: 30px 20px;
  font-weight: 600;
  font-size: 3rem;
  line-height: 50px;
  letter-spacing: 10px;
  width: 25%;
}
@media (max-width: 48em) {
  #recruit.page-education .reader-box {
    margin: 0 0 15px;
    padding: 20px;
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: 10px;
    width: 100%;
  }
}
#recruit.page-education .reader-box p {
  margin: 20px;
}
@media (max-width: 48em) {
  #recruit.page-education .reader-box p {
    line-height: 35px;
    margin: 20px 0 20px;
  }
}
#recruit.page-education .reader__read {
  text-align: center;
  padding: 20px 0;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 30px;
}
@media (max-width: 48em) {
  #recruit.page-education .reader__read {
    font-size: 1.2rem;
    padding: 20px 0 0;
    line-height: 20px;
  }
}
#recruit.page-education .support__text {
  text-align: center;
  font-weight: 600;
  font-size: 6rem;
  line-height: 70px;
  letter-spacing: 8px;
}
@media (max-width: 48em) {
  #recruit.page-education .support__text {
    margin: 0 0 10px;
    font-size: 2.5rem;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
#recruit.page-education .support__newlineup__logo {
  width: 150px;
  margin: 0 0 0 150px;
}
@media (max-width: 48em) {
  #recruit.page-education .support__newlineup__logo {
    width: 55px;
    margin: 0 0 0px 10px
  }
}
#recruit.page-education .support__img {
  margin: 0 auto;
  width: 600px;
}
@media (max-width: 48em) {
  #recruit.page-education .support__img {
    max-width: 100%;
  }
}
#recruit.page-education .support__title {
  font-size: 1.8rem;
  margin: 50px 0 20px 0;
  font-weight: 500;
  color: #8AB929;
  text-align: center;
}
@media (max-width: 48em) {
  #recruit.page-education .support__title {
    font-size: 1.8rem;
    margin: 20px 0 10px 0;
    font-weight: 500;
  }
}
#recruit.page-education .support__flex {
  display: flex;
  justify-content: center;
  gap: 40px;
  font-size: 1.8rem;
  font-weight: 600;
}
@media (max-width: 48em) {
  #recruit.page-education .support__flex {
    display: block;
  }
}
#recruit.page-education .support__flex li {
  border: #8AB929 1px solid;
  padding: 10px 0;
  list-style: none;
  width: 25%;
  font-weight: 600;
  color: #8AB929;
  text-align: center;
}
@media (max-width: 48em) {
  #recruit.page-education .support__flex li {
    width: 100%;
    margin: 0 0 10px;
    padding: 5px 0;
    font-size: 1.5rem;
  }
}
#recruit.page-education .support__read {
  text-align: center;
  font-size: 1.8rem;
  margin: 20px 0 100px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 48em) {
  #recruit.page-education .support__read {
    font-size: 1.2rem;
    margin: 20px 0 30px;
    line-height: 20px;
  }
}
#recruit.page-education .plus {
  width: 40px;
  margin: 0 auto;
}
@media (max-width: 48em) {
  #recruit.page-education .plus {
    width: 20px;
  }
}
#recruit.page-education .training__text {
  text-align: center;
  font-weight: 600;
  font-size: 6rem;
  line-height: 70px;
  letter-spacing: 8px;
  margin: 20px 0;
}
@media (max-width: 48em) {
  #recruit.page-education .training__text {
    font-size: 2.3rem;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
#recruit.page-education .training-flex {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin: 40px 0 0px;
  padding: 0 0 100px;
}
@media (max-width: 48em) {
  #recruit.page-education .training-flex {
    display: block;
    padding: 0 0 15px;
  }
}
#recruit.page-education .training-box {
  background-color: #EAE8D7;
  list-style: none;
  text-align: center;
  padding: 30px 20px;
  width: 25%;
}
@media (max-width: 48em) {
  #recruit.page-education .training-box {
    width: 100%;
    margin: 0 0 15px;
    padding: 20px 20px;
  }
}
#recruit.page-education .training-box-title {
  font-size: 3.5rem;
  font-weight: 600;
}
@media (max-width: 48em) {
  #recruit.page-education .training-box-title {
    font-size: 2rem;
  }
}
#recruit.page-education .training-box p {
  text-align: left;
  font-size: 1.8rem;
  margin: 10px 15px 0;
  font-weight: 500;
  line-height: 35px;
}
@media (max-width: 48em) {
  #recruit.page-education .training-box p {
    font-size: 1.4rem;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 25px;
  }
}
#recruit.page-education .distribution__text {
  text-align: center;
  font-weight: 600;
  font-size: 6rem;
  line-height: 70px;
  letter-spacing: 8px;
  color: #00525e;
  margin: 20px 0;
}
@media (max-width: 48em) {
  #recruit.page-education .distribution__text {
    font-size: 2.5rem;
    line-height: 30px;
    letter-spacing: 0px;
  }
}
#recruit.page-education .distribution__img {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 48em) {
  #recruit.page-education .distribution__img {
    width: 100%;
  }
}
#recruit.page-education .distribution__read {
  text-align: center;
  font-size: 1.8rem;
  margin: 40px 0 100px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 48em) {
  #recruit.page-education .distribution__read {
    width: 100%;
    font-size: 1.2rem;
    margin: 20px 0 30px;
    line-height: 20px;
  }
}