@charset "UTF-8";
/*------------------------------------------------
  COMMON(SP)
------------------------------------------------*/
/* top
-----------------------*/
.eyecatch {
  position: relative;
  height: 85vh;
  display: block;
  overflow: hidden;
  margin-top: 16vw; }
  .eyecatch .eyecatch-text {
    width: fit-content;
    height: fit-content;
    font-size: 6.9333333333vw;
    line-height: 8.5333333333vw;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-15px);
    transition: opacity 1s, visibility 1s, transform 2s;
    z-index: 80; }
    .eyecatch .eyecatch-text.cnt {
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
    .eyecatch .eyecatch-text.on {
      opacity: 1;
      visibility: visible;
      transform: translateX(0); }
  .eyecatch .top_swiper {
    overflow: hidden;
    position: relative;
    height: 100%; }
  .eyecatch .slider {
    width: 100%;
    height: 100%; }
    .eyecatch .slider .slide_content {
      position: relative;
      width: 100%;
      height: 100%; }
      .eyecatch .slider .slide_content:nth-child(2) img {
        object-position: 4%; }
      .eyecatch .slider .slide_content img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .eyecatch .slider .slide_content .slide_item {
        width: fit-content;
        height: fit-content;
        font-size: 6.9333333333vw;
        line-height: 8.5333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-15px);
        transition: opacity 1s, visibility 1s, transform 2s; }
        .eyecatch .slider .slide_content .slide_item.on {
          opacity: 1;
          visibility: visible;
          transform: translateX(0); }
      .eyecatch .slider .slide_content .lt {
        top: 180px;
        left: 80px;
        text-align: left; }
      .eyecatch .slider .slide_content .lc {
        top: 48%;
        left: 80px;
        text-align: left; }
      .eyecatch .slider .slide_content .lb {
        bottom: 140px;
        left: 80px;
        text-align: left; }
      .eyecatch .slider .slide_content .rt {
        top: 180px;
        right: 80px;
        text-align: left; }
      .eyecatch .slider .slide_content .rc {
        top: 48%;
        right: 80px;
        text-align: left; }
      .eyecatch .slider .slide_content .rb {
        bottom: 140px;
        right: 80px;
        text-align: left; }
      .eyecatch .slider .slide_content .cnt {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
  .eyecatch .slider_pc {
    display: none; }
  .eyecatch .dot-wrapper {
    width: 100%;
    height: 8vw;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    bottom: 2.6666666667vw;
    left: 0;
    transition: 1s; }
    .eyecatch .dot-wrapper .swiper-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: fit-content;
      height: 6.4vw;
      margin: 0 21.3333333333vw; }
    .eyecatch .dot-wrapper .swiper-pagination span {
      width: 8vw;
      height: 1.3333333333vw;
      background-color: #fff;
      margin: 0 1.3333333333vw;
      border-radius: 0;
      opacity: 1;
      transition: 2.5s; }
    .eyecatch .dot-wrapper.slider_sp {
      display: none; }
  .eyecatch .eyetextblock {
    position: absolute;
    font-family: "游明朝体", "Yu Mincho", YuMincho;
    color: #fff;
    top: calc(50% - 120px);
    left: 0;
    z-index: 10;
    text-align: left;
    padding: 0 5.0666666667vw; }
    .eyecatch .eyetextblock .text-56pt {
      font-size: 7.4666666667vw;
      font-weight: normal;
      line-height: 10.9333333333vw;
      transform: scale(0.9, 1);
      transform-origin: top left;
      opacity: 0;
      visibility: hidden;
      transform: translateX(-10px);
      transition: opacity 1s, visibility 1s, transform 1s; }
    .eyecatch .eyetextblock .text-24pt {
      font-size: 4vw;
      font-weight: normal;
      letter-spacing: 0.2666666667vw;
      line-height: 10.6666666667vw;
      opacity: 0;
      visibility: hidden;
      transform: translateX(-10px);
      transition: opacity 2s, visibility 1s, transform 1.3s; }
    .eyecatch .eyetextblock .is-fadein {
      opacity: 1;
      visibility: visible;
      transform: translateX(0); }
  .eyecatch img {
    width: 100%; }

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

