@charset "utf-8";
/* *****************************************************************************

  project index style

***************************************************************************** */
/* project-list */
.project-list > .-item{
  margin-top: 2rem;
  overflow: hidden;
}
.project-list > .-item:nth-child(1){
  margin-top: 0;
}
.project-list > .-item > a{
  display: block;
  width: 100%;
  height: 360px;
  position: relative;
}
.project-list > .-item > a::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.project-list > .-item > a:hover::before{
  opacity: 0.5;
}
.project-list-01 > a::before{
  background-color: #1d3166;
}
.project-list-02 > a::before{
  background-color: #eb6001;
}
.project-list-03 > a::before{
  background-color: #d92c25;
}
.project-list > .-item > a::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.5s;
}
.project-list-01 > a::after{
  background: url(/assets/images/jobs/project/img-project-list-01.jpg) center center no-repeat;
  background-size: cover;
}
.project-list-02 > a::after{
  background: url(/assets/images/jobs/project/img-project-list-02.jpg) center center no-repeat;
  background-size: cover;
}
.project-list-03 > a::after{
  background: url(/assets/images/jobs/project/img-project-list-03.jpg) center center no-repeat;
  background-size: cover;
}
.project-list > .-item > a:hover::after{
  transform: scale(1.1);
  transition-duration: 0.5s;
}

