@charset "UTF-8";
/*------------------------------------------------
  COMMON(SP)
------------------------------------------------*/
/* top
-----------------------*/
.home .eyecatch {
  position: relative;
  width: 100%;
  height: 95vh;
  display: block;
  overflow: hidden; }
  .home .eyecatch .eyecatch-text {
    width: fit-content;
    height: fit-content;
    font-size: 46px;
    line-height: 58px;
    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; }
    .home .eyecatch .eyecatch-text.cnt {
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
    .home .eyecatch .eyecatch-text.on {
      opacity: 1;
      visibility: visible;
      transform: translateX(0); }
  .home .eyecatch .top_swiper {
    overflow: hidden;
    position: relative;
    height: 100%; }
  .home .eyecatch .slider {
    width: 100%;
    height: 100%; }
    .home .eyecatch .slider .slide_content {
      position: relative;
      width: 100%;
      height: 100%; }
      .home .eyecatch .slider .slide_content img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .home .eyecatch .slider .slide_content .slide_item {
        width: fit-content;
        height: fit-content;
        font-size: 46px;
        line-height: 58px;
        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; }
        .home .eyecatch .slider .slide_content .slide_item.on {
          opacity: 1;
          visibility: visible;
          transform: translateX(0); }
      .home .eyecatch .slider .slide_content .lt {
        top: 180px;
        left: 80px;
        text-align: left; }
      .home .eyecatch .slider .slide_content .lc {
        top: 48%;
        left: 80px;
        text-align: left; }
      .home .eyecatch .slider .slide_content .lb {
        bottom: 140px;
        left: 80px;
        text-align: left; }
      .home .eyecatch .slider .slide_content .rt {
        top: 180px;
        right: 80px;
        text-align: left; }
      .home .eyecatch .slider .slide_content .rc {
        top: 48%;
        right: 80px;
        text-align: left; }
      .home .eyecatch .slider .slide_content .rb {
        bottom: 140px;
        right: 80px;
        text-align: left; }
      .home .eyecatch .slider .slide_content .cnt {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
  .home .eyecatch .slider_sp {
    display: none; }
  .home .eyecatch .dot-wrapper {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    transition: 1s; }
    .home .eyecatch .dot-wrapper .swiper-pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: fit-content;
      height: 24px;
      margin: 0 80px; }
    .home .eyecatch .dot-wrapper .swiper-pagination span {
      width: 24px;
      height: 5px;
      background-color: #fff;
      margin: 0 5px;
      border-radius: 0;
      opacity: 1;
      transition: 2.5s; }
    .home .eyecatch .dot-wrapper.slider_sp {
      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: 56px;
      font-weight: normal;
      line-height: 70px;
      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: 24px;
      font-weight: normal;
      letter-spacing: 2px;
      line-height: 50px;
      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%;
  font-size: 34px;
  line-height: 56px;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  text-align: center;
  margin: 56px auto;
  position: relative;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-catchcopy .text {
    position: relative;
    z-index: 30; }

.top-news {
  margin: 80px auto 120px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-news .contentarea {
    width: 800px;
    margin: 0 auto 80px; }
    .top-news .contentarea .title {
      font-size: 26px;
      line-height: 26px;
      margin-bottom: 10px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center; }
    .top-news .contentarea .rubi {
      font-size: 12px;
      line-height: 12px;
      margin-bottom: 40px;
      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: 28px; }
        .top-news .contentarea .content ul li {
          width: 100%;
          height: 80px;
          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: 16px;
            line-height: 16px;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            display: flex;
            padding-left: 15px; }
            .top-news .contentarea .content ul li a .day {
              width: 85px;
              letter-spacing: 1px;
              margin-right: 15px; }
      .top-news .contentarea .content .image {
        width: 100%; }
    .top-news .contentarea .more {
      font-size: 14px;
      line-height: 14px;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      text-align: right;
      display: block;
      position: relative;
      margin-top: 12px;
      padding-right: 40px;
      color: #000; }
      .top-news .contentarea .more .arrow {
        position: absolute;
        top: calc(50% - 9px);
        right: 0; }
  .top-news .link-button {
    font-size: 14px;
    line-height: 14px;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    width: 330px;
    height: 50px;
    margin: 0 auto 35px;
    color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-news .link-button .arrow {
      position: absolute;
      top: 16px;
      right: 20px; }

.top-about {
  width: 100%;
  margin: 0 auto 85px;
  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: flex; }
    .top-about .contentarea .wrap {
      width: 450px;
      margin-right: 60px;
      margin-left: calc((100% - 1080px)/2); }
      .top-about .contentarea .wrap .title {
        font-size: 55px;
        line-height: 55px;
        padding: 40px 0 36px;
        font-family: oswald,san-serif;
        font-weight: 500;
        text-align: left;
        margin: 0;
        font-family: "Noto Serif JP", serif;
        font-weight: 500; }
      .top-about .contentarea .wrap .summary {
        font-size: 16px;
        line-height: 43px;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        overflow-wrap: break-word; }
      .top-about .contentarea .wrap .link-button {
        font-size: 14px;
        line-height: 14px;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        width: 240px;
        height: 40px;
        color: #000;
        margin: 35px 0 35px auto;
        border: 1px solid #000;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .top-about .contentarea .wrap .link-button .arrow {
          position: absolute;
          top: 16px;
          right: 20px; }
    .top-about .contentarea .wrapRight {
      height: 28.6vw;
      width: 52%;
      position: relative; }
      .top-about .contentarea .wrapRight .image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .top-about .contentarea .wrapRight .bg01 {
        width: 350px;
        height: 364px;
        position: absolute;
        top: -200px;
        right: 3%;
        z-index: 20; }
    .top-about .contentarea .image-sp {
      display: none; }

.top-service {
  width: 100%;
  margin: 0 auto 85px;
  padding-top: 58px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-service:after {
    content: "";
    width: 100%;
    height: 371px;
    position: absolute;
    top: 0;
    z-index: -1; }
  .top-service .title {
    text-align: center;
    color: #fff;
    margin: 0 auto 38px; }
    .top-service .title .main {
      font-size: 30px;
      line-height: 56px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500; }
    .top-service .title .rubi {
      font-size: 12px;
      line-height: 12px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500; }
  .top-service .contentarea {
    width: 1080px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between; }
    .top-service .contentarea .wrap .image {
      width: 100%;
      height: 330px;
      margin-bottom: 10px;
      object-fit: cover; }
    .top-service .contentarea .wrap .subtitle {
      width: 280px;
      height: 50px;
      font-size: 18px;
      line-height: 18px;
      font-family: "Noto Serif JP", serif;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      border-radius: 25px;
      position: relative;
      margin: 0 auto 15px; }
      .top-service .contentarea .wrap .subtitle .arrow {
        position: absolute;
        top: 16px;
        right: 20px; }
    .top-service .contentarea .wrap .text {
      font-size: 14px;
      line-height: 27px;
      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: 14px;
    line-height: 14px;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    width: 330px;
    height: 50px;
    margin: 0 auto 35px;
    color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-service .link-button .arrow {
      position: absolute;
      top: 16px;
      right: 27px; }

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

.top-esg {
  width: 100%;
  margin: 0 auto 85px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-esg .title {
    width: 1080px;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: baseline; }
    .top-esg .title .main {
      font-size: 55px;
      margin-right: 17px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500; }
    .top-esg .title .sub {
      font-size: 31px;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 500; }
  .top-esg .contentarea {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    font-family: "Noto Serif JP", serif;
    font-weight: 400; }
    .top-esg .contentarea .image {
      width: 570px;
      height: 330px; }
      .top-esg .contentarea .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .top-esg .contentarea .wrap {
      margin-left: 49px;
      width: 460px; }
      .top-esg .contentarea .wrap .text {
        font-size: 16px;
        line-height: 43px;
        margin-bottom: 72px; }
  .top-esg .link-button {
    font-size: 14px;
    line-height: 14px;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    color: #000;
    width: 240px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .top-esg .link-button .arrow {
      position: absolute;
      top: 16px;
      right: 20px; }

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

.top-inform {
  width: 100%;
  height: 690px;
  margin: 0 auto;
  padding: 100px 0 176px;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s; }
  .top-inform .bgimage {
    width: 100%;
    height: 690px;
    position: absolute;
    top: 0;
    z-index: -1; }
    .top-inform .bgimage .inner {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .top-inform .contentarea {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .top-inform .contentarea .block {
      width: 520px;
      height: 415px;
      background-color: #fff;
      opacity: 0.9;
      padding: 40px 30px 25px;
      color: #000; }
      .top-inform .contentarea .block .title {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 10px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        text-align: center; }
      .top-inform .contentarea .block .rubi {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 20px;
        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: 28px; }
          .top-inform .contentarea .block .content ul li {
            width: 100%;
            height: 65px;
            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: 14px;
              line-height: 14px;
              font-family: "Noto Serif JP", serif;
              font-weight: 400;
              display: flex;
              padding-left: 5px; }
              .top-inform .contentarea .block .content ul li a .day {
                width: 85px;
                letter-spacing: 1px; }
        .top-inform .contentarea .block .content .image {
          width: 100%; }
      .top-inform .contentarea .block .more {
        font-size: 14px;
        line-height: 14px;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: right;
        display: block;
        position: relative;
        margin-top: 12px;
        padding-right: 40px;
        color: #000; }
        .top-inform .contentarea .block .more .arrow {
          position: absolute;
          top: 0;
          right: 0; }

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

/* 企業概要
-----------------------*/
.about {
  margin-top: 90px;
  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: 30px;
        line-height: 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
      .about .eyecatch .eyecatchtext .L2 {
        font-size: 12px;
        line-height: 56px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .about .contentarea {
    width: 1080px;
    background-color: #fff;
    margin: -50px auto 40px;
    padding: 60px;
    position: relative;
    z-index: 50; }
    .about .contentarea .chacthcopy {
      font-size: 28px;
      line-height: 50px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 10px 0 55px; }
    .about .contentarea .menulist {
      width: 100%;
      margin: 0 auto 75px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: sticky;
      top: 90px;
      z-index: 50; }
      .about .contentarea .menulist .about-menu-btn {
        width: 25%;
        height: 46px;
        font-size: 14px;
        line-height: 14px;
        border-left: 1px solid #fff;
        cursor: pointer;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s; }
    .about .contentarea .content .wrap02 .R-block {
      border-top: 1px solid #acacac; }
    .about .contentarea .content .wrap {
      display: flex;
      padding-bottom: 100px;
      justify-content: flex-start; }
    .about .contentarea .content .L-block {
      width: 300px; }
      .about .contentarea .content .L-block .main {
        font-size: 14px;
        line-height: 14px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        margin-bottom: 20px; }
      .about .contentarea .content .L-block .rubi {
        font-size: 55px;
        line-height: 55px;
        font-family: oswald,san-serif;
        font-weight: 500;
        margin-bottom: 22px;
        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: 660px; }
    .about .contentarea .b1, .about .contentarea .b3 {
      margin-top: -700px;
      padding-top: 700px; }
      .about .contentarea .b1 .R-block.flex .image, .about .contentarea .b3 .R-block.flex .image {
        display: block;
        width: 220px;
        height: auto;
        margin-top: 30px; }
      .about .contentarea .b1 .R-block .image, .about .contentarea .b3 .R-block .image {
        width: 100%;
        height: 360px;
        object-fit: cover; }
      .about .contentarea .b1 .R-block .text, .about .contentarea .b3 .R-block .text {
        font-size: 15px;
        line-height: 34px;
        margin-top: 20px;
        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: 18px;
        line-height: 34px;
        margin-top: 20px;
        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: 34px;
        line-height: 34px;
        margin-top: 20px;
        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: 18px;
        line-height: 34px;
        margin-top: 40px;
        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: 15px;
        line-height: 34px;
        padding: 20px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #000;
        border-top: 1px solid #acacac; }
        .about .contentarea .b1 .R-block .TR .left, .about .contentarea .b3 .R-block .TR .left {
          width: 130px; }
        .about .contentarea .b1 .R-block .TR .right, .about .contentarea .b3 .R-block .TR .right {
          width: 530px; }
          .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: 100px; }
            .about .contentarea .b1 .R-block .TR .right.member-list .member-name, .about .contentarea .b3 .R-block .TR .right.member-list .member-name {
              width: 430px; }
        .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: 200px;
            margin: 17px 28px 0 0; }
          .about .contentarea .b1 .R-block .TR .LR .title, .about .contentarea .b3 .R-block .TR .LR .title {
            width: 100%;
            height: 40px;
            color: #008078;
            background-color: #ddebe1;
            padding-left: 25px;
            margin-top: 20px;
            font-size: 18px;
            line-height: 18px;
            display: flex;
            align-items: center; }
          .about .contentarea .b1 .R-block .TR .LR .map, .about .contentarea .b3 .R-block .TR .LR .map {
            width: 660px;
            height: 270px; }
          .about .contentarea .b1 .R-block .TR .LR .text, .about .contentarea .b3 .R-block .TR .LR .text {
            margin-top: 20px; }
        .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: -700px;
      padding-top: 700px; }
      .about .contentarea .b2 .R-block .TR, .about .contentarea .b4 .R-block .TR {
        width: 100%;
        display: flex;
        font-size: 15px;
        line-height: 34px;
        padding: 20px 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: 130px; }
        .about .contentarea .b2 .R-block .TR .right, .about .contentarea .b4 .R-block .TR .right {
          width: 530px; }
          .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: 100px; }
            .about .contentarea .b2 .R-block .TR .right.member-list .member-name, .about .contentarea .b4 .R-block .TR .right.member-list .member-name {
              width: 430px; }
        .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: 200px;
            margin: 17px 28px 0 0; }
          .about .contentarea .b2 .R-block .TR .LR .title, .about .contentarea .b4 .R-block .TR .LR .title {
            width: 100%;
            height: 40px;
            color: #008078;
            background-color: #ddebe1;
            padding-left: 25px;
            margin-top: 20px;
            font-size: 18px;
            line-height: 18px;
            display: flex;
            align-items: center; }
          .about .contentarea .b2 .R-block .TR .LR .map, .about .contentarea .b4 .R-block .TR .LR .map {
            width: 660px;
            height: 270px; }
          .about .contentarea .b2 .R-block .TR .LR .text, .about .contentarea .b4 .R-block .TR .LR .text {
            margin-top: 20px; }
      .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: 190px !important; }
    .about .contentarea .b4 .R-block .TR .right {
      width: 470px; }
    .about .contentarea .b5 {
      margin-top: -700px;
      padding-top: 700px; }
      .about .contentarea .b5 .L-block {
        width: 300px; }
      .about .contentarea .b5 .R-block .image {
        width: 100%; }
      .about .contentarea .b5 .R-block .text {
        font-size: 15px;
        line-height: 34px;
        margin-bottom: 20px;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        color: #000; }
      .about .contentarea .b5 .R-block .group-list {
        width: 100%;
        margin-top: 20px;
        position: relative; }
        .about .contentarea .b5 .R-block .group-list .bg {
          width: 409px;
          margin: 0 auto;
          padding-top: 55px; }
          .about .contentarea .b5 .R-block .group-list .bg .bg_group01 {
            width: 100%; }
        .about .contentarea .b5 .R-block .group-list .item-block {
          width: 171px;
          height: 171px;
          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: 181px;
            height: 181px;
            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: 181px;
            height: 181px;
            display: flex;
            transition: opacity 0.5s;
            opacity: 0;
            position: absolute;
            top: -5px;
            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: 130px;
          left: calc(50% - 252px); }
        .about .contentarea .b5 .R-block .group-list .position03 {
          top: 130px;
          left: calc(50% + 85px); }
        .about .contentarea .b5 .R-block .group-list .position04 {
          top: 320px;
          left: calc(50% - 186px); }
        .about .contentarea .b5 .R-block .group-list .position05 {
          top: 320px;
          left: calc(50% + 15px); }
      .about .contentarea .b5 .R-block .group-link {
        width: 300px;
        margin: 60px auto; }
        .about .contentarea .b5 .R-block .group-link .textB {
          font-size: 14px;
          line-height: 32px;
          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 {
  margin-top: 90px;
  overflow-wrap: break-word; }
  .service .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .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: 30px;
        line-height: 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
      .service .eyecatch .eyecatchtext .L2 {
        font-size: 12px;
        line-height: 56px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .service .contentarea {
    width: 1080px;
    background-color: #fff;
    margin: -50px auto 40px;
    padding: 60px;
    position: relative;
    z-index: 50; }
    .service .contentarea .chacthcopy {
      font-size: 28px;
      line-height: 50px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 10px 0 55px; }
    .service .contentarea .menulist {
      width: 100%;
      margin: 0 auto 75px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: sticky;
      top: 90px;
      z-index: 50; }
      .service .contentarea .menulist .service-menu-btn {
        width: 25%;
        height: 46px;
        font-size: 14px;
        line-height: 14px;
        border-left: 1px solid #fff;
        cursor: pointer;
        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: 14px;
      line-height: 14px;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      width: 240px;
      height: 40px;
      color: #000;
      margin: 10px 0 35px;
      border: 1px solid #000;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .service .contentarea .link-button .arrow {
        position: absolute;
        top: 11px;
        right: 15px; }
    .service .contentarea .b1, .service .contentarea .b4 {
      width: 100%; }
      .service .contentarea .b1 .eyecacth, .service .contentarea .b4 .eyecacth {
        width: 100%;
        height: 360px;
        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: 65px;
          line-height: 65px;
          color: #fff;
          font-family: oswald,san-serif;
          font-weight: 500;
          padding-left: 20px;
          position: absolute;
          top: calc(50% - 40px);
          left: 0;
          z-index: 10; }
      .service .contentarea .b1 .text-block, .service .contentarea .b4 .text-block {
        width: 800px;
        margin: 60px auto 85px;
        color: #000; }
        .service .contentarea .b1 .text-block .inner-1, .service .contentarea .b4 .text-block .inner-1 {
          font-size: 28px;
          line-height: 50px;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          margin-bottom: 30px; }
        .service .contentarea .b1 .text-block .inner-2, .service .contentarea .b4 .text-block .inner-2 {
          font-size: 15px;
          line-height: 34px;
          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: 65px; }
        .service .contentarea .b1 .image-block-R .image02, .service .contentarea .b4 .image-block-R .image02 {
          width: 660px;
          height: 360px;
          object-fit: cover; }
      .service .contentarea .b1 .image-block-L, .service .contentarea .b4 .image-block-L {
        width: 100%;
        text-align: left;
        margin-bottom: 65px; }
        .service .contentarea .b1 .image-block-L .image02, .service .contentarea .b4 .image-block-L .image02 {
          width: 660px;
          height: 360px;
          object-fit: cover; }
      .service .contentarea .b1 .text-block-2, .service .contentarea .b4 .text-block-2 {
        display: flex;
        justify-content: flex-start;
        padding-bottom: 80px; }
      .service .contentarea .b1 .R-block, .service .contentarea .b4 .R-block {
        width: 660px;
        border-top: 1px solid #acacac; }
        .service .contentarea .b1 .R-block .text, .service .contentarea .b4 .R-block .text {
          font-size: 15px;
          line-height: 15px;
          margin-top: 25px;
          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: 15px;
          line-height: 34px;
          margin-top: 10px;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000;
          margin: 25px 0; }
          .service .contentarea .b1 .R-block .wrap .inner-1, .service .contentarea .b4 .R-block .wrap .inner-1 {
            width: 30px; }
          .service .contentarea .b1 .R-block .wrap .inner-2, .service .contentarea .b4 .R-block .wrap .inner-2 {
            width: 630px; }
        .service .contentarea .b1 .R-block .image03, .service .contentarea .b4 .R-block .image03 {
          width: 279px;
          margin-top: 25px;
          margin-right: 25px; }
      .service .contentarea .b1 .L-block, .service .contentarea .b4 .L-block {
        width: 300px; }
        .service .contentarea .b1 .L-block .main, .service .contentarea .b4 .L-block .main {
          font-size: 18px;
          line-height: 18px;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          margin-bottom: 10px; }
        .service .contentarea .b1 .L-block .rubi, .service .contentarea .b4 .L-block .rubi {
          font-size: 55px;
          line-height: 66px;
          font-family: oswald,san-serif;
          font-weight: 500;
          margin-bottom: 22px;
          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: -700px;
      padding-top: 700px; }
      .service .contentarea .b2 .text-block {
        width: 800px;
        margin: 0 auto 85px;
        color: #000; }
        .service .contentarea .b2 .text-block .inner-2 {
          font-size: 15px;
          line-height: 34px;
          font-family: "Noto Serif JP", serif;
          font-weight: 400; }
      .service .contentarea .b2 .content-block {
        width: 100%;
        margin: 0 auto 50px; }
        .service .contentarea .b2 .content-block .vehicle {
          width: 100%; }
        .service .contentarea .b2 .content-block .subject {
          width: 100%;
          text-align: right;
          font-size: 15px;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          color: #000;
          margin-bottom: 130px; }
        .service .contentarea .b2 .content-block .prodct-wrap {
          width: 100%;
          display: flex;
          justify-content: space-between;
          margin-bottom: 45px; }
          .service .contentarea .b2 .content-block .prodct-wrap .product-item {
            width: 314px; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .vehicle {
              width: 100%; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .product_image {
              width: 100%;
              height: 220px;
              object-fit: cover; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .name {
              font-size: 22px;
              line-height: 22px;
              color: #008078;
              text-align: left;
              padding-top: 10px;
              font-family: "Noto Serif JP", serif;
              font-weight: 700; }
            .service .contentarea .b2 .content-block .prodct-wrap .product-item .detail {
              font-size: 12px;
              line-height: 24px;
              color: #000;
              text-align: left;
              padding-top: 5px;
              font-family: "Noto Serif JP", serif;
              font-weight: 400; }
    .service .contentarea .b3 {
      width: 100%;
      margin-top: -700px;
      padding-top: 700px; }
      .service .contentarea .b3 .text-block {
        width: 800px;
        margin: 0 auto 65px;
        color: #000; }
        .service .contentarea .b3 .text-block .inner-2 {
          font-size: 15px;
          line-height: 34px;
          font-family: "Noto Serif JP", serif;
          font-weight: 400; }
        .service .contentarea .b3 .text-block .inner-3 {
          font-size: 17px;
          line-height: 34px;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          text-align: center; }
        .service .contentarea .b3 .text-block .link-button {
          width: 400px;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          background-color: #008078;
          margin: 30px auto; }
      .service .contentarea .b3 .content-block {
        width: 100%;
        margin: 0 auto 72px;
        display: flex; }
        .service .contentarea .b3 .content-block .L-block {
          width: 570px; }
          .service .contentarea .b3 .content-block .L-block .prag1 {
            font-size: 30px;
            line-height: 30px;
            color: #aad4cc;
            font-family: oswald,san-serif;
            font-weight: 500;
            text-align: left; }
          .service .contentarea .b3 .content-block .L-block .prag2 {
            font-size: 30px;
            line-height: 30px;
            color: #008078;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            text-align: left;
            padding-top: 10px; }
          .service .contentarea .b3 .content-block .L-block .prag3 {
            font-size: 15px;
            line-height: 34px;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            text-align: left;
            padding-top: 21px;
            padding-right: 25px; }
            .service .contentarea .b3 .content-block .L-block .prag3 .color {
              color: #008078;
              border-bottom: 1px solid #008078; }
        .service .contentarea .b3 .content-block .R-block {
          width: 390px;
          height: 240px; }
          .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: 15px;
      line-height: 15px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      border-collapse: collapse; }
      .service .contentarea .b4 .machinetable th {
        height: 40px;
        background-color: #dedede;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #acacac; }
      .service .contentarea .b4 .machinetable td {
        height: 50px;
        background-color: #fff;
        text-align: left;
        vertical-align: middle;
        border: 1px solid #acacac;
        padding-left: 10px; }
        .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: 37px; }
        .service .contentarea .b4 .text-block3 .wrap .inner {
          width: 314px;
          background-color: #dedede; }
          .service .contentarea .b4 .text-block3 .wrap .inner img {
            width: 100%;
            height: 220px;
            object-fit: cover; }
          .service .contentarea .b4 .text-block3 .wrap .inner .text {
            width: 100%;
            height: 72px;
            font-size: 12px;
            line-height: 19px;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            text-align: left;
            padding-left: 10px; }
    .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; }

/* よくある質問
-----------------------*/
.faq {
  margin-top: 90px;
  overflow-wrap: break-word; }
  .faq .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .faq .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .faq .eyecatch .image_sp {
      display: none; }
    .faq .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 50px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .faq .eyecatch .eyecatchtext .L1 {
        font-size: 30px;
        line-height: 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
      .faq .eyecatch .eyecatchtext .L2 {
        font-size: 12px;
        line-height: 56px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .faq .contentarea {
    width: 960px;
    background-color: #fff;
    margin: 20px auto 20px;
    padding: 60px;
    position: relative;
    z-index: 50; }
    .faq .contentarea .chacthcopy {
      font-size: 28px;
      line-height: 50px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 10px 0 55px; }
    .faq .contentarea .content {
      width: 100%;
      border-top: 1px solid #acacac;
      padding: 30px 20px;
      word-break: break-word; }
      .faq .contentarea .content .L-block {
        width: 100%; }
        .faq .contentarea .content .L-block .main {
          width: 100%;
          font-size: 16px;
          line-height: 28px;
          font-family: "Noto Serif JP", serif;
          font-weight: 700;
          color: #8b6342;
          margin-bottom: 20px;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .faq .contentarea .content .L-block .main .inner01 {
            display: block;
            width: 30px; }
          .faq .contentarea .content .L-block .main .inner02 {
            display: block;
            width: 770px; }
      .faq .contentarea .content .R-block {
        width: 100%; }
        .faq .contentarea .content .R-block .image {
          width: 100%; }
        .faq .contentarea .content .R-block .text {
          width: 100%;
          font-size: 16px;
          line-height: 28px;
          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: 30px; }
          .faq .contentarea .content .R-block .text .inner02 {
            display: block;
            width: 770px; }
        .faq .contentarea .content .R-block .content-block {
          width: 100%;
          margin: 50px 0;
          background-color: #ddebe1;
          padding: 35px 30px; }
          .faq .contentarea .content .R-block .content-block .title {
            font-size: 41px;
            line-height: 41px;
            color: #aad4cc;
            font-family: oswald,san-serif;
            font-weight: 500;
            margin-bottom: 12px; }
          .faq .contentarea .content .R-block .content-block .rubi {
            font-size: 24px;
            line-height: 24px;
            color: #008078;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            margin-bottom: 20px; }
          .faq .contentarea .content .R-block .content-block .main {
            font-size: 15px;
            line-height: 34px;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 400; }
        .faq .contentarea .content .R-block .content-block2 {
          width: 100%;
          border: 1px solid #000;
          padding: 42px 25px 28px;
          margin: 60px 0 0; }
          .faq .contentarea .content .R-block .content-block2 .title {
            font-size: 24px;
            line-height: 24px;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 500;
            text-align: center;
            margin-bottom: 30px; }
          .faq .contentarea .content .R-block .content-block2 .sub-title {
            font-size: 15px;
            line-height: 15px;
            color: #000;
            text-align: left;
            font-family: "Noto Serif JP", serif;
            font-weight: 500; }
          .faq .contentarea .content .R-block .content-block2 .main1 {
            font-size: 15px;
            line-height: 34px;
            margin: 10px 0 40px;
            color: #000;
            text-align: left;
            font-family: "Noto Serif JP", serif;
            font-weight: 400; }
          .faq .contentarea .content .R-block .content-block2 .main2 {
            font-size: 15px;
            line-height: 34px;
            margin: 10px 0 40px;
            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: 15px; }
            .faq .contentarea .content .R-block .content-block2 .main2 .main2-text {
              width: 645px; }
          .faq .contentarea .content .R-block .content-block2 .main3 {
            font-size: 15px;
            line-height: 34px;
            color: #000;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            text-align: right; }

/* お知らせ
-----------------------*/
.news {
  margin-top: 90px;
  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: 30px;
        line-height: 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
      .news .eyecatch .eyecatchtext .L2 {
        font-size: 12px;
        line-height: 56px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .news .contentarea {
    width: 1080px;
    background-color: #fff;
    margin: 0 auto;
    padding: 60px 0;
    position: relative;
    z-index: 50; }
    .news .contentarea .news-item {
      width: 800px;
      height: 80px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 15px;
      line-height: 26px;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      color: #000;
      transition: 0.5s; }
      .news .contentarea .news-item .news-day {
        width: 152px;
        padding-left: 20px; }
      .news .contentarea .news-item .news-text {
        width: 648px;
        padding-right: 80px; }
      .news .contentarea .news-item:hover {
        background-color: #e6f5ff;
        transition: 0.5s; }
    .news .contentarea .news-wrap .news-inner {
      width: 800px;
      height: 80px;
      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 .arrow {
        position: absolute;
        top: 30px;
        right: 20px; }
    .news .contentarea .pnavi {
      width: 500px;
      margin: 60px 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: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 5px; }
          .news .contentarea .pnavi ul.page-numbers li .page-numbers {
            width: 100%;
            height: 100%;
            font-size: 20px;
            line-height: 20px;
            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: 10px;
              height: 10px;
              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: 10px;
              height: 10px;
              transform: rotate(45deg);
              position: absolute;
              top: calc(50% - 5px);
              left: 0; }
    .news .contentarea .single-title-blcok {
      width: 800px;
      margin: 0 auto;
      border-bottom: 1px solid #dedede; }
      .news .contentarea .single-title-blcok .single-day {
        font-size: 18px;
        line-height: 18px;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 20px; }
      .news .contentarea .single-title-blcok .single-title {
        font-size: 24px;
        line-height: 36px;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        text-align: left;
        margin-bottom: 15px;
        overflow-wrap: break-word; }
      .news .contentarea .single-title-blcok .single-sub {
        font-size: 16px;
        line-height: 16px;
        color: #000;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        margin-bottom: 20px; }
    .news .contentarea .single-content {
      width: 800px;
      margin: 0 auto;
      padding-top: 17px; }
      .news .contentarea .single-content .single-main {
        width: 100%;
        font-size: 15px;
        line-height: 34px;
        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: 20px;
          line-height: 20px;
          color: #216a9e;
          text-align: left;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          padding-left: 10px;
          border-left: 4px solid #008078; }
        .news .contentarea .single-content .single-main h3 {
          font-size: 18px;
          line-height: 18px;
          color: #000;
          text-align: left;
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          padding-left: 10px;
          border-left: 4px solid #919191;
          margin-bottom: 8px; }
        .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: 100px auto 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .news .contentarea .navigation .all-btn {
        font-size: 16px;
        line-height: 16px;
        color: #000;
        width: 135px;
        text-align: center;
        font-family: "Noto Serif JP", serif;
        font-weight: 500; }
      .news .contentarea .navigation .prev-btn {
        font-size: 16px;
        line-height: 16px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #000;
        text-align: right;
        width: 90px;
        position: relative; }
        .news .contentarea .navigation .prev-btn:before {
          content: "";
          border-bottom: 1px solid #919191;
          border-left: 1px solid #919191;
          width: 10px;
          height: 10px;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          left: 0; }
      .news .contentarea .navigation .next-btn {
        font-size: 16px;
        line-height: 16px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #000;
        text-align: left;
        width: 90px;
        position: relative; }
        .news .contentarea .navigation .next-btn:before {
          content: "";
          border-top: 1px solid #919191;
          border-right: 1px solid #919191;
          width: 10px;
          height: 10px;
          transform: rotate(45deg);
          position: absolute;
          top: calc(50% - 5px);
          right: 0; }

/* お問い合わせ
-----------------------*/
.contact {
  margin-top: 90px;
  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: 30px;
        line-height: 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
      .contact .eyecatch .eyecatchtext .L2 {
        font-size: 12px;
        line-height: 56px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .contact .contentarea {
    width: 800px;
    margin: 0 auto;
    background-color: #fff;
    padding: 100px 0;
    position: relative; }
    .contact .contentarea .tel-text {
      font-size: 15px;
      line-height: 15px;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400; }
    .contact .contentarea .tel {
      font-size: 44px;
      line-height: 65px;
      font-family: "Noto Serif JP", serif;
      font-weight: 700; }
      .contact .contentarea .tel .mini {
        font-size: 30px;
        line-height: 65px; }
    .contact .contentarea .tel-time {
      font-size: 12px;
      line-height: 12px;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400; }
    .contact .contentarea .fax-text {
      font-size: 15px;
      line-height: 38px;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      margin-top: 30px; }
    .contact .contentarea .fax {
      font-size: 30px;
      line-height: 30px;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 700; }
    .contact .contentarea .process-text {
      font-size: 15px;
      line-height: 44px;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      margin-top: 55px; }
    .contact .contentarea .faq-link {
      font-size: 16px;
      line-height: 16px;
      color: #fff;
      background-color: #c19876;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 280px;
      height: 50px; }
    .contact .contentarea .menu-link {
      color: #fff; }
    .contact .contentarea .form-guide {
      font-size: 15px;
      line-height: 38px;
      color: #000;
      font-family: "Noto Serif JP", serif;
      font-weight: 400;
      margin-top: 60px; }
    .contact .contentarea .form {
      width: 100%;
      margin-top: 40px;
      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: 220px;
          padding: 40px 0;
          font-size: 15px;
          line-height: 15px;
          font-family: "Noto Serif JP", serif;
          font-weight: 400;
          display: flex;
          align-items: flex-start; }
        .contact .contentarea .form .wrap .R-block {
          width: 580px;
          padding: 27px 0;
          font-size: 15px;
          line-height: 15px;
          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: 40px;
            border: 1px solid #acacac; }
          .contact .contentarea .form .wrap .R-block .inputarea2 {
            width: 100%;
            height: 180px;
            border: 1px solid #acacac; }
        .contact .contentarea .form .wrap .hissu {
          position: relative; }
          .contact .contentarea .form .wrap .hissu:before {
            content: "必須";
            font-size: 10px;
            line-height: 10px;
            color: #fff;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            width: 40px;
            height: 17px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 40px;
            right: 28px; }
        .contact .contentarea .form .wrap .nini {
          position: relative; }
          .contact .contentarea .form .wrap .nini:before {
            content: "任意";
            font-size: 10px;
            line-height: 10px;
            color: #fff;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            width: 40px;
            height: 17px;
            background-color: #919191;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 40px;
            right: 28px; }
        .contact .contentarea .form .wrap .check-area {
          flex-wrap: wrap;
          padding: 20px 0 !important; }
          .contact .contentarea .form .wrap .check-area .horizontal-item {
            width: 285px;
            margin: 7px 0 7px; }
      .contact .contentarea .form .privacy-link {
        width: 100%;
        font-size: 15px;
        line-height: 15px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        margin: 20px 0;
        text-align: right;
        display: block;
        text-decoration: underline; }
      .contact .contentarea .form .send-button {
        width: 284px;
        height: 45px;
        color: #fff;
        font-size: 15px;
        line-height: 15px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 35px auto;
        padding: 0;
        border: none; }
    .contact .contentarea .privacy {
      width: 100%; }
      .contact .contentarea .privacy .title {
        font-size: 24px;
        line-height: 24px;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        color: #000;
        margin-bottom: 45px; }
      .contact .contentarea .privacy .item1 {
        font-size: 20px;
        line-height: 34px;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        color: #000; }
      .contact .contentarea .privacy .item2 {
        font-size: 15px;
        line-height: 34px;
        font-family: "Noto Serif JP", serif;
        font-weight: 400;
        text-align: left;
        color: #000;
        margin-bottom: 45px; }

/* 様式ダウンロード
-----------------------*/
.download {
  margin-top: 90px;
  overflow-wrap: break-word; }
  .download .eyecatch {
    width: 100%;
    height: 28.7vw;
    position: relative; }
    .download .eyecatch .image_pc {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .download .eyecatch .image_sp {
      display: none; }
    .download .eyecatch .eyecatchtext {
      position: absolute;
      width: 500px;
      top: calc(50% - 50px);
      left: calc(50% - 250px);
      z-index: 20;
      text-align: center; }
      .download .eyecatch .eyecatchtext .L1 {
        font-size: 30px;
        line-height: 30px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
      .download .eyecatch .eyecatchtext .L2 {
        font-size: 12px;
        line-height: 56px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }
  .download .contentarea {
    width: 960px;
    background-color: #fff;
    margin: 20px auto 20px;
    padding: 60px 0;
    position: relative;
    z-index: 50; }
    .download .contentarea .chacthcopy {
      font-size: 28px;
      line-height: 50px;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      text-align: center;
      padding: 10px 0 55px; }
    .download .contentarea .content {
      width: 100%;
      border-top: 1px solid #acacac;
      padding: 30px 20px;
      word-break: break-word;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .download .contentarea .content .L-block {
        width: 420px;
        font-size: 16px;
        line-height: 16px;
        font-family: "Noto Serif JP", serif;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .download .contentarea .content .L-block .font {
          font-size: 20px;
          line-height: 16px;
          margin-right: 5px; }
      .download .contentarea .content .R-block {
        width: 500px;
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .download .contentarea .content .R-block .inner {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-right: 30px; }
          .download .contentarea .content .R-block .inner .icon {
            width: 30px; }
          .download .contentarea .content .R-block .inner .pdflink {
            font-size: 16px;
            line-height: 28px;
            font-family: "Noto Serif JP", serif;
            font-weight: 400;
            color: #000;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            margin-left: 5px; }
          .download .contentarea .content .R-block .inner.border {
            padding-right: 30px;
            border-right: 1px solid #aaa; }

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