section.area-about-1 {
  width: 90%;
  margin: 0 auto;
}

section.area-about-2 {
  width: 90%;
  margin: 0 auto;
}

section.block-about {
  margin-top: 130rem;
}
section.block-about .btn-page-primary {
  margin-top: 50rem;
}

.h-top-headline {
  margin-bottom: 50rem;
}

img.img-tech {
  display: block;
  margin-top: 30rem;
}

.wrap-clickArea {
  margin-top: 80rem;
  position: relative;
}
.wrap-clickArea img.fuki {
  position: absolute;
  top: -180rem;
  left: 0;
  display: block;
  width: 260rem;
}
.wrap-clickArea .box-anchor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap-clickArea .item-anchor {
  display: block;
  width: 110rem;
  height: 110rem;
  position: absolute;
}
.wrap-clickArea .item-anchor.a-1 {
  bottom: 130rem;
  right: 178rem;
}
.wrap-clickArea .item-anchor.a-2 {
  bottom: 69rem;
  right: 312rem;
}
.wrap-clickArea .item-anchor.a-3 {
  bottom: -11rem;
  left: 4rem;
}
.wrap-clickArea .item-anchor.a-4 {
  bottom: 128rem;
  left: 126rem;
}
.wrap-clickArea .item-anchor.a-5 {
  bottom: 264rem;
  left: 76rem;
}
.wrap-clickArea .item-anchor.a-6 {
  top: 70rem;
  left: 126rem;
}
.wrap-clickArea .item-anchor.a-7 {
  top: 20rem;
  right: 299rem;
}
.wrap-clickArea .item-anchor.a-8 {
  top: 70rem;
  right: 161rem;
}

.wrap-job-detail {
  margin-top: 100rem;
  display: -ms-grid;
  display: grid;
  gap: 100rem;
}

.box-job-detail {
  border: 5px solid var(--color-orange);
  display: -ms-grid;
  display: grid;
  gap: 60rem;
  padding-bottom: 60rem;
}
.box-job-detail .desc {
  padding: 0 30rem;
}
.box-job-detail h3 {
  font-size: 42rem;
  font-weight: bold;
  line-height: 1;
  color: var(--color-orange);
  margin-bottom: 35rem;
}
.box-job-detail h3 span.small {
  font-size: 34rem;
}
.box-job-detail p {
  font-weight: bold;
  line-height: 1.8;
}
.box-job-detail .box-btn {
  padding: 0 30rem;
  display: -ms-grid;
  display: grid;
  gap: 30rem;
}
.box-job-detail a.btn-job-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 120rem;
  background: var(--color-orange);
  border-radius: 60rem;
  padding: 10rem;
}
.box-job-detail a.btn-job-detail span.ph {
  width: 100rem;
}
.box-job-detail a.btn-job-detail span.tx {
  margin-left: 30rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  font-weight: bold;
  font-size: 34rem;
  color: #fff;
}
.box-job-detail a.btn-job-detail .arrow-primary {
  margin-right: 40rem;
  width: 50rem;
  height: 50rem;
}
.box-job-detail a.btn-job-detail .arrow-primary::before {
  background: #fff;
}
.box-job-detail a.btn-job-detail .arrow-primary span::before {
  background: var(--color-orange);
}
.box-job-detail a.btn-job-detail .arrow-primary span::after {
  border-color: var(--color-orange);
}

section.area-about-3 {
  margin-top: 170rem;
  background: var(--color-light-blue);
  color: #fff;
  padding: 100rem 0;
}
section.area-about-3 p {
  color: #fff;
}
section.area-about-3 .inner {
  width: 90%;
  margin: 0 auto;
}
section.area-about-3 .wrap-showa-block {
  margin-top: 80rem;
  display: -ms-grid;
  display: grid;
  gap: 130rem;
}
section.area-about-3 .box-showa-block {
  display: -ms-grid;
  display: grid;
  gap: 130rem;
  position: relative;
}
section.area-about-3 .item .hstyle-showa {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14rem 20rem;
  background: #f94506;
  background: linear-gradient(136deg, rgb(249, 69, 6) 0%, rgb(0, 0, 0) 30%);
  font-size: 34rem;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 50rem;
}
section.area-about-3 .figure {
  margin-bottom: 30rem;
}
section.area-about-3 .ph-side {
  position: relative;
  margin-top: -60rem;
}
section.area-about-3 .ph-side img.main {
  width: 70%;
}
section.area-about-3 .ph-side img.sub {
  width: 40%;
  position: absolute;
  bottom: -30rem;
  right: 0;
}
section.area-about-3 img.map {
  width: 90%;
  position: absolute;
  bottom: -190rem;
  right: -40rem;
}
section.area-about-3 .side-cg {
  width: 60%;
  margin-left: auto;
  margin-top: -150rem;
}

