@charset "UTF-8";
/*------------------------------------------------
  COMMON(SP)
------------------------------------------------*/
/* top
-----------------------*/
.home .eyecatch {
  position: relative;
  width: 100%;
  height: 57vw;
  display: block;
  overflow: hidden; }
  .home .eyecatch .slider div {
    width: 100vw; }
  .home .eyecatch .slider img {
    width: 100%; }
  .home .eyecatch .slider .slide_content {
    position: relative; }
  .home .eyecatch .slider .slide_item {
    font-size: 3.2857142857vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #fff;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-15px);
    transition: opacity 1s, visibility 1s, transform 2s; }
  .home .eyecatch .slider .item1 {
    top: 68%;
    left: 12%; }
  .home .eyecatch .slider .item2 {
    top: 68%;
    right: 12%;
    text-align: right; }
  .home .eyecatch .slider .item3 {
    top: 68%;
    left: 12%;
    text-align: left; }
  .home .eyecatch .slider .item4 {
    top: 68%;
    right: 12%;
    text-align: right; }
  .home .eyecatch .slider .on .slide_item {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); }
  .home .eyecatch .slider_sp {
    display: none; }
  .home .eyecatch .slide-dots {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: flex;
    transition: 1s; }
    .home .eyecatch .slide-dots li {
      width: 2.1428571429vw;
      height: 0.3571428571vw;
      background-color: #fff;
      margin: 0 0.3571428571vw; }
      .home .eyecatch .slide-dots li.slick-active {
        background-color: #002055;
        transition: 1s; }
      .home .eyecatch .slide-dots li button {
        display: none; }
  .home .eyecatch .eyetextblock {
    position: absolute;
    font-family: "游明朝体", "Yu Mincho", YuMincho;
    color: #fff;
    top: calc(50% - 150px);
    left: calc(50% + 6%);
    z-index: 10;
    text-align: left; }
    .home .eyecatch .eyetextblock .text-56pt {
      font-size: 4vw;
      font-weight: normal;
      line-height: 5vw;
      transform: scale(0.9, 1);
      transform-origin: top left;
      opacity: 0;
      visibility: hidden;
      transform: translateX(-10px);
      transition: opacity 1s, visibility 1s, transform 1s; }
    .home .eyecatch .eyetextblock .text-24pt {
      font-size: 1.7142857143vw;
      font-weight: normal;
      letter-spacing: 0.1428571429vw;
      line-height: 3.5714285714vw;
      opacity: 0;
      visibility: hidden;
      transform: translateX(-10px);
      transition: opacity 2s, visibility 1s, transform 1.3s; }
    .home .eyecatch .eyetextblock .is-fadein {
      opacity: 1;
      visibility: visible;
      transform: translateX(0); }
  .home .eyecatch img {
    width: 100%; }