.top-news {
  width: 100%;
  margin: 10.6666666667vw auto 16vw;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-news .contentarea {
    width: 89.3333333333vw;
    margin: 0 auto 10.6666666667vw; }
    .top-news .contentarea .title {
      font-size: 5.3333333333vw;
      line-height: 5.3333333333vw;
      margin-bottom: 1.3333333333vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center; }
    .top-news .contentarea .rubi {
      font-size: 2.6666666667vw;
      line-height: 2.6666666667vw;
      margin-bottom: 8vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center; }
    .top-news .contentarea .content {
      width: 100%;
      height: auto; }
      .top-news .contentarea .content ul {
        margin-bottom: 7.4666666667vw; }
        .top-news .contentarea .content ul li {
          width: 100%;
          height: fit-content;
          padding: 2.6666666667vw 0;
          border-bottom: 1px solid #dedede;
          display: flex;
          align-items: center; }
          .top-news .contentarea .content ul li:first-child {
            border-top: 1px solid #dedede; }
          .top-news .contentarea .content ul li a {
            color: #000;
            font-size: 3.7333333333vw;
            line-height: 6.4vw;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            display: block;
            padding-left: 1.3333333333vw; }
            .top-news .contentarea .content ul li a .day {
              width: 22.6666666667vw;
              letter-spacing: 0.2666666667vw; }
      .top-news .contentarea .content .image {
        width: 100%; }
    .top-news .contentarea .more {
      font-size: 2.6666666667vw;
      line-height: 2.6666666667vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      text-align: right;
      display: block;
      position: relative;
      margin-top: 3.2vw;
      padding-right: 10.6666666667vw;
      color: #000; }
      .top-news .contentarea .more .arrow {
        position: absolute;
        top: 4.2666666667vw;
        right: 0; }
  .top-news .link-button {
    font-size: 3.7333333333vw;
    line-height: 3.7333333333vw;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    width: 88vw;
    height: 13.3333333333vw;
    margin: 0 auto 9.3333333333vw;
    color: #000;
    border: 1px solid #000;
    border-radius: 6.6666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-news .link-button .arrow {
      position: absolute;
      top: 4.2666666667vw;
      right: 7.2vw; }

.top-about {
  width: 100%;
  margin: 0 auto 14.6666666667vw;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-about .contentarea {
    width: 100%;
    margin: 0 auto;
    display: block; }
    .top-about .contentarea .wrap {
      width: 100%;
      margin: 0; }
      .top-about .contentarea .wrap .title {
        font-size: 12.2666666667vw;
        line-height: 12.2666666667vw;
        font-family: oswald,san-serif;
        font-weight: 500;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        padding: 2.6666666667vw 5.3333333333vw;
        position: relative;
        z-index: 10; }
      .top-about .contentarea .wrap .summary {
        font-size: 3.7333333333vw;
        line-height: 8vw;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        padding: 2.6666666667vw 5.3333333333vw;
        letter-spacing: -0.2666666667vw;
        overflow-wrap: break-word; }
      .top-about .contentarea .wrap .link-button {
        font-size: 3.7333333333vw;
        line-height: 3.7333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        width: 64vw;
        height: 10.6666666667vw;
        margin: 9.3333333333vw auto;
        color: #000;
        border: 1px solid #000;
        border-radius: 5.3333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .top-about .contentarea .wrap .link-button .arrow {
          position: absolute;
          top: 4.8vw;
          right: 5.3333333333vw; }
      .top-about .contentarea .wrap .image-sp {
        height: auto;
        width: 100%;
        position: relative; }
        .top-about .contentarea .wrap .image-sp .bg01 {
          width: 43.7333333333vw;
          height: 45.3333333333vw;
          position: absolute;
          top: -28vw;
          right: 3%; }
    .top-about .contentarea .wrapRight {
      height: 56.5vw;
      width: 100%;
      display: none; }
      .top-about .contentarea .wrapRight .image {
        width: 100%;
        height: 100%;
        object-fit: cover; }

.top-service {
  width: 100%;
  margin: 0 auto 14.6666666667vw;
  padding-top: 10.6666666667vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-service:after {
    content: "";
    width: 100%;
    height: 98.9333333333vw;
    position: absolute;
    top: 0;
    z-index: -1; }
  .top-service .title {
    text-align: center;
    color: #fff;
    margin: 0 auto 6.4vw; }
    .top-service .title .main {
      font-size: 8vw;
      line-height: 14.9333333333vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500; }
    .top-service .title .rubi {
      font-size: 3.2vw;
      line-height: 3.2vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500; }
  .top-service .contentarea {
    width: 89.3333333333vw;
    margin: 0 auto 5.3333333333vw;
    display: block;
    justify-content: space-between; }
    .top-service .contentarea .wrap {
      width: 89.3333333333vw;
      margin: 0 auto 10.6666666667vw; }
      .top-service .contentarea .wrap .image {
        width: 89.3333333333vw;
        height: 89.3333333333vw;
        margin-bottom: 2.6666666667vw;
        object-fit: cover; }
      .top-service .contentarea .wrap .subtitle {
        width: 74.6666666667vw;
        height: 13.3333333333vw;
        font-size: 4.8vw;
        line-height: 4.8vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 6.6666666667vw;
        position: relative;
        margin: 0 auto 4vw; }
        .top-service .contentarea .wrap .subtitle .arrow {
          position: absolute;
          top: 4.8vw;
          right: 5.3333333333vw; }
      .top-service .contentarea .wrap .text {
        font-size: 3.7333333333vw;
        line-height: 7.2vw;
        letter-spacing: -0.02em;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        color: #000;
        overflow-wrap: break-word; }
  .top-service .link-button {
    font-size: 3.7333333333vw;
    line-height: 3.7333333333vw;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    width: 88vw;
    height: 13.3333333333vw;
    margin: 0 auto 9.3333333333vw;
    color: #000;
    border: 1px solid #000;
    border-radius: 6.6666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-service .link-button .arrow {
      position: absolute;
      top: 4.2666666667vw;
      right: 7.2vw; }

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

.top-esg {
  width: 100%;
  margin: 0 auto 18.6666666667vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-esg .title {
    width: 100vw;
    margin: 0 auto;
    padding: 0 5.3333333333vw;
    font-family: oswald,san-serif;
    font-weight: 500;
    display: block;
    align-items: baseline;
    text-align: left; }
    .top-esg .title .main {
      font-size: 14.6666666667vw;
      line-height: 14.6666666667vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500;
      margin-right: 0; }
    .top-esg .title .sub {
      font-size: 6.4vw;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500; }
  .top-esg .contentarea {
    width: 100vw;
    margin: 0 auto;
    display: block;
    justify-content: flex-start;
    font-family: "Noto Serif JP", serif;
    font-weight: 400; }
    .top-esg .contentarea .image {
      width: 100%;
      height: 58.6666666667vw; }
      .top-esg .contentarea .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .top-esg .contentarea .wrap {
      width: 100%;
      padding: 0 5.3333333333vw; }
      .top-esg .contentarea .wrap .text {
        font-size: 3.7333333333vw;
        line-height: 8vw;
        margin-bottom: 12vw; }
  .top-esg .link-button {
    font-size: 3.7333333333vw;
    line-height: 3.7333333333vw;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    color: #000;
    width: 64vw;
    height: 10.6666666667vw;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 5.3333333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-esg .link-button .arrow {
      position: absolute;
      top: 4.2666666667vw;
      right: 5.3333333333vw; }

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

.top-inform {
  width: 100%;
  height: 200vw;
  margin: 0 auto;
  padding: 12vw 0 0;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-inform .bgimage {
    width: 100%;
    height: 200vw;
    position: absolute;
    top: 0;
    z-index: -1; }
    .top-inform .bgimage .inner {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .top-inform .contentarea {
    width: 89.3333333333vw;
    margin: 0 auto;
    display: block; }
    .top-inform .contentarea .block {
      width: 89.3333333333vw;
      height: fit-content;
      background-color: #fff;
      padding: 8vw 4vw 6.6666666667vw;
      margin-bottom: 10.6666666667vw;
      color: #000; }
      .top-inform .contentarea .block .title {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        margin-bottom: 1.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        text-align: center; }
      .top-inform .contentarea .block .rubi {
        font-size: 2.6666666667vw;
        line-height: 2.6666666667vw;
        margin-bottom: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        text-align: center; }
      .top-inform .contentarea .block .content {
        width: 100%;
        height: auto; }
        .top-inform .contentarea .block .content ul {
          margin-bottom: 7.4666666667vw; }
          .top-inform .contentarea .block .content ul li {
            width: 100%;
            height: 16vw;
            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: 3.7333333333vw;
              line-height: 3.7333333333vw;
              font-family: "Noto Serif JP", serif;
              font-weight: 400;
              display: block;
              padding-left: 1.3333333333vw; }
              .top-inform .contentarea .block .content ul li a .day {
                width: 22.6666666667vw;
                letter-spacing: 0.2666666667vw; }
        .top-inform .contentarea .block .content .image {
          width: 100%; }
      .top-inform .contentarea .block .more {
        font-size: 2.6666666667vw;
        line-height: 2.6666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: right;
        display: block;
        position: relative;
        margin-top: 3.2vw;
        padding-right: 10.6666666667vw;
        color: #000; }
        .top-inform .contentarea .block .more .arrow {
          position: absolute;
          top: -0.5333333333vw;
          right: 0; }

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

/* 企業概要
-----------------------*/
.about {
  overflow-wrap: break-word; }
  .about .eyecatch {
    height: 48vw;
    position: relative; }
    .about .eyecatch .image_pc {
      display: none; }
    .about .eyecatch .image_sp {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .about .eyecatch .eyecatchtext {
      position: absolute;
      width: 53.3333333333vw;
      top: calc(50% - 20px);
      left: calc(50% - 100px);
      z-index: 20;
      text-align: center; }
      .about .eyecatch .eyecatchtext .L1 {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
      .about .eyecatch .eyecatchtext .L2 {
        font-size: 2.6666666667vw;
        line-height: 9.0666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
  .about .contentarea {
    width: 100%;
    background-color: #fff;
    margin: 0 auto 10.6666666667vw;
    padding: 8vw 0;
    position: relative;
    z-index: 50; }
    .about .contentarea .chacthcopy {
      font-size: 5.0666666667vw;
      line-height: 9.0666666667vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 0 0 8vw; }
    .about .contentarea .menulist {
      width: 89.3333333333vw;
      margin: 0 auto 10.6666666667vw;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      position: sticky;
      top: 16vw; }
      .about .contentarea .menulist .about-menu-btn {
        width: 50%;
        height: 8vw;
        font-size: 3.2vw;
        line-height: 3.2vw;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        transition: 0.5s; }
    .about .contentarea .content {
      width: 89.3333333333vw;
      margin: 0 auto; }
      .about .contentarea .content .wrap02 .R-block {
        border-top: none; }
      .about .contentarea .content .wrap {
        margin: 0 0 21.3333333333vw;
        display: block;
        justify-content: flex-start; }
      .about .contentarea .content .L-block {
        width: 89.3333333333vw; }
        .about .contentarea .content .L-block .main {
          font-size: 3.7333333333vw;
          line-height: 3.7333333333vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          margin-bottom: 2.6666666667vw; }
        .about .contentarea .content .L-block .rubi {
          font-size: 8vw;
          line-height: 8vw;
          font-family: oswald,san-serif;
          font-weight: 500;
          margin-bottom: 5.8666666667vw;
          display: flex; }
          .about .contentarea .content .L-block .rubi .qua {
            display: block; }
          .about .contentarea .content .L-block .rubi .pol {
            display: block; }
      .about .contentarea .content .R-block {
        width: 89.3333333333vw; }
    .about .contentarea .b1, .about .contentarea .b3 {
      margin-top: -186.6666666667vw;
      padding-top: 186.6666666667vw; }
      .about .contentarea .b1 .R-block.flex .image, .about .contentarea .b3 .R-block.flex .image {
        display: block;
        width: 48vw;
        height: auto;
        margin-top: 8vw; }
      .about .contentarea .b1 .R-block .image, .about .contentarea .b3 .R-block .image {
        width: 100%;
        height: 48.8vw;
        object-fit: cover; }
      .about .contentarea .b1 .R-block .text, .about .contentarea .b3 .R-block .text {
        font-size: 3.7333333333vw;
        line-height: 8vw;
        margin-top: 4vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        color: #000; }
        .about .contentarea .b1 .R-block .text.right, .about .contentarea .b3 .R-block .text.right {
          text-align: right; }
      .about .contentarea .b1 .R-block .text2, .about .contentarea .b3 .R-block .text2 {
        font-size: 4.8vw;
        line-height: 6.9333333333vw;
        margin-top: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        color: #000; }
      .about .contentarea .b1 .R-block .text3, .about .contentarea .b3 .R-block .text3 {
        font-size: 6.4vw;
        line-height: 6.4vw;
        margin-top: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        color: #000; }
      .about .contentarea .b1 .R-block .text4, .about .contentarea .b3 .R-block .text4 {
        font-size: 4.5333333333vw;
        line-height: 8vw;
        margin-top: 10.6666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        color: #000;
        text-align: right; }
      .about .contentarea .b1 .R-block .TR, .about .contentarea .b3 .R-block .TR {
        width: 100%;
        display: flex;
        font-size: 3.7333333333vw;
        line-height: 7.4666666667vw;
        padding: 5.3333333333vw 0;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        border-top: 1px solid #acacac; }
        .about .contentarea .b1 .R-block .TR .left, .about .contentarea .b3 .R-block .TR .left {
          width: 32vw; }
        .about .contentarea .b1 .R-block .TR .right, .about .contentarea .b3 .R-block .TR .right {
          width: 54.6666666667vw; }
          .about .contentarea .b1 .R-block .TR .right.member-list, .about .contentarea .b3 .R-block .TR .right.member-list {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap; }
            .about .contentarea .b1 .R-block .TR .right.member-list .member, .about .contentarea .b3 .R-block .TR .right.member-list .member {
              width: 24vw; }
            .about .contentarea .b1 .R-block .TR .right.member-list .member-name, .about .contentarea .b3 .R-block .TR .right.member-list .member-name {
              width: 30.6666666667vw; }
        .about .contentarea .b1 .R-block .TR .LR, .about .contentarea .b3 .R-block .TR .LR {
          width: 100%; }
          .about .contentarea .b1 .R-block .TR .LR .quorityimage, .about .contentarea .b3 .R-block .TR .LR .quorityimage {
            width: 53.3333333333vw;
            margin: 4.5333333333vw 7.4666666667vw 0 0; }
          .about .contentarea .b1 .R-block .TR .LR .title, .about .contentarea .b3 .R-block .TR .LR .title {
            width: 100%;
            height: 10.6666666667vw;
            color: #008078;
            background-color: #ddebe1;
            padding-left: 3.2vw;
            margin-top: 5.3333333333vw;
            font-size: 4.5333333333vw;
            line-height: 4.5333333333vw;
            display: flex;
            align-items: center; }
          .about .contentarea .b1 .R-block .TR .LR .map, .about .contentarea .b3 .R-block .TR .LR .map {
            width: 89.3333333333vw;
            height: 50.1333333333vw; }
          .about .contentarea .b1 .R-block .TR .LR .text, .about .contentarea .b3 .R-block .TR .LR .text {
            margin-top: 5.3333333333vw; }
        .about .contentarea .b1 .R-block .TR:last-child, .about .contentarea .b3 .R-block .TR:last-child {
          border-bottom: 1px solid #acacac; }
      .about .contentarea .b1 .R-block .TR-map, .about .contentarea .b3 .R-block .TR-map {
        border-top: none !important; }
    .about .contentarea .b2, .about .contentarea .b4 {
      margin-top: -186.6666666667vw;
      padding-top: 186.6666666667vw; }
      .about .contentarea .b2 .R-block .TR, .about .contentarea .b4 .R-block .TR {
        width: 100%;
        display: flex;
        font-size: 3.7333333333vw;
        line-height: 7.4666666667vw;
        padding: 5.3333333333vw 0;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        border-top: 1px solid #acacac; }
        .about .contentarea .b2 .R-block .TR .left, .about .contentarea .b4 .R-block .TR .left {
          width: 32vw; }
        .about .contentarea .b2 .R-block .TR .right, .about .contentarea .b4 .R-block .TR .right {
          width: 54.6666666667vw; }
          .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: 24vw; }
            .about .contentarea .b2 .R-block .TR .right.member-list .member-name, .about .contentarea .b4 .R-block .TR .right.member-list .member-name {
              width: 30.6666666667vw; }
        .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: 53.3333333333vw;
            margin: 4.5333333333vw 7.4666666667vw 0 0; }
          .about .contentarea .b2 .R-block .TR .LR .title, .about .contentarea .b4 .R-block .TR .LR .title {
            width: 100%;
            height: 10.6666666667vw;
            color: #008078;
            background-color: #ddebe1;
            padding-left: 3.2vw;
            margin-top: 5.3333333333vw;
            font-size: 4.5333333333vw;
            line-height: 4.5333333333vw;
            display: flex;
            align-items: center; }
          .about .contentarea .b2 .R-block .TR .LR .map, .about .contentarea .b4 .R-block .TR .LR .map {
            width: 89.3333333333vw;
            height: 50.1333333333vw; }
          .about .contentarea .b2 .R-block .TR .LR .text, .about .contentarea .b4 .R-block .TR .LR .text {
            margin-top: 5.3333333333vw; }
      .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: 42.6666666667vw !important; }
    .about .contentarea .b4 .R-block .TR .right {
      width: 46.6666666667vw; }
    .about .contentarea .b5 {
      margin-top: -186.6666666667vw;
      padding-top: 186.6666666667vw; }
      .about .contentarea .b5 .L-block {
        width: 89.3333333333vw; }
        .about .contentarea .b5 .L-block .main {
          font-size: 3.7333333333vw;
          line-height: 3.7333333333vw;
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 500;
          margin-bottom: 2.6666666667vw; }
        .about .contentarea .b5 .L-block .rubi {
          width: 60.2666666667vw;
          margin-bottom: 5.8666666667vw; }
          .about .contentarea .b5 .L-block .rubi .image {
            width: 100%; }
      .about .contentarea .b5 .R-block {
        width: 89.3333333333vw; }
        .about .contentarea .b5 .R-block .image {
          width: 100%; }
        .about .contentarea .b5 .R-block .text {
          font-size: 3.7333333333vw;
          line-height: 8vw;
          margin-top: 4vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000; }
        .about .contentarea .b5 .R-block .group-list {
          width: 100%;
          margin-top: 5.3333333333vw;
          position: relative; }
          .about .contentarea .b5 .R-block .group-list .bg {
            width: 89.3333333333vw;
            margin: 0 auto;
            padding-top: 10.6666666667vw;
            text-align: center; }
            .about .contentarea .b5 .R-block .group-list .bg .bg_group01 {
              width: 73.3333333333vw; }
          .about .contentarea .b5 .R-block .group-list .item-block {
            width: 30.6666666667vw;
            height: 30.6666666667vw;
            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: 33.3333333333vw;
              height: 33.3333333333vw;
              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: 32.2666666667vw;
              height: 32.2666666667vw;
              display: flex;
              transition: opacity 0.5s;
              opacity: 0;
              position: absolute;
              top: -1.3333333333vw;
              z-index: 20; }
              .about .contentarea .b5 .R-block .group-list .item-block .item-current.active {
                opacity: 1; }
          .about .contentarea .b5 .R-block .group-list .position01 {
            top: 0;
            left: calc(50% - 57.5px); }
          .about .contentarea .b5 .R-block .group-list .position02 {
            top: 24vw;
            left: calc(50% - 170px); }
          .about .contentarea .b5 .R-block .group-list .position03 {
            top: 24vw;
            left: calc(50% + 55px); }
          .about .contentarea .b5 .R-block .group-list .position04 {
            top: 58.6666666667vw;
            left: calc(50% - 130px); }
          .about .contentarea .b5 .R-block .group-list .position05 {
            top: 58.6666666667vw;
            left: calc(50% + 15px); }
        .about .contentarea .b5 .R-block .group-link {
          width: 80vw;
          margin: 16vw auto 0; }
          .about .contentarea .b5 .R-block .group-link .textB {
            font-size: 3.7333333333vw;
            line-height: 8.5333333333vw;
            font-family: "Noto Serif JP", 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 {
  overflow-wrap: break-word; }
  .service .eyecatch {
    width: 100%;
    height: 48vw;
    position: relative;
    background-color: #000; }
    .service .eyecatch .image_pc {
      display: none; }
    .service .eyecatch .image_sp {
      opacity: 0.85;
      vertical-align: top;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .service .eyecatch .eyecatchtext {
      position: absolute;
      width: 53.3333333333vw;
      top: calc(50% - 20px);
      left: calc(50% - 100px);
      z-index: 20;
      text-align: center; }
      .service .eyecatch .eyecatchtext .L1 {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
      .service .eyecatch .eyecatchtext .L2 {
        font-size: 2.6666666667vw;
        line-height: 9.0666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
  .service .contentarea {
    width: 89.3333333333vw;
    background-color: #fff;
    margin: 0 auto 10.6666666667vw;
    padding: 8vw 0;
    position: relative;
    z-index: 50; }
    .service .contentarea .chacthcopy {
      font-size: 5.0666666667vw;
      line-height: 9.0666666667vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 0 0 8vw; }
      .service .contentarea .chacthcopy .sp {
        display: block; }
    .service .contentarea .menulist {
      width: 89.3333333333vw;
      height: fit-content;
      margin: 0 auto 10.6666666667vw;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      position: sticky;
      top: 16vw; }
      .service .contentarea .menulist .service-menu-btn {
        width: 50%;
        height: 8vw;
        font-size: 3.2vw;
        line-height: 3.2vw;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s; }
        .service .contentarea .menulist .service-menu-btn:hover {
          transition: 0.5s; }
    .service .contentarea .link-button {
      font-size: 3.7333333333vw;
      line-height: 3.7333333333vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      width: 88vw;
      height: 13.3333333333vw;
      margin: 0 auto 9.3333333333vw;
      color: #000;
      border: 1px solid #000;
      border-radius: 6.6666666667vw;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .service .contentarea .link-button .arrow {
        position: absolute;
        top: 4.8vw;
        right: 4vw; }
    .service .contentarea .b1, .service .contentarea .b4 {
      width: 100%; }
      .service .contentarea .b1 .eyecacth, .service .contentarea .b4 .eyecacth {
        width: 100%;
        height: 35.2vw;
        display: block;
        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: 5.8666666667vw;
          line-height: 5.8666666667vw;
          color: #fff;
          font-family: oswald,san-serif;
          font-weight: 500;
          padding-left: 2.6666666667vw;
          position: absolute;
          top: calc(50% - 17px);
          left: 0;
          z-index: 10; }
      .service .contentarea .b1 .text-block, .service .contentarea .b4 .text-block {
        width: 89.3333333333vw;
        margin: 8vw auto 8vw;
        color: #000; }
        .service .contentarea .b1 .text-block .inner-1, .service .contentarea .b4 .text-block .inner-1 {
          font-size: 5.0666666667vw;
          line-height: 9.0666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          margin-bottom: 8vw; }
        .service .contentarea .b1 .text-block .inner-2, .service .contentarea .b4 .text-block .inner-2 {
          font-size: 3.7333333333vw;
          line-height: 8vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400; }
      .service .contentarea .b1 .image-block-R, .service .contentarea .b4 .image-block-R {
        width: 100%;
        text-align: right;
        margin-bottom: 8vw; }
        .service .contentarea .b1 .image-block-R .image02, .service .contentarea .b4 .image-block-R .image02 {
          width: 89.3333333333vw;
          height: 50.1333333333vw;
          object-fit: cover; }
      .service .contentarea .b1 .image-block-L, .service .contentarea .b4 .image-block-L {
        width: 100%;
        text-align: left;
        margin-bottom: 8vw; }
        .service .contentarea .b1 .image-block-L .image02, .service .contentarea .b4 .image-block-L .image02 {
          width: 89.3333333333vw; }
      .service .contentarea .b1 .text-block-2, .service .contentarea .b4 .text-block-2 {
        display: block;
        margin-bottom: 21.3333333333vw; }
      .service .contentarea .b1 .R-block, .service .contentarea .b4 .R-block {
        width: 89.3333333333vw;
        border-top: 1px solid #acacac; }
        .service .contentarea .b1 .R-block .text, .service .contentarea .b4 .R-block .text {
          font-size: 3.7333333333vw;
          line-height: 3.7333333333vw;
          margin-top: 6.6666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000; }
        .service .contentarea .b1 .R-block .wrap, .service .contentarea .b4 .R-block .wrap {
          display: flex;
          font-size: 3.7333333333vw;
          line-height: 8vw;
          margin-top: 2.6666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000;
          margin: 5.3333333333vw 0; }
          .service .contentarea .b1 .R-block .wrap .inner-1, .service .contentarea .b4 .R-block .wrap .inner-1 {
            width: 8vw; }
          .service .contentarea .b1 .R-block .wrap .inner-2, .service .contentarea .b4 .R-block .wrap .inner-2 {
            width: 89.3333333333vw; }
        .service .contentarea .b1 .R-block .image03, .service .contentarea .b4 .R-block .image03 {
          width: 38.6666666667vw;
          margin: 2.6666666667vw; }
      .service .contentarea .b1 .L-block, .service .contentarea .b4 .L-block {
        width: 89.3333333333vw; }
        .service .contentarea .b1 .L-block .main, .service .contentarea .b4 .L-block .main {
          font-size: 4.2666666667vw;
          line-height: 4.2666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          margin-bottom: 1.3333333333vw; }
        .service .contentarea .b1 .L-block .rubi, .service .contentarea .b4 .L-block .rubi {
          font-size: 10.1333333333vw;
          line-height: 10.1333333333vw;
          font-family: oswald,san-serif;
          font-weight: 500;
          margin-bottom: 5.8666666667vw;
          display: flex; }
          .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: -186.6666666667vw;
      padding-top: 186.6666666667vw; }
      .service .contentarea .b2 .text-block {
        width: 89.3333333333vw;
        margin: 0 auto 9.3333333333vw;
        color: #000; }
        .service .contentarea .b2 .text-block .inner-2 {
          font-size: 3.7333333333vw;
          line-height: 9.0666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400; }
      .service .contentarea .b2 .content-block {
        width: 100%;
        margin: 0 auto 13.3333333333vw; }
        .service .contentarea .b2 .content-block .vehicle {
          width: 100%; }
        .service .contentarea .b2 .content-block .product_image {
          width: 89.3333333333vw;
          height: 62.6666666667vw;
          object-fit: cover; }
        .service .contentarea .b2 .content-block .subject {
          width: 100%;
          text-align: right;
          font-size: 3.2vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000;
          margin-bottom: 9.3333333333vw; }
        .service .contentarea .b2 .content-block .prodct-wrap {
          width: 100%;
          display: block;
          justify-content: space-between;
          margin-bottom: 6.6666666667vw; }
          .service .contentarea .b2 .content-block .prodct-wrap .product-item {
            width: 89.3333333333vw; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .vehicle {
              width: 100%; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .name {
              font-size: 4.8vw;
              line-height: 4.8vw;
              color: #008078;
              text-align: left;
              padding-top: 2.6666666667vw;
              font-family: "Noto Serif JP", serif;
              font-weight: 700; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .detail {
              font-size: 3.2vw;
              line-height: 6.4vw;
              color: #000;
              text-align: left;
              padding-top: 1.3333333333vw;
              font-family: "Noto Serif JP", serif;
              font-weight: 400; }
    .service .contentarea .b3 {
      width: 100%;
      margin-top: -186.6666666667vw;
      padding-top: 186.6666666667vw; }
      .service .contentarea .b3 .text-block {
        width: 89.3333333333vw;
        margin: 0 auto 8vw;
        color: #000; }
        .service .contentarea .b3 .text-block .inner-2 {
          font-size: 3.7333333333vw;
          line-height: 8vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400; }
        .service .contentarea .b3 .text-block .inner-3 {
          font-size: 4.5333333333vw;
          line-height: 9.0666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          text-align: center; }
        .service .contentarea .b3 .text-block .link-button {
          width: 89.3333333333vw;
          height: 16vw;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          background-color: #008078;
          margin: 8vw auto; }
      .service .contentarea .b3 .content-block {
        width: 100%;
        margin: 0 auto 8vw;
        display: block; }
        .service .contentarea .b3 .content-block .L-block {
          width: 89.3333333333vw; }
          .service .contentarea .b3 .content-block .L-block .prag1 {
            font-size: 7.4666666667vw;
            line-height: 8vw;
            color: #aad4cc;
            font-family: oswald,san-serif;
            font-weight: 500;
            text-align: left; }
          .service .contentarea .b3 .content-block .L-block .prag2 {
            font-size: 5.8666666667vw;
            line-height: 6.4vw;
            color: #008078;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            text-align: left;
            padding-top: 2.6666666667vw; }
          .service .contentarea .b3 .content-block .L-block .prag3 {
            font-size: 3.7333333333vw;
            line-height: 8vw;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            text-align: left;
            padding-top: 2.6666666667vw;
            padding-bottom: 5.3333333333vw;
            padding-right: 0; }
            .service .contentarea .b3 .content-block .L-block .prag3 .color {
              color: #008078;
              border-bottom: 1px solid #008078; }
        .service .contentarea .b3 .content-block .R-block {
          width: 89.3333333333vw;
          height: 54.4vw; }
          .service .contentarea .b3 .content-block .R-block .image04 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block; }
    .service .contentarea .b4 .R-block {
      border: none !important; }
    .service .contentarea .b4 .machinetable {
      width: 100%;
      font-size: 2.6666666667vw;
      line-height: 2.6666666667vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      border-collapse: collapse; }
      .service .contentarea .b4 .machinetable th {
        height: 8vw;
        background-color: #dedede;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #acacac;
        font-size: 2.6666666667vw; }
      .service .contentarea .b4 .machinetable td {
        height: 9.8666666667vw;
        background-color: #fff;
        text-align: left;
        vertical-align: middle;
        border: 1px solid #acacac;
        padding-left: 0.5333333333vw; }
        .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: block;
        justify-content: space-between;
        margin-top: 0; }
        .service .contentarea .b4 .text-block3 .wrap .inner {
          width: 100%;
          background-color: #dedede;
          margin-top: 4.5333333333vw; }
          .service .contentarea .b4 .text-block3 .wrap .inner img {
            width: 100%;
            height: 62.6666666667vw;
            object-fit: cover; }
          .service .contentarea .b4 .text-block3 .wrap .inner .text {
            width: 100%;
            height: 19.2vw;
            font-size: 3.2vw;
            line-height: 5.0666666667vw;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            text-align: left;
            padding-left: 2.6666666667vw; }
    .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;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 93%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; }

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

/* よくある質問
-----------------------*/
.faq {
  overflow: hidden;
  overflow-wrap: break-word; }
  .faq .eyecatch {
    width: 100%;
    height: 48vw;
    position: relative; }
    .faq .eyecatch .image_pc {
      display: none; }
    .faq .eyecatch .image_sp {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .faq .eyecatch .eyecatchtext {
      position: absolute;
      width: 53.3333333333vw;
      top: calc(50% - 20px);
      left: calc(50% - 100px);
      z-index: 20;
      text-align: center; }
      .faq .eyecatch .eyecatchtext .L1 {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
      .faq .eyecatch .eyecatchtext .L2 {
        font-size: 2.6666666667vw;
        line-height: 9.0666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
  .faq .contentarea {
    width: 100%;
    background-color: #fff;
    margin: 0 auto 5.3333333333vw;
    padding: 8vw 0;
    position: relative;
    z-index: 50; }
    .faq .contentarea .chacthcopy {
      font-size: 5.0666666667vw;
      line-height: 9.0666666667vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 0 5.3333333333vw 8vw; }
    .faq .contentarea .content {
      width: 89.3333333333vw;
      margin: 0 auto;
      display: block;
      border-top: 1px solid #acacac;
      padding: 4vw 0; }
      .faq .contentarea .content .L-block {
        width: 89.3333333333vw;
        margin: 0 auto; }
        .faq .contentarea .content .L-block .main {
          width: 100%;
          font-size: 3.7333333333vw;
          line-height: 6.9333333333vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 700;
          color: #8b6342;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .faq .contentarea .content .L-block .main .inner01 {
            display: block;
            width: 6.6666666667vw; }
          .faq .contentarea .content .L-block .main .inner02 {
            display: block;
            width: 80vw; }
        .faq .contentarea .content .L-block .rubi {
          font-size: 8vw;
          line-height: 9.6vw;
          font-family: oswald,san-serif;
          font-weight: 500;
          margin-bottom: 5.8666666667vw;
          display: flex; }
      .faq .contentarea .content .R-block {
        width: 100%;
        margin: 0 auto; }
        .faq .contentarea .content .R-block .image {
          width: 100%;
          padding: 0 5.3333333333vw; }
        .faq .contentarea .content .R-block .text {
          width: 100%;
          font-size: 3.7333333333vw;
          line-height: 6.9333333333vw;
          margin-top: 2.6666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .faq .contentarea .content .R-block .text .inner01 {
            display: block;
            width: 6.6666666667vw; }
          .faq .contentarea .content .R-block .text .inner02 {
            display: block;
            width: 80vw; }
        .faq .contentarea .content .R-block .content-block {
          width: 100%;
          margin: 13.3333333333vw 0;
          background-color: #ddebe1;
          padding: 9.3333333333vw 5.3333333333vw; }
          .faq .contentarea .content .R-block .content-block .title {
            font-size: 10.9333333333vw;
            line-height: 10.9333333333vw;
            color: #aad4cc;
            font-family: oswald,san-serif;
            font-weight: 500;
            margin-bottom: 3.2vw; }
          .faq .contentarea .content .R-block .content-block .rubi {
            font-size: 6.4vw;
            line-height: 6.4vw;
            color: #008078;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            margin-bottom: 5.3333333333vw; }
          .faq .contentarea .content .R-block .content-block .main {
            font-size: 4vw;
            line-height: 9.0666666667vw;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 400; }
        .faq .contentarea .content .R-block .content-block2 {
          width: 89.3333333333vw;
          border: 1px solid #000;
          padding: 11.2vw 4vw 7.4666666667vw;
          margin: 16vw auto 0; }
          .faq .contentarea .content .R-block .content-block2 .title {
            font-size: 5.3333333333vw;
            line-height: 5.3333333333vw;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            text-align: center;
            margin-bottom: 8vw; }
          .faq .contentarea .content .R-block .content-block2 .sub-title {
            font-size: 3.7333333333vw;
            line-height: 3.7333333333vw;
            color: #000;
            text-align: left;
            font-family: "Noto Serif JP", serif;
            font-weight: 500; }
          .faq .contentarea .content .R-block .content-block2 .main1 {
            font-size: 3.7333333333vw;
            line-height: 8vw;
            margin: 2.6666666667vw 0 10.6666666667vw;
            color: #000;
            text-align: left;
            font-family: "Noto Serif JP", serif;
            font-weight: 400; }
          .faq .contentarea .content .R-block .content-block2 .main2 {
            font-size: 4vw;
            line-height: 9.0666666667vw;
            margin: 2.6666666667vw 0 10.6666666667vw;
            color: #000;
            text-align: left;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            display: flex; }
            .faq .contentarea .content .R-block .content-block2 .main2 .No {
              width: 4vw; }
            .faq .contentarea .content .R-block .content-block2 .main2 .main2-text {
              width: 172vw; }
          .faq .contentarea .content .R-block .content-block2 .main3 {
            font-size: 4vw;
            line-height: 9.0666666667vw;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            text-align: right; }

/* お知らせ
-----------------------*/
.news {
  overflow: hidden;
  overflow-wrap: break-word; }
  .news .eyecatch {
    width: 100%;
    height: 48vw;
    position: relative; }
    .news .eyecatch .image_pc {
      display: none; }
    .news .eyecatch .image_sp {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .news .eyecatch .eyecatchtext {
      position: absolute;
      width: 53.3333333333vw;
      top: calc(50% - 20px);
      left: calc(50% - 100px);
      z-index: 20;
      text-align: center; }
      .news .eyecatch .eyecatchtext .L1 {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
      .news .eyecatch .eyecatchtext .L2 {
        font-size: 2.6666666667vw;
        line-height: 9.0666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
  .news .contentarea {
    width: 89.3333333333vw;
    background-color: #fff;
    margin: 0 auto;
    padding: 8vw 0 16vw;
    position: relative;
    z-index: 50; }
    .news .contentarea .news-item {
      width: 89.3333333333vw;
      height: fit-content;
      margin: 0 auto;
      display: block;
      font-size: 3.7333333333vw;
      line-height: 6.4vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      color: #000;
      transition: 0.5s; }
      .news .contentarea .news-item .news-day {
        width: 100%;
        padding-left: 0;
        margin-bottom: 2.6666666667vw; }
      .news .contentarea .news-item .news-text {
        width: 100%;
        padding-right: 0; }
    .news .contentarea .news-wrap .news-inner {
      width: 89.3333333333vw;
      height: fit-content;
      margin: 0 auto;
      padding: 2.6666666667vw 14.6666666667vw 2.6666666667vw 4vw;
      border-top: 1px solid #dedede;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .news .contentarea .news-wrap .news-inner:last-child {
        border-bottom: 1px solid #dedede; }
      .news .contentarea .news-wrap .news-inner .arrow {
        position: absolute;
        bottom: 50%;
        right: 2.6666666667vw; }
      .news .contentarea .news-wrap .news-inner:hover {
        background-color: #e6f5ff;
        transition: 0.5s; }
    .news .contentarea .pnavi {
      width: 88vw;
      margin: 10.6666666667vw 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: 8.8vw;
          height: 8.8vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 1.3333333333vw; }
          .news .contentarea .pnavi ul.page-numbers li .page-numbers {
            width: 100%;
            height: 100%;
            font-size: 4.2666666667vw;
            line-height: 4.2666666667vw;
            font-family: "Noto Serif JP", 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: #009d8c;
            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: 2.6666666667vw;
              height: 2.6666666667vw;
              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: 2.6666666667vw;
              height: 2.6666666667vw;
              transform: rotate(45deg);
              position: absolute;
              top: calc(50% - 5px);
              left: 0; }
          .news .contentarea .pnavi ul.page-numbers li:first-child {
            width: 5.3333333333vw; }
          .news .contentarea .pnavi ul.page-numbers li:last-child {
            width: 5.3333333333vw; }
    .news .contentarea .single-title-blcok {
      width: 89.3333333333vw;
      margin: 0 auto;
      border-bottom: 1px solid #dedede; }
      .news .contentarea .single-title-blcok .single-day {
        font-size: 3.7333333333vw;
        line-height: 4.8vw;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 2.6666666667vw; }
      .news .contentarea .single-title-blcok .single-title {
        font-size: 5.3333333333vw;
        line-height: 8vw;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        text-align: left;
        margin-bottom: 4vw;
        overflow-wrap: break-word; }
      .news .contentarea .single-title-blcok .single-sub {
        font-size: 3.2vw;
        line-height: 4.2666666667vw;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 2.6666666667vw; }
    .news .contentarea .single-content {
      width: 89.3333333333vw;
      margin: 0 auto;
      padding-top: 4.5333333333vw; }
      .news .contentarea .single-content .single-main {
        width: 100%;
        font-size: 3.7333333333vw;
        line-height: 8vw;
        color: #000;
        text-align: left;
        overflow-wrap: break-word;
        font-family: "Noto Serif JP", serif;
        font-weight: 400; }
        .news .contentarea .single-content .single-main h2 {
          font-size: 4.8vw;
          line-height: 4.8vw;
          color: #216a9e;
          text-align: left;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          padding-left: 2.6666666667vw;
          border-left: 4px solid #008078; }
        .news .contentarea .single-content .single-main h3 {
          font-size: 4.2666666667vw;
          line-height: 4.2666666667vw;
          color: #000;
          text-align: left;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          padding-left: 2.6666666667vw;
          border-left: 4px solid #919191;
          margin-bottom: 2.1333333333vw;
          margin-top: 13.3333333333vw; }
        .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: 10.6666666667vw auto 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .news .contentarea .navigation .all-btn {
        font-size: 3.2vw;
        line-height: 3.7333333333vw;
        color: #000;
        width: 26.6666666667vw;
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 500; }
      .news .contentarea .navigation .prev-btn {
        font-size: 3.2vw;
        line-height: 3.2vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #000;
        text-align: right;
        width: 18.6666666667vw;
        position: relative; }
        .news .contentarea .navigation .prev-btn:before {
          content: "";
          border-bottom: 1px solid #919191;
          border-left: 1px solid #919191;
          width: 2.6666666667vw;
          height: 2.6666666667vw;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          left: 0; }
      .news .contentarea .navigation .next-btn {
        font-size: 3.2vw;
        line-height: 3.2vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #000;
        text-align: left;
        width: 18.6666666667vw;
        position: relative; }
        .news .contentarea .navigation .next-btn:before {
          content: "";
          border-top: 1px solid #919191;
          border-right: 1px solid #919191;
          width: 2.6666666667vw;
          height: 2.6666666667vw;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          right: 0; }

/* お問い合わせ
-----------------------*/
.contact {
  overflow: hidden;
  overflow-wrap: break-word; }
  .contact .eyecatch {
    width: 100%;
    height: 48vw;
    position: relative; }
    .contact .eyecatch .image_pc {
      display: none; }
    .contact .eyecatch .image_sp {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .contact .eyecatch .eyecatchtext {
      position: absolute;
      width: 53.3333333333vw;
      top: calc(50% - 20px);
      left: calc(50% - 100px);
      z-index: 20;
      text-align: center; }
      .contact .eyecatch .eyecatchtext .L1 {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
      .contact .eyecatch .eyecatchtext .L2 {
        font-size: 2.6666666667vw;
        line-height: 9.0666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
  .contact .contentarea {
    width: 89.3333333333vw;
    margin: 0 auto;
    background-color: #fff;
    padding: 8vw 0 16vw;
    position: relative; }
    .contact .contentarea .tel-text {
      font-size: 3.7333333333vw;
      line-height: 6.4vw;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400; }
    .contact .contentarea .tel {
      font-size: 9.6vw;
      line-height: 13.3333333333vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 700; }
      .contact .contentarea .tel .mini {
        font-size: 6.9333333333vw;
        line-height: 13.3333333333vw; }
    .contact .contentarea .tel-time {
      font-size: 3.2vw;
      line-height: 3.2vw;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400; }
    .contact .contentarea .fax-text {
      font-size: 3.7333333333vw;
      line-height: 9.0666666667vw;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      margin-top: 8vw; }
    .contact .contentarea .fax {
      font-size: 6.9333333333vw;
      line-height: 6.9333333333vw;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 700; }
    .contact .contentarea .process-text {
      font-size: 3.7333333333vw;
      line-height: 6.4vw;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      margin-top: 8vw; }
    .contact .contentarea .faq-link {
      font-size: 3.7333333333vw;
      line-height: 3.7333333333vw;
      color: #fff;
      background-color: #c19876;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 74.6666666667vw;
      height: 13.3333333333vw;
      margin: 2.6666666667vw auto 0; }
    .contact .contentarea .menu-link {
      color: #fff; }
    .contact .contentarea .form-guide {
      font-size: 3.7333333333vw;
      line-height: 8vw;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      margin-top: 8vw; }
    .contact .contentarea .form {
      width: 100%;
      margin-top: 10.6666666667vw;
      border-top: 1px solid #acacac; }
      .contact .contentarea .form .wrap-block {
        display: block !important;
        padding-top: 6.6666666667vw; }
      .contact .contentarea .form .wrap {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #acacac; }
        .contact .contentarea .form .wrap .L-block {
          width: 26.6666666667vw;
          padding: 6.6666666667vw 0;
          font-size: 3.4666666667vw;
          line-height: 3.4666666667vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          display: block;
          align-items: flex-start; }
        .contact .contentarea .form .wrap .L-block2 {
          width: 100% !important;
          height: 17.3333333333vw;
          padding: 0 0 6.6666666667vw !important; }
        .contact .contentarea .form .wrap .R-block2 {
          display: block !important;
          padding: 0 0 5.3333333333vw !important;
          width: 100% !important;
          height: auto !important; }
        .contact .contentarea .form .wrap .R-block {
          width: 62.6666666667vw;
          height: 24.8vw;
          padding: 6.6666666667vw 0;
          font-size: 4vw;
          line-height: 4vw;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
          .contact .contentarea .form .wrap .R-block .inputarea1 {
            width: 100%;
            height: 10.6666666667vw;
            border: 1px solid #acacac; }
          .contact .contentarea .form .wrap .R-block .inputarea2 {
            width: 100%;
            height: 48vw;
            border: 1px solid #acacac; }
        .contact .contentarea .form .wrap .hissu {
          position: relative; }
          .contact .contentarea .form .wrap .hissu:before {
            content: "必須";
            font-size: 2.6666666667vw;
            line-height: 2.6666666667vw;
            color: #fff;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            width: 10.6666666667vw;
            height: 4.5333333333vw;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            bottom: 6.6666666667vw;
            left: 0; }
        .contact .contentarea .form .wrap .nini {
          position: relative; }
          .contact .contentarea .form .wrap .nini:before {
            content: "任意";
            font-size: 2.6666666667vw;
            line-height: 2.6666666667vw;
            color: #fff;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            width: 10.6666666667vw;
            height: 4.5333333333vw;
            background-color: #919191;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            bottom: 6.6666666667vw;
            left: 0; }
        .contact .contentarea .form .wrap .check-area {
          width: 100%; }
          .contact .contentarea .form .wrap .check-area .horizontal-item {
            width: 100%;
            margin: 0 0 6.4vw;
            display: block; }
      .contact .contentarea .form .wrap-sp {
        display: block; }
      .contact .contentarea .form .privacy-link {
        width: 100%;
        font-size: 4vw;
        line-height: 4vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        margin: 5.3333333333vw 0;
        text-align: right;
        display: block;
        text-decoration: underline; }
      .contact .contentarea .form .send-button {
        width: 75.7333333333vw;
        height: 12vw;
        color: #fff;
        font-size: 4vw;
        line-height: 4vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 9.3333333333vw auto;
        padding: 0;
        border: none; }
    .contact .contentarea .privacy {
      width: 100%; }
      .contact .contentarea .privacy .title {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        color: #000;
        margin-bottom: 12vw; }
      .contact .contentarea .privacy .item1 {
        font-size: 4.8vw;
        line-height: 8vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        color: #000; }
      .contact .contentarea .privacy .item2 {
        font-size: 3.7333333333vw;
        line-height: 8vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        color: #000;
        margin-bottom: 12vw; }

/* 様式ダウンロード
-----------------------*/
.download {
  overflow: hidden;
  overflow-wrap: break-word; }
  .download .eyecatch {
    width: 100%;
    height: 48vw;
    position: relative; }
    .download .eyecatch .image_pc {
      display: none; }
    .download .eyecatch .image_sp {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .download .eyecatch .eyecatchtext {
      position: absolute;
      width: 53.3333333333vw;
      top: calc(50% - 20px);
      left: calc(50% - 100px);
      z-index: 20;
      text-align: center; }
      .download .eyecatch .eyecatchtext .L1 {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
      .download .eyecatch .eyecatchtext .L2 {
        font-size: 2.6666666667vw;
        line-height: 9.0666666667vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 0.2666666667vw 0.2666666667vw 1.3333333333vw rgba(0, 0, 0, 0.8); }
  .download .contentarea {
    width: 100%;
    background-color: #fff;
    margin: 0 auto 5.3333333333vw;
    padding: 8vw 0;
    position: relative;
    z-index: 50; }
    .download .contentarea .chacthcopy {
      font-size: 5.0666666667vw;
      line-height: 9.0666666667vw;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 0 5.3333333333vw 8vw; }
    .download .contentarea .content {
      width: 89.3333333333vw;
      margin: 0 auto;
      display: block;
      border-top: 1px solid #acacac;
      padding: 4vw 0; }
      .download .contentarea .content .L-block {
        width: 89.3333333333vw;
        font-size: 3.7333333333vw;
        line-height: 3.7333333333vw;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 4vw; }
        .download .contentarea .content .L-block .font {
          font-size: 4.8vw;
          line-height: 3.7333333333vw;
          margin-right: 1.3333333333vw; }
      .download .contentarea .content .R-block {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 5.8666666667vw; }
        .download .contentarea .content .R-block .inner {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-right: 5.3333333333vw; }
          .download .contentarea .content .R-block .inner .icon {
            width: auto;
            height: 10.6666666667vw; }
          .download .contentarea .content .R-block .inner .pdflink {
            font-size: 3.7333333333vw;
            line-height: 4.8vw;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            color: #000;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            margin-left: 1.3333333333vw; }
          .download .contentarea .content .R-block .inner.border {
            padding-right: 5.3333333333vw;
            border-right: 1px solid #aaa; }

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