.ph-middle img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 500rem;
}

section.area-about-4 {
  width: 90%;
  margin: 100rem auto 0;
}
section.area-about-4 .wrap-philosophy {
  margin-top: 50rem;
}
section.area-about-4 .ph-philosophy {
  width: 80%;
}
section.area-about-4 .content-philosophy {
  margin-top: -50rem;
  background: #f2f2f2;
  padding: 100rem 30rem 50rem;
  display: -ms-grid;
  display: grid;
  gap: 50rem;
}
section.area-about-4 h3 {
  color: #009a63;
  font-weight: 900;
  font-size: 45rem;
  margin-bottom: 20rem;
}
section.area-about-4 .wrap-shakun {
  display: -ms-grid;
  display: grid;
  gap: 30rem;
}
section.area-about-4 .wrap-shakun dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.area-about-4 .wrap-shakun dl dt {
  width: 110rem;
}
section.area-about-4 .wrap-shakun dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 30rem;
  font-size: 26rem;
}

section.area-about-5 {
  width: 90%;
  margin: 100rem auto 0;
}
section.area-about-5 .hstyle-about-future span.bg-tx {
  display: block;
  font-size: 160rem;
  text-align: center;
  color: #e6e6e6;
  font-family: var(--font-en);
  font-weight: bold;
  font-style: italic;
  line-height: 1;
}
section.area-about-5 .hstyle-about-future span.tx {
  display: block;
  width: 80%;
  margin: -50rem auto 0;
}
section.area-about-5 .bottom-illust {
  width: 80%;
  margin: 50rem auto 0;
}

