@charset "UTF-8";
@media screen and (min-width: 768px) {
  main {
    background: none;
  }

  h1 {
    font-size: 2.45vw;
    padding: 7.14vw 8.39vw 0;
    margin-bottom: 0;
    text-align: left;
    letter-spacing: .2vw;
  }

  h1 span {
    font-size: 1.3vw;
    padding-bottom: 1.5vw;
    letter-spacing: 0;
  }

  .tab {
    display: block;
    width: 16.5vw;
    padding: 0;
    margin-left: 34vw;
    margin-top: -3vw;
  }

  .tab::after {
    content: none;
  }

  .tab li {
    height: 3.18vw;
    font-size: 1.41vw;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5vw 0 1.35vw;
    margin-bottom: 1.04vw;
  }

  .tab li:not(:last-child) {
    border-right: none;
    padding-right: .5vw;
  }

  .tab li.active {
    background-color: #fff;
    color: #346E91;
    border-radius: 9999px;

  }

  .tab li::after {
    content: "";
    display: block;
    background: url(/jp/recruitment/assets/img/vision/listArrow.svg) no-repeat center;
    background-size: 0.82vw auto;
    border-radius: 50%;
    width: 2.03vw;
    height: 2.03vw;
    border: 1px solid #fff;
  }

  .tab li.active::after {
    content: "";
    display: block;
    background: url(/jp/recruitment/assets/img/vision/listArrow.svg) no-repeat center, #346E91;
    background-size: 0.82vw auto;
    border-radius: 50%;
    width: 2.03vw;
    height: 2.03vw;
    border: none;
  }

  #projectTab.active,
  #globalTab.active {
    color: #000;
  }

  #projectTab.active::after,
  #globalTab.active::after {
    background: url(/jp/recruitment/assets/img/vision/listArrow.svg) no-repeat center, #1D5A90;
    background-size: 0.82vw auto;
  }

  #globalTab.active::after {
    background-color: #4A3007;
  }

  .tabContent {
    padding: 10.79vw 7.14vw 0 62.76vw;
    margin: -22.2vw 0 0;
    height: 62.5vw;
  }

  .tabContent.active {
    height: 62.5vw;
  }

  .tabContent h2 {
    font-size: 1.46vw;
    line-height: 2.6vw;
    padding-bottom: 2.07vw;
    letter-spacing: 0;
    margin: 0;
    font-weight: 300;
  }

  .tabContent h3 {
    font-size: 1.46vw;
    line-height: 2.6vw;
    letter-spacing: 0vw;
    padding: 0 0 1.6vw;
  }

  .tabContent h4 {
    font-size: 0.89vw;
    line-height: 1.2vw;
    font-weight: 400;
    letter-spacing: 0;
  }

  #global.tabContent p,
  .tabContent p {
    font-weight: 100;
    padding-bottom: 2.27vw;
    font-size: 0.73vw;
    line-height: 1.3vw;
    letter-spacing: 0;
  }

  #global.tabContent p {
    letter-spacing: -.021vw;
  }

  .tabInner {
    width: 22.5vw;
  }

  .linkWrap a,
  .linkWrap a.design {
    margin-bottom: 1.88vw;
    font-size: 0.78vw;
    letter-spacing: .15vw;
    font-weight: 200;
  }

  .linkWrap a.design {
    margin-bottom: 1.56vw;
    letter-spacing: .25vw;
  }

  a.more {
    padding: .79vw .81vw .79vw 1.41vw;

  }

  .more::after {
    width: 0.8vw;
    height: 0.23vw;
  }


  #product {
    background: url(/jp/recruitment/assets/img/vision/bg01Pc.png) no-repeat;
    background-size: cover;
    height: 62.5vw;
    padding-bottom: 0;
  }

  #business {
    padding-bottom: 1vw;
  }

  #business li {
    padding: 0.95vw 0;
    font-size: 0.89vw;
  }

  #business li h4::before,
  #business li h4::after,
  #business li.active h4::after {
    width: 0.78vw;
    top: 50%;
  }

  #business li p {
    margin: 1.56vw 0;
  }

  #business li img {
    margin-bottom: 1.97vw;
  }

  #project {
    background: url(/jp/recruitment/assets/img/vision/bg02Pc.png) no-repeat;
    background-size: contain;
    height: 62.5vw;
  }

  #projectInner {
    height: auto;
    display: flex;
    align-items: start;
    padding: 0 0 1.24vw;
  }

  #project img#projectImg {
    display: block;
    width: 10.94vw;
    height: auto;
    margin: 1vw 3.33vw 0 0;
  }

  #project p {
    padding-bottom: 0;
    line-height: 1.25vw;
    letter-spacing: -.003vw;
  }

  #project h3.pt {
    padding: 5.16vw 0 1.8vw;
    letter-spacing: 0;
    font-weight: 400;
  }

  #project a {
    height: 2.86vw;
    font-size: 0.78vw;
    margin-top: 2.81vw;
    padding: 1.04vw .6vw 1.04vw 1.4vw;
    font-weight: 200;
  }

  #project a::after {
    width: 0.8vw;
  }

  #global {
    background: url(/jp/recruitment/assets/img/vision/bg03Pc.png) no-repeat;
    background-size: cover;
    padding: 10.79vw 7.14vw 0 64.76vw;
  }

  #global .tabInner {
    width: 20.5vw;
  }

  #global .controllScrollWrap .controllScrollItemWrap li {
    width: 46.53vw;
    padding-left: 0;
  }

  #global .controllScrollOver {
    width: 46.53vw;
    margin-left: -29.52vw;
    padding: 0;
  }

  #map img {
    width: 46.53vw;
  }

  .subpage #bannerWrap {
    display: flex;
    justify-content: space-between;
    padding: 5.26vw 8.28vw 0 8.39vw;
  }

  .subpage #bannerWrap>div {
    padding: 2.4vw 25vw 3vw 3vw;
    width: 40.31vw;
    height: 13.49vw;
    flex-direction: column;
    align-items: flex-start;
  }

  .subpage #bannerWrap .more {
    height: 2.66vw;
    font-size: 0.83vw;
    font-weight: 300;
    padding: 1.04vw .9vw 1.04vw 1.5vw;
  }

  .subpage #bannerWrap p {
    font-weight: 600;
    font-size: 1.3vw;
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    text-align: left;
    text-align-last: left;
  }

  .subpage #bannerWrap span {
    font-weight: 200;
    font-size: 1.04vw;
  }

  .subpage #bannerWrap .more.spOnly {
    display: none;
  }

  .subpage #bannerWrap a img {
    height: 7vw;
    width: 7vw;
  }

  .subpage #bannerWrap div.ourFigure {
    height: 13.49vw;
    padding: 2.5vw 4.7vw 3vw 3vw;
    margin: 0;
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
  }

  .subpage #bannerWrap .figureCard p:first-child {
    margin-bottom: -11.5vw;
  }

  .subpage #bannerWrap .figureCardPcLeft {
    width: 12vw;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .subpage #bannerWrap .figureCard p:nth-child(3) {
    margin: 0;
  }

  .subpage #bannerWrap .figureCard {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    /* width: 13.51vw; */
    width: 14.51vw;
    /* height: 7.81vw; */
  }

  .subpage #bannerWrap .ourFigure h3 {
    font-size: 8.57vw;
    line-height: initial;
    width: auto;
    height: 9vw;
    display: flex;
    margin: .5vw 0 0 2.8vw;
    align-items: baseline;
  }

  .subpage #bannerWrap .figureCard a {
    margin-top: auto;
  }

  .subpage #bannerWrap .ourFigure p {
    font-size: 1.3vw;
    display: block;
    line-height: initial;
    text-align: initial;
    text-align-last: initial;
    padding-bottom: 0;
  }

  .subpage #bannerWrap .ourFigure .figureCard p:first-child {
    writing-mode: vertical-lr;
    font-weight: 200;
    font-size: 1.09vw;
    letter-spacing: .2vw;
    width: auto;
    padding: .5vw 1.2vw 0 0;
    height: auto;
  }

  .subpage #bannerWrap .ourFigure h3 span {
    font-size: 1.98vw;
    line-height: initial;
  }

  .subpage #bannerWrap .ourFigure h3 span span {
    font-size: 1.7vw;
    padding: 0 0 .5vw 0;
    vertical-align: text-bottom;
  }

  .subpage #bannerWrap p.spOnly {
    display: none;
  }

  .subpage #topMsg {
    background: url(/jp/recruitment/assets/img/real_figures/bannerTopMessagePc.png) no-repeat;
    background-size: contain;
  }

  .subpage #topMsg p span {
    padding: .5vw 0 0;
  }

  /* .tabContent.active {
    z-index: 8;
  } */
  .Followfooter {
    z-index: 9;
  }

  footer {
    position: initial;
  }

  .forScrollWrap {
    z-index: 11;
  }

}