.fadewrap {
  opacity: 0;
  transition: opacity .6s ease-out, -webkit-transform .6s ease-out;
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition: opacity .6s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out;
  -webkit-transform: translate3d(0px, 20px, 0px);
  transform: translate3d(0px, 20px, 0px)
}

.fadewrap .clip-path {
  position: absolute;
  top: -16px;
  left: 0px
}

.is-anim .fadewrap {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1
}

.parallax-mirror {
  width: 100% !important
}

.parallax-mirror .parallax-slider {
  width: 100% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, 0px, 0px) !important;
  transform: translate3d(-50%, 0px, 0px) !important
}

.parallax-window {
  width: 100%;
  min-height: 924px;
  background: transparent;
  text-align: center
}

.sec-index-02, .sec-index-04, .sec-index-06 {
  width: 100%;
  height: 924px
}

.l-leaders {
  background-size: 100% auto
}

.mod-staff-list>.txt {
  margin-bottom: 24px
}

section>div>.txt-ques {
  margin-left: 32px;
  margin-bottom: 20px;
  font-size: 2.4rem;
  line-height: 24px
}

section>div>.mod-sec-title {
  margin-left: 32px;
  position: relative;
  z-index: 3
}

section>div>.mod-sec-title.bg-white::before {
  border: 6px solid #00147d
}

section .mod-2clm-left, section .mod-2clm-right {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

section .mod-2clm-wrap figure figcaption {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.4rem;
  line-height: 48px;
  font-weight: bold;
  background: #fff;
  padding-left: 24px
}

.block-talk-wrap dl {
  margin-bottom: 35px;
  letter-spacing: 0
}

.block-talk-wrap dl:last-child {
  margin-bottom: 20px
}

.block-talk-wrap dl dt, .block-talk-wrap dl dd {
  display: table-cell;
  vertical-align: top;
  font-size: 1.4rem;
  line-height: 32px
}

.block-talk-wrap dl dt {
  width: 55px;
  text-align: right
}

.block-talk-wrap dl dt span {
  font-weight: bold
}

.ph-main {
  position: relative
}

.ph-main figcaption {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  margin: auto;
  text-align: center;
  font-size: 4.8rem;
  line-height: 64px;
  font-weight: bold
}

.sec-con-inner {
  margin-bottom: 120px
}

.sec-con-inner .mod-mvarrow-03 {
  left: 0;
  right: 0;
  bottom: 80px;
  margin: auto;
  z-index: 2
}

.mod-2clm-wrap .mod-shadow::after {
  transition: opacity .8s ease-out 1.4s, -webkit-transform .8s ease-out 1.4s;
  transition: opacity .8s ease-out 1.4s, transform .8s ease-out 1.4s;
  transition: opacity .8s ease-out 1.4s, transform .8s ease-out 1.4s, -webkit-transform .8s ease-out 1.4s
}

.is-anim .mod-2clm-wrap .mod-shadow::after {
  opacity: 0;
  -webkit-transform: translate(-24px, -24px);
  -ms-transform: translate(-24px, -24px);
  transform: translate(-24px, -24px)
}

.is-anim .thumb-img-03.mod-shadow::after {
  -webkit-transform: translate(24px, -24px);
  -ms-transform: translate(24px, -24px);
  transform: translate(24px, -24px)
}

.thumb-img-01 {
  top: -120px;
  margin-bottom: 205px;
  width: 448px;
  height: 576px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-01.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-01.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.thumb-img-02 {
  margin-left: 57px;
  width: 384px;
  height: 504px;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-02.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-02.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.thumb-img-03 {
  margin-left: auto;
  margin-bottom: 75px;
  width: 448px;
  height: 296px;
  opacity: 0;
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-03.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-03.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.thumb-img-04 {
  top: -120px;
  margin-bottom: 230px;
  width: 448px;
  height: 292px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-04.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-04.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.thumb-img-05 {
  margin-left: 96px;
  width: 344px;
  height: 528px;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-05.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-05.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.thumb-img-06 {
  top: -120px;
  width: 448px;
  height: 680px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-06.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-06.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.thumb-img-07 {
  width: 448px;
  height: 288px;
  opacity: 0;
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
  transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s;
  transition: transform .8s ease .4s, opacity .8s ease .4s, -webkit-transform .8s ease .4s
}

.thumb-img-07.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.thumb-img-07.is-anim.mod-shadow::after {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.sec-index-01 {
  padding-bottom: 65px;
  background: url(/recruit/img/leaders/bg_1.png) no-repeat center top;
  background-size: cover
}

.sec-index-01 .sec-con-w992 .mod-sec-title {
  margin-bottom: 85px;
  padding: 28px 4px 26px 44px
}

.sec-index-03 {
  padding-top: 85px;
  padding-bottom: 90px;
  background: url(/recruit/img/leaders/bg_2.png) no-repeat center top;
  background-size: cover
}

.sec-index-03 .sec-con-w992 .mod-sec-title {
  margin-bottom: 85px;
  padding: 28px 4px 26px 44px
}

.sec-index-05 {
  padding-top: 90px;
  padding-bottom: 90px;
  background: url(/recruit/img/leaders/bg_2.png) no-repeat center top;
  background-size: cover
}

.sec-index-05 .sec-con-w992 .mod-sec-title {
  margin-bottom: 85px;
  padding: 28px 4px 26px 44px
}

.sec-index-07 {
  padding-top: 90px;
  padding-bottom: 120px;
  background: url(/recruit/img/leaders/bg_3.png) no-repeat center top;
  background-size: cover
}
