@charset "UTF-8";.hdBlock__logo,.hdBlock__logo.move {
  transition: width .3s cubic-bezier(.77,0,.175,1),transform .3s cubic-bezier(.77,0,.175,1)
}

.cvsBlock,.cvsBlockFt,.hdBlock,.loadingBlock,.menuBlock,.wrapper {
  min-width: 1024px
}

.aboutBlock__item,.copyrightBlock__inner,.ftBlock__images,.ftRecruitmentBtn,.mainBlock,.mainBlock__item,.menuBlock,.menuBlock__link__img,.menuBlock__link__txBlock,.navBlock__item,.newsBlock,.newsBlock__link,.pankuzuBlock,.recruitmentBtn,.sitemapBlock__item,.wrapper {
  overflow: hidden
}

.hdBlock,.hdBlock__inner,.wrapper {
  margin: 0 auto;
  text-align: center
}

.hdBlock__head,.wrapper {
  background-color: #fff;
  width: 100%
}

@media print {
  body {
    -webkit-print-color-adjust: exact
  }
}

* {
  box-sizing: border-box
}

a {
  outline: 0;
  color: #fff;
  text-decoration: none
}

.newsBlock__link.link .newsBlock__link__text,.pankuzuBlock__link,.stepItem__list__tx a {
  text-decoration: underline
}

.wrapper {
  position: relative
}

.hdBlock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  z-index: 1000
}

.hdBlock__head {
  position: relative;
  height: 84px;
  z-index: 200
}

.hdBlock__inner {
  position: relative;
  width: 100%
}

.hdBlock__logo,.recruitmentBtn {
  position: absolute;
  top: 0;
  z-index: 1000
}