.top-catchcopy {
  width: 100%;
  margin: 4vw auto;
  position: relative;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-catchcopy .text {
    font-size: 2.4285714286vw;
    line-height: 4vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 30; }

.top-about {
  width: 100%;
  margin: 0 auto 6.0714285714vw;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-about .contentarea {
    width: 77.1428571429vw;
    margin: 0 auto;
    display: flex; }
    .top-about .contentarea .wrap {
      width: 32.1428571429vw;
      margin-right: 4.2857142857vw; }
      .top-about .contentarea .wrap .title {
        font-size: 3.9285714286vw;
        line-height: 3.9285714286vw;
        padding: 2.8571428571vw 0 2.5714285714vw;
        font-family: oswald,san-serif;
        font-weight: 500;
        text-align: left;
        margin: 0;
        font-family: oswald,san-serif;
        font-weight: 500; }
      .top-about .contentarea .wrap .summary {
        font-size: 1.1428571429vw;
        line-height: 3.0714285714vw;
        color: #000;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        overflow-wrap: break-word; }
      .top-about .contentarea .wrap .link-button {
        font-size: 1vw;
        line-height: 1vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        width: 17.1428571429vw;
        height: 2.8571428571vw;
        color: #000;
        margin: 2.5vw 0 2.5vw auto;
        border: 1px solid #000;
        border-radius: 1.4285714286vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .top-about .contentarea .wrap .link-button .arrow {
          position: absolute;
          top: calc(50% - 9px);
          right: 1.9285714286vw; }
    .top-about .contentarea .wrapRight {
      height: 28.6vw;
      width: 52%;
      position: absolute;
      right: 0; }
      .top-about .contentarea .wrapRight .image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .top-about .contentarea .wrapRight .bg01 {
        width: 25vw;
        height: 26vw;
        position: absolute;
        top: -14.2857142857vw;
        right: 3%;
        z-index: 20; }
    .top-about .contentarea .image-sp {
      display: none; }

.top-service {
  width: 100%;
  margin: 0 auto 6.0714285714vw;
  padding-top: 4.1428571429vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-service:after {
    content: "";
    width: 100%;
    height: 26.5vw;
    position: absolute;
    top: 0;
    z-index: -1; }
  .top-service .title {
    text-align: center;
    color: #fff;
    margin: 0 auto 2.7142857143vw; }
    .top-service .title .main {
      font-size: 2.1428571429vw;
      line-height: 4vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500; }
    .top-service .title .rubi {
      font-size: 0.8571428571vw;
      line-height: 0.8571428571vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500; }
  .top-service .contentarea {
    width: 77.1428571429vw;
    margin: 0 auto 1.4285714286vw;
    display: flex;
    justify-content: space-between; }
    .top-service .contentarea .wrap .image {
      width: 100%;
      height: 23.5714285714vw;
      margin-bottom: 0.7142857143vw;
      object-fit: cover; }
    .top-service .contentarea .wrap .subtitle {
      width: 20vw;
      height: 3.5714285714vw;
      font-size: 1.2857142857vw;
      line-height: 1.2857142857vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      border-radius: 1.7857142857vw;
      position: relative;
      margin: 0 auto 1.0714285714vw; }
      .top-service .contentarea .wrap .subtitle .arrow {
        position: absolute;
        top: calc(50% - 9px);
        right: 1.9285714286vw; }
    .top-service .contentarea .wrap .text {
      font-size: 1vw;
      line-height: 1.9285714286vw;
      letter-spacing: -0.02em;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400;
      color: #000;
      overflow-wrap: break-word; }
  .top-service .link-button {
    font-size: 1vw;
    line-height: 1vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    width: 23.5714285714vw;
    height: 3.5714285714vw;
    margin: 0 auto 2.5vw;
    color: #000;
    border: 1px solid #000;
    border-radius: 1.7857142857vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-service .link-button .arrow {
      position: absolute;
      top: calc(50% - 9px);
      right: 1.9285714286vw; }

.block-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

.top-esg {
  width: 100%;
  margin: 0 auto 6.0714285714vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-esg .title {
    width: 77.1428571429vw;
    margin: 0 auto;
    font-family: oswald,san-serif;
    font-weight: 500;
    display: flex;
    align-items: baseline; }
    .top-esg .title .main {
      font-size: 3.9285714286vw;
      margin-right: 1.2142857143vw; }
    .top-esg .title .sub {
      font-size: 2.2142857143vw; }
  .top-esg .contentarea {
    width: 77.1428571429vw;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400; }
    .top-esg .contentarea .image {
      width: 40.7142857143vw;
      height: 23.5714285714vw; }
      .top-esg .contentarea .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .top-esg .contentarea .wrap {
      margin-left: 3.5vw;
      width: 32.8571428571vw; }
      .top-esg .contentarea .wrap .text {
        font-size: 1.1428571429vw;
        line-height: 3.0714285714vw;
        margin-bottom: 5.1428571429vw; }
  .top-esg .link-button {
    font-size: 1vw;
    line-height: 1vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #000;
    width: 17.1428571429vw;
    height: 2.8571428571vw;
    border: 1px solid #000;
    border-radius: 1.4285714286vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-esg .link-button .arrow {
      position: absolute;
      top: calc(50% - 9px);
      right: 1.9285714286vw; }

.block-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

.top-inform {
  width: 100%;
  height: 49.2857142857vw;
  margin: 0 auto;
  padding: 7.1428571429vw 0 12.5714285714vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-inform .bgimage {
    width: 100%;
    height: 49.2857142857vw;
    position: absolute;
    top: 0;
    z-index: -1; }
    .top-inform .bgimage .inner {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .top-inform .contentarea {
    width: 77.1428571429vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .top-inform .contentarea .block {
      width: 37.1428571429vw;
      height: 29.6428571429vw;
      background-color: #fff;
      padding: 2.8571428571vw 2.1428571429vw 1.7857142857vw;
      color: #000; }
      .top-inform .contentarea .block .title {
        font-size: 1.8571428571vw;
        line-height: 1.8571428571vw;
        margin-bottom: 0.7142857143vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        text-align: center; }
      .top-inform .contentarea .block .rubi {
        font-size: 0.8571428571vw;
        line-height: 0.8571428571vw;
        margin-bottom: 1.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        text-align: center; }
      .top-inform .contentarea .block .content {
        width: 100%;
        height: auto; }
        .top-inform .contentarea .block .content ul {
          margin-bottom: 2vw; }
          .top-inform .contentarea .block .content ul li {
            width: 100%;
            height: 4.6428571429vw;
            border-bottom: 1px solid #dedede;
            display: flex;
            align-items: center; }
            .top-inform .contentarea .block .content ul li:first-child {
              border-top: 1px solid #dedede; }
            .top-inform .contentarea .block .content ul li a {
              color: #000;
              font-size: 1vw;
              line-height: 1vw;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 400;
              display: flex;
              padding-left: 0.3571428571vw; }
              .top-inform .contentarea .block .content ul li a .day {
                width: 6.0714285714vw;
                letter-spacing: 0.0714285714vw; }
        .top-inform .contentarea .block .content .image {
          width: 100%; }
      .top-inform .contentarea .block .more {
        font-size: 1vw;
        line-height: 1vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        text-align: right;
        display: block;
        position: relative;
        margin-top: 0.8571428571vw;
        padding-right: 2.8571428571vw;
        color: #000; }
        .top-inform .contentarea .block .more .arrow {
          position: absolute;
          top: calc(50% - 9px);
          right: 0; }

.block-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0); }

/* 企業概要
-----------------------*/
.about {
  margin-top: 6.4285714286vw;
  overflow-wrap: break-word; }
  .about .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .about .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .about .eyecatch .image_sp {
      display: none; }
    .about .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 50px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .about .eyecatch .eyecatchtext .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .about .eyecatch .eyecatchtext .L2 {
        font-size: 0.8571428571vw;
        line-height: 4vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .about .contentarea {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: -3.5714285714vw auto 2.8571428571vw;
    padding: 4.2857142857vw;
    position: relative;
    z-index: 50; }
    .about .contentarea .chacthcopy {
      font-size: 2vw;
      line-height: 3.5714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      padding: 0.7142857143vw 0 3.9285714286vw; }
    .about .contentarea .menulist {
      width: 68.5714285714vw;
      margin: 0 auto 5.3571428571vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .about .contentarea .menulist .about-menu-btn {
        width: 13.7142857143vw;
        height: 3.2857142857vw;
        font-size: 1vw;
        line-height: 1vw;
        border-left: 1px solid #fff;
        cursor: pointer;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s; }
    .about .contentarea .content .wrap02 {
      margin: 0 0 7.1428571429vw; }
      .about .contentarea .content .wrap02 .R-block {
        border-top: 1px solid #acacac; }
    .about .contentarea .content .wrap {
      display: flex;
      justify-content: flex-start; }
    .about .contentarea .content .L-block {
      width: 21.4285714286vw; }
      .about .contentarea .content .L-block .main {
        font-size: 1vw;
        line-height: 1vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #ef8234;
        margin-bottom: 1.4285714286vw; }
      .about .contentarea .content .L-block .rubi {
        font-size: 3.9285714286vw;
        line-height: 3.9285714286vw;
        font-family: oswald,san-serif;
        font-weight: 500;
        color: #ef8234;
        margin-bottom: 1.5714285714vw;
        display: block; }
        .about .contentarea .content .L-block .rubi .qua {
          display: block; }
        .about .contentarea .content .L-block .rubi .pol {
          display: block; }
    .about .contentarea .content .R-block {
      width: 47.1428571429vw; }
    .about .contentarea .b1, .about .contentarea .b3 {
      margin-top: -50vw;
      padding-top: 50vw; }
      .about .contentarea .b1 .R-block .image, .about .contentarea .b3 .R-block .image {
        width: 100%;
        height: 25.7142857143vw;
        object-fit: cover; }
      .about .contentarea .b1 .R-block .text, .about .contentarea .b3 .R-block .text {
        font-size: 1.0714285714vw;
        line-height: 2.4285714286vw;
        margin-top: 1.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        color: #000; }
      .about .contentarea .b1 .R-block .text2, .about .contentarea .b3 .R-block .text2 {
        font-size: 1.2857142857vw;
        line-height: 2.4285714286vw;
        margin-top: 1.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        color: #000; }
      .about .contentarea .b1 .R-block .text3, .about .contentarea .b3 .R-block .text3 {
        font-size: 2.4285714286vw;
        line-height: 2.4285714286vw;
        margin-top: 1.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        color: #000; }
      .about .contentarea .b1 .R-block .text4, .about .contentarea .b3 .R-block .text4 {
        font-size: 1.2857142857vw;
        line-height: 2.4285714286vw;
        margin-top: 2.8571428571vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        color: #000;
        text-align: right; }
    .about .contentarea .b2, .about .contentarea .b4 {
      margin-top: -50vw;
      padding-top: 50vw; }
      .about .contentarea .b2 .R-block .TR, .about .contentarea .b4 .R-block .TR {
        width: 100%;
        display: flex;
        font-size: 1.0714285714vw;
        line-height: 2.4285714286vw;
        padding: 1.4285714286vw 0;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        border-top: 1px solid #acacac; }
        .about .contentarea .b2 .R-block .TR .left, .about .contentarea .b4 .R-block .TR .left {
          width: 9.2857142857vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400; }
        .about .contentarea .b2 .R-block .TR .right, .about .contentarea .b4 .R-block .TR .right {
          width: 37.8571428571vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400; }
          .about .contentarea .b2 .R-block .TR .right.member-list, .about .contentarea .b4 .R-block .TR .right.member-list {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap; }
            .about .contentarea .b2 .R-block .TR .right.member-list .member, .about .contentarea .b4 .R-block .TR .right.member-list .member {
              width: 7.1428571429vw; }
            .about .contentarea .b2 .R-block .TR .right.member-list .member-name, .about .contentarea .b4 .R-block .TR .right.member-list .member-name {
              width: 30.7142857143vw; }
        .about .contentarea .b2 .R-block .TR .LR, .about .contentarea .b4 .R-block .TR .LR {
          width: 100%; }
          .about .contentarea .b2 .R-block .TR .LR .quorityimage, .about .contentarea .b4 .R-block .TR .LR .quorityimage {
            width: 14.2857142857vw;
            margin: 1.2142857143vw 2vw 0 0; }
          .about .contentarea .b2 .R-block .TR .LR .title, .about .contentarea .b4 .R-block .TR .LR .title {
            width: 100%;
            height: 2.8571428571vw;
            color: #1c2649;
            background-color: #ffedd4;
            padding-left: 1.7857142857vw;
            margin-top: 1.4285714286vw;
            font-size: 1.2857142857vw;
            line-height: 1.2857142857vw;
            display: flex;
            align-items: center;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500; }
          .about .contentarea .b2 .R-block .TR .LR .text, .about .contentarea .b4 .R-block .TR .LR .text {
            margin-top: 1.4285714286vw;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400; }
          .about .contentarea .b2 .R-block .TR .LR .about03, .about .contentarea .b4 .R-block .TR .LR .about03 {
            display: block;
            width: 12.8571428571vw;
            margin: 2.1428571429vw 0 0; }
      .about .contentarea .b2 .R-block .TR-map, .about .contentarea .b4 .R-block .TR-map {
        border-top: none !important; }
      .about .contentarea .b2 .R-block .TR-last, .about .contentarea .b4 .R-block .TR-last {
        border-bottom: 1px solid #acacac; }
    .about .contentarea .b4 .R-block .TR .left {
      width: 13.5714285714vw !important; }
    .about .contentarea .b4 .R-block .TR .right {
      width: 33.5714285714vw; }
    .about .contentarea .b4 .R-block .TR:last-child {
      border-bottom: 1px solid #acacac; }
    .about .contentarea .b5 {
      margin-top: -50vw;
      padding-top: 50vw; }
      .about .contentarea .b5 .L-block {
        width: 21.4285714286vw; }
        .about .contentarea .b5 .L-block .main {
          font-size: 1vw;
          line-height: 1vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          color: #000;
          margin-bottom: 0.7142857143vw; }
        .about .contentarea .b5 .L-block .rubi {
          width: 16.1428571429vw;
          margin-bottom: 1.5714285714vw; }
          .about .contentarea .b5 .L-block .rubi .image {
            width: 100%; }
      .about .contentarea .b5 .R-block .image {
        width: 100%; }
      .about .contentarea .b5 .R-block .text {
        font-size: 1.0714285714vw;
        line-height: 2.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        color: #000;
        margin: 0 0 2.8571428571vw; }
      .about .contentarea .b5 .R-block .group-list {
        width: 100%;
        margin-top: 1.4285714286vw;
        position: relative; }
        .about .contentarea .b5 .R-block .group-list .bg {
          width: 29.2142857143vw;
          margin: 0 auto;
          padding-top: 3.9285714286vw; }
          .about .contentarea .b5 .R-block .group-list .bg .bg_group01 {
            width: 100%; }
        .about .contentarea .b5 .R-block .group-list .item-block {
          width: 12.2142857143vw;
          height: 12.2142857143vw;
          background-color: #fff;
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4);
          border-radius: 50%;
          position: absolute;
          display: flex;
          align-items: center;
          justify-content: center; }
          .about .contentarea .b5 .R-block .group-list .item-block .item-img {
            display: flex;
            align-items: center;
            transition: 0.5s;
            opacity: 1; }
          .about .contentarea .b5 .R-block .group-list .item-block .image {
            width: 100%;
            z-index: 10; }
          .about .contentarea .b5 .R-block .group-list .item-block::after {
            content: "";
            width: 12.9285714286vw;
            height: 12.9285714286vw;
            border-radius: 50%;
            background-color: #fff;
            transition: 0.5s;
            opacity: 0;
            position: absolute;
            top: -5px;
            left: -5px; }
          .about .contentarea .b5 .R-block .group-list .item-block .item-current {
            width: 12.9285714286vw;
            height: 12.9285714286vw;
            display: flex;
            transition: opacity 0.5s;
            opacity: 0;
            position: absolute;
            top: -0.3571428571vw;
            z-index: 20; }
            .about .contentarea .b5 .R-block .group-list .item-block .item-current.active {
              opacity: 1; }
          .about .contentarea .b5 .R-block .group-list .item-block:hover .item-current {
            opacity: 1;
            transition: opacity 0.5s; }
        .about .contentarea .b5 .R-block .group-list .position01 {
          top: 0;
          left: calc(50% - 85.5px); }
        .about .contentarea .b5 .R-block .group-list .position02 {
          top: 9.2857142857vw;
          left: calc(50% - 252px); }
        .about .contentarea .b5 .R-block .group-list .position03 {
          top: 9.2857142857vw;
          left: calc(50% + 85px); }
        .about .contentarea .b5 .R-block .group-list .position04 {
          top: 22.8571428571vw;
          left: calc(50% - 186px); }
        .about .contentarea .b5 .R-block .group-list .position05 {
          top: 22.8571428571vw;
          left: calc(50% + 15px); }
      .about .contentarea .b5 .R-block .group-link {
        width: 21.4285714286vw;
        margin: 4.2857142857vw auto; }
        .about .contentarea .b5 .R-block .group-link .textB {
          font-size: 1vw;
          line-height: 2.2857142857vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          text-align: left; }
    .about .contentarea .not-current {
      display: none;
      visibility: hidden;
      opacity: 0;
      transition: 0.5s; }
    .about .contentarea .current {
      visibility: visivle;
      opacity: 1;
      transition: 0.5s; }

/* 事業内容
-----------------------*/
.service {
  margin-top: 6.4285714286vw;
  overflow-wrap: break-word; }
  .service .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative;
    background-color: #000; }
    .service .eyecatch .image_pc {
      opacity: 0.85;
      vertical-align: top;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .service .eyecatch .image_sp {
      display: none; }
    .service .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 50px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .service .eyecatch .eyecatchtext .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .service .eyecatch .eyecatchtext .L2 {
        font-size: 0.8571428571vw;
        line-height: 4vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .service .contentarea {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: -3.5714285714vw auto 2.8571428571vw;
    padding: 4.2857142857vw;
    position: relative;
    z-index: 50; }
    .service .contentarea .chacthcopy {
      font-size: 2vw;
      line-height: 3.5714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      padding: 0.7142857143vw 0 3.9285714286vw; }
    .service .contentarea .menulist {
      width: 68.5714285714vw;
      margin: 0 auto 5.3571428571vw;
      display: flex;
      align-items: center;
      justify-content: center; }
      .service .contentarea .menulist .service-menu-btn {
        width: 22.8571428571vw;
        height: 3.2857142857vw;
        background-color: #ef8234;
        color: #fff;
        font-size: 1vw;
        line-height: 1vw;
        border-left: 1px solid #fff;
        cursor: pointer;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s; }
        .service .contentarea .menulist .service-menu-btn:hover {
          background-color: #e75900;
          transition: 0.5s; }
        .service .contentarea .menulist .service-menu-btn.current-bg {
          background-color: #e75900 !important; }
    .service .contentarea .b1, .service .contentarea .b4 {
      width: 100%; }
      .service .contentarea .b1 .eyecacth, .service .contentarea .b4 .eyecacth {
        width: 100%;
        height: 25.7142857143vw;
        display: flex;
        position: relative;
        align-items: center; }
        .service .contentarea .b1 .eyecacth .image01, .service .contentarea .b4 .eyecacth .image01 {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .service .contentarea .b1 .eyecacth .text, .service .contentarea .b4 .eyecacth .text {
          font-size: 4.6428571429vw;
          line-height: 4.6428571429vw;
          color: #fff;
          font-family: oswald,san-serif;
          font-weight: 500;
          padding-left: 1.4285714286vw;
          position: absolute;
          top: calc(50% - 40px);
          left: 0;
          z-index: 10; }
      .service .contentarea .b1 .text-block, .service .contentarea .b4 .text-block {
        width: 57.1428571429vw;
        margin: 4.2857142857vw auto 6.0714285714vw;
        color: #000; }
        .service .contentarea .b1 .text-block .inner-1, .service .contentarea .b4 .text-block .inner-1 {
          font-size: 2vw;
          line-height: 3.5714285714vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          margin-bottom: 2.1428571429vw;
          letter-spacing: 0.1em; }
        .service .contentarea .b1 .text-block .inner-2, .service .contentarea .b4 .text-block .inner-2 {
          font-size: 1.0714285714vw;
          line-height: 2.4285714286vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400; }
      .service .contentarea .b1 .image-block-R, .service .contentarea .b4 .image-block-R {
        width: 100%;
        text-align: right;
        margin-bottom: 4.6428571429vw; }
        .service .contentarea .b1 .image-block-R .image02, .service .contentarea .b4 .image-block-R .image02 {
          width: 47.1428571429vw;
          height: 25.7142857143vw;
          object-fit: cover; }
      .service .contentarea .b1 .image-block-L, .service .contentarea .b4 .image-block-L {
        width: 100%;
        text-align: left;
        margin-bottom: 4.6428571429vw; }
        .service .contentarea .b1 .image-block-L .image02, .service .contentarea .b4 .image-block-L .image02 {
          width: 47.1428571429vw;
          height: 25.7142857143vw;
          object-fit: cover; }
      .service .contentarea .b1 .text-block-2, .service .contentarea .b4 .text-block-2 {
        display: flex;
        justify-content: flex-start; }
      .service .contentarea .b1 .R-block, .service .contentarea .b4 .R-block {
        width: 47.1428571429vw;
        border-top: 1px solid #acacac; }
        .service .contentarea .b1 .R-block .text, .service .contentarea .b4 .R-block .text {
          font-size: 1.0714285714vw;
          line-height: 1.0714285714vw;
          margin-top: 1.7857142857vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000; }
        .service .contentarea .b1 .R-block .wrap, .service .contentarea .b4 .R-block .wrap {
          display: flex;
          font-size: 1.0714285714vw;
          line-height: 2.4285714286vw;
          margin-top: 0.7142857143vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000;
          margin: 1.7857142857vw 0; }
          .service .contentarea .b1 .R-block .wrap .inner-1, .service .contentarea .b4 .R-block .wrap .inner-1 {
            width: 2.1428571429vw; }
          .service .contentarea .b1 .R-block .wrap .inner-2, .service .contentarea .b4 .R-block .wrap .inner-2 {
            width: 45vw; }
        .service .contentarea .b1 .R-block .image03, .service .contentarea .b4 .R-block .image03 {
          width: 19.9285714286vw;
          margin-top: 1.7857142857vw;
          margin-right: 1.7857142857vw; }
      .service .contentarea .b1 .L-block, .service .contentarea .b4 .L-block {
        width: 21.4285714286vw; }
        .service .contentarea .b1 .L-block .main, .service .contentarea .b4 .L-block .main {
          font-size: 1vw;
          line-height: 1vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          color: #008078;
          margin-bottom: 1.4285714286vw; }
        .service .contentarea .b1 .L-block .rubi, .service .contentarea .b4 .L-block .rubi {
          font-size: 3.9285714286vw;
          line-height: 4.7142857143vw;
          font-family: oswald,san-serif;
          font-weight: 500;
          color: #AAD4CC;
          margin-bottom: 1.5714285714vw;
          display: block; }
          .service .contentarea .b1 .L-block .rubi .qua, .service .contentarea .b4 .L-block .rubi .qua {
            display: block; }
          .service .contentarea .b1 .L-block .rubi .pol, .service .contentarea .b4 .L-block .rubi .pol {
            display: block; }
    .service .contentarea .b2 {
      width: 100%;
      margin-top: -50vw;
      padding-top: 50vw; }
      .service .contentarea .b2 .eyecacth {
        width: 100%;
        height: 25.7142857143vw;
        display: flex;
        position: relative;
        align-items: center; }
        .service .contentarea .b2 .eyecacth .image01 {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .service .contentarea .b2 .eyecacth .text {
          width: 100%;
          font-size: 4.6428571429vw;
          line-height: 4.6428571429vw;
          color: #fff;
          font-family: oswald,san-serif;
          font-weight: 500;
          text-align: center;
          opacity: 0.8;
          position: absolute;
          top: 2.2857142857vw;
          left: 0;
          z-index: 10; }
      .service .contentarea .b2 .text-block {
        width: 100%;
        margin: 5.7142857143vw auto 4.5714285714vw;
        color: #000; }
        .service .contentarea .b2 .text-block .inner-1 {
          font-size: 2vw;
          line-height: 3.5714285714vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          margin-bottom: 1.4285714286vw;
          letter-spacing: 0.1em; }
        .service .contentarea .b2 .text-block .inner-2 {
          font-size: 1.0714285714vw;
          line-height: 2.2;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400; }
        .service .contentarea .b2 .text-block .title {
          width: 6.7142857143vw;
          height: 2.3571428571vw;
          background-color: #f15e00;
          font-size: 1.4285714286vw;
          line-height: 1;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          color: #fff;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 2.8571428571vw 0 0; }
        .service .contentarea .b2 .text-block .list {
          display: block;
          font-size: 1.0714285714vw;
          line-height: 1;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000;
          text-align: left;
          margin: 1.0714285714vw 0 0;
          padding-left: 1.2142857143vw;
          position: relative; }
          .service .contentarea .b2 .text-block .list::before {
            content: "";
            width: 1.0714285714vw;
            height: 1.0714285714vw;
            background-color: #f15e00;
            border-radius: 1.0714285714vw;
            position: absolute;
            top: 0;
            left: 0; }
        .service .contentarea .b2 .text-block .etc {
          display: block;
          font-size: 1.0714285714vw;
          line-height: 1;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000;
          text-align: left;
          margin: 1.0714285714vw 0 0; }
      .service .contentarea .b2 .photo-swiper {
        width: 100%;
        margin: 4.2857142857vw auto 0;
        overflow: hidden; }
        .service .contentarea .b2 .photo-swiper .swiper-slide {
          width: 28.5714285714vw;
          height: 19vw;
          margin: 0 0.7142857143vw; }
          .service .contentarea .b2 .photo-swiper .swiper-slide .image {
            width: 100%;
            height: 100%;
            object-fit: cover; }
      .service .contentarea .b2 .dot-wrapper {
        width: 74.2857142857vw;
        max-width: none;
        margin: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        top: -10vw;
        left: -2.8571428571vw; }
        .service .contentarea .b2 .dot-wrapper .swiper-button-prev, .service .contentarea .b2 .dot-wrapper .swiper-button-next {
          width: 1.2857142857vw;
          height: 1.2857142857vw;
          margin: 0;
          position: relative; }
        .service .contentarea .b2 .dot-wrapper .swiper-button-prev::after {
          content: "";
          width: 1.2857142857vw;
          height: 1.2857142857vw;
          border-bottom: 0.1428571429vw solid #c4c4c4;
          border-left: 0.1428571429vw solid #c4c4c4;
          transform: rotate(45deg);
          position: absolute;
          top: 0;
          left: 0; }
        .service .contentarea .b2 .dot-wrapper .swiper-button-next::after {
          content: "";
          width: 1.2857142857vw;
          height: 1.2857142857vw;
          border-top: 0.1428571429vw solid #c4c4c4;
          border-right: 0.1428571429vw solid #c4c4c4;
          transform: rotate(45deg);
          position: absolute;
          top: 0;
          right: 0; }
      .service .contentarea .b2 .uncherlink-list {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto 5.3571428571vw;
        position: sticky;
        top: 90px;
        background-color: #fff;
        padding: 1.4285714286vw 0;
        z-index: 20; }
        .service .contentarea .b2 .uncherlink-list .link {
          display: block;
          width: 21.4285714286vw;
          height: 3.5714285714vw;
          border: 1px solid #000;
          border-radius: 3.5714285714vw;
          font-size: 1vw;
          line-height: 1;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; }
          .service .contentarea .b2 .uncherlink-list .link::after {
            content: "";
            width: 0.5714285714vw;
            height: 0.5714285714vw;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            transform: rotate(45deg);
            position: absolute;
            top: 1.5714285714vw;
            right: 2.1428571429vw; }
      .service .contentarea .b2 .subject {
        width: 100%;
        text-align: left;
        font-size: 2.2857142857vw;
        line-height: 1;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        color: #f15e00;
        border-bottom: 0.2142857143vw solid #f15e00;
        padding-bottom: 1.4285714286vw;
        margin-bottom: 3.2142857143vw; }
      .service .contentarea .b2 .content-block {
        width: 100%;
        margin: 0 auto 6.4285714286vw;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap; }
        .service .contentarea .b2 .content-block .item {
          width: 17.1428571429vw;
          padding: 0 0.8571428571vw;
          margin: 0 0 2.8571428571vw; }
          .service .contentarea .b2 .content-block .item.wid {
            width: 34.2857142857vw; }
          .service .contentarea .b2 .content-block .item.mid {
            padding: 0; }
          .service .contentarea .b2 .content-block .item .product_image {
            display: block;
            width: auto;
            height: 17.2857142857vw; }
          .service .contentarea .b2 .content-block .item .name {
            font-size: 0.8571428571vw;
            line-height: 1.5;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400; }
            .service .contentarea .b2 .content-block .item .name .brsp {
              display: none; }
          .service .contentarea .b2 .content-block .item .detail {
            font-size: 0.8571428571vw;
            line-height: 1.5;
            color: #000;
            text-align: left;
            padding-top: 0.5714285714vw;
            margin-top: 0.5714285714vw;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            border-top: 1px solid #ababab; }
        .service .contentarea .b2 .content-block .product34 {
          display: block;
          width: 15.4285714286vw; }
        .service .contentarea .b2 .content-block .product35 {
          display: block;
          width: 11.6428571429vw; }
        .service .contentarea .b2 .content-block .product36 {
          display: block;
          width: 14.7142857143vw; }
        .service .contentarea .b2 .content-block .product37 {
          display: block;
          width: 10.4285714286vw; }
    .service .contentarea .b3 {
      width: 100%;
      margin-top: -50vw;
      padding-top: 50vw; }
      .service .contentarea .b3 .text-block {
        width: 57.1428571429vw;
        margin: 0 auto 4.6428571429vw;
        color: #000; }
        .service .contentarea .b3 .text-block .inner-2 {
          font-size: 1.0714285714vw;
          line-height: 2.4285714286vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400; }
        .service .contentarea .b3 .text-block .inner-3 {
          font-size: 1.2142857143vw;
          line-height: 2.4285714286vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          text-align: center; }
        .service .contentarea .b3 .text-block .link-button {
          width: 28.5714285714vw;
          height: 4.2857142857vw;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          background-color: #008078;
          margin: 2.1428571429vw auto; }
      .service .contentarea .b3 .content-block {
        width: 100%;
        margin: 0 auto 5.1428571429vw;
        display: flex; }
        .service .contentarea .b3 .content-block .L-block {
          width: 40.7142857143vw; }
          .service .contentarea .b3 .content-block .L-block .prag1 {
            font-size: 2.1428571429vw;
            line-height: 2.1428571429vw;
            color: #aad4cc;
            font-family: oswald,san-serif;
            font-weight: 500;
            text-align: left; }
          .service .contentarea .b3 .content-block .L-block .prag2 {
            font-size: 2.1428571429vw;
            line-height: 2.1428571429vw;
            color: #008078;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            text-align: left;
            padding-top: 0.7142857143vw; }
          .service .contentarea .b3 .content-block .L-block .prag3 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            text-align: left;
            padding-top: 1.5vw;
            padding-right: 1.7857142857vw; }
            .service .contentarea .b3 .content-block .L-block .prag3 .color {
              color: #008078;
              border-bottom: 1px solid #008078; }
        .service .contentarea .b3 .content-block .R-block {
          width: 27.8571428571vw;
          height: 17.1428571429vw; }
          .service .contentarea .b3 .content-block .R-block .image04 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block; }
        .service .contentarea .b3 .content-block .wrap {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: space-between; }
          .service .contentarea .b3 .content-block .wrap .inner-wrap {
            width: 32.1428571429vw; }
            .service .contentarea .b3 .content-block .wrap .inner-wrap .inner {
              width: 100%;
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
              margin-top: 2.5vw; }
              .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left {
                width: 4.5714285714vw;
                height: 4.5714285714vw;
                border-radius: 4.5714285714vw;
                color: #fff;
                font-size: 2.7142857143vw;
                line-height: 2.7142857143vw;
                font-family: oswald,san-serif;
                font-weight: 500;
                display: flex;
                align-items: center;
                justify-content: center; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_1 {
                  background-color: #ef8234;
                  position: relative; }
                  .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_1::before {
                    position: absolute;
                    content: "";
                    width: 0.7142857143vw;
                    height: 9.2857142857vw;
                    background: linear-gradient(to bottom, #ef8234, #e8772b);
                    top: 4.2857142857vw;
                    left: calc(50% - 5px);
                    z-index: -1; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_2 {
                  background-color: #e8772b;
                  position: relative; }
                  .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_2::before {
                    position: absolute;
                    content: "";
                    width: 0.7142857143vw;
                    height: 5.7142857143vw;
                    background: linear-gradient(to bottom, #e8772b, #df661c);
                    top: 4.2857142857vw;
                    left: calc(50% - 5px);
                    z-index: -1; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_3 {
                  background-color: #df661c; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_4 {
                  background-color: #d85b13;
                  position: relative; }
                  .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_4::before {
                    position: absolute;
                    content: "";
                    width: 0.7142857143vw;
                    height: 9.2857142857vw;
                    background: linear-gradient(to bottom, #d85b13, #d24f09);
                    top: 4.2857142857vw;
                    left: calc(50% - 5px);
                    z-index: -1; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_5 {
                  background-color: #d24f09;
                  position: relative; }
                  .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_5::before {
                    position: absolute;
                    content: "";
                    width: 0.7142857143vw;
                    height: 7.1428571429vw;
                    background: linear-gradient(to bottom, #d24f09, #cb4400);
                    top: 4.2857142857vw;
                    left: calc(50% - 5px);
                    z-index: -1; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-left.color_6 {
                  background-color: #cb4400; }
              .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-right {
                width: 26.7142857143vw;
                background-color: #ffedd4;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-flow: column;
                padding: 1.0714285714vw 1.4285714286vw; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-right .name {
                  font-size: 2vw;
                  line-height: 2vw;
                  color: #f15e00;
                  font-family: 'Noto Sans JP', sans-serif;
                  font-weight: 500; }
                .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-right .text {
                  font-size: 1.0714285714vw;
                  line-height: 1.5;
                  color: #000;
                  font-family: 'Noto Sans JP', sans-serif;
                  font-weight: 400;
                  margin-top: 1.0714285714vw;
                  font-feature-settings: 'palt'; }
                  .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-right .text .font {
                    color: #f15e00;
                    display: block;
                    margin-top: 0.3571428571vw; }
                  .service .contentarea .b3 .content-block .wrap .inner-wrap .inner .inner-right .text .brsp {
                    display: none; }
              .service .contentarea .b3 .content-block .wrap .inner-wrap .inner.num6 {
                width: 100%;
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
                margin-top: 1.0714285714vw; }
    .service .contentarea .b4 .R-block {
      border: none !important; }
    .service .contentarea .b4 .machinetable {
      width: 100%;
      font-size: 1.0714285714vw;
      line-height: 1.0714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      border-collapse: collapse; }
      .service .contentarea .b4 .machinetable th {
        height: 2.8571428571vw;
        background-color: #dedede;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #acacac; }
      .service .contentarea .b4 .machinetable td {
        height: 3.5714285714vw;
        background-color: #fff;
        text-align: left;
        vertical-align: middle;
        border: 1px solid #acacac;
        padding-left: 0.7142857143vw; }
        .service .contentarea .b4 .machinetable td.num {
          text-align: center;
          padding-left: 0; }
    .service .contentarea .b4 .text-block3 {
      width: 100%;
      margin: 0; }
      .service .contentarea .b4 .text-block3 .wrap {
        display: flex;
        justify-content: space-between;
        margin-top: 2.6428571429vw; }
        .service .contentarea .b4 .text-block3 .wrap .inner {
          width: 22.4285714286vw;
          background-color: #dedede; }
          .service .contentarea .b4 .text-block3 .wrap .inner img {
            width: 100%;
            height: 15.7142857143vw;
            object-fit: cover; }
          .service .contentarea .b4 .text-block3 .wrap .inner .text {
            width: 100%;
            height: 5.1428571429vw;
            font-size: 0.8571428571vw;
            line-height: 1.3571428571vw;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            text-align: left;
            padding-left: 0.7142857143vw; }
    .service .contentarea .not-current {
      display: none;
      visibility: hidden;
      opacity: 0;
      transition: 0.5s; }
    .service .contentarea .current {
      visibility: visivle;
      opacity: 1;
      transition: 0.5s; }

.image-popup {
  position: fixed;
  top: 2%;
  left: 2%;
  width: 96%;
  height: 96%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; }

.image-popup img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* 採用情報
-----------------------*/
.recruit {
  margin-top: 6.4285714286vw;
  padding-bottom: 4.2857142857vw;
  background-color: #f15e00;
  overflow-wrap: break-word; }
  .recruit .eyecatch {
    width: 100%;
    position: relative; }
    .recruit .eyecatch .image {
      width: 100%;
      height: auto; }
  .recruit .chacthcopyarea {
    width: 77.1428571429vw;
    height: 14.2857142857vw;
    background-color: #fff;
    margin: -7.1428571429vw auto 2.8571428571vw;
    padding: 4.2857142857vw;
    position: relative;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center; }
    .recruit .chacthcopyarea .eyecatch-text {
      position: absolute;
      width: 41.7857142857vw;
      top: -3.9285714286vw;
      left: 2.8571428571vw;
      z-index: 20;
      text-align: left; }
      .recruit .chacthcopyarea .eyecatch-text .image {
        width: 100%; }
    .recruit .chacthcopyarea .chacthcopy {
      font-size: 2vw;
      line-height: 3.5714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center; }
  .recruit .contentarea {
    width: 77.1428571429vw;
    margin: 0 auto; }
    .recruit .contentarea .title-text {
      text-align: center; }
      .recruit .contentarea .title-text .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .recruit .contentarea .title-text .L2 {
        font-size: 0.8571428571vw;
        line-height: 2.8571428571vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
    .recruit .contentarea .ancher-menu {
      width: 68.5714285714vw;
      display: flex;
      justify-content: space-between;
      margin: 2.8571428571vw auto 5.7142857143vw; }
      .recruit .contentarea .ancher-menu .recruit_menu_btn {
        width: 33.2142857143vw;
        height: 5vw;
        border: 1px solid #fff;
        border-radius: 2.5vw;
        font-size: 1.5714285714vw;
        line-height: 1.5714285714vw;
        color: #fff;
        position: relative;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center; }
        .recruit .contentarea .ancher-menu .recruit_menu_btn:before {
          content: "";
          width: 0.5714285714vw;
          height: 0.5714285714vw;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 6px);
          right: 3.2142857143vw; }
    .recruit .contentarea .block01 {
      width: 68.5714285714vw;
      display: flex;
      margin: 0 auto 10vw;
      opacity: 0;
      visibility: hidden;
      transform: translateY(30px);
      transition: opacity 1s, visibility 1s, transform 1s; }
      .recruit .contentarea .block01 .L-block {
        width: 21.4285714286vw;
        font-size: 1.5714285714vw;
        color: #fff;
        text-align: left;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500; }
        .recruit .contentarea .block01 .L-block .recruit_04 {
          width: 18vw;
          margin-bottom: 0.7142857143vw; }
      .recruit .contentarea .block01 .R-block {
        width: 47.1428571429vw; }
        .recruit .contentarea .block01 .R-block .image {
          width: 100%; }
        .recruit .contentarea .block01 .R-block .text {
          font-size: 1.0714285714vw;
          line-height: 2.4285714286vw;
          color: #fff;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          text-align: left;
          padding-top: 2.1428571429vw;
          overflow-wrap: break-word; }
    .recruit .contentarea .block02 {
      width: 68.5714285714vw;
      margin: 0 auto; }
      .recruit .contentarea .block02 .title-block {
        width: 22.8571428571vw;
        margin: 0 auto 3.5714285714vw;
        text-align: center;
        font-size: 1vw;
        line-height: 1vw;
        color: #fff;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500; }
        .recruit .contentarea .block02 .title-block .recruit_05 {
          width: 100%; }
      .recruit .contentarea .block02 .voice-block {
        width: 100%;
        margin-bottom: 7.1428571429vw; }
        .recruit .contentarea .block02 .voice-block .wrap-item {
          width: 100%;
          margin-bottom: 2.8571428571vw;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          .recruit .contentarea .block02 .voice-block .wrap-item .wrap {
            opacity: 0;
            visibility: hidden;
            transform: translateY(30px);
            transition: opacity 1s, visibility 1s, transform 1s; }
            .recruit .contentarea .block02 .voice-block .wrap-item .wrap:nth-child(odd) {
              width: 30.7142857143vw; }
            .recruit .contentarea .block02 .voice-block .wrap-item .wrap:nth-child(even) {
              width: 30.7142857143vw;
              padding-top: 7.1428571429vw; }
            .recruit .contentarea .block02 .voice-block .wrap-item .wrap .photo {
              width: 100%; }
            .recruit .contentarea .block02 .voice-block .wrap-item .wrap .copy {
              width: 100%;
              font-size: 1.7142857143vw;
              line-height: 2.5714285714vw;
              color: #f4e600;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 700;
              padding: 1.0714285714vw 0 1.4285714286vw;
              overflow-wrap: break-word; }
            .recruit .contentarea .block02 .voice-block .wrap-item .wrap .team {
              width: fit-content;
              height: 1.7142857143vw;
              border: 1px solid #fff;
              font-size: 1vw;
              line-height: 1vw;
              color: #fff;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 500;
              display: flex;
              align-items: center;
              justify-content: center;
              padding: 0.7142857143vw; }
            .recruit .contentarea .block02 .voice-block .wrap-item .wrap .maintext {
              width: 100%;
              font-size: 1vw;
              line-height: 2vw;
              color: #fff;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 400;
              padding: 1.0714285714vw 0 0;
              overflow-wrap: break-word; }
          .recruit .contentarea .block02 .voice-block .wrap-item .block-fadein {
            opacity: 1;
            visibility: visible;
            transform: translateX(0); }
    .recruit .contentarea .block03 {
      width: 77.1428571429vw;
      margin: 5.7142857143vw auto 0; }
      .recruit .contentarea .block03 .wrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .recruit .contentarea .block03 .wrap .inner {
          width: 23.5714285714vw;
          height: 20vw;
          margin-bottom: 3.2142857143vw;
          background-color: #fff; }
          .recruit .contentarea .block03 .wrap .inner .lank {
            width: 100%;
            height: 3.2857142857vw;
            background-color: #ffedd4;
            font-size: 1.4285714286vw;
            line-height: 1.4285714286vw;
            color: #e75900;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0 1.4285714286vw; }
          .recruit .contentarea .block03 .wrap .inner .employ {
            display: flex;
            align-items: center;
            justify-content: flex-start; }
            .recruit .contentarea .block03 .wrap .inner .employ .base {
              height: 2.1428571429vw;
              margin: 1.4285714286vw 0.3571428571vw 0.7142857143vw 1.4285714286vw;
              background-color: #f15e00;
              width: fit-content;
              height: 2.1428571429vw;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 1vw;
              line-height: 1vw;
              color: #fff;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 500;
              padding: 0.7142857143vw; }
            .recruit .contentarea .block03 .wrap .inner .employ .category {
              height: 2.1428571429vw;
              margin: 1.4285714286vw 0 0.7142857143vw 0.3571428571vw; }
              .recruit .contentarea .block03 .wrap .inner .employ .category .category_inner {
                width: fit-content;
                height: 2.1428571429vw;
                border: 1px solid #f15e00;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1vw;
                line-height: 1vw;
                color: #f15e00;
                font-family: 'Noto Sans JP', sans-serif;
                font-weight: 500;
                padding: 0.7142857143vw; }
          .recruit .contentarea .block03 .wrap .inner .occupation {
            width: 20.7142857143vw;
            height: 2.8571428571vw;
            border-bottom: 1px solid #000;
            font-size: 1.7142857143vw;
            line-height: 2.8571428571vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            margin: 0 1.4285714286vw 0.7142857143vw; }
          .recruit .contentarea .block03 .wrap .inner .text {
            width: 100%;
            height: 4.6428571429vw;
            font-size: 1vw;
            line-height: 1.7;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            padding: 0 1.4285714286vw;
            overflow: auto; }
          .recruit .contentarea .block03 .wrap .inner .link-button {
            width: 11.1428571429vw;
            height: 2.5714285714vw;
            border-radius: 1.2857142857vw;
            background-color: #f15e00;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 2.8571428571vw;
            font-size: 0.9285714286vw;
            line-height: 0.7142857143vw;
            color: #fff;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            margin: 0.7142857143vw 0 0 11vw;
            position: relative; }
            .recruit .contentarea .block03 .wrap .inner .link-button .arrow {
              position: absolute;
              top: 0.7142857143vw;
              right: 1.0714285714vw; }
        .recruit .contentarea .block03 .wrap::after {
          content: "";
          display: block;
          width: 23.5714285714vw;
          height: 0; }
      .recruit .contentarea .block03 .not {
        width: 100%;
        font-size: 1.4285714286vw;
        color: #fff;
        padding-top: 7.1428571429vw;
        text-align: center; }
    .recruit .contentarea .block03-last {
      width: 100%; }
      .recruit .contentarea .block03-last .link-button {
        width: 33.2142857143vw;
        height: 5vw;
        margin: 2.5vw auto;
        border-radius: 2.5vw;
        background-color: #f4e621;
        color: #000;
        font-size: 1.5714285714vw;
        line-height: 1.5714285714vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .recruit .contentarea .block03-last .link-button .arrow {
          position: absolute;
          top: calc(50% - 9px);
          right: 1.9285714286vw; }
        .recruit .contentarea .block03-last .link-button.hallow-work {
          background-color: #003379 !important;
          color: #fff !important;
          font-size: 1.4285714286vw !important;
          line-height: 1.4285714286vw !important;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500; }
          .recruit .contentarea .block03-last .link-button.hallow-work::before {
            border-top: 1px solid #fff !important; }
          .recruit .contentarea .block03-last .link-button.hallow-work::after {
            background: #fff !important; }
          .recruit .contentarea .block03-last .link-button.hallow-work .icon {
            display: block;
            width: 1.2142857143vw;
            margin: 0.2142857143vw 0 0 0.5714285714vw; }
    .recruit .contentarea .block-fadein {
      opacity: 1;
      visibility: visible;
      transform: translateX(0); }
  .recruit .add_area {
    width: 100%;
    background-color: #ffedd4;
    padding: 6.0714285714vw;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    .recruit .add_area .wrap {
      width: 37.8571428571vw; }
      .recruit .add_area .wrap .title {
        font-size: 2.1428571429vw;
        line-height: 1.6;
        color: #e75900;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 700;
        margin: 0 0 1.4285714286vw; }
      .recruit .add_area .wrap .text {
        font-size: 1vw;
        line-height: 1.6;
        color: #000;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        padding: 0 7.1428571429vw 0 0; }
    .recruit .add_area .recruit08 {
      width: 30.7142857143vw;
      display: block; }
  .recruit .contentarea_single {
    width: 68.5714285714vw;
    margin: 6.4285714286vw auto 0;
    padding: 5.7142857143vw 0 4.2857142857vw; }
    .recruit .contentarea_single .title-text {
      text-align: center; }
      .recruit .contentarea_single .title-text .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .recruit .contentarea_single .title-text .L2 {
        font-size: 0.8571428571vw;
        line-height: 2.8571428571vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .recruit .block04 {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: 0 auto;
    padding: 4.6428571429vw 4.2857142857vw;
    display: flex; }
    .recruit .block04 .L-block {
      width: 21.4285714286vw;
      text-align: left; }
      .recruit .block04 .L-block .image {
        width: 15.7142857143vw; }
      .recruit .block04 .L-block .text {
        font-size: 1vw;
        line-height: 2.2857142857vw;
        color: #000;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500; }
    .recruit .block04 .R-block {
      width: 47.1428571429vw; }
      .recruit .block04 .R-block .title {
        width: 100%;
        height: 2.7142857143vw;
        background-color: #fceed7;
        font-size: 1.4285714286vw;
        line-height: 1.4285714286vw;
        color: #f15e00;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 1.0714285714vw;
        margin-bottom: 1.7142857143vw; }
      .recruit .block04 .R-block .employ {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #acacac;
        padding-bottom: 1.7857142857vw; }
        .recruit .block04 .R-block .employ .factory {
          height: 2.1428571429vw;
          margin: 0 0.3571428571vw 0 0;
          background-color: #f15e00;
          width: fit-content;
          height: 2.1428571429vw;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1vw;
          line-height: 1vw;
          color: #fff;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          padding: 0.7142857143vw; }
        .recruit .block04 .R-block .employ .category {
          height: 2.1428571429vw;
          margin: 0 0.3571428571vw 0 0; }
          .recruit .block04 .R-block .employ .category .category_inner {
            width: fit-content;
            height: 2.1428571429vw;
            border: 1px solid #f15e00;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1vw;
            line-height: 1vw;
            color: #f15e00;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            padding: 0.7142857143vw 1.4285714286vw; }
      .recruit .block04 .R-block .lank {
        width: fit-content;
        height: 2.1428571429vw;
        border: 1px solid #f15e00;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1vw;
        line-height: 1vw;
        color: #f15e00;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        padding: 0.7142857143vw;
        margin-right: 1.4285714286vw; }
      .recruit .block04 .R-block .occupation {
        width: 20.7142857143vw;
        font-size: 1.7142857143vw;
        line-height: 2.8571428571vw;
        color: #000;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500; }
      .recruit .block04 .R-block .main-wrap {
        width: 100%;
        border-bottom: 1px solid #acacac;
        color: #000;
        font-size: p2(15px);
        line-height: 2.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        letter-spacing: -0.0357142857vw;
        padding: 1.9642857143vw 0;
        display: flex; }
        .recruit .block04 .R-block .main-wrap .main-L {
          width: 11.4285714286vw;
          text-align: left; }
        .recruit .block04 .R-block .main-wrap .main-R {
          width: 35.7142857143vw;
          text-align: left; }
          .recruit .block04 .R-block .main-wrap .main-R .item {
            margin: 2.1428571429vw 0;
            display: block; }
        .recruit .block04 .R-block .main-wrap:nth-child(1) {
          border-top: 1px solid #acacac; }
        .recruit .block04 .R-block .main-wrap .lines {
          line-height: 2.4285714286vw; }
    .recruit .block04 .pdflink {
      width: 20vw;
      height: 3.5714285714vw;
      border: 1px solid #000;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 1.0714285714vw;
      line-height: 1.0714285714vw;
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      padding-left: 2.1428571429vw;
      margin-top: 1.7857142857vw; }
      .recruit .block04 .pdflink .pdflogo {
        width: 1.6428571429vw;
        margin-right: 1.4285714286vw; }
  .recruit .block04-last {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: 0 auto 2.8571428571vw;
    padding-bottom: 4.2857142857vw; }
    .recruit .block04-last .link-button {
      width: 33.2142857143vw;
      height: 5vw;
      margin: 0 auto;
      border-radius: 2.5vw;
      background-color: #f4e621;
      color: #000;
      font-size: 1.5714285714vw;
      line-height: 1.5714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .recruit .block04-last .link-button .arrow {
        position: absolute;
        top: calc(50% - 9px);
        right: 1.9285714286vw; }
      .recruit .block04-last .link-button .icon {
        display: block;
        width: 1.2142857143vw;
        margin: 0.2142857143vw 0 0 0.5714285714vw; }
    .recruit .block04-last .return-button {
      width: 23.5714285714vw;
      height: 3.4285714286vw;
      margin: 3.5714285714vw auto 0;
      border-radius: 1.7142857143vw;
      border: 1px solid #f15e00;
      color: #f15e00;
      font-size: 1.2857142857vw;
      line-height: 1.2857142857vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center; }
  .recruit .mrfix {
    margin: 0 auto 1.4285714286vw !important; }

/* ESG
-----------------------*/
.esg {
  margin-top: 6.4285714286vw;
  overflow-wrap: break-word; }
  .esg .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .esg .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .esg .eyecatch .image_sp {
      display: none; }
    .esg .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 50px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .esg .eyecatch .eyecatchtext .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .esg .eyecatch .eyecatchtext .L2 {
        font-size: 0.8571428571vw;
        line-height: 4vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .esg .contentarea {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: -3.5714285714vw auto 1.4285714286vw;
    padding: 4.2857142857vw;
    position: relative;
    z-index: 50; }
    .esg .contentarea .chacthcopy {
      font-size: 2vw;
      line-height: 3.5714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      padding: 0.7142857143vw 0 3.9285714286vw; }
    .esg .contentarea .content {
      display: flex;
      justify-content: flex-start; }
      .esg .contentarea .content .L-block {
        width: 21.4285714286vw; }
        .esg .contentarea .content .L-block .main {
          font-size: 1vw;
          line-height: 1vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          color: #ef8234;
          margin-bottom: 1.4285714286vw; }
        .esg .contentarea .content .L-block .rubi {
          font-size: 3.9285714286vw;
          line-height: 3.9285714286vw;
          font-family: oswald,san-serif;
          font-weight: 500;
          color: #ef8234;
          margin-bottom: 1.5714285714vw; }
      .esg .contentarea .content .R-block {
        width: 47.1428571429vw; }
        .esg .contentarea .content .R-block .image {
          width: 100%; }
        .esg .contentarea .content .R-block .text {
          font-size: 1.0714285714vw;
          line-height: 2.4285714286vw;
          margin-top: 1.4285714286vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000; }
        .esg .contentarea .content .R-block .content-block {
          width: 100%;
          margin: 3.5714285714vw 0;
          background-color: #ddebe1;
          padding: 2.5vw 2.1428571429vw; }
          .esg .contentarea .content .R-block .content-block .title {
            font-size: 2.9285714286vw;
            line-height: 2.9285714286vw;
            color: #aad4cc;
            font-family: oswald,san-serif;
            font-weight: 500;
            margin-bottom: 0.8571428571vw; }
          .esg .contentarea .content .R-block .content-block .rubi {
            font-size: 1.7142857143vw;
            line-height: 1.7142857143vw;
            color: #008078;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            margin-bottom: 1.4285714286vw; }
          .esg .contentarea .content .R-block .content-block .main {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400; }
        .esg .contentarea .content .R-block .content-block2 {
          width: 100%;
          border: 1px solid #000;
          padding: 3vw 1.7857142857vw 2vw;
          margin: 4.2857142857vw 0 0; }
          .esg .contentarea .content .R-block .content-block2 .title {
            font-size: 1.7142857143vw;
            line-height: 1.7142857143vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            text-align: center;
            margin-bottom: 2.1428571429vw; }
          .esg .contentarea .content .R-block .content-block2 .sub-title {
            font-size: 1.0714285714vw;
            line-height: 1.0714285714vw;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            font-feature-settings: 'palt'; }
          .esg .contentarea .content .R-block .content-block2 .main1 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            margin: 0.7142857143vw 0 2.8571428571vw;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            font-feature-settings: 'palt'; }
          .esg .contentarea .content .R-block .content-block2 .main2 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            margin: 0.7142857143vw 0 2.8571428571vw;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            display: flex;
            font-feature-settings: 'palt';
            letter-spacing: 0.1em; }
            .esg .contentarea .content .R-block .content-block2 .main2 .No {
              width: 1.4285714286vw; }
            .esg .contentarea .content .R-block .content-block2 .main2 .main2-text {
              width: 46.0714285714vw; }
          .esg .contentarea .content .R-block .content-block2 .main3 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            text-align: right;
            font-feature-settings: 'palt'; }

/* 工場の紹介
-----------------------*/
.factory {
  margin-top: 6.4285714286vw;
  overflow-wrap: break-word; }
  .factory .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .factory .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .factory .eyecatch .image_sp {
      display: none; }
    .factory .eyecatch .eyecatchtext {
      position: absolute;
      width: 100%;
      top: calc(50% - 50px);
      left: 0;
      z-index: 20;
      text-align: center; }
      .factory .eyecatch .eyecatchtext .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .factory .eyecatch .eyecatchtext .L2 {
        font-size: 0.8571428571vw;
        line-height: 4vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .factory .contentarea {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: -3.5714285714vw auto 1.4285714286vw;
    padding: 4.2857142857vw;
    position: relative;
    z-index: 50; }
    .factory .contentarea .chacthcopy {
      font-size: 2vw;
      line-height: 3.5714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      text-align: center;
      padding: 0.7142857143vw 0 3.9285714286vw; }
    .factory .contentarea .content {
      display: flex;
      justify-content: flex-start; }
      .factory .contentarea .content .L-block {
        width: 21.4285714286vw; }
        .factory .contentarea .content .L-block .main {
          font-size: 1vw;
          line-height: 1vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          color: #ef8234;
          margin-bottom: 1.4285714286vw; }
        .factory .contentarea .content .L-block .rubi {
          font-size: 3.9285714286vw;
          line-height: 3.9285714286vw;
          font-family: oswald,san-serif;
          font-weight: 500;
          color: #ef8234;
          margin-bottom: 1.5714285714vw; }
      .factory .contentarea .content .R-block {
        width: 47.1428571429vw; }
        .factory .contentarea .content .R-block .image {
          width: 100%; }
        .factory .contentarea .content .R-block .text {
          font-size: 1.0714285714vw;
          line-height: 2.4285714286vw;
          margin-top: 1.4285714286vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          color: #000; }
        .factory .contentarea .content .R-block .content-block {
          width: 100%;
          margin: 3.5714285714vw 0;
          background-color: #ffedd4;
          padding: 2.5vw 2.1428571429vw; }
          .factory .contentarea .content .R-block .content-block .title {
            font-size: 2.9285714286vw;
            line-height: 2.9285714286vw;
            color: #f15e00;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 700;
            margin-bottom: 0.8571428571vw; }
          .factory .contentarea .content .R-block .content-block .rubi {
            font-size: 1.7142857143vw;
            line-height: 1.7142857143vw;
            color: #f15e00;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            margin-bottom: 1.4285714286vw; }
          .factory .contentarea .content .R-block .content-block .main {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            padding: 1.4285714286vw 0;
            border-bottom: 1px solid #acacac;
            font-feature-settings: 'palt'; }
          .factory .contentarea .content .R-block .content-block .image_factory {
            width: 100%;
            height: 21.4285714286vw;
            object-fit: cover; }
          .factory .contentarea .content .R-block .content-block .inner {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 1.4285714286vw 0; }
            .factory .contentarea .content .R-block .content-block .inner .title {
              width: 9.0714285714vw;
              font-size: 1.0714285714vw;
              line-height: 2.4285714286vw;
              color: #000;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 400; }
            .factory .contentarea .content .R-block .content-block .inner .address {
              font-size: 1.0714285714vw;
              line-height: 2.4285714286vw;
              color: #000;
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 400; }
          .factory .contentarea .content .R-block .content-block .map {
            width: 100%;
            height: 21.7857142857vw; }
        .factory .contentarea .content .R-block .content-block2 {
          width: 100%;
          border: 1px solid #000;
          padding: 3vw 1.7857142857vw 2vw;
          margin: 4.2857142857vw 0 0; }
          .factory .contentarea .content .R-block .content-block2 .title {
            font-size: 1.7142857143vw;
            line-height: 1.7142857143vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            text-align: center;
            margin-bottom: 2.1428571429vw; }
          .factory .contentarea .content .R-block .content-block2 .sub-title {
            font-size: 1.0714285714vw;
            line-height: 1.0714285714vw;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500; }
          .factory .contentarea .content .R-block .content-block2 .main1 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            margin: 0.7142857143vw 0 2.8571428571vw;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400; }
          .factory .contentarea .content .R-block .content-block2 .main2 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            margin: 0.7142857143vw 0 2.8571428571vw;
            color: #000;
            text-align: left;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            display: flex; }
            .factory .contentarea .content .R-block .content-block2 .main2 .No {
              width: 1.0714285714vw; }
            .factory .contentarea .content .R-block .content-block2 .main2 .main2-text {
              width: 46.0714285714vw; }
          .factory .contentarea .content .R-block .content-block2 .main3 {
            font-size: 1.0714285714vw;
            line-height: 2.4285714286vw;
            color: #000;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            text-align: right; }

/* お知らせ
-----------------------*/
.news {
  margin-top: 6.4285714286vw;
  overflow-wrap: break-word; }
  .news .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .news .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .news .eyecatch .image_sp {
      display: none; }
    .news .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 50px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .news .eyecatch .eyecatchtext .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .news .eyecatch .eyecatchtext .L2 {
        font-size: 0.8571428571vw;
        line-height: 4vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .news .contentarea {
    width: 77.1428571429vw;
    background-color: #fff;
    margin: 0 auto;
    padding: 4.2857142857vw 0;
    position: relative;
    z-index: 50; }
    .news .contentarea .news-item {
      width: 57.1428571429vw;
      height: 5.7142857143vw;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 1.0714285714vw;
      line-height: 1.0714285714vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400;
      color: #000;
      transition: 0.5s; }
      .news .contentarea .news-item .news-day {
        width: 10.8571428571vw;
        padding-left: 1.4285714286vw; }
      .news .contentarea .news-item .news-text {
        width: 46.2857142857vw;
        padding-right: 1.4285714286vw; }
      .news .contentarea .news-item:hover {
        background-color: #ffedd4;
        transition: 0.5s; }
    .news .contentarea .news-wrap .news-inner {
      width: 57.1428571429vw;
      height: 5.7142857143vw;
      margin: 0 auto;
      border-top: 1px solid #dedede;
      position: relative; }
      .news .contentarea .news-wrap .news-inner:last-child {
        border-bottom: 1px solid #dedede; }
      .news .contentarea .news-wrap .news-inner::before {
        content: "";
        width: 0.5vw;
        height: 0.5vw;
        border-top: 1px solid #000;
        transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 3px);
        right: 1.4285714286vw; }
      .news .contentarea .news-wrap .news-inner::after {
        content: "";
        width: 1.7857142857vw;
        height: 0.0714285714vw;
        background: #000;
        position: absolute;
        top: calc(50%);
        right: 1.4285714286vw; }
    .news .contentarea .pnavi {
      width: 35.7142857143vw;
      margin: 4.2857142857vw auto 0; }
      .news .contentarea .pnavi ul.page-numbers {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .news .contentarea .pnavi ul.page-numbers li {
          width: 2.8571428571vw;
          height: 2.8571428571vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 0.3571428571vw; }
          .news .contentarea .pnavi ul.page-numbers li .page-numbers {
            width: 100%;
            height: 100%;
            font-size: 1.4285714286vw;
            line-height: 1.4285714286vw;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ababab;
            border: 1px solid #ababab; }
          .news .contentarea .pnavi ul.page-numbers li .current {
            width: 100%;
            height: 100%;
            background-color: #ef8234;
            color: #fff; }
          .news .contentarea .pnavi ul.page-numbers li .prev {
            justify-content: flex-end !important;
            border: none !important;
            position: relative; }
            .news .contentarea .pnavi ul.page-numbers li .prev:before {
              content: "";
              border-bottom: 1px solid #ababab;
              border-left: 1px solid #ababab;
              width: 0.7142857143vw;
              height: 0.7142857143vw;
              transform: rotate(45deg);
              position: absolute;
              top: calc(50% - 5px);
              right: 0; }
          .news .contentarea .pnavi ul.page-numbers li .next {
            justify-content: flex-start !important;
            border: none !important;
            position: relative; }
            .news .contentarea .pnavi ul.page-numbers li .next:before {
              content: "";
              border-top: 1px solid #ababab;
              border-right: 1px solid #ababab;
              width: 0.7142857143vw;
              height: 0.7142857143vw;
              transform: rotate(45deg);
              position: absolute;
              top: calc(50% - 5px);
              left: 0; }
    .news .contentarea .single-title-blcok {
      width: 57.1428571429vw;
      margin: 0 auto;
      border-bottom: 1px solid #dedede; }
      .news .contentarea .single-title-blcok .single-day {
        font-size: 1.0714285714vw;
        line-height: 1.0714285714vw;
        color: #000;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 1.4285714286vw; }
      .news .contentarea .single-title-blcok .single-title {
        font-size: 1.7142857143vw;
        line-height: 1.7142857143vw;
        color: #000;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        text-align: left;
        margin-bottom: 1.0714285714vw;
        overflow-wrap: break-word; }
    .news .contentarea .single-content {
      width: 57.1428571429vw;
      margin: 0 auto;
      padding-top: 1.2142857143vw; }
      .news .contentarea .single-content .single-main {
        width: 100%;
        font-size: 1.0714285714vw;
        line-height: 2.4285714286vw;
        color: #000;
        text-align: left;
        overflow-wrap: break-word;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400; }
        .news .contentarea .single-content .single-main h2 {
          font-size: 1.4285714286vw;
          line-height: 1.4285714286vw;
          color: #008078;
          text-align: left;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          padding-left: 0.7142857143vw;
          border-left: 4px solid #008078; }
        .news .contentarea .single-content .single-main h3 {
          font-size: 1.2857142857vw;
          line-height: 1.2857142857vw;
          color: #000;
          text-align: left;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          padding-left: 0.7142857143vw;
          border-left: 4px solid #919191;
          margin-bottom: 0.5714285714vw; }
        .news .contentarea .single-content .single-main a {
          color: #008078;
          text-decoration: underline; }
        .news .contentarea .single-content .single-main img {
          max-width: 100% !important; }
    .news .contentarea .navigation {
      margin: 7.1428571429vw auto 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .news .contentarea .navigation .all-btn {
        font-size: 1.1428571429vw;
        line-height: 1.1428571429vw;
        color: #000;
        width: 9.6428571429vw;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500; }
      .news .contentarea .navigation .prev-btn {
        font-size: 1.1428571429vw;
        line-height: 1.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #000;
        text-align: right;
        width: 6.4285714286vw;
        position: relative; }
        .news .contentarea .navigation .prev-btn:before {
          content: "";
          border-bottom: 1px solid #919191;
          border-left: 1px solid #919191;
          width: 0.7142857143vw;
          height: 0.7142857143vw;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          left: 0; }
      .news .contentarea .navigation .next-btn {
        font-size: 1.1428571429vw;
        line-height: 1.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #000;
        text-align: left;
        width: 6.4285714286vw;
        position: relative; }
        .news .contentarea .navigation .next-btn:before {
          content: "";
          border-top: 1px solid #919191;
          border-right: 1px solid #919191;
          width: 0.7142857143vw;
          height: 0.7142857143vw;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          right: 0; }

/* お問い合わせ
-----------------------*/
.contact {
  margin-top: 6.4285714286vw;
  overflow-wrap: break-word; }
  .contact .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .contact .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .contact .eyecatch .image_sp {
      display: none; }
    .contact .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 25px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .contact .eyecatch .eyecatchtext .L1 {
        font-size: 2.1428571429vw;
        line-height: 2.1428571429vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
      .contact .eyecatch .eyecatchtext .L2 {
        font-size: 0.8571428571vw;
        line-height: 4vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #fff; }
  .contact .contentarea {
    width: 57.1428571429vw;
    margin: 0 auto;
    background-color: #fff;
    padding: 7.1428571429vw 0;
    position: relative; }
    .contact .contentarea .tel-text {
      font-size: 1.0714285714vw;
      line-height: 1.0714285714vw;
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400; }
    .contact .contentarea .tel {
      font-size: 3.1428571429vw;
      line-height: 4.6428571429vw;
      color: #f15e00;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700; }
      .contact .contentarea .tel .mini {
        font-size: 2.1428571429vw;
        line-height: 4.6428571429vw; }
    .contact .contentarea .tel-time {
      font-size: 0.8571428571vw;
      line-height: 0.8571428571vw;
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400; }
    .contact .contentarea .fax-text {
      font-size: 1.0714285714vw;
      line-height: 2.7142857143vw;
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin-top: 3.1428571429vw; }
    .contact .contentarea .fax {
      font-size: 2.1428571429vw;
      line-height: 2.1428571429vw;
      color: #f15e00;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 700; }
    .contact .contentarea .process-text {
      font-size: 1.0714285714vw;
      line-height: 3.1428571429vw;
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin-top: 3.9285714286vw; }
    .contact .contentarea .process-link {
      font-size: 1.1428571429vw;
      line-height: 1.1428571429vw;
      color: #fff;
      background-color: #f15e00;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20vw;
      height: 3.5714285714vw; }
    .contact .contentarea .menu-link {
      color: #fff; }
    .contact .contentarea .form-guide {
      font-size: 1.0714285714vw;
      line-height: 2.7142857143vw;
      color: #000;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin-top: 4.2857142857vw; }
    .contact .contentarea .form {
      width: 100%;
      margin-top: 2.8571428571vw;
      border-top: 1px solid #acacac; }
      .contact .contentarea .form .wrap {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #acacac; }
        .contact .contentarea .form .wrap .L-block {
          width: 15.7142857143vw;
          padding: 2.8571428571vw 0;
          font-size: 1.0714285714vw;
          line-height: 1.0714285714vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          display: flex;
          align-items: flex-start; }
        .contact .contentarea .form .wrap .R-block {
          width: 41.4285714286vw;
          padding: 1.9285714286vw 0;
          font-size: 1.0714285714vw;
          line-height: 1.0714285714vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          .contact .contentarea .form .wrap .R-block .inputarea1 {
            width: 100%;
            height: 2.8571428571vw;
            border: 1px solid #acacac; }
          .contact .contentarea .form .wrap .R-block .inputarea2 {
            width: 100%;
            height: 12.8571428571vw;
            border: 1px solid #acacac; }
        .contact .contentarea .form .wrap .hissu {
          position: relative; }
          .contact .contentarea .form .wrap .hissu:before {
            content: "必須";
            font-size: 0.7142857143vw;
            line-height: 0.7142857143vw;
            color: #fff;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            width: 2.8571428571vw;
            height: 1.2142857143vw;
            background-color: #ef8234;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 2.8571428571vw;
            right: 2vw; }
        .contact .contentarea .form .wrap .nini {
          position: relative; }
          .contact .contentarea .form .wrap .nini:before {
            content: "任意";
            font-size: 0.7142857143vw;
            line-height: 0.7142857143vw;
            color: #fff;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            width: 2.8571428571vw;
            height: 1.2142857143vw;
            background-color: #919191;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 2.8571428571vw;
            right: 2vw; }
        .contact .contentarea .form .wrap .check-area {
          flex-wrap: wrap;
          padding: 1.4285714286vw 0 !important; }
          .contact .contentarea .form .wrap .check-area .horizontal-item {
            width: fit-content;
            margin: 0.5vw 1.7857142857vw 0.5vw 0; }
      .contact .contentarea .form .privacy-link {
        width: 100%;
        font-size: 1.0714285714vw;
        line-height: 1.0714285714vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        color: #f15e00;
        margin: 1.4285714286vw 0;
        text-align: right;
        display: block;
        text-decoration: underline; }
      .contact .contentarea .form .send-button {
        width: 20.2857142857vw;
        height: 3.2142857143vw;
        background-color: #f15e00;
        color: #fff;
        font-size: 1.0714285714vw;
        line-height: 1.0714285714vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 2.5vw auto;
        padding: 0;
        border: none; }
    .contact .contentarea .privacy {
      width: 100%; }
      .contact .contentarea .privacy .title {
        font-size: 1.7142857143vw;
        line-height: 1.7142857143vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        text-align: left;
        color: #000;
        margin-bottom: 3.2142857143vw; }
      .contact .contentarea .privacy .item1 {
        font-size: 1.4285714286vw;
        line-height: 2.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        text-align: left;
        color: #000; }
      .contact .contentarea .privacy .item2 {
        font-size: 1.0714285714vw;
        line-height: 2.4285714286vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        text-align: left;
        color: #000;
        margin-bottom: 3.2142857143vw; }

/*# sourceMappingURL=content_tb.css.map */