@charset "utf-8";
/* .countOuter {border: 1px solid rgba(255, 0, 0, 0.6);}
.countNum {border: 1px solid rgba(255, 0, 0, 0.6);} */

.corpStrategy {
  color: #333; font-size: calc(var(--s)*16); line-height: 1.75; font-weight: 500;
}


.corpStrategyTop {
  position: relative;
  padding: 0 0 calc(var(--s)*255); margin-bottom: calc(var(--s)*-205);
  background: url(../img/corp/strategy/top-bg-pc.jpg) center top/cover no-repeat;
}
.corpStrategyTop__head {
  padding: calc(var(--s)*76) 0 calc(var(--s)*70);
  color: #fff;
}
.corpStrategyTop__head h1 .en {
  display: block;
	font-family: 'Poppins', sans-serif;
  font-size: calc(var(--s)*120); line-height: 1; letter-spacing: -0.05em; font-weight: 500; text-align: center;
  text-transform: uppercase;
}
.corpStrategyTop__head h1 .ja {
  display: block;
	font-size: calc(var(--s)*40); line-height: 1.5; font-weight: 700; text-align: center;
}
.corpStrategyTop__head p {
  margin: 0 0 calc(var(--s)*24);
  font-weight: 700; text-align: center;
}
.corpStrategyTop__head p::before {
  content: '';
  display: block;
  width: 2px; height: calc(var(--s)*40);
  margin: calc(var(--s)*26) auto calc(var(--s)*34);
  background: #fff;
}
.corpStrategyTop__head img {
  position: relative;
  display: block;
  width: 1192px; max-width: 93%;
  margin: 0 auto;
}

