@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&family=Oswald:wght@500&display=swap");
@media only screen and (max-width: 768px) {
  .u-sp_none {
    display: none !important; } }

@media print, screen and (min-width: 769px) {
  .u-pc_none {
    display: none !important; } }

.page-develop {
  font-family: "Noto Sans", sans-serif; }
  .page-develop-mv {
    position: relative; }
    .page-develop-mv::after {
      content: "";
      background: #F2FAF6;
      width: 100%;
      height: 900px;
      top: 4.1666666667vw;
      left: 0;
      position: absolute;
      z-index: 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-mv::after {
          top: 140px; } }
      @media print, screen and (max-width: 835px) {
        .page-develop-mv::after {
          height: 60%; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv::after {
      height: 70%; } }

    .page-develop-mv__inner {
      max-width: 100%;
      width: 100%;
      margin: auto;
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        .page-develop-mv__inner {
          height: auto; } }
      .page-develop-mv__inner__block {
        max-width: 1080px;
        width: 100%;
        margin: auto;
        position: relative; }
        @media only screen and (max-width: 768px) {
          .page-develop-mv__inner__block {
            height: auto; } }
      .page-develop-mv__inner__figure {
        max-width: 1080px;
        width: 100%;
        margin: auto; }
        .page-develop-mv__inner__figure img {
          width: 100%; }
        @media print, screen and (max-width: 1194px) {
          .page-develop-mv__inner__figure {
            padding: 0 0 0 20px; } }
  @media only screen and (max-width: 1194px) and (max-width: 768px) {
    .page-develop-mv__inner__figure {
      width: 100%;
      height: auto;
      position: relative; } }

      .page-develop-mv__inner__textBox {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2; }
        @media print, screen and (max-width: 1194px) {
          .page-develop-mv__inner__textBox {
            left: 20px; } }
        @media only screen and (max-width: 768px) {
          .page-develop-mv__inner__textBox {
            position: relative;
            left: auto;
            top: auto;
            transform: none;
            padding: 7.6923076923vw 5.1282051282vw; } }
        .page-develop-mv__inner__textBox__title span {
          font-family: "Noto Sans", sans-serif;
          font-size: 40px;
          font-weight: 700;
          color: #000;
          position: relative;
          line-height: 1; }
          @media print, screen and (max-width: 835px) {
            .page-develop-mv__inner__textBox__title span {
              font-size: 30px; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__title span {
      font-size: 8.2051282051vw; } }

          .page-develop-mv__inner__textBox__title span:first-child {
            padding: 0 80px 0 0; }
            @media print, screen and (max-width: 835px) {
              .page-develop-mv__inner__textBox__title span:first-child {
                padding: 0 50px 0 0; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__title span:first-child {
      padding: 0 15.3846153846vw 0 0; } }

            .page-develop-mv__inner__textBox__title span:first-child::after {
              content: "";
              background: url("../img/img_cross.svg") center/contain no-repeat;
              width: 60px;
              height: 60px;
              position: absolute;
              top: 0;
              right: 0; }
              @media print, screen and (max-width: 835px) {
                .page-develop-mv__inner__textBox__title span:first-child::after {
                  width: 40px;
                  height: 40px; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__title span:first-child::after {
      width: 10.2564102564vw;
      height: 10.2564102564vw; } }

          .page-develop-mv__inner__textBox__title span:last-child {
            padding: 25px 0 0 30px; }
            @media print, screen and (max-width: 835px) {
              .page-develop-mv__inner__textBox__title span:last-child {
                padding: 25px 0 0 20px; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__title span:last-child {
      padding: 0 0 0 5.1282051282vw; } }

        .page-develop-mv__inner__textBox__logo {
          width: 460px;
          margin: 30px 0 0 0; }
          .page-develop-mv__inner__textBox__logo img {
            width: 100%;
            height: auto; }
          @media print, screen and (max-width: 835px) {
            .page-develop-mv__inner__textBox__logo {
              width: 300px;
              margin: 20px 0 0 0; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__logo {
      width: 100%;
      margin: 5.1282051282vw 0 0 0; } }

        .page-develop-mv__inner__textBox__project {
          position: relative;
          margin: 30px 0 0 0; }
          @media only screen and (max-width: 768px) {
            .page-develop-mv__inner__textBox__project {
              margin: 7.6923076923vw 0 0 0; } }
          .page-develop-mv__inner__textBox__project span {
            display: inline-block;
            font-family: "Oswald", sans-serif;
            color: #fff;
            font-size: 25px;
            font-weight: 500;
            padding: 0 25px;
            background: #000;
            position: relative;
            z-index: 2; }
            @media print, screen and (max-width: 835px) {
              .page-develop-mv__inner__textBox__project span {
                font-size: 20px; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__project span {
      font-size: 5.641025641vw;
      padding: 0 5.1282051282vw; } }

          .page-develop-mv__inner__textBox__project::after {
            content: "";
            width: 93%;
            height: 2px;
            background: #000;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            z-index: 1; }
        .page-develop-mv__inner__textBox__crosstalk span {
          font-size: 80px;
          font-weight: 500;
          color: #000;
          font-family: "Oswald", sans-serif;
          text-shadow: 5px 3px 0px white; }
          @media print, screen and (max-width: 835px) {
            .page-develop-mv__inner__textBox__crosstalk span {
              font-size: 60px; } }
  @media only screen and (max-width: 835px) and (max-width: 768px) {
    .page-develop-mv__inner__textBox__crosstalk span {
      font-size: 17.9487179487vw;
      text-shadow: 1.2820512821vw 0.7692307692vw 0px white; } }

  .page-develop-inner {
    max-width: 1000px;
    margin: auto; }
    @media print, screen and (max-width: 1194px) {
      .page-develop-inner {
        padding: 0 20px; } }
  @media only screen and (max-width: 1194px) and (max-width: 768px) {
    .page-develop-inner {
      max-width: 100%;
      padding: 0 5.1282051282vw; } }

  .page-develop-main {
    text-align: center;
    padding: 4.6875vw 0 7.8125vw;
    position: relative;
    background: #F2FAF6;
    z-index: 10; }
    @media print, screen and (min-width: 1920px) {
      .page-develop-main {
        padding: 90px 0 150px; } }
    @media only screen and (max-width: 768px) {
      .page-develop-main {
        padding: 12.8205128205vw 5.1282051282vw 25.641025641vw; } }
    .page-develop-main::before, .page-develop-main::after {
      content: "";
      border-top: 9.375vw solid #fff;
      transform: rotate(180deg);
      position: absolute;
      bottom: 0;
      box-sizing: border-box; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-main::before, .page-develop-main::after {
          border-top: 180px solid #fff; } }
      @media only screen and (max-width: 768px) {
        .page-develop-main::before, .page-develop-main::after {
          border-top: 15.3846153846vw solid #fff; } }
    .page-develop-main::before {
      left: 0;
      border-left: 50vw solid transparent; }
    .page-develop-main::after {
      right: 0;
      border-right: 50vw solid transparent; }
    .page-develop-main__logo {
      max-width: 42.7083333333vw;
      margin: auto; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-main__logo {
          max-width: 820px; } }
      @media only screen and (max-width: 768px) {
        .page-develop-main__logo {
          max-width: 100%; } }
    .page-develop-main__catch {
      -webkit-transform: skew(-25deg);
      transform: skew(-25deg);
      background: #000;
      text-align: center;
      width: 52.0833333333vw;
      margin: 1.5625vw auto 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-main__catch {
          width: 1000px;
          margin: 30px auto 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-main__catch {
          width: 90%;
          margin: 7.6923076923vw auto 0; } }
      .page-develop-main__catch span {
        -webkit-transform: skew(25deg);
        transform: skew(25deg);
        color: #fff;
        font-size: 2.6041666667vw;
        font-family: "Noto Sans", sans-serif;
        display: block;
        font-weight: 700; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-main__catch span {
            font-size: 50px; } }
        @media only screen and (max-width: 768px) {
          .page-develop-main__catch span {
            font-size: 5.1282051282vw;
            padding: 1.2820512821vw 0; } }
    .page-develop-main__subcatch {
      font-size: 2.34375vw;
      font-family: "Noto Sans", sans-serif;
      color: #000;
      font-weight: 700;
      margin: 1.3020833333vw auto 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-main__subcatch {
          font-size: 43px;
          margin: 25px auto 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-main__subcatch {
          font-size: 5.1282051282vw;
          margin: 5.1282051282vw auto 0; } }
    .page-develop-main__text {
      font-size: 1.5625vw;
      line-height: 2;
      font-family: "Noto Sans", sans-serif;
      font-weight: 400;
      margin: 2.0833333333vw auto 0;
      color: #000; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-main__text {
          font-size: 26px;
          margin: 40px auto 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-main__text {
          font-size: 4.1025641026vw;
          margin: 5.1282051282vw auto 0;
          text-align: left; } }
  .page-develop-member {
    padding: 5.2083333333vw 0; }
    @media print, screen and (min-width: 1920px) {
      .page-develop-member {
        padding: 100px 0; } }
    @media only screen and (max-width: 768px) {
      .page-develop-member {
        padding: 7.6923076923vw 0; } }
    .page-develop-member__title {
      font-size: 3.6458333333vw;
      text-align: center;
      font-family: "Oswald", sans-serif; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-member__title {
          font-size: 70px; } }
      @media only screen and (max-width: 768px) {
        .page-develop-member__title {
          font-size: 10.2564102564vw; } }
    .page-develop-member__box {
      margin: 60px 0 0 0; }
      @media only screen and (max-width: 768px) {
        .page-develop-member__box {
          margin: 7.6923076923vw 0 0 0; } }
      .page-develop-member__box__info {
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          .page-develop-member__box__info {
            flex-direction: column; } }
        .page-develop-member__box__info__logo {
          width: 20%;
          padding: 0 2.6041666667vw 0 0; }
          @media only screen and (max-width: 768px) {
            .page-develop-member__box__info__logo {
              width: 50%;
              padding: 0 0 2.5641025641vw 0; } }
        .page-develop-member__box__info__text {
          padding: 0 0 0 2.6041666667vw;
          border-left: 1px solid #000; }
          @media only screen and (max-width: 768px) {
            .page-develop-member__box__info__text {
              border-left: none;
              border-top: 1px solid #000;
              padding: 2.5641025641vw 0 0 0; } }
          .page-develop-member__box__info__text__company {
            font-size: 1.3541666667vw;
            font-weight: 500;
            line-height: 1;
            font-family: "Noto Sans", sans-serif; }
            @media print, screen and (min-width: 1920px) {
              .page-develop-member__box__info__text__company {
                font-size: 24px; } }
            @media only screen and (max-width: 768px) {
              .page-develop-member__box__info__text__company {
                font-size: 5.1282051282vw;
                text-align: center;
                line-height: 1.5; } }
            .page-develop-member__box__info__text__company span {
              font-size: 1.1458333333vw;
              margin: 0 0 0 10px;
              font-family: "Noto Sans", sans-serif; }
              @media print, screen and (min-width: 1920px) {
                .page-develop-member__box__info__text__company span {
                  font-size: 20px; } }
              @media only screen and (max-width: 768px) {
                .page-develop-member__box__info__text__company span {
                  font-size: 3.5897435897vw;
                  display: block;
                  margin: 0; } }
          .page-develop-member__box__info__text__desc {
            font-size: 1.1458333333vw;
            line-height: 1.5;
            font-family: "Noto Sans", sans-serif;
            font-weight: 400;
            margin: 0.5208333333vw 0 0 0; }
            @media print, screen and (min-width: 1920px) {
              .page-develop-member__box__info__text__desc {
                font-size: 18px; } }
            @media only screen and (max-width: 768px) {
              .page-develop-member__box__info__text__desc {
                font-size: 3.5897435897vw;
                margin: 2.5641025641vw 0 0 0; } }
    .page-develop-member__list {
      display: flex;
      margin: 1.8229166667vw 0 0 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-member__list {
          margin: 35px 0 0 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-member__list {
          flex-direction: column;
          margin: 7.6923076923vw 0 0 0; } }
      .page-develop-member__list__item {
        width: 30%;
        margin: 0 2.0833333333vw 0 0;
        list-style-type: none;
        text-align: center; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-member__list__item {
            margin: 0 40px 0 0; } }
        @media only screen and (max-width: 768px) {
          .page-develop-member__list__item {
            width: 100%;
            margin: 0 0 5.1282051282vw 0; } }
        .page-develop-member__list__item:last-child {
          margin: 0; }
        .page-develop-member__list__item__name {
          font-size: 1.25vw;
          font-family: "Noto Sans", sans-serif;
          font-weight: 500;
          color: #000;
          line-height: 1.3;
          margin: 0.5208333333vw 0 0 0; }
          @media print, screen and (min-width: 1920px) {
            .page-develop-member__list__item__name {
              font-size: 24px;
              margin: 10px 0 0 0; } }
          @media only screen and (max-width: 768px) {
            .page-develop-member__list__item__name {
              font-size: 4.1025641026vw;
              margin: 2.5641025641vw 0 0 0; } }
          .page-develop-member__list__item__name span {
            font-size: 0.9375vw;
            font-weight: 400;
            display: block; }
            @media print, screen and (min-width: 1920px) {
              .page-develop-member__list__item__name span {
                font-size: 18px; } }
            @media only screen and (max-width: 768px) {
              .page-develop-member__list__item__name span {
                font-size: 3.5897435897vw; } }
  .page-develop-article {
    background: #FAFAFA;
    padding: 4.6875vw 0; }
    @media print, screen and (min-width: 1920px) {
      .page-develop-article {
        padding: 90px 0; } }
    @media only screen and (max-width: 768px) {
      .page-develop-article {
        padding: 12.8205128205vw 0; } }
    .page-develop-article__box {
      margin: 0 0 4.1666666667vw 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-article__box {
          margin: 0 0 80px 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-article__box {
          margin: 0 0 12.8205128205vw 0; } }
      .page-develop-article__box:last-child {
        margin: 0; }
      .page-develop-article__box__head {
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 768px) {
          .page-develop-article__box__head {
            flex-direction: column; } }
        .page-develop-article__box__head__num {
          font-size: 7.8125vw;
          font-family: "Oswald", sans-serif;
          color: rgba(0, 119, 81, 0.2);
          width: auto;
          line-height: 1; }
          @media print, screen and (min-width: 1920px) {
            .page-develop-article__box__head__num {
              font-size: 130px; } }
          @media only screen and (max-width: 768px) {
            .page-develop-article__box__head__num {
              font-size: 17.9487179487vw; } }
        .page-develop-article__box__head__title {
          width: auto;
          margin: 0 0 0 30px; }
          @media only screen and (max-width: 768px) {
            .page-develop-article__box__head__title {
              margin: 0;
              text-align: center; } }
          .page-develop-article__box__head__title__sub {
            display: inline-block;
            background: #007751;
            font-size: 0.9375vw;
            font-family: "Noto Sans", sans-serif;
            color: #fff;
            padding: 0.2604166667vw 0.5208333333vw; }
            @media print, screen and (min-width: 1920px) {
              .page-develop-article__box__head__title__sub {
                font-size: 16px;
                padding: 5px 10px; } }
            @media only screen and (max-width: 768px) {
              .page-develop-article__box__head__title__sub {
                font-size: 3.5897435897vw;
                padding: 1.2820512821vw 2.5641025641vw;
                margin: 2.5641025641vw auto 0; } }
          .page-develop-article__box__head__title__text {
            font-size: 2.0833333333vw;
            font-family: "Noto Sans", sans-serif;
            line-height: 1.5;
            color: #007751;
            font-weight: 700;
            margin: 0.2604166667vw 0 0 0; }
            @media print, screen and (min-width: 1920px) {
              .page-develop-article__box__head__title__text {
                font-size: 30px;
                padding: 5px 0 0 0; } }
            @media only screen and (max-width: 768px) {
              .page-develop-article__box__head__title__text {
                font-size: 4.6153846154vw;
                margin: 2.5641025641vw 0 0 0; } }
    .page-develop-article__q {
      font-size: 1.25vw;
      font-family: "Noto Sans", sans-serif;
      padding: 0 0 0 3.125vw;
      color: #000;
      position: relative;
      font-weight: 500;
      margin: 1.5625vw 0 0 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-article__q {
          font-size: 20px;
          padding: 0 0 0 60px;
          margin: 30px 0 0 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-article__q {
          font-size: 3.8461538462vw;
          padding: 0 0 0 14.1025641026vw;
          margin: 5.1282051282vw 0 0 0; } }
      .page-develop-article__q::before {
        content: "";
        width: 2.6041666667vw;
        height: 1px;
        background: #007751;
        position: absolute;
        left: 0;
        top: 0.78125vw; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-article__q::before {
            width: 50px; } }
        @media only screen and (max-width: 768px) {
          .page-develop-article__q::before {
            width: 11.5384615385vw;
            top: 2.5641025641vw;
            transform: none; } }
    .page-develop-article__a {
      display: flex;
      margin: 1.5625vw 0 0 0; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-article__a {
          margin: 30px 0 0 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-article__a {
          margin: 5.1282051282vw 0 0 0; } }
      .page-develop-article__a__name {
        font-size: 1.25vw;
        font-family: "Noto Sans", sans-serif;
        width: 6%;
        color: #007751;
        font-weight: 700;
        line-height: 1.75; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-article__a__name {
            font-size: 20px;
            width: 60px; } }
        @media only screen and (max-width: 768px) {
          .page-develop-article__a__name {
            font-size: 3.8461538462vw;
            width: 15.3846153846vw; } }
      .page-develop-article__a__text {
        width: 94%;
        font-size: 1.25vw;
        font-weight: 400;
        font-family: "Noto Sans", sans-serif;
        line-height: 1.75; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-article__a__text {
            font-size: 20px;
            width: 930px; } }
        @media only screen and (max-width: 768px) {
          .page-develop-article__a__text {
            font-size: 4.1025641026vw;
            width: 90%; } }
    .page-develop-article__figure {
      margin: 1.5625vw 0 0 0;
      text-align: center; }
      @media print, screen and (min-width: 1920px) {
        .page-develop-article__figure {
          margin: 30px 0 0 0; } }
      @media only screen and (max-width: 768px) {
        .page-develop-article__figure {
          margin: 5.1282051282vw 0 0 0; } }
      .page-develop-article__figure img {
        margin: 0 0 1.0416666667vw 0; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-article__figure img {
            margin: 0 0 20px 0; } }
        .page-develop-article__figure img:last-child {
          margin: 0; }
      .page-develop-article__figure-column {
        display: flex; }
        @media only screen and (max-width: 768px) {
          .page-develop-article__figure-column {
            flex-direction: column; } }
      .page-develop-article__figure figure {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 768px) {
          .page-develop-article__figure figure {
            width: 100%;
            margin: 0 0 5.1282051282vw 0; } }
        .page-develop-article__figure figure img {
          margin: 0 0 10px 0; }
      .page-develop-article__figure figcaption {
        font-size: 0.9375vw;
        font-family: "Noto Sans", sans-serif;
        text-align: center; }
        @media print, screen and (min-width: 1920px) {
          .page-develop-article__figure figcaption {
            font-size: 16px; } }
        @media only screen and (max-width: 768px) {
          .page-develop-article__figure figcaption {
            font-size: 3.5897435897vw; } }
  .page-develop-button {
    background: #007751;
    border-radius: 3.125vw;
    color: #fff;
    font-size: 1.4583333333vw;
    font-weight: 700;
    width: 33.8541666667vw;
    height: 6.25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Noto Sans", sans-serif;
    margin: auto;
    position: relative;
    transition: .3s ease-in-out; }
    @media print, screen and (min-width: 1920px) {
      .page-develop-button {
        border-radius: 60px;
        font-size: 28px;
        width: 650px;
        height: 120px; } }
    @media only screen and (max-width: 768px) {
      .page-develop-button {
        width: 100%;
        height: 17.9487179487vw;
        font-size: 4.6153846154vw;
        border-radius: 15.3846153846vw; } }
    .page-develop-button::after {
      content: "";
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">  <g transform="translate(-1160 -10091)"><circle cx="40" cy="40" r="40" transform="translate(1160 10091)" fill="%23ffd556"/><g transform="translate(1180.5 10111.5)"><path d="M7.5,18h25" transform="translate(0 2)" fill="none" stroke="%23006c49" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/><path d="M18,7.5,30.507,20,18,32.5" transform="translate(1.993 0)" fill="none" stroke="%23006c49" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/></g></g></svg>') center/contain no-repeat;
      width: 4.1666666667vw;
      height: 4.1666666667vw;
      position: absolute;
      right: 1.0416666667vw;
      top: 50%;
      transform: translateY(-50%); }
      @media print, screen and (min-width: 1920px) {
        .page-develop-button::after {
          width: 80px;
          height: 80px;
          right: 20px; } }
      @media only screen and (max-width: 768px) {
        .page-develop-button::after {
          width: 7.6923076923vw;
          height: 7.6923076923vw;
          right: 2.5641025641vw; } }
    .page-develop-button:hover {
      background: #00452E; }