@charset "UTF-8";
@media screen and (min-width: 768px) {
  #firstViewSection {
    z-index: 10;
  }
  /* #firstViewSection,
  #FV {
    min-height: 60vw;
  } */
  #FV{
    width: 100%;
    background-image:linear-gradient(-90deg, rgba(4,75,82,0)40%, rgba(4,75,82,.67) 100%);
    background-blend-mode: multiply;
  }
  h1 {
    writing-mode: initial;
    padding: 0 0 12vh;
    font-size: 7vh;
  }
  body.tate h1 {
    font-size: 4.06vw;
    padding-bottom: 7vw;
  }
  #FvTxt {
    padding: 19.24vh 0 0 8.39vw ;
    margin: 0;
    height: 100vh;
  }
  body.tate #FvTxt {
    padding-top: 10.8vw;
    bottom: 4.5vw;
  }
  #FvTxt h2 {
    font-size: 2.45vw;
    font-size: 4.4vh;
    padding-bottom: 2vh;
    font-weight: 500;
    letter-spacing: .2vw;
  }
  body.tate #FvTxt h2 {
    font-size: 2.45vw;
    padding-bottom: 2vh;
  }
  #FvTxt h3 {
    font-size: 3.55vh;
    padding: 0 0 5vh;
    width: 31.77vw;
  }
  body.tate #FvTxt h3{
    font-size: 2vw;
    padding-bottom: 3vw;
  }
  #FvTxt p {
    border-top: 1px solid #fff;
    width: 31.77vw;
    padding-top: 3.8vh;
    font-size: 2.1vw;
    font-size: 3.75vh;
    line-height: 4vw;
    line-height: 7vh;
  }
  body.tate #FvTxt p {
    padding-top: 2.1vw;
    font-size: 2.1vw;
    line-height: 4vw;
  }

  #firstViewSection video {
    height: auto;
    width: 100%;
  }

  .bgWhite {
    padding: 10.47vw 34.38vw 0;
    min-height: 52.5vw;
  }

  #profile {
    display: flex;
    flex-wrap: wrap;
  }

  #profile h3 {
    height: 36.19vw;
    padding: 0;
    width: auto;
    padding-right: 3.87vw;
    margin-right: 3.5vw;
    margin-bottom: 0;
    font-size: 2.29vw;
    line-height: 2.92vw;
    font-weight: 200;
    background: url(/jp/recruitment/assets/img/aboutStaffDetail/profileArrowPc.svg) no-repeat right top;
    background-size: contain;
  }
  .detail {
    margin-top: 0;
}
  .comment {
    width: 21.41vw;
    margin-left: 10vw;
    margin-top: -22vw;
    font-size: 0.99vw;
    line-height: 2.08vw;
  }

  #profile,
  .commentAttention {
    width: 31.82vw;
    margin: auto;

  }

  .commentAttention {
    padding-top: 1.18vw;
    padding-bottom: 0;
    width: 21.41vw;
    margin-left: 10vw;
    font-size: 0.73vw;
    line-height: 1.46vw;
  }

  .detail>span {
    font-size: 1.2vw;
    line-height: 1.82vw;
  }

  .detail .name span {
    font-size: 1.5vw;
  }

  .name span {
    display: inline;
    font-weight: bold;
    font-size: 1.6vw;
  }

  .detail .name {
    font-size: 1.2vw;
    padding-bottom: 1.75vw;
  }

  .detail .name b{
    font-size: 1.82vw;
  }

  .detail i {
    font-size: 1.2vw;
    line-height: 1.82vw;
}

  .videoWrap,
  .videoWrap iframe,
  .videoMp4Wrap{
    padding: 0;
    height: 28.91vw;
    padding-bottom: 0;
    aspect-ratio: initial;
  }
  .videoWrap video {
    width: 100%;
    height: auto;
    z-index: 1;
  }
  .videoWrap .playButton{
    height: 8.81vw;
    width: 6.25vw;
  }
  
  .videoMp4Wrap p{
    font-size: 3vw;
  }
  .videoMp4Wrap .thumbnail{
    object-fit: cover;
  }
  .videoMp4Wrap .playButton{
    margin: 15% auto 0;
  }

  #myStorySection {
    /* height: 53.54vw; */
    height: auto;
    padding: 0;
  }

  #myStorySection .controllScrollOver {
    height: 56.15vw;
    margin-top: 3.6vw;
    padding-bottom: 6.51vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li {
    width: 39.95vw;
    height: 49.64vw;
    font-size: 1vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li:first-child {
    margin-left: 20vw;
  }

  #myStorySection .controllScrollButtonWrap button {
    width: 3.11vw;
    height: 3.11vw;
  }

  #myStorySection .controllScrollButtonWrap {
    /* position: relative; */
    top: 4vw;
    padding-bottom: 50vw;
    z-index: 5;
    width: 7.79vw;
    margin: -57vw 0 0 48vw;
  }

  /* #myStorySection .controllScrollButtonWrap svg {
    fill: #fff;
  } */

  #myStorySection h1 {
    position: relative;
    z-index: 1;
    margin-left: 34.38vw;
    margin-top: 3.7vw;
    padding: 0;
    font-size: 2.86vw;
  }
  #myStorySection .controllScrollWrap .controllScrollItemWrap li p {
    line-height: 2.08vw;
    letter-spacing: -0.02vw;
}
  #myStorySection .controllScrollWrap .controllScrollItemWrap li p.myStoryTtl {
    font-size: 2.08vw;
    line-height: 3.5vw;
  }
  

  #myStorySection .controllScrollWrap .controllScrollItemWrap li {
    width: 39.95vw;
    font-size: 0.99vw;
    line-height: 2.08vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li {
    margin-right: 8.02vw;
    letter-spacing: -.06vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li:first-child {
    width: 21.82vw;
    margin-left: 34.38vw;
    padding-top: 4.06vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li:last-child {
    width: 21.82vw;
    padding-top: 4.06vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li.full .text{
    padding: 3.7vw 5.48vw 4.7vw;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li.full .myStoryTtl{
    text-align: center;
  }

  #myStorySection .controllScrollWrap .controllScrollItemWrap li img {
    margin: 3.21vw 0 3.8vw;
  }

  #QASection {
    padding: 9.53vw 34.38vw 4.4vw;
  }

  .Question {
    padding-bottom:3vw;
    font-size: 1.46vw;
    line-height: 1.98vw;
  }

  .Question p, .Answer p {
    display: block;
    padding-top: 1.1vw;
  }

  .Question p {
    line-height:2.3vw;
  }

  .Answer {
    padding-bottom: 5.73vw;
  }

  .Answer p{
    font-size: 0.99vw;
    line-height: 2.08vw;
  }

  .brackBG {
    padding: .1vw 0;
  }

  .Question img {
    width: auto;
    height: 4.11vw;
  }
  .Answer img{
    width: auto;
    height:3.42vw;
  }
  .Question img, .Answer img {
    margin-right: 2.48vw;
  }

  #oneDayScheduleSection {
    height: 34.95vw;
  }

  #oneDayScheduleSection h1 {
    writing-mode: initial;
    font-size: 1.56vw;
    font-weight: 400;
    padding: 7.08vw 0 0 34.38vw;
    position: relative;
    z-index: 1;
  }

  #oneDayScheduleSection .controllScrollWrap {
    height: 24vw;
    padding: 0vw 0 0 34.38vw;
    margin: 0;
  }

  #oneDayScheduleSection .controllScrollButtonWrap {
    /* position: relative; */
    /* margin: -26.8vw 0 0 54vw; */
    top: -3vw;
    right: 37vw;
    z-index: 5;
    width: 8.5vw;
    height: 4vw;
    color: #fff;
  }
  #oneDayScheduleSection .controllScrollButtonWrap button {
    height: 4vw;
    width: 4vw;
    position: relative;
    z-index: 5;
}
  #oneDayScheduleSection .controllScrollButtonWrap svg{
    height: 1.2vw;
    width: 1.2vw;
  }

  #oneDayScheduleSection .controllScrollWrap li {
    height: 19vw;
    width: 24vw;
  }

  #oneDayScheduleSection .controllScrollWrap li::after {
    width: 1vw;
    height: 1vw;
    top: 9.5vw;
  }

  #oneDayScheduleSection .controllScrollWrap li::before {
    height: 1vw;
  }

  #oneDayScheduleSection .controllScrollWrap li .time {
    padding-right: 1vw;
    font-size: 2vw;
  }
  #oneDayScheduleSection .controllScrollWrap ul {
    padding-left: 0;
    margin-left: 0;
}
#oneDayScheduleSection .controllScrollWrap li {
  padding-top: 3.8vw;
  padding-right: 0;
  width: 26.4vw;
}
#oneDayScheduleSection .controllScrollWrap li:last-child{
  margin-right: 40vw;
}
#oneDayScheduleSection .controllScrollWrap li::after {
  width: 1.62vw;
  height: 1.62vw;
  top: 3.1vw;
}
#oneDayScheduleSection .controllScrollWrap li .time {
  padding-right: 1.98vw;
  padding-top: 2.97vw;
  font-size: 2.19vw;
  line-height:2.19vw ;
}
#oneDayScheduleSection .controllScrollWrap li .scheduleDetail {
  width: 15vw;
  font-size: 0.99vw;
  line-height: 2.08vw;
}
#oneDayScheduleSection .controllScrollWrap li .wide{
  width: auto;
}
#oneDayScheduleSection .controllScrollWrap li .scheduleDetailTtl {
  font-size: 1.3vw;
  line-height: 1.98vw;
  padding: 2.97vw 0 .9vw;
}
}