/* base */
body {
  font-family: var(--font_sub);
  line-height: 1.6;
  margin: 0;
  padding: 0;
  letter-spacing: 3px;
}
.fs-md {
    letter-spacing: 1px;
}
/* top */
.about .lead {
    width: 67%;
    display: inline-block;
    margin-left: auto;
}
.copy-box01, .copy-box02 {
    width: auto;
}
.copy-box02 {
    left: 15%;
}
.news {
    width: 53%;
}
.hero-ttl {
    width: 100%;
    margin: 0 auto;
}
.cir_hover div .text {
  width: 400px;
}
.top .left_box p {
  width: 85%;
}
.top .left_box .lead_box h3 {
  width: 85%;
}
.icons .icon_box .sub {
  width: 90%;
}
.icons .icon_box .title {
  width: 90%;
  text-align: center;
}
.top01 .left_box p {
  text-align-last: auto;
  width: 90%;
  margin: 0 auto;
}
/* service */
.it_comprehensive .icons {
    width: 100%;
}

.about .icons {
  width: 100%;
}
.wave-area-2 .links .txt p {
  line-height: 1.2;
}
.wave-area-2 .links .flow-box .txt img {
  width: 15%;
  margin-bottom: 15px;
}
.policy .box .right .topic .ex {
  width: 90%;
  line-height: 1.2;
}
.jobtype .card_area .card .tag {
  clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);
  width: 45%;
}
.jobtype .card_area .card h3 {
  clip-path: polygon(0 0, 95% 0%, 100% 100%, 0% 100%);
  width: 60%;
}
.wave-area-2 .links .txt p {
  line-height: 1.6;
}
.top .left_box p {
  text-align-last: auto;
  line-height: 1.3;
}
.policy .box .right {
  height: 800px;
}
.jobtype .card_area .card h3 {
  height: 90px;
}
.front-page .about .lead {
    width: 60%;
}
.hardware .box .left .icons .img_box p {
    text-align: center;
}
.it_comprehensive .icons {
    max-width: 860px;
}
@media screen and (max-width:960px) {
  
}
@media screen and (max-width: 1920px) {
.news {
    width: 70%;
}
}
/* ============== デスクトップ大型（1281px〜） ============== */
@media screen and (min-width: 1281px) and (max-width: 1600px) {

}
/* ============== ノートPC 1025-1280px ============== */
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .copy-box01, .copy-box02 {
    width: 40%;
  }
  .icons .icon_box .title {
      height: 50px;
  }
  .recruit .recruit_btn {
    padding: 10px 0;
  }
  .copy-box02 {
    left: 6%;
  }
  .news {
      width: 80%;
  }
}
/* ============== タブレット共通 ============== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* top */
  .about .lead {
  }
  .about .map-area {
  }
  .wave-area-2 .links .flow-box {
    height: 450px;
  }
  .recruit .lead {
    width: 100%;
  }
  .policy .box .right {
    height: 565px;
  }
}
/* ============== タブレット横 768-1024 landscape ============== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .copy-box01, .copy-box02 {
    width: 35%;
}
.copy-box02 {
    left: 9%;
}
}
/* ============== タブレット縦 768-1024 portrait ============== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}
/* ============== スマホ（中〜大型）631-767 ============== */
@media screen and (min-width: 631px) and (max-width: 767px) {}
/* ============== スマホ（小型）-630 ============== */
@media screen and (max-width: 630px) {
  .gsap-slide01 .slide-content .caption {
    width: 75%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .news {
    width: 100%;
  }
  .about .lead {
    width: 100%;
  }
  .orion_circle {
    top: 42%;
  }
  .reload_area {
    bottom: 55%;
  }
  .about .map-area02 {
    height: 850px;
  }
  .cir_hover > div {
    top: 80%;
  }
}