/**********************************************************************

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 768px) {
  section.area-about-1 {
    max-width: clamp(744.7272727273px, 72.73vw, 1200px);
    width: 90%;
    margin: 0 auto;
  }
  section.area-about-1 p {
    text-align: center;
  }
  section.block-about {
    margin-top: clamp(62.0606060606px, 6.06vw, 100px);
    margin-bottom: clamp(93.0909090909px, 9.09vw, 150px);
  }
  section.block-about .btn-page-primary {
    width: clamp(285.4787878788px, 27.88vw, 460px);
    margin: clamp(49.6484848485px, 4.85vw, 80px) auto 0;
  }
  section.block-about.one-team {
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    margin: clamp(62.0606060606px, 6.06vw, 100px) auto 0;
  }
  .h-top-headline {
    width: clamp(549.2363636364px, 53.64vw, 885px);
    margin: 0 auto clamp(43.4424242424px, 4.24vw, 70px);
  }
  img.img-tech {
    display: block;
    margin-top: clamp(49.6484848485px, 4.85vw, 80px);
  }
  section.area-about-2 p.h-under {
    text-align: center;
  }
  .wrap-clickArea {
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    margin-top: clamp(49.6484848485px, 4.85vw, 80px);
    position: relative;
    text-align: right;
  }
  .wrap-clickArea img.bg {
    width: clamp(598.8848484848px, 58.48vw, 965px);
  }
  .wrap-clickArea img.fuki {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: clamp(142.7393939394px, 13.94vw, 230px);
  }
  .wrap-clickArea .box-anchor {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: clamp(598.8848484848px, 58.48vw, 965px);
    height: 100%;
  }
  .wrap-clickArea .item-anchor {
    display: block;
    width: clamp(99.296969697px, 9.7vw, 160px);
    height: clamp(99.296969697px, 9.7vw, 160px);
    position: absolute;
  }
  .wrap-clickArea .item-anchor.a-1 {
    bottom: clamp(99.296969697px, 9.7vw, 160px);
    right: clamp(172.5284848485px, 16.85vw, 278px);
  }
  .wrap-clickArea .item-anchor.a-2 {
    bottom: clamp(49.0278787879px, 4.79vw, 79px);
    right: clamp(280.5139393939px, 27.39vw, 452px);
  }
  .wrap-clickArea .item-anchor.a-3 {
    bottom: clamp(13.0327272727px, 1.27vw, 21px);
    left: clamp(21.1006060606px, 2.06vw, 34px);
  }
  .wrap-clickArea .item-anchor.a-4 {
    bottom: clamp(104.2618181818px, 10.18vw, 168px);
    left: clamp(103.0206060606px, 10.06vw, 166px);
  }
  .wrap-clickArea .item-anchor.a-5 {
    bottom: clamp(219.6945454545px, 21.45vw, 354px);
    left: clamp(49.6484848485px, 4.85vw, 80px);
  }
  .wrap-clickArea .item-anchor.a-6 {
    top: clamp(80.6787878788px, 7.88vw, 130px);
    left: clamp(103.0206060606px, 10.06vw, 166px);
  }
  .wrap-clickArea .item-anchor.a-7 {
    top: clamp(31.0303030303px, 3.03vw, 50px);
    right: clamp(284.8581818182px, 27.82vw, 459px);
  }
  .wrap-clickArea .item-anchor.a-8 {
    top: clamp(74.4727272727px, 7.27vw, 120px);
    right: clamp(161.9781818182px, 15.82vw, 261px);
  }
  .wrap-job-detail {
    margin-top: clamp(93.0909090909px, 9.09vw, 150px);
    display: -ms-grid;
    display: grid;
    gap: clamp(18.6181818182px, 1.82vw, 30px);
  }
  .box-job-detail {
    border: 5px solid var(--color-orange);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    gap: clamp(27.9272727273px, 2.73vw, 45px);
    padding-bottom: 0;
  }
  .box-job-detail .main-ph {
    width: clamp(161.3575757576px, 15.76vw, 260px);
  }
  .box-job-detail .desc {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .box-job-detail .box-btn {
    width: clamp(248.2424242424px, 24.24vw, 400px);
  }
  .box-job-detail .desc {
    padding: clamp(43.4424242424px, 4.24vw, 70px) 0 0 0;
    min-width: 0;
  }
  .box-job-detail h3 {
    white-space: nowrap;
    font-size: clamp(26.0654545455px, 2.55vw, 42px);
    font-weight: bold;
    line-height: 1;
    margin-bottom: clamp(21.7212121212px, 2.12vw, 35px);
  }
  .box-job-detail h3 span.small {
    font-size: clamp(18.6181818182px, 1.82vw, 30px);
  }
  .box-job-detail h3.pc-br span {
    display: block;
  }
  .box-job-detail h3.pc-br span.small {
    margin-top: clamp(6.2060606061px, 0.61vw, 10px);
  }
  .box-job-detail p {
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
  }
  .box-job-detail .box-btn {
    padding: 0 clamp(18.6181818182px, 1.82vw, 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0;
    margin-bottom: clamp(24.8242424242px, 2.42vw, 40px);
  }
  .box-job-detail a.btn-job-detail {
    margin-top: clamp(12.4121212121px, 1.21vw, 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: clamp(62.0606060606px, 6.06vw, 100px);
    border-radius: clamp(37.2363636364px, 3.64vw, 60px);
    padding: clamp(6.2060606061px, 0.61vw, 10px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .box-job-detail a.btn-job-detail:hover {
    background: #d83a09;
  }
  .box-job-detail a.btn-job-detail:hover .arrow-primary::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .box-job-detail a.btn-job-detail:hover .arrow-primary span::before {
    background: #d83a09;
  }
  .box-job-detail a.btn-job-detail:hover .arrow-primary span::after {
    border-color: #d83a09;
  }
  .box-job-detail a.btn-job-detail span.ph {
    width: clamp(49.6484848485px, 4.85vw, 80px);
  }
  .box-job-detail a.btn-job-detail span.tx {
    margin-left: clamp(12.4121212121px, 1.21vw, 20px);
    white-space: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
    font-weight: bold;
    font-size: clamp(17.376969697px, 1.7vw, 28px);
    color: #fff;
  }
  .box-job-detail a.btn-job-detail .arrow-primary {
    margin-right: clamp(6.2060606061px, 0.61vw, 10px);
    width: clamp(18.6181818182px, 1.82vw, 30px);
    height: clamp(18.6181818182px, 1.82vw, 30px);
  }
  .box-job-detail a.btn-job-detail .arrow-primary span::before {
    height: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .box-job-detail a.btn-job-detail .arrow-primary span::after {
    border-width: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  section.area-about-3 {
    margin-top: clamp(93.0909090909px, 9.09vw, 150px);
    padding: clamp(62.0606060606px, 6.06vw, 100px) 0;
  }
  section.area-about-3 p.h-under {
    text-align: center;
  }
  section.area-about-3 .inner {
    width: 90%;
    margin: 0 auto;
  }
  section.area-about-3 .wrap-showa-block {
    margin-top: clamp(49.6484848485px, 4.85vw, 80px);
    display: -ms-grid;
    display: grid;
    gap: clamp(74.4727272727px, 7.27vw, 120px);
  }
  section.area-about-3 .box-showa-block {
    display: -ms-grid;
    display: grid;
    gap: clamp(80.6787878788px, 7.88vw, 130px);
    position: relative;
    margin: 0 auto;
  }
  section.area-about-3 .box-showa-block.area01 {
    width: clamp(673.3575757576px, 65.76vw, 1085px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(37.2363636364px, 3.64vw, 60px) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(37.2363636364px, 3.64vw, 60px);
  }
  section.area-about-3 .box-showa-block.area02 {
    width: clamp(893.6727272727px, 87.27vw, 1440px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0;
  }
  section.area-about-3 .box-showa-block.area02 .ph-side {
    width: clamp(344.4363636364px, 33.64vw, 555px);
    margin-top: 0;
  }
  section.area-about-3 .box-showa-block.area02 .ph-side .main {
    width: clamp(297.8909090909px, 29.09vw, 480px);
  }
  section.area-about-3 .box-showa-block.area02 .ph-side .sub {
    position: static;
    display: block;
    margin-left: auto;
    margin-top: clamp(-43.4424242424px, -4.24vw, -70px);
    width: clamp(155.1515151515px, 15.15vw, 250px);
  }
  section.area-about-3 .box-showa-block.area02 .item {
    margin-top: clamp(18.6181818182px, 1.82vw, 30px);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: clamp(62.0606060606px, 6.06vw, 100px);
    position: relative;
    right: clamp(-37.2363636364px, -3.64vw, -60px);
    z-index: 1;
  }
  section.area-about-3 .box-showa-block.area03 {
    width: clamp(893.6727272727px, 87.27vw, 1440px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0;
  }
  section.area-about-3 .box-showa-block.area03 .ph-side {
    width: clamp(344.4363636364px, 33.64vw, 555px);
    margin-top: 0;
  }
  section.area-about-3 .box-showa-block.area03 .ph-side .main {
    width: clamp(297.8909090909px, 29.09vw, 480px);
    margin-left: clamp(43.4424242424px, 4.24vw, 70px);
  }
  section.area-about-3 .box-showa-block.area03 .ph-side .sub {
    position: static;
    display: block;
    margin-right: auto;
    margin-top: clamp(-43.4424242424px, -4.24vw, -70px);
    width: clamp(155.1515151515px, 15.15vw, 250px);
  }
  section.area-about-3 .box-showa-block.area03 .item {
    width: clamp(446.8363636364px, 43.64vw, 720px);
    min-width: 0;
    text-align: right;
    margin-top: clamp(18.6181818182px, 1.82vw, 30px);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    left: clamp(-102.4px, -10vw, -165px);
    z-index: 1;
  }
  section.area-about-3 .box-showa-block.area04 {
    width: clamp(676.4606060606px, 66.06vw, 1090px);
  }
  section.area-about-3 .box-showa-block.area05 {
    width: clamp(676.4606060606px, 66.06vw, 1090px);
    position: relative;
  }
  section.area-about-3 .box-showa-block.area05 .figure {
    width: clamp(470.4193939394px, 45.94vw, 758px);
  }
  section.area-about-3 .box-showa-block.area05 .item p {
    width: clamp(521.3090909091px, 50.91vw, 840px);
  }
  section.area-about-3 .box-showa-block.area05 .item {
    z-index: 1;
    position: relative;
  }
  section.area-about-3 .box-showa-block.area05 .side-cg {
    width: clamp(335.1272727273px, 32.73vw, 540px);
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: clamp(-55.8545454545px, -5.45vw, -90px);
    right: clamp(-117.9151515152px, -11.52vw, -190px);
    z-index: 0;
  }
  section.area-about-3 .item .hstyle-showa {
    padding: clamp(4.9648484848px, 0.48vw, 8px) clamp(8.0678787879px, 0.79vw, 13px);
    font-size: clamp(17.376969697px, 1.7vw, 28px);
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: clamp(31.0303030303px, 3.03vw, 50px);
  }
  section.area-about-3 .figure {
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.area-about-3 .ph-side {
    position: relative;
    margin-top: clamp(-37.2363636364px, -3.64vw, -60px);
  }
  section.area-about-3 .ph-side img.main {
    width: 70%;
  }
  section.area-about-3 .ph-side img.sub {
    width: 40%;
    position: absolute;
    bottom: clamp(-18.6181818182px, -1.82vw, -30px);
    right: 0;
  }
  section.area-about-3 img.map {
    width: clamp(366.1575757576px, 35.76vw, 590px);
    position: absolute;
    bottom: clamp(-31.0303030303px, -3.03vw, -50px);
    right: clamp(-117.9151515152px, -11.52vw, -190px);
  }
  .ph-middle img {
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    height: auto;
  }
  section.area-about-4 {
    width: 90%;
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: clamp(93.0909090909px, 9.09vw, 150px) auto 0;
  }
  section.area-about-4 p.h-under {
    text-align: center;
  }
  section.area-about-4 .wrap-philosophy {
    margin-top: clamp(62.0606060606px, 6.06vw, 100px);
    position: relative;
  }
  section.area-about-4 .ph-philosophy {
    width: clamp(378.5696969697px, 36.97vw, 610px);
    position: absolute;
    top: 0;
    left: 0;
  }
  section.area-about-4 .content-philosophy {
    width: clamp(577.1636363636px, 56.36vw, 930px);
    margin-left: auto;
    margin-top: 0;
    padding: clamp(49.6484848485px, 4.85vw, 80px) clamp(49.6484848485px, 4.85vw, 80px) clamp(49.6484848485px, 4.85vw, 80px) clamp(167.5636363636px, 16.36vw, 270px);
    display: -ms-grid;
    display: grid;
    gap: clamp(31.0303030303px, 3.03vw, 50px);
  }
  section.area-about-4 h3 {
    font-size: clamp(19.8593939394px, 1.94vw, 32px);
    margin-bottom: clamp(6.2060606061px, 0.61vw, 10px);
  }
  section.area-about-4 .wrap-shakun {
    display: -ms-grid;
    display: grid;
    gap: clamp(18.6181818182px, 1.82vw, 30px);
    padding-left: clamp(6.2060606061px, 0.61vw, 10px);
  }
  section.area-about-4 .wrap-shakun dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.area-about-4 .wrap-shakun dl dt {
    width: clamp(49.6484848485px, 4.85vw, 80px);
  }
  section.area-about-4 .wrap-shakun dl dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: clamp(18.6181818182px, 1.82vw, 30px);
    font-size: clamp(11.1709090909px, 1.09vw, 18px);
    line-height: 1.5;
  }
  section.area-about-5 {
    width: 90%;
    margin: clamp(62.0606060606px, 6.06vw, 100px) auto clamp(124.1212121212px, 12.12vw, 200px);
  }
  section.area-about-5 .hstyle-about-future span.bg-tx {
    font-size: clamp(193.0084848485px, 18.85vw, 311px);
  }
  section.area-about-5 .hstyle-about-future span.tx {
    display: block;
    max-width: clamp(502.6909090909px, 49.09vw, 810px);
    margin: clamp(-108.6060606061px, -10.61vw, -175px) auto 0;
  }
  section.area-about-5 .bottom-illust {
    max-width: clamp(384.7757575758px, 37.58vw, 620px);
    margin: clamp(49.6484848485px, 4.85vw, 80px) auto 0;
  }
}
/*# sourceMappingURL=about.css.map */