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

  h1 {
    text-align: left;
    font-size: 2.45vw;
    letter-spacing: .2vw;
    font-weight: 500;
    padding: 6.5vw 8.28vw 0;
    margin-bottom: -12vw;
    font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

  }

  h1 div {
    opacity: .4;
    font-size: 6.2vw;
    letter-spacing: .5vw;
    font-weight: 200;
  }

  #numeralWrap {
    background-image: linear-gradient(145deg, #384c5d, #182129);
  }

  #pcUpper {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    padding: 0 7.97vw;
    background: url(/jp/recruitment/assets/img/real_figures/map.svg) no-repeat;
    background-size: 38.5vw auto;
    background-position: 33.8vw 17.9vw;
  }

  #OverseasSalesRatio,
  #network,
  #nicheTop,
  #SegmentSalesRatio {
    font-size: 4vw;
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: flex;
    flex-direction: column;
  }

  #OverseasSalesRatio,
  #network,
  #nicheTop,
  #SegmentSalesRatio,
  #StartingSalary,
  #treatment {
    width: 83.33vw;
    font-size: 2.08vw;
  }

  #OverseasSalesRatio,
  #network,
  #SegmentSalesRatio {
    display: flex;
    flex-direction: column;
    height: 24.4vw;
  }

  #OverseasSalesRatio {
    order: 2;
    width: 25.05vw;
    height: 22.01vw;
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 8%, #fff 8% 100%, transparent 100%);
    border-image-slice: 2;
    padding: 0 4.22vw 0 0;

  }

  #network div>p {
    text-indent: 0;
    margin: 0;
  }

  #OverseasSalesRatio .bigNum {
    font-size: 15.94vw;
    text-align: left;
    line-height: 1;
  }

  #OverseasSalesRatio .vertical {
    font-size: 3.6vw;
    font-weight: 200;
    width: 1rem;
    line-height: 4.5vw;
    padding-left: 1vw;
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  }

  #network {
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 8%, #fff 8% 100%, transparent 100%);
    border-image-slice: 2;
    width: 39.64vw;
    height: 22.01vw;
    order: 3;
    display: flex;
    flex-wrap: nowrap;
    font-size: 3.39vw;
    padding: 0 0 0 3.91vw;
  }

  #network .txtSpCenter {
    width: auto;
    text-align: left;
    margin-top: auto;
    margin-right: 1.8vw;
  }

  #network .Ttl {
    width: 100%;
    margin-bottom: 4vw;
    text-align: left;
  }

  #network .bigNum {
    font-size: 7.71vw;
    line-height: 7.71vw;
    text-align: left;
  }

  #network .vertical {
    font-size: 3.39vw;
    width: 1rem;
    line-height: 3.39vw;
  }

  #network>div {
    display: flex;
    align-items: start;
  }

  #sekai {
    margin: 0;
    font-size: 2.97vw;
    text-align: left;
  }

  #nicheTop {
    z-index: 2;
    padding: 0;
    margin: 4vw 0 6.5vw 41vw;
    width: 42.2vw;
    height: 6.59vw;
    order: 1;
    border-bottom: none;
    background: url(/jp/recruitment/assets/img/real_figures/readingCompanyArrowPc.svg) no-repeat;
    background-position: right;
    background-size: 1.59vw auto;
  }

  #nicheTop .Ttl {
    text-align: left;
    font-size: 3.65vw;
    line-height: 5.36vw;
    background: none;
    padding: 0;
    letter-spacing: .03vw;
  }


  #nicheTop .caption {
    width: 100%;
    padding: 0;
    font-size: 0.73vw;
    padding-left: .6vw;
    font-weight: 300;
  }

  #SegmentSalesRatio {
    width: 17.7vw;
    height: 100%;
    padding: 0 0 0 3.84vw;
    order: 4;
  }

  #SegmentSalesRatio .Ttl {
    margin-top: -1vw;
    margin-bottom: 1vw;
    line-height: 2.34vw;
    margin-left: 0;
  }

  #SegmentSalesRatio img {
    display: block;
    margin: 1vw auto 1.1vw;
    width: 13.77vw;
  }

  #StartingSalary ul li>div:first-child {
    top: 1.5vw;
    right: 2.08vw;
    font-size: 1.56vw;
  }

  #StartingSalary ul li:not(:last-child)::after {
    content: none;
  }

  #StartingSalary {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
  }

  #StartingSalary .amount {
    margin: 1vw 0 0;
    align-items: baseline;
    height: 95%;

  }

  #StartingSalary h2 {
    padding-top: 6.25vw;
    font-size: 2.08vw;
    font-weight: 200;
  }

  #StartingSalary {
    color: #fff;
    padding: 0 0;
    margin-top: -1px;
  }

  #StartingSalary ul {
    width: 100%;
    height: 9.48vw;
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.5vw;
  }

  #StartingSalary ul li {
    padding: 0 2.08vw 0 0;
  }

  #StartingSalary ul li:not(:last-child) {
    border-right: 1px solid;
    border-image: linear-gradient(to bottom, transparent 15%, #fff 15% 85%, transparent 85%);
    border-image-slice: 2;
  }

  #StartingSalary ul li:last-child {
    padding: 0;
  }

  #StartingSalary ul li:last-child>div:first-child {
    right: 0;
  }

  #StartingSalary .caption {
    width: 100%;
    padding: 0;
  }

  #StartingSalary>.caption {
    padding-top: 1.2vw;
    display: flex;
  }

  #StartingSalary .caption span {
    display: inline;
  }

  #StartingSalary .caption span:first-child {
    padding-right: 1.5vw;
  }

  #StartingSalary .caption>span:nth-of-type(1) {
    padding-bottom: 0;
  }

  #StartingSalary .caption span:first-child span {
    display: block;
  }

  #StartingSalary .caption span:nth-child(2) {
    padding: 0 1vw 0 0;
  }

  #StartingSalary .amount div:first-child {
    font-size: 7.71vw;
    line-height: 1em;
  }

  #StartingSalary .amount div:nth-child(2) {
    font-size: 5.21vw;
    line-height: 5.21vw;
  }

  #StartingSalary .amount div:last-child {
    font-size: 3.29vw;
    line-height: 3.39vw;
    margin: 0 0 0 .2vw;
    padding: 0;
  }

  .Ttl {
    text-align: center;
    padding-bottom: 0;
    font-size: 2.08vw;
    font-weight: 200;
    line-height: 2.86vw;
    letter-spacing: 0;
  }

  .caption {
    padding-top: 0;
    font-size: 0.73vw;
    line-height: 1.04vw;
    margin-top: auto;
  }



  .amount {
    display: flex;
    align-items: baseline;
  }

  .amount div {
    height: 100%;
  }

  .amount div:first-child {
    font-size: 2.45vw;
  }

  .amount div:nth-child(2) {
    font-size: 5vw;
  }

  .amount div:last-child {
    font-size: 3.39vw;
    font-weight: 200;
  }


  #treatment {
    padding: 0 0 12.33vw;
  }

  #treatment ul {
    display: flex;
    flex-wrap: nowrap;
    height: 15.34vw;
    margin-top: 6.71vw;
  }

  #treatment ul li div:first-child {
    text-align: left;
  }

  #treatment ul li {
    padding: 0 3.49vw 0 0;
    height: 15.34vw;
    height: auto;
    border-bottom: none;
    border-right: 1px solid #fff;
  }

  #treatment ul li:not(:first-child) {
    padding-left: 3.13vw;
  }

  #treatment ul li:last-child {
    border-right: none;
    padding-right: 0;
  }

  #treatment ul li div:first-child {
    height: auto;
  }

  #treatment .amount {
    justify-content: flex-start;
  }

  #treatment .amount .big {
    padding: 1vw 0 1vw;
    font-size: 7.71vw;
    line-height: 7.71vw;
  }

  #treatment .caption {
    padding-top: initial;
    padding-bottom: initial;
    font-size: 0.73vw;
    line-height: 1.04vw;
  }

  #treatment .pcVertical {
    writing-mode: vertical-rl;
  }

  #treatment .amount .big2 {
    padding: 1vw 0 1vw;
    font-size: 7.71vw;
    line-height: 7.71vw;
  }

}