@media screen and (max-width : 760px){
  /* project-list */
  .project-list > .-item > a{
    height: auto;
    aspect-ratio: 335/380;
  }
  .project-list-01 > a::after{
    background: url(/assets/images/jobs/project/img-project-list-01-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .project-list-02 > a::after{
    background: url(/assets/images/jobs/project/img-project-list-02-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .project-list-03 > a::after{
    background: url(/assets/images/jobs/project/img-project-list-03-sp.jpg) center center no-repeat;
    background-size: cover;
  }
}

/* project-list-text */
.project-list-text{
  position: absolute;
  left: 4rem;
  bottom: 4rem;
  z-index: 2;
}
.project-list-text > .-sub{
  font-size: 1.68rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.8rem;
  white-space: nowrap;
}
.project-list-text > .-sub > span{
  color: #000000;
  background-color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.2rem 0.8rem;
}
.project-list-text > .-main{
  font-weight: 700;
  font-size: 2.9rem;
  line-height: 1.8;
  white-space: nowrap;
}
.project-list-text > .-main > span{
  color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.1rem 0.8rem;
}
.project-list-text > .-main > .-navy{
  background-color: #1d3166;
}
.project-list-text > .-main > .-orange{
  background-color: #eb6001;
}
.project-list-text > .-main > .-red{
  background-color: #d92c25;
}
.project-list-text > .-main > span > br.-sp{
  display: none;
}

@media screen and (max-width: 760px){
  /* project-list-text */
  .project-list-text{
    left: 4.7761%;
    bottom: 17.1063%;
  }
  .project-list-text > .-sub{
    font-size: 3.3vw;
    margin-bottom: 5%;
  }
  .project-list-text > .-sub > span{
    padding: 1% 2.5%;
  }
  .project-list-text > .-main{
    font-size: 5.4vw;
    line-height: 2;
  }
  .project-list-text > .-main > span{
    padding: 1% 2.5%;
  }
  .project-list-text > .-main > span > br.-pc{
    display: none;
  }
  .project-list-text > .-main > span > br.-sp{
    display: inline;
  }
}

/* project-list-number */
.project-list-number{
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 6rem;
  line-height: 1;
  position: absolute;
  top: 3.4rem;
  left: 4.2rem;
  z-index: 2;
}

@media screen and (max-width : 760px){
  /* project-list-number */
  .project-list-number{
    top: 4.2105%;
    left: 5.0746%;
    font-size: 12.25vw;
  }
}

/* project-list-arrow */
.project-list-arrow{
  width: 4rem;
  height: 4rem;
  background: url(/assets/images/jobs/project/arrow-project-list.svg) center center no-repeat;
  background-size: cover;
  position: absolute;
  right: 4rem;
  bottom: 5rem;
  z-index: 2;
}

@media screen and (max-width : 760px){
  /* project-list-arrow */
  .project-list-arrow{
    width: 9.5522%;
    height: auto;
    aspect-ratio: 1/1;
    left: 4.7761%;
    right: auto;
    bottom: 5.2631%;
  }
}

/* *****************************************************************************

  project detail style

***************************************************************************** */
/* kv-project */
.kv-project{
  margin-top: 4rem;
  margin-bottom: 8rem;
  padding-left: 6rem;
  padding-right: 6rem;
}
.kv-project > .-inner{
  max-width: 1200px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}

@media print, screen and (max-width: 1240px){
  /* kv-project */
  .kv-project{
      padding-right: 0;
  }
}

@media print, screen and (max-width: 1000px){
  /* kv-project */
  .kv-project{
    padding-left: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* kv-project */
  .kv-project{
    margin-top: 2.2rem;
    margin-bottom: 5.5rem;
    padding-left: 0;
  }
  .kv-project > .-inner{
    height: auto;
    display: block;
  }
}

/* kv-project-img */
.kv-project-img{
  width: 1000px;
}
.kv-project-img > .-pc{
  width : 100%;
}
.kv-project-img.kv-project-img-01 > .-pc{
  display: flex;
}
.kv-project-img > .-pc > .-item{
  width : 100%;
  height: 500px;
}
.kv-project-img.kv-project-img-01 > .-pc > .-item{
  width: 50%;
  height: 500px;
  display: flex;
}
.kv-project-img > .-sp{
  display: none;
}

@media print, screen and (max-width: 1240px){
  /* kv-project-img */
  .kv-project-img{
    width: 83.333%;
  }
  .kv-project-img > .-pc > .-item > img{
    display: none;
  }
  .kv-project-img-01 > .-pc > .-item:nth-child(1){
    background: url(/assets/images/jobs/project/project1/img-main-project-01-01.jpg) center center no-repeat;
    background-size: cover;
  }
  .kv-project-img-01 > .-pc > .-item:nth-child(2){
    background: url(/assets/images/jobs/project/project1/img-main-project-01-02.jpg) center center no-repeat;
    background-size: cover;
  }
  .kv-project-img-02 > .-pc > .-item{
    background: url(/assets/images/jobs/project/project2/img-main-project-02.jpg) center center no-repeat;
    background-size: cover;
  }
  .kv-project-img-03 > .-pc > .-item{
    background: url(/assets/images/jobs/project/project3/img-main-project-03.jpg) center center no-repeat;
    background-size: cover;
  }
}

@media print, screen and (max-width: 760px){
  /* kv-project-img */
  .kv-project-img{
    width: 100%;
  }
  .kv-project-img > .-pc{
    display: none;
  }
  .kv-project-img.kv-project-img-01 > .-pc{
    display: none;
  }
  .kv-project-img > .-sp{
    display: block;
  }
  .kv-project-img > .-sp > img{
    width: 100%;
  }
}

/* kv-project-primary */
.kv-project-primary{
  position: absolute;
  left: 0;
  bottom: 7.5rem;
}

@media print, screen and (max-width: 1240px){
  /* kv-project-primary */
.kv-project-primary{
  bottom: 6vw;
}
}

@media print, screen and (max-width: 760px){
  /* kv-project-primary */
  .kv-project-primary{
    position: static;
    padding-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* kv-project-data */
.kv-project-data{
  margin-bottom: 2.4rem;
}
.kv-project-data > .-number{
  font-size: 1.8rem;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
  margin-bottom: 2.2rem;
}
.kv-project-data > .-profile{
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1;
}
.kv-project-data > .-profile > span{
  color: #000000;
  background-color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.2rem 1rem;
}

@media screen and (max-width: 760px){
  /* kv-project-data */
  .kv-project-data{
    margin-bottom: 1.2rem;
  }
  .kv-project-data > .-number{
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .kv-project-data > .-profile{
    font-size: 1.6rem;
    line-height: 2;
  }
  .kv-project-data > .-profile > span{
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}

/* kv-project-catch */
.kv-project-catch{
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1.8;
  white-space: nowrap;
}
.kv-project-catch > span{
  background-color: #1d3166;
  color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.1rem 1rem;
}
.kv-project-catch > .-orange{
  background-color: #eb6001;
}
.kv-project-catch > .-red{
  background-color: #d92c25;
}

@media screen and (max-width: 1000px){
  /* kv-project-catch */
  .kv-project-catch{
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 760px){
  /* kv-project-catch */
  .kv-project-catch{
    white-space: normal;
    font-size: 2.7rem;
    line-height: 1.85;
  }
  .kv-project-catch > span > br{
    display: none;
  }
}

/* project-member-box */
.project-member-box{
  margin-top: 3rem;
}
.project-member-box > .-box{
  margin-top: 3rem;
  display: flex;
  align-items: center;
}
.project-member-box > .-box:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width: 1000px){
  /* project-member-box */
  .project-member-box > .-box{
    display: block;
    margin-top: 4rem;
  }
}

@media screen and (max-width: 760px){
  /* project-member-box */
  .project-member-box > .-box{
    margin-top: 3rem;
  }
}

/* project-member-profile */
.project-member-profile{
  display: flex;
  align-items: center;
  width: 320px;
}
.project-member-profile > .-img{
  width: 140px;
  border-radius: 50%;
}
.project-member-profile > .-img > img{
  border-radius: 50%;
  width: 100%;
}
.project-member-profile > .-primary{
  padding-left: 3rem;
  flex: 1;
}
.project-member-profile > .-primary > .-name{
  font-size: 2rem;
  line-height: 1;
  white-space: nowrap;
}
.project-member-profile > .-primary > .-data{
  font-size: 1.4rem;
  line-height: 1.7143;
  margin-top: 1.1rem;
}

@media screen and (max-width: 1000px){
  /* project-member-profile */
  .project-member-profile{
    width: 100%;
  }
  .project-member-profile > .-primary{
    width: 100%;
    flex: 1;
  }
  .project-member-profile > .-primary > .-data > .-sp{
    display: none;
  }
}

@media screen and (max-width: 760px){
  /* project-member-profile */
  .project-member-profile > .-primary{
    padding-left: 2.5rem;
  }
  .project-member-profile > .-primary > .-data > .-sp{
    display: inline;
  }
}

/* project-member-text */
.project-member-text{
  padding-left: 3rem;
  flex: 1;
}
.project-member-text > p{
  font-size: 1.6rem;
  line-height: 2;
}
 
@media screen and (max-width: 1000px){
  /* project-member-text */
  .project-member-text{
    margin-top: 3rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 760px){
  /* project-member-text */
  .project-member-text{
    margin-top: 2.5rem;
  }
}

/* interview-box */
.interview-box{
  margin-top: 4.5rem;
}

/* interview-item-item */
.interview-item{
  margin-top: 2em;
}
.interview-item:nth-child(1){
  margin-top: 0;
}
.interview-item > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 2em;
}
.interview-item > p:first-of-type{
  margin-top: 0;
}

/* interviewer-point */
.interviewer-point{
  position: relative;
  padding-left: 4em;
}
.interviewer-point::before{
  content: "";
  width: 3.5em;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 0.56em;
  left: 0;
  border-radius: 9999px;  
}

/* interviewee-point */
.interviewee-point > span{
  line-height: 4rem;
  display: inline-block;
  padding-right: 4.2em;
  position: relative;
}
.interviewee-point > span::after{
  content: "";
  width: 3.5em;
  height: 2px;
  background-color: #000000;
  position: absolute;
  top: 1.1em;
  right: 0;
  border-radius: 9999px;  
}

/* interviewee-takeichi */
.interviewee-takeichi{
  font-weight: 700;
  padding-left: 5.5rem;
  position: relative;
  height: 4rem;
  margin-bottom: 0.7em;
}
.interviewee-takeichi::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url(/assets/images/jobs/project/project1/img-project-member-01-01.jpg) center center no-repeat;
  background-size: cover;
}

/* interviewee-kawabe */
.interviewee-kawabe{
  font-weight: 700;
  padding-left: 5.5rem;
  position: relative;
  height: 4rem;
  margin-bottom: 0.7em;
}
.interviewee-kawabe::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url(/assets/images/jobs/project/project1/img-project-member-01-02.jpg) center center no-repeat;
  background-size: cover;
}

/* interviewee-mizuno */
.interviewee-mizuno{
  font-weight: 700;
  padding-left: 5.5rem;
  position: relative;
  height: 4rem;
  margin-bottom: 0.7em;
}
.interviewee-mizuno::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url(/assets/images/jobs/project/project2/img-project-member-02-01.jpg) center center no-repeat;
  background-size: cover;
}

/* interviewee-kaneko */
.interviewee-kaneko{
  font-weight: 700;
  padding-left: 5.5rem;
  position: relative;
  height: 4rem;
  margin-bottom: 0.7em;
}
.interviewee-kaneko::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url(/assets/images/jobs/project/project2/img-project-member-02-02.jpg) center center no-repeat;
  background-size: cover;
}

/* interviewee-mori */
.interviewee-mori{
  font-weight: 700;
  padding-left: 5.5rem;
  position: relative;
  height: 4rem;
  margin-bottom: 0.7em;
}
.interviewee-mori::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url(/assets/images/jobs/project/project2/img-project-member-02-03.jpg) center center no-repeat;
  background-size: cover;
}

/* interviewee-ota */
.interviewee-ota{
  font-weight: 700;
  padding-left: 5.5rem;
  position: relative;
  height: 4rem;
  margin-bottom: 0.7em;
}
.interviewee-ota::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: url(/assets/images/jobs/project/project3/img-project-member-03.jpg) center center no-repeat;
  background-size: cover;
}

/* interview-box-point */
.interview-box-point{
  margin-top: 3rem;
  margin-bottom: 3rem;
  background-color: #f6f6f6;
  border-radius: 0.5rem;
  padding: 4rem;
}

@media screen and (max-width: 760px){
  /* interview-box-point */
  .interview-box-point{
    padding: 2.5rem 2rem;
  }
}

/* number-point-list */
.number-point-list > .-item{
  margin-top: 3.5rem;
}
.number-point-list > .-item:nth-child(1){
  margin-top: 0;
}

/* number-point-heading */
.number-point-heading{
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.number-point-heading > .-number{
  font-size: 2.1rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-right: 1.5rem;
}
.number-point-heading .-tag > span{
  display: inline-block;
  color: #ffffff;
  background-color: #1d3166;
  font-size: 1.8rem;
  line-height: 3.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
}

/* number-point-list-text */
.number-point-list-text{
  font-size: 1.6rem;
  line-height: 2;
}

/* *****************************************************************************

  interview list style

***************************************************************************** */
/* interview-list */
.interview-list{
  display: flex;
  flex-wrap: wrap;
}
.interview-list > .-item{
  width: calc(100%/3 - 4rem * 2/3);
  margin-top: 8rem;
  margin-right: 4rem;
}
.interview-list > .-item:nth-child(3n){
  margin-right: 0;
}
.interview-list > .-item:nth-child(-n+3){
  margin-top: 0;
}
.interview-list > .-item > a{
  display: inline-block;
}
.interview-list > .-item > a > .-img{
  border-radius: 0.5rem;
  overflow: hidden;
}
.interview-list > .-item > a > .-img > img{
  width: 100%;
  display: block;
  -ms-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.interview-list > .-item > a:hover > .-img > img{
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.interview-list > .-item > a > .-img > img{
  width: 100%;
}
.interview-list > .-item > a > .-main{
  margin-top: 2.5rem;
}

@media print, screen and (max-width: 1000px){
  /* interview-list */
  .interview-list > .-item{
    width: calc(50% - 4rem * 1/2);
    margin-right: 4rem;
  }
  .interview-list > .-item:nth-child(3n){
    margin-right: 4rem;
  }
  .interview-list > .-item:nth-child(2n){
    margin-right: 0;
  }
  .interview-list > .-item:nth-child(3){
    margin-top: 8rem;
  }
}

@media print, screen and (max-width: 760px){
  /* interview-list */
  .interview-list > .-item{
    width: calc(50% - 2rem * 1/2);
    margin-right: 2rem;
    margin-top: 4rem;
  }
  .interview-list > .-item:nth-child(3n){
    margin-right: 2rem;
  }
  .interview-list > .-item:nth-child(2n){
    margin-right: 0;
  }
  .interview-list > .-item:nth-child(3){
    margin-top: 4rem;
  }
}

@media print, screen and (max-width: 760px){
  /* interview-list */
  .interview-list > .-item{
    width: calc(50% - 2rem * 1/2);
    margin-right: 2rem;
  }
  .interview-list > .-item:nth-child(3n){
    margin-right: 2rem;
  }
  .interview-list > .-item:nth-child(2n){
    margin-right: 0;
  }
}

@media print, screen and (max-width: 580px){
  /* interview-list */
  .interview-list > .-item{
    width: calc(50% - 1rem * 1/2);
    margin-right: 1rem;
  }
  .interview-list > .-item:nth-child(3n){
    margin-right: 1rem;
  }
  .interview-list > .-item:nth-child(2n){
    margin-right: 0;
  }
}

/* interview-list-catch */
.interview-list-catch > p{
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5556;
}

@media print, screen and (max-width: 760px){
  /* interview-list-catch */
  .interview-list-catch > p{
    font-size: 1.7rem;
  }
}

/* interview-list-data */
.interview-list-data{
  margin-top: 1.8rem;
}
.interview-list-data > .-position{
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.75;
  color: #1d3166;
  margin-bottom: 0.8rem;
}
.interview-list-data > .-position > .-sp{
  display: none;
}
.interview-list-data > .-profile{
  display: flex;
  align-items: center;
}
.interview-list-data > .-profile > .-name{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
.interview-list-data > .-profile > .-history{
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  color: #1d3166;
  margin-left: 2.2rem;
}

@media print, screen and (max-width: 580px){
  /* interview-list-data */
  .interview-list-data > .-position{
    margin-bottom: 1rem;
  }
  .interview-list-data > .-position > .-sp{
    display: inline;
  }
  .interview-list-data > .-profile{
    display: block;
  }
  .interview-list-data > .-profile > .-history{
    margin-top: 0.8rem;
    margin-left: 0;
  }
}

/* *****************************************************************************

  interview detail style

***************************************************************************** */
/* interview-page-nav */
.interview-page-nav{
  padding-left: 6rem;
  padding-right: 6rem;
  margin-top: 6rem;
}
.interview-page-nav > .-list{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}
.interview-page-nav > .-list > .-item{
  width: calc(100%/3 - 4.8rem * 2/3);
  margin-top: 2.8rem;
  margin-right: 4.8rem;
}
.interview-page-nav > .-list > .-item:nth-child(-n+3){
  margin-top: 0;
}
.interview-page-nav > .-list > .-item:nth-child(3n){
  margin-right: 0;
}
.interview-page-nav > .-list > .-item > a{
  width: 100%;
  display: inline-block;
  position: relative;
  padding-right: 3rem;
  padding-bottom: 0.7rem;
  background: url(/assets/images/arrow-page-nav-black.svg) right bottom 1.2rem no-repeat;
  background-size: 2rem auto;
}
.interview-page-nav > .-list > .-item > a::after{
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  bottom: -0.1rem;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
.interview-page-nav > .-list > .-item > a:hover::after{
  transform: scale(0, 1);
  transform-origin: right top;
}
.interview-page-nav > .-list > .-item > a > .-number{
  font-size: 1.2rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.5rem;
}
.interview-page-nav > .-list > .-item > a > .-main{
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
}

@media screen and (max-width : 1000px){
  /* interview-page-nav */
  .interview-page-nav{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .interview-page-nav > .-list > .-item{
    width: calc(100%/2 - 4rem * 1/2);
    margin-right: 4rem;
  }
  .interview-page-nav > .-list > .-item:nth-child(3n){
    margin-right: 4rem;
  }
  .interview-page-nav > .-list > .-item:nth-child(2n){
    margin-right: 0;
  }
  .interview-page-nav > .-list > .-item:nth-child(3){
    margin-top: 2.8rem;
  }
}

@media screen and (max-width : 760px){
  /* interview-page-nav */
  .interview-page-nav{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 4rem;
  }
  .interview-page-nav > .-list > .-item{
    width: calc(100%/2 - 2rem * 1/2);
    margin-right: 2rem;
  }
  .interview-page-nav > .-list > .-item:nth-child(3n){
    margin-right: 2rem;
  }
  .interview-page-nav > .-list > .-item:nth-child(2n){
    margin-right: 0;
  }
  .interview-page-nav > .-list > .-item > a > .-number{
    margin-bottom: 0.8rem;
  }
  .interview-page-nav > .-list > .-item > a > .-main{
    line-height: 1.35;
  }
}

/* *****************************************************************************

  career path style

***************************************************************************** */
/* career-path-box */
.career-path-box{
  /*padding-top: 4.2rem;*/
  padding-top: 0.8rem;
}
/*
.career-path-box > .-box{
  margin-top: 8rem; 
}
.career-path-box > .-box:nth-child(1){
  margin-top: 0;
}
*/

@media screen and (max-width : 760px){
  /* career-path-box */
  /*
  .career-path-box > .-box{
    margin-top: 6rem; 
  }
  */
}

@media screen and (max-width : 460px){
  /* marker-heading-career-path */
  /*
  .marker-heading-career-path > span > br{
    display: none;
  }
  */
}

/* career-path-specialist-box */
.career-path-specialist-box{
  /*
  max-width: 772px;
  height: 230px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6.5rem;
  padding-top: 2rem;
  display: flex;
  justify-content: space-between;
  background: url(/assets/images/jobs/career-path/bg-specialist.svg) left 58% top no-repeat;
  background-size: auto 230px;
  */
}

/* experience-box */
/*
.experience-box{
  width: 35.4922%;
}
*/

/* specialist-box */
/*
.specialist-box{
  width: 31.3472%;
}
*/

/* career-path-heading */
/*
.experience-box > .career-path-heading{
  margin-bottom: 2rem;
  padding-left: 1rem;
}
.specialist-box > .career-path-heading{
  margin-bottom: 2.5rem;
  padding-left: 6rem;
}
.career-path-heading > span{
  color: #1d3166;
  background-color: #ffd800;
  font-size: 1.6rem;
  line-height: 2.8rem;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}
*/

@media screen and (max-width : 1000px){
  /* career-path-heading */
  /*
  .career-path-heading{
    text-align: center;
  }
  .experience-box > .career-path-heading{
    margin-bottom: 2rem;
    padding-left: 0;
  }
  .specialist-box > .career-path-heading{
    margin-bottom: 2.5rem;
    padding-left: 0;
  }
  */
}

/* img-career-path */
.img-career-path{
  max-width: 772px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6.5rem;
}
.img-career-path > img{
  width: 100%;
}

@media screen and (max-width : 760px){
  /* img-career-path */
  .img-career-path{
    margin-bottom: 6rem;
  }
}

/* flow-list */
.flow-list{
  counter-reset: flow-list;
}
.flow-list > .-item{
  position: relative;
  padding-top: 0.3rem;
  padding-left: 5.8rem;
  padding-bottom: 6rem;
  display: flex;
  justify-content: space-between;
}
.flow-list > .-item:last-child{
  padding-bottom: 0;
}
.flow-list > .-item::before{
  counter-increment: flow-list;
  content: counter(flow-list, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  font-size: 1.8rem;
  width: 36px;
  height: 36px;
  line-height: 3.6rem;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  background-color: #1d3166;
  z-index: 1;
}
.flow-list > .-item::after{
  content: "";
  width: 1px;
  height: 100%;
  background-color: #1d3166;
  position: absolute;
  top: 0;
  left: 1.7rem;
}
.flow-list > .-item:last-child::after{
  display: none;
}

@media screen and (max-width: 1000px){
  /* flow-list */
  .flow-list > .-item{
    display: block;
  }
}

@media screen and (max-width: 760px){
  /* flow-list */
  .flow-list > .-item{
    padding-left: 5.2rem;
  }
  .flow-list > .-item::before{
    font-size: 1.7rem;
    width: 32px;
    height: 32px;
    line-height: 3.2rem;
  }
}

/* flow-list-title */
.flow-list-title{
  width: 40.133%;
  padding-right: 2.5rem;
}
.flow-list-title > .-tag > span{
  color: #1d3166;
  background-color: #ffd800;
  font-size: 1.8rem;
  line-height: 3rem;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}
.flow-list-title > .-catch{
  line-height: 1.4167;
  font-size: 2.4rem;
  padding-top: 2.2rem;
}

@media screen and (max-width: 1160px){
  .flow-list-title > .-catch > br.-sp{
    display: none;
  }
}

@media screen and (max-width: 1060px){
  /* flow-list-title */
  .flow-list-title > .-catch > br{
    display: none;
  }
}

@media screen and (max-width: 1000px){
  /* flow-list-title */
  .flow-list-title{
    width: 100%;
  }
}

@media screen and (max-width: 760px){
  /* flow-list-title */
  .flow-list-title > .-catch{
    font-size: 2.2rem;
    padding-top: 2.2rem;
  }
}

/* flow-list-text */
.flow-list-text{
  width: 59.867%;
  padding-top: 4.8rem;
}
.flow-list-text > p{
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 1000px){
  /* flow-list-text */
  .flow-list-text{
    width: 100%;
    padding-top: 2rem;
  }
}