.corpStrategyTop__graph {
  position: relative;
  width: 1160px; max-width: 90%;
  padding: calc(var(--s)*20) calc(var(--s)*62) calc(var(--s)*26); margin: 0 auto calc(var(--s)*30);
  border-radius: calc(var(--s)*20);
  box-shadow: calc(var(--s)*2) calc(var(--s)*2) calc(var(--s)*10) 0 rgba(103, 103, 103, 0.50);
  background: #fff;
}
.corpStrategyTop__graph h2 {
  position: relative;
  display: inline-block; margin: 0 0 calc(var(--s)*40);
  color: #0C4DAE; font-size: calc(var(--s)*60); line-height: 1; font-weight: 700; white-space: nowrap;
  
}
.corpStrategyTop__graph h2::after {
  content: '';
  position: absolute; left: 0; bottom: 6px;
  display: block; width: calc(100% - 0.2em); height: 6px;
  background: #0C4DAE;
}
.corpStrategyTop__graph h2 span.countNum {
  position: relative; bottom: -0.02em; left: -0.2em; margin: 0 -0.15em 0 0;
  overflow: visible;
  display: inline-block;
  width: 1em;
	font-family: 'Poppins', sans-serif;
  font-size: 3em; letter-spacing: -0.05em; font-weight: 500; text-align: right;
  background: var(--sb--gradation, linear-gradient(180deg, #00B1FD 21.88%, #0554EE 77.6%, #2329D6 100%, #003FB9 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.corpStrategyTop__graph h2 .last {
  position: relative; top: -0.03em;
  display: inline-block; margin: 0 0 0 0.15em;
  font-size: 1.66em;
  background: var(--sb--gradation, linear-gradient(180deg, #00B1FD 21.88%, #0554EE 77.6%, #2329D6 100%, #003FB9 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.corpStrategyTop__graph p {
  display: flex; align-items: flex-end; align-content: flex-end;
}
.corpStrategyTop__graph p .text {
  margin-right: 0.3em;
  color: #0C4DAE;
  font-size: calc(var(--s)*24); line-height: 1.33; font-weight: 700;
}
.corpStrategyTop__graph p .per {
	font-family: 'Poppins', sans-serif;
  color: #0C4DAE; font-size: calc(var(--s)*50); line-height: 0.7; letter-spacing: -0.05em; font-weight: 500; 
}
.corpStrategyTop__graph p .per .about {
	font-family: 'Noto Sans JP', sans-serif; font-size: 0.75em; font-weight: 700;
}
.corpStrategyTop__graph p .per b {
  font-size: 2em; font-weight: 500;
  background: var(--sb--gradation, linear-gradient(180deg, #00B1FD 21.88%, #0554EE 77.6%, #2329D6 100%, #003FB9 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.corpStrategyTop__graph .graph .notice dt {
  margin: 0 0 1.25em;
  font-weight: 700;
}
.corpStrategyTop__graph .graph .notice dd {
  color: #989898; font-size: 10px;
}

.corpStrategyTop__three {
  position: relative; overflow: hidden;
  color: #fff;
}
.corpStrategyTop__three h2 {
  margin: 0 0 calc(var(--s)*20); text-align: center;
}
.corpStrategyTop__three h2 .text1 {
  display: inline-block;
  font-size: calc(var(--s)*32); font-weight: 700;
  border-bottom: 2px solid #fff;
}
.corpStrategyTop__three h2 .text2 {
  display: block;
  font-size: calc(var(--s)*60); line-height: 1; font-weight: 700;
}
.corpStrategyTop__three h2 .text2::before {
  content: '';
  display: block; width: calc(var(--s)*36); aspect-ratio: 1/1;
  margin: calc(var(--s)*12) auto calc(var(--s)*40);
  border-right: 2px solid #fff; border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.corpStrategyTop__three p {
  margin: 0 0 calc(var(--s)*26);
  font-weight: 700; text-align: center;
}
.corpStrategyTop__three .img {
  position: relative; z-index: 10;
  display: block;
  width: 906px; max-width: 92%;
  margin: 0 auto;
}
.corpStrategyTop__three .img img {
  display: block;
}
.corpStrategyTop__three .img .arrow {
  position: absolute; left: 0; top: 0; z-index: -1;
  width: 100%;
  animation: strategyThreeAnime 18000ms linear 0ms infinite;
  transform-origin: 62.69% 53.05%;
}
.corpStrategyTop__three .img .mail {
  display: block;
  width: calc(var(--s)*700);
  margin: 0 auto;
}
@keyframes strategyThreeAnime {
  from {transform: rotate(0);}
  to {transform: rotate(360deg);}
}


@media (min-width: 768px) {
/* pc */
.corpStrategyTop__graph .graph img {
  position: relative;
  margin: calc(var(--s)*-220) calc(var(--s)*26) calc(var(--s)*-20) calc(var(--s)*26);
}

@media only screen and (max-width:1160px){
  .corpStrategyTop__graph .graph img {
    position: relative;
    margin: calc(var(--s)*-100) 0 calc(var(--s)*-20) 0;
  }
}
/* pc end */
}


@media (max-width: 767px) {
/* sp */
  .corpStrategy {position: relative; overflow: hidden;}
  .corpStrategyTop {
    background-image: url(../img/corp/strategy/top-bg-sp.jpg);
    margin-bottom: calc(var(--s)*-185);
  }
  .corpStrategyTop__head {
    padding: calc(var(--s)*84) 0 calc(var(--s)*84);
  }
  .corpStrategyTop__head h1 .en {
    margin-bottom: 0.05em;
  }
  .corpStrategyTop__head p {
    margin-bottom: calc(var(--s)*44);
    font-size: calc(var(--s)*28); line-height: 2;
  }
  .corpStrategyTop__head p::before {
    width: 4px; height: calc(var(--s)*60);
    margin: calc(var(--s)*36) auto calc(var(--s)*40);
  }

  .corpStrategyTop__graph h2 {
    margin-bottom: calc(var(--s)*26);
  }
  .corpStrategyTop__graph h2::after {
    bottom: calc(var(--s)*10);
  }
  .corpStrategyTop__graph h2 span.countNum {
    /* width: calc(var(--s)*162); */
    font-size: 3.25em;
  }
  .corpStrategyTop__graph p {
    justify-content: center;
    margin-bottom: calc(var(--s)*28);
  }
  .corpStrategyTop__graph p .text {
    font-size: calc(var(--s)*32); line-height: 1.33;
  }
  .corpStrategyTop__graph p .per {
    font-size: calc(var(--s)*60);
  }

  .corpStrategyTop__graph .graph {
    position: relative; margin: calc(var(--s)*-30) -5% 0;
  }
  .corpStrategyTop__graph .graph img {
    display: block; margin: 0 0 calc(var(--s)*85);
  }
  .corpStrategyTop__graph .graph .notice dt {
    margin-bottom: 0.5em;
    font-size: calc(var(--s)*24);
  }
  .corpStrategyTop__graph .graph .notice dd {
    font-size: calc(var(--s)*20); line-height: 1.5;
  }

  .corpStrategyTop__three h2 {
    padding: calc(var(--s)*45) 0 calc(var(--s)*20);
  }
  .corpStrategyTop__three h2 .text1 {
    padding-bottom: calc(var(--s)*10);
    font-size: calc(var(--s)*40); line-height: 1.5;
    border-bottom-width: 4px;
  }
  .corpStrategyTop__three h2 .text2 {
    font-size: calc(var(--s)*72);
  }
  .corpStrategyTop__three h2 .text2::before {
    margin-top: calc(var(--s)*32); margin-bottom: calc(var(--s)*60);
    border-right-width: 4px; border-bottom-width: 4px;
  }
  .corpStrategyTop__three p {
    margin-bottom: calc(var(--s)*34);
    font-size: calc(var(--s)*28); line-height: 2;
  }
/* sp end */
}


.corpStrategyResult {
  position: relative; z-index: 10;
  padding: 0 0 calc(var(--s)*36);
}
.corpStrategyResult::before {
  content: '';
  position: absolute; left: 0; bottom: 0;
  display: block; width: 100%; height: calc(100% - var(--s)*205);
  background: #FAFAFA;
}
h2.corpStrategyResult__head {
  position: relative;
  width: 1160px; max-width: 90%; margin: 0 auto calc(var(--s)*20);
  color: #fff; font-size: calc(var(--s)*32);
}
.corpStrategyResult__box {
  position: relative;
  width: 1160px; max-width: 90%;
  padding: calc(var(--s)*45) calc(var(--s)*70) calc(var(--s)*54); margin: 0 auto calc(var(--s)*30);
  border-radius: calc(var(--s)*20);
  box-shadow: calc(var(--s)*2) calc(var(--s)*2) calc(var(--s)*10) 0 rgba(103, 103, 103, 0.50);
  background: #fff;
}
.corpStrategyResult__title {
  position: relative; z-index: 10;
  /* display: flex; flex-wrap: wrap; align-items: center; align-content: center; */
  margin: 0 0 calc(var(--s)*64);
}
.corpStrategyResult__title .num {
  padding: 0 1em; margin: 0 1em 0 0;
  color: #fff; font-size: calc(var(--s)*16); line-height: 2.5; font-weight: 700;
  background: #585858; border-radius: 999px;
}
.corpStrategyResult__title .text1,
.corpStrategyResult__title .text2 {
  display: inline-block; font-weight: 700;
}
.corpStrategyResult__title .text1 {
  margin-right: 0.7em;
  color: #333;
  font-size: calc(var(--s)*30);
}
.corpStrategyResult__title .text2 {
  display: flex;
  color: #0C4DAE;
  font-size: calc(var(--s)*40); line-height: 1.5;
}
.corpStrategyResult__title .text2::before {
  content: '';
  display: block; width: 0.95em; height: 0.95em; margin: 0.35em 0.25em 0 0;
  background: url(../img/corp/strategy/result-arrow.svg) center/contain no-repeat;
}
.corpStrategyResult__text {
  position: relative; margin: -1.2em 0 0;
  white-space: nowrap;
}
.corpStrategyResult__text .per {
  position: relative; overflow: visible;
  display: inline-block; padding-right: 0.2em;
	font-family: 'Poppins', sans-serif;
  color: #0C4DAE; font-size: calc(var(--s)*90); line-height: 1; letter-spacing: -0.05em; font-weight: 500;
}
.corpStrategyResult__text .per .countOuter {
  position: relative; display: inline-block; font-size: 2em; 
}
.corpStrategyResult__text .per .countNum {
  display: block; width: 100%;
  font-weight: 500; text-align: right;
  background: var(--sb--gradation, linear-gradient(180deg, #00B1FD 21.88%, #0554EE 77.6%, #2329D6 100%, #003FB9 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.corpStrategyResult__text .text {
  display: block;
  color: #0C4DAE; font-size: calc(var(--s)*28); line-height: 1.25; font-weight: 700;
}
.corpStrategyResult__text .text small {
  color: #0C4DAE; font-size: 0.571em;
}

.corpStrategyResult__text.decimal .per b {
  display: inline-block;
  font-size: 1em;
}
.corpStrategyResult__text.decimal .per .countItem:nth-child(1) .countOuter {
  font-size: 2em;
}
.corpStrategyResult__text.decimal .per .countItem:nth-child(3) .countOuter {
  font-size: 1em;
}
.corpStrategyResult__text.decimal .per .countItem:nth-child(3) b::first-letter {
  opacity: 0; font-size: 0;
}
.corpStrategyResult__text.decimal .notice {
  display: block; width: calc(var(--s)*260);
  font-size: 0.9em; white-space: wrap;
}

.corpStrategyResult__graph .notice {
  text-align: left;
}
.corpStrategyResult__graph .notice dt {
  margin: 0 0 0.5em;
  font-weight: 700;
}
.corpStrategyResult__graph .notice dd {
  color: #989898; font-size: 10px;
}

.corpStrategyResult__scale {
  margin: calc(var(--s)*60) 0 0;
}
.corpStrategyResult__scale .title {
  margin: 0 0 calc(var(--s)*14);
}
.corpStrategyResult__scale .title h4 {
  padding: 0; margin: 0 0 0.2em;
  color: #0C4DAE; font-size: calc(var(--s)*32); font-weight: 700;
  background: none; border: none;
}
.corpStrategyResult__scale .title p {
  line-height: 1.5;
}
.corpStrategyResult__scale .box {
  position: relative; z-index: 10;
  padding: calc(var(--s)*30);
  background: #F0F0F0;
  border-radius: calc(var(--s)*20);
}
.corpStrategyResult__scale .box h5 {
  display: inline-block;
  padding: 0.4em 1em; margin: 0 0 calc(var(--s)*12);
  color: #fff; font-size: calc(var(--s)*16); line-height: 1.25;
  background: #0C4DAE;
  border-radius: 999px;
}
.corpStrategyResult__scale .box h5 span {
  /* display: inline-block; border: 1px solid rgba(255, 0, 0, 0.3); */
}
.corpStrategyResult__scale .per {
  display: inline-block; margin: 0 0 0.2em;
	font-family: 'Poppins', sans-serif;
  color: #0C4DAE; font-size: calc(var(--s)*50); line-height: 0.7; font-weight: 700; white-space: nowrap;
}
.corpStrategyResult__scale .per b {
  margin-right: 0.1em;
  font-size: 2em; font-weight: 500; letter-spacing: -0.05em;
  background: var(--sb--gradation, linear-gradient(180deg, #00B1FD 21.88%, #0554EE 77.6%, #2329D6 100%, #003FB9 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.corpStrategyResult__scale .per small {
  font-size: 0.64em;
}
.corpStrategyResult__scale .text {
  display: block; margin-bottom: 0.7em;
  color: #0C4DAE; font-size: calc(var(--s)*20); font-weight: 700;
}
.corpStrategyResult__scale .graph {
  display: block;
  margin: calc(var(--s)*24) calc(var(--s)*12) 0;
}
.corpStrategyResult__scale .illust {
  position: absolute; top: 0; right: 0; bottom: 0;
  z-index: -1;
  display: block; margin: auto 0;
}
.corpStrategyResult__scale .notice {
  margin: calc(var(--s)*18) 0 0;
  color: #989898; font-size: calc(var(--s)*10);
}
.corpStrategyResult__scale .graph + .notice {
  margin: calc(var(--s)*10) 0 0;
}
.corpStrategyResult__scale .illust + .notice {
  margin: calc(var(--s)*18) 0 0;
}

.corpStrategyResult__scale .box--3 .inner {
  display: flex; justify-content: center; gap: 0 calc(var(--s)*40);
}
.corpStrategyResult__scale .box--3 .notice {
  text-align: center;
}

.corpStrategyResult__box:nth-child(2) .per .countItem:nth-child(1) .countOuter {
  width: 0.75em; margin-left: -0.15em;
}
.corpStrategyResult__box:nth-child(2) .per .countItem:nth-child(3) .countOuter {
  width: 0.75em; margin-left: -0.15em;
}
.corpStrategyResult__box:nth-child(3) .per .countNum {
  width: 1.25em; margin-left: -0.15em;
}
/* .corpStrategyResult__box:nth-child(4) .per .countNum {
  width: 1.25em; margin-left: -0.07em;
} */


@media (min-width: 768px) {
/* pc */
  .corpStrategyResult__box {
    display: flex; flex-wrap: wrap; justify-content: space-between;
  }
  .corpStrategyResult__title {
    width: 100%;
  }
  .corpStrategyResult__graph {
    position: relative;
    width: calc(var(--s)*607); margin: calc(var(--s)*-50) 0 0;
    text-align: right;
  }
  .corpStrategyResult__graph img,
  .corpStrategyResult__graph svg {
    display: block;
    width: 100%;
  }
  .corpStrategyResult__graph .notice {
    display: inline-block;
    width: 100%;
    text-align: left;
  }

  @media only screen and (max-width:1200px){
    .corpStrategyResult__graph {
      position: relative; margin-right: -100px;
      width: 100%;
    }
    .corpStrategyResult__graph img,
    .corpStrategyResult__graph svg {
      width: 108%; max-width: 108%;
    }
  }

  @media only screen and (max-width:840px){
    .corpStrategyResult__graph {
      margin-top: 0;
    }
  }

  .corpStrategyResult__scale {
    width: 100%;
  }
  .corpStrategyResult__scale .title {
    width: 100%; margin-bottom: calc(var(--s)*36);
  }
  .corpStrategyResult__scale .title h4 {
    display: flex; align-items: center; align-content: center;
    white-space: nowrap;
  }
  .corpStrategyResult__scale .title h4::after {
    content: '';
    width: 100%; height: 1px; margin: 0 0 0 calc(var(--s)*16);
    background: #B7BBBE;
  }

  @media only screen and (min-width:1060.02px){
    .corpStrategyResult__scale {
      width: 100%;
    }
    .corpStrategyResult__scale .box-outer {
      display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(var(--s)*20) 0;
      width: 100%;
      position: relative;
    }
    .corpStrategyResult__scale .box {
      width: calc((100% - var(--s)*20) / 2);
    }
    .corpStrategyResult__scale .box--3 {
      width: 100%;
    }
  }
  @media only screen and (max-width:1060px){
    .corpStrategyResult__scale .box {
      width: 100%; margin-bottom: calc(var(--s)*20);
    }
  }
/* pc end */
}


@media (max-width: 767px) {
/* sp */
  .corpStrategyResult {
    padding-bottom: calc(var(--s)*52);
  }
  h2.corpStrategyResult__head {
    font-size: calc(var(--s)*40);
  }
  .corpStrategyResult::before {
    height: calc(100% - var(--s)*185);
  }
  .corpStrategyResult__box {
    padding: calc(var(--s)*40);
  }
  .corpStrategyResult__title {
    position: relative; margin-right: -5vw; margin-bottom: calc(var(--s)*12);
  }
  .corpStrategyResult__title .num {
    margin-right: 100%; margin-bottom: calc(var(--s)*20); font-size: calc(var(--s)*20); white-space: nowrap;
  }
  .corpStrategyResult__title .text1 {
    line-height: 1.5;
  }
  .corpStrategyResult__title .text2 {
    font-size: calc(var(--s)*32); line-height: 1.25; white-space: nowrap;
  }
  .corpStrategyResult__title .text2::before {
    margin-top: 0.25em;
  }
  .corpStrategyResult__text .text {
    display: inline-block; font-size: calc(var(--s)*32);
  }
  .corpStrategyResult__graph {
    padding-top: calc(var(--s)*30);
  }
  .corpStrategyResult__box:nth-child(3) .corpStrategyResult__graph {
    position: relative; margin-right: calc(var(--s)*-60); margin-left: calc(var(--s)*-10);
  }
  .corpStrategyResult__box:nth-child(4) .corpStrategyResult__graph {
    position: relative; margin-right: calc(var(--s)*-20); margin-left: calc(var(--s)*-10);
  }
  .corpStrategyResult__graph .notice dt {
    margin-top: 0.5em; margin-bottom: 0.5em;
    font-size: calc(var(--s)*24);
  }
  .corpStrategyResult__graph .notice dd {
    font-size: calc(var(--s)*20); line-height: 1.5;
  }

  .corpStrategyResult__scale {
    padding-top: calc(var(--s)*60); margin-top: calc(var(--s)*75);
    border-top: 1px solid #B7BBBE;
  }
  .corpStrategyResult__scale .title {
    margin-bottom: calc(var(--s)*50);
  }
  .corpStrategyResult__scale .title h4 {
    font-size: calc(var(--s)*40);
  }
  .corpStrategyResult__scale .title p {
    font-size: calc(var(--s)*28); line-height: 1.75;
  }

  .corpStrategyResult__scale .box {
    margin: 0 0 calc(var(--s)*20);
  }
  .corpStrategyResult__scale .box h5 {
    padding: 0.3em 1.1em; margin: 0 0 calc(var(--s)*12);
    font-size: calc(var(--s)*20);
  }
  .corpStrategyResult__scale .per {
    font-size: calc(var(--s)*40);
  }
  .corpStrategyResult__scale .graph {
    position: absolute; top: 0; right: calc(var(--s)*28); bottom: 0;
    display: block; width: calc(var(--s)*250); margin: auto 0;
  }
  .corpStrategyResult__scale .illust {
    width: calc(var(--s)*268);
  }
  .corpStrategyResult__scale .notice {
    margin-top: calc(var(--s)*24
    ) !important;
    font-size: calc(var(--s)*20);
  }

  .corpStrategyResult__scale .box--5 {
    display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; gap: 0 calc(var(--s)*16);
  }
  .corpStrategyResult__scale .box--5 h5 {
    white-space: nowrap; margin-right: 100%;
  }
/* sp end */
}


.corpStrategyChallenge {
  position: relative; padding: calc(var(--s)*190) 0 calc(var(--s)*140);
  color: #fff;
  background: url(../img/corp/strategy/challenge-bg-pc.jpg) center bottom/cover no-repeat;
}
.corpStrategyChallenge::before {
  content: '';
  position: absolute; left: 0; top: -1px;
  pointer-events: none;
  display: block; width: 100%; height: calc(var(--s)*110);
  background: #FAFAFA; clip-path: polygon(0 0,100% 0,50% 100%);
}
.corpStrategyChallenge__container {
  width: 964px; max-width: 92%;
  margin: 0 auto;
}
.corpStrategyChallenge__text h2 {
  line-height: 1; font-weight: 700;
}
.corpStrategyChallenge__text h2 .text1 {
  display: inline-block;
  font-size: calc(var(--s)*24); line-height: 1.5;
}
/* .corpStrategyChallenge__text h2 .text1::after {
  content: '';
  display: block; width: calc(var(--s)*36); aspect-ratio: 1/1;
  margin: calc(var(--s)*8) auto calc(var(--s)*12);
  border-right: 2px solid #fff; border-bottom: 2px solid #fff;
  transform: rotate(45deg);
} */
.corpStrategyChallenge__text h2 .text2 {
  display: inline-block;
  padding: calc(var(--s)*24) 0 calc(var(--s)*10);
  font-size: calc(var(--s)*46); line-height: 1.25; white-space: nowrap;
}
.corpStrategyChallenge__text p {
  line-height: 1.5; font-weight: 700;
}

@media (min-width: 768px) {
/* pc */
  .corpStrategyChallenge__container {
    display: flex; justify-content: space-between; align-items: center; align-content: center;
  }
  .corpStrategyChallenge__img {
    flex-shrink: 0;
  }
  .corpStrategyChallenge__img img {
    display: inline-block;
    width: calc(var(--s)*472);
  }

  @media only screen and (max-width:1060px){
    .corpStrategyChallenge__container {
      flex-wrap: wrap;
    }
    .corpStrategyChallenge__text {
      width: 100%; margin: 0 0 calc(var(--s)*60);
      text-align: center;
    }
    .corpStrategyChallenge__img {
      width: 100%; text-align: center;
    }
  }
/* pc end */
}

@media (max-width: 767px) {
/* sp */
  .corpStrategyChallenge {
    padding-top: calc(var(--s)*165);
    background-image: url(../img/corp/strategy/challenge-bg-sp.jpg);
  }
  .corpStrategyChallenge::before {
    height: calc(var(--s)*80);
  }
  .corpStrategyChallenge__text {
    width: 100%; margin: 0 0 calc(var(--s)*60);
    text-align: center;
  }
  .corpStrategyChallenge__text h2 .text1 {
    font-size: calc(var(--s)*40);
  }
  .corpStrategyChallenge__text h2 .text2 {
    padding: calc(var(--s)*10) 0 calc(var(--s)*20);
    font-size: calc(var(--s)*60);
    border-bottom-width: calc(var(--s)*4);
  }
  .corpStrategyChallenge__text p {
    padding: calc(var(--s)*14) 0 calc(var(--s)*7);
    font-size: calc(var(--s)*28); line-height: 2;
  }
  .corpStrategyChallenge__img {
    width: 100%; text-align: center;
  }
  .corpStrategyChallenge__img img {
    display: inline-block; width: calc(var(--s)*684);
  }
/* sp end */
}


.corpStrategyData {
  position: relative; overflow: hidden;
  padding: calc(var(--s)*115) 0 calc(var(--s)*105);
}
.corpStrategyData__container {
  width: 1160px; max-width: 90%;
  margin: 0 auto;
}
.corpStrategyData__head h2 {
  line-height: 1.45; font-weight: 700;
}
.corpStrategyData__head h2 .text1 {
  display: block;
  font-size: calc(var(--s)*32); text-align: center;
}
.corpStrategyData__head h2 .text2 {
  display: block;
  font-size: calc(var(--s)*60); text-align: center;
}
.corpStrategyData__head h2 .text2 span {
  display: inline-block;
}

.corpStrategyData__box {
  position: relative; z-index: 1;
  padding: calc(var(--s)*110) 0;
}
.corpStrategyData__box h3 {
  display: flex; align-items: center; align-content: center;
}
.corpStrategyData__box h3 .num {
  display: inline-block;
  padding: 0.4em 1em; margin: 0 0.7em 0 0;
  color: #fff; font-size: calc(var(--s)*16); vertical-align: middle;
  background: #0040A0;
  border-radius: 999px;
}
.corpStrategyData__box h3 .text {
  color: #0040A0; font-size: calc(var(--s)*40); line-height: 1.5; font-weight: 700;
}

.corpStrategyData__box .data {
  margin: calc(var(--s)*32) 0 0;
}
.corpStrategyData__box .data li {
  padding: calc(var(--s)*30) calc(var(--s)*30) calc(var(--s)*20);
  color: #fff; white-space: nowrap;
  background: #0040A0;
  border-radius: calc(var(--s)*15);
  box-shadow: 2px 2px 10px 0px rgba(103, 103, 103, 0.50);
}
.corpStrategyData__box .data li h4 {
  display: inline-block;
  padding: 0.15em 1em; margin: 0 0 calc(var(--s)*10);
  color: #0040A0; font-size: calc(var(--s)*16); font-weight: 700;
  background: #fff;
  border: none; border-radius: 999px;
}
.corpStrategyData__box .data li p .per {
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: calc(var(--s)*50); line-height: 1.15; letter-spacing: -0.05em; font-weight: 500;
	text-transform: uppercase;
}
.corpStrategyData__box .data li p .per b {
  font-size: 1.9em; font-weight: 500;
}
.corpStrategyData__box .data li p .per .countOuter {
  display: inline-block; text-align: right;
}
.corpStrategyData__box .data li p .per small {
  font-size: 0.7em; font-weight: 700;
}
.corpStrategyData__box .data li p .per img {
  display: inline-block; width: 0.6em; margin: 0 0 0 0.15em;
}
.corpStrategyData__box .data li p .per .decimal {display: inline-block;}
.corpStrategyData__box .data li p .per .decimal::first-letter {opacity: 0; font-size: 0;}
.corpStrategyData__box .data li p .strong {
  display: block;
  font-size: calc(var(--s)*80); font-weight: 700; line-height: 1.25;
}
.corpStrategyData__box .data li p .text {
  display: block;
  font-size: calc(var(--s)*20); line-height: 1; font-weight: 700;
}
.corpStrategyData__box .data li p .text small {
  font-size: 0.6em; font-weight: 700;
}
.corpStrategyData__box .data li p .text-bottom {
  position: relative; top: -0.5em;
  display: block;
  font-size: calc(var(--s)*18); line-height: 1; font-weight: 700;
}
.corpStrategyData__box .data li p .notice {
  display: block;
  margin: calc(var(--s)*40) 0 0;
  font-size: 10px; line-height: 1.25;
}

.corpStrategyData__box .graph {
  padding: calc(var(--s)*50) calc(var(--s)*60) calc(var(--s)*25); margin: calc(var(--s)*26) 0 0;
  background: #fff;
  border-radius: calc(var(--s)*15);
  box-shadow: 2px 2px 10px 0px rgba(103, 103, 103, 0.50);
}
.corpStrategyData__box .graph h4 {
  padding: 0; margin: 0 0 calc(var(--s)*40);
  font-size: calc(var(--s)*24); font-weight: 700;
  border: none;
}
.corpStrategyData__box .graph img {
  display: block;
  margin: 0 calc(var(--s)*40);
}
.corpStrategyData__box .graph .notice {
  position: relative;
  margin: -1.25em 0 0 calc(var(--s)*40);
  color: #989898; font-size: 10px;
}

.corpStrategyData__box .merit li {
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: calc(var(--s)*24); line-height: 1.25; font-weight: 700; text-align: center;
  background: #008B83;
  border-radius: calc(var(--s)*15);
  box-shadow: 2px 2px 10px 0px rgba(103, 103, 103, 0.50);
}


.corpStrategyData__box--1 .data li:nth-child(1) p .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.1em;}
.corpStrategyData__box--1 .data li:nth-child(1) p .per .countItem:nth-child(2) .countOuter {width: 0.7em;}
.corpStrategyData__box--1 .data li:nth-child(2) p .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.35em;}
.corpStrategyData__box--1 .data li:nth-child(2) p .per .countItem:nth-child(2) .countOuter {width: 0.7em;}

.corpStrategyData__box--2::before {
  content: '';
  position: absolute; left: 50%; top: 0;
  z-index: -1;
  display: block; width: 100vw; height: 100%; margin-left: -50vw;
  background: #FAFAFA;
}
.corpStrategyData__box--2 h3 .num {background: #008B83;}
.corpStrategyData__box--2 h3 .text {color: #008B83;}
.corpStrategyData__box--2 .data li {background: #008B83;}
.corpStrategyData__box--2 .data li h4 {color: #008B83;}
.corpStrategyData__box--2 .data li p .per b {font-weight: 600;}

.corpStrategyData__box--2 .data li:nth-child(1) p:nth-child(3) .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.1em;}
.corpStrategyData__box--2 .data li:nth-child(2) p:nth-child(2) .per b .countItem .countOuter {width: 1.25em; margin-left: -0.3em;}
.corpStrategyData__box--2 .data li:nth-child(2) p:nth-child(2) .per .countItem:nth-child(3) .countOuter {width: 0.7em;}
.corpStrategyData__box--2 .data li:nth-child(2) p:nth-child(3) .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.02em;}
.corpStrategyData__box--2 .data li:nth-child(3) {
  display: flex; align-items: center; justify-content: center;
  font-size: calc(var(--s)*24); line-height: 1.25; font-weight: 700; text-align: center;
}

.corpStrategyData__box--3 h3 .num {background: #0683D6;}
.corpStrategyData__box--3 h3 .text {color: #0683D6;}
.corpStrategyData__box--3 .data li {background: #0683D6;}
.corpStrategyData__box--3 .data li h4 {color: #0683D6;}

.corpStrategyData__box--3 .data li:nth-child(1) p .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.1em;}
.corpStrategyData__box--3 .data li:nth-child(2) p .per b:nth-child(2) .countItem .countOuter {width: 1.65em; margin-left: -0.1em;}
.corpStrategyData__box--3 .data li:nth-child(2) p .per b:nth-child(6) .countItem .countOuter {width: 2em; margin-left: -0.1em;}
.corpStrategyData__box--3 .data li:nth-child(3) p .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.02em;}

.corpStrategyData__box--4::before {
  content: '';
  position: absolute; left: 50%; top: 0;
  z-index: -1;
  display: block; width: 100vw; height: 100%; margin-left: -50vw;
  background: #FAFAFA;
}
.corpStrategyData__box--4 h3 .num {background: #2DA05B;}
.corpStrategyData__box--4 h3 .text {color: #2DA05B;}
.corpStrategyData__box--4 .data li {background: #2DA05B;}
.corpStrategyData__box--4 .data li h4 {color: #2DA05B;}

.corpStrategyData__box--4 .data li p .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.1em;}
.corpStrategyData__box--4 .data li:nth-child(2) p:nth-child(3) .countOuter {width: 1.25em; margin-left: -0.3em !important;}
.corpStrategyData__box--4 .data li:nth-child(3) p .per .countItem:nth-child(1) .countOuter {width: 1.25em; margin-left: -0.02em;}


@media (min-width: 768px) {
/* pc */
  .corpStrategyData__box .data li p .text:first-child {
    margin-top: 1em;
  }
  .corpStrategyData__box .data li p + p {
    border-top: 1px solid rgba(255,255,255,0.5);
  }

  .corpStrategyData__box--1 {
    padding-top: calc(var(--s)*24);
  }
  .corpStrategyData__box--1 .data {
    display: flex;
  }
  .corpStrategyData__box--1 .data li {
    width: calc(var(--s)*275); margin-right: calc(var(--s)*20);
  }
  .corpStrategyData__box--1 .illust {
    position: absolute; right: calc(var(--s)*-80); top: calc(var(--s)*26);
    z-index: -1;
    display: block; width: calc(var(--s)*600);
  }

  @media only screen and (max-width:1060px){
    .corpStrategyData__box--1 {
      padding-bottom: 46vw;
    }
    .corpStrategyData__box--1 .illust {
      right: -10vw; top: unset; bottom: 0;
      width: 60vw;
    }
  }


  .corpStrategyData__box--2 {
    display: flex; flex-wrap: wrap; justify-content: space-between;
  }
  .corpStrategyData__box--2 h3,
  .corpStrategyData__box--2 p,
  .corpStrategyData__box--2 .graph {
    width: 100%;
  }
  .corpStrategyData__box--2 .data {
    position: relative;
    display: flex;
    width: calc((100% - var(--s)*7) * 0.67);
    margin-top: calc(var(--s)*20);
  }
  .corpStrategyData__box--2 .data li {
    width: calc((100% - var(--s)*20) / 2);
    padding-bottom: calc(var(--s)*10);
  }
  .corpStrategyData__box--2 .data li:nth-child(1) {
    height: calc(((100% - var(--s) * 14) / 3)*2);
    margin-right: calc(var(--s)*20);
  }
  .corpStrategyData__box--2 .data li:nth-child(1) p {
    height: calc(var(--s)*150);
  }
  .corpStrategyData__box--2 .data li:nth-child(1) p + p {
    padding-top: calc(var(--s)*10); margin-bottom: calc(var(--s)*20);
  }
  .corpStrategyData__box--2 .data li:nth-child(2) p {
    height: calc(var(--s)*155);
  }
  .corpStrategyData__box--2 .data li:nth-child(2) p + p {
    padding-top: calc(var(--s)*10); margin-bottom: calc(var(--s)*20);
  }
  .corpStrategyData__box--2 .data li:nth-child(3) {
    position: absolute; left: 0; bottom: 10px;
    height: calc((100% - var(--s) * 14) / 3); padding: 0;
  }
  .corpStrategyData__box--2 .merit {
    display: flex; flex-wrap: wrap;
    gap: calc(var(--s)*7);
    width: calc((100% - var(--s)*7) * 0.33); margin-top: calc(var(--s)*20);
  }
  .corpStrategyData__box--2 .merit li {
    width: 100%; height: calc((100% - var(--s)*14) / 3);
  }
  .corpStrategyData__box--2 .illust {
    position: absolute; right: 0; top: calc(var(--s)*80);
    display: block; width: calc(var(--s)*414);
  }

  @media only screen and (max-width:1160px){
    .corpStrategyData__box--2 .illust {
      z-index: -1;
      top: 0; width: 40vw;
    }
  }

  @media only screen and (max-width:1000px){
    .corpStrategyData__box--2 .data {
      width: 100%;
    }
    .corpStrategyData__box--2 .merit {
      display: flex; justify-content: space-between;
      width: 100%; margin-top: 0;
    }
    .corpStrategyData__box--2 .merit li {
      width: calc((100% - var(--s)*14) / 3); height: unset; padding: 1em;
    }
  }


  .corpStrategyData__box--3 .data {
    display: flex; flex-wrap: wrap; gap: calc(var(--s)*20);
  }
  .corpStrategyData__box--3 .data li:nth-child(1) {
    width: calc((100% - var(--s)*20) * 0.245);
  }
  .corpStrategyData__box--3 .data li:nth-child(2) {
    position: relative;
    width: calc((100% - var(--s)*20) * 0.755);
    background: #fff;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) h4 {
    color: #fff; background: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p br {
    display: none;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .per {
    color: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .per b {
    display: inline-block;
    background: var(--recruit--gradation, linear-gradient(180deg, #06BAF2 0%, #0683D6 77.6%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .text {
    color: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .notice {
    padding-top: 0; margin-top: 0;
    color: #989898;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) img {
    position: absolute; top: 0; right: calc(var(--s)*40); bottom: 0;
    display: block; width: calc(var(--s)*235); margin: auto 0;
  }
  .corpStrategyData__box--3 .data li:nth-child(3) {
    width: calc((100% - var(--s)*20) * 0.245);
  }
  .corpStrategyData__box--3 .data li:nth-child(4) {
    padding-top: calc(var(--s)*20); padding-bottom: calc(var(--s)*40);
    width: calc((100% - var(--s)*20) * 0.245);
  }
  .corpStrategyData__box--3 .data li:nth-child(4) h4 {
    display: block;
    padding: 0;
    color: #fff; font-size: calc(var(--s)*24); text-align: center;
    background: none;
  }
  .corpStrategyData__box--3 .data li:nth-child(4) img {
    display: block; width: 100%; margin: calc(var(--s)*20) 0 0;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) {
    background: none; box-shadow: none; padding-left: calc(var(--s)*10);
  }
  .corpStrategyData__box--3 .data li:nth-child(5) h4 {
    color: #fff; background: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .per {
    color: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .per b {
    display: inline-block;
    background: var(--recruit--gradation, linear-gradient(180deg, #06BAF2 0%, #0683D6 77.6%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .text {
    color: #0683D6;
  }
  .corpStrategyData__box--3 .illust {
    position: absolute; right: calc(var(--s)*-10); bottom: calc(var(--s)*60);
    z-index: -1;
    display: block; width: calc(var(--s)*394);
  }

  @media only screen and (max-width:1260px){
    .corpStrategyData__box--3 .data li:nth-child(1),
    .corpStrategyData__box--3 .data li:nth-child(3),
    .corpStrategyData__box--3 .data li:nth-child(4) {
      width: calc(var(--s)*300);
    }
    .corpStrategyData__box--3 .data li:nth-child(2) {
      width: 100%;
    }
    .corpStrategyData__box--3 .illust {
      bottom: unset; top: 16vw; width: 40vw;
    }
  }

  @media only screen and (max-width:940px){
    .corpStrategyData__box--3 .data li:nth-child(2) p br {
      display: inline;
    }
  }


  .corpStrategyData__box--4 .data {
    display: flex; flex-wrap: wrap; gap: calc(var(--s)*20);
  }
  .corpStrategyData__box--4 .data li p + p {
    padding-top: calc(var(--s)*16); margin-top: calc(var(--s)*36);
  }
  .corpStrategyData__box--4 .data li:nth-child(1) {
    width: calc(var(--s)*373);
  }
  .corpStrategyData__box--4 .data li:nth-child(2) {
    width: calc(var(--s)*327); padding-left: calc(var(--s)*100);
    background: none; box-shadow: none;
  }
  .corpStrategyData__box--4 .data li:nth-child(2) h4 {
    color: #fff; background: #2DA05B;
  }
  .corpStrategyData__box--4 .data li:nth-child(2) p .per,
  .corpStrategyData__box--4 .data li:nth-child(2) p .per b,
  .corpStrategyData__box--4 .data li:nth-child(2) p .text {
    color: #2DA05B;
  }
  .corpStrategyData__box--4 .data li:nth-child(2) p + p {
    border-top-color: #B7BBBE;
  }
  .corpStrategyData__box--4 .data li:nth-child(3) {
    position: relative; z-index: 10;
    width: 100%;
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .per {
    margin-top: calc(var(--s)*-35); margin-bottom: calc(var(--s)*-10);
    font-size: calc(var(--s)*55);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .per b {
    font-size: calc(var(--s)*140);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .text {
    padding-bottom: calc(var(--s)*36);
    font-size: calc(var(--s)*24);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) img {
    position: absolute; right: calc(var(--s)*73); top: calc(var(--s)*-37);
    z-index: -1;
    display: block; width: calc(var(--s)*504); max-width: 50vw;
  }

  .corpStrategyData__box--4 .illust {
    position: absolute; right: calc(var(--s)*-20); top: calc(var(--s)*180);
    z-index: -1;
    display: block; width: calc(var(--s)*540); max-width: 40vw;
    mix-blend-mode: multiply;
  }

  @media only screen and (max-width:1200px){
    .corpStrategyData__box--4 .data li:nth-child(1),
    .corpStrategyData__box--4 .data li:nth-child(2) {
      width: calc((100% - var(--s)*20) / 2
      );
    }
    .corpStrategyData__box--4 .data li:nth-child(2) {
      padding-left: calc(var(--s)*30);
    }
    .corpStrategyData__box--4 .data li:nth-child(3) img {
      right: 0;
    }
  
  }
/* pc end */
}

@media (max-width: 767px) {
/* sp */
  .corpStrategyData__head h2 .text1 {
    font-size: calc(var(--s)*40);
  }
  .corpStrategyData__head h2 .text2 {
    font-size: calc(var(--s)*72);
  }

  .corpStrategyData__box {
    padding: calc(var(--s)*140) 0;
  }
  .corpStrategyData__box h3 {
    flex-wrap: wrap;
  }
  .corpStrategyData__box h3 .num {
    margin-bottom: calc(var(--s)*10);
    font-size: calc(var(--s)*20);
  }
  .corpStrategyData__box h3 .text {
    display: block; width: 100%;
    font-size: calc(var(--s)*56);
  }
  .corpStrategyData__box h3 + p {
    font-size: calc(var(--s)*28); line-height: 1.78;
  }

  .corpStrategyData__box .data {
    margin: calc(var(--s)*66) 0 0;
  }
  .corpStrategyData__box .data li {
    padding-bottom: calc(var(--s)*35);
  }
  .corpStrategyData__box .data li h4 {
    padding: 0.4em 1.17em; margin: 0 0 0.5em;
    font-size: calc(var(--s)*20);
  }
  .corpStrategyData__box .data li p .per {
    margin-bottom: 0;
    font-size: calc(var(--s)*60); text-align: center;
  }
  .corpStrategyData__box .data li p .per b {
    font-size: 2em;
  }
  .corpStrategyData__box .data li p .per small {
    font-size: 0.7em; font-weight: 700;
  }
  .corpStrategyData__box .data li p .text {
    font-size: calc(var(--s)*24); text-align: center;
  }
  .corpStrategyData__box .data li p .text small {
    font-size: 0.83em;
  }
  .corpStrategyData__box .data li p .text br.sp + small {
    display: inline-block; margin-top: 0.5em;
  }
  .corpStrategyData__box .data li p .text-bottom {
    top: 0;
    font-size: calc(var(--s)*24); text-align: center;
  }
  .corpStrategyData__box .data li p .notice {
    margin-top: calc(var(--s)*26);
    font-size: calc(var(--s)*18); text-align: center;
  }

  .corpStrategyData__box .graph {
    padding: calc(var(--s)*30) calc(var(--s)*30) calc(var(--s)*25); margin: calc(var(--s)*66) 0 0;
  }
  .corpStrategyData__box .graph + .data {
    margin-top: calc(var(--s)*20) !important;
  }
  .corpStrategyData__box .graph h4 {
    margin-bottom: calc(var(--s)*35);
    font-size: calc(var(--s)*32);
  }
  .corpStrategyData__box .data li p .strong {
    font-size: calc(var(--s)*90); line-height: 1;
  }
  .corpStrategyData__box .graph img {
    display: block;
    margin: 0 calc(var(--s)*40) 0 calc(var(--s)*5); max-width: 100%;
  }
  .corpStrategyData__box .graph .notice {
    margin: calc(var(--s)*16) 0 0;
    font-size: calc(var(--s)*20);
  }

  .corpStrategyData__box .merit {
    display: flex; flex-wrap: wrap; gap: calc(var(--s)*6);
    padding-top: calc(var(--s)*6);
  }
  .corpStrategyData__box .merit li {
    width: calc((100% - var(--s)*6) / 2); height: calc(var(--s)*200); padding: 0;
    font-size: calc(var(--s)*32); line-height: 1.3;
  }

  .corpStrategyData__box--1 {
    padding-top: calc(var(--s)*70);
  }
  .corpStrategyData__box--1 .data li {
    width: calc(var(--s)*334); margin-bottom: calc(var(--s)*20);
  }
  .corpStrategyData__box--1 .data li p .text {
    position: relative; margin: calc(var(--s)*20) 0 0; padding-bottom: 0;
  }
  .corpStrategyData__box--1 .data li p .per {
    position: relative;
    margin-top: calc(var(--s)*-20); margin-bottom: 0;
  }
  .corpStrategyData__box--1 .illust {
    position: absolute; right: calc(var(--s)*-230); bottom: calc(var(--s)*130);
    z-index: -1;
    display: block; width: calc(var(--s)*890); max-width: unset;
  }

  .corpStrategyData__box--2 {
    padding-bottom: calc(var(--s)*393);
  }
  .corpStrategyData__box--2 .data {
    position: relative;
    padding: 0;
  }
  .corpStrategyData__box--2 .data li {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    padding-bottom: calc(var(--s)*80);
  }
  .corpStrategyData__box--2 .data li h4 {
    margin-right: 50%; margin-bottom: calc(var(--s)*36);
    white-space: nowrap;
  }
  .corpStrategyData__box--2 .data li p {
    width: 50%; padding: 0;
  }
  .corpStrategyData__box--2 .data li p .per b {
    font-size: 1.9em; line-height: 1;
  }
  .corpStrategyData__box--2 .data li p + p {
    border-left: 1px solid rgba(255,255,255,0.5);
  }
  .corpStrategyData__box .data li p .text:first-child {
    margin-bottom: 1em;
  }
  .corpStrategyData__box--2 .illust {
    position: absolute; right: -5vw; bottom: calc(var(--s)*50);
    z-index: -1;
    display: block; width: calc(var(--s)*560);
    transform: scale(-1,1);
  }
  .corpStrategyData__box--2 .data li:nth-child(1) {
    display: flex; align-items: center; align-content: center;
    width: calc((100% - var(--s)*6) / 2); height: calc(var(--s)*350);
    padding-top: 0; padding-bottom: 0; margin-bottom: calc(var(--s)*20);
  }
  .corpStrategyData__box--2 .data li:nth-child(3) {
    position: absolute; right: 0; top: 0;
    width: calc((100% - var(--s)*6) / 2); height: calc(var(--s)*350); padding: 0;
    font-size: calc(var(--s)*32); line-height: 1.3;
  }

  .corpStrategyData__box--3 .data {
    display: flex; flex-wrap: wrap; gap: calc(var(--s)*20);
  }
  .corpStrategyData__box--3 .data li {
    padding-bottom: calc(var(--s)*80);
  }
  .corpStrategyData__box--3 .data li:nth-child(1) {
    order: -100;
    width: calc((100% - var(--s)*20) / 2);
  }
  .corpStrategyData__box--3 .data li:nth-child(1),
  .corpStrategyData__box--3 .data li:nth-child(3) {
    padding-bottom: calc(var(--s)*20);
  }
  .corpStrategyData__box--3 .data li:nth-child(1) p .text,
  .corpStrategyData__box--3 .data li:nth-child(3) p .text {
    position: relative; margin-top: calc(var(--s)*20);
  }
  .corpStrategyData__box--3 .data li:nth-child(1) p .per,
  .corpStrategyData__box--3 .data li:nth-child(3) p .per {
    position: relative; margin-top: calc(var(--s)*-20);
  }
  .corpStrategyData__box--3 .data li:nth-child(2) {
    width: 100%; padding-bottom: calc(var(--s)*40);
    background: #fff;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) h4 {
    color: #fff; background: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p br {
    display: none;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .per {
    position: relative; margin-top: calc(var(--s)*-20);
    color: #0683D6; font-size: calc(var(--s)*32);
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .per b {
    display: inline-block;
    background: var(--recruit--gradation, linear-gradient(180deg, #06BAF2 0%, #0683D6 77.6%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.75em;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .text {
    color: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p .notice {
    margin-top: 0;
    color: #989898; text-align: left;
  }
  .corpStrategyData__box--3 .data li:nth-child(2) p img {
    display: block; width: calc(var(--s)*570); margin: calc(var(--s)*10) 0 0 calc(var(--s)*30);
  }
  .corpStrategyData__box--3 .data li:nth-child(3) {
    order: -90;
    width: calc((100% - var(--s)*20) / 2);
  }
  .corpStrategyData__box--3 .data li:nth-child(4) {
    order: 100;
    display: flex; justify-content: space-between; align-items: center; align-content: center;
    width: 100%; height: calc(var(--s)*200); padding: 0 calc(var(--s)*68) 0 calc(var(--s)*30);
  }
  .corpStrategyData__box--3 .data li:nth-child(4) img {
    width: calc(var(--s)*264); margin: 0;
  }
  .corpStrategyData__box--3 .data li:nth-child(4) h4 {
    display: block;
    padding: 0; margin: 0;
    color: #fff; font-size: calc(var(--s)*32); text-align: center;
    background: none;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) {
    background: none; box-shadow: none;
    padding-top: calc(var(--s)*40); padding-bottom: calc(var(--s)*60);
  }
  .corpStrategyData__box--3 .data li:nth-child(5) h4 {
    margin-bottom: calc(var(--s)*50);
    color: #fff; background: #0683D6;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .per {
    position: relative; margin-top: calc(var(--s)*-20);
    color: #0683D6; font-size: calc(var(--s)*48);
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .per b {
    display: inline-block;
    background: var(--recruit--gradation, linear-gradient(180deg, #06BAF2 0%, #0683D6 77.6%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.5em;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .per small {
    font-size: 1em;
  }
  .corpStrategyData__box--3 .data li:nth-child(5) p .text {
    color: #0683D6; text-align: left;
  }
  .corpStrategyData__box--3 .illust {
    position: absolute; right: calc(var(--s)*-20); bottom: calc(var(--s)*396);
    z-index: -1;
    display: block; width: calc(var(--s)*462);
  }

  .corpStrategyData__box--4 .data li:nth-child(1) p .per,
  .corpStrategyData__box--4 .data li:nth-child(2) p .per,
  .corpStrategyData__box--4 .data li:nth-child(3) p .per,
  .corpStrategyData__box--4 .data li:nth-child(4) p .per {
    position: relative; margin-top: calc(var(--s)*-20);
  }
  .corpStrategyData__box--4 .data li:nth-child(1),
  .corpStrategyData__box--4 .data li:nth-child(2) {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    padding-bottom: calc(var(--s)*50); margin-bottom: calc(var(--s)*20);
  }
  .corpStrategyData__box--4 .data li:nth-child(1) h4,
  .corpStrategyData__box--4 .data li:nth-child(2) h4 {
    margin-right: 50%; margin-bottom: calc(var(--s)*26);
    white-space: nowrap;
  }
  .corpStrategyData__box--4 .data li:nth-child(1) p,
  .corpStrategyData__box--4 .data li:nth-child(2) p {
    width: 50%; padding: 0;
  }
  .corpStrategyData__box--4 .data li:nth-child(1) p .per b,
  .corpStrategyData__box--4 .data li:nth-child(2) p .per b {
    line-height: 1;
  }
  .corpStrategyData__box--4 .data li:nth-child(1) p + p,
  .corpStrategyData__box--4 .data li:nth-child(2) p + p {
    border-left: 1px solid rgba(255,255,255,0.5);
  }

  .corpStrategyData__box--4 .data li:nth-child(2) {
    padding-bottom: calc(var(--s)*580);
    background: none; box-shadow: none;
  }
  .corpStrategyData__box--4 .data li:nth-child(2) h4 {
    margin-bottom: calc(var(--s)*25);
    color: #fff; background: #2DA05B;
  }
  .corpStrategyData__box--4 .data li:nth-child(2) p .per,
  .corpStrategyData__box--4 .data li:nth-child(2) p .per b,
  .corpStrategyData__box--4 .data li:nth-child(2) p .text {
    color: #2DA05B;
  }
  .corpStrategyData__box--4 .data li:nth-child(2) p + p {
    border-left-color: #B7BBBE;
  }
  .corpStrategyData__box--4 .data li:nth-child(3) {
    position: relative; z-index: 10;
    height: calc(var(--s)*396);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) h4 {
    margin-bottom: calc(var(--s)*56);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .per {
    font-size: calc(var(--s)*90); text-align: left;
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .per b {
    font-size: calc(var(--s)*170);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .per small {
    font-size: calc(var(--s)*60);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .per small:first-child {
    font-size: calc(var(--s)*48);
  }
  .corpStrategyData__box--4 .data li:nth-child(3) p .text {text-align: left;}
  .corpStrategyData__box--4 .data li:nth-child(3) img {
    position: absolute; right: 0; top: calc(var(--s)*-30);
    z-index: -1;
    display: block; width: calc(var(--s)*320);
  }

  .corpStrategyData__box--4 .illust {
    position: absolute; right: 0; bottom: calc(var(--s)*616);
    z-index: -1;
    display: block; width: calc(var(--s)*670);
    mix-blend-mode: multiply;
  }
/* sp end */
}