.is-loading-end {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
  }
  .is-loading-none {
    display: none;
  }
  .none_active {
    display: none;
  }
  .active {
    display: block !important;
  }
  
  @keyframes pin3{from{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}50%{opacity:.5}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}
  .p-company__business__strength__desc .title-desc:nth-child(1) {
      letter-spacing: 3px;
      font-size: 1.6rem;
  }
  .p-company .title-desc {
      font-size: 28px;
      letter-spacing: 7.2px;
      line-height: 52px;
  }
  .fadeInUpOver.is-invasion, .fadeInDownOver.is-invasion {
      -webkit-transition: opacity .4s .05s,-webkit-transform 1.3s .05s cubic-bezier(.08,.92,.35,1);
      transition: opacity .4s .05s,-webkit-transform 1.3s .05s cubic-bezier(.08,.92,.35,1);
      transition: transform 1.3s .05s cubic-bezier(.08,.92,.35,1),opacity .4s .05s;
      transition: transform 1.3s .05s cubic-bezier(.08,.92,.35,1),opacity .4s .05s,-webkit-transform 1.3s .05s cubic-bezier(.08,.92,.35,1);
  }
  .is-invasion:not(.no-fade), .is-invasion .parent-observe {
      -webkit-transform: none!important;
      transform: none!important;
      opacity: 1!important;
      -webkit-transition: opacity .5s ease-in,-webkit-transform 1s;
      transition: opacity .5s ease-in,-webkit-transform 1s;
      transition: transform 1s,opacity .5s ease-in;
      transition: transform 1s,opacity .5s ease-in,-webkit-transform 1s;
  }
  .fadeInUpOver {
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
  }
  .title-desc, .p-vision__copy, .p-philosophy__copy, .p-guide__copy {
      -webkit-font-smoothing: subpixel-antialiased;
      font-weight: 300;
  }
  .p-company__business__strength__desc .title-desc:nth-child(2) {
      letter-spacing: 7px;
      white-space: nowrap;
  }
  .p-company__business__strength {
    align-items: center;
      margin-left: auto;
      margin-right: auto;
      width: 73.2%;
      min-width: 900px;
      margin-top: 30px;
      margin-bottom: 30px;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: justify;
      justify-content: space-between;
      position: relative;
  }
  .p-company__business__strength::before {
    content: '';
    display: block;
    position: absolute;
    right: -50%;
    transform: translate(-50%);
    bottom: -5%;
    width: 400px;
    height: 1px;
    background-color: #d30e29;
  }
  .p-company__business__strength::after {
    content: '';
    display: block;
    position: absolute;
    right: -10%;
    transform: translate(-50%);
    bottom: -30%;
    width: 1px;
    height: 200px;
    background-color: #d30e29;
  }
  .p-company__business__strength__figure {
      position: relative;
      margin-top: 16px;
      margin-left: 10px;
      width: 380px;
      height: 380px;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      align-content: center;
      flex-wrap: wrap;
  }
  .is-invasion .p-company__business__strength__figure>p:nth-child(1) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s .55s,-webkit-transform .6s .4s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s .55s,-webkit-transform .6s .4s cubic-bezier(.79,.17,.15,.96);
      transition: transform .6s .4s cubic-bezier(.79,.17,.15,.96),opacity .4s .55s;
      transition: transform .6s .4s cubic-bezier(.79,.17,.15,.96),opacity .4s .55s,-webkit-transform .6s .4s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure>p:nth-child(1) {
      padding-left: 6px;
      left: 0;
      right: 0;
      bottom: 110%;
  }
  .is-invasion .p-company__business__strength__figure>p:nth-child(2) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s .8s,-webkit-transform .6s .65s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s .8s,-webkit-transform .6s .65s cubic-bezier(.79,.17,.15,.96);
      transition: transform .6s .65s cubic-bezier(.79,.17,.15,.96),opacity .4s .8s;
      transition: transform .6s .65s cubic-bezier(.79,.17,.15,.96),opacity .4s .8s,-webkit-transform .6s .65s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure>p:nth-child(2) {
      right: -65px;
      bottom: 60.5%;
  }
  .is-invasion .p-company__business__strength__figure>p:nth-child(3) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s 1.05s,-webkit-transform .6s .9s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s 1.05s,-webkit-transform .6s .9s cubic-bezier(.79,.17,.15,.96);
      transition: transform .6s .9s cubic-bezier(.79,.17,.15,.96),opacity .4s 1.05s;
      transition: transform .6s .9s cubic-bezier(.79,.17,.15,.96),opacity .4s 1.05s,-webkit-transform .6s .9s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure>p:nth-child(3) {
      left: 0;
      right: 0;
      top: 108.5%;
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
  }
  .is-invasion .p-company__business__strength__figure>p:nth-child(4) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s 1.3s,-webkit-transform .6s 1.15s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s 1.3s,-webkit-transform .6s 1.15s cubic-bezier(.79,.17,.15,.96);
      transition: transform .6s 1.15s cubic-bezier(.79,.17,.15,.96),opacity .4s 1.3s;
      transition: transform .6s 1.15s cubic-bezier(.79,.17,.15,.96),opacity .4s 1.3s,-webkit-transform .6s 1.15s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure>p:nth-child(4) {
      left: -60px;
      bottom: 60.5%;
  }
  .p-company__business__strength__figure>p {
      position: absolute;
      height: 16px;
      line-height: 16px;
      font-size: 16px;
      letter-spacing: 1.6px;
      width: 130px;
      text-align: center;
      margin: auto;
      -webkit-transform: translateY(15px);
      transform: translateY(15px);
  }
  .p-company__business__strength__figure__frame {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 269px;
      height: 269px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(1):nth-child(odd) {
      -webkit-transform: scaleX(1) translate3d(0,0,0);
      transform: scaleX(1) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(1) {
      -webkit-transition: -webkit-transform .6s .25s cubic-bezier(.08,.92,.35,1);
      transition: -webkit-transform .6s .25s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s .25s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s .25s cubic-bezier(.08,.92,.35,1),-webkit-transform .6s .25s cubic-bezier(.08,.92,.35,1);
  }
  .p-company__business__strength__figure__frame>span:nth-child(1) {
      width: 100%;
      height: 1px;
      left: 0;
      top: 0;
      -webkit-transform-origin: left;
      transform-origin: left;
      -webkit-transform: scaleX(0) translate3d(0,0,0);
      transform: scaleX(0) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(2):nth-child(even) {
      -webkit-transform: scaleY(1) translate3d(0,0,0);
      transform: scaleY(1) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(2) {
      -webkit-transition: -webkit-transform .6s .5s cubic-bezier(.08,.92,.35,1);
      transition: -webkit-transform .6s .5s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s .5s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s .5s cubic-bezier(.08,.92,.35,1),-webkit-transform .6s .5s cubic-bezier(.08,.92,.35,1);
  }
  .p-company__business__strength__figure__frame>span:nth-child(2) {
      width: 1px;
      height: 100%;
      right: 0;
      bottom: 0;
      -webkit-transform-origin: top;
      transform-origin: top;
      -webkit-transform: scaleY(0) translate3d(0,0,0);
      transform: scaleY(0) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(3):nth-child(odd) {
      -webkit-transform: scaleX(1) translate3d(0,0,0);
      transform: scaleX(1) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(3) {
      -webkit-transition: -webkit-transform .6s .75s cubic-bezier(.08,.92,.35,1);
      transition: -webkit-transform .6s .75s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s .75s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s .75s cubic-bezier(.08,.92,.35,1),-webkit-transform .6s .75s cubic-bezier(.08,.92,.35,1);
  }
  .p-company__business__strength__figure__frame>span:nth-child(3) {
      width: 100%;
      height: 1px;
      left: 0;
      bottom: 0;
      -webkit-transform-origin: right;
      transform-origin: right;
      -webkit-transform: scaleX(0) translate3d(0,0,0);
      transform: scaleX(0) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(4):nth-child(even) {
      -webkit-transform: scaleY(1) translate3d(0,0,0);
      transform: scaleY(1) translate3d(0,0,0);
  }
  .is-invasion .p-company__business__strength__figure__frame>span:nth-child(4) {
      -webkit-transition: -webkit-transform .6s 1s cubic-bezier(.08,.92,.35,1);
      transition: -webkit-transform .6s 1s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s 1s cubic-bezier(.08,.92,.35,1);
      transition: transform .6s 1s cubic-bezier(.08,.92,.35,1),-webkit-transform .6s 1s cubic-bezier(.08,.92,.35,1);
  }
  .p-company__business__strength__figure__frame>span:nth-child(4) {
      width: 1px;
      height: 100%;
      left: 0;
      bottom: 0;
      -webkit-transform-origin: bottom;
      transform-origin: bottom;
      -webkit-transform: scaleY(0) translate3d(0,0,0);
      transform: scaleY(0) translate3d(0,0,0);
  }
  .p-company__business__strength__figure__frame>span {
      position: absolute;
      background: rgba(198,204,205,.6);
  }
  .p-company__business__strength__figure__frame>div:nth-child(5) {
      left: -15px;
      top: -15px;
  }
  .p-company__business__strength__figure__frame>div {
      position: absolute;
      width: 33px;
      height: 33px;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  .p-company__business__strength__figure__frame>div>span:nth-child(1) {
      left: 0;
      top: 0;
      width: 33px;
      height: 33px;
      background: #1f3134;
      -webkit-animation-name: pin4;
      animation-name: pin4;
  }
  .p-company__business__strength__figure__frame>div>span:nth-child(2) {
      width: 47px;
      height: 47px;
      left: -7px;
      top: -7px;
      border: solid 1px rgba(198,204,205,.7);
      -webkit-animation-name: pin3;
      animation-name: pin3;
  }
  .p-company__business__strength__figure__frame>div>span:nth-child(3) {
      width: 67px;
      height: 67px;
      left: -17px;
      top: -17px;
      border: solid 1px rgba(198,204,205,.7);
      -webkit-animation-name: pin3;
      animation-name: pin3;
      -webkit-animation-delay: .16s;
      animation-delay: .16s;
  }
  .is-invasion .p-company__business__strength__figure__frame>div:nth-child(5) {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      -webkit-transition: opacity .4s .25s,-webkit-transform .8s .05s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s .25s,-webkit-transform .8s .05s cubic-bezier(.79,.17,.15,.96);
      transition: transform .8s .05s cubic-bezier(.79,.17,.15,.96),opacity .4s .25s;
      transition: transform .8s .05s cubic-bezier(.79,.17,.15,.96),opacity .4s .25s,-webkit-transform .8s .05s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure__frame>div:nth-child(5) {
      left: -15px;
      top: -15px;
  }
  .is-invasion .p-company__business__strength__figure__frame>div:nth-child(6) {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      -webkit-transition: opacity .4s .5s,-webkit-transform .8s .3s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s .5s,-webkit-transform .8s .3s cubic-bezier(.79,.17,.15,.96);
      transition: transform .8s .3s cubic-bezier(.79,.17,.15,.96),opacity .4s .5s;
      transition: transform .8s .3s cubic-bezier(.79,.17,.15,.96),opacity .4s .5s,-webkit-transform .8s .3s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure__frame>div:nth-child(6) {
      right: -15px;
      top: -13px;
  }
  .is-invasion .p-company__business__strength__figure__frame>div:nth-child(7) {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      -webkit-transition: opacity .4s .75s,-webkit-transform .8s .55s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s .75s,-webkit-transform .8s .55s cubic-bezier(.79,.17,.15,.96);
      transition: transform .8s .55s cubic-bezier(.79,.17,.15,.96),opacity .4s .75s;
      transition: transform .8s .55s cubic-bezier(.79,.17,.15,.96),opacity .4s .75s,-webkit-transform .8s .55s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure__frame>div:nth-child(7) {
      right: -12px;
      bottom: -12px;
  }
  .is-invasion .p-company__business__strength__figure__frame>div:nth-child(8) {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      -webkit-transition: opacity .4s 1s,-webkit-transform .8s .8s cubic-bezier(.79,.17,.15,.96);
      transition: opacity .4s 1s,-webkit-transform .8s .8s cubic-bezier(.79,.17,.15,.96);
      transition: transform .8s .8s cubic-bezier(.79,.17,.15,.96),opacity .4s 1s;
      transition: transform .8s .8s cubic-bezier(.79,.17,.15,.96),opacity .4s 1s,-webkit-transform .8s .8s cubic-bezier(.79,.17,.15,.96);
  }
  .p-company__business__strength__figure__frame>div:nth-child(8) {
      bottom: -13px;
      left: -12px;
  }
  .p-company__business__strength__figure__center {
      text-align: center;
      padding-top: 3px;
      width: 100%;
      font-size: 18px;
      line-height: 38px;
      letter-spacing: 3px;
      padding-left: 8px;
  }
  .is-invasion .p-company__business__strength__figure__center p:nth-child(1) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s .4s,-webkit-transform .7s .4s cubic-bezier(.08,.92,.35,1);
      transition: opacity .4s .4s,-webkit-transform .7s .4s cubic-bezier(.08,.92,.35,1);
      transition: transform .7s .4s cubic-bezier(.08,.92,.35,1),opacity .4s .4s;
      transition: transform .7s .4s cubic-bezier(.08,.92,.35,1),opacity .4s .4s,-webkit-transform .7s .4s cubic-bezier(.08,.92,.35,1);
  }
  .is-invasion .p-company__business__strength__figure__center p:nth-child(2) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s .7s,-webkit-transform .7s .7s cubic-bezier(.08,.92,.35,1);
      transition: opacity .4s .7s,-webkit-transform .7s .7s cubic-bezier(.08,.92,.35,1);
      transition: transform .7s .7s cubic-bezier(.08,.92,.35,1),opacity .4s .7s;
      transition: transform .7s .7s cubic-bezier(.08,.92,.35,1),opacity .4s .7s,-webkit-transform .7s .7s cubic-bezier(.08,.92,.35,1);
  }
  .is-invasion .p-company__business__strength__figure__center p:nth-child(3) {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: opacity .4s 1s,-webkit-transform .7s 1s cubic-bezier(.08,.92,.35,1);
      transition: opacity .4s 1s,-webkit-transform .7s 1s cubic-bezier(.08,.92,.35,1);
      transition: transform .7s 1s cubic-bezier(.08,.92,.35,1),opacity .4s 1s;
      transition: transform .7s 1s cubic-bezier(.08,.92,.35,1),opacity .4s 1s,-webkit-transform .7s 1s cubic-bezier(.08,.92,.35,1);
  }
  @media screen and (min-width:1000px) {
  .p-company__business__strength__desc {
      width: calc(100% - 498px);
  }
  }
  .p-company__business__strength__figure__center p {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
  }
  .p-company__business__strength__desc .company-text {
      margin-top: 24px;
      padding-left: 2px;
  }
  .p-company .company-text {
      font-size: 16px;
      line-height: 36px;
      letter-spacing: 3.05px;
  }
  .p-company__business__strength__figure__frame>div>span {
      position: absolute;
      border-radius: 50%;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
  }
  
  .occupations-handled-graph {
      width: 50%;
  }
  .occupations-handled-flex {
      display: flex;
  }
  .graph-title {
      padding: 10px;
      background-color: #ededed;
  }
  .br-1 {
      border-right: 1px solid #d3d3d3;
  }
  .graph-text {
      padding: 10px;
      border-bottom: 1px solid #d3d3d3;
  }
  .graph-flex {
      display: flex;
  }
  .mini-flex {
      display: flex;
      width: 490px;
  }
  .graph-text_01 {
      width: 52.2%;
      padding: 10px;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      border-left: 1px solid #d3d3d3;
  }
  .graph-text_02 {
      width: 15%;
      padding: 10px;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
  }
  .graph-text_03 {
      width: 35%;
      padding: 10px;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
  }
  .graph-text_04 {
      width: 50%;
      padding: 10px;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
  }
  .graph-text_05 {
      width: 50%;
      padding: 10px;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
  }
  .mini-flex .graph-text_02 {
      width: 20%;
  }
  .mini-flex .graph-text_03 {
      width: 80%;
  }
  
  .essential-creation {
      text-align: center;
      width: 75%;
      margin: auto;
      position: relative;
  }
  .essential-creation::before {
      content: '';
      display: block;
      position: absolute;
      left: -10%;
      transform: translate(-50%);
      top: 213px;
      width: 200px;
      height: 1px;
      background-color: #d30e29;
  }
  .essential-creation::after {
      content: '';
      display: block;
      position: absolute;
      left: -5%;
      transform: translate(-50%);
      top: 160px;
      width: 1px;
      height: 300px;
      background-color: #d30e29;
  }
  .essential-creation h3 {
      font-weight: bold;
      font-size: 2rem;
      color: #d30e29;
      margin-bottom: 10px;
  }
  .essential-creation p {
      color: #B0B0B0;
  }
  .essential-creation-number {
      color: #d30e29;
      text-align: left;
      margin-bottom: 60px;
      position: relative;
      z-index: 999;
  }
  .essential-creation-number h4 {
      font-size: 1.2rem;
      letter-spacing: 3px;
  }
  .essential-creation-number .essential-number {
      font-size: 2.4rem;
      vertical-align: -7px;
      letter-spacing: -3px;
  }
  .essential-creation-number .essential-line {
      font-size: 2rem;
      vertical-align: -1px;
      margin: 0 10px 0 16px;
  }
  .essential-creation-number p {
      text-align: left;
      color: #000;
      line-height: 36px;
      letter-spacing: 3.05px;
  }
  .bg-six {
      position: absolute;
      bottom: 50%;
      right: -50px;
  }
  .bg-six img {
      width: 240px;
  }
  .bg-six-gray {
      position: absolute;
      bottom: 17%;
      left: 10%;
      z-index: 1;
  }
  .bg-six-gray img {
      width: 200px;
  }
  
  /* footer */
  .footer-menu {
      display: flex;
      align-items: center;
      justify-content: end;
      margin-bottom: 50px;
  }
  .footer-menu a {
      text-decoration: none;
      color: #000;
      margin: 0 10px;
  }
  .footer-menu a:hover {
    color: #d30e29;
    transition:400ms ease all;
  }
  .cp-company {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cp-company a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    margin: 0 15px;
  }
  .cp-company a:hover {
    color: #d30e29;
    transition:400ms ease all;
  }