.hdBlock__logo {
  left: 25px;
  width: 243px;
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.hdBlock__logo img {
  width: 100%
}

.hdBlock__logo.move {
  width: 200px;
  -ms-transform: translateY(-15px);
  transform: translateY(-15px)
}

.hdBlock__menu {
  display: none
}

.recruitmentBtn {
  right: 0;
  width: 180px;
  height: 110px
}

.recruitmentBtn__link {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.22222;
  font-weight: 700;
  color: #fff
}

.recruitmentBtn__link.new {
  background-color: #e60012
}

.recruitmentBtn__link.career,.recruitmentBtn__link.new .recruitmentBtn__link__tx::after {
  background-color: #9b0000
}

.navBlock__link::after,.recruitmentBtn__link.career .recruitmentBtn__link__tx::after {
  background-color: #e60012
}

.recruitmentBtn__link__tx {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.recruitmentBtn__link__tx::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 56px;
  height: 4px;
  margin-top: 30px;
  transition: width .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBtn__link:hover .recruitmentBtn__link__tx::after {
  animation: line .4s ease;
  width: 56px;
  transition: width .3s cubic-bezier(.77,0,.175,1)
}

.navBlock__link.ac::after,.navBlock__link.current::after,.navBlock__link::after,.navBlock__link:hover::after {
  transition: left .3s cubic-bezier(.77,0,.175,1),width .3s cubic-bezier(.77,0,.175,1)
}

@keyframes line {
  0%,100% {
    width: 56px
  }

  50% {
    width: 0
  }
}

.navBlock {
  position: relative;
  float: right;
  margin-top: 44px;
  margin-right: 205px
}

.copyrightBlock__area,.navBlock__list,.sitemapBlock__list,.sitemapBlock__logo {
  float: left
}

.navBlock__link {
  position: relative;
  display: block;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  letter-spacing: 1px;
  margin: 0 0 0 20px
}

.navBlock__link::after {
  content: '';
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 50%
}

.navBlock__link__cs {
  font-weight: 700;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  margin-top: 5px
}

.navBlock__link.ac::after {
  width: 100%;
  left: 0
}

.navBlock__link.current::after {
  width: 100%!important;
  left: 0!important
}

.navBlock__link.soon {
  opacity: .4
}

.navBlock__link.soon::after {
  display: none
}

.navBlock__link:hover::after {
  width: 100%;
  left: 0
}

.navBlock__soon::after,.navBlock__soon::before {
  display: inline-block;
  width: 128px;
  height: 1px;
  background-color: #333;
  opacity: .4;
  content: '';
  vertical-align: middle
}

.menuBlock__inner,.menuBlock__link__txBlock::before {
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.navBlock__soon {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  opacity: .4
}

.navBlock__soon::before {
  margin: 0 5px 0 0
}

.navBlock__soon::after {
  margin: 0 0 0 5px
}

.menuBlock {
  display: none;
  position: absolute;
  top: 84px;
  left: 0;
  width: 100%;
  height: 315px;
  background-color: rgba(255,255,255,.7);
  z-index: 100
}

.menuBlock__inner {
  position: relative;
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.menuBlock__inner.n0 {
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.menuBlock__inner.n1 {
  -ms-transform: translateY(-25%);
  transform: translateY(-25%)
}

.menuBlock__inner.n2 {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.menuBlock__inner.n3 {
  -ms-transform: translateY(-75%);
  transform: translateY(-75%)
}

.menuBlock__item {
  padding: 60px 0
}

.menuBlock__list {
  display: inline-block;
  margin: 12px
}

.menuBlock__link {
  position: relative;
  display: block;
  color: #333
}

.menuBlock__link__txBlock {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 220px;
  height: 67px;
  background-color: #fff;
  text-align: left
}

.menuBlock__link__txBlock::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.menuBlock__link__ti,.menuBlock__link__tx {
  z-index: 10;
  transition: color .3s cubic-bezier(.77,0,.175,1);
  position: relative;
  line-height: 1;
  font-weight: 700
}

.menuBlock__link__ti {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 16px 0 5px 16px;
  color: #e60012
}

.menuBlock__link__tx {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 0 16px;
  color: #333
}

.menuBlock__link__img {
  width: 312px;
  height: 146px
}

.menuBlock__link__img img {
  width: 100%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link:hover .menuBlock__link__img img {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link:hover .menuBlock__link__txBlock {
  color: #fff;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link:hover .menuBlock__link__txBlock::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link:hover .menuBlock__link__txBlock::after {
  background: url(/recruit/img/icn/icn_arrow_w.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link:hover .menuBlock__link__ti,.menuBlock__link:hover .menuBlock__link__tx {
  color: #fff;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link.soon:hover .menuBlock__link__img img {
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link.soon:hover .menuBlock__link__txBlock {
  color: #333;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link.soon:hover .menuBlock__link__txBlock::before {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link.soon:hover .menuBlock__link__txBlock::after {
  background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link.soon:hover .menuBlock__link__ti {
  color: #e60012;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.menuBlock__link.soon:hover .menuBlock__link__tx {
  color: #333;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.menuSpBlock {
  display: none
}

.ftBlock {
  position: relative;
  width: 100%;
  background-color: #f3f4f7;
  z-index: 100
}

.ftBlock__images {
  position: relative;
  width: 100%;
  height: 346px;
  background: url(/recruit/img/footer/ftimg.jpg) 50% 50% no-repeat;
  background-size: cover
}

.ftBlock__copy,.ftBlock__enCopy {
  position: absolute;
  z-index: 50;
  left: 50%
}

.ftBlock__copy {
  top: 122px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.ftBlock__enCopy,.scrollCopy {
  -ms-transform: translateX(-50%)
}

.ftBlock__enCopy {
  top: 196px;
  transform: translateX(-50%)
}

.ftBlock__inner {
  position: relative;
  width: 1024px;
  background-color: #f3f4f7;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  z-index: 50
}

.pankuzuBlock {
  border-bottom: 1px solid #dcdcdd
}

.pankuzuBlock__list {
  float: left;
  margin: 13px 0 13px 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #78747d
}

.pankuzuBlock__list::before {
  content: '/';
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #78747d;
  margin-right: 12px
}

.aboutBlock__colink::before,.aboutBlock__link__txBlock::after,.aboutBlock__link__txBlock::before,.copyrightBlock__link::after,.ftRecruitmentBtn__link::after {
  content: ''
}

.pankuzuBlock__list:first-child {
  margin: 10px 0
}

.pankuzuBlock__list:first-child::before {
  display: none
}

.pankuzuBlock__link {
  color: #78747d;
  opacity: 1;
  transition: opacity .3s ease
}

.pankuzuBlock__link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.sitemapBlock {
  position: relative;
  overflow: hidden;
  margin: 35px 0
}

.sitemapBlock__logo__link {
  display: block;
  opacity: 1;
  transition: opacity .3s ease
}

.sitemapBlock__logo__link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.sitemapBlock__list {
  width: 180px;
  margin: 0 0 0 70px
}

.ftLinkBlock--margin {
  margin-top: 30px
}

.ftLinkBlock.soon {
  opacity: .4
}

.ftLinkBlock.soon .ftLinkBlock__link:hover {
  opacity: 1
}

.ftLinkBlock__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  margin-bottom: 15px
}

.copyrightBlock__link,.ftLinkBlock__link {
  font-size: 14px;
  transition: opacity .3s ease;
  display: inline-block
}

.ftLinkBlock__text {
  text-align: left;
  margin: 10px 0
}

.copyrightBlock,.copyrightBlock__inner {
  position: relative;
  margin: 0 auto;
  text-align: center
}

.ftLinkBlock__link {
  font-size: 1.4rem;
  line-height: 1.42857;
  color: #333;
  opacity: 1
}

.ftLinkBlock__link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.ftLinkBlock__link.soon,.ftLinkBlock__link.soon:hover {
  opacity: .4
}

.copyrightBlock {
  width: 100%;
  background-color: #443f4a;
  z-index: 50
}

.copyrightBlock__inner {
  width: 1024px;
  padding: 25px 0
}

.copyrightBlock__link {
  font-size: 1.4rem;
  line-height: 1;
  margin-right: 25px;
  opacity: 1
}

.copyrightBlock__link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

/* .pagetop,.pagetop.move {
  transition: transform .3s ease
} */

.copyrightBlock__link::after {
  display: inline-block;
  margin-left: 6px;
  width: 13px;
  height: 10px;
  background: url(/recruit/img/icn/icn_blank.svg) no-repeat;
  background-size: 13px 10px
}

.copyrightBlock__copy {
  display: block;
  float: right;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff
}
/*
.pagetop {
  position: fixed;
  right: 20px;
  bottom: 0;
  margin-bottom: 20px;
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  z-index: 500
}

.pagetop.move {
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.pagetop__link {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 25px;
  border: 2px solid #f3f4f7
}

.pagetop__link img {
  display: block;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
} */

@keyframes lineFt {
  0%,100% {
    width: 266px
  }

  50% {
    width: 0
  }
}

.ftRecruitmentBtn {
  width: 100%;
  height: auto
}

.ftRecruitmentBtn__link {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: auto;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  color: #fff
}

.topCvs,.topDmyCvs {
  position: absolute;
  left: 0
}

.ftRecruitmentBtn__link:hover::after {
  width: 266px;
  animation: lineFt .4s ease
}

.ftRecruitmentBtn__link::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 266px;
  height: 10px;
  transition: width .3s cubic-bezier(.77,0,.175,1)
}

.ftRecruitmentBtn__link.new {
  background-color: #e60012
}

.ftRecruitmentBtn__link.career,.ftRecruitmentBtn__link.new::after {
  background-color: #9b0000
}

.ftRecruitmentBtn__link.career::after {
  background-color: #e60012
}

.newsBlock__parent,.newsBlock__title {
  background-color: #443f4a
}

.ftRecruitmentBtn__link__tx {
  display: block;
  padding: 40px 0
}

.ftRecruitmentBtn__link__tx2 {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33333;
  margin-left: 26px
}

.topCvs {
  mix-blend-mode: hard-light;
  top: 0;
  opacity: 0
}

.topDmyCvs {
  top: 0
}

.cvsBlock,.cvsBlock.fix {
  position: fixed;
  top: 84px;
  opacity: .9;
  height: 100%
}

.cvsBlock {
  width: 100%;
  z-index: 10
}

.cvsBlock--2 {
  mix-blend-mode: hard-light!important;
  pointer-events: none;
  z-index: 10
}

.cvsBlock--2.fixed {
  z-index: 110
}

.cvsBlock.fix {
  z-index: 5
}

.cvsBlock--int,.cvsBlock--sec,.cvsBlockFt {
  position: absolute;
  top: 0;
  mix-blend-mode: hard-light
}

.cvsBlock.ie {
  opacity: .7
}

.cvsBlock.ie.fix {
  opacity: .5
}

.cvsBlock--sec {
  opacity: .7
}

.cvsBlock--sec.ie {
  opacity: .5
}

.cvsBlock--int {
  opacity: .9
}

.cvsBlock--int.ie {
  opacity: .7
}

.cvsBlockFt {
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .9
}

.contentsBlock,.mainBlock {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  min-width: 1024px;
}

.mainBlock__copy,.mainBlock__enCopy {
  top: 60%;
  -ms-transform: translate(-50%,-50%)
}

.cvsBlockFt.ie {
  opacity: .7
}

.pcBl {
  display: block
}

.spBl {
  display: none
}

.contentsBlock {
  /* padding-top: 84px */
}

.mainBlock {
  max-height: 736px
}

.mainBlock__copy,.mainBlock__enCopy,.mainBlock__logo {
  position: absolute;
  left: 50%;
  z-index: 50
}

.mainBlock__copy {
  transform: translate(-50%,-50%);
  margin-top: -60px
}

.mainBlock__enCopy {
  transform: translate(-50%,-50%);
  margin-top: 33px
}

.mainBlock__logo {
  width: 300px;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.mainBlock__logo img {
  width: 100%
}

.mainBlock__inner {
  position: relative;
  opacity: 0;
  z-index: 5
}

.mainBlock__item {
  position: relative;
  width: 100%;
  padding-bottom: 57.5%
}

.mainBlock__list {
  position: absolute;
  width: 100%;
  z-index: 1
}

.mainBlock__list img {
  width: 100%;
  height: auto
}

.mainBlock__list.ac {
  z-index: 2
}

.mainBlock__pcImg {
  display: block;
  width: 100%
}

.mainBlock__pcImg__i1 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.mainBlock__pcImg__i2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.mainBlock__spImg {
  display: none
}

.secBlock {
  position: relative;
  z-index: 50
}

.newsBlock,.newsBlock__title,.openBtn,.scrollCopy {
  position: absolute
}

.scrollCopy {
  top: -120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 150
}

.newsBlock {
  top: -40px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
  width: 100%;
  max-width: 1024px;
  height: 320px;
  height: 70px
}

.newsBlock__title {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  color: #fff;
  top: 24px;
  left: 34px
}

.newsBlock__first {
  padding: 28px 120px
}

.newsBlock__inner {
  clear: both;
  width: 100%;
  background-color: rgba(0,0,0,.8)
}

.newsBlock__item {
  padding: 15px 120px
}

.newsBlock__list {
  clear: both;
  padding: 15px 0
}

.newsBlock__link {
  display: block;
  color: #fff
}

.newsBlock__link.link {
  opacity: 1;
  transition: opacity .3s ease
}

.newsBlock__link.link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.openBtn,.openBtn:hover {
  transition: background .3s ease
}

.newsBlock__link.blank .newsBlock__link__text::after {
  content: '';
  display: inline-block;
  margin-left: 6px;
  width: 13px;
  height: 10px;
  background: url(/recruit/img/icn/icn_blank.svg) no-repeat;
  background-size: 13px 10px
}

.newsBlock__link__time {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  float: left;
  text-align: left;
  width: 115px
}

.newsBlock__link__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: left;
  float: left
}

.openBtn {
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background-color: #29262c
}

.aboutBlock,.messageBlock,.titleBlock {
  position: relative;
  width: 100%
}

.openBtn:hover {
  background-color: #635c6b
}

.openBtn img {
  display: block;
  padding: 18px;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition: transform .3s ease
}

.openBtn.open img {
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: transform .3s ease
}

.messageBlock {
  padding: 80px 0;
  margin: 0 auto;
  text-align: center
}

.messageBlock__text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.44444;
  font-weight: 700;
  margin: 20px auto;
  text-align: center
}

.messageBlock__copy {
  margin: 30px auto;
  text-align: center
}

.messageBlock__enCopy,.titleBlock {
  margin: 0 auto;
  text-align: center
}

.titleBlock {
  padding: 40px 0
}

.titleBlock__title {
  font-weight: 700;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
  margin-bottom: 10px
}

.titleBlock__text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700
}

.aboutBlock {
  padding: 80px 0
}

.aboutBlock__item {
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
  text-align: center
}

.aboutBlock__list {
  float: left;
  width: 50%;
  margin: 0
}

.aboutBlock__colink,.aboutBlock__link,.recruitmentBlock__item {
  margin: 0 auto;
  text-align: center;
  overflow: hidden
}

.aboutBlock__link {
  position: relative;
  display: block;
  width: 100%;
  color: #333
}

.aboutBlock__link:hover .aboutBlock__link__img {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link:hover .aboutBlock__link__txBlock {
  color: #fff;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link:hover .aboutBlock__link__txBlock::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link:hover .aboutBlock__link__txBlock::after {
  background: url(/recruit/img/icn/icn_arrow_w.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link__img {
  width: 100%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link__txBlock {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 322px;
  height: 126px;
  background-color: #fff;
  overflow: hidden;
  color: #333;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link__txBlock::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link__text,.aboutBlock__link__title {
  position: absolute;
  left: 38px;
  line-height: 1;
  font-weight: 700
}

.aboutBlock__link__txBlock::after {
  display: block;
  position: absolute;
  bottom: 28px;
  right: 28px;
  width: 36px;
  height: 9px;
  background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
  background-size: 36px 9px;
  z-index: 10;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__link__title {
  font-family: Rajdhani,sans-serif;
  font-size: 32px;
  font-size: 3.2rem;
  top: 38px;
  z-index: 10
}

.aboutBlock__link__text {
  font-size: 18px;
  font-size: 1.8rem;
  top: 75px;
  z-index: 10
}

.aboutBlock__company {
  clear: both;
  padding: 40px 0
}

.aboutBlock__colink {
  position: relative;
  display: block;
  width: 480px;
  height: 90px;
  background-color: #443f4a
}

.aboutBlock__colink::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.aboutBlock__colink__icn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background: #29262c;
  z-index: 10
}

.aboutBlock__colink__icn img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.aboutBlock__colink__text {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 45px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10
}

.aboutBlock__colink:hover::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock {
  position: relative;
  width: 100%;
  padding: 80px 0
}

.recruitmentBlock.top {
  padding: 0 0 50px
}

.recruitmentBlock__item {
  width: 100%;
  max-width: 1248px
}

.recruitmentBlock__list {
  float: left;
  width: 49.03846%;
  margin: 0 .96154%
}

.recruitmentBlock__list:nth-child(2n+1) {
  margin-left: 0
}

.recruitmentBlock__list:nth-child(2n) {
  margin-right: 0
}

.recruitmentBlock__link {
  position: relative;
  display: block;
  width: auto;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
  overflow: hidden;
  color: #333;
  background-color: #ebecee;
  border-top: 4px solid #e60012
}

.recruitmentBlock__link::after,.recruitmentBlock__link::before {
  position: absolute;
  display: block;
  content: ''
}

.recruitmentBlock__link.soon {
  opacity: .5
}

.recruitmentBlock__link:hover {
  color: #fff;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link:hover::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link:hover::after {
  background: url(/recruit/img/icn/icn_arrow_w.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link.soon:hover {
  color: #333;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link.soon:hover::before {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link.soon:hover::after {
  background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link::after {
  top: 50%;
  right: 28px;
  width: 36px;
  height: 9px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
  background-size: 36px 9px;
  z-index: 10;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.recruitmentBlock__link__title {
  text-align: left;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  position: relative;
  z-index: 10
}

.recruitmentBlock__link__text {
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  position: relative;
  margin-top: 5px;
  z-index: 10
}

.interviewBlock {
  position: relative;
  width: 100%;
  padding: 80px 0
}

.interviewBlock.top {
  padding: 0
}

.interviewBlock.clG {
  background-color: #f3f4f7
}

.interviewBlock__item {
  width: 100%;
  max-width: 1248px;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  text-align: center
}

.spacialBox,.talkBox,.wopeBlock {
  max-width: 1280px
}

.interviewBlock__list {
  width: 48.71795%;
  margin: 1.60256% 1.28205%
}

.interviewBlock__list:nth-child(2n+1) {
  margin-left: 0
}

.interviewBlock__list:nth-child(2n) {
  margin-right: 0
}

.interviewBlock__link {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  color: #333
}

.interviewBlock__link:hover .interviewBlock__link__img {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link:hover .interviewBlock__link__txBlock {
  color: #fff;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link:hover .interviewBlock__link__txBlock::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link:hover .interviewBlock__link__txBlock::after {
  background: url(/recruit/img/icn/icn_arrow_w.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link__txBlock {
  position: relative;
  width: 416px;
  height: 160px;
  margin-top: 188px;
  float: right;
  background-color: #fff;
  overflow: hidden;
  color: #333;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link__txBlock::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.interviewBlock__link__label {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 8px 16px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10
}

.interviewBlock__link__title {
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.36364;
  font-weight: 700;
  text-align: left;
  margin: 35px 0 0 30px;
  z-index: 10
}

.interviewBlock__link__text {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  text-align: left;
  margin: 10px 0 0 30px;
  z-index: 10
}

.spacialBox {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
  background-color: #fff
}

.spacialBox.top {
  background: 0 0
}

.spacialBox__sec {
  width: 97.5%;
  margin: 20px auto;
  text-align: center
}

.spacialBox__link__text,.spacialBox__link__title {
  left: 0;
  text-align: left;
  z-index: 10;
  color: #fff;
  top: 0;
  line-height: 1;
  font-weight: 700
}

.spacialBox__link {
  position: relative;
  display: block;
  opacity: 1;
  transition: opacity .3s ease
}

.spacialBox__link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.spacialBox__link.crosstalk::after {
  background-color: #262429
}

.spacialBox__link.realvoice::after {
  background-color: #ff9821
}

.spacialBox__link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background: url(/recruit/img/icn/icn_arrow_w.svg) 50% 50% no-repeat #262429;
  background-size: 36px 9px;
  z-index: 10;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.spacialBox__link__img,.wopeBlock {
  width: 100%
}

.spacialBox__link__title {
  position: absolute;
  margin: 11.71875% 0 0 5.46875%;
  font-size: 44px;
  font-size: 4.4rem
}

.spacialBox__link__text {
  position: absolute;
  margin: 16.40625% 0 0 5.46875%;
  font-size: 22px;
  font-size: 2.2rem
}

.wopeBlock,.wopeBlock__link,.wopeBlock__link__inner {
  margin: 0 auto;
  text-align: center
}

.wopeBlock {
  position: relative;
  clear: both
}

.wopeBlock__link {
  position: relative;
  display: block
}

.wopeBlock__link:hover .wopeBlock__link__img {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link:hover .wopeBlock__link__txBlock {
  color: #fff;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link:hover .wopeBlock__link__txBlock::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link:hover .wopeBlock__link__txBlock::after {
  background: url(/recruit/img/icn/icn_arrow_w.svg) no-repeat;
  background-size: 36px 9px;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link__inner {
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 984px;
  height: 100%
}

.wopeBlock__link__imBlock {
  position: relative;
  width: 54.375%;
  overflow: hidden
}

.wopeBlock__link__img {
  width: 100%;
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link__img img {
  width: 100%
}

.wopeBlock__link__txBlock {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 460px;
  height: 360px;
  padding: 60px;
  background-color: #fff;
  text-align: left;
  color: #333;
  overflow: hidden;
  transition: color .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link__txBlock::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link__txBlock::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 50px;
  right: 50px;
  width: 36px;
  height: 9px;
  background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
  background-size: 36px 9px;
  z-index: 10;
  transition: background .3s cubic-bezier(.77,0,.175,1)
}

.wopeBlock__link__title {
  position: relative;
  font-weight: 700;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  z-index: 10
}

.wopeBlock__link__subti {
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  z-index: 10;
  margin: 15px 0 30px
}

.loadingBlock,.shortMainBlock {
  margin: 0 auto;
  text-align: center
}

.wopeBlock__link__text {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  z-index: 10
}

.debug,.loadingBlock {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000
}

.debug {
  background: #000
}

.debug__text {
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  padding: 10px
}

.loadingBlock {
  width: 100%;
  height: 100%;
  background-color: #fff
}

.loadingBlock__inner {
  width: 152px;
  height: 148px;
  overflow: hidden;
  background-color: #cec7d1;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.loadingBlock__item {
  position: relative;
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

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

.loadingBlock__n {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

.shortMainBlock {
  position: relative;
  width: 100%;
  height: 326px;
  overflow: hidden
}

.shortMainBlock__subTitle,.shortMainBlock__title {
  position: absolute;
  left: 50%;
  color: #fff;
  line-height: 1;
  z-index: 10;
  font-weight: 700
}

.shortMainBlock__title {
  top: 130px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 54px;
  font-size: 5.4rem
}

.shortMainBlock__subTitle {
  top: 195px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 20px;
  font-size: 2rem
}

.shortMainBlock img {
  width: 100%
}

.shortMainBlock--vision {
  background: url(/recruit/img/about/vision/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.shortMainBlock--business {
  background: url(/recruit/img/about/business/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.shortMainBlock--company {
  background: url(/recruit/img/about/company/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.shortMainBlock--recruitment {
  background: url(/recruit/img/recruitment/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.shortMainBlock--careers {
  background: url(/recruit/img/recruitment/careers/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.shortMainBlock--realvoice {
  background: url(/recruit/img/special/realvoice/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.shortMainBlock--movie {
  background: url(/recruit/img/recruitment/movie/main.jpg) 50% 50% no-repeat;
  background-size: cover
}

.infoBlock,.secAboutBlock {
  width: 100%;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
  text-align: center
}

.infoBlock__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.125;
  margin: 0 auto;
  text-align: center;
  padding: 35px 0
}

.secAboutBlock:nth-child(2n+1) {
  background-color: #f3f4f7
}

.secAboutBlock__inner {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  padding: 25px 0;
  text-align: center;
  overflow: hidden
}

.secAboutBlock__label {
  position: absolute;
  top: 25px;
  left: 0
}

.secAboutBlock__text {
  margin: 90px 0 0 60px;
  overflow: hidden
}

.secAboutBlock__text--t1 .secAboutBlock__text__tx {
  width: 336px;
  margin-bottom: 20px
}

.secAboutBlock__text--t2 .secAboutBlock__text__ti {
  float: left
}

.secAboutBlock__text--t2 .secAboutBlock__text__tx {
  float: left;
  width: 500px;
  margin-left: 50px
}

.secAboutBlock__text--t3 .secAboutBlock__text__tx,.secAboutBlock__text--t5 .secAboutBlock__text__tx {
  width: 495px
}

.secAboutBlock__text--t4 .secAboutBlock__text__tx {
  width: 495px;
  margin-bottom: 100px
}

.secAboutBlock__text__ti {
  text-align: left;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5;
  color: #e60012;
  font-weight: 700;
  margin-bottom: 15px
}

.secAboutBlock__text__tx {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.14286
}

.secAboutBlock__img--i1 {
  position: absolute;
  top: 48px;
  right: 60px
}

.secAboutBlock__img--i2 {
  margin: 20px 0
}

.innerBlock,.titleElem {
  margin: 0 auto;
  text-align: center
}

.secAboutBlock__img--i3 {
  position: absolute;
  top: 42px;
  right: 60px
}

.secAboutBlock__img--i4 {
  position: absolute;
  top: 50px;
  right: 60px
}

.secAboutBlock__img--i5 {
  position: absolute;
  top: 44px;
  right: 60px
}

.innerBlock {
  position: relative;
  width: 1024px;
  overflow: hidden
}

.titleElem {
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  padding-bottom: 60px
}

.titleElem.nl {
  padding-bottom: 30px
}

.titleElem.nl::after {
  display: none
}

.titleElem::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  background-color: #e60012;
  margin: 18px auto 0;
  text-align: center
}

.secondBlock {
  position: relative;
  margin: 80px auto;
  text-align: center
}

.secVisionBlock {
  position: relative;
  padding: 80px 0 40px
}

.secVisionBlock__title {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.66667;
  font-weight: 700
}

.secVisionBlock__idea {
  width: 1024px;
  margin: 40px auto;
  text-align: center;
  overflow: hidden;
  border-top: 4px solid #f3f4f7;
  border-bottom: 4px solid #f3f4f7;
  padding: 50px 0
}

.secVisionBlock__idea__ti::after,.secVisionBlock__idea__ti::before {
  content: '';
  display: block;
  width: 40px;
  height: 60px
}

.secVisionBlock__idea__ti {
  position: relative;
  float: left;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  color: #e60012;
  padding: 33px 75px;
  margin: 0 50px 0 115px
}

.secVisionBlock__idea__ti::before {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/recruit/img/icn/icn_brackets_l.svg) no-repeat;
  background-size: 40px 60px
}

.secVisionBlock__idea__ti::after {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/recruit/img/icn/icn_brackets_r.svg) no-repeat;
  background-size: 40px 60px
}

.secVisionBlock__idea__copy {
  float: left;
  text-align: left;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.63636;
  color: #e60012;
  font-weight: 700
}

.secVisionBlock__text {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.14286;
  margin: 0 0 50px;
  width: 648px
}

.secVisionBlock__name {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.secVisionBlock__name__b {
  display: inline-block;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  margin-left: 20px;
  vertical-align: -4px
}

.secVisionBlock__img {
  position: absolute;
  top: 0;
  right: 0
}

.secBaseBlock {
  position: relative;
  width: 100%;
  padding: 80px 0;
  background-color: #f3f4f7
}

.secBaseBlock__figure {
  margin-bottom: 60px
}

.secBaseBlock__figure__tx {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.125;
  margin-top: 30px
}

.secBaseBlock__info {
  width: 648px;
  margin: 10px auto;
  text-align: center;
  padding: 5px 0;
  border-top: 4px solid #ced0d4;
  border-bottom: 4px solid #ced0d4
}

.secBaseBlock__info__tx {
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  margin: 15px 0;
  padding-left: 18px
}

.secBaseBlock__info__tx:before {
  content: '●';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  vertical-align: 3px;
  margin-right: 5px;
  color: #e60012
}

.secBaseBlock__message {
  position: relative;
  background-color: #fff;
  border: 6px solid #e5e6eb;
  padding: 30px 0
}

.secBaseBlock__message__ti {
  position: relative;
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 1.37931;
  font-weight: 700
}

.secBaseBlock__message__ti::after,.secBaseBlock__message__ti::before {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 35px;
  display: block;
  content: ''
}

.secBaseBlock__message__ti .clR {
  color: #fc2742
}

.secBaseBlock__message__ti .clK {
  color: #ff8900
}

.secBaseBlock__message__ti::before {
  left: 155px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/recruit/img/recruitment/careers/open_quote.png) no-repeat;
  background-size: 40px 35px
}

.secBaseBlock__message__ti::after {
  right: 155px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/recruit/img/recruitment/careers/close_quote.png) no-repeat;
  background-size: 40px 35px
}

.businessBox {
  position: relative;
  width: 100%;
  padding: 30px;
  margin: 32px auto;
  min-height: 360px;
  text-align: center;
  background-color: #fff
}

.businessBox::before {
  content: '';
  display: block;
  width: 312px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0
}

.businessBox--b1::before {
  background-color: #fc2742
}

.businessBox--b2::before {
  background-color: #ff8900
}

.businessBox__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: left
}

.businessBox__title__sm {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8
}

.businessBox__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.14286;
  text-align: left;
  margin-top: 70px;
  width: 440px
}

.businessBox__mark {
  position: absolute;
  top: 30px;
  left: 386px
}

.businessBox__img {
  position: absolute;
  top: 30px;
  right: 30px
}

.businessBox__machine {
  position: absolute;
  top: 100px;
  left: 505px
}

.pewoMainBlock,.secCompanyBlock,.secWopeBlock,.secWopeBlock__diagram {
  position: relative
}

.secCompanyBlock {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0;
  background-color: #f3f4f7
}

.secCompanyBlock__table {
  width: 820px;
  margin: 0 auto;
  text-align: center
}

.secCompanyBlock__table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.secCompanyBlock__table th {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429;
  font-weight: 700;
  text-align: left;
  padding: 25px 0;
  width: 170px;
  vertical-align: top
}

.secCompanyBlock__table th.rec::before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #e60012;
  display: inline-block;
  margin-right: 5px;
  vertical-align: -1px
}

.intDtScBlock__title::before,.worksLinks__ti::before {
  content: '';
  vertical-align: -10px
}

.secCompanyBlock__table td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71429;
  padding: 25px;
  border-left: 1px solid #ddd
}

.secCompanyBlock__table td a {
  color: #e60012;
  text-decoration: underline
}

.secCompanyBlock__map {
  text-align: center;
  margin: 30px auto
}

.bold {
  font-weight: 700
}

.mb {
  margin-bottom: 10px
}

.cl1 {
  background-color: #fc2742
}

.cl2 {
  background-color: #fc9027
}

.pewoMainBlock {
  width: 100%;
  height: 350px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden
}

.pewoMainBlock__title {
  color: #e60012;
  font-weight: 700;
  font-size: 54px;
  font-size: 5.4rem;
  line-height: 1;
  margin-top: 105px
}

.pewoMainBlock__subTitle {
  color: #333;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  margin-top: 20px
}

.pewoMainBlock__text {
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.125;
  margin-top: 30px
}

.worksBlock__ti,.worksBox__ti {
  line-height: 1;
  font-weight: 700
}

.pewoMainBlock img {
  width: 100%
}

.secWopeBlock {
  margin: 0 auto;
  padding: 80px 0 20px;
  text-align: center;
  background-color: #f3f4f7
}

.worksBox,.worksLinks {
  background-color: #fff;
  overflow: hidden
}

.secWopeBlock.ft {
  padding: 20px 0 80px
}

.secWopeBlock__diagram__link {
  position: absolute;
  display: block;
  opacity: 1;
  transition: opacity .3s ease
}

.secWopeBlock__diagram__link:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.secWopeBlock__diagram__link.l1 {
  top: 57px;
  left: 460px
}

.secWopeBlock__diagram__link.l2 {
  top: 138px;
  left: 460px
}

.secWopeBlock__diagram__link.l3 {
  top: 245px;
  left: 460px
}

.secWopeBlock__diagram__link.l4 {
  top: 326px;
  left: 460px
}

.worksBlock {
  position: relative;
  margin-bottom: 40px
}

.worksBlock__ti {
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  text-align: left;
  padding: 12px 20px
}

.worksBox {
  position: relative;
  margin-top: 20px
}

.worksBox__img {
  float: left;
  width: 480px
}

.worksBox__img img {
  width: 100%
}

.worksBox__inner {
  float: right;
  width: 504px;
  padding: 30px
}

.worksBox__ti {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  margin-top: 40px
}

.worksBox__ti.clR {
  color: #fc2742
}

.worksBox__ti.clK {
  color: #ff8900
}

.worksBox__tx {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  text-align: left;
  margin: 30px 0 0
}

.worksLinks {
  margin-top: 2px
}

.worksLinks__ti {
  float: left;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  padding: 40px 26px 0
}

.worksLinks__ti.clR::before {
  background: url(/recruit/img/icn/icn_member1.svg) no-repeat;
  background-size: 42px 34px
}

.worksLinks__ti.clK::before {
  background: url(/recruit/img/icn/icn_member2.svg) no-repeat;
  background-size: 42px 34px
}

.worksLinks__ti::before {
  display: inline-block;
  margin-right: 10px;
  width: 42px;
  height: 34px
}

.worksLinks__tx {
  float: left;
  padding: 20px 10px
}

.worksLinks__link {
  position: relative;
  display: inline-block;
  width: 80px;
  margin: 0 10px;
  overflow: hidden
}

.worksLinks__link::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #29262c;
  z-index: 5;
  opacity: .4;
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.worksLinks__link.clR::before {
  background-color: #fc2742
}

.worksLinks__link.clK::before {
  background-color: #ff8900
}

.worksLinks__link:hover::before {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.77,0,.175,1)
}

.worksLinks__link img {
  width: 100%
}

.largeMainBlock {
  position: relative;
  width: 100%;
  height: 600px;
  max-height: 800px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden
}

.largeMainBlock.i1 {
  background: url(/recruit/img/works-people/interview/interview1/bg.jpg) 50% 25% no-repeat;
  background-size: cover
}

.largeMainBlock.i2 {
  background: url(/recruit/img/works-people/interview/interview2/bg.jpg) 50% 25% no-repeat;
  background-size: cover
}

.largeMainBlock.i3 {
  background: url(/recruit/img/works-people/interview/interview3/bg.jpg) 50% 25% no-repeat;
  background-size: cover
}

.largeMainBlock.i4 {
  background: url(/recruit/img/works-people/interview/interview4/bg.jpg) 50% 25% no-repeat;
  background-size: cover
}

.largeMainBlock.crosstalk {
  height: 560px;
  background: url(/recruit/img/special/crosstalk/main.jpg) 50% 60% no-repeat;
  background-size: cover
}

.largeMainBlock__name {
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -70px;
  z-index: 10
}

.intDtMessage,.intDtMsBlock,.intDtNameBlock {
  position: relative
}

.largeMainBlock__title {
  color: #fff;
  font-weight: 700;
  font-size: 80px;
  font-size: 8rem;
  line-height: 1;
  margin-top: 105px
}

.largeMainBlock__subTitle {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  margin-top: 10px
}

.intDtNameBlock {
  width: 816px;
  margin: -30px auto 0;
  display: table;
  z-index: 100
}

.intDtNameBlock__left {
  display: table-cell;
  width: 358px
}

.intDtNameBlock__right {
  display: table-cell;
  width: 458px;
  background-color: #443f4a
}

.intDtNameBlock__ltx {
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.44444;
  color: #fff;
  font-weight: 700;
  padding: 15px 30px
}

.intDtNameBlock__rtx,.intDtNameBlock__ti {
  text-align: left;
  font-weight: 700;
  color: #fff
}

.intDtNameBlock__ti {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.18182;
  padding: 16px 30px 3px
}

.intDtNameBlock__ti__num {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.intDtNameBlock__rtx {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 3px 30px 15px
}

.intDtMessage__title {
  text-align: center;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 60px 0
}

.intDtMessage__inner {
  background-color: #f3f4f7;
  padding: 20px 0 80px
}

.intDtMsBlock {
  width: 1024px;
  margin: 80px auto;
  text-align: center;
  overflow: hidden;
  clear: both
}

.intDtMsBlock:nth-child(2n) .intDtMsBlock__inner {
  float: left
}

.intDtMsBlock:nth-child(2n) .intDtMsBlock__side {
  left: inherit;
  right: 0
}

.intDtMsBlock:nth-child(2n) .intDtMsBlock__side::before {
  left: 0;
  right: inherit
}

.intDtMsBlock:nth-child(2n) .intDtMsBlock__side::after {
  left: -1px;
  right: inherit
}

.intDtMsBlock__inner {
  width: 736px;
  float: right
}

.intDtMsBlock__ti {
  text-align: left;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.28571;
  font-weight: 700
}

.intDtMsBlock__tx {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.125;
  margin: 20px auto
}

.intDtMsBlock__num,.intDtMsBlock__que {
  line-height: 1;
  font-family: Rajdhani,sans-serif;
  font-weight: 700
}

.intDtMsBlock__side {
  position: absolute;
  top: 0;
  left: 0;
  width: 145px;
  height: 100%;
  margin: 0 auto;
  text-align: center
}

.intDtMsBlock__side.clR::after {
  background-color: #fc2742
}

.intDtMsBlock__side.clK::after {
  background-color: #f3a317
}

.intDtMsBlock__side::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #d2d5dd
}

.intDtMsBlock__side::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 4px;
  height: 100px;
  background-color: #fc2742
}

.crossSelectBlock,.intDtScBlock {
  position: relative
}

.intDtMsBlock__que {
  font-size: 21px;
  font-size: 2.1rem
}

.intDtMsBlock__num {
  font-size: 54px;
  font-size: 5.4rem
}

.intDtScBlock {
  clear: both;
  width: 1024px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex
}

.intDtScBlock__left {
  -ms-flex-direction: row;
  flex-direction: row;
  width: 648px;
  background-color: #fff;
  margin-right: 24px
}

.intDtScBlock__right {
  -ms-flex-direction: row;
  flex-direction: row;
  width: 312px;
  background-color: #fff;
  border: 2px solid #443f4a;
  padding: 18px
}

.intDtScBlock__title {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
  background-color: #443f4a;
  padding: 15px 0;
  margin: 0 35px
}

.intDtScBlock__time,.intDtScBlock__tx {
  text-align: left;
  line-height: 1.5;
  float: left
}

.intDtScBlock__title::before {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(/recruit/img/icn/icn_time.svg) no-repeat;
  background-size: 35px 35px;
  margin-right: 15px
}

.intDtScBlock__item {
  list-style: none;
  margin: 25px 35px
}

.intDtScBlock__list {
  overflow: hidden;
  margin: 10px 0
}

.intDtScBlock__time {
  display: block;
  width: 75px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700
}

.intDtScBlock__tx {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}

.intDtScBlock__offimg,.intDtScBlock__offimg img {
  width: 100%
}

.intDtScBlock__offti {
  text-align: center;
  display: block;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  margin: 25px auto 15px
}

.intDtScBlock__offtx {
  text-align: left;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.85714
}

.crossSelectBlock__all {
  clear: both;
  display: block;
  width: 480px;
  margin: 30px auto;
  text-align: center;
  border-radius: 6px;
  padding: 24px 0;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  background-color: #443f4a;
  cursor: default;
  opacity: .3;
  transition: opacity .3s ease
}

.crossSelectBlock__all.ac {
  cursor: pointer;
  opacity: 1;
  transition: opacity .3s ease
}

.crossSelectBlock__item {
  overflow: hidden;
  width: auto;
  padding: 0 4px
}

.crossSelectBlock__list {
  float: left;
  width: 31.70068%;
  margin: 1.53061% 1.22449%
}

.crossSelectBlock__link::before,.crossSelectBlock__link__inner::after,.crossSelectBlock__link__inner::before {
  width: 100%;
  display: block;
  content: ''
}

.crossSelectBlock__list:nth-child(3n+1) {
  margin-left: 0
}

.crossSelectBlock__list:nth-child(3n) {
  margin-right: 0
}

.crossSelectBlock__link {
  position: relative;
  display: block
}

.crossSelectBlock__link.ac .crossSelectBlock__link__inner::before {
  opacity: 1;
  -ms-transform: opacity .3s ease;
  transform: opacity .3s ease
}

.crossSelectBlock__link.ac::before,.crossSelectBlock__link:hover::before {
  -ms-transform: translate(-3px,-3px);
  transform: translate(-3px,-3px);
  transition: transform .3s ease
}

.crossSelectBlock__link:hover .crossSelectBlock__link__inner::before {
  opacity: 1;
  -ms-transform: opacity .3s ease;
  transform: opacity .3s ease
}

.crossSelectBlock__link::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 6px;
  background-color: #cdcdd2;
  -ms-transform: translate(3px,3px);
  transform: translate(3px,3px);
  transition: transform .5s ease
}

.crossSelectBlock__link__inner {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden
}

.crossSelectBlock__link__inner::before {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffe3e6;
  opacity: 0;
  -ms-transform: opacity .3s ease;
  transform: opacity .3s ease
}

.crossSelectBlock__link__inner::after {
  position: relative;
  height: 26px;
  background: url(/recruit/img/icn/icn_tri.svg) 50% 50% no-repeat #000;
  z-index: 10
}

.crossSelectBlock__link.clR .crossSelectBlock__link__inner::before {
  background-color: #ffe3e6
}

.crossSelectBlock__link.clR .crossSelectBlock__link__inner::after {
  background-color: #e60012
}

.crossSelectBlock__link.clR .crossSelectBlock__link__pl {
  color: #e60012
}

.crossSelectBlock__link.clK .crossSelectBlock__link__inner::before {
  background-color: #ffe9c2
}

.crossSelectBlock__link.clK .crossSelectBlock__link__inner::after {
  background-color: #f3a317
}

.crossSelectBlock__link.clK .crossSelectBlock__link__pl {
  color: #f3a317
}

.crossSelectBlock__link__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
  margin: 10px 20px;
  border-radius: 65px;
  overflow: hidden;
  z-index: 5
}

.crossSelectBlock__link__img img {
  width: 100%
}

.crossSelectBlock__link__txt {
  position: relative;
  padding: 20px 0;
  margin-left: 150px;
  z-index: 5
}

.crossSelectBlock__link__pl {
  position: relative;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  font-weight: 700;
  z-index: 5
}

.crossSelectBlock__link__wo {
  position: relative;
  color: #333;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
  margin: 8px 0;
  z-index: 5
}

.crossSelectBlock__link__na {
  position: relative;
  color: #333;
  text-align: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.11111;
  z-index: 5
}

.secCrossBlock {
  position: relative;
  width: 100%;
  background-color: #f3f4f7
}

.secCrossBlock__main {
  position: relative;
  margin: 0 auto 60px;
  text-align: center;
  z-index: 10;
  background-color: #443f4a
}

.secCrossBlock__main::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0;
  border-color: #443f4a transparent transparent
}

.secCrossBlock__main__inner {
  width: 984px;
  height: 300px;
  margin: 0 auto;
  text-align: center;
  background: url(/recruit/img/special/crosstalk/bg_cross.png) 50% 0 no-repeat
}

.secCrossBlock__main__left {
  position: relative;
  float: left;
  width: 450px
}

.secCrossBlock__main__right {
  position: relative;
  float: right;
  width: 450px
}

.secCrossBlock__main__img {
  margin-top: 40px
}

.secCrossBlock__main__img.lt {
  text-align: left
}

.secCrossBlock__main__img.rt {
  text-align: right
}

.secCrossBlock__main__txt {
  position: absolute;
  top: 230px;
  text-align: left
}

.secCrossBlock__main__txt.lt {
  text-align: right;
  right: 0
}

.secCrossBlock__main__txt.rt {
  text-align: left;
  left: 0
}

.talkBox,.talkBox__sec,.talkBox__sec__inner {
  position: relative;
  margin: 0 auto;
  text-align: center
}

.secCrossBlock__main__txt.clR .secCrossBlock__main__txt__in {
  background-color: #fc1830
}

.secCrossBlock__main__txt.clK .secCrossBlock__main__txt__in {
  background-color: #ffa200
}

.secCrossBlock__main__txt__pl {
  position: relative;
  display: block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700
}

.secCrossBlock__main__txt__wo {
  position: relative;
  display: block;
  color: #fff;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1;
  font-weight: 700
}

.secCrossBlock__main__txt__na {
  position: relative;
  display: block;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700
}

.secCrossBlock__main__txt__in {
  display: inline-block;
  padding: 6px 10px
}

.talkBox {
  clear: both;
  width: 100%;
  padding: 30px 0 0
}

.talkBox__sec {
  clear: both;
  padding-bottom: 60px
}

.talkBox__sec.lt .talkBox__sec__img {
  right: 0
}

.talkBox__sec.lt .talkBox__sec__txt {
  float: left
}

.talkBox__sec.rt .talkBox__sec__img {
  left: 0
}

.talkBox__sec.rt .talkBox__sec__txt {
  float: right
}

.talkBox__sec__inner {
  width: 984px;
  overflow: hidden
}

.talkBox__sec__img {
  position: absolute;
  top: 10px;
  width: 42.5%
}

.talkBox__sec__img img {
  width: 100%
}

.talkBox__sec__txt {
  text-align: left
}

.talkBox__sec__list {
  overflow: hidden;
  padding: 10px 0
}

.talkBox__sec__peo {
  float: left;
  width: 60px;
  margin-right: 34px
}

.talkBox__sec__peo__img {
  width: 60px;
  border-radius: 30px;
  overflow: hidden
}

.talkBox__sec__peo__img.clR {
  border: 4px solid #fc1830
}

.talkBox__sec__peo__img.clK {
  border: 4px solid #ffa200
}

.talkBox__sec__peo__img img {
  width: 100%
}

.talkBox__sec__peo__txt {
  text-align: center;
  margin: 4px auto 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.talkBox__sec__comment {
  position: relative;
  text-align: left;
  float: left;
  width: 470px;
  padding: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  background-color: #fff;
  border-radius: 6px
}

.talkBox__sec__comment::before {
  content: '';
  position: absolute;
  top: 20px;
  left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #fff transparent transparent
}

.secRealvoiceBlock {
  position: relative;
  margin: 0 auto;
  text-align: center;
  background-color: #ffdf9c
}

.secRealvoiceBlock.cl1 {
  margin-top: 30px;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFDF9C', endColorstr='#FFFFC95A');
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGY5YyIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjZmZkZjljIi8+PHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNmZmM5NWEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM5NWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background-size: 100%;
  background-image: linear-gradient(to bottom,#ffdf9c 0,#ffdf9c 61%,#ffc95a 61%,#ffc95a 100%)
}

.secRealvoiceBlock.cl2 {
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCEB0DA', endColorstr='#FFBA90CB');
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlYjBkYSIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjY2ViMGRhIi8+PHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNiYTkwY2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYTkwY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background-size: 100%;
  background-image: linear-gradient(to bottom,#ceb0da 0,#ceb0da 61%,#ba90cb 61%,#ba90cb 100%)
}

.secRealvoiceBlock.cl3 {
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA3E3DC', endColorstr='#FF7DD7CD');
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzZTNkYyIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjYTNlM2RjIi8+PHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiM3ZGQ3Y2QiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGQ3Y2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background-size: 100%;
  background-image: linear-gradient(to bottom,#a3e3dc 0,#a3e3dc 61%,#7dd7cd 61%,#7dd7cd 100%)
}

.secRealvoiceBlock.cl4 {
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF988B', endColorstr='#FFFF6D5B');
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTg4YiIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjZmY5ODhiIi8+PHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNmZjZkNWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjZkNWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background-size: 100%;
  background-image: linear-gradient(to bottom,#ff988b 0,#ff988b 61%,#ff6d5b 61%,#ff6d5b 100%)
}

.secRealvoiceBlock.cl5 {
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8CB5DC', endColorstr='#FF5C96CE');
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYjVkYyIvPjxzdG9wIG9mZnNldD0iNjElIiBzdG9wLWNvbG9yPSIjOGNiNWRjIi8+PHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiM1Yzk2Y2UiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Yzk2Y2UiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
  background-size: 100%;
  background-image: linear-gradient(to bottom,#8cb5dc 0,#8cb5dc 61%,#5c96ce 61%,#5c96ce 100%)
}

.secRealvoiceBlock__title {
  position: relative;
  width: 816px;
  margin: 0 auto;
  text-align: center;
  top: -10px;
  background-color: #443f4a;
  border-radius: 0 0 6px 6px
}

.secRealvoiceBlock__title::after,.secRealvoiceBlock__title::before {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: ''
}

.secRealvoiceBlock__title::before {
  left: -10px;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #ff9721
}

.secRealvoiceBlock__title::after {
  right: -10px;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #ff9721
}

.recBlock,.secRecruitmentBlock,.stepItem,.stepItem__list,.tabBlock {
  position: relative
}

.secRealvoiceBlock__title__tx {
  position: relative;
  top: -11px;
  width: 264px;
  margin: 0 auto;
  text-align: center;
  padding: 7px 0;
  border-bottom: 8px solid #332e39;
  color: #fff;
  font-family: Rajdhani,sans-serif;
  font-weight: 700;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  background-color: #ff9721
}

.secRealvoiceBlock__title__ti {
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  padding: 10px 0
}

.secRealvoiceBlock__title__ti::after {
  content: '';
  display: block;
  margin: 22px auto 0;
  text-align: center;
  width: 38px;
  height: 18px;
  background: url(/recruit/img/icn/icn_qes.svg) no-repeat;
  background-size: 38px 18px
}

.secRealvoiceBlock__img,.secRealvoiceBlock__img img,.tabBlock,.tabBlock__item {
  margin: 0 auto;
  text-align: center
}

.flowBox__ti::after,.stepItem__list::before {
  content: '';
  height: 0
}

.secRealvoiceBlock__img {
  padding: 30px 0 70px
}

.tabBlock {
  background-color: #443f4a
}

.tabBlock__item {
  width: 816px;
  overflow: hidden;
  padding-top: 20px
}

.tabBlock__list {
  float: left;
  width: 47.05882%;
  margin: 0 2.94118%
}

.tabBlock__list:nth-child(2n+1) {
  margin-left: 0
}

.tabBlock__list:nth-child(2n) {
  margin-right: 0
}

.tabBlock__list__link {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 10px;
  padding: 25px;
  color: #fff;
  background-color: #e60012;
  transition: all .3s ease
}

.tabBlock__list__link.ac {
  margin-top: 0;
  padding: 30px;
  color: #333;
  background-color: #f3f4f7;
  transition: all .3s ease
}

.secRecruitmentBlock {
  background-color: #f3f4f7
}

.recBlock {
  background-color: #f3f4f7;
  display: none
}

.stepItem {
  width: 648px;
  margin: 0 auto;
  text-align: center
}

.stepItem__list {
  margin: 25px auto
}

.stepItem__list::before {
  display: block;
  position: absolute;
  top: -22px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  margin: 0 auto;
  text-align: center;
  border-style: solid;
  border-width: 19px 28px 0;
  border-color: #cfd1d6 transparent transparent
}

.contactBlock,.flowBox,.flowBox__sec,.flowBox__ti {
  position: relative
}

.stepItem__list:first-child {
  margin: 0 auto
}

.stepItem__list:first-child::before {
  display: none
}

.stepItem__list:nth-child(1) .stepItem__list__ti {
  background-color: #fe95a0
}

.stepItem__list:nth-child(1) .stepItem__list__inner {
  border: 2px solid #fe95a0
}

.stepItem__list:nth-child(2) .stepItem__list__ti {
  background-color: #fd6473
}

.stepItem__list:nth-child(2) .stepItem__list__inner {
  border: 2px solid #fd6473
}

.stepItem__list:nth-child(3) .stepItem__list__ti {
  background-color: #f33344
}

.stepItem__list:nth-child(4) .stepItem__list__ti {
  background-color: #e80013
}

.stepItem__list:nth-child(5) .stepItem__list__ti {
  width: 480px;
  border-radius: 40px;
  background-color: #9b0000
}

.contactBlock,.stepItem__list__inner {
  background-color: #fff;
  text-align: center
}

.stepItem__list__ti {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  padding: 25px 0;
  margin: 0 auto;
  text-align: center
}

.stepItem__list__inner {
  margin: 0 auto;
  padding: 20px 0
}

.stepItem__list__tx {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.625;
  text-align: center
}

.stepItem__list__tx a {
  color: #009de8
}

.stepItem__list__ti2 {
  color: #e80013;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px
}

.stepItem__list__imgLink {
  display: inline-block;
  margin-top: 10px
}

.stepItem__list a {
  opacity: 1;
  transition: opacity .3s ease
}

.stepItem__list a:hover {
  opacity: .7;
  transition: opacity .3s ease
}

.contactBlock {
  width: 820px;
  margin: 60px auto 0;
  padding: 20px;
  border: 2px solid #dedfe2;
  overflow: hidden
}

.contactBlock__title,.flowBox__ti {
  color: #fff;
  background-color: #e60012;
  font-weight: 700
}

.contactBlock__title {
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  padding: 30px 60px;
  margin-right: 20px
}

.contactBlock__inner {
  float: left;
  text-align: left
}

.contactBlock__ti {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.44444;
  font-weight: 700;
  margin-top: 10px
}

.contactBlock__tx {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1
}

.flowBox {
  margin-bottom: 80px
}

.flowBox__sec {
  display: table;
  margin: 0 auto 20px
}

.flowBox__ti {
  display: table-cell;
  width: 312px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  padding: 25px 20px;
  vertical-align: middle;
  text-align: left
}

.flowBox__ti::after {
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  border-style: solid;
  border-width: 20px 20px 0;
  border-color: #e60013 transparent transparent
}

.flowBox__tx {
  display: table-cell;
  width: 672px;
  background-color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.14286;
  padding: 25px 20px 25px 30px;
  text-align: left
}

.movBlock {
  position: relative;
  margin: 0 auto;
  text-align: center;
  overflow: hidden
}

.movBlock__title {
  text-align: left;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  color: #443f4a;
  background-color: #fff;
  padding: 25px
}

.movBlock__center {
  clear: both;
  width: 480px;
  margin: 0 auto 80px;
  text-align: center
}

.movBlock__center--nx {
  padding-top: 40px;
  margin-bottom: 40px
}

.movBlock__side {
  float: left;
  width: 47.56098%;
  margin: 1.21951%
}

.movBlock__mov {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.movBlock__mov>iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

@media only screen and (max-width: 767px) {
  .contentsBlock,.mainBlock {
    min-width: 0;
  }

  .hdBlock,.wrapper {
    min-width:inherit
  }

  .hdBlock,.hdBlock__inner,.wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center
  }

  .hdBlock__logo,.hdBlock__logo.move {
    transition: width .3s cubic-bezier(.77,0,.175,1),transform .3s cubic-bezier(.77,0,.175,1)
  }

  .ftBlock__inner,.hdBlock,.hdBlock__inner,.wrapper {
    text-align: center
  }

  .aboutBlock__link__title,.copyrightBlock__copy,.newsBlock__title,.titleBlock__title {
    font-family: Rajdhani,sans-serif;
    font-weight: 700
  }

  .aboutBlock__item,.hdBlock__inner,.interviewBlock__item,.spacialBox,.talkBox,.wopeBlock {
    max-width: inherit
  }

  .newsBlock__link.link .newsBlock__link__text,.stepItem__list__tx a {
    text-decoration: underline
  }

  /* img {
    width: 100%
  } */

  .wrapper {
    position: relative
  }

  .hdBlock {
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    z-index: 1000
  }

  .hdBlock__head {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 200
  }

  .hdBlock__menu span,.recruitmentBtnSp__link.new {
    background-color: #e60012
  }

  .hdBlock__inner {
    position: relative;
    padding-top: 15.625%
  }

  .hdBlock__logo {
    position: absolute;
    top: 0;
    left: 2.5%;
    width: 44.6875%;
    z-index: 1000;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

  .hdBlock__logo img {
    width: 100%
  }

  .hdBlock__logo.move {
    width: 37.5%;
    -ms-transform: translateY(-12px);
    transform: translateY(-12px)
  }

  .hdBlock__menu,.hdBlock__menu span {
    position: absolute;
    transition: all .4s;
    box-sizing: border-box
  }

  .hdBlock__menu {
    top: 0;
    right: 0;
    width: 9.375%;
    height: 7.5%;
    padding: 3.75% 0;
    margin: 3.75%;
    display: block
  }

  .hdBlock__menu span {
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 12.5%;
    display: inline-block
  }

  .hdBlock__menu span:nth-of-type(1) {
    margin-top: -35%
  }

  .hdBlock__menu span:nth-of-type(2) {
    margin-top: 0
  }

  .hdBlock__menu span:nth-of-type(3) {
    margin-top: 35%
  }

  .hdBlock__menu.ac span:nth-of-type(1) {
    -ms-transform: translateY(275%) rotate(-45deg);
    transform: translateY(275%) rotate(-45deg)
  }

  .hdBlock__menu.ac span:nth-of-type(2) {
    opacity: 0
  }

  .hdBlock__menu.ac span:nth-of-type(3) {
    -ms-transform: translateY(-270%) rotate(45deg);
    transform: translateY(-270%) rotate(45deg)
  }

  .recruitmentBtn {
    display: none
  }

  .recruitmentBtnSp {
    margin-top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 1000
  }

  .recruitmentBtnSp__link {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22222;
    font-weight: 700;
    color: #fff
  }

  .recruitmentBtnSp__link::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 80px;
    height: 4px;
    transition: width .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBtnSp__link.career,.recruitmentBtnSp__link.new::after {
    background-color: #9b0000
  }

  .recruitmentBtnSp__link.career::after {
    background-color: #e60012
  }

  .recruitmentBtnSp__link__tx {
    display: block;
    padding: 7.8125%
  }

  .recruitmentBtnSp__link__tx2 {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.61538
  }

  .menuBlock,.menuSpBlock,.navBlock {
    display: none
  }

  .recruitmentBtnSp__link:hover .recruitmentBtnSp__link__tx::after {
    animation: line .4s ease;
    width: 56px;
    transition: width .3s cubic-bezier(.77,0,.175,1)
  }

  @keyframes line {
    0%,100% {
      width: 56px
    }

    50% {
      width: 0
    }
  }

  .menuSpBlock {
    width: 100%;
    height: 1000px;
    padding-top: 14.0625%;
    background-color: #fff
  }

  .menuSpBlock__sec {
    position: relative
  }

  .menuSpBlock__sec__title {
    width: 85.3125%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    color: #e60012;
    background: url(/recruit/img/icn/line_menu.svg) 0 80% no-repeat;
    background-size: 100%
  }

  .ftBlock,.ftBlock__images {
    position: relative;
    width: 100%
  }

  .menuSpBlock__sec__title__tx {
    display: inline-block;
    background-color: #fff;
    padding: 0 10px
  }

  .menuSpBlock__sec__item {
    padding: 3.90625% 0 6.25%
  }

  .menuSpBlock__sec__link {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714;
    color: #e60012
  }

  .menuSpBlock__sec__link.noline::before {
    display: none
  }

  .menuSpBlock__sec__link::before {
    content: '|';
    display: inline-block;
    margin: 0 5px
  }

  .menuSpBlock__sec__link:first-child::before {
    display: none
  }

  .menuSpBlock__sec__link.soon {
    opacity: .4;
    color: #333
  }

  .menuSpBlock__sec__link.soon::before {
    color: #e60012
  }

  .menuSpBlock__sec.soon {
    opacity: .4
  }

  .menuSpBlock__sec.soon .menuSpBlock__sec__title {
    color: #333;
    background: url(/recruit/img/icn/line_menu_b.svg) 0 80% no-repeat;
    background-size: 100%
  }

  .menuSpBlock__sec.soon .menuSpBlock__sec__link {
    color: #333
  }

  .menuSpBlock__soon {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    margin: 3.125% 0 6.25%;
    opacity: .4
  }

  .pankuzuBlock__link,.pankuzuBlock__link:hover,.sitemapBlock__logo__link,.sitemapBlock__logo__link:hover {
    opacity: 1;
    transition: opacity .3s ease
  }

  .ftBlock {
    background-color: #f3f4f7
  }

  .ftBlock__images {
    height: 0;
    padding-top: 56.875%;
    background: url(/recruit/img/footer/ftimg.jpg) 50% 50% no-repeat;
    background-size: cover
  }

  .ftBlock__copy,.ftBlock__enCopy {
    position: absolute;
    top: 0;
    left: 50%
  }

  .ftBlock__copy {
    width: 88.125%;
    margin-top: 21.875%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .ftBlock__enCopy {
    width: 43.75%;
    margin-top: 33.75%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .ftBlock__inner {
    position: relative;
    width: 92.5%;
    margin: 0 auto;
    padding: 3.125% 0
  }

  .pankuzuBlock {
    overflow: hidden;
    border-bottom: 1px solid #dcdcdd;
    padding: 0 0 8px
  }

  .pankuzuBlock__list {
    float: left;
    margin: 4px 0 4px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #78747d
  }

  .pankuzuBlock__list::before {
    content: '/';
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #78747d;
    margin-right: 6px
  }

  .aboutBlock__link__txBlock::after,.copyrightBlock__link::after,.ftRecruitmentBtn__link::after,.recruitmentBlock__link::after,.spacialBox__link::after,.titleElem::after,.wopeBlock__link__txBlock::after {
    content: ''
  }

  .pankuzuBlock__list:first-child {
    margin: 0
  }

  .pankuzuBlock__list:first-child::before {
    display: none
  }

  .pankuzuBlock__link {
    color: #78747d
  }

  .sitemapBlock {
    position: relative;
    overflow: hidden;
    margin: 6.41026% 0 3.663%
  }

  .sitemapBlock__logo {
    width: 56.77656%;
    float: left
  }

  .sitemapBlock__item {
    overflow: hidden;
    display: none
  }

  .sitemapBlock__list {
    float: left;
    width: 180px;
    margin: 0 0 0 70px
  }

  .ftLinkBlock--margin {
    margin-top: 30px
  }

  .ftLinkBlock.soon {
    opacity: .4
  }

  .ftLinkBlock.soon .ftLinkBlock__link:hover {
    opacity: 1
  }

  .ftLinkBlock__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px
  }

  .ftLinkBlock__text {
    text-align: left;
    margin: 14px 0
  }

  .copyrightBlock,.copyrightBlock__inner {
    position: relative;
    margin: 0 auto;
    text-align: center
  }

  .ftLinkBlock__link {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    color: #333;
    opacity: 1;
    transition: opacity .3s ease
  }

  .ftLinkBlock__link:hover {
    opacity: .7;
    transition: opacity .3s ease
  }

  .ftLinkBlock__link.soon,.ftLinkBlock__link.soon:hover {
    opacity: .4
  }

  .copyrightBlock__link,.copyrightBlock__link:hover {
    opacity: 1;
    transition: opacity .3s ease
  }

  .copyrightBlock {
    width: 100%;
    background-color: #443f4a
  }

  .copyrightBlock__inner {
    width: 92.5%;
    padding: 4.6875% 0;
    overflow: hidden
  }

  .copyrightBlock__area {
    float: none;
    width: 100%;
    text-align: left
  }

  .copyrightBlock__link {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    margin: 0 0 0 1.4652%;
    text-align: left
  }

  .copyrightBlock__link:first-child {
    margin-left: 0
  }

  .copyrightBlock__link::after {
    display: inline-block;
    margin-left: 4px;
    width: 13px;
    height: 10px;
    background: url(/recruit/img/icn/icn_blank.svg) no-repeat;
    background-size: 13px 10px
  }

  .copyrightBlock__copy {
    display: block;
    float: none;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    margin-top: 5.49451%
  }

  /* .pagetop {
    position: fixed;
    right: 20px;
    bottom: 20px
  }

  .pagetop__link {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 25px
  }

  .pagetop__link img {
    display: block;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
  } */

  .ftRecruitmentBtn {
    margin-top: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 1000
  }

  .ftRecruitmentBtn__link {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    height: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22222;
    font-weight: 700;
    color: #fff
  }

  .ftRecruitmentBtn__link::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 80px;
    height: 4px;
    transition: width .3s cubic-bezier(.77,0,.175,1)
  }

  .cvsBlock,.cvsBlockFt {
    left: 0;
    min-width: 100%
  }

  .ftRecruitmentBtn__link.new {
    background-color: #e60012
  }

  .ftRecruitmentBtn__link.career,.ftRecruitmentBtn__link.new::after {
    background-color: #9b0000
  }

  .ftRecruitmentBtn__link.career::after {
    background-color: #e60012
  }

  .ftRecruitmentBtn__link__tx {
    display: block;
    padding: 7.8125%
  }

  .ftRecruitmentBtn__link__tx2 {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.61538;
    margin: 0
  }

  .ftRecruitmentBtn__link:hover .ftRecruitmentBtn__link__tx::after {
    animation: line .4s ease;
    width: 56px;
    transition: width .3s cubic-bezier(.77,0,.175,1)
  }

  .cvsBlock {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 145%;
    z-index: 10;
    opacity: .9;
    mix-blend-mode: hard-light
  }

  .cvsBlock--top,.cvsBlock.fix {
    position: fixed;
    mix-blend-mode: normal
  }

  .cvsBlock.fix {
    top: 0;
    height: 100%;
    opacity: .8;
    padding-top: 15.625%;
    padding-bottom: 15.625%
  }

  .cvsBlock--int,.cvsBlock--sec,.cvsBlockFt {
    position: absolute;
    top: 0
  }

  .cvsBlock--int,.cvsBlock.ios.fix,.cvsBlockFt {
    mix-blend-mode: hard-light
  }

  .cvsBlock.ie {
    opacity: .7
  }

  .cvsBlock.ie.fix {
    opacity: .5
  }

  .cvsBlock--sec {
    opacity: .7
  }

  .cvsBlock--sec.ie {
    opacity: .5
  }

  .cvsBlock--int {
    opacity: .9
  }

  .cvsBlock--int.ie {
    opacity: .7
  }

  .cvsBlockFt {
    width: 100%;
    height: 100%;
    padding-top: 0;
    z-index: 40;
    opacity: .9
  }

  .contentsBlock,.mainBlock {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center
  }

  .cvsBlockFt.ie {
    opacity: .7
  }

  .pcBl {
    display: none
  }

  .spBl {
    display: block
  }

  .contentsBlock {
    background-color: #fff;
    /* padding-top: 15.625% */
  }

  .mainBlock {
    height: 0;
    max-height: inherit;
    padding-bottom: 145%
  }

  .mainBlock__copy,.mainBlock__enCopy,.mainBlock__logo {
    position: absolute;
    left: 50%
  }

  .mainBlock__copy {
    width: 95%;
    top: 0;
    margin-top: 64.0625%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .mainBlock__enCopy,.scrollCopy {
    -ms-transform: translateX(-50%)
  }

  .mainBlock__enCopy {
    width: 51.5625%;
    top: 0;
    margin-top: 75.9375%;
    transform: translateX(-50%)
  }

  .mainBlock__logo {
    width: 46.875%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 50
  }

  .mainBlock__logo img {
    width: 100%
  }

  .mainBlock__item {
    position: relative;
    width: 100%;
    padding-bottom: 0;
    overflow: visible
  }

  .mainBlock__list {
    position: absolute;
    width: 100%;
    z-index: 1
  }

  .mainBlock__list img {
    width: 100%
  }

  .mainBlock__list.ac {
    z-index: 2
  }

  .mainBlock__pcImg {
    display: none
  }

  .mainBlock__spImg {
    display: block;
    width: 100%
  }

  .mainBlock__spImg__s1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }

  .mainBlock__spImg__s2 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
  }

  .secBlock,.secondBlock {
    position: relative
  }

  .secBlock {
    z-index: 50
  }

  .newsBlock,.newsBlock__title,.openBtn,.openBtn img,.scrollCopy {
    position: absolute
  }

  .scrollCopy {
    width: 11.875%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 150;
    margin-top: -25%
  }

  .newsBlock {
    top: -40px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    width: 95%;
    height: auto;
    overflow: hidden
  }

  .newsBlock__parent {
    background-color: #443f4a
  }

  .newsBlock__title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    top: 0;
    left: 0;
    margin: 4.93421%
  }

  .newsBlock__link__text,.newsBlock__link__time {
    line-height: 1.53846;
    text-align: left;
    display: block;
    float: none
  }

  .newsBlock__first {
    padding: 14.80263% 4.93421% 4.93421%
  }

  .newsBlock__inner {
    clear: both;
    width: 100%;
    background-color: rgba(0,0,0,.8)
  }

  .newsBlock__item {
    padding: 4.93421%
  }

  .newsBlock__list {
    clear: both;
    padding: 2.46711% 0
  }

  .newsBlock__link {
    display: block;
    width: 100%;
    color: #fff;
    overflow: hidden
  }

  .newsBlock__link.link,.newsBlock__link.link:hover {
    opacity: 1;
    transition: opacity .3s ease
  }

  .openBtn,.openBtn:hover {
    background-color: #29262c;
    transition: background .3s ease
  }

  .newsBlock__link__time {
    font-size: 13px;
    font-size: 1.3rem
  }

  .newsBlock__link__text {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 2px
  }

  .openBtn {
    top: 0;
    right: 0;
    width: 10.9375%;
    height: 0;
    padding-top: 10.9375%
  }

  .openBtn img {
    top: 0;
    left: 0;
    display: block;
    padding: 22.85714%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: transform .3s ease
  }

  .openBtn.open img {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform .3s ease
  }

  .messageBlock {
    position: relative;
    width: 100%;
    padding: 28.125% 0;
    margin: 0 auto;
    text-align: center
  }

  .messageBlock__text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.14286;
    font-weight: 700;
    margin: 2.5%;
    text-align: center
  }

  .messageBlock__copy {
    width: 90.625%;
    margin: 7.8125% auto 4.6875%;
    text-align: center
  }

  .messageBlock__enCopy {
    width: 46.875%;
    margin: 0 auto;
    text-align: center
  }

  .titleBlock {
    position: relative;
    width: 100%;
    padding: 6.25% 0;
    margin: 0 auto;
    text-align: center
  }

  .titleBlock__title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1;
    margin-bottom: 1.5625%
  }

  .aboutBlock__item,.aboutBlock__link,.titleBlock__img {
    margin: 0 auto;
    text-align: center
  }

  .titleBlock__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700
  }

  .titleBlock__img {
    width: 38.4375%
  }

  .titleBlock__img img {
    width: 100%
  }

  .aboutBlock {
    position: relative;
    width: 100%;
    padding: 9.375% 0
  }

  .aboutBlock__item {
    overflow: hidden;
    width: 92.5%
  }

  .aboutBlock__list {
    float: none;
    width: 100%
  }

  .aboutBlock__link {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    color: #333
  }

  .aboutBlock__link:hover .aboutBlock__link__img {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link:hover .aboutBlock__link__txBlock {
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link:hover .aboutBlock__link__txBlock::before {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link:hover .aboutBlock__link__txBlock::after {
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link__img {
    width: 100%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link__txBlock {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70.94595%;
    height: 0;
    padding-top: 27.87162%;
    background-color: #fff;
    overflow: hidden;
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link__txBlock::before {
    display: none
  }

  .aboutBlock__link__txBlock::after {
    display: block;
    position: absolute;
    bottom: 24px;
    right: 15px;
    width: 36px;
    height: 9px;
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    z-index: 10;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .aboutBlock__link__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: 9.52381% 0 0 10.71429%;
    z-index: 10
  }

  .aboutBlock__link__text,.recruitmentBlock__link__text {
    font-size: 14px;
    z-index: 10;
    line-height: 1;
    font-weight: 700
  }

  .aboutBlock__link__text {
    font-size: 1.4rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: 21.42857% 0 0 10.71429%
  }

  .aboutBlock__company {
    clear: both;
    padding: 9.375% 0
  }

  .aboutBlock__colink {
    position: relative;
    display: block;
    width: 85.3125%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #443f4a;
    overflow: hidden
  }

  .aboutBlock__colink::before {
    display: none
  }

  .aboutBlock__colink__icn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 21.97802%;
    height: 100%;
    background: #29262c;
    z-index: 10
  }

  .aboutBlock__colink__icn img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: auto;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
  }

  .aboutBlock__colink__text {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
    text-align: left;
    font-weight: 700;
    position: relative;
    top: inherit;
    left: inherit;
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding: 9.15751% 7.32601%;
    z-index: 10
  }

  .recruitmentBlock__link__title,.wopeBlock__link__title {
    font-size: 22px;
    font-family: Rajdhani,sans-serif
  }

  .aboutBlock__colink:hover::before {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock {
    position: relative;
    width: 100%;
    padding: 6.25% 0
  }

  .recruitmentBlock.top {
    padding: 0 0 6.25%
  }

  .recruitmentBlock__item {
    overflow: hidden;
    width: 85.625%;
    max-width: inherit;
    margin: 0 auto;
    text-align: center
  }

  .recruitmentBlock__list {
    float: none;
    width: 100%;
    margin: 7.29927% 0
  }

  .recruitmentBlock__link {
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 5.47445%;
    text-align: center;
    overflow: hidden;
    color: #333;
    background-color: #ebecee;
    border-top: 4px solid #e60012
  }

  .recruitmentBlock__link.soon {
    opacity: .5
  }

  .recruitmentBlock__link:hover {
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link:hover::before {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link:hover::after {
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link.soon:hover {
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link.soon:hover::before {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link.soon:hover::after {
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link::before {
    display: none
  }

  .recruitmentBlock__link::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    width: 36px;
    height: 9px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    z-index: 10;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .recruitmentBlock__link__title {
    text-align: left;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1;
    position: relative;
    z-index: 10
  }

  .recruitmentBlock__link__text {
    text-align: left;
    font-size: 1.4rem;
    position: relative;
    margin-top: 5px
  }

  .interviewBlock {
    position: relative;
    width: 100%;
    padding: 7.8125% 0
  }

  .interviewBlock.clG {
    background-color: #f3f4f7
  }

  .interviewBlock__item {
    width: 92.5%;
    margin: 0 auto;
    display: unset;
    text-align: center
  }

  .interviewBlock__list {
    width: 100%;
    margin: 6.25% auto
  }

  .interviewBlock__link {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    color: #333
  }

  .interviewBlock__link:hover .interviewBlock__link__img {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .interviewBlock__link:hover .interviewBlock__link__txBlock {
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .interviewBlock__link:hover .interviewBlock__link__txBlock::before {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .interviewBlock__link:hover .interviewBlock__link__txBlock::after {
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .interviewBlock__link__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .interviewBlock__link__txBlock {
    position: relative;
    width: 85.625%;
    height: auto;
    margin-top: 35.3125%;
    float: right;
    background-color: #fff;
    overflow: hidden;
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .spacialBox__link,.spacialBox__link:hover {
    opacity: 1;
    transition: opacity .3s ease
  }

  .interviewBlock__link__txBlock::before {
    display: none
  }

  .interviewBlock__link__label {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 4px 8px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0
  }

  .interviewBlock__link__title {
    font-family: Rajdhani,sans-serif;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.47059;
    letter-spacing: 0;
    margin: 7% 0 0 5.47445%
  }

  .interviewBlock__link__text {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    margin: 3.64964% 5.47445% 7.29927%
  }

  .spacialBox {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 9.375% 0;
    text-align: center;
    background-color: #fff
  }

  .spacialBox.top {
    padding: 4.6875% 0
  }

  .spacialBox__sec {
    width: 94.6875%;
    margin: 3.125% auto;
    text-align: center
  }

  .spacialBox__link__text,.spacialBox__link__title {
    top: 0;
    text-align: left;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    z-index: 10;
    left: 0
  }

  .spacialBox__link {
    position: relative;
    display: block
  }

  .spacialBox__link.crosstalk::after {
    background-color: #262429
  }

  .spacialBox__link.realvoice::after {
    background-color: #ff9821
  }

  .spacialBox__link::after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(/recruit/img/icn/icn_arrow_w.svg) 50% 50% no-repeat #262429;
    background-size: 36px 9px;
    z-index: 10;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .spacialBox__link__img {
    width: 100%
  }

  .spacialBox__link__title {
    position: absolute;
    margin: 9.90099% 0 0 10.72607%;
    font-family: Rajdhani,sans-serif;
    font-size: 28px;
    font-size: 2.8rem
  }

  .spacialBox__link__text {
    position: absolute;
    margin: 18.9769% 0 0 10.72607%;
    font-size: 18px;
    font-size: 1.8rem
  }

  .wopeBlock,.wopeBlock__link,.wopeBlock__link__inner {
    margin: 0 auto;
    text-align: center;
    position: relative
  }

  .wopeBlock {
    clear: both;
    width: 95%
  }

  .wopeBlock__link {
    display: block
  }

  .wopeBlock__link:hover .wopeBlock__link__img {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .wopeBlock__link:hover .wopeBlock__link__txBlock {
    color: #333;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .wopeBlock__link:hover .wopeBlock__link__txBlock::before {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .wopeBlock__link:hover .wopeBlock__link__txBlock::after {
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .wopeBlock__link__inner {
    top: -45px;
    left: 0;
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 90.13158%;
    height: auto
  }

  .wopeBlock__link__imBlock {
    position: relative;
    width: 100%;
    overflow: hidden
  }

  .wopeBlock__link__img {
    width: 100%;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .wopeBlock__link__img img {
    width: 100%
  }

  .wopeBlock__link__txBlock {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    height: auto;
    padding: 8.21168% 8.21168% 10.94891%;
    background-color: #fff;
    text-align: left;
    color: #333;
    overflow: hidden;
    transition: color .3s cubic-bezier(.77,0,.175,1)
  }

  .titleElem.nl::after,.wopeBlock__link__txBlock::before {
    display: none
  }

  .wopeBlock__link__txBlock::after {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 36px;
    height: 9px;
    background: url(/recruit/img/icn/icn_arrow_b.svg) no-repeat;
    background-size: 36px 9px;
    z-index: 10;
    transition: background .3s cubic-bezier(.77,0,.175,1)
  }

  .secWopeBlock__diagram__link,.secWopeBlock__diagram__link:hover {
    opacity: 1;
    transition: opacity .3s ease
  }

  .wopeBlock__link__title {
    position: relative;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1;
    z-index: 10
  }

  .wopeBlock__link__subti {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    z-index: 10;
    margin: 2.73723% 0 5.47445%
  }

  .loadingBlock,.shortMainBlock {
    margin: 0 auto;
    text-align: center;
    overflow: hidden
  }

  .wopeBlock__link__text {
    position: relative;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.69231;
    z-index: 10
  }

  .loadingBlock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    background-color: #fff;
    z-index: 10000
  }

  .loadingBlock__inner {
    width: 152px;
    height: 148px;
    overflow: hidden;
    background-color: #cec7d1;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
  }

  .loadingBlock__item {
    position: relative;
    -ms-transform: translate(0,0);
    transform: translate(0,0)
  }

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

  .loadingBlock__n {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  .shortMainBlock {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50.9375%
  }

  .shortMainBlock__subTitle,.shortMainBlock__title {
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    line-height: 1;
    width: 100%;
    font-weight: 700;
    z-index: 10
  }

  .shortMainBlock__title {
    margin-top: 18.75%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: Rajdhani,sans-serif;
    font-size: 36px;
    font-size: 3.6rem
  }

  .shortMainBlock__subTitle {
    margin-top: 31.25%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px;
    font-size: 1.6rem
  }

  .shortMainBlock img {
    width: 100%
  }

  .shortMainBlock--vision {
    background: url(/recruit/img/about/vision/main_sp.jpg) 50% 0 no-repeat;
    background-size: cover
  }

  .shortMainBlock--business {
    background: url(/recruit/img/about/business/main_sp.jpg) 50% 0 no-repeat;
    background-size: cover
  }

  .shortMainBlock--company {
    background: url(/recruit/img/about/company/main_sp.jpg) 50% 0 no-repeat;
    background-size: cover
  }

  .infoBlock,.secAboutBlock {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    position: relative
  }

  .infoBlock__text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714;
    margin: 0 auto;
    text-align: center;
    padding: 5.46875% 0
  }

  .secAboutBlock:nth-child(2n+1) {
    background-color: #f3f4f7
  }

  .secAboutBlock__inner {
    position: relative;
    width: auto;
    margin: 0 3.75%;
    padding: 9.375% 0;
    text-align: center;
    overflow: hidden
  }

  .secAboutBlock__label {
    position: relative;
    top: inherit;
    left: inherit;
    width: 73.31081%
  }

  .secAboutBlock__text {
    width: auto;
    margin: 3.37838% 5.40541% 5.06757%;
    overflow: hidden
  }

  .secAboutBlock__text--t1 .secAboutBlock__text__tx,.secAboutBlock__text--t4 .secAboutBlock__text__tx {
    margin-bottom: 0;
    width: auto
  }

  .secAboutBlock__text--t2 .secAboutBlock__text__ti {
    float: none
  }

  .secAboutBlock__text--t2 .secAboutBlock__text__tx {
    float: none;
    width: auto;
    margin-left: 0
  }

  .secAboutBlock__text--t3 .secAboutBlock__text__tx {
    width: auto
  }

  .secAboutBlock__text--t5 .secAboutBlock__text__tx {
    width: auto
  }

  .secAboutBlock__text__ti {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.44444;
    color: #e60012;
    font-weight: 700;
    margin-bottom: 3.37838%
  }

  .innerBlock,.secAboutBlock__img,.secAboutBlock__img--i2,.titleElem {
    margin: 0 auto
  }

  .secAboutBlock__text__tx {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714
  }

  .secAboutBlock__img--i1 {
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit
  }

  .secAboutBlock__img--i3 {
    position: relative;
    top: inherit;
    right: inherit;
    width: 74.66216%
  }

  .secAboutBlock__img--i4 {
    position: relative;
    top: inherit;
    right: inherit;
    width: 76.68919%
  }

  .secAboutBlock__img--i5 {
    position: relative;
    top: inherit;
    right: inherit
  }

  .secAboutBlock__img img {
    width: 100%
  }

  .innerBlock {
    position: relative;
    width: 92.5%;
    text-align: center;
    overflow: hidden
  }

  .titleElem {
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3;
    text-align: center;
    padding-bottom: 7.8125%
  }

  .titleElem.nl {
    padding-bottom: 4.6875%
  }

  .titleElem::after {
    display: block;
    width: 60px;
    height: 4px;
    background-color: #e60012;
    margin: 3.125% auto 0;
    text-align: center
  }

  .secondBlock {
    margin: 12.5% auto;
    text-align: center
  }

  .secVisionBlock {
    position: relative;
    padding: 12.5% 0 6.25%
  }

  .secVisionBlock__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    width: 92.5%;
    margin: 0 auto;
    text-align: center
  }

  .secVisionBlock__idea {
    width: 92.5%;
    margin: 7.8125% auto;
    text-align: center;
    overflow: hidden;
    border-top: 4px solid #f3f4f7;
    border-bottom: 4px solid #f3f4f7;
    padding: 6.25% 0
  }

  .secVisionBlock__idea__ti {
    position: relative;
    float: none;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: #e60012;
    padding: 6.75676% 13.51351%;
    margin: 0 auto
  }

  .secVisionBlock__idea__ti::after,.secVisionBlock__idea__ti::before {
    content: '';
    display: block;
    position: absolute;
    width: 26px;
    height: 40px
  }

  .secVisionBlock__idea__ti::before {
    top: 0;
    left: 0;
    background: url(/recruit/img/icn/icn_brackets_l.svg) no-repeat;
    background-size: 26px 40px
  }

  .secVisionBlock__idea__ti::after {
    bottom: 0;
    right: 0;
    background: url(/recruit/img/icn/icn_brackets_r.svg) no-repeat;
    background-size: 26px 40px
  }

  .secVisionBlock__idea__copy {
    float: none;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.47059;
    color: #e60012;
    font-weight: 700;
    margin: 5.06757% auto 0
  }

  .secVisionBlock__text {
    text-align: left;
    margin: 0 auto 3.125%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2;
    width: 100%
  }

  .secVisionBlock__name {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1
  }

  .secVisionBlock__name__b {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    margin-left: 3.125%;
    vertical-align: -4px
  }

  .secVisionBlock__img {
    position: relative;
    top: inherit;
    right: inherit;
    margin-top: 6.25%
  }

  .secBaseBlock {
    position: relative;
    width: 100%;
    padding: 12.5% 0 0;
    background-color: #f3f4f7
  }

  .secBaseBlock__figure {
    margin-bottom: 9.375%
  }

  .secBaseBlock__figure__tx {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714;
    margin-top: 4.6875%
  }

  .secBaseBlock__info {
    width: 100%;
    margin: 2.34375% auto;
    text-align: center;
    padding: .78125% 0;
    border-top: 2px solid #ced0d4;
    border-bottom: 2px solid #ced0d4
  }

  .secBaseBlock__info__tx {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
    margin: 3.125% 0;
    padding-left: 18px
  }

  .secBaseBlock__info__tx:before {
    content: '●';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    vertical-align: 3px;
    margin-right: 5px;
    color: #e60012
  }

  .secBaseBlock__message {
    position: relative;
    background-color: #fff;
    border: 4px solid #e5e6eb;
    padding: 5.06757% 0;
    margin-bottom: 10.13514%
  }

  .secBaseBlock__message__ti {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.44444;
    font-weight: 700
  }

  .secBaseBlock__message__ti::after,.secBaseBlock__message__ti::before {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 18px;
    display: block;
    content: ''
  }

  .secBaseBlock__message__ti .clR {
    color: #fc2742
  }

  .secBaseBlock__message__ti .clK {
    color: #ff8900
  }

  .secBaseBlock__message__ti::before {
    left: 10px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/recruit/img/recruitment/careers/open_quote.png) no-repeat;
    background-size: 20px 18px
  }

  .secBaseBlock__message__ti::after {
    right: 10px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/recruit/img/recruitment/careers/close_quote.png) no-repeat;
    background-size: 20px 18px
  }

  .businessBox {
    position: relative;
    width: 100%;
    padding: 7.8125% 5%;
    margin: 9.375% auto;
    min-height: inherit;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    clear: both
  }

  .businessBox::before {
    content: '';
    display: block;
    width: 60%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0
  }

  .businessBox--b1::before {
    background-color: #fc2742
  }

  .businessBox--b2::before {
    background-color: #ff8900
  }

  .businessBox--b1 .businessBox__text {
    margin-top: 15.625%
  }

  .businessBox--b2 .businessBox__text {
    margin-top: 9.375%
  }

  .businessBox__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.44444;
    font-weight: 700;
    text-align: left
  }

  .businessBox__title__sm {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714
  }

  .businessBox__text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714;
    text-align: left;
    margin-top: 14.0625%;
    width: 100%
  }

  .businessBox__mark {
    position: absolute;
    top: 0;
    left: inherit;
    right: 0;
    margin: 5%;
    width: 20.3125%
  }

  .businessBox__img {
    position: relative;
    top: inherit;
    right: 0;
    margin-top: 5%;
    width: 75%;
    float: right
  }

  .businessBox__machine {
    position: absolute;
    top: inherit;
    left: 0;
    bottom: 0;
    margin-left: 5%;
    margin-bottom: 10.9375%;
    width: 31.25%
  }

  .pewoMainBlock,.secCompanyBlock,.secWopeBlock,.secWopeBlock__diagram {
    position: relative
  }

  .secCompanyBlock,.secCompanyBlock__table {
    width: 100%;
    margin: 0 auto;
    text-align: center
  }

  .secCompanyBlock {
    padding: 9.375% 0;
    background-color: #f3f4f7
  }

  .secCompanyBlock__table {
    display: block
  }

  .secCompanyBlock__table tr {
    display: block;
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding: 4.6875% 0
  }

  .secCompanyBlock__table tr:first-child {
    border-top: 1px solid #ddd
  }

  .secCompanyBlock__table th {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    font-weight: 700;
    text-align: left;
    padding: 0;
    width: auto;
    vertical-align: top
  }

  .secCompanyBlock__table td {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    padding: 1.5625% 0 0;
    border-left: none
  }

  .secCompanyBlock__map {
    width: 100%;
    text-align: center;
    margin: 4.6875% 0 0
  }

  .pewoMainBlock {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
  }

  .pewoMainBlock__title {
    color: #e60012;
    font-family: Rajdhani,sans-serif;
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
    margin-top: 20.625%
  }

  .pewoMainBlock__subTitle {
    color: #333;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 1.5625%
  }

  .pewoMainBlock__text {
    width: 80%;
    margin: 11.71875% auto;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429
  }

  .worksBlock__ti,.worksBox__ti {
    line-height: 1;
    font-weight: 700
  }

  .pewoMainBlock img {
    width: 100%
  }

  .secWopeBlock {
    margin: 0 auto;
    padding: 13.51351% 0 3.37838%;
    text-align: center;
    background-color: #f3f4f7
  }

  .worksBox,.worksLinks {
    background-color: #fff;
    overflow: hidden
  }

  .secWopeBlock.ft {
    margin: 0 auto;
    padding: 3.37838% 0 13.51351%
  }

  .secWopeBlock__diagram__link {
    position: absolute;
    display: block;
    width: 24.66216%
  }

  .secWopeBlock__diagram__link img,.worksBox__img img {
    width: 100%
  }

  .secWopeBlock__diagram__link.l1 {
    top: 0;
    left: 0;
    margin-top: 5.74324%;
    margin-left: 46.62162%
  }

  .secWopeBlock__diagram__link.l2 {
    top: 0;
    left: 0;
    margin-top: 14.02027%;
    margin-left: 46.62162%
  }

  .secWopeBlock__diagram__link.l3 {
    top: 0;
    left: 0;
    margin-top: 24.83108%;
    margin-left: 46.62162%
  }

  .secWopeBlock__diagram__link.l4 {
    top: 0;
    left: 0;
    margin-top: 33.10811%;
    margin-left: 46.62162%
  }

  .worksBlock {
    position: relative;
    margin-bottom: 6.75676%
  }

  .worksBlock__ti {
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    text-align: left;
    padding: 3.37838% 5.40541%
  }

  .worksBox {
    position: relative;
    margin-top: 3.37838%
  }

  .worksBox__img {
    float: none;
    width: 100%
  }

  .worksBox__inner {
    float: none;
    width: auto;
    padding: 5.40541%
  }

  .worksBox__ti {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: left;
    margin-top: 3.37838%
  }

  .worksBox__ti.clR {
    color: #fc2742
  }

  .worksBox__ti.clK {
    color: #ff8900
  }

  .worksBox__tx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.85714;
    text-align: left;
    margin: 5.06757% 0 0
  }

  .worksLinks {
    margin-top: .33784%
  }

  .worksLinks__ti {
    float: none;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    padding: 5.06757% 5.40541% 0
  }

  .worksLinks__ti.clR::before {
    background: url(/recruit/img/icn/icn_member1.svg) no-repeat;
    background-size: 31px 25px
  }

  .worksLinks__ti.clK::before {
    background: url(/recruit/img/icn/icn_member2.svg) no-repeat;
    background-size: 31px 25px
  }

  .worksLinks__ti::before {
    content: '';
    display: inline-block;
    vertical-align: -5px;
    margin-right: 10px;
    width: 31px;
    height: 25px
  }

  .worksLinks__tx {
    float: none;
    text-align: left;
    padding: 5.40541%
  }

  .worksLinks__link {
    position: relative;
    display: inline-block;
    width: 23.64865%;
    margin: 0 1.68919% 0 0;
    overflow: hidden
  }

  .worksLinks__link::before {
    content: '';
    display: none
  }

  .worksLinks__link.clR::before {
    background-color: #fc2742
  }

  .worksLinks__link.clK::before {
    background-color: #ff8900
  }

  .worksLinks__link:hover::before {
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform .3s cubic-bezier(.77,0,.175,1)
  }

  .worksLinks__link img {
    width: 100%
  }

  .largeMainBlock {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 101.5625%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
  }

  .largeMainBlock.i1 {
    background: url(/recruit/img/works-people/interview/interview1/bg.jpg) 50% 50% no-repeat;
    background-size: cover
  }

  .largeMainBlock.i2 {
    background: url(/recruit/img/works-people/interview/interview2/bg.jpg) 50% 50% no-repeat;
    background-size: cover
  }

  .largeMainBlock.i3 {
    background: url(/recruit/img/works-people/interview/interview3/bg.jpg) 50% 50% no-repeat;
    background-size: cover
  }

  .largeMainBlock.i4 {
    background: url(/recruit/img/works-people/interview/interview4/bg.jpg) 50% 50% no-repeat;
    background-size: cover
  }

  .largeMainBlock.crosstalk {
    height: 0;
    padding-top: 87.5%;
    background: url(/recruit/img/special/crosstalk/main_sp.jpg) 50% 50% no-repeat #443f4a;
    background-size: cover
  }

  .largeMainBlock__name {
    position: absolute;
    bottom: 10px;
    left: inherit;
    right: 5%;
    margin-left: 0;
    z-index: 10;
    width: 70%
  }

  .largeMainBlock__subTitle,.largeMainBlock__title {
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    font-weight: 700;
    line-height: 1
  }

  .largeMainBlock__name img {
    width: 100%
  }

  .largeMainBlock__title {
    width: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: Rajdhani,sans-serif;
    font-size: 42px;
    font-size: 4.2rem;
    margin-top: 21.875%
  }

  .largeMainBlock__subTitle {
    width: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 33.59375%
  }

  .intDtMessage,.intDtMsBlock,.intDtNameBlock {
    position: relative
  }

  .intDtNameBlock {
    width: 100%;
    margin: 0 auto;
    display: block;
    z-index: 100
  }

  .intDtNameBlock__left {
    display: block;
    width: 100%;
    padding: 3.125% 0
  }

  .intDtNameBlock__left.cl1 {
    background-color: #fc2742
  }

  .intDtNameBlock__left.cl2 {
    background-color: #fc9027
  }

  .intDtNameBlock__right {
    display: block;
    width: 100%;
    background-color: #443f4a;
    padding: 3.125% 0 3.90625%
  }

  .intDtNameBlock__ltx,.intDtNameBlock__ti {
    padding: 0;
    text-align: center;
    font-weight: 700;
    color: #fff
  }

  .intDtNameBlock__ltx {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625
  }

  .intDtNameBlock__ti {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333
  }

  .intDtNameBlock__ti__num {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1
  }

  .intDtNameBlock__rtx {
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    padding: 1.5625% 0 0
  }

  .intDtMessage__title {
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.33333;
    font-weight: 700;
    padding: 9.375% 0
  }

  .intDtMessage__inner {
    background-color: #f3f4f7;
    padding: 3.125% 0 12.5%
  }

  .intDtMsBlock {
    width: 92.5%;
    margin: 9.375% auto;
    text-align: center;
    overflow: hidden;
    clear: both
  }

  .intDtMsBlock:nth-child(2n) .intDtMsBlock__inner {
    float: none
  }

  .intDtMsBlock:nth-child(2n) .intDtMsBlock__side,.intDtMsBlock:nth-child(2n) .intDtMsBlock__side::after,.intDtMsBlock:nth-child(2n) .intDtMsBlock__side::before {
    left: inherit;
    right: inherit
  }

  .intDtMsBlock__inner {
    width: 100%;
    float: none
  }

  .intDtMsBlock__ti {
    text-align: left;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.33333;
    font-weight: 700
  }

  .intDtMsBlock__tx {
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin: 3.125% auto
  }

  .intDtMsBlock__num,.intDtMsBlock__que {
    line-height: 1;
    font-family: Rajdhani,sans-serif;
    font-weight: 700
  }

  .intDtMsBlock__img {
    margin: 6.25% auto 3.125%
  }

  .intDtMsBlock__img img {
    width: 100%
  }

  .intDtMsBlock__side {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    height: auto;
    margin: 0 auto 7.8125%;
    text-align: center
  }

  .intDtMsBlock__side::before {
    display: none
  }

  .intDtMsBlock__side::after,.intDtScBlock {
    margin: 0 auto;
    display: block;
    position: relative
  }

  .intDtMsBlock__side::after {
    content: '';
    top: inherit;
    right: inherit;
    width: 63px;
    height: 3px;
    background-color: #fc2742
  }

  .intDtMsBlock__que {
    font-size: 16px;
    font-size: 1.6rem
  }

  .intDtMsBlock__num {
    font-size: 40px;
    font-size: 4rem
  }

  .intDtScBlock {
    clear: both;
    width: 92.5%;
    text-align: center;
    overflow: hidden
  }

  .intDtScBlock__left {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    background-color: #fff;
    margin-right: 0
  }

  .intDtScBlock__right {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    background-color: #fff;
    border: 2px solid #443f4a;
    padding: 5.06757%
  }

  .intDtScBlock__title {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    font-weight: 700;
    color: #fff;
    background-color: #443f4a;
    padding: 3.37838% 0;
    margin: 0 5.74324%
  }

  .intDtScBlock__time,.intDtScBlock__tx {
    text-align: left;
    float: none;
    line-height: 1.57143
  }

  .intDtScBlock__title::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/recruit/img/icn/icn_time.svg) no-repeat;
    background-size: 32px 32px;
    margin-right: 15px;
    vertical-align: -10px
  }

  .intDtScBlock__item {
    margin: 4.22297% 5.74324%;
    padding-bottom: 4.22297%
  }

  .intDtScBlock__list {
    position: relative;
    overflow: hidden;
    margin: 2.02703% 0
  }

  .intDtScBlock__time {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700
  }

  .intDtScBlock__tx {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 60px
  }

  .intDtScBlock__offimg,.intDtScBlock__offimg img {
    width: 100%
  }

  .intDtScBlock__offti {
    text-align: center;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22222;
    font-weight: 700;
    margin: 5.06757% auto 2.53378%
  }

  .intDtScBlock__offtx {
    text-align: left;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.69231
  }

  .crossSelectBlock {
    position: relative
  }

  .crossSelectBlock__all {
    clear: both;
    display: block;
    width: 100%;
    margin: 5.06757% auto;
    text-align: center;
    border-radius: 6px;
    padding: 6.75676% 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    background-color: #443f4a;
    cursor: default;
    opacity: .3;
    transition: opacity .3s ease
  }

  .crossSelectBlock__all.ac {
    cursor: pointer;
    opacity: 1;
    transition: opacity .3s ease
  }

  .crossSelectBlock__item {
    overflow: hidden;
    width: auto;
    padding: 0 1.01351%
  }

  .crossSelectBlock__list {
    float: left;
    width: 48.31081%;
    margin: 2.02703% 1.68919%
  }

  .crossSelectBlock__link::before,.crossSelectBlock__link__inner::after,.crossSelectBlock__link__inner::before {
    width: 100%;
    display: block;
    content: ''
  }

  .crossSelectBlock__list:nth-child(3n),.crossSelectBlock__list:nth-child(3n+1) {
    margin-left: 1.68919%;
    margin-right: 1.68919%
  }

  .crossSelectBlock__list:nth-child(2n+1) {
    margin-left: 0
  }

  .crossSelectBlock__list:nth-child(2n) {
    margin-right: 0
  }

  .crossSelectBlock__link {
    position: relative;
    display: block
  }

  .crossSelectBlock__link.ac .crossSelectBlock__link__inner::before {
    opacity: 1;
    -ms-transform: opacity .3s ease;
    transform: opacity .3s ease
  }

  .crossSelectBlock__link.ac::before {
    -ms-transform: translate(-3px,-3px);
    transform: translate(-3px,-3px);
    transition: transform .5s ease
  }

  .crossSelectBlock__link:hover::before {
    -ms-transform: translate(3px,3px);
    transform: translate(3px,3px);
    transition: transform .5s ease
  }

  .crossSelectBlock__link.ac:hover::before {
    -ms-transform: translate(-3px,-3px);
    transform: translate(-3px,-3px);
    transition: transform .5s ease
  }

  .crossSelectBlock__link::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 6px;
    background-color: #cdcdd2;
    -ms-transform: translate(3px,3px);
    transform: translate(3px,3px);
    transition: transform .5s ease
  }

  .crossSelectBlock__link__inner {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden
  }

  .crossSelectBlock__link__inner::before {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffe3e6;
    opacity: 0;
    -ms-transform: opacity .3s ease;
    transform: opacity .3s ease
  }

  .crossSelectBlock__link__inner::after {
    position: relative;
    height: 16px;
    background: url(/recruit/img/icn/icn_tri.svg) 50% 50% no-repeat #000;
    background-size: 12px 6px;
    z-index: 10
  }

  .crossSelectBlock__link.clR .crossSelectBlock__link__inner::before {
    background-color: #ffe3e6
  }

  .crossSelectBlock__link.clR .crossSelectBlock__link__inner::after {
    background-color: #e60012
  }

  .crossSelectBlock__link.clR .crossSelectBlock__link__pl {
    color: #e60012
  }

  .crossSelectBlock__link.clK .crossSelectBlock__link__inner::before {
    background-color: #ffe9c2
  }

  .crossSelectBlock__link.clK .crossSelectBlock__link__inner::after {
    background-color: #f3a317
  }

  .crossSelectBlock__link.clK .crossSelectBlock__link__pl {
    color: #f3a317
  }

  .crossSelectBlock__link__img {
    position: relative;
    top: inherit;
    left: inherit;
    width: 53.10345%;
    height: auto;
    margin: 6.89655% auto 0;
    border-radius: 100px;
    overflow: hidden;
    z-index: 5
  }

  .crossSelectBlock__link__img img {
    width: 100%
  }

  .crossSelectBlock__link__txt {
    position: relative;
    padding: 8.62069%;
    margin-left: 0;
    z-index: 5
  }

  .crossSelectBlock__link__pl {
    position: relative;
    text-align: left;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.63636;
    font-weight: 700;
    z-index: 5
  }

  .crossSelectBlock__link__wo {
    position: relative;
    color: #333;
    text-align: left;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846;
    font-weight: 700;
    margin: 1.72414% 0;
    z-index: 5
  }

  .crossSelectBlock__link__na {
    position: relative;
    color: #333;
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33333;
    z-index: 5
  }

  .secCrossBlock {
    position: relative;
    width: 100%;
    background-color: #f3f4f7
  }

  .secCrossBlock__main {
    position: relative;
    margin: 0 auto 10.13514%;
    text-align: center;
    z-index: 10;
    background-color: #443f4a
  }

  .secCrossBlock__main::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0;
    border-color: #443f4a transparent transparent
  }

  .secCrossBlock__main__inner {
    width: 100%;
    height: 0;
    padding-bottom: 103.4375%;
    margin: 0 auto;
    text-align: center;
    background: url(/recruit/img/special/crosstalk/bg_cross_sp.png) 50% 0 no-repeat;
    background-size: cover
  }

  .secCrossBlock__main__left {
    position: relative;
    float: left;
    width: 92.5%;
    margin-left: 3.75%
  }

  .secCrossBlock__main__right {
    position: relative;
    float: right;
    width: 92.5%;
    margin-right: 3.75%;
    margin-top: 3.71622%
  }

  .secCrossBlock__main__img {
    width: 66.89189%;
    margin-top: 6.75676%
  }

  .secCrossBlock__main__img img {
    width: 100%
  }

  .secCrossBlock__main__img.lt {
    text-align: left;
    float: left
  }

  .secCrossBlock__main__img.rt {
    text-align: right;
    float: right
  }

  .secCrossBlock__main__txt {
    position: absolute;
    top: 0;
    margin-top: 29.56081%;
    text-align: left
  }

  .talkBox,.talkBox__sec {
    margin: 0 auto;
    clear: both
  }

  .secCrossBlock__main__txt.lt {
    text-align: right;
    right: 0
  }

  .secCrossBlock__main__txt.rt {
    text-align: left;
    left: 0
  }

  .talkBox,.talkBox__sec,.talkBox__sec__inner {
    text-align: center;
    position: relative
  }

  .secCrossBlock__main__txt.clR .secCrossBlock__main__txt__in {
    background-color: #fc1830
  }

  .secCrossBlock__main__txt.clK .secCrossBlock__main__txt__in {
    background-color: #ffa200
  }

  .secCrossBlock__main__txt__pl {
    position: relative;
    display: block;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700
  }

  .secCrossBlock__main__txt__wo {
    position: relative;
    display: block;
    color: #fff;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: 700
  }

  .secCrossBlock__main__txt__na {
    position: relative;
    display: block;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700
  }

  .secCrossBlock__main__txt__in {
    display: inline-block;
    padding: 4px 8px
  }

  .talkBox {
    width: 92.5%;
    padding: 4.6875% 0 0
  }

  .talkBox__sec {
    padding-bottom: 9.375%
  }

  .talkBox__sec.lt .talkBox__sec__img {
    right: inherit
  }

  .talkBox__sec.lt .talkBox__sec__txt {
    float: none
  }

  .talkBox__sec.rt .talkBox__sec__img {
    left: inherit
  }

  .talkBox__sec.rt .talkBox__sec__txt {
    float: none
  }

  .talkBox__sec__inner {
    width: 100%;
    overflow: hidden;
    margin: 1.5625% 0 3.125%
  }

  .talkBox__sec__img {
    position: relative;
    top: inherit;
    width: 100%
  }

  .talkBox__sec__img img {
    width: 100%
  }

  .talkBox__sec__txt {
    text-align: left
  }

  .talkBox__sec__list {
    overflow: hidden;
    padding: 1.68919% 0
  }

  .talkBox__sec__peo {
    float: left;
    width: 13.51351%;
    margin-right: 0
  }

  .talkBox__sec__peo__img {
    width: 100%;
    border-radius: 100px;
    overflow: hidden
  }

  .talkBox__sec__peo__img.clR {
    border: 3px solid #fc1830
  }

  .talkBox__sec__peo__img.clK {
    border: 3px solid #ffa200
  }

  .talkBox__sec__peo__img img {
    width: 100%
  }

  .talkBox__sec__peo__txt {
    text-align: center;
    margin: 4px auto 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1
  }

  .talkBox__sec__comment {
    position: relative;
    text-align: left;
    float: right;
    width: 81.08108%;
    padding: 4.44444%;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.61538;
    background-color: #fff;
    border-radius: 6px
  }

  .talkBox__sec__comment::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent
  }

  .secRealvoiceBlock {
    position: relative;
    margin: 0 auto;
    text-align: center;
    background-color: #ffdf9c
  }

  .secRealvoiceBlock.cl1 {
    margin-top: 4.6875%;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFDF9C', endColorstr='#FFFFC95A');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGY5YyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZmZkZjljIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmM5NWEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM5NWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: linear-gradient(to bottom,#ffdf9c 0,#ffdf9c 80%,#ffc95a 80%,#ffc95a 100%)
  }

  .secRealvoiceBlock.cl2 {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCEB0DA', endColorstr='#FFBA90CB');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlYjBkYSIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2ViMGRhIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNiYTkwY2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYTkwY2IiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: linear-gradient(to bottom,#ceb0da 0,#ceb0da 80%,#ba90cb 80%,#ba90cb 100%)
  }

  .secRealvoiceBlock.cl3 {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA3E3DC', endColorstr='#FF7DD7CD');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzZTNkYyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjYTNlM2RjIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM3ZGQ3Y2QiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGQ3Y2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: linear-gradient(to bottom,#a3e3dc 0,#a3e3dc 80%,#7dd7cd 80%,#7dd7cd 100%)
  }

  .secRealvoiceBlock.cl4 {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF988B', endColorstr='#FFFF6D5B');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTg4YiIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZmY5ODhiIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZjZkNWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjZkNWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: linear-gradient(to bottom,#ff988b 0,#ff988b 80%,#ff6d5b 80%,#ff6d5b 100%)
  }

  .secRealvoiceBlock.cl5 {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8CB5DC', endColorstr='#FF5C96CE');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYjVkYyIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjOGNiNWRjIi8+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM1Yzk2Y2UiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Yzk2Y2UiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
    background-size: 100%;
    background-image: linear-gradient(to bottom,#8cb5dc 0,#8cb5dc 80%,#5c96ce 80%,#5c96ce 100%)
  }

  .secRealvoiceBlock__title {
    position: relative;
    width: 86.25%;
    margin: 0 auto;
    text-align: center;
    top: -10px;
    background-color: #443f4a;
    border-radius: 0 0 6px 6px
  }

  .secRealvoiceBlock__title::after,.secRealvoiceBlock__title::before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    content: ''
  }

  .secRealvoiceBlock__title::before {
    left: -10px;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #ff9721
  }

  .secRealvoiceBlock__title::after {
    right: -10px;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #ff9721
  }

  .recBlock,.secRecruitmentBlock,.stepItem,.stepItem__list,.tabBlock {
    position: relative
  }

  .secRealvoiceBlock__title__tx {
    position: relative;
    top: -8px;
    width: 57.97101%;
    margin: 0 auto;
    text-align: center;
    padding: 1.26812% 0;
    border-bottom: 6px solid #332e39;
    color: #fff;
    font-family: Rajdhani,sans-serif;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
    background-color: #ff9721
  }

  .secRealvoiceBlock__title__ti {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.26316;
    font-weight: 700;
    padding: 1.81159% 0 5.43478%
  }

  .secRealvoiceBlock__title__ti::after {
    content: '';
    display: block;
    margin: 3.62319% auto 0;
    text-align: center;
    width: 30px;
    height: 14px;
    background: url(/recruit/img/icn/icn_qes.svg) no-repeat;
    background-size: 30px 14px
  }

  .flowBox__ti::after,.stepItem__list::before {
    content: '';
    height: 0
  }

  .secRealvoiceBlock__img {
    width: 92.5%;
    margin: 0 auto;
    padding: 5.06757% 0 11.82432%
  }

  .secRealvoiceBlock__img img {
    width: 100%
  }

  .tabBlock {
    background-color: #443f4a;
    margin: 0 auto;
    text-align: center
  }

  .tabBlock__item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 3.125% 3.75% 0
  }

  .tabBlock__list {
    float: left;
    width: 48.125%;
    margin: 0 1.875%
  }

  .tabBlock__list:nth-child(2n+1) {
    margin-left: 0
  }

  .tabBlock__list:nth-child(2n) {
    margin-right: 0
  }

  .tabBlock__list__link {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    margin-top: 6.25%;
    padding: 7.8125%;
    color: #fff;
    background-color: #e60012;
    transition: all .3s ease
  }

  .tabBlock__list__link.ac {
    margin-top: 0;
    padding: 10.9375%;
    color: #333;
    background-color: #f3f4f7;
    transition: all .3s ease
  }

  .secRecruitmentBlock {
    background-color: #f3f4f7
  }

  .recBlock {
    background-color: #f3f4f7;
    display: none
  }

  .stepItem {
    width: 100%;
    margin: 0 auto;
    text-align: center
  }

  .stepItem__list {
    margin: 3.90625% auto
  }

  .stepItem__list::before {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    margin: -3.4375% auto 0;
    text-align: center;
    border-style: solid;
    border-width: 10px 14px 0;
    border-color: #cfd1d6 transparent transparent
  }

  .contactBlock,.flowBox,.flowBox__sec,.flowBox__ti {
    position: relative
  }

  .stepItem__list:first-child {
    margin: 0 auto
  }

  .stepItem__list:first-child::before {
    display: none
  }

  .stepItem__list:nth-child(1) .stepItem__list__ti {
    background-color: #fe95a0
  }

  .stepItem__list:nth-child(1) .stepItem__list__inner {
    border: 2px solid #fe95a0
  }

  .stepItem__list:nth-child(2) .stepItem__list__ti {
    background-color: #fd6473
  }

  .stepItem__list:nth-child(2) .stepItem__list__inner {
    border: 2px solid #fd6473
  }

  .stepItem__list:nth-child(3) .stepItem__list__ti {
    background-color: #f33344
  }

  .stepItem__list:nth-child(4) .stepItem__list__ti {
    background-color: #e80013
  }

  .stepItem__list:nth-child(5) .stepItem__list__ti {
    width: 75%;
    border-radius: 40px;
    background-color: #9b0000;
    padding: 6.25% 0
  }

  .contactBlock,.stepItem__list__inner {
    background-color: #fff;
    text-align: center
  }

  .stepItem__list__ti {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    padding: 3.90625% 0;
    margin: 0 auto;
    text-align: center
  }

  .stepItem__list__inner {
    margin: 0 auto;
    padding: 3.125% 0
  }

  .stepItem__list__tx {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57143;
    text-align: center
  }

  .stepItem__list__tx a {
    color: #009de8
  }

  .stepItem__list__ti2 {
    color: #e80013;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333;
    font-weight: 700;
    text-align: center;
    margin-bottom: .78125%
  }

  .stepItem__list__imgLink {
    display: inline-block;
    margin-top: 1.5625%;
    width: 75%
  }

  .stepItem__list a,.stepItem__list a:hover {
    opacity: 1;
    transition: opacity .3s ease
  }

  .contactBlock {
    width: 100%;
    margin: 12.5% auto 0;
    padding: 4.6875%;
    border: 2px solid #dedfe2;
    overflow: hidden
  }

  .contactBlock__title,.flowBox__ti {
    width: 100%;
    color: #fff;
    background-color: #e60012;
    font-weight: 700
  }

  .contactBlock__title {
    float: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    text-align: center;
    padding: 4.6875% 0;
    margin-right: 0
  }

  .contactBlock__inner {
    float: none;
    text-align: left
  }

  .contactBlock__ti {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 700;
    margin-top: 1.5625%
  }

  .contactBlock__tx {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.69231;
    margin-top: 3.125%
  }

  .flowBox {
    margin-bottom: 12.5%
  }

  .flowBox__sec {
    display: block;
    margin: 0 auto 3.125%
  }

  .flowBox__ti {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    padding: 4.6875% 6.25%;
    vertical-align: middle;
    text-align: left
  }

  .flowBox__ti::after {
    display: block;
    position: absolute;
    top: inherit;
    bottom: -10px;
    right: inherit;
    left: 0;
    width: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #e60013
  }

  .flowBox__tx {
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.71429;
    padding: 3.90625% 6.25%;
    text-align: left
  }

  .movBlock {
    position: relative;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
  }

  .movBlock__title {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57143;
    font-weight: 700;
    color: #443f4a;
    background-color: #fff;
    padding: 4.6875%
  }

  .movBlock__center {
    clear: both;
    width: 100%;
    margin: 0 auto 9.375%;
    text-align: center
  }

  .movBlock__center--nx {
    padding-top: 3.125%;
    margin-bottom: 9.375%
  }

  .movBlock__side {
    float: none;
    width: 100%;
    margin: 0 auto 3.125%;
    padding-top: 3.125%
  }

  .movBlock__mov {
    position: relative;
    width: 100%;
    padding-top: 56.25%
  }

  .movBlock__mov>iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
  }
}