/*
brakepoint
*/
/* line 27, about.scss */
:target {
  scroll-margin-top: 290px; }
  @media screen and (max-width: 800px) {
    /* line 27, about.scss */
    :target {
      scroll-margin-top: 210px; } }

/* line 35, about.scss */
.pagetitle.pagetopimage {
  background-image: url("../img/topimage_about.jpg"); }
  @media screen and (max-width: 800px) {
    /* line 35, about.scss */
    .pagetitle.pagetopimage {
      background-image: url("../img/topimage_about_sp.jpg"); } }

/* line 43, about.scss */
.read-content {
  padding-bottom: 0; }
  /* line 45, about.scss */
  .read-content .slide_text {
    position: absolute;
    top: 265px;
    right: 0; }
    @media screen and (max-width: 800px) {
      /* line 45, about.scss */
      .read-content .slide_text {
        display: none; } }

/* line 55, about.scss */
.aboutmenu {
  position: relative;
  width: 100%;
  z-index: 2; }
  /* line 59, about.scss */
  .aboutmenu li {
    width: 100%;
    margin: 0; }
    /* line 62, about.scss */
    .aboutmenu li .a-content {
      display: flex;
      align-items: flex-end;
      color: #008CAF;
      font-family: "Inter Tight", sans-serif;
      font-weight: 500;
      margin-bottom: 10px; }
      /* line 69, about.scss */
      .aboutmenu li .a-content .a_no {
        display: inline-block;
        min-width: 26px;
        font-size: 30px;
        line-height: 1;
        margin-right: 5px; }
        @media screen and (max-width: 800px) {
          /* line 69, about.scss */
          .aboutmenu li .a-content .a_no {
            font-size: 26px;
            margin-right: 0; } }
      /* line 80, about.scss */
      .aboutmenu li .a-content .a_en_title01 {
        display: inline-block;
        font-size: 10px;
        line-height: 1.5;
        margin-right: 3px; }
      /* line 86, about.scss */
      .aboutmenu li .a-content .a_en_title02 {
        display: inline-block;
        font-size: 15px;
        line-height: 1.2; }
    /* line 92, about.scss */
    .aboutmenu li .a_jp_title {
      position: relative;
      display: block;
      width: 100%;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.6;
      padding-right: 50px; }
      @media screen and (max-width: 800px) {
        /* line 92, about.scss */
        .aboutmenu li .a_jp_title {
          font-size: 15px; } }
    /* line 104, about.scss */
    .aboutmenu li a {
      display: block;
      text-decoration: none; }
  /* line 109, about.scss */
  .aboutmenu.aboutmenu480 {
    max-width: 480px;
    margin: 80px 0 0 230px; }
    @media screen and (max-width: 800px) {
      /* line 109, about.scss */
      .aboutmenu.aboutmenu480 {
        max-width: inherit;
        margin: 60px auto 0; } }
    /* line 117, about.scss */
    .aboutmenu.aboutmenu480 li a {
      border-bottom: 1px solid #FFFFFF;
      padding: 20px 0; }
      /* line 120, about.scss */
      .aboutmenu.aboutmenu480 li a::before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        content: "";
        background-color: rgba(0, 0, 0, 0.2); }

/* line 135, about.scss */
.about-head {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background-color: #F1F0EF;
  border-bottom: 1px solid #FFFFFF;
  padding: 140px 0 20px; }
  @media screen and (max-width: 800px) {
    /* line 135, about.scss */
    .about-head {
      padding: 90px 0 20px; } }
  /* line 147, about.scss */
  .about-head::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: rgba(0, 0, 0, 0.2); }
  /* line 156, about.scss */
  .about-head .aboutmenu {
    max-width: 1020px;
    height: 70px;
    overflow: hidden; }
    @media screen and (max-width: 800px) {
      /* line 156, about.scss */
      .about-head .aboutmenu {
        height: 80px; } }
    /* line 163, about.scss */
    .about-head .aboutmenu li {
      display: flex;
      align-items: center;
      height: 70px;
      transition: transform .3s; }
      @media screen and (max-width: 800px) {
        /* line 163, about.scss */
        .about-head .aboutmenu li {
          flex-wrap: wrap;
          height: 80px; } }
      /* line 172, about.scss */
      .about-head .aboutmenu li .a-content {
        display: inline-block;
        width: 230px;
        margin: 0 0 5px; }
        @media screen and (max-width: 800px) {
          /* line 172, about.scss */
          .about-head .aboutmenu li .a-content {
            display: block;
            width: 100%; } }
      /* line 181, about.scss */
      .about-head .aboutmenu li .a_jp_title {
        width: calc(100% - 235px);
        font-size: 25px;
        line-height: 1.1;
        padding-right: 0; }
        @media screen and (max-width: 800px) {
          /* line 181, about.scss */
          .about-head .aboutmenu li .a_jp_title {
            width: 100%;
            font-size: 20px; } }

