/* common */
body.interview .wrapper {
  overflow: hidden;
}
.bxo_header {
  z-index: 100;
}
.label-mg, .label-dev {
  position: relative;
}
.label-mg:before {
  content: '';
  position: absolute;
  top: 83px;
  left: 0;
  width: 60px;
  height: 34px;
  z-index: 2;
  background: url(../img/label-management.png) no-repeat 0 0;
}
.label-dev:before {
  content: '';
  position: absolute;
  top: 83px;
  left: 0;
  width: 60px;
  height: 34px;
  z-index: 2;
  background: url(../img/label-development.png) no-repeat 0 0;
}
/*.slick-slide a img {
  width: 91.6%;
}*/
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
body.interview.management main .timeschedule dt {
  color: #0B858E;
}
body.interview.development main .timeschedule dt {
  color: #0F6DB5;
}
/* .page-recruit */
.page-recruit .breadcrumbs, .interview .breadcrumbs {
  background-color: #ffffff;
}
.page-recruit h2::before {
  content: '';
  position: relative;
  display: block;
  width: 40px;
  height: 4px;
  background: linear-gradient(to left, #fcd082, #f0521f);
}
.interview #mainvisual {
  text-align: center;
}
.interview #mainvisual .mainvisual-img {
  font-size: 0;
}
.page-recruit #interview {
  min-height: 402px;
  padding-bottom: 175px;
}
.page-recruit #interview .container {
  max-width: 1130px;
}
.page-recruit .interview h2 {
  color: #070F26;
  font-size: 80px;
  text-align: left;
  margin-bottom: 85px;
}
.page-recruit .interview .management, .page-recruit .interview .development {
  padding-top: 15px;
  padding-bottom: 70px;
  display: flex;
  justify-content: space-between;
}
.page-recruit .interview .development {
  flex-direction: row-reverse;
}
.page-recruit .interview h3 {
  color: #fff;
  font-size: 24px;
  text-align: center;
  width: 242px;
  height: 98px;
  margin-bottom: 0;
}
.page-recruit .interview h3 span {
  display: block;
  position: relative;
  z-index: 2;
  text-align: left;
}
.page-recruit .interview h3:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 222px;
  height: 77px;
  display: block;
  z-index: 1;
}
.page-recruit .interview .management h3:before {
  background: url(../img/bg-manegementhedding.png) no-repeat 0 0;
}
.page-recruit .interview .development h3:before {
  content: '';
  background: url(../img/bg-developmenthedding.png) no-repeat 0 0;
}
.page-recruit .interview h3 img {
  z-index: 0;
}
/*.page-recruit .jobopenings {
  background-color: #1D264D;
  position: relative;
}*/
.page-recruit .member {
  position: relative;
}
.page-recruit .member a {
  display: block;
  width: 435px;
  height: 722px;
  text-decoration: none;
  position: relative;
}
.page-recruit .member a:hover {
  text-decoration: none;
  filter: brightness(110%);
}
.page-recruit .member a:after {
  content: '';
  width: 406px;
  height: 510px;
  background-color: rgba(7,15,38,0.2);
  display: block;
  position: absolute;
  z-index: -1;
  top: 82px;
  left: 10px;
  clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0% 100%);
}
body.interview .interview-link-area a:after {
  content: '';
  width: 336px;
  height: 434px;
  background-color: rgba(7,15,38,0.2);
  display: block;
  position: absolute;
  z-index: -1;
  top: 61px;
  left: 10px;
  clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0% 100%);
}
body.page-recruit .member-detail,
body.interview .member-detail {
  position: absolute;
  bottom: 0;
  left: 85px;
  margin-top: -125px;
  width: 356px;
  height: 346px;
}
body.interview .member-detail {
  height: 323px;
}
body.interview .member-detail {
  left: 60px;
}
/*body.page-recruit .member-detail:before,
body.interview .member-detail:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  z-index: 0;
  width: 97.9%;
  height: 76vw;
}*/
body.page-recruit .member-detail .member-detail-inner,
body.interview .member-detail .member-detail-inner {
  position: relative;
  background: #fff;
  clip-path: polygon(0% 13%, 100% 0%, 100% 87%, 0% 100%);
  width: 98%;
  padding: 65px 20px 95px;
}
body.page-recruit .member-detail:after,
body.interview .member-detail:after {
  content: '';
  background-color: rgba(7,15,38,0.2);
  display: block;
  position: absolute;
  z-index: -1;
  top: 10px;
  left: 10px;
  clip-path: polygon(0 13%, 100% 0%, 100% 87%, 0% 100%);
}
body.interview .member-detail .member-detail-inner,
body.interview .member-detail:after {
  clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0% 100%);
}
body.page-recruit .member-detail:after,
.interview .member-detail:after {
  width: 97.5%;
  height: 82vw;
}
.page-recruit h4 {
  color: #333333;
  font-size: 20px;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 15px;
}
.page-recruit dl {
  color: #333333;
  line-height: 1.5;
}
.page-recruit dl dt {
  font-size: 16px;
}
.page-recruit dl dd {
  font-size: 18px;
}
.member-detail-inner p.more {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 25px 5px;
  margin: 0;
  color: #fff;
  font-size: 20px;
  transform: skewY(-7deg);
}
body.interview .member-detail-inner p.more {
  transform: skewY(-6deg);
}
.interview .label-mg .member-detail-inner p.more span,
.interview .label-dev .member-detail-inner p.more span {
  transform: skewY(7deg);
}
.interview .label-mg .member-detail-inner p.more span:after,
.interview .label-dev .member-detail-inner p.more span:after {
  content: '→';
  display: inline;
  margin-left: 5px;
}
.page-recruit .management .member-detail-inner p.more,
.interview .label-mg .member-detail-inner p.more {
  background: linear-gradient(to left, #13CF9C, #0B858E);
}
.page-recruit .development .member-detail-inner p.more,
.interview .label-dev .member-detail-inner p.more {
  background: linear-gradient(to left, #24C2EB, #0F6DB5);
}
.page-recruit .jobopenings:before {
  content: "";
  position: absolute;
  top: -150px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 150px 99.1vw;
  border-color: transparent transparent #1D264D transparent;
}
.page-recruit h2, .page-recruit h3 {
  font-weight: bold;
}
.page-recruit .jobopenings h2 {
  color: #070F26;
  font-size: 80px;
}
.page-recruit .jobopenings h2, .page-recruit .jobopenings h3 {
  color: #fff;
}
.page-recruit .jobopenings h2 {
  position: relative;
  font-size: 80px;
}
.page-recruit .jobopenings h3 {
  font-size: 28px;
  text-align: left;
}
.page-recruit .jobopenings h2::before {
  margin: 0 auto;
}
.page-recruit h2 span {
  font-size: 20px;
  display: block;
}
.page-recruit .jobopenings li {
  margin-top: 15px;
}
.page-recruit .jobopenings li:first-child {
  margin-top: 0;
}
.page-recruit .jobopenings li a {
  background-color: #fff;
  background-image: url(../img/ico-back.svg), url(../img/ico-link.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, right 20px center;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 80px 20px 50px;
  text-decoration: none;
  position: relative;
}
.page-recruit .jobopenings li a:hover {
  opacity: 0.8;
}
.page-recruit .jobopenings li.new a:before {
  content: 'NEW';
  display: inline;
  color: #f0521f;
  font-weight: bold;
}
body.interview main .message-area .message-img img {
  width: 100%;
}
.roadmap-txt {
  color: #fff;
  width: 259px;
  height: 155px;
  position: relative;
}
.roadmap-txt:before, .roadmap-txt:after {
  content: '';
  position: absolute;
}
.roadmap-txt:before, .roadmap-txt dl {
  width: 255px;
  height: 151px;
}
.roadmap-txt:before {
  top: 4px;
  left: 4px;
}
.roadmap-txt:after {
  background-color: #fff;
  width: 253px;
  height: 149px;
  top: 5px;
  left: 5px;
}
.roadmap-txt dl {
  position: absolute;
  padding: 20px 18px;
  z-index: 1;
}
.roadmap-txt dl dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.roadmap-txt dl dt span {
  display: block;
  font-size: 16px;
}
.roadmap-txt dl dd {
  line-height: 1.2;
}
body.interview.management .roadmap-txt.block01:before, body.interview.management .roadmap-txt.block01 dl {
  background-color: #13ce9c;
}
body.interview.management .roadmap-txt.block02:before, body.interview.management .roadmap-txt.block02 dl {
  background-color: #11bb98;
}
body.interview.management .roadmap-txt.block03:before, body.interview.management .roadmap-txt.block03 dl {
  background-color: #0fa995;
}
body.interview.management .roadmap-txt.block04:before, body.interview.management .roadmap-txt.block04 dl {
  background-color: #0d9691;
}
body.interview.development .roadmap-txt.block01:before, body.interview.development .roadmap-txt.block01 dl {
  background-color: #23C1EA;
}
body.interview.development .roadmap-txt.block02:before, body.interview.development .roadmap-txt.block02 dl {
  background-color: #1EACDD;
}
body.interview.development .roadmap-txt.block03:before, body.interview.development .roadmap-txt.block03 dl {
  background-color: #1997CF;
}
body.interview.development .roadmap-txt.block04:before, body.interview.development .roadmap-txt.block04 dl {
  background-color: #1481C1;
}
.timeschedule-area-inner {
  background-color: #fff;
}
.interview-area {
  background-color: #1d264d;
  padding: 100px 25px;
  position: relative;
}
.interview-area .container {
  position: relative;
}
.interview-area h2, .interview-area p {
  color: #fff !important;
}
.interview-area .linkbtn a {
  display: block;
  background-color: #fff;
  color: #070F26 !important;
  font-size: 20px;
  font-weight: bold;
  height: 80px;
}
.interview-area .interview-img {
  font-size: 0;
  position: relative;
}
.interview-area .interview-img .interview-name {
  background: rgba(240, 82, 31, 0.7);
  color: #fff;
  display: block;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.interview-area .linkbtn a:after {
  content: '';
  background: url(../img/ico-link.svg) no-repeat 0 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 15px;
  padding-top: 1px;
}
.interview-link-area:before {
  content: '';
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
  height: 600px;
  background: linear-gradient(270deg, #0F6DB5 0%, #0b858e 100%) 50% 0% no-repeat;
  z-index: 0;
}
.recruit-area h2 {
  color: #000 !important;
  font-size: 28px !important;
  text-align: center !important;
}
.recruit-area li a {
  background-color: #fff;
  background-image: url(../img/ico-back.svg), url(../img/ico-link.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 20px center, right 20px center;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 50px;
  text-decoration: none;
  position: relative;
  border: 1px solid #070F26;
}
body.interview.management .recruit-area li a {
  box-shadow: 8px 8px 0px 0 #0B858E;
}
body.interview.development .recruit-area li a {
  box-shadow: 8px 8px 0px 0 #0F6DB5;
}
.recruit-area li.new a:before {
  content: 'NEW';
  display: inline;
  color: #f0521f;
  font-weight: bold;
}
.other-members-area h2 {
  color: #000 !important;
  font-size: 28px !important;
  text-align: center !important;
}
.other-members-area li a {
  background-color: #fff;
  background-image: url(../img/ico-link.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  padding: 20px 50px 20px 18px;
  text-decoration: none;
  position: relative;
  border: 1px solid #070F26;
  box-shadow: 3px 3px 0 0 #c3c3c3;
}
.other-members-area li a img {
  width: 100px;
  height: 100px;
}
.other-members-area li a p {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 0 20px;
}
.other-members-area li a p span {
  display: block;
  font-size: 18px;
  font-weight: normal;
}
.other-members-area li a:hover {
  opacity: 0.8;
}
body.interview section.interview-link-area .container {
  max-width: 1142px !important;
  z-index: 1;
  position: relative;
}
body.page-recruit .linkbtn,
body.interview .linkbtn {
  position: relative;
  margin: 0 auto;
}
body.page-recruit .linkbtn:after,
body.interview .linkbtn:after {
  content: '';
  position: absolute;
  background: rgba(7, 15, 38, 0.7);
  z-index: 0;
}
body.page-recruit .linkbtn:hover,
body.interview .linkbtn:hover {
  opacity: 0.8;
}
body.page-recruit .linkbtn:after, body.page-recruit .linkbtn a,
body.interview .linkbtn:after, body.interview .linkbtn a {
  display: block;
}
body.page-recruit .linkbtn a,
body.interview .linkbtn a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 17px 0;
}
body.interview.management .message-area .linkbtn a {
  background: linear-gradient(270deg, #13CF9C 0%, #0b858e 100%) 0% 0% no-repeat;
}
body.interview.development .message-area .message-txt .linkbtn a {
  background: linear-gradient(270deg, #24C2EB 0%, #0F6DB5 100%) 0% 0% no-repeat;
}
.linkbtn-area .linkbtn a {
  background: linear-gradient(270deg, #F8B641 0%, #F0521F 100%) 0% 0% no-repeat;
}
#pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  z-index: 20001;
}
#pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url(../img/ico-arrow-down.svg) no-repeat center center;
  border: 1px solid #070f26;
}
#pagetop a:before, #pagetop a:after {
  display: none !important;
}
#ftinqy {
  width: 60px;
  height: 195px;
  display: block;
  position: fixed;
  bottom: 76px;
  right: -100%;
  z-index: 20001;
  font-size: 20px !important;
  line-height: 50px !important;
  margin-bottom: 0px !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#ftinqy:before {
  position: relative;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 7px 60px;
  border-color: transparent transparent #fcd082 transparent;
}
#ftinqy a {
  width: 100%;
  height: 189px;
  display: block;
  text-decoration: none;
  padding: 15px 20px 0 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  background: linear-gradient(to bottom, #fcd082, #f0521f);
}
#ftinqy.ftactive {
  right: 0;
}
.c-block-interview-body {
  background-color: #fff;
  padding: 40px;
  width: 615px;
  position: relative;
  z-index: 2;
}
.c-block-interview-body p:last-of-type {
  margin-bottom: 0;
}
body.interview main section h1 {
  color: #ffffff;
}
body.interview main section h2 {
  text-align: left;
  margin: 0 0 1em;
}
body.interview.management main section h2 {
  color: #0b858e;
}
body.interview.development main section h2 {
  color: #0F6DB5;
}
body.interview main section h2 span {
  color: #666666;
  display: block;
}
body.interview #mainvisual {
  color: #ffffff;
  padding: 0;
  z-index: 0;
}
body.interview.management main #mainvisual .mainvisual_txt {
  background: linear-gradient(to left, #13CF9C, #0b858e);
}
body.interview.development main #mainvisual .mainvisual_txt {
  background: linear-gradient(to left, #24C2EB, #0F6DB5);
}
body.interview #mainvisual .mainvisual_txt {
  text-align: left;
  margin-right: auto;
  clip-path: polygon(0 7.4%, 100% 0, 100% 100%, 0% 100%);
  z-index: 1;
}
body.interview #mainvisual .mainvisual_txt p {
  margin-bottom: 0;
}
body.interview.management main .timeschedule dt {
  position: relative;
}
body.interview main .timeschedule dt::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 center;
  margin-left: 32px;
  vertical-align: text-top;
}
body.interview.management main .timeschedule dt.time0900:after {
  background-image: url(../img/img-recruit-mg-time0900.png);
}
body.interview.management main .timeschedule dt.time0930:after {
  background-image: url(../img/img-recruit-mg-time0930.png);
}
body.interview.management main .timeschedule dt.time1000:after {
  background-image: url(../img/img-recruit-mg-time1000.png);
}
body.interview.management main .timeschedule dt.time1030:after {
  background-image: url(../img/img-recruit-mg-time1030.png);
}
body.interview.management main .timeschedule dt.time1100:after {
  background-image: url(../img/img-recruit-mg-time1100.png);
}
body.interview.management main .timeschedule dt.time1200:after {
  background-image: url(../img/img-recruit-mg-time1200.png);
}
body.interview.management main .timeschedule dt.time1300:after {
  background-image: url(../img/img-recruit-mg-time1300.png);
}
body.interview.management main .timeschedule dt.time1400:after {
  background-image: url(../img/img-recruit-mg-time1400.png);
}
body.interview.management main .timeschedule dt.time1500:after {
  background-image: url(../img/img-recruit-mg-time1500.png);
}
body.interview.management main .timeschedule dt.time1600:after {
  background-image: url(../img/img-recruit-mg-time1600.png);
}
body.interview.management main .timeschedule dt.time1700:after {
  background-image: url(../img/img-recruit-mg-time1700.png);
}
body.interview.management main .timeschedule dt.time1800:after {
  background-image: url(../img/img-recruit-mg-time1800.png);
}
body.interview.management main .timeschedule dt.time1900:after {
  background-image: url(../img/img-recruit-mg-time1900.png);
}
body.interview.development main .timeschedule dt.time0700:after {
  background-image: url(../img/img-recruit-dev-time0700.png);
}
body.interview.development main .timeschedule dt.time0800:after {
  background-image: url(../img/img-recruit-dev-time0800.png);
}
body.interview.development main .timeschedule dt.time0900:after {
  background-image: url(../img/img-recruit-dev-time0900.png);
}
body.interview.development main .timeschedule dt.time1000:after {
  background-image: url(../img/img-recruit-dev-time1000.png);
}
body.interview.development main .timeschedule dt.time1030:after {
  background-image: url(../img/img-recruit-dev-time1030.png);
}
body.interview.development main .timeschedule dt.time1100:after {
  background-image: url(../img/img-recruit-dev-time1100.png);
}
body.interview.development main .timeschedule dt.time1200:after {
  background-image: url(../img/img-recruit-dev-time1200.png);
}
body.interview.development main .timeschedule dt.time1300:after {
  background-image: url(../img/img-recruit-dev-time1300.png);
}
body.interview.development main .timeschedule dt.time1400:after {
  background-image: url(../img/img-recruit-dev-time1400.png);
}
body.interview.development main .timeschedule dt.time1500:after {
  background-image: url(../img/img-recruit-dev-time1500.png);
}
body.interview.development main .timeschedule dt.time1600:after {
  background-image: url(../img/img-recruit-dev-time1600.png);
}
body.interview.development main .timeschedule dt.time1700:after {
  background-image: url(../img/img-recruit-dev-time1700.png);
}
body.interview.development main .timeschedule dt.time1800:after {
  background-image: url(../img/img-recruit-dev-time1800.png);
}
body.interview.development main .timeschedule dt.time1830:after {
  background-image: url(../img/img-recruit-dev-time1830.png);
}
body.interview.development main .timeschedule dt.time1900:after {
  background-image: url(../img/img-recruit-dev-time1900.png);
}
body.interview.development main .timeschedule dt.time1930:after {
  background-image: url(../img/img-recruit-dev-time1930.png);
}
body.interview.development main .timeschedule dt.time2030:after {
  background-image: url(../img/img-recruit-dev-time2030.png);
}
body.interview main .message-area h2 {
  text-align: center;
  position: relative;
}
body.interview.management main .message-area h2 {
  border-bottom: 2px solid #0b858e;
}
body.interview.development main .message-area h2 {
  border-bottom: 2px solid #0F6DB5;
}
body.interview main .message-area .al-center {
  color: #666666;
}
.prev_icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  width: 54px;
  z-index: 1;
}
.next_icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  width: 54px;
  z-index: 1;
}
body.interview .interview-link-area .member-detail .member-detail-inner h4 {
  color: #333333;
  font-size: 20px;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 20px;
}
body.interview .other-members-area {
  background: #F1F1F1;
}
body.interview .label-mg.slick-slide img,
body.interview .label-dev.slick-slide img {
  width: 336px;
}
@media screen and (max-width: 413px) {
  body.interview .interview-link-area .slide .slick-slide {
    margin-right: 2px;
  }
  body.page-recruit .member, .interview .member {
    height: 180vw;
  }
  body.page-recruit .member-detail,
  body.interview .interview-link-area .member-detail {
    padding: 0;
    margin: 0;
    width: 95.9%;
  }
  body.interview .interview-link-area .member-detail {
    height: 79vw !important;
  }
  body.interview .member-detail:before {
    width: 96.6%;
    height: 79vw !important;
  }
  body.page-recruit .member-detail:before {
    width: 95.6%;
  }
  body.page-recruit .member-detail:after {
    width: 98%;
  }
  body.interview .member-detail:after {
    height: 82.5vw !important;
  }
  body.page-recruit .member-detail .member-detail-inner,
  body.interview .interview-link-area .member-detail .member-detail-inner {
    padding: 15.5vw 3vw 20vw;
  }
  body.interview .member-detail-inner p.more {
    bottom: 8.1vw;
    right: 0;
  }
  body.page-recruit .member-detail-inner p.more {
    bottom: 8vw;
    right: 0;
  }
  body.interview .interview-link-area a {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page-recruit .interview .management h3 {
    margin-left: 22px;
  }
  .page-recruit .interview .development h3 {
    margin-right: 22px;
  }
  .page-recruit .fr.start {
    margin-top: -15px;
  }
  .page-recruit .member:first-of-type {
    margin-top: 115px;
    margin-right: 15px;
  }
  .page-recruit .management .member:first-of-type {
    margin-top: 25px;
  }
  .page-recruit .member {
    margin-top: 75px;
    width: 435px;
    height: 768px;
    transform: translateY(100px);
    transition: all .5s ease-out;
  }
  .page-recruit .management .member {
    margin-top: -25px;
  }
  .page-recruit .member.blockIn {
    transform: translateY(0);
  }
  .page-recruit .member a:after {
    content: '';
    width: 406px;
    height: 510px;
    background-color: rgba(7,15,38,0.2);
    display: block;
    position: absolute;
    z-index: -1;
    top: 82px;
    left: 10px;
    clip-path: polygon(0 9%, 100% 0%, 100% 91%, 0% 100%);
  }
  .page-recruit .member a img {
    padding-right: 29px;
  }
  body.page-recruit .member-detail:before,
  body.page-recruit .member-detail:after {
    width: 346px;
    height: 337px;
  }
  body.interview .member-detail:before,
  body.interview .member-detail:after {
    width: 294px;
    height: 318px;
  }
  main article {
    position: relative;
  }
  body.interview main article:before {
    content: '';
    position: absolute;
    top: 1417px;
    left: 50%;
    background: #ecf2fa;
    width: 50%;
    height: 1033px;
    z-index: 0;
  }
  body.interview main article:after {
    content: '';
    position: absolute;
    top: 2405px;
    right: 70%;
    background: #ecf2fa;
    width: 30%;
    height: 1628px;
    z-index: 0;
  }
  .recruit-area,
  .other-members-area {
    margin: 0;
    padding: 100px 0;
  }
  body.interview #mainvisual, body.interview main .mainvisual-img, body.interview main .mainvisual_txt {
    position: relative;
  }
  body.interview #mainvisual .mainvisual_txt {
    width: 620px;
    padding: 20px 130px 20px 40px;
    margin-left: calc(50% + 64px);
    margin-top: -472px;
    z-index: 1;
  }
  body.interview #mainvisual .mainvisual_txt h1 {
    font-size: 32px;
    margin-top: 105px;
    margin-bottom: 45px;
  }
  body.interview #mainvisual .mainvisual_txt p {
    font-size: 24px;
    line-height: 1.5;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail {
    margin-bottom: 180px;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail + p {
    margin: 0 0 110px 50px;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail ul {
    font-size: 16px;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail p {
    font-size: 20px;
  }
  body.interview main section h2 {
    font-size: 24px;
  }
  body.interview main section h2 span {
    font-size: 18px;
  }
  body.interview section .container {
    max-width: 1100px !important;
  }
  .interview-link-area {
    padding: 0;
    position: relative;
    height: 730px;
  }
  body.interview .interview-link-area a {
    text-decoration: none;
  }
  body.interview .interview-link-area a:hover {
    filter: brightness(110%);
  }
  body.interview .interview-link-area .member-detail {
    position: relative;
    width: 295px;
    height: 350px;
  }
  body.interview .member-detail .member-detail-inner {
    padding: 65px 20px 85px;
    width: 100%;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner h4 {
    text-align: left;
    margin-bottom: 15px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner h4 + dl dt {
    font-size: 15px;
    letter-spacing: -0.9px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner h4 + dl dd {
    font-size: 18px;
  }
  .member-detail-inner p.more {
    bottom: 35px;
  }
  body.interview .member-detail-inner p.more {
    bottom: 25px;
  }
  .c-block-interview {
    padding: 0;
  }
  .c-block-interview.is-01 {
    margin-top: -233px;
    padding-bottom: 100px;
  }
  .c-block-interview.is-02 {
    padding-top: 100px;
  }
  .c-block-interview.is-03:before {
    content: '';
    position: absolute;
    top: 575px;
    right: 0;
    width: 35%;
    height: 875px;
    background-color: #ecf2fa;
  }
  .c-block-interview.is-04:before {
    content: '';
    position: absolute;
    top: 380px;
    left: 0;
    width: 43%;
    height: 1034px;
    background-color: #ecf2fa;
  }
  .interview-01 main article:after {
    top: 2405px !important;
  }
  .interview-02 main article:before {
    height: 960px;
  }
  .interview-02 main article:after {
    top: 2280px !important;
    height: 1945px !important;
  }
  .interview-02 .c-block-interview.is-03:before {
    height: 935px;
  }
  .interview-02 .c-block-interview.is-04:before {
    top: 410px;
  }
  .interview-03 main article:before {
    height: 1240px !important;
  }
  .interview-03 main article:after {
    top: 2495px !important;
    height: 1845px !important;
  }
  .interview-03 .c-block-interview.is-03:before {
    height: 728px !important;
  }
  .interview-03 .c-block-interview.is-04:before {
    top: 405px !important;
    height: 725px !important;
  }
  .interview-04 main article:before {
    height: 1000px !important;
  }
  .interview-04 .c-block-interview.is-03:before {
    height: 695px !important;
  }
  .interview-04 main article:after {
    top: 2260px !important;
    height: 1685px !important;
  }
  .interview-04 .c-block-interview.is-04:before {
    top: 405px !important;
    height: 1074px !important;
  }
  body.interview main .timeschedule {
    color: #070F26;
    font-size: 18px;
    line-height: 25px;
    position: relative;
  }
  body.interview main .timeschedule:after {
    content: '';
    position: relative;
    display: block;
    height: 23px;
    margin-left: 89px;
  }
  body.interview.management main .timeschedule:after {
    background: url(../img/bg-timeschedule-line.png) no-repeat 0 0;
  }
  body.interview.development main .timeschedule:after {
    background: url(../img/bg-timeschedule-line02.png) no-repeat 0 2px;
  }
  body.interview main .timeschedule:last-of-type:after {
    display: none;
  }
  body.interview main .timeschedule dt {
    font-size: 18px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: text-top;
  }
  body.interview main .timeschedule dt:after {
    display: inline-block;
    margin-left: 33px;
  }
  body.interview main .timeschedule dd {
    display: inline;
  }
  .c-block-interview.is-02, .c-block-interview.is-03, .c-block-interview.is-04 {
    padding-bottom: 100px;
  }
  .is-01 .c-block-interview-img, .is-03 .c-block-interview-img {
    padding-right: calc(50% - 131px);
    height: 542px;
    text-align: right;
  }
  .is-01 .c-block-interview-body, .is-03 .c-block-interview-body {
    margin-top: -125px;
    margin-left: calc(50% - 64px);
  }
  .is-02 .c-block-interview-img, .is-04 .c-block-interview-img {
    padding-left: calc(50% - 131px);
    height: 543px;
    position: relative;
  }
  .is-02 .c-block-interview-body, .is-04 .c-block-interview-body {
    margin-top: -270px;
    margin-left: calc(50% - 580px);
  }
  .is-03 .c-block-interview-img, .is-04 .c-block-interview-body {
    position: relative;
  }
  .is-04 .c-block-interview-img img {
    position: relative;
    z-index: 2;
  }
  .c-block-interview-img-01 {
    content: '';
    position: absolute;
    top: 841px;
  }
  .is-02 .c-block-interview-img-01, .is-04 .c-block-interview-img-01 {
    left: auto;
    /*right: 22%;*/
    right: calc(50% - 550px);
  }
  .is-03 .c-block-interview-img-01 {
    left: calc(50% - 550px);
  }
  .career-roadmap-area {
    position: relative;
  }
  .career-roadmap-area:before {
    content: '';
    position: absolute;
    width: 324px;
    height: 337px;
    display: block;
    top: 0;
    left: calc(50% - 683px);
    z-index: 1;
  }
  body.interview.management .career-roadmap-area:before {
    background: url(../img/bg-career-roadmap.png) no-repeat 0 0;
  }
  body.interview.development .career-roadmap-area:before {
    background: url(../img/bg-career-roadmap-d.png) no-repeat 0 0;
    width: 510px;
    height: 415px;
  }
  .career-roadmap-area:after {
    content: '';
    position: absolute;
    width: 1100px;
    height: 520px;
    top: 74px;
    left: calc(50% - 525px);
    z-index: 1;
  }
  body.interview.management .career-roadmap-area:after {
    background-color: rgba(11, 133, 142, 0.18);
  }
  body.interview.development .career-roadmap-area:after {
    background-color: rgba(15, 109, 181, 0.18);
  }
  body.interview.management .career-roadmap-area .container {
    background: #fff url(../img/bg_careerplan-roadmap-m-pc.png) no-repeat 48px 306px;
  }
  body.interview.development .career-roadmap-area .container {
    background: #fff url(../img/bg_careerplan-roadmap-d-pc.png) no-repeat 48px 306px;
  }
  .career-roadmap-area .container {
    max-width: 1100px;
    height: 520px;
    padding: 40px 45px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }
  .roadmap-txt.block01 {
    position: absolute;
    top: 141px;
    left: 55px;
  }
  .roadmap-txt.block02 {
    position: absolute;
    top: 335px;
    left: 303px;
  }
  .roadmap-txt.block03 {
    position: absolute;
    top: 141px;
    left: 550px;
  }
  .roadmap-txt.block04 {
    position: absolute;
    top: 335px;
    left: 798px;
  }
  .roadmap-txt.block01:before, .roadmap-txt.block01:after, .roadmap-txt.block01 dl,
  .roadmap-txt.block03:before, .roadmap-txt.block03:after, .roadmap-txt.block03 dl {
    clip-path: polygon(7.5% 0, 92.5% 0, 100% 13.3%, 100% 86.7%, 92.5% 100%, 0 100%, 0 13.3%);
  }
  .roadmap-txt.block02:before, .roadmap-txt.block02:after, .roadmap-txt.block02 dl,
  .roadmap-txt.block04:before, .roadmap-txt.block04:after, .roadmap-txt.block04 dl {
    clip-path: polygon(92.5% 0, 100% 13.3%, 100% 86.7%, 92.5% 100%, 7.5% 100%, 0 86.7%, 0 0);
  }
  .message-area {
    padding: 0;
  }
  .message-area .container {
    max-width: 1142px;
    padding: 100px 0;
  }
  body.interview main .message-area h2 {
    font-size: 28px;
    width: 675px;
    margin: 0 auto 40px;
    padding-bottom: 20px;
  }
  body.interview main .message-area h2:before, body.interview main .message-area h2:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 48.9%;
    height: 0;
    width: 0;
    border: 10px solid transparent;
  }
  body.interview.management main .message-area h2:before {
    border-top: 24px solid #0b858e;
  }
  body.interview.development main .message-area h2:before {
    border-top: 24px solid #0F6DB5;
  }
  body.interview main .message-area h2:after {
    margin-top: -3px;
    border-top: 21px solid #fff;
  }
  .message-area h2 + div {
    display: flex;
    justify-content: space-between;
  }
  .message-area .message-img {
    width: 376px;
    height: 419px;
  }
  .message-area .message-txt {
    width: 688px;
    align-self: center;
  }
  .message-area .message-txt .al-center {
    margin-bottom: 20px;
  }
  body.interview .message-area .linkbtn {
    width: 688px;
    height: 88px;
  }
  body.interview .message-area .linkbtn a {
    font-size: 20px;
    padding: 22px 0;
  }
  body.interview .message-area .linkbtn a, body.interview .message-area .linkbtn:after {
    width: 680px;
    height: 80px;
    clip-path: polygon(6% 0, 100% 0, 100% 66.6%, 94% 100%, 0 100%, 0% 33.3%);
  }
  body.interview .message-area .linkbtn:after {
    top: 8px;
    left: 8px;
  }
  .timeschedule-area {
    background: linear-gradient(#fff 0%, #fff 3%, #ecf2fa 3%, #ecf2fa 100%);
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    padding-top: 68px;
    padding-bottom: 120px;
  }
  .interview-04 .timeschedule-area {
    background: #ecf2fa;
  }
  .timeschedule-area:before {
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: calc(100% - 180px);
    z-index: 1;
  }
  .timeschedule-area:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1250px;
    width: 78%;
    height: 165px;
    z-index: 0;
  }
  body.interview.management .timeschedule-area:before {
    background: url(../img/bg-timeschedule-area-m-pc.png) repeat-y center 0;
  }
  body.interview.development .timeschedule-area:before {
    background: url(../img/bg-timeschedule-area-d-pc.png) repeat-y center 0;
  }
  body.interview.management .timeschedule-area:after {
    background-color: #0b858e;
  }
  body.interview.development .timeschedule-area:after {
    background-color: #0F6DB5;
  }
  .career-roadmap-area h2, .timeschedule-area .timeschedule-area-inner h2 {
    position: relative;
    text-align: center !important;
    line-height: 49px;
    padding: 0 25px;
    margin: 0 auto !important;
  }
  .career-roadmap-area h2 {
    max-width: 340px;
  }
  .timeschedule-area .timeschedule-area-inner h2 {
    max-width: 390px;
    margin-bottom: 30px !important;
  }
  body.interview .career-roadmap-area h2:before, body.interview .timeschedule-area .timeschedule-area-inner h2:before, body.interview .career-roadmap-area h2:after, body.interview .timeschedule-area .timeschedule-area-inner h2:after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
  }
  body.interview.management .career-roadmap-area h2:before, body.interview.management .timeschedule-area .timeschedule-area-inner h2:before, body.interview.management .career-roadmap-area h2:after, body.interview.management .timeschedule-area .timeschedule-area-inner h2:after {
    background: url(../img/bg-headingh2-m.png) repeat-x 0 0;
  }
  body.interview.development .career-roadmap-area h2:before, body.interview.development .timeschedule-area .timeschedule-area-inner h2:before, body.interview.development .career-roadmap-area h2:after, body.interview.development .timeschedule-area .timeschedule-area-inner h2:after {
    background: url(../img/bg-headingh2-d.png) repeat-x 0 0;
  }
  .timeschedule-area-inner {
    width: 900px;
    margin: 0 auto;
    padding: 40px 110px;
    position: relative;
    z-index: 2;
  }
  .interview-area:before {
    content: '';
    position: absolute;
    top: 210px;
    left: calc(50% + 150px);
    width: 535px;
    height: 353px;
    background: url(../img/bg-interview-img-pc.png) no-repeat 0 0;
  }
  .interview-area h2, .interview-area .interview-img + p, .interview-area .linkbtn {
    width: 630px;
  }
  .interview-area h2 {
    margin-bottom: 30px;
    display: inline-block;
  }
  .interview-area .interview-img + p {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 30px;
  }
  .interview-area .linkbtn {
    margin: 0 !important;
  }
  .interview-area .linkbtn a {
    padding: 22px 0 !important;
  }
  .interview-area .interview-img {
    width: 430px;
    height: 430px;
    float: right;
  }
  .interview-area .interview-img .interview-name {
    font-size: 16px;
    line-height: 40px;
    width: 98px;
    height: 40px;
  }
  .interview-area .h2 {
    font-size: 28px;
  }
  body.page-recruit .linkbtn-area {
    margin: 0;
    padding: 0;
  }
  .linkbtn-area .linkbtn {
    width: 990px;
    height: 90px;
  }
  .linkbtn-area .linkbtn + .linkbtn {
    display: none;
  }
  .linkbtn-area .linkbtn:after, .linkbtn-area .linkbtn a {
    width: 980px;
    height: 80px;
    clip-path: polygon(4% 0, 100% 0, 100% 50%, 96% 100%, 0 100%, 0% 50%);
  }
  .linkbtn-area .linkbtn a {
    font-size: 32px;
    line-height: 1.4375;
    padding: 17px 0;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .linkbtn-area .linkbtn:after {
    top: 10px;
    left: 10px;
  }
}
@media screen and (min-width: 1000px) {
  /*body.interview .interview-link-area .member-detail .member-detail-inner {
    padding: 10px 21px 10px 15px;
  }*/
}
@media screen and (min-width: 1000px) and (max-width: 1050px) {
  body.interview .interview-link-area .member-detail {
    width: 88%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  body.interview main article:after {
    top: 210vw;
  }
  .interview-area:before {
    right: 0;
  }
  .slick-initialized .slick-slide {
    width: 50vw;
  }
  body.interview section .container {
    max-width: calc(100% - 25px) !important;
    margin: 0 auto;
  }
  .c-block-interview-body {
    width: 60%;
  }
  .c-block-interview-img-01 {
    display: none;
  }
  .is-01 .c-block-interview-img, .is-03 .c-block-interview-img {
    padding-right: 45%;
    height: auto;
  }
  .is-02 .c-block-interview-img, .is-04 .c-block-interview-img {
    padding-left: 45%;
    height: auto;
  }
  .is-01 .c-block-interview-body, .is-03 .c-block-interview-body {
    margin-left: 40%;
  }
  .is-02 .c-block-interview-body, .is-04 .c-block-interview-body {
    margin: -20vw 40% auto 0;
  }
  .timeschedule-area-inner {
    width: 90vw;
    padding: 40px 8vw;
  }
  body.interview .message-area .linkbtn, body.interview .message-area .linkbtn a, body.interview .message-area .linkbtn:after {
    width: 95%;
  }
  .message-area .message-txt {
    width: 65%;
    margin-left: 30px;
  }
  .interview-area h2, .interview-area .interview-img + p, .interview-area .linkbtn {
    width: 65%;
    margin-right: 30px;
  }
  .interview-area .interview-img {
    width: calc(35% - 30px);
    height: auto;
    margin-top: 50px;
  }
  .interview-area:before {
    height: 40%;
  }
  .label-mg:before,
  .label-dev:before {
    top: 74px;
  }
  .interview-link-area:before {
    content: '';
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    height: calc(100% - 95px);
    background: linear-gradient(270deg, #0F6DB5 0%, #0b858e 100%) 50% 0% no-repeat;
    z-index: 0;
  }
  body.interview main article:after {
    height: 145vw;
  }
  body.interview .linkbtn, .linkbtn-area .linkbtn:after, .linkbtn-area .linkbtn a {
    width: 95%;
  }
  .interview-02 .c-block-interview.is-03:before {
    height: 120vw;
  }
  body.interview #mainvisual .mainvisual_txt {
    width: 50%;
    margin: -35vw 0 0 50%;
    padding: 20px;
    clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
  }
  body.interview #mainvisual .mainvisual_txt h1 {
    font-size: 28px;
    margin: 6vw 0 5vw;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail {
    margin-bottom: 5vw;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail + p {
    margin: 0 0 2vw 4vw;
  }
  .c-block-interview.is-01 {
    margin-top: -12vw;
  }
  .c-block-interview {
    padding: 0;
  }
  .is-01 .c-block-interview-img, .is-03 .c-block-interview-img {
    padding-right: 46%;
    height: auto;
  }
  .career-roadmap-area:before {
    left: 0;
  }
  .roadmap-txt dl {
    padding: 15px 8px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner h4 {
    font-size: 18px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner h4 + dl dt {
    font-size: 14px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner h4 + dl dd {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  .timeschedule-area:after {
    min-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .career-roadmap-area:before {
    left: 0;
  }
  body.interview.management .career-roadmap-area:after {
    width: 95vw;
    left: calc(50% - 45vw);
  }
  body.interview.management .career-roadmap-area .container {
    background-size: 85vw;
    background-position: 2vw 307px;
  }
  .interview-area:before {
    content: '';
    position: absolute;
    top: 210px;
    left: calc(50% + 126px);
    width: 37.5%;
    height: 50%;
    background: url(../img/bg-interview-img-pc.png) no-repeat 0 0;
  }
  .message-area .message-img {
    width: 30%;
  }
  .message-area .message-txt, body.interview .message-area .linkbtn {
    width: 65%;
  }
  body.interview .message-area .linkbtn, body.interview .message-area .linkbtn a, body.interview .message-area .linkbtn:after {
    width: 100%;
  }
  .interview-area h2, .interview-area .interview-img + p, .interview-area .linkbtn {
    width: 60%;
  }
  .interview-area .interview-img {
    width: 35%;
    height: auto;
    padding-top: 85px;
  }
  .roadmap-txt {
    width: 25%;
    height: 26%;
  }
  .roadmap-txt.block01 {
    left: 2.5vw;
  }
  .roadmap-txt.block02 {
    left: 24vw;
  }
  .roadmap-txt.block03 {
    left: 44vw;
  }
  .roadmap-txt.block04 {
    left: 66vw;
  }
  .roadmap-txt:after {
    width: 100%;
    height: 93.5%;
    top: 5px;
    left: 5px;
  }
  .roadmap-txt:before, .roadmap-txt dl {
    width: 101%;
    height: 95%;
  }
  .roadmap-txt dl dt {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .roadmap-txt dl dt span, .roadmap-txt dl dd {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .page-recruit #mainvisual .img-wrap {
    width: 100vw;
    height: 130vw;
  }
  .page-recruit #mainvisual .main-slide picture {
    width: 100vw !important;
    height: 130vw;
    display: inline-block;
  }
  .page-recruit #mainvisual .main-slide picture img {
    width: 100vw !important;
  }
  .page-recruit .member a:after {
    width: 88vw;
    height: 112vw;
    top: 16.5vw;
    left: 2vw;
  }
  .label-mg:before {
    top: 22vw;
    left: 0;
    width: 17vw;
    height: 9.6vw;
    background-size: cover;
  }
  .label-dev:before {
    top: 22vw;
    left: 0;
    width: 17vw;
    height: 9.6vw;
    background-size: cover;
  }
  .page-recruit .fr {
    flex-direction: column;
  }
  .page-recruit .fr.start {
    margin-top: 0;
  }
  .page-recruit .jobopenings:before {
    top: -11.5vw;
    border-width: 0 0 11.5vw 100vw;
  }
  .page-recruit .jobopenings h2 {
    font-size: 54px !important;
    line-height: 1.148;
  }
  .page-recruit .jobopenings h2 span {
    font-size: 18px;
  }
  .page-recruit .jobopenings h3 {
    font-size: 24px;
  }
  .interview .interview-link-area {
    padding: 60px 0 20px !important;
  }
  .interview .interview-link-area .slide .slick-slide {
    height: 182vw;
  }
  .interview #mainvisual {
    text-align: left;
  }
  .interview #mainvisual .mainvisual-img img {
    max-width: 100vw;
    width: 100vw;
  }
  body.interview #mainvisual .mainvisual_txt h1 {
    font-size: 24px;
    margin-top: 18.6vw;
    margin-bottom: 8vw;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail ul {
    font-size: 14px;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail p {
    font-size: 18px;
  }
  body.interview main section {
    padding: 0;
  }
  body.interview main section h2 {
    font-size: 20px;
    padding-right: 25px;
    margin-bottom: 0;
  }
  body.interview main section h2 span {
    font-size: 16px;
  }
  body.interview #mainvisual .mainvisual_txt {
    width: 96vw;
    margin-left: 4vw;
    padding: 0 7vw 10.6vw;
    overflow: hidden;
    margin-top: -43.2vw;
    height: auto;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail {
    margin-bottom: 10.7vw;
  }
  body.interview #mainvisual .mainvisual_txt .profile-detail + p {
    font-size: 16px;
  }
  .recruit-area .container,
  .other-members-area .container{
    padding: 65px 25px;
  }
  .other-members-area .container h2 {
    font-size: 20px !important;
    margin-bottom: 16px;
  }
  .other-members-area li a img {
    width: 60px;
    height: 60px;
  }
  .other-members-area li a p {
    font-size: 18px;
  }
  .other-members-area li a p span {
    font-size: 16px;
  }
  body.interview main section:nth-of-type(2) {
    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #ecf2fa 50%, #ecf2fa 100%);
  }
  .career-roadmap-area {
    padding: 8vw 0 16vw !important;
  }
  body.interview.management .career-roadmap-area {
    background: url(../img/bg-career-roadmap-sp.png) no-repeat 0 0 /86vw auto;
  }
  body.interview.development .career-roadmap-area {
    background: url(../img/bg-career-roadmap-d-sp.png) no-repeat 0 0 /86vw auto;
  }
  .career-roadmap-area:before {
    content: '';
    position: absolute;
    width: calc( 100vw - (25px + 15px));
    display: block;
    z-index: 1;
    top: 10.6vw;
    right: 4vw;
    height:  90.5%;
  }
  body.interview.management .career-roadmap-area:before {
    background-color: rgba(11, 133, 142, 0.18)
  }
  body.interview.development .career-roadmap-area:before {
    background-color: rgba(15, 109, 181, 0.18);
  }
  .career-roadmap-area .block-bg {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 50vw;
    height: 122.4vw;
    z-index: 0;
  }
  body.management .career-roadmap-area .block-bg {
    background: #ecf2fa url(../img/bg-career-roadmap-sp-02.png) no-repeat 0 0;
  }
  body.development .career-roadmap-area .block-bg {
    background: #ecf2fa url(../img/bg-career-roadmap-sp-03.png) no-repeat 0 0;
  }
  .career-roadmap-area:after {
    content: '';
    position: absolute;
    top: 70.4vw;
    left: 0;
    width: 40vw;
    height: 184vw;
    background-color: #ecf2fa;
    z-index: 0;
  }
  body.interview main section:nth-of-type(4) {
    background: linear-gradient(to right, #ecf2fa 0%, #ecf2fa 40%, #ffffff 40%, #ffffff 100%);
  }
  body.interview main section:nth-of-type(5) {
    background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, #ecf2fa 60%, #ecf2fa 100%);
  }
  body.interview main section:nth-of-type(6) {
    background: linear-gradient(to right, #ecf2fa 0%, #ecf2fa 50%, #ffffff 50%, #ffffff 100%);
  }
  body.interview main section:nth-of-type(2), body.interview main section:nth-of-type(4), body.interview main section:nth-of-type(5), body.interview main section:nth-of-type(6) {
    padding-bottom: 15vw;
  }
  .page-recruit #interview {
    padding-right: 17px;
    min-height: auto;
    padding-bottom: 0;
  }
  .page-recruit .member,
  .interview .member {
    height: 185vw;
  }
  .page-recruit .member + .member {
    margin-top: 60px !important;
  }
  body.interview.management .career-roadmap-area .container {
    background: #fff url(../img/bg_careerplan-roadmap-m-sp.png) no-repeat 20px 26vw;
  }
  body.interview.development .career-roadmap-area .container {
    background: #fff url(../img/bg_careerplan-roadmap-d-sp.png) no-repeat 20px 26vw;
  }
  .career-roadmap-area .container {
    margin: 0 25px 0 15px;
    padding: 30px 20px;
    position: relative;
    z-index: 1;
  }
  .roadmap-txt.block01 {
    margin-top: 9vw;
    margin-left: 8.5vw;
  }
  .roadmap-txt.block02 {
    margin-top: 6.5vw;
    margin-left: 8.5vw;
  }
  .roadmap-txt.block03 {
    margin-top: 6.5vw;
    margin-left: 8.5vw;
  }
  .roadmap-txt.block04 {
    margin-top: 6.5vw;
    margin-left: 8.5vw;
  }
  .roadmap-txt dl dt {
    font-size: 16px;
  }
  .roadmap-txt dl dt span, .roadmap-txt dl dd {
    font-size: 14px;
  }
  body.interview main .timeschedule-area {
    position: relative;
    padding: 16vw 0 27vw;
  }
  body.interview.management main .timeschedule-area {
    background: linear-gradient(to bottom, #0b858e 0%, #0b858e 18%, #ecf2fa 18%, #ecf2fa 100%);
  }
  body.interview.development main .timeschedule-area {
    background: linear-gradient(to bottom, #0F6DB5 0%, #0F6DB5 18%, #ecf2fa 18%, #ecf2fa 100%);
  }
  body.interview main .timeschedule-area:before {
    content: '';
    top: 25.8vw;
    left: 4vw;
    position: absolute;
    width: 92vw;
    height: 85%;
    z-index: 0;
  }
  body.interview.management main .timeschedule-area:before {
    background: url(../img/bg-timeschedule-area-m-sp.png) 0 0/cover repeat;
  }
  body.interview.development main .timeschedule-area:before {
    background: url(../img/bg-timeschedule-area-d-sp.png) 0 0/cover repeat;
  }
  .timeschedule-area .timeschedule-area-inner {
    background: #fff;
    position: relative;
    z-index: 1;
    margin: 0 25px;
    padding: 8vw 25px;
  }
  .career-roadmap-area h2, .timeschedule-area .timeschedule-area-inner h2 {
    position: relative;
    text-align: center !important;
    margin-bottom: 35px !important;
    width: 100%;
    height: 13.3vw;
    line-height: 10.6vw;
    padding-right: 0 !important;
  }
  body.interview main .timeschedule span::after {
    display: inline-block;
  }
  body.interview .career-roadmap-area h2:before, body.interview .timeschedule-area .timeschedule-area-inner h2:before, body.interview .career-roadmap-area h2:after, body.interview .timeschedule-area .timeschedule-area-inner h2:after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
  }
  body.interview.management .career-roadmap-area h2:before, body.interview.management .timeschedule-area .timeschedule-area-inner h2:before, body.interview.management .career-roadmap-area h2:after, body.interview.management .timeschedule-area .timeschedule-area-inner h2:after {
    background: url(../img/bg-headingh2-m.png) repeat-x 0 0;
  }
  body.interview.development .career-roadmap-area h2:before, body.interview.development .timeschedule-area .timeschedule-area-inner h2:before, body.interview.development .career-roadmap-area h2:after, body.interview.development .timeschedule-area .timeschedule-area-inner h2:after {
    background: url(../img/bg-headingh2-d.png) repeat-x 0 0;
  }
  body.interview main .c-block-interview-img {
    font-size: 0;
  }
  .c-block-interview-img-01 {
    display: none;
  }
  body.interview main .c-block-interview-body {
    padding: 24px 15px;
    width: 92vw;
    margin: 20px auto;
  }
  .roadmap-txt:before, .roadmap-txt:after, .roadmap-txt dl {
    clip-path: polygon(92.5% 0, 100% 13.3%, 100% 86.7%, 92.5% 100%, 7.5% 100%, 0 86.7%, 0 0) !important;
  }
  body.interview main .timeschedule {
    position: relative;
    min-height: 89px;
  }
  body.interview main .timeschedule:first-of-type:after {
    display: none;
  }
  body.interview main .timeschedule:after {
    content: '';
    position: absolute;
    bottom: 108%;
    left: 10px;
    display: block;
    width: 2px;
    height: 32px;
  }
  body.interview main .timeschedule:last-of-type {
    min-height: 42px;
  }
  body.interview.management main .timeschedule:after {
    background: url(../img/bg-timeschedule-line.png) repeat-y 0 0;
  }
  body.interview.development main .timeschedule:after {
    background: url(../img/bg-timeschedule-line02.png) repeat-y 0 0;
  }
  body.interview main .timeschedule dt {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
  }
  body.interview main .timeschedule dt::after {
    display: block;
    margin-left: 0;
  }
  body.interview main .timeschedule dd {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 16px;
    width: 60vw;
    font-size: 16px;
    line-height: 1.4;
  }
  body.interview main .message-area {
    padding: 16vw 0;
  }
  body.interview main .message-area > div {
    display: flex;
    flex-direction: column;
  }
  body.interview main .message-area .message-img {
    margin-right: 25px;
  }
  body.interview main .message-area p {
    margin: 20px 25px 0;
  }
  body.interview main .message-area h2 {
    text-align: center;
    margin: 0 4vw 9vw;
    padding: 0 0 10px;
    border-bottom: 2px solid #0b858e;
    position: relative;
  }
  body.interview main .message-area h2:before, body.interview main .message-area h2:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 48.9%;
    height: 0;
    width: 0;
    border: 8px solid transparent;
  }
  body.interview main .message-area h2:before {
    border-top: 11px solid #0b858e;
  }
  body.interview main .message-area h2:after {
    margin-top: -4px;
    border-top: 12px solid #fff;
  }
  body.interview main .message-area .al-center + .linkbtn {
    margin: 8px 25px 0;
  }
  body.interview .recruit-area h2 {
    font-size: 20px !important;
    margin-bottom: 20px;
    padding: 0;
  }
  body.interview .interview-link-area:before {
    top: 200px;
    padding-bottom: 50px;
    height: 140vw;
  }
  body.interview .interview-link-area a {
    text-decoration: none;
    width: calc(100vw - (21px + 17px));
    position: relative;
    display: block;
    height: 100%;
  }
  body.interview .interview-link-area a:hover {
    filter: brightness(110%);
  }
  body.interview .interview-link-area a:after {
    width: 88vw;
    height: 112vw;
    left: 2vw;
    z-index: -1;
    top: 16.5vw;
    /*top: -100vw;*/
  }
  body.interview .label-mg.slick-slide img, body.interview .label-dev.slick-slide img {
    width: calc(100vw - (21px + 17px));
    padding-right: 3vw;
  }
  body.page-recruit .member-detail,
  body.interview .interview-link-area .member-detail {
    left: 8.9vw;
    bottom: auto;
    width: 96%;
    margin-top: -120px;
    letter-spacing: -1.3px;
    min-height: 76vw;
  }
  body.page-recruit .member-detail,
  body.interview .member-detail {
    left: 4%;
  }

  body.interview .interview-link-area .member-detail .member-detail-inner h4 {
    text-align: left;
    margin-bottom: 15px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner dt {
    font-size: 16px;
  }
  body.interview .interview-link-area .member-detail .member-detail-inner dd {
    font-size: 18px;
  }
  body.page-recruit main section.linkbtn-area {
    padding: 0;
  }
  body.interview main section.linkbtn-area {
    padding: 65px 25px;
  }
  body.page-recruit .linkbtn,
  body.interview .linkbtn {
    width: calc(100vw - 50px);
  }
  .linkbtn-area .linkbtn + .linkbtn {
    margin-top: 30px;
  }
  body.page-recruit .linkbtn a,
  body.interview .linkbtn a {
    font-size: 20px;
    padding: 12px 0;
  }
  body.page-recruit .linkbtn:after,
  body.interview .linkbtn:after {
    top: 6px;
    left: 6px;
  }
  body.page-recruit .linkbtn:after, body.page-recruit .linkbtn a,
  body.interview .linkbtn:after, body.interview .linkbtn a {
    width: 86vw;
    height: 60px;
    clip-path: polygon(6% 0, 100% 0, 100% 66.6%, 94% 100%, 0 100%, 0% 33.3%);
  }
  body.interview .message-area .linkbtn a {
    font-size: 16px;
    padding: 16px 0;
  }
  .interview-area {
    padding: 60px 0 60px 25px !important;
  }
  .interview-area .container {
    display: flex;
    flex-direction: column;
  }
  .interview-area h2 {
    font-size: 20px;
    margin: 0 25px 0 0;
  }
  .interview-area .interview-img + p {
    margin: 0 25px 30px 0;
    font-size: 16px;
    line-height: 1.75;
  }
  body.interview .interview-area .linkbtn a {
    clip-path: none;
  }
  body.interview .linkbtn {
    margin: 0;
  }
  .interview-area .interview-img {
    width: calc(100vw - 25px);
    height: 92vw;
    margin: 30px 0 20px;
    background: url(../img/bg-interview-img.png) no-repeat 15px 75px /cover;
  }
  .interview-area .interview-img {
    width:calc(100vw - 25px);
  }
  .interview-area .interview-img > div {
    width: calc(100vw - 50px);
    height: calc(100vw - 50px);
    position: relative;
  }
  .interview-area .interview-img > div img {
    width: 100%;
  }
  .interview-area .interview-img .interview-name {
    font-size: 12px;
    line-height: 30px;
    width: 74px;
    height: 30px;
    right: 0;
    bottom: 0;
  }
  .recruit-area li a {
    border: 2px solid #070F26;
  }
  #pagetop, #pagetop a, #pagetop a:hover, #pagetop a:active, #pagetop a:visited {
    border-radius: 0 !important;
  }
  #pagetop {
    bottom: 0;
  }
  #pagetop.pagetop_bottom01 {
    bottom: 60px;
  }
  #ftinqy {
    background: rgba(7, 15, 38, 0.7);
  }
  #ftinqy.ftactive {
    width: 100vw;
    height: 60px;
    bottom: 0;
    padding: 10px 25px;
  }
  #ftinqy::before {
    display: none;
  }
  #ftinqy a {
    background: linear-gradient(to right, #f0521f, #fcd082);
    font-size: 16px;
    text-align: center;
    padding: 2vw 0;
    height: 100%;
    clip-path: polygon(4.6% 0, 100% 0, 100% 62.5%, 95.4% 100%, 0 100%, 0 37.5%);
  }
  .interview-link-area .slide {
    width: 100%;
    height: 100%;
    padding: 0 17px 0 22px;
  }
  .prev_icon, .next_icon {
    width: 50px;
  }
  body.interview .member-detail:after {
    width: 90.6% !important;
    height: 77vw;
  }
  body.interview .member-detail .member-detail-inner {
    width: 90.6% !important;
    padding: 65px 15px 75px;
  }
  body.interview .member-detail .member-detail-inner p.more {
    bottom: 6vw;
  }
}

@media screen and (max-width: 1390px) {
  #mainvisual,
  .career-roadmap-area,
  .c-block-interview,
  .message-area,
  .interview-area {
    overflow: hidden;
  }
}
@media screen and (max-width: 374px) {
  .page-recruit .member a img {
    padding-right: 3vw !important;
  }
  body.interview .label-mg.slick-slide img,
  body.interview .label-dev.slick-slide img {
    padding-right: 5vw !important;
  }
  .page-recruit .member a:after {
    left: 1.5vw;
    width: 86vw;
    height: 109vw;
  }
  body.interview .interview-link-area a:after {
    width: 85vw;
    height: 109vw;
  }
  body.interview .interview-link-area .member-detail,
  body.page-recruit .member-detail {
    left: 9.2vw !important;
    width: 78vw !important;
    height: 73vw !important;
  }
  body.page-recruit .member-detail h4,
  body.interview .interview-link-area .member-detail .member-detail-inner h4 {
    font-size: 17px;
  }
  .page-recruit dl dt,.page-recruit dl dd,
  body.interview .interview-link-area .member-detail .member-detail-inner dt,
  body.interview .interview-link-area .member-detail .member-detail-inner dd {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  body.page-recruit .member-detail:after {
    height: 84vw !important;
  }
}
@media screen and (max-width: 374px) {
  body.interview .member-detail .member-detail-inner,
  body.interview .member-detail:after {
    width: 96.5% !important;
  }
  body.interview .member-detail:after {
    height: 78vw !important;
  }
}
@media screen and (max-width: 320px) {
  body.interview .member-detail .member-detail-inner,
  body.interview .member-detail:after {
    width: 95% !important;
  }
  body.interview .member-detail:after {
    height: 89.5vw !important;
  }
}