/* line 195, about.scss */
article {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 40px);
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 150px; }
  @media screen and (max-width: 800px) {
    /* line 195, about.scss */
    article {
      display: block;
      padding-top: 100px; } }
  /* line 207, about.scss */
  article .sidebar {
    position: sticky;
    left: 0;
    top: 290px;
    width: 225px;
    height: 100%;
    padding-right: 19px;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      /* line 207, about.scss */
      article .sidebar {
        display: none; } }
    /* line 218, about.scss */
    article .sidebar::before {
      position: absolute;
      left: -20px;
      top: -20px;
      width: 100%;
      height: calc(100% + 40px);
      content: "";
      background-color: #F1F0EF;
      border-radius: 16px;
      z-index: 0; }
    /* line 229, about.scss */
    article .sidebar .aboutmenu {
      z-index: 1; }
      /* line 231, about.scss */
      article .sidebar .aboutmenu li {
        margin-bottom: 10px; }
        /* line 233, about.scss */
        article .sidebar .aboutmenu li:last-child {
          margin-bottom: 0; }
        /* line 237, about.scss */
        article .sidebar .aboutmenu li a .a-content {
          color: rgba(32, 33, 36, 0.5);
          margin-bottom: 0;
          transition: color 0.3s ease-out; }
          /* line 241, about.scss */
          article .sidebar .aboutmenu li a .a-content .a_no {
            font-size: 15px; }
        /* line 246, about.scss */
        article .sidebar .aboutmenu li a.active .a-content {
          color: #008CAF; }
        /* line 251, about.scss */
        article .sidebar .aboutmenu li a:hover .a-content {
          color: #008CAF; }
  /* line 259, about.scss */
  article .r-about {
    width: calc(100% - 224px); }
    @media screen and (max-width: 800px) {
      /* line 259, about.scss */
      article .r-about {
        width: 100%; } }

/* line 266, about.scss */
.bottombar {
  display: none; }
  @media screen and (max-width: 800px) {
    /* line 266, about.scss */
    .bottombar {
      position: fixed;
      left: 20px;
      bottom: 25px;
      width: 210px;
      background-color: #FFFFFF;
      border-radius: 99px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
      z-index: 2; } }
  /* line 278, about.scss */
  .bottombar ul {
    display: flex;
    justify-content: center; }
    /* line 281, about.scss */
    .bottombar ul li {
      margin: 0 12px 0 0; }
      /* line 283, about.scss */
      .bottombar ul li a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 48px;
        color: rgba(32, 33, 36, 0.5);
        font-family: "Inter Tight", sans-serif;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        padding: 0 12px; }
        /* line 294, about.scss */
        .bottombar ul li a::before {
          position: absolute;
          right: -12px;
          top: 50%;
          transform: translateY(-50%);
          width: 12px;
          height: 1px;
          content: "";
          background-color: rgba(32, 33, 36, 0.5); }
        /* line 304, about.scss */
        .bottombar ul li a.active {
          color: #008CAF; }
      /* line 308, about.scss */
      .bottombar ul li:last-child {
        margin-right: 0; }
        /* line 311, about.scss */
        .bottombar ul li:last-child a::before {
          display: none; }

/* line 321, about.scss */
.origin-content {
  position: relative;
  width: 100%;
  padding-left: 35px; }
  @media screen and (max-width: 800px) {
    /* line 321, about.scss */
    .origin-content {
      padding-left: 25px; } }
  /* line 328, about.scss */
  .origin-content .hajimari {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-right: 45px; }
    /* line 335, about.scss */
    .origin-content .hajimari::after {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 32px;
      height: 1px;
      content: "";
      background-color: #202124; }
  /* line 346, about.scss */
  .origin-content .origin-inner {
    position: relative;
    padding-bottom: 100px; }
    @media screen and (max-width: 800px) {
      /* line 346, about.scss */
      .origin-content .origin-inner {
        padding-bottom: 70px; } }
    /* line 352, about.scss */
    .origin-content .origin-inner .border-line {
      position: absolute;
      left: -28px;
      top: 15px;
      width: 2px;
      height: 0;
      background-color: #008CAF;
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 352, about.scss */
        .origin-content .origin-inner .border-line {
          left: -20px; } }
    /* line 365, about.scss */
    .origin-content .origin-inner p.origin-date {
      position: relative;
      display: flex;
      align-items: flex-end;
      color: #008CAF;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.4;
      margin-bottom: 30px; }
      /* line 374, about.scss */
      .origin-content .origin-inner p.origin-date::before, .origin-content .origin-inner p.origin-date::after {
        position: absolute;
        content: "";
        border-radius: 50%; }
      /* line 380, about.scss */
      .origin-content .origin-inner p.origin-date::before {
        top: 12px;
        left: -32px;
        width: 10px;
        height: 10px;
        background-color: #008CAF; }
        @media screen and (max-width: 800px) {
          /* line 380, about.scss */
          .origin-content .origin-inner p.origin-date::before {
            top: 12px;
            left: -23px;
            width: 8px;
            height: 8px; } }
      /* line 393, about.scss */
      .origin-content .origin-inner p.origin-date::after {
        top: 9px;
        left: -35px;
        width: 16px;
        height: 16px;
        border: 1px solid #008CAF; }
        @media screen and (max-width: 800px) {
          /* line 393, about.scss */
          .origin-content .origin-inner p.origin-date::after {
            top: 10px;
            left: -25px;
            width: 12px;
            height: 12px; } }
      /* line 406, about.scss */
      .origin-content .origin-inner p.origin-date .o-date {
        display: inline-block;
        font-family: "Inter Tight", sans-serif;
        font-size: 35px;
        font-weight: 500;
        line-height: 1;
        padding: 0 4px; }
        /* line 413, about.scss */
        .origin-content .origin-inner p.origin-date .o-date:first-child {
          padding-left: 0; }
    /* line 418, about.scss */
    .origin-content .origin-inner p.read_about {
      text-align: left; }
    /* line 421, about.scss */
    .origin-content .origin-inner p.read_origin {
      position: relative;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 30px;
      padding-top: 35px; }
      @media screen and (max-width: 800px) {
        /* line 421, about.scss */
        .origin-content .origin-inner p.read_origin {
          font-size: 18px;
          padding-top: 25px; } }
      /* line 431, about.scss */
      .origin-content .origin-inner p.read_origin::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 64px;
        height: 2px;
        content: "";
        background-color: #008CAF; }
    /* line 442, about.scss */
    .origin-content .origin-inner .originlist {
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 800px) {
        /* line 442, about.scss */
        .origin-content .origin-inner .originlist {
          display: block; } }
      /* line 448, about.scss */
      .origin-content .origin-inner .originlist li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        position: relative;
        width: 50%;
        min-height: 144px;
        line-height: 1.5;
        padding: 0 0 0 30px;
        margin-bottom: 30px; }
        @media screen and (max-width: 800px) {
          /* line 448, about.scss */
          .origin-content .origin-inner .originlist li {
            width: 100%;
            min-height: 128px;
            margin-bottom: 20px; } }
        /* line 464, about.scss */
        .origin-content .origin-inner .originlist li::before {
          position: absolute;
          left: 0;
          top: 0;
          width: 144px;
          height: 144px;
          content: "";
          background-color: #FFFFFF;
          box-shadow: 0 0 16px #FFFFFF;
          z-index: -1;
          border-radius: 50%; }
          @media screen and (max-width: 800px) {
            /* line 464, about.scss */
            .origin-content .origin-inner .originlist li::before {
              width: 128px;
              height: 128px; } }
        /* line 480, about.scss */
        .origin-content .origin-inner .originlist li:last-child {
          margin-bottom: 0; }
        /* line 483, about.scss */
        .origin-content .origin-inner .originlist li .ol_stitle {
          display: block;
          width: 100%;
          color: #008CAF;
          font-size: 15px;
          font-weight: 600;
          background-image: url("../img/arrow_r_blue03.svg");
          background-repeat: no-repeat;
          background-position: left center;
          margin-bottom: 10px;
          padding-left: 18px; }
        /* line 495, about.scss */
        .origin-content .origin-inner .originlist li .ol_title {
          display: inline-block;
          font-size: 25px;
          line-height: 1.12;
          border-bottom: 1px solid #008CAF;
          padding-bottom: 5px; }
          @media screen and (max-width: 800px) {
            /* line 495, about.scss */
            .origin-content .origin-inner .originlist li .ol_title {
              font-size: 20px; } }

/* line 510, about.scss */
.read_about {
  position: relative;
  text-align: center;
  font-size: 25px;
  line-height: 1.6;
  margin-bottom: 25px;
  z-index: 1; }
  @media screen and (max-width: 800px) {
    /* line 510, about.scss */
    .read_about {
      font-size: 20px; } }
  /* line 520, about.scss */
  .read_about.read_bold {
    font-weight: 600; }
    @media screen and (max-width: 800px) {
      /* line 520, about.scss */
      .read_about.read_bold {
        margin-bottom: 30px; } }
  /* line 526, about.scss */
  .read_about.read_key03 {
    margin-bottom: 0; }
  /* line 529, about.scss */
  .read_about.read_human01 {
    margin-bottom: 60px; }
    /* line 531, about.scss */
    .read_about.read_human01 .red_text {
      font-weight: 600; }

/* line 536, about.scss */
.cap_origin {
  margin-bottom: 50px; }
  @media screen and (max-width: 800px) {
    /* line 536, about.scss */
    .cap_origin {
      margin-bottom: 30px; } }
  /* line 541, about.scss */
  .cap_origin:last-child {
    margin-bottom: 0; }

/* line 546, about.scss */
.about01_img01 {
  width: 100%; }
  /* line 548, about.scss */
  .about01_img01 img {
    width: 100%; }

/* line 553, about.scss */
.ab_img {
  position: relative;
  width: calc(100% + 225px);
  height: 384px;
  margin-left: -225px;
  z-index: 0;
  overflow: hidden;
  border-radius: 16px; }
  @media screen and (max-width: 800px) {
    /* line 553, about.scss */
    .ab_img {
      width: calc(100% + 40px);
      height: 187px;
      margin-left: -20px;
      border-radius: 0; } }
  /* line 567, about.scss */
  .ab_img img {
    width: 100%;
    border-radius: 16px; }
    @media screen and (max-width: 800px) {
      /* line 567, about.scss */
      .ab_img img {
        border-radius: 0; } }

/* line 576, about.scss */
.bottom-content {
  position: relative;
  margin: -120px 0 150px; }
  @media screen and (max-width: 800px) {
    /* line 576, about.scss */
    .bottom-content {
      margin: -60px 0 100px; } }
  /* line 582, about.scss */
  .bottom-content h2 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 0;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      /* line 582, about.scss */
      .bottom-content h2 {
        padding: 0 25px; } }
    /* line 592, about.scss */
    .bottom-content h2::before, .bottom-content h2::after {
      display: none; }
    /* line 596, about.scss */
    .bottom-content h2 .en_title01 {
      position: relative;
      display: inline-block;
      color: #F1F0EF;
      font-size: 100px;
      white-space: nowrap; }
      @media screen and (max-width: 800px) {
        /* line 596, about.scss */
        .bottom-content h2 .en_title01 {
          display: block;
          font-size: 50px;
          width: 100%; } }
    /* line 608, about.scss */
    .bottom-content h2 .en_title02 {
      position: absolute;
      bottom: -10px;
      left: calc(100% - 90px);
      display: inline-block;
      color: #008CAF;
      font-size: 50px;
      white-space: nowrap; }
      @media screen and (max-width: 800px) {
        /* line 608, about.scss */
        .bottom-content h2 .en_title02 {
          font-size: 25px;
          left: auto;
          right: 0;
          bottom: -5px; } }
  /* line 624, about.scss */
  .bottom-content .bottom-inner {
    position: relative;
    width: 100%;
    background-color: #F1F0EF;
    padding: 50px 10px 150px 50px;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 16px 0 0 16px;
    z-index: 1;
    margin-top: -15px; }
    @media screen and (max-width: 800px) {
      /* line 624, about.scss */
      .bottom-content .bottom-inner {
        padding: 20px 25px 100px;
        margin-top: -8px; } }
    /* line 637, about.scss */
    .bottom-content .bottom-inner::before {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      height: 100%;
      content: "";
      background-color: #F1F0EF;
      z-index: 0; }
    /* line 647, about.scss */
    .bottom-content .bottom-inner::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      content: "";
      background-color: rgba(0, 0, 0, 0.2); }
    /* line 656, about.scss */
    .bottom-content .bottom-inner p {
      font-size: 18px;
      line-height: 1.7;
      margin: 0; }

/* line 664, about.scss */
.fukidashi_about {
  display: flex;
  justify-content: center;
  margin-bottom: 25px; }
  /* line 668, about.scss */
  .fukidashi_about p {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #008CAF;
    margin: 0;
    padding: 0 20px;
    border-radius: 9999px; }
    /* line 678, about.scss */
    .fukidashi_about p::after {
      position: absolute;
      left: 50%;
      top: 100%;
      transform: translateX(-50%);
      width: 12px;
      height: 12px;
      background-color: #008CAF;
      content: "";
      clip-path: polygon(0 0, 0% 100%, 100% 0); }

/* line 691, about.scss */
.red_text {
  color: #008CAF; }

/* line 696, about.scss */
.keylist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  @media screen and (max-width: 800px) {
    /* line 696, about.scss */
    .keylist {
      display: block; } }
  /* line 703, about.scss */
  .keylist li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 224px;
    height: 224px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    background: linear-gradient(135deg, white 0%, #f1f0ef 100%);
    margin: 0;
    border-radius: 50%; }
    @media screen and (max-width: 800px) {
      /* line 703, about.scss */
      .keylist li {
        width: 192px;
        height: 192px;
        margin: 0 auto; } }
    /* line 724, about.scss */
    .keylist li:nth-child(1) {
      transform: translateX(20px);
      z-index: 0; }
      @media screen and (max-width: 800px) {
        /* line 724, about.scss */
        .keylist li:nth-child(1) {
          transform: translateX(-75px); } }
    /* line 731, about.scss */
    .keylist li:nth-child(2) {
      z-index: 1; }
      @media screen and (max-width: 800px) {
        /* line 731, about.scss */
        .keylist li:nth-child(2) {
          margin: -90px auto 0;
          transform: translateX(75px);
          z-index: 2; } }
    /* line 739, about.scss */
    .keylist li:nth-child(3) {
      transform: translateX(-20px);
      z-index: 2; }
      @media screen and (max-width: 800px) {
        /* line 739, about.scss */
        .keylist li:nth-child(3) {
          margin: -90px auto 0;
          transform: translateX(-75px);
          z-index: 1; } }
    /* line 748, about.scss */
    .keylist li .icon_key {
      display: block;
      width: 100%;
      margin-bottom: 20px; }
    /* line 753, about.scss */
    .keylist li .key_text {
      display: block;
      min-height: 66px; }
      /* line 756, about.scss */
      .keylist li .key_text .key_text_s {
        display: block;
        font-size: 13px;
        font-weight: 400; }

/* line 765, about.scss */
.scroll_down {
  position: relative;
  display: block;
  overflow: hidden;
  width: 1px;
  margin: 35px auto; }
  /* line 771, about.scss */
  .scroll_down .btn_bar {
    position: relative;
    display: block;
    width: 1px;
    height: 96px;
    overflow: hidden;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      /* line 771, about.scss */
      .scroll_down .btn_bar {
        height: 64px; } }
    /* line 781, about.scss */
    .scroll_down .btn_bar::before, .scroll_down .btn_bar::after {
      position: absolute;
      top: 0;
      left: 50%;
      width: 100%;
      content: ""; }
    /* line 789, about.scss */
    .scroll_down .btn_bar::before {
      height: 100%;
      background-color: rgba(0, 140, 175, 0.25);
      transform: translateX(-50%); }
    /* line 794, about.scss */
    .scroll_down .btn_bar::after {
      height: 24px;
      background-color: #008CAF;
      transform: translate(-50%, 0px);
      transform-origin: 0 0;
      animation: btn_scroll 1.5s ease infinite; }
      @media screen and (max-width: 800px) {
        /* line 794, about.scss */
        .scroll_down .btn_bar::after {
          animation: btn_scroll_sp 1.5s ease infinite; } }

@keyframes btn_scroll {
  0% {
    height: 24px;
    transform: translate(-50%, 0px); }
  100% {
    transform: translate(-50%, 96px); } }
@keyframes btn_scroll_sp {
  0% {
    height: 24px;
    transform: translate(-50%, 0px); }
  100% {
    transform: translate(-50%, 64px); } }
/* line 826, about.scss */
.about02_img01 {
  position: relative;
  width: 100%;
  max-width: 616px;
  margin: -60px auto 0;
  z-index: 0; }
  @media screen and (max-width: 800px) {
    /* line 826, about.scss */
    .about02_img01 {
      width: calc(100% + 40px);
      max-width: inherit;
      margin: 0 0 15px -20px; } }

/* line 839, about.scss */
.solutionlist {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0 2.7%;
  margin: -40px 0 155px;
  z-index: 1; }
  @media screen and (max-width: 800px) {
    /* line 839, about.scss */
    .solutionlist {
      flex-wrap: wrap;
      margin: 0 0 65px;
      gap: 15px 3.9%; } }
  /* line 851, about.scss */
  .solutionlist li {
    width: 18%;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.38;
    text-align: center; }
    @media screen and (max-width: 800px) {
      /* line 851, about.scss */
      .solutionlist li {
        width: 43%; } }
    /* line 860, about.scss */
    .solutionlist li .icon_solution {
      position: relative;
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 10px; }
    /* line 867, about.scss */
    .solutionlist li .solution_text {
      display: block; }
      /* line 869, about.scss */
      .solutionlist li .solution_text small {
        display: block;
        font-size: 13px;
        font-weight: 400; }

/* line 879, about.scss */
.field-content {
  position: relative;
  max-width: 640px;
  border-top: 1px solid #008CAF;
  border-bottom: 1px solid #008CAF;
  margin: 0 auto 55px;
  padding: 50px 0; }
  @media screen and (max-width: 800px) {
    /* line 879, about.scss */
    .field-content {
      max-width: inherit;
      margin-bottom: 30px; } }
  /* line 890, about.scss */
  .field-content::before, .field-content::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 32px;
    content: "";
    border-left: 1px solid #008CAF;
    border-right: 1px solid #008CAF;
    z-index: 0; }
    @media screen and (max-width: 800px) {
      /* line 890, about.scss */
      .field-content::before, .field-content::after {
        height: 24px; } }
  /* line 904, about.scss */
  .field-content::before {
    top: 0; }
  /* line 907, about.scss */
  .field-content::after {
    bottom: 0; }
  /* line 910, about.scss */
  .field-content h2 {
    display: inline-block;
    min-width: 250px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    color: #008CAF;
    font-size: 20px;
    font-weight: 600;
    background-color: #F1F0EF;
    margin: 0;
    padding: 0 10px;
    z-index: 1; }
    /* line 924, about.scss */
    .field-content h2::before, .field-content h2::after {
      display: none; }
  /* line 929, about.scss */
  .field-content .fieldlist {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media screen and (max-width: 800px) {
      /* line 929, about.scss */
      .field-content .fieldlist {
        width: calc(100% + 40px);
        padding-top: 125px;
        margin-left: -20px; } }
    /* line 939, about.scss */
    .field-content .fieldlist li {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 192px;
      height: 192px;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.4;
      text-align: center;
      background-color: rgba(0, 140, 175, 0.1);
      background-image: url("../img/arrow_d_blue02.svg");
      background-repeat: no-repeat;
      background-position: center 40px;
      background-size: 12px 8px;
      border: 1px solid #008CAF;
      border-radius: 50%;
      margin: 0;
      padding-top: 12px; }
      @media screen and (max-width: 800px) {
        /* line 939, about.scss */
        .field-content .fieldlist li {
          width: 168px;
          height: 168px;
          font-size: 13px; } }
      /* line 964, about.scss */
      .field-content .fieldlist li:nth-child(1) {
        transform: translateX(15px);
        z-index: 0; }
        @media screen and (max-width: 800px) {
          /* line 964, about.scss */
          .field-content .fieldlist li:nth-child(1) {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            order: 1; } }
      /* line 975, about.scss */
      .field-content .fieldlist li:nth-child(2) {
        z-index: 1; }
        @media screen and (max-width: 800px) {
          /* line 975, about.scss */
          .field-content .fieldlist li:nth-child(2) {
            transform: translateX(-10px);
            order: 3; } }
      /* line 982, about.scss */
      .field-content .fieldlist li:nth-child(3) {
        transform: translateX(-15px);
        z-index: 2; }
        @media screen and (max-width: 800px) {
          /* line 982, about.scss */
          .field-content .fieldlist li:nth-child(3) {
            transform: translateX(10px);
            order: 2; } }

/* line 995, about.scss */
.tech-content {
  display: flex;
  justify-content: space-between;
  max-width: 640px;
  margin: 0 auto 80px; }
  @media screen and (max-width: 800px) {
    /* line 995, about.scss */
    .tech-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px 0;
      max-width: inherit;
      padding: 0 30px;
      margin: 0 auto 50px; } }
  /* line 1009, about.scss */
  .tech-content .tech {
    width: 30%; }
    @media screen and (max-width: 800px) {
      /* line 1009, about.scss */
      .tech-content .tech {
        width: 100%; } }
    /* line 1014, about.scss */
    .tech-content .tech h3 {
      font-size: 15px;
      text-align: center;
      margin-bottom: 25px; }
      @media screen and (max-width: 800px) {
        /* line 1014, about.scss */
        .tech-content .tech h3 {
          margin-bottom: 15px; } }
      /* line 1021, about.scss */
      .tech-content .tech h3 .tech_en,
      .tech-content .tech h3 .tech_no {
        display: block;
        color: #008CAF;
        font-family: "Inter Tight", sans-serif;
        font-weight: 500; }
      /* line 1028, about.scss */
      .tech-content .tech h3 .tech_no {
        font-size: 30px;
        line-height: 1;
        margin: 5px 0 10px; }
      /* line 1033, about.scss */
      .tech-content .tech h3 .tech_title {
        line-height: 1.4; }
    /* line 1037, about.scss */
    .tech-content .tech p {
      position: relative;
      font-size: 18px;
      line-height: 1.5;
      text-align: center;
      border-top: 1px solid #008CAF;
      border-bottom: 1px solid #008CAF;
      margin: 0;
      padding: 25px 0; }
      /* line 1046, about.scss */
      .tech-content .tech p::before, .tech-content .tech p::after {
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border: solid transparent;
        content: ""; }
      /* line 1057, about.scss */
      .tech-content .tech p::before {
        border-color: rgba(230, 0, 62, 0);
        border-top-width: 10px;
        border-bottom-width: 10px;
        border-left-width: 10px;
        border-right-width: 10px;
        border-top-color: #008CAF; }
      /* line 1065, about.scss */
      .tech-content .tech p::after {
        border-color: rgba(241, 240, 239, 0);
        border-top-width: 9px;
        border-bottom-width: 9px;
        border-left-width: 9px;
        border-right-width: 9px;
        border-top-color: #F1F0EF; }

/* line 1077, about.scss */
.technology-slider {
  position: relative;
  width: calc(100vw - calc((100vw - 1020px) / 2));
  margin: 0 0 155px -245px; }
  @media screen and (max-width: 800px) {
    /* line 1077, about.scss */
    .technology-slider {
      width: calc(100% + 40px);
      margin: 0 0 65px -20px; } }
  /* line 1085, about.scss */
  .technology-slider::before, .technology-slider::after {
    position: absolute;
    top: 0;
    height: 100%;
    content: "";
    z-index: 1;
    pointer-events: none; }
  /* line 1094, about.scss */
  .technology-slider::before {
    left: 0;
    min-width: 420px;
    max-width: 420px;
    background: linear-gradient(to right, #f1f0ef 0%, rgba(241, 240, 239, 0.8) 98%, rgba(241, 240, 239, 0) 100%); }
    @media screen and (max-width: 800px) {
      /* line 1094, about.scss */
      .technology-slider::before {
        width: calc((100vw - 280px) / 2);
        left: 0;
        min-width: inherit;
        max-width: inherit; } }
  /* line 1106, about.scss */
  .technology-slider::after {
    left: 830px;
    width: 50vw;
    background: linear-gradient(to right, rgba(241, 240, 239, 0) 0%, rgba(241, 240, 239, 0.8) 2%, rgba(241, 240, 239, 0.8) 100%);
    transition: all 0.3s; }
    @media screen and (max-width: 800px) {
      /* line 1106, about.scss */
      .technology-slider::after {
        width: calc((100vw - 280px) / 2);
        left: auto;
        right: 0;
        background: linear-gradient(to right, rgba(241, 240, 239, 0) 0%, rgba(241, 240, 239, 0.8) 2%, #f1f0ef 100%); } }
  /* line 1118, about.scss */
  .technology-slider .slick-slide {
    width: 100%;
    max-width: 384px;
    margin: 0 30px; }
    @media screen and (max-width: 800px) {
      /* line 1118, about.scss */
      .technology-slider .slick-slide {
        max-width: 256px;
        margin: 0 16px; } }
  /* line 1127, about.scss */
  .technology-slider ul {
    display: none;
    width: 100%; }
    /* line 1130, about.scss */
    .technology-slider ul.slick-initialized {
      display: block; }
    /* line 1133, about.scss */
    .technology-slider ul li {
      line-height: 1.6;
      margin: 0; }
      /* line 1136, about.scss */
      .technology-slider ul li span {
        display: block; }
        /* line 1138, about.scss */
        .technology-slider ul li span.technology_img {
          display: block;
          width: 100%;
          margin-bottom: 25px; }
          /* line 1142, about.scss */
          .technology-slider ul li span.technology_img img {
            width: 100%;
            border-radius: 16px; }
        /* line 1147, about.scss */
        .technology-slider ul li span.technology_title {
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 15px; }
        /* line 1152, about.scss */
        .technology-slider ul li span.technology_text {
          font-size: 15px; }

/* line 1162, about.scss */
#about04 .bottom-content {
  margin-bottom: 0; }

/* line 1166, about.scss */
.human-title {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1; }
  /* line 1172, about.scss */
  .human-title h2 {
    display: inline-block;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 16px;
    background-color: #008CAF;
    margin: 0;
    padding: 15px 85px; }
    @media screen and (max-width: 800px) {
      /* line 1172, about.scss */
      .human-title h2 {
        font-size: 18px;
        padding: 10px 25px; } }

/* line 1188, about.scss */
.about04_img01 {
  position: relative;
  margin: -30px 0 35px;
  z-index: 0; }
  @media screen and (max-width: 800px) {
    /* line 1188, about.scss */
    .about04_img01 {
      display: none; } }

/* line 1196, about.scss */
.icon_plus_red {
  display: none; }
  @media screen and (max-width: 800px) {
    /* line 1196, about.scss */
    .icon_plus_red {
      display: flex;
      justify-content: center;
      margin: 25px 0 35px; } }

/* line 1205, about.scss */
.human-content {
  position: relative;
  display: flex;
  z-index: 1; }
  @media screen and (max-width: 800px) {
    /* line 1205, about.scss */
    .human-content {
      display: block;
      padding: 0 25px;
      z-index: 0; } }
  /* line 1214, about.scss */
  .human-content .about04_img01_sp {
    display: none; }
    @media screen and (max-width: 800px) {
      /* line 1214, about.scss */
      .human-content .about04_img01_sp {
        display: block;
        margin: 0 auto 25px; } }
    /* line 1220, about.scss */
    .human-content .about04_img01_sp.about04_img0101_sp {
      margin: -25px auto 25px; }
    /* line 1223, about.scss */
    .human-content .about04_img01_sp img {
      width: 100%; }
  /* line 1227, about.scss */
  .human-content .human-inner {
    width: 50%; }
    @media screen and (max-width: 800px) {
      /* line 1227, about.scss */
      .human-content .human-inner {
        width: 100%; } }
    /* line 1232, about.scss */
    .human-content .human-inner .cap_human {
      font-size: 20px;
      line-height: 1.6;
      text-align: center;
      margin-bottom: 45px; }
      @media screen and (max-width: 800px) {
        /* line 1232, about.scss */
        .human-content .human-inner .cap_human {
          margin-bottom: 20px; } }
    /* line 1241, about.scss */
    .human-content .human-inner:nth-of-type(1) {
      transform: translateX(9%); }
      @media screen and (max-width: 800px) {
        /* line 1241, about.scss */
        .human-content .human-inner:nth-of-type(1) {
          transform: none; } }
    /* line 1247, about.scss */
    .human-content .human-inner:nth-of-type(2) {
      transform: translateX(-4%); }
      @media screen and (max-width: 800px) {
        /* line 1247, about.scss */
        .human-content .human-inner:nth-of-type(2) {
          transform: none; } }

/* line 1255, about.scss */
.humanlist {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 210px;
  gap: 15px; }
  @media screen and (max-width: 800px) {
    /* line 1255, about.scss */
    .humanlist {
      display: block;
      min-height: inherit;
      padding: 5px 0; } }
  /* line 1268, about.scss */
  .humanlist.humanlist340 {
    max-width: 340px;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      /* line 1268, about.scss */
      .humanlist.humanlist340 {
        max-width: inherit; } }
  /* line 1275, about.scss */
  .humanlist li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    min-height: 96px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 0px 3px rgba(0, 140, 175, 0.5);
    margin: 0; }
    @media screen and (max-width: 800px) {
      /* line 1275, about.scss */
      .humanlist li {
        width: 100%;
        min-height: 56px;
        margin-bottom: 10px; } }
    /* line 1295, about.scss */
    .humanlist li.icon_nurturing::before {
      position: absolute;
      width: 71px;
      content: "";
      background-repeat: no-repeat;
      background-position: left top;
      background-size: cover;
      z-index: 0;
      pointer-events: none; }
    @media screen and (max-width: 800px) {
      /* line 1306, about.scss */
      .humanlist li.icon_nurturing.gaimu::before {
        height: 69px;
        top: -50px;
        left: -25px;
        background-image: url("../img/icon_nurturing01.svg"); } }
    /* line 1316, about.scss */
    .humanlist li.icon_nurturing.java::before {
      height: 69px;
      top: -69px;
      left: 35px;
      background-image: url("../img/icon_nurturing01.svg"); }
      @media screen and (max-width: 800px) {
        /* line 1316, about.scss */
        .humanlist li.icon_nurturing.java::before {
          display: none; } }
    /* line 1327, about.scss */
    .humanlist li.icon_nurturing.tutor::before {
      height: 62px;
      top: -15px;
      left: 130px;
      background-image: url("../img/icon_nurturing02.svg"); }
      @media screen and (max-width: 800px) {
        /* line 1327, about.scss */
        .humanlist li.icon_nurturing.tutor::before {
          top: 13px;
          left: auto;
          right: -25px; } }
    /* line 1340, about.scss */
    .humanlist li.icon_nurturing.trainee::before {
      height: 56px;
      top: -56px;
      left: 125px;
      background-image: url("../img/icon_nurturing03.svg"); }
      @media screen and (max-width: 800px) {
        /* line 1340, about.scss */
        .humanlist li.icon_nurturing.trainee::before {
          top: -35px;
          left: -25px; } }
  /* line 1353, about.scss */
  .humanlist.humanlist01 {
    padding-top: 115px; }
    @media screen and (max-width: 800px) {
      /* line 1353, about.scss */
      .humanlist.humanlist01 {
        padding-top: 0; } }
    /* line 1359, about.scss */
    .humanlist.humanlist01 li:nth-child(1) {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%); }
      @media screen and (max-width: 800px) {
        /* line 1359, about.scss */
        .humanlist.humanlist01 li:nth-child(1) {
          position: relative;
          left: auto;
          top: auto;
          transform: none; } }

/* line 1375, about.scss */
.haizoku-content {
  position: relative;
  max-width: 512px;
  margin: 0 auto 95px;
  z-index: 0; }
  @media screen and (max-width: 800px) {
    /* line 1375, about.scss */
    .haizoku-content {
      max-width: inherit;
      margin-bottom: 55px;
      padding: 0 25px; } }
  /* line 1385, about.scss */
  .haizoku-content p {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 288px;
    min-height: 288px;
    color: #202124;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    background-image: url("../img/arrow_d_pink.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: -35px auto;
    padding: 95px 0; }
    @media screen and (max-width: 800px) {
      /* line 1385, about.scss */
      .haizoku-content p {
        max-width: inherit;
        min-height: inherit;
        background-size: 192px 192px;
        margin: 20px auto -20px;
        padding: 55px 0; } }

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