@charset "UTF-8";
body.lp-page {
  padding-top: 0;
  color: #404040; }

.lp-page__mainvisual-cvbnr {
  margin-top: -50px; }
  .lp-page__mainvisual-cvbnr > div {
    border-radius: 10px;
    background: #fff0e6;
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 50px 0px 38px; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual-cvbnr > div {
        width: 90%;
        padding: 14px 24px 32px;
        margin: auto; } }
    .lp-page__mainvisual-cvbnr > div:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      border-radius: 10px;
      border: 2px solid #f4733b; }
    .lp-page__mainvisual-cvbnr > div > div {
      position: relative;
      z-index: 1; }
      .lp-page__mainvisual-cvbnr > div > div h4 {
        padding-left: 70px;
        padding-right: 180px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual-cvbnr > div > div h4 {
            padding: 0; } }
        .lp-page__mainvisual-cvbnr > div > div h4 span {
          font-size: 28px;
          font-weight: bold;
          letter-spacing: 0.08em;
          position: relative;
          z-index: 1;
          color: #fff;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .lp-page__mainvisual-cvbnr > div > div h4 span {
              color: #f4733b;
              font-size: 18px;
              line-height: 1.4; } }
        .lp-page__mainvisual-cvbnr > div > div h4 svg {
          position: absolute;
          left: -10px;
          top: 0;
          width: 89%;
          z-index: 0;
          height: auto; }
          @media only screen and (max-width: 767px) {
            .lp-page__mainvisual-cvbnr > div > div h4 svg {
              width: 100%;
              display: none; } }
      .lp-page__mainvisual-cvbnr > div > div > div {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0 70px;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual-cvbnr > div > div > div {
            padding: 0; } }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual-cvbnr > div > div > div > div {
            width: 100%; } }
        .lp-page__mainvisual-cvbnr > div > div > div > div:nth-child(2) a {
          display: block;
          background: #f4733b;
          border-radius: 10px;
          color: #fff;
          font-size: 20px;
          font-weight: bold;
          padding: 30px 50px;
          margin-top: 20px; }
          @media only screen and (max-width: 767px) {
            .lp-page__mainvisual-cvbnr > div > div > div > div:nth-child(2) a {
              width: 100%;
              padding: 16px 20px;
              font-size: 15px;
              text-align: center; } }
          .lp-page__mainvisual-cvbnr > div > div > div > div:nth-child(2) a span,
          .lp-page__mainvisual-cvbnr > div > div > div > div:nth-child(2) a svg {
            display: inline-block;
            vertical-align: middle; }
      .lp-page__mainvisual-cvbnr > div > div strong,
      .lp-page__mainvisual-cvbnr > div > div p {
        display: block; }
      .lp-page__mainvisual-cvbnr > div > div strong {
        font-size: 18px;
        font-weight: bold;
        color: #f4733b;
        margin-top: 24px; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual-cvbnr > div > div strong {
            font-size: 14px;
            font-weight: normal;
            line-height: 1.8;
            margin-top: 0; } }
      .lp-page__mainvisual-cvbnr > div > div p {
        font-weight: bold;
        color: #404040;
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 1.533333333;
        margin-top: 16px; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual-cvbnr > div > div p {
            margin-top: 12px;
            padding-left: 0;
            font-size: 12px;
            margin-top: 16px;
            font-weight: normal; } }
.lp-page sub {
  vertical-align: sub;
  font-size: smaller;
  position: relative;
  top: -2px; }
.lp-page__mainvisual {
  height: 100vh;
  background: #eeeeee;
  width: 100%;
  position: relative;
  min-height: 800px;
  background-size: cover;
  background-position: center center; }
  @media only screen and (max-width: 767px) {
    .lp-page__mainvisual {
      height: 560px;
      min-height: 0; } }
  @media only screen and (max-width: 767px) {
    .lp-page__mainvisual__gas {
      height: 650px;
      margin-bottom: 300px; } }
  .lp-page__mainvisual__link {
    position: absolute;
    right: 100px;
    bottom: 30px;
    width: 500px;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual__link {
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -289px; } }
    .lp-page__mainvisual__link > div a {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); }
      .lp-page__mainvisual__link > div a > div:nth-child(1) {
        width: 32%;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual__link > div a > div:nth-child(1) {
            width: 100%; } }
        .lp-page__mainvisual__link > div a > div:nth-child(1) span {
          position: absolute;
          left: 0;
          bottom: 0;
          text-decoration: underline;
          color: #01a4fb; }
      .lp-page__mainvisual__link > div a > div:nth-child(2) {
        width: 60%;
        font-size: 12px; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual__link > div a > div:nth-child(2) {
            width: 100%;
            padding-top: 12px; } }
        .lp-page__mainvisual__link > div a > div:nth-child(2) em {
          color: #01a4fb;
          font-weight: bold; }
        .lp-page__mainvisual__link > div a > div:nth-child(2) span {
          text-decoration: underline;
          color: #01a4fb; }
  .lp-page__mainvisual--png {
    width: calc(100% - 90px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 1200px;
    left: 50%; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual--png {
        position: static;
        display: block;
        transform: none;
        width: 100%;
        padding-top: 70px; }
        .lp-page__mainvisual--png img {
          width: 100% !important; } }
    .lp-page__mainvisual--png img {
      display: block;
      width: calc(100% - 60px);
      margin: auto; }
  .lp-page__mainvisual--white .lp-page__mainvisual--catch h2 {
    color: #fff; }
  .lp-page__mainvisual--white .lp-page__mainvisual--catch h3 > strong,
  .lp-page__mainvisual--white .lp-page__mainvisual--catch h3 > small {
    color: #fff; }
  .lp-page__mainvisual--blackover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.52);
    z-index: 0; }
  .lp-page__mainvisual--blackover .lp-page__mainvisual--catch h2 strong,
  .lp-page__mainvisual--blackover .lp-page__mainvisual--catch h2 em {
    color: #55c4ff; }
  .lp-page__mainvisual--header {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    padding-left: 30px;
    padding-top: 10px; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual--header {
        padding: 16px; } }
    .lp-page__mainvisual--header h1 {
      font-size: 10px;
      color: #666666;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--header h1 {
          display: none; } }
      .lp-page__mainvisual--header h1.white {
        color: #fff; }
    .lp-page__mainvisual--header a {
      display: block;
      width: 320px;
      margin-top: 18px; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--header a {
          width: 180px;
          margin-top: 0; } }
      .lp-page__mainvisual--header a img {
        width: 100%; }
  .lp-page__mainvisual__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%; }
    .lp-page__mainvisual__row > div {
      width: 50%;
      height: 100%;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual__row > div {
          width: 100%;
          height: auto; } }
      .lp-page__mainvisual__row > div:nth-child(1) svg {
        width: 80%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .lp-page__mainvisual__row > div:nth-child(2) {
        padding-right: 80px; }
        .lp-page__mainvisual__row > div:nth-child(2) img {
          height: 75%;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: auto; }
          @media only screen and (max-width: 1200px) {
            .lp-page__mainvisual__row > div:nth-child(2) img {
              height: 58%; } }
          @media only screen and (max-width: 920px) {
            .lp-page__mainvisual__row > div:nth-child(2) img {
              height: 55%; } }
  .lp-page__mainvisual--catch {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding-left: 100px; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual--catch {
        padding-left: 0;
        text-align: center; } }
    .lp-page__mainvisual--catch br.middle {
      display: none; }
      @media only screen and (max-width: 1160px) {
        .lp-page__mainvisual--catch br.middle {
          display: block; } }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--catch br.middle {
          display: none; } }
    .lp-page__mainvisual--catch h2 {
      letter-spacing: 0.1em;
      color: #404040;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.2; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--catch h2 {
          font-size: 20px; } }
      .lp-page__mainvisual--catch h2 > strong {
        font-size: 64px;
        letter-spacing: 0;
        color: #2995ce;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -13px;
        margin: 0 6px;
        font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual--catch h2 > strong {
            font-size: 42px;
            top: -6px; } }
      .lp-page__mainvisual--catch h2 > em {
        font-size: 40px;
        color: #2995ce;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -7px; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual--catch h2 > em {
            font-size: 24px;
            top: -2px; } }
    .lp-page__mainvisual--catch h3 {
      margin-top: 40px; }
      .lp-page__mainvisual--catch h3 > small {
        display: block;
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 1.6;
        color: #226c9a; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual--catch h3 > small {
            font-size: 14px; } }
      .lp-page__mainvisual--catch h3 > strong {
        display: block;
        font-size: 17px;
        letter-spacing: 0.1em;
        font-weight: bold;
        margin-top: 6px;
        color: #226c9a; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual--catch h3 > strong {
            font-size: 15px; } }
  .lp-page__mainvisual--btn {
    width: 400px;
    position: absolute;
    left: 50px;
    bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual--btn {
        width: 100%;
        left: 0;
        bottom: 30px; } }
    .lp-page__mainvisual--btn > a {
      display: block;
      width: 100%;
      background: #2995ce;
      border: 1px solid #fff;
      padding: 26px 0 22px;
      position: relative;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 0 10px rgba(77, 169, 217, 0.5); }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--btn > a {
          width: 90%;
          margin: auto;
          padding: 20px 0 17px; } }
      .lp-page__mainvisual--btn > a > small {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        text-align: center;
        top: -20px;
        background: #fff;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        color: #2995ce;
        border-radius: 30px;
        border: 1px solid #2995cf;
        padding: 6px 0; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual--btn > a > small {
            font-size: 12px; } }
      .lp-page__mainvisual--btn > a > span {
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .lp-page__mainvisual--btn > a > span {
            font-size: 18px; } }
      .lp-page__mainvisual--btn > a > em {
        position: absolute;
        right: 23px;
        top: 0;
        bottom: 0;
        width: 25px;
        height: 25px;
        background: #fff;
        border-radius: 25px;
        margin: auto; }
        .lp-page__mainvisual--btn > a > em svg {
          position: absolute;
          width: 12px;
          height: 6px;
          left: 50%;
          top: 53%;
          transform: translate(-50%, -50%); }
  @media only screen and (max-width: 767px) {
    .lp-page__mainvisual--datatrace {
      height: auto;
      padding-bottom: 80px; }
      .lp-page__mainvisual--datatrace .lp-page__mainvisual__row > div:nth-child(1) {
        order: 2;
        padding: 0; }
        .lp-page__mainvisual--datatrace .lp-page__mainvisual__row > div:nth-child(1) svg {
          position: static;
          transform: translate(0);
          width: 90%;
          height: auto;
          display: block;
          margin: auto;
          margin-top: 60px; }
      .lp-page__mainvisual--datatrace .lp-page__mainvisual__row > div:nth-child(2) {
        order: 1;
        padding: 0; }
        .lp-page__mainvisual--datatrace .lp-page__mainvisual__row > div:nth-child(2) img {
          position: static;
          transform: translate(0);
          width: 90%;
          height: auto;
          display: block;
          margin: auto;
          margin-top: 60px; } }
  .lp-page__mainvisual__box {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 500px;
    right: 10%; }
    @media only screen and (max-width: 1374px) {
      .lp-page__mainvisual__box {
        right: 100px;
        width: 370px; } }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual__box {
        display: none; } }
    .lp-page__mainvisual__box > div:nth-child(1) {
      text-align: center;
      font-weight: bold;
      color: #fff;
      background: #2995cf;
      border-radius: 8px 8px 0 0;
      padding: 10px 0;
      font-size: 16px; }
    .lp-page__mainvisual__box > div:nth-child(2) {
      background: #fff;
      border-radius: 0 0 8px 8px;
      border-left: 2px solid #2995cf;
      border-right: 2px solid #2995cf;
      border-bottom: 2px solid #2995cf;
      padding: 12px 40px 24px; }
      @media only screen and (max-width: 1374px) {
        .lp-page__mainvisual__box > div:nth-child(2) {
          padding: 8px 20px 24px; } }
      .lp-page__mainvisual__box > div:nth-child(2) ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .lp-page__mainvisual__box > div:nth-child(2) ul li {
          width: 50%;
          font-weight: bold;
          color: #404040;
          margin: 8px 0;
          padding-left: 20px;
          position: relative; }
          @media only screen and (max-width: 1374px) {
            .lp-page__mainvisual__box > div:nth-child(2) ul li {
              padding-left: 12px;
              font-size: 14px; } }
          .lp-page__mainvisual__box > div:nth-child(2) ul li:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 10px;
            border-color: transparent transparent transparent #2995cf;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
            @media only screen and (max-width: 1374px) {
              .lp-page__mainvisual__box > div:nth-child(2) ul li:before {
                border-width: 3px 0 3px 6px; } }
      .lp-page__mainvisual__box > div:nth-child(2) a {
        display: block;
        width: 100%;
        background-color: #2995cf;
        color: #fff;
        margin-top: 12px;
        text-align: center;
        font-weight: bold;
        padding: 12px 0;
        border-radius: 10px;
        position: relative;
        font-size: 16px; }
        .lp-page__mainvisual__box > div:nth-child(2) a svg {
          position: absolute;
          right: 20px;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 24px;
          height: 24px; }
  .lp-page__mainvisual--inline {
    background: #0c347a;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .lp-page__mainvisual--inline {
        height: 650px;
        margin-bottom: 300px; } }
    .lp-page__mainvisual--inline:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-image: url(../images/lp/inline/main_bg.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 80%;
      height: 90%;
      mix-blend-mode: soft-light; }
    .lp-page__mainvisual--inline .lp-page__mainvisual__logo {
      position: absolute;
      right: 50px;
      bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--inline .lp-page__mainvisual__logo {
          display: none; } }
      .lp-page__mainvisual--inline .lp-page__mainvisual__logo img {
        width: 139px; }
    .lp-page__mainvisual--inline .lp-page__mainvisual__catch-img {
      position: absolute;
      right: 0;
      top: 43%;
      transform: translateY(-50%);
      width: 59%;
      padding-right: 100px; }
      .lp-page__mainvisual--inline .lp-page__mainvisual__catch-img img {
        width: 100%;
        display: block; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--inline .lp-page__mainvisual__catch-img {
          position: absolute;
          left: 50%;
          top: 27%;
          transform: translate(-50%, -50%);
          width: 96%;
          padding-right: 0; } }
    .lp-page__mainvisual--inline .lp-page__mainvisual--catch {
      top: 52%;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        .lp-page__mainvisual--inline .lp-page__mainvisual--catch {
          top: 59%; } }
      .lp-page__mainvisual--inline .lp-page__mainvisual--catch h2 {
        line-height: 1.6; }
        .lp-page__mainvisual--inline .lp-page__mainvisual--catch h2 em {
          color: #eb5a0d; }
        @media only screen and (min-width: 768px) {
          .lp-page__mainvisual--inline .lp-page__mainvisual--catch h2 em {
            vertical-align: bottom;
            display: inline-block;
            font-size: 71px;
            font-weight: bold;
            position: relative;
            top: 12px; }
            .lp-page__mainvisual--inline .lp-page__mainvisual--catch h2 em small {
              font-size: 40px;
              vertical-align: bottom;
              display: inline-block;
              position: relative;
              top: -9px;
              left: -8px; } }
      .lp-page__mainvisual--inline .lp-page__mainvisual--catch h3 {
        font-size: 20px;
        margin-top: 23px; }
        .lp-page__mainvisual--inline .lp-page__mainvisual--catch h3 b {
          font-weight: bold; }
.lp-page__worries {
  padding: 90px 0 130px;
  background-image: url(../images/lp/border.png);
  background-position: left center;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lp-page__worries {
      padding-bottom: 90px; } }
  .lp-page__worries:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 52px;
    width: 100%;
    background-image: url(../images/lp/bg.png);
    background-position: center top; }
  .lp-page__worries--inner {
    max-width: 1060px;
    padding: 0 30px;
    margin: auto;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .lp-page__worries--inner {
        padding: 0 15px; } }
    .lp-page__worries--inner__center {
      width: 470px;
      margin: auto;
      text-align: center; }
      .lp-page__worries--inner__center.h600 {
        height: 600px; }
        .lp-page__worries--inner__center.h600 > svg {
          margin-top: 128px !important; }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__center.h460 {
          height: 460px; }
          .lp-page__worries--inner__center.h460 > svg {
            margin-top: 128px !important; } }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__center {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__center h2 svg {
          width: 100%; } }
      .lp-page__worries--inner__center > svg {
        display: block;
        margin: auto;
        position: relative;
        left: 18px;
        margin-top: 18px; }
        @media only screen and (max-width: 767px) {
          .lp-page__worries--inner__center > svg {
            display: none; } }
    .lp-page__worries--inner__caps--row {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      top: 0; }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__caps--row {
          position: static; } }
    .lp-page__worries--inner__caps:nth-child(1) {
      position: absolute;
      left: 0;
      width: 50%;
      top: calc(50% + 60px);
      transform: translateY(-50%);
      padding-right: 150px; }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__caps:nth-child(1) {
          position: static;
          width: 100%;
          transform: none;
          padding: 0; } }
    .lp-page__worries--inner__caps:nth-child(2) {
      position: absolute;
      right: 0;
      width: 50%;
      top: calc(50% + 60px);
      transform: translateY(-50%);
      padding-left: 150px; }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__caps:nth-child(2) {
          position: static;
          width: 100%;
          transform: none;
          padding: 0; } }
    .lp-page__worries--inner__cap {
      text-align: left;
      background: #eff8ff;
      margin: 5px 0;
      padding: 26px 30px;
      padding-right: 50px;
      border-radius: 10px; }
      @media only screen and (max-width: 767px) {
        .lp-page__worries--inner__cap {
          padding: 16px;
          padding: 0; } }
      .lp-page__worries--inner__cap p {
        font-size: 15px;
        font-weight: bold;
        color: #2995ce;
        line-height: 1.733333333; }
        @media only screen and (max-width: 767px) {
          .lp-page__worries--inner__cap p {
            font-size: 13px;
            line-height: 1.4;
            padding: 14px; } }
.lp-page__solution {
  background: #f2faff;
  padding-bottom: 120px; }
  .lp-page__solution iframe {
    width: 100%;
    height: 560px;
    margin-top: 42px; }
  @media only screen and (max-width: 767px) {
    .lp-page__solution {
      padding-bottom: 60px; }
      .lp-page__solution iframe {
        height: 190px; } }
  .lp-page__solution__inner {
    max-width: 1060px;
    padding: 0 30px;
    margin: auto;
    position: relative;
    padding-top: 64px; }
    @media only screen and (max-width: 767px) {
      .lp-page__solution__inner {
        padding: 0 15px; } }
    .lp-page__solution__inner h2 > span {
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      display: block;
      background: #2995ce;
      max-width: 674px;
      margin: auto;
      text-align: center;
      padding: 14px 0;
      border-radius: 10px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .lp-page__solution__inner h2 > span {
          font-size: 15px; } }
      .lp-page__solution__inner h2 > span:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 6px 0 6px;
        border-color: #2995ce transparent transparent transparent;
        position: absolute;
        bottom: -8px;
        left: -330px;
        transform: rotate(-33deg);
        right: 0;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution__inner h2 > span:before {
            left: -200px; } }
    .lp-page__solution__inner h2 > small {
      display: block;
      text-align: center;
      margin-top: 16px; }
    .lp-page__solution__inner h2 > em {
      display: block;
      text-align: center;
      font-size: 34px;
      color: #404040;
      font-weight: bold;
      margin-top: 24px; }
      @media only screen and (max-width: 767px) {
        .lp-page__solution__inner h2 > em {
          font-size: 26px; } }
      .lp-page__solution__inner h2 > em strong {
        font-size: 42px;
        color: #2995ce; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution__inner h2 > em strong {
            font-size: 32px; } }
  .lp-page__solution--box {
    background: #fff;
    padding: 60px 80px;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(168, 207, 230, 0.3);
    margin-top: 40px; }
    @media only screen and (max-width: 767px) {
      .lp-page__solution--box {
        padding: 28px 24px; } }
    .lp-page__solution--box__row {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: center; }
      .lp-page__solution--box__row > div:nth-child(1) {
        width: 70.5445545%; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box__row > div:nth-child(1) {
            width: 100%; } }
        .lp-page__solution--box__row > div:nth-child(1) h3 {
          font-size: 24px;
          font-weight: bold;
          letter-spacing: 0.1em;
          color: #2995ce;
          padding-left: 17px;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .lp-page__solution--box__row > div:nth-child(1) h3 {
              font-size: 18px; } }
          .lp-page__solution--box__row > div:nth-child(1) h3:before {
            content: "";
            width: 3px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            background: #2995ce; }
        .lp-page__solution--box__row > div:nth-child(1) p {
          font-size: 15px;
          letter-spacing: 0.08em;
          line-height: 2;
          margin-top: 20px;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .lp-page__solution--box__row > div:nth-child(1) p {
              font-size: 13px; } }
          .lp-page__solution--box__row > div:nth-child(1) p em {
            color: #2995ce; }
      .lp-page__solution--box__row > div:nth-child(2) {
        width: 18.4090909%; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box__row > div:nth-child(2) {
            width: 100%; }
            .lp-page__solution--box__row > div:nth-child(2) img {
              display: block;
              width: 50%;
              margin: auto; } }
  .lp-page__solution--box02 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(168, 207, 230, 0.3);
    margin-top: 60px; }
    .lp-page__solution--box02 > figure {
      padding: 40px 50px 70px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      align-items: flex-start; }
      @media only screen and (max-width: 767px) {
        .lp-page__solution--box02 > figure {
          padding: 0; } }
      .lp-page__solution--box02 > figure > img {
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box02 > figure > img {
            width: 100%; } }
        .lp-page__solution--box02 > figure > img div {
          background-position: center center;
          background-size: cover;
          padding-top: 100%; }
      .lp-page__solution--box02 > figure figcaption {
        width: 55%;
        padding: 32px;
        font-size: 16px;
        line-height: 1.6; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box02 > figure figcaption {
            width: 100%;
            padding: 20px;
            font-size: 13px; } }
    .lp-page__solution--box02__row {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: center;
      padding: 60px 60px; }
      @media only screen and (max-width: 767px) {
        .lp-page__solution--box02__row {
          padding: 32px 15px; } }
      .lp-page__solution--box02__row > div {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box02__row > div {
            width: 100%;
            order: 2; } }
        .lp-page__solution--box02__row > div:nth-child(1) {
          text-align: center; }
          .lp-page__solution--box02__row > div:nth-child(1) svg {
            width: 280px;
            height: auto;
            filter: drop-shadow(0 0 30px rgba(168, 207, 230, 0.3));
            -webkit-filter: drop-shadow(0 0 30px rgba(168, 207, 230, 0.3)); }
            @media only screen and (max-width: 767px) {
              .lp-page__solution--box02__row > div:nth-child(1) svg {
                display: block;
                margin: auto;
                margin-top: 24px; } }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box02__row > div:nth-child(2) {
            width: 100%;
            order: 1; } }
        .lp-page__solution--box02__row > div:nth-child(2) h2 {
          font-size: 24px;
          letter-spacing: 0.1em;
          font-weight: bold;
          color: #2995ce;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .lp-page__solution--box02__row > div:nth-child(2) h2 {
              font-size: 18px; } }
          .lp-page__solution--box02__row > div:nth-child(2) h2 strong {
            display: inline-block;
            vertical-align: baseline;
            font-size: 38px;
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
        .lp-page__solution--box02__row > div:nth-child(2) p {
          font-size: 18px;
          letter-spacing: 0.05em;
          line-height: 1.2;
          margin-top: 30px;
          font-weight: bold; }
          .lp-page__solution--box02__row > div:nth-child(2) p span {
            display: inline-block;
            vertical-align: baseline;
            font-size: 24px;
            color: #f4733b; }
            @media only screen and (max-width: 767px) {
              .lp-page__solution--box02__row > div:nth-child(2) p span {
                padding-bottom: 28px; } }
            .lp-page__solution--box02__row > div:nth-child(2) p span strong {
              display: inline-block;
              vertical-align: baseline;
              font-size: 38px;
              font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
        .lp-page__solution--box02__row > div:nth-child(2) small {
          display: block;
          font-size: 14px;
          margin-top: 24px; }
  .lp-page__solution--box03 {
    padding-top: 45px; }
    @media only screen and (max-width: 767px) {
      .lp-page__solution--box03 {
        padding-top: 32px; } }
    .lp-page__solution--box03 > div {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 0 30px rgba(168, 207, 230, 0.3);
      overflow: hidden;
      position: relative;
      padding: 30px 0;
      margin-top: 15px; }
      .lp-page__solution--box03 > div > svg {
        position: absolute;
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        width: 120px;
        height: auto; }
      .lp-page__solution--box03 > div p {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0.05em;
        line-height: 1.888888889; }
        @media only screen and (max-width: 767px) {
          .lp-page__solution--box03 > div p {
            font-size: 15px;
            position: relative;
            z-index: 1;
            padding: 0 12px; } }
        .lp-page__solution--box03 > div p em {
          color: #f4733b; }
    .lp-page__solution--box03 > img {
      display: block;
      margin-top: 50px; }
.lp-page__strongpoints {
  background-image: url(../images/lp/border.svg);
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 120px; }
  @media only screen and (max-width: 767px) {
    .lp-page__strongpoints {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .lp-page__strongpoints__inner {
    max-width: 1060px;
    padding: 0 30px;
    margin: auto;
    position: relative;
    padding-top: 64px; }
    @media only screen and (max-width: 767px) {
      .lp-page__strongpoints__inner {
        padding: 0 15px; } }
  .lp-page__strongpoints__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center; }
    .lp-page__strongpoints__row > div:nth-child(1) {
      width: 56%;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .lp-page__strongpoints__row > div:nth-child(1) {
          width: 100%; } }
      .lp-page__strongpoints__row > div:nth-child(1) > svg {
        position: absolute;
        left: -55px;
        top: -40px;
        width: 98px;
        height: auto;
        display: block;
        z-index: 0; }
      .lp-page__strongpoints__row > div:nth-child(1) h3 {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.05em;
        line-height: 1.545454545;
        color: #2995ce;
        padding-top: 24px;
        position: relative;
        z-index: 1; }
      .lp-page__strongpoints__row > div:nth-child(1) p {
        font-size: 15px;
        line-height: 2.266666667;
        letter-spacing: 0.05em;
        margin-top: 28px; }
        .lp-page__strongpoints__row > div:nth-child(1) p strong {
          box-shadow: inset 0 -4px 0 0 #ffd6c4, 0 4px 0 0 #ffd6c4;
          font-weight: bold; }
    .lp-page__strongpoints__row > div:nth-child(2) {
      width: 44%; }
      @media only screen and (max-width: 767px) {
        .lp-page__strongpoints__row > div:nth-child(2) {
          display: none; } }
      .lp-page__strongpoints__row > div:nth-child(2) img {
        max-width: 122%; }
      .lp-page__strongpoints__row > div:nth-child(2) p {
        font-size: 15px;
        line-height: 2.266666667;
        letter-spacing: 0.05em;
        margin-top: 28px; }
        .lp-page__strongpoints__row > div:nth-child(2) p strong {
          box-shadow: inset 0 -4px 0 0 #ffd6c4, 0 4px 0 0 #ffd6c4;
          font-weight: bold; }
  .lp-page__strongpoints__button {
    margin-top: 80px; }
    .lp-page__strongpoints__button a {
      display: block;
      background: #f4733b;
      box-shadow: 0 0 15px rgba(245, 138, 91, 0.5);
      padding: 70px;
      border-radius: 10px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .lp-page__strongpoints__button a {
          padding: 20px; } }
      .lp-page__strongpoints__button a small {
        position: absolute;
        left: 80px;
        top: 50%;
        transform: translateY(-50%);
        color: #f87f4b;
        font-size: 120px;
        letter-spacing: 0.2em;
        font-weight: bold;
        z-index: 0; }
        @media only screen and (max-width: 767px) {
          .lp-page__strongpoints__button a small {
            font-size: 26px;
            line-height: 1.4; } }
      .lp-page__strongpoints__button a span {
        position: relative;
        font-size: 28px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 0.08em; }
        @media only screen and (max-width: 767px) {
          .lp-page__strongpoints__button a span {
            font-size: 18px;
            line-height: 1.4; } }
      .lp-page__strongpoints__button a svg {
        position: absolute;
        right: 80px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 70px;
        height: 70px; }
        @media only screen and (max-width: 767px) {
          .lp-page__strongpoints__button a svg {
            width: 50px;
            height: 50px;
            right: 28px; } }
  .lp-page__strongpoints__diff {
    position: relative;
    margin-top: 150px; }
    @media only screen and (max-width: 767px) {
      .lp-page__strongpoints__diff {
        margin-top: 60px; } }
    .lp-page__strongpoints__diff > strong {
      position: absolute;
      display: inline-block;
      font-weight: bold;
      font-size: 24px;
      color: #2995ce;
      letter-spacing: 0.1em;
      padding: 12px;
      background: #fff;
      z-index: 2;
      left: 50%;
      top: -24px;
      transform: translateX(-50%);
      width: 650px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .lp-page__strongpoints__diff > strong {
          font-size: 16px;
          width: 300px;
          line-height: 1.4;
          top: -32px; } }
    .lp-page__strongpoints__diff > div {
      position: relative;
      padding: 60px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      border: 2px solid #2995ce;
      background: #fff;
      border-radius: 10px; }
      @media only screen and (max-width: 767px) {
        .lp-page__strongpoints__diff > div {
          padding: 20px;
          padding-top: 60px; } }
      .lp-page__strongpoints__diff > div > div {
        width: 47.9166667%;
        overflow: hidden;
        border-radius: 10px; }
        @media only screen and (max-width: 767px) {
          .lp-page__strongpoints__diff > div > div {
            width: 100%; }
            .lp-page__strongpoints__diff > div > div:nth-child(2) {
              margin-top: 48px; } }
        .lp-page__strongpoints__diff > div > div:nth-child(1) {
          background: #f2f2f2; }
        .lp-page__strongpoints__diff > div > div:nth-child(2) {
          background: #f2faff; }
          .lp-page__strongpoints__diff > div > div:nth-child(2) h4 {
            background: #2995ce; }
        .lp-page__strongpoints__diff > div > div h4 {
          font-size: 16px;
          letter-spacing: 0.05em;
          font-weight: bold;
          color: #fff;
          background: #919191;
          padding: 18px 0;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .lp-page__strongpoints__diff > div > div h4 {
              font-size: 14px; } }
        .lp-page__strongpoints__diff > div > div img {
          display: block;
          width: 100%; }
        .lp-page__strongpoints__diff > div > div ul {
          padding: 28px 40px; }
          @media only screen and (max-width: 767px) {
            .lp-page__strongpoints__diff > div > div ul {
              padding: 14px 24px; } }
          .lp-page__strongpoints__diff > div > div ul li {
            padding-left: 18px;
            position: relative;
            line-height: 1.466666667;
            margin: 10px 0; }
            @media only screen and (max-width: 767px) {
              .lp-page__strongpoints__diff > div > div ul li {
                padding-left: 14px; } }
            .lp-page__strongpoints__diff > div > div ul li em {
              box-shadow: inset 0 -4px 0 0 #ffd6c4, 0 4px 0 0 #ffd6c4;
              font-weight: bold; }
            .lp-page__strongpoints__diff > div > div ul li:before {
              content: "";
              width: 8px;
              height: 2px;
              background: #2995ce;
              position: absolute;
              left: 0;
              top: 9px; }
.lp-page__points {
  background: #f2faff;
  margin-top: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative; }
  .lp-page__points__mt0 {
    margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .lp-page__points {
      margin-top: 0px;
      padding-top: 60px;
      padding-bottom: 60px; } }
  .lp-page__points > span {
    position: absolute;
    z-index: 0;
    color: #fff;
    font-size: 100px;
    letter-spacing: 0.2em;
    font-weight: bold;
    right: 60px;
    top: 60px; }
  .lp-page__points__inner {
    max-width: 1140px;
    padding: 0 30px;
    margin: auto;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .lp-page__points__inner {
        padding: 0 15px; } }
    .lp-page__points__inner > p {
      padding-left: 40px;
      font-size: 14px;
      line-height: 1.4;
      margin-top: 24px;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .lp-page__points__inner > p {
          padding-left: 20px;
          font-size: 13px;
          margin-top: 20px; } }
    .lp-page__points__inner > div:nth-child(1) h3 > small {
      display: inline-block;
      color: #fff;
      font-size: 17px;
      font-weight: bold;
      letter-spacing: 0.1em;
      background: #2995ce;
      padding: 10px 24px;
      border-radius: 10px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .lp-page__points__inner > div:nth-child(1) h3 > small {
          font-size: 13px; } }
      .lp-page__points__inner > div:nth-child(1) h3 > small:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 6px 0 6px;
        border-color: #2995ce transparent transparent transparent;
        position: absolute;
        bottom: -6px;
        left: 9px;
        transform: rotate(-33deg); }
    .lp-page__points__inner > div:nth-child(1) h3 > span {
      display: block; }
      .lp-page__points__inner > div:nth-child(1) h3 > span em {
        color: #2995ce; }
      .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(2) {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0.1em;
        margin-top: 22px; }
        @media only screen and (max-width: 767px) {
          .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(2) {
            font-size: 20px; } }
        .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(2) em {
          font-size: 20px;
          margin-bottom: 24px;
          display: block; }
          @media only screen and (max-width: 767px) {
            .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(2) em {
              font-size: 14px; } }
      .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(3) {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0.1em;
        margin-top: -14px;
        color: #2995ce; }
        @media only screen and (max-width: 767px) {
          .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(3) {
            font-size: 14px;
            margin-top: 4px; } }
        .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(3) strong {
          font-size: 70px; }
          @media only screen and (max-width: 767px) {
            .lp-page__points__inner > div:nth-child(1) h3 > span:nth-child(3) strong {
              font-size: 30px; } }
    .lp-page__points__inner > div:nth-child(2) {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 0 40px;
      margin-top: 48px; }
      @media only screen and (max-width: 767px) {
        .lp-page__points__inner > div:nth-child(2) {
          padding: 0;
          margin-top: 24px; } }
      .lp-page__points__inner > div:nth-child(2) > div {
        width: 49%;
        background: #fff;
        border-radius: 10px;
        padding: 36px 40px;
        padding-right: 28px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px; }
        @media only screen and (max-width: 767px) {
          .lp-page__points__inner > div:nth-child(2) > div {
            width: 100%;
            padding: 20px; } }
        .lp-page__points__inner > div:nth-child(2) > div > div {
          width: 52px;
          text-align: center;
          font-weight: bold; }
          .lp-page__points__inner > div:nth-child(2) > div > div small,
          .lp-page__points__inner > div:nth-child(2) > div > div span {
            display: block;
            color: #2995ce;
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
          .lp-page__points__inner > div:nth-child(2) > div > div small {
            font-size: 14px;
            font-weight: bold; }
          .lp-page__points__inner > div:nth-child(2) > div > div span {
            font-size: 33px;
            letter-spacing: 0.03em; }
        .lp-page__points__inner > div:nth-child(2) > div > p {
          width: calc(100% - 52px);
          padding-left: 30px;
          font-size: 18px;
          font-weight: 600;
          line-height: 1.3; }
          @media only screen and (max-width: 767px) {
            .lp-page__points__inner > div:nth-child(2) > div > p {
              font-size: 15px;
              line-height: 1.4; } }
    .lp-page__points__inner > h4 {
      text-align: center;
      font-size: 24px;
      line-height: 1.458333333;
      letter-spacing: 0.1em;
      font-weight: bold;
      color: #2995ce;
      margin-top: 80px; }
    .lp-page__points__inner > h5 {
      text-align: center;
      font-size: 24px;
      line-height: 1.458333333;
      letter-spacing: 0.1em;
      font-weight: bold;
      color: #2995ce;
      margin-top: 40px;
      padding-top: 40px;
      border-top: 1px solid #ccc; }
    .lp-page__points__inner > .datatrace {
      text-align: center;
      font-weight: normal;
      font-size: 15px;
      line-height: 2.133333333;
      margin-top: 42px; }
      @media only screen and (max-width: 767px) {
        .lp-page__points__inner > .datatrace {
          padding-left: 0;
          text-align: left;
          font-size: 15px;
          line-height: 1.8; } }
      .lp-page__points__inner > .datatrace em {
        color: #f4733b; }
      .lp-page__points__inner > .datatrace + img {
        display: block;
        margin-top: 48px; }
    @media only screen and (max-width: 767px) {
      .lp-page__points__inner.datatrace > div:nth-child(1) h3 > span:nth-child(2) em {
        line-height: 1.7; }
      .lp-page__points__inner.datatrace > div:nth-child(1) h3 > span:nth-child(3) {
        line-height: 1.7; } }
.lp-page__use-case {
  background-image: url(../images/lp/border.svg);
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 120px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lp-page__use-case {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .lp-page__use-case > svg {
    position: absolute;
    left: 32px;
    top: 120px;
    z-index: 0; }
  .lp-page__use-case__inner {
    position: relative;
    z-index: 1;
    max-width: 1060px;
    padding: 0 30px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .lp-page__use-case__inner {
        padding: 0 15px; } }
    .lp-page__use-case__inner h2 {
      font-size: 32px;
      font-weight: bold;
      letter-spacing: 0.1em;
      line-height: 1.4375;
      text-align: center;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .lp-page__use-case__inner h2 {
          font-size: 20px; } }
      .lp-page__use-case__inner h2 > small {
        position: absolute;
        z-index: -1;
        top: -48px;
        left: 50%;
        transform: translateX(-50%);
        width: 229px;
        height: 90px; }
      .lp-page__use-case__inner h2 strong {
        color: #2995ce; }
    .lp-page__use-case__inner h3 {
      text-align: center;
      line-height: 1.4;
      color: #2995ce;
      font-size: 18px;
      padding-top: 50px;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .lp-page__use-case__inner h3 {
          font-size: 16px;
          padding-top: 28px; } }
  .lp-page__use-case__boxes {
    padding-top: 20px; }
    .lp-page__use-case__boxes__box {
      border-radius: 10px;
      border: 2px solid #2995ce;
      padding: 40px 60px;
      background: #fff;
      margin-top: 20px; }
      @media only screen and (max-width: 767px) {
        .lp-page__use-case__boxes__box {
          padding: 20px; } }
      .lp-page__use-case__boxes__box > div:nth-child(1) {
        padding-right: 94px;
        position: relative;
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          .lp-page__use-case__boxes__box > div:nth-child(1):hover {
            opacity: 1; }
            .lp-page__use-case__boxes__box > div:nth-child(1):hover h4 svg g {
              fill: #f46b2e; }
            .lp-page__use-case__boxes__box > div:nth-child(1):hover h4 svg path {
              stroke: #fff; } }
        @media only screen and (max-width: 767px) {
          .lp-page__use-case__boxes__box > div:nth-child(1) {
            padding-right: 40px; } }
        .lp-page__use-case__boxes__box > div:nth-child(1).on h4 svg {
          transform: rotate(360deg); }
        .lp-page__use-case__boxes__box > div:nth-child(1).on h4 svg g {
          fill: #f46b2e; }
        .lp-page__use-case__boxes__box > div:nth-child(1).on h4 svg path {
          stroke: #fff; }
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 svg {
          transition: all 0.3s;
          position: absolute;
          right: 0px;
          width: 40px;
          height: 40px;
          display: block;
          transform: rotate(180deg); }
          .lp-page__use-case__boxes__box > div:nth-child(1) h4 svg g,
          .lp-page__use-case__boxes__box > div:nth-child(1) h4 svg path {
            transition: all 0.3s; }
          @media only screen and (max-width: 767px) {
            .lp-page__use-case__boxes__box > div:nth-child(1) h4 svg {
              width: 28px;
              height: 28px; } }
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 small,
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 strong,
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 span {
          display: inline-block;
          vertical-align: baseline;
          font-weight: bold; }
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 small,
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 strong {
          color: #2995ce;
          font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 small {
          font-size: 14px; }
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 strong {
          font-size: 32px;
          margin-left: 2px; }
        .lp-page__use-case__boxes__box > div:nth-child(1) h4 span {
          font-size: 18px;
          margin-left: 10px; }
          @media only screen and (max-width: 767px) {
            .lp-page__use-case__boxes__box > div:nth-child(1) h4 span {
              display: block;
              margin-top: 10px;
              margin-left: 0; } }
        .lp-page__use-case__boxes__box > div:nth-child(1) p {
          font-size: 15px;
          line-height: 1.866666667;
          letter-spacing: 0.08em;
          margin-top: 15px; }
      .lp-page__use-case__boxes__box > div:nth-child(2) > img {
        display: block;
        margin-top: 30px; }
      .lp-page__use-case__boxes__box--table {
        margin-top: 20px;
        border: 2px solid #e3e3e3;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
        .lp-page__use-case__boxes__box--table > div:nth-child(1) {
          background: #f2faff;
          width: 25.6818182%;
          position: relative; }
          .lp-page__use-case__boxes__box--table > div:nth-child(1) p {
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.05em;
            color: #2995ce;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            padding-left: 20px;
            line-height: 1.4; }
        .lp-page__use-case__boxes__box--table > div:nth-child(2) {
          width: 74.3181818%;
          background: #fff;
          padding: 30px 24px; }
          .lp-page__use-case__boxes__box--table > div:nth-child(2) > div {
            margin-top: 30px; }
            .lp-page__use-case__boxes__box--table > div:nth-child(2) > div:nth-child(1) {
              margin-top: 0; }
            .lp-page__use-case__boxes__box--table > div:nth-child(2) > div p,
            .lp-page__use-case__boxes__box--table > div:nth-child(2) > div strong {
              display: inline-block;
              font-size: 16px;
              letter-spacing: 0.05em;
              font-weight: bold;
              box-shadow: inset 0 -4px 0 0 #ffd6c4, 0 4px 0 0 #ffd6c4; }
            .lp-page__use-case__boxes__box--table > div:nth-child(2) > div p {
              box-shadow: none;
              font-weight: normal;
              line-height: 1.866666667; }
              .lp-page__use-case__boxes__box--table > div:nth-child(2) > div p strong {
                box-shadow: inset 0 -4px 0 0 #ffd6c4, 0 4px 0 0 #ffd6c4;
                font-weight: bold;
                display: inline; }
              .lp-page__use-case__boxes__box--table > div:nth-child(2) > div p.small {
                font-size: 14px; }
            .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul {
              padding-top: 12px; }
              .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul.pt-0 {
                padding-top: 0; }
                .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul.pt-0 li:nth-child(1) {
                  margin-top: 0; }
              .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul.half {
                display: -webkit-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-justify-content: space-between;
                justify-content: space-between; }
                .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul.half li {
                  width: 50%;
                  margin: 6px 0; }
                  .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul.half li:nth-child(1) {
                    margin: 6px 0; }
              .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul li {
                padding-left: 18px;
                position: relative;
                line-height: 1.466666667;
                margin: 10px 0; }
                .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul li em {
                  box-shadow: inset 0 -4px 0 0 #ffd6c4, 0 4px 0 0 #ffd6c4;
                  font-weight: bold; }
                .lp-page__use-case__boxes__box--table > div:nth-child(2) > div ul li:before {
                  content: "";
                  width: 8px;
                  height: 2px;
                  background: #2995ce;
                  position: absolute;
                  left: 0;
                  top: 9px; }
.lp-page__strength {
  background: #f2faff;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lp-page__strength {
      overflow: hidden;
      padding-top: 60px;
      padding-bottom: 60px; } }
  .lp-page__strength.center > span {
    width: 100%;
    text-align: center; }
  .lp-page__strength.center h2 {
    text-align: center; }
  .lp-page__strength.white {
    background-image: url(../images/lp/border.png);
    background-position: left center;
    position: relative;
    background-color: #fff; }
    .lp-page__strength.white > span {
      color: #f2faff; }
    .lp-page__strength.white > .inner > h2 > span:nth-child(2) {
      line-height: 2.3; }
  .lp-page__strength > span {
    position: absolute;
    font-size: 100px;
    letter-spacing: 0.2em;
    color: #fff;
    font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 600;
    right: 0;
    top: 84px;
    z-index: 0; }
  .lp-page__strength > .inner {
    position: relative;
    z-index: 1;
    max-width: 1060px; }
    .lp-page__strength > .inner blockquote {
      display: block;
      background: #f2faff;
      border-radius: 10px;
      padding: 40px 0;
      text-align: center; }
      .lp-page__strength > .inner blockquote p {
        color: #404040;
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 767px) {
          .lp-page__strength > .inner blockquote p {
            font-size: 16px;
            line-height: 1.4; } }
      .lp-page__strength > .inner blockquote h3 {
        font-size: 26px;
        letter-spacing: 0.1em;
        color: #2995ce;
        font-weight: bold;
        line-height: 1.5;
        margin-top: 12px; }
        @media only screen and (max-width: 767px) {
          .lp-page__strength > .inner blockquote h3 {
            font-size: 22px;
            line-height: 1.4; } }
        .lp-page__strength > .inner blockquote h3 span {
          color: #f4733b; }
    .lp-page__strength > .inner > h2 {
      font-size: 30px;
      font-weight: bold;
      letter-spacing: 0.1em; }
      @media only screen and (max-width: 767px) {
        .lp-page__strength > .inner > h2 {
          font-size: 18px; } }
      .lp-page__strength > .inner > h2 > span {
        line-height: 1.533333333; }
        .lp-page__strength > .inner > h2 > span:nth-child(1) {
          display: block; }
        .lp-page__strength > .inner > h2 > span:nth-child(2) {
          display: block;
          margin-top: -44px; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength > .inner > h2 > span:nth-child(2) {
              margin-top: 0; } }
          .lp-page__strength > .inner > h2 > span:nth-child(2) > span em {
            color: #2995ce; }
          .lp-page__strength > .inner > h2 > span:nth-child(2) > strong {
            color: #2995ce;
            font-size: 70px;
            font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
            margin: 0 -8px; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength > .inner > h2 > span:nth-child(2) > strong {
                font-size: 32px;
                margin: 0; } }
  .lp-page__strength--inner {
    max-width: 960px;
    margin: auto;
    padding: 0 0px; }
    .lp-page__strength--inner__row01 {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: center;
      margin-top: 60px; }
      @media only screen and (min-width: 768px) {
        .lp-page__strength--inner__row01:nth-child(odd) > div:nth-child(1) {
          order: 2; }
        .lp-page__strength--inner__row01:nth-child(odd) > div:nth-child(2) {
          order: 1; } }
      @media only screen and (max-width: 767px) {
        .lp-page__strength--inner__row01 {
          margin-top: 30px; } }
      @media only screen and (max-width: 767px) {
        .lp-page__strength--inner__row01 {
          padding: 0 15px; } }
      .lp-page__strength--inner__row01 > div {
        width: 47%; }
        @media only screen and (max-width: 767px) {
          .lp-page__strength--inner__row01 > div {
            width: 100%; } }
        .lp-page__strength--inner__row01 > div:nth-child(1) img {
          display: block; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row01 > div:nth-child(1) img {
              width: 100%; } }
        .lp-page__strength--inner__row01 > div:nth-child(2) h3 {
          position: relative;
          padding: 6px 0;
          padding-left: 70px;
          color: #2995ce;
          line-height: 1.6; }
          .lp-page__strength--inner__row01 > div:nth-child(2) h3.type02 {
            padding-left: 0; }
            .lp-page__strength--inner__row01 > div:nth-child(2) h3.type02 b {
              font-size: 15px;
              font-weight: bold;
              padding-left: 60px;
              position: relative;
              display: block;
              margin-bottom: 12px; }
              .lp-page__strength--inner__row01 > div:nth-child(2) h3.type02 b:before {
                content: "";
                width: 50px;
                height: 1px;
                background-color: #2995cf;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row01 > div:nth-child(2) h3 {
              padding-left: 58px;
              margin-top: 24px; } }
          .lp-page__strength--inner__row01 > div:nth-child(2) h3 > svg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 50px;
            height: 50px;
            transform: rotate(135deg); }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row01 > div:nth-child(2) h3 > svg {
                width: 42px;
                height: 42px; } }
          .lp-page__strength--inner__row01 > div:nth-child(2) h3 em,
          .lp-page__strength--inner__row01 > div:nth-child(2) h3 span {
            display: block; }
          .lp-page__strength--inner__row01 > div:nth-child(2) h3 em {
            font-size: 18px;
            position: absolute;
            left: 16px;
            top: 11px;
            font-weight: bold;
            font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row01 > div:nth-child(2) h3 em {
                font-size: 16px; } }
          .lp-page__strength--inner__row01 > div:nth-child(2) h3 span {
            font-weight: bold;
            font-size: 23px; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row01 > div:nth-child(2) h3 span {
                font-size: 20px; } }
        .lp-page__strength--inner__row01 > div:nth-child(2) p {
          font-size: 15px;
          line-height: 2.1;
          margin-top: 14px; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row01 > div:nth-child(2) p {
              font-size: 14px; } }
    .lp-page__strength--inner__row02 {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: center;
      margin-top: 100px; }
      @media only screen and (max-width: 767px) {
        .lp-page__strength--inner__row02 {
          padding: 0 15px;
          margin-top: 50px; } }
      .lp-page__strength--inner__row02 .type02__row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 24px;
        margin-bottom: 24px; }
        .lp-page__strength--inner__row02 .type02__row img {
          width: 48%; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row02 .type02__row img {
              width: 100%;
              margin-top: 12px; } }
      .lp-page__strength--inner__row02 > div {
        width: 100%; }
        .lp-page__strength--inner__row02 > div:nth-child(1) h3 {
          position: relative;
          padding: 6px 0;
          padding-left: 70px;
          color: #2995ce;
          line-height: 1.6; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row02 > div:nth-child(1) h3 {
              padding-left: 58px;
              margin-top: 24px; } }
          .lp-page__strength--inner__row02 > div:nth-child(1) h3.type02 {
            padding-left: 0; }
            .lp-page__strength--inner__row02 > div:nth-child(1) h3.type02 b {
              font-size: 15px;
              font-weight: bold;
              padding-left: 60px;
              position: relative;
              display: block;
              margin-bottom: 12px;
              color: #2995cf; }
              .lp-page__strength--inner__row02 > div:nth-child(1) h3.type02 b:before {
                content: "";
                width: 50px;
                height: 1px;
                background-color: #2995cf;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto; }
          .lp-page__strength--inner__row02 > div:nth-child(1) h3 > svg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 50px;
            height: 50px;
            transform: rotate(135deg); }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row02 > div:nth-child(1) h3 > svg {
                width: 42px;
                height: 42px; } }
          .lp-page__strength--inner__row02 > div:nth-child(1) h3 b {
            color: #f4733b; }
          .lp-page__strength--inner__row02 > div:nth-child(1) h3 em,
          .lp-page__strength--inner__row02 > div:nth-child(1) h3 span {
            display: block; }
          .lp-page__strength--inner__row02 > div:nth-child(1) h3 em {
            font-size: 18px;
            position: absolute;
            left: 16px;
            top: 11px;
            font-weight: bold;
            font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row02 > div:nth-child(1) h3 em {
                font-size: 16px; } }
          .lp-page__strength--inner__row02 > div:nth-child(1) h3 span {
            font-weight: bold;
            font-size: 24px; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row02 > div:nth-child(1) h3 span {
                font-size: 20px; } }
        .lp-page__strength--inner__row02 > div:nth-child(1) p {
          font-size: 15px;
          line-height: 2.1;
          margin-top: 14px; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row02 > div:nth-child(1) p {
              font-size: 14px; } }
        .lp-page__strength--inner__row02 > div:nth-child(2) {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          margin-top: 32px; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row02 > div:nth-child(2) {
              width: 100%;
              margin-top: 0px; } }
          .lp-page__strength--inner__row02 > div:nth-child(2) > div {
            width: 46%; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row02 > div:nth-child(2) > div {
                width: 100%;
                margin-top: 24px; } }
            .lp-page__strength--inner__row02 > div:nth-child(2) > div span {
              display: inline-block;
              background-color: #fff;
              color: #2995ce;
              font-size: 15px;
              font-weight: bold;
              padding: 8px 20px;
              border-radius: 3px 3px 0 0; }
            .lp-page__strength--inner__row02 > div:nth-child(2) > div img {
              display: block;
              width: 100%; }
    .lp-page__strength--inner__row03 {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: flex-start;
      padding-top: 40px; }
      @media only screen and (max-width: 767px) {
        .lp-page__strength--inner__row03 {
          padding-top: 0; } }
      @media only screen and (max-width: 767px) {
        .lp-page__strength--inner__row03 {
          padding: 0 15px;
          margin-top: 50px; } }
      .lp-page__strength--inner__row03 > div {
        width: 46%;
        margin-top: 60px; }
        @media only screen and (max-width: 767px) {
          .lp-page__strength--inner__row03 > div {
            width: 100%;
            margin-top: 32px; } }
        .lp-page__strength--inner__row03 > div h3 {
          position: relative;
          padding: 6px 0;
          padding-left: 70px;
          color: #2995ce;
          line-height: 1.6; }
          .lp-page__strength--inner__row03 > div h3 > svg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 50px;
            height: 50px;
            transform: rotate(135deg); }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row03 > div h3 > svg {
                width: 42px;
                height: 42px; } }
          .lp-page__strength--inner__row03 > div h3 em,
          .lp-page__strength--inner__row03 > div h3 span {
            display: block; }
          .lp-page__strength--inner__row03 > div h3 em {
            font-size: 18px;
            position: absolute;
            left: 16px;
            top: 11px;
            font-weight: bold;
            font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row03 > div h3 em {
                font-size: 16px; } }
          .lp-page__strength--inner__row03 > div h3 span {
            font-weight: bold;
            font-size: 24px; }
            @media only screen and (max-width: 767px) {
              .lp-page__strength--inner__row03 > div h3 span {
                font-size: 20px; } }
        .lp-page__strength--inner__row03 > div p {
          font-size: 15px;
          line-height: 2.1;
          margin-top: 14px; }
          @media only screen and (max-width: 767px) {
            .lp-page__strength--inner__row03 > div p {
              font-size: 14px; } }
.lp-page .functions h3 {
  background: #2995ce;
  padding: 20px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-top: 80px; }
  @media only screen and (max-width: 767px) {
    .lp-page .functions h3 {
      margin-top: 48px;
      padding: 14px 12px;
      font-size: 14px; } }
.lp-page .functions h4 {
  padding: 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #2995ce;
  margin-top: 60px;
  border-left: 5px solid #2995ce; }
  @media only screen and (max-width: 767px) {
    .lp-page .functions h4 {
      margin-top: 38px; } }
.lp-page .functions p {
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  line-height: 2.133333333;
  margin-top: 42px; }
  @media only screen and (max-width: 767px) {
    .lp-page .functions p {
      text-align: left; } }
.lp-page .functions figure {
  display: block;
  margin-top: 42px; }
  .lp-page .functions figure img {
    width: auto;
    display: block;
    margin: 0 auto; }
  .lp-page .functions figure figcaption {
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    line-height: 2.133333333;
    margin-top: 24px;
    color: #919191; }
.lp-page .functions .table-whole {
  background: #fff;
  margin-top: 42px; }
  @media only screen and (max-width: 767px) {
    .lp-page .functions .table-whole {
      overflow: scroll; } }
  .lp-page .functions .table-whole table {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5625;
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .lp-page .functions .table-whole table {
        font-size: 12px; } }
    .lp-page .functions .table-whole table td {
      text-align: center;
      padding: 20px 12px;
      border-bottom: 1px solid #b3b3b3;
      border-right: 1px solid #b3b3b3; }
      .lp-page .functions .table-whole table td:nth-child(1) {
        background: #226c9a;
        color: #fff; }
      .lp-page .functions .table-whole table td img {
        max-width: 120px;
        display: block;
        margin: 0 auto; }
  .lp-page .functions .table-whole__small table td {
    padding: 17px 12px;
    text-align: left; }
.lp-page__faq {
  padding: 90px 0 130px;
  background-image: url(../images/lp/border.png);
  background-position: left center;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lp-page__faq {
      padding: 60px 0;
      padding-top: 32px; } }
  .lp-page__faq .inner {
    max-width: 1060px; }
    .lp-page__faq .inner h2 {
      text-align: center;
      position: relative; }
      .lp-page__faq .inner h2 small {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        font-size: 100px;
        letter-spacing: 0.25em;
        font-weight: bold;
        color: #f2faff;
        z-index: 0;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .lp-page__faq .inner h2 small {
            font-size: 62px; } }
      .lp-page__faq .inner h2 p {
        position: relative;
        z-index: 1;
        display: block;
        font-size: 32px;
        letter-spacing: 0.1em;
        font-weight: bold;
        padding-top: 72px; }
        @media only screen and (max-width: 767px) {
          .lp-page__faq .inner h2 p {
            font-size: 26px;
            padding-top: 42px; } }
        .lp-page__faq .inner h2 p b {
          color: #2995ce; }
  .lp-page__faq__boxes {
    padding-top: 31px; }
    @media only screen and (max-width: 767px) {
      .lp-page__faq__boxes {
        padding-top: 20px; } }
  .lp-page__faq__box {
    border: 2px solid #2995ce;
    padding: 40px 60px;
    background: #fff;
    border-radius: 10px;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .lp-page__faq__box {
        padding: 18px 18px; } }
    .lp-page__faq__box > h3 {
      font-size: 18px;
      letter-spacing: 0.08em;
      line-height: 1.555555556;
      cursor: pointer;
      font-weight: bold;
      padding-right: 100px;
      position: relative; }
      @media only screen and (min-width: 768px) {
        .lp-page__faq__box > h3:hover {
          opacity: 1; }
          .lp-page__faq__box > h3:hover > svg g {
            fill: #f46b2e; }
          .lp-page__faq__box > h3:hover > svg path {
            stroke: #fff; } }
      @media only screen and (max-width: 767px) {
        .lp-page__faq__box > h3 {
          font-size: 14px;
          padding-right: 32px; } }
      .lp-page__faq__box > h3.on > svg {
        transform: rotate(360deg); }
        .lp-page__faq__box > h3.on > svg g {
          fill: #f46b2e; }
        .lp-page__faq__box > h3.on > svg path {
          stroke: #fff; }
      .lp-page__faq__box > h3 > svg {
        transition: all 0.3s;
        position: absolute;
        right: 0px;
        width: 40px;
        height: 40px;
        display: block;
        transform: rotate(180deg); }
        @media only screen and (max-width: 767px) {
          .lp-page__faq__box > h3 > svg {
            width: 28px;
            height: 28px;
            top: 50%;
            transform: translateY(-50%); } }
      .lp-page__faq__box > h3 > span {
        position: relative; }
        .lp-page__faq__box > h3 > span > span {
          z-index: 1;
          position: relative; }
        .lp-page__faq__box > h3 > span:before {
          content: "Q";
          position: absolute;
          left: -25px;
          top: -38px;
          font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
          color: #f2faff;
          font-size: 50px;
          font-weight: bold;
          z-index: 0; }
          @media only screen and (max-width: 767px) {
            .lp-page__faq__box > h3 > span:before {
              font-size: 40px;
              left: -12px;
              top: -28px; } }
    .lp-page__faq__box--answer {
      margin-top: 30px;
      padding-top: 30px;
      border-top: 1px solid #e3e3e3;
      display: none; }
      @media only screen and (max-width: 767px) {
        .lp-page__faq__box--answer {
          margin-top: 12px;
          padding-top: 12px; } }
      .lp-page__faq__box--answer--box02 > div:nth-child(1) {
        width: 100%;
        position: relative; }
        .lp-page__faq__box--answer--box02 > div:nth-child(1):before {
          content: "A";
          position: absolute;
          left: -25px;
          top: -12px;
          font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
          color: #fff0e6;
          font-size: 50px;
          font-weight: bold;
          z-index: 0; }
          @media only screen and (max-width: 767px) {
            .lp-page__faq__box--answer--box02 > div:nth-child(1):before {
              font-size: 40px;
              left: -12px;
              top: -28px; } }
        .lp-page__faq__box--answer--box02 > div:nth-child(1) p {
          font-size: 15px;
          letter-spacing: 0.08em;
          line-height: 1.866666667;
          font-weight: bold;
          position: relative;
          z-index: 1; }
      .lp-page__faq__box--answer--box02 > div:nth-child(2) {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 24px; }
        @media only screen and (max-width: 767px) {
          .lp-page__faq__box--answer--box02 > div:nth-child(2) {
            padding-top: 12px; } }
        .lp-page__faq__box--answer--box02 > div:nth-child(2) img {
          display: block; }
          .lp-page__faq__box--answer--box02 > div:nth-child(2) img:nth-child(1) {
            width: 31.8181818%; }
            .lp-page__faq__box--answer--box02 > div:nth-child(2) img:nth-child(1).img {
              width: 60%;
              margin: auto;
              display: block; }
              @media only screen and (max-width: 767px) {
                .lp-page__faq__box--answer--box02 > div:nth-child(2) img:nth-child(1).img {
                  width: 100%; } }
            @media only screen and (max-width: 767px) {
              .lp-page__faq__box--answer--box02 > div:nth-child(2) img:nth-child(1) {
                width: 100%;
                margin-top: 12px; } }
          .lp-page__faq__box--answer--box02 > div:nth-child(2) img:nth-child(2) {
            width: 65.7954545%; }
            @media only screen and (max-width: 767px) {
              .lp-page__faq__box--answer--box02 > div:nth-child(2) img:nth-child(2) {
                width: 100%;
                margin-top: 12px; } }
      .lp-page__faq__box--answer--box01 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: flex-start; }
        .lp-page__faq__box--answer--box01.full > div:nth-child(1) {
          width: 100%; }
        .lp-page__faq__box--answer--box01 > div:nth-child(1) {
          width: 65.9090909%;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .lp-page__faq__box--answer--box01 > div:nth-child(1) {
              width: 100%; } }
          .lp-page__faq__box--answer--box01 > div:nth-child(1):before {
            content: "A";
            position: absolute;
            left: -25px;
            top: -12px;
            font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
            color: #fff0e6;
            font-size: 50px;
            font-weight: bold;
            z-index: 0; }
            @media only screen and (max-width: 767px) {
              .lp-page__faq__box--answer--box01 > div:nth-child(1):before {
                font-size: 40px;
                left: -12px;
                top: -8px; } }
          .lp-page__faq__box--answer--box01 > div:nth-child(1) p {
            font-size: 15px;
            letter-spacing: 0.08em;
            line-height: 1.866666667;
            font-weight: bold;
            position: relative;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .lp-page__faq__box--answer--box01 > div:nth-child(1) p {
                font-size: 13px; } }
          .lp-page__faq__box--answer--box01 > div:nth-child(1) ol {
            padding-left: 22px;
            position: relative;
            margin-top: 12px; }
            .lp-page__faq__box--answer--box01 > div:nth-child(1) ol:before {
              content: "※";
              position: absolute;
              left: 0;
              top: 4px; }
            .lp-page__faq__box--answer--box01 > div:nth-child(1) ol li {
              font-size: 14px;
              line-height: 1.428571429;
              letter-spacing: 0.05em; }
          .lp-page__faq__box--answer--box01 > div:nth-child(1) ul {
            counter-reset: hoge;
            padding-top: 12px; }
            .lp-page__faq__box--answer--box01 > div:nth-child(1) ul.mt {
              margin-top: 32px; }
            .lp-page__faq__box--answer--box01 > div:nth-child(1) ul + p + img {
              display: block;
              max-width: 600px;
              margin: auto;
              margin-top: 24px; }
              @media only screen and (max-width: 767px) {
                .lp-page__faq__box--answer--box01 > div:nth-child(1) ul + p + img {
                  max-width: 100%;
                  width: 100%;
                  margin-top: 12px; } }
            .lp-page__faq__box--answer--box01 > div:nth-child(1) ul + p {
              margin-top: 12px; }
            .lp-page__faq__box--answer--box01 > div:nth-child(1) ul li {
              font-size: 15px;
              letter-spacing: 0.08em;
              line-height: 1.866666667;
              font-weight: bold;
              position: relative;
              padding-left: 26px; }
              @media only screen and (max-width: 767px) {
                .lp-page__faq__box--answer--box01 > div:nth-child(1) ul li {
                  font-size: 13px; } }
              .lp-page__faq__box--answer--box01 > div:nth-child(1) ul li:before {
                position: absolute;
                counter-increment: hoge;
                content: counter(hoge);
                color: #2995ce;
                font-size: 13px;
                left: 5px;
                top: 2px; }
              .lp-page__faq__box--answer--box01 > div:nth-child(1) ul li:after {
                content: "";
                position: absolute;
                left: 0;
                top: 5px;
                width: 16px;
                height: 16px;
                border-radius: 18px;
                border: 1px solid #2995ce; }
        .lp-page__faq__box--answer--box01 > div:nth-child(2) {
          width: 28.4090909%; }
          @media only screen and (max-width: 767px) {
            .lp-page__faq__box--answer--box01 > div:nth-child(2) {
              width: 100%;
              display: block;
              margin-top: 12px; } }
.lp-page__cv {
  padding-top: 174px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lp-page__cv {
      padding-top: 42px; } }
  .lp-page__cv > div:nth-child(1) {
    width: 79.6875%;
    position: absolute;
    left: 0;
    top: 0; }
    @media only screen and (max-width: 767px) {
      .lp-page__cv > div:nth-child(1) {
        width: 86%; } }
    .lp-page__cv > div:nth-child(1) div {
      background-size: cover;
      background-position: center center;
      height: 390px; }
      @media only screen and (max-width: 767px) {
        .lp-page__cv > div:nth-child(1) div {
          height: 280px; } }
  .lp-page__cv > div:nth-child(2) {
    border-radius: 10px;
    background: #fff0e6;
    position: relative;
    width: 740px;
    margin: 0 0 0 auto;
    margin-right: 60px;
    padding: 50px 0px 38px; }
    @media only screen and (max-width: 767px) {
      .lp-page__cv > div:nth-child(2) {
        width: 90%;
        padding: 14px 24px 32px;
        margin: auto; } }
    .lp-page__cv > div:nth-child(2):before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      border-radius: 10px;
      border: 2px solid #f4733b; }
    .lp-page__cv > div:nth-child(2) > div {
      position: relative;
      z-index: 1; }
      .lp-page__cv > div:nth-child(2) > div h4 {
        padding-left: 70px;
        padding-right: 180px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .lp-page__cv > div:nth-child(2) > div h4 {
            padding: 0; } }
        .lp-page__cv > div:nth-child(2) > div h4 span {
          font-size: 28px;
          font-weight: bold;
          letter-spacing: 0.08em;
          position: relative;
          z-index: 1;
          color: #fff;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .lp-page__cv > div:nth-child(2) > div h4 span {
              color: #f4733b;
              font-size: 18px;
              line-height: 1.4; } }
        .lp-page__cv > div:nth-child(2) > div h4 svg {
          position: absolute;
          left: -10px;
          top: 0;
          width: 640px;
          z-index: 0;
          height: auto; }
          @media only screen and (max-width: 767px) {
            .lp-page__cv > div:nth-child(2) > div h4 svg {
              width: 100%;
              display: none; } }
      .lp-page__cv > div:nth-child(2) > div strong,
      .lp-page__cv > div:nth-child(2) > div p {
        display: block;
        padding-left: 70px; }
      .lp-page__cv > div:nth-child(2) > div strong {
        font-size: 18px;
        font-weight: bold;
        color: #f4733b;
        margin-top: 24px; }
        @media only screen and (max-width: 767px) {
          .lp-page__cv > div:nth-child(2) > div strong {
            padding-left: 0;
            line-height: 1.7;
            font-size: 15px;
            font-weight: normal;
            margin-top: 0; } }
      .lp-page__cv > div:nth-child(2) > div p {
        font-weight: bold;
        color: #404040;
        font-size: 15px;
        letter-spacing: 0.05em;
        line-height: 1.533333333;
        margin-top: 16px; }
        @media only screen and (max-width: 767px) {
          .lp-page__cv > div:nth-child(2) > div p {
            margin-top: 12px;
            padding-left: 0; } }
.lp-page__contact {
  background: #f2faff;
  padding-top: 80px;
  margin-top: -32px; }
.lp-page__fixed {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .lp-page__fixed {
      display: none; } }
  .lp-page__fixed a {
    display: block; }
    .lp-page__fixed a svg {
      width: 70px;
      height: auto;
      box-shadow: 0 0 10px rgba(245, 138, 91, 0.4); }
      @media only screen and (max-width: 767px) {
        .lp-page__fixed a svg {
          width: 24px; } }
    .lp-page__fixed a:nth-child(1) svg {
      box-shadow: 0 0 10px rgba(66, 59, 244, 0.4); }
    .lp-page__fixed a:nth-child(2) svg {
      margin-top: 40px; }
.lp-page__question {
  padding: 145px 0; }
  @media only screen and (max-width: 767px) {
    .lp-page__question {
      padding: 80px 0;
      overflow: hidden; } }
  .lp-page__question .inner {
    max-width: 1120px;
    text-align: center; }
    .lp-page__question .inner h2 {
      display: inline-block;
      vertical-align: middle;
      position: relative; }
      .lp-page__question .inner h2 svg {
        position: absolute;
        left: -70px;
        width: 98px;
        height: auto;
        z-index: 0;
        top: 50%;
        transform: translateY(-50%); }
      .lp-page__question .inner h2 span {
        position: relative;
        font-size: 30px;
        letter-spacing: 0.05em;
        font-weight: bold;
        color: #2995ce; }
        @media only screen and (max-width: 767px) {
          .lp-page__question .inner h2 span {
            font-size: 20px; } }
    .lp-page__question .inner img {
      display: block;
      margin-top: 46px; }
    .lp-page__question .inner p {
      font-size: 15px;
      letter-spacing: 0.05em;
      line-height: 2.266666667;
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        .lp-page__question .inner p {
          font-size: 14px;
          margin-top: 28px;
          text-align: left; } }
.lp-page__voice {
  background: #f2faff;
  padding: 120px 0; }
  @media only screen and (max-width: 767px) {
    .lp-page__voice {
      overflow: hidden;
      padding: 60px 0; } }
  .lp-page__voice .inner {
    max-width: 1200px; }
    .lp-page__voice .inner h2 {
      display: inline-block;
      position: relative; }
      .lp-page__voice .inner h2 span {
        position: relative;
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0.1em;
        color: #2995ce;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .lp-page__voice .inner h2 span {
            font-size: 24px; } }
      .lp-page__voice .inner h2 em {
        position: absolute;
        z-index: 0;
        color: #fff;
        font-size: 100px;
        letter-spacing: 0.2em;
        font-weight: bold;
        top: 50%;
        transform: translateY(-50%);
        left: 80%; }
        @media only screen and (max-width: 767px) {
          .lp-page__voice .inner h2 em {
            font-size: 70px; } }
  .lp-page__voice--box {
    padding: 0 40px; }
    @media only screen and (max-width: 767px) {
      .lp-page__voice--box {
        padding: 0; } }
    .lp-page__voice--box h3 {
      margin-top: 78px;
      font-size: 42px;
      font-weight: bold;
      letter-spacing: 0.1em;
      color: #2995ce;
      line-height: 1.458333333; }
      @media only screen and (max-width: 767px) {
        .lp-page__voice--box h3 {
          font-size: 18px; } }
    .lp-page__voice--box h4 {
      margin-top: 12px; }
      @media only screen and (max-width: 767px) {
        .lp-page__voice--box h4 {
          margin-top: 8px; } }
      .lp-page__voice--box h4 span {
        display: inline-block;
        vertical-align: middle; }
        .lp-page__voice--box h4 span:nth-child(1) {
          background: #fff;
          border-radius: 3px;
          color: #2995ce;
          font-size: 15px;
          letter-spacing: 0.05em;
          padding: 5px 12px; }
          @media only screen and (max-width: 767px) {
            .lp-page__voice--box h4 span:nth-child(1) {
              font-size: 14px;
              margin-top: 12px; } }
        .lp-page__voice--box h4 span:nth-child(2) {
          color: #2995ce;
          font-size: 15px;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 767px) {
            .lp-page__voice--box h4 span:nth-child(2) {
              font-size: 12px;
              margin-top: 6px; } }
    .lp-page__voice--box > div {
      margin-top: 102px; }
      @media only screen and (max-width: 767px) {
        .lp-page__voice--box > div {
          margin-top: 24px; } }
      .lp-page__voice--box > div > div {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: flex-end;
        position: relative;
        margin-top: -140px; }
        @media only screen and (max-width: 767px) {
          .lp-page__voice--box > div > div {
            margin-top: 0; } }
        .lp-page__voice--box > div > div > div:nth-child(1) {
          width: 75%;
          padding-right: 20px; }
          @media only screen and (max-width: 767px) {
            .lp-page__voice--box > div > div > div:nth-child(1) {
              width: 100%;
              padding-right: 0; } }
        .lp-page__voice--box > div > div > div:nth-child(2) {
          width: 24%; }
          @media only screen and (max-width: 767px) {
            .lp-page__voice--box > div > div > div:nth-child(2) {
              width: 100%;
              margin-top: 20px; } }
      .lp-page__voice--box > div h5 {
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 1.888888889;
        color: #2995ce; }
        @media only screen and (max-width: 767px) {
          .lp-page__voice--box > div h5 {
            font-size: 17px; } }
      .lp-page__voice--box > div p {
        font-size: 15px;
        letter-spacing: 0.05em;
        color: #404040;
        line-height: 2.133333333;
        margin-top: 10px; }
        @media only screen and (max-width: 767px) {
          .lp-page__voice--box > div p {
            font-size: 14px; } }
      .lp-page__voice--box > div ol {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        counter-reset: num;
        margin-top: 12px; }
        .lp-page__voice--box > div ol li {
          display: block;
          width: 50%;
          padding-left: 25px;
          position: relative;
          font-size: 15px;
          letter-spacing: 0.05em;
          color: #404040;
          line-height: 2.133333333;
          counter-increment: num;
          font-family: "Arial", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; }
          @media only screen and (max-width: 767px) {
            .lp-page__voice--box > div ol li {
              width: 100%;
              display: block;
              font-size: 14px; } }
          .lp-page__voice--box > div ol li:before {
            color: #2995ce;
            position: absolute;
            left: 0;
            content: "0" counter(num) ".";
            font-weight: bold; }
.lp-page__overview {
  background: #f2faff;
  position: relative;
  padding: 136px 0; }
  @media only screen and (max-width: 767px) {
    .lp-page__overview {
      padding: 80px 0;
      overflow: hidden; } }
  .lp-page__overview .inner {
    max-width: 1120px; }
    .lp-page__overview .inner h2 {
      position: relative;
      text-align: center; }
      .lp-page__overview .inner h2 span {
        position: absolute;
        z-index: 0;
        color: #fff;
        font-size: 100px;
        letter-spacing: 0.2em;
        font-weight: bold;
        top: -80px;
        left: 50%;
        transform: translateX(-50%); }
        @media only screen and (max-width: 767px) {
          .lp-page__overview .inner h2 span {
            font-size: 70px;
            top: -40px; } }
      .lp-page__overview .inner h2 strong {
        position: relative;
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0.1em;
        color: #404040; }
        @media only screen and (max-width: 767px) {
          .lp-page__overview .inner h2 strong {
            font-size: 24px; } }
        .lp-page__overview .inner h2 strong em {
          color: #2995ce; }
    .lp-page__overview .inner > p {
      text-align: center;
      font-size: 18px;
      letter-spacing: 0.05em;
      line-height: 1.888888889;
      margin-top: 51px; }
      @media only screen and (max-width: 767px) {
        .lp-page__overview .inner > p {
          font-size: 14px; } }
  .lp-page__overview__box {
    border-top: 2px solid #d9ebf5;
    margin-top: 80px;
    padding-top: 80px; }
    .lp-page__overview__box h3 img,
    .lp-page__overview__box h3 span {
      display: inline-block;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .lp-page__overview__box h3 img,
        .lp-page__overview__box h3 span {
          display: block; } }
    .lp-page__overview__box h3 img {
      height: 62px;
      margin-right: 30px; }
    .lp-page__overview__box h3 span {
      font-weight: bold;
      font-size: 24px;
      letter-spacing: 0.1em;
      line-height: 1.458333333;
      color: #2995ce; }
      @media only screen and (max-width: 767px) {
        .lp-page__overview__box h3 span {
          font-size: 18px;
          margin-top: 12px; } }
    .lp-page__overview__box--row {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      align-items: center; }
      .lp-page__overview__box--row > div {
        width: 46%;
        margin-top: 70px; }
        @media only screen and (max-width: 767px) {
          .lp-page__overview__box--row > div {
            width: 100%;
            margin-top: 30px; } }
        .lp-page__overview__box--row > div table {
          width: 100%;
          margin-top: 0; }
        .lp-page__overview__box--row > div ul {
          padding-top: 10px; }
          .lp-page__overview__box--row > div ul li {
            display: block;
            margin: 0;
            margin-top: 16px; }
      .lp-page__overview__box--row table {
        width: 46%;
        margin-top: 70px; }
        @media only screen and (max-width: 767px) {
          .lp-page__overview__box--row table {
            width: 100%;
            margin-top: 30px; } }
        .lp-page__overview__box--row table td,
        .lp-page__overview__box--row table th {
          background: #2995ce;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          letter-spacing: 0.05em;
          line-height: 1.5;
          padding: 10px 25px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff; }
        .lp-page__overview__box--row table td {
          background: #dbf1fd;
          color: #2995ce; }
      .lp-page__overview__box--row img {
        width: 48%;
        display: block;
        margin-top: 70px; }
        @media only screen and (max-width: 767px) {
          .lp-page__overview__box--row img {
            width: 100%;
            margin-top: 30px; } }
    .lp-page__overview__box ul {
      padding-top: 32px; }
      .lp-page__overview__box ul li {
        display: inline-block;
        vertical-align: middle;
        padding-left: 20px;
        position: relative;
        font-size: 15px;
        min-width: 290px;
        margin-right: 50px;
        margin-top: 16px; }
        @media only screen and (max-width: 767px) {
          .lp-page__overview__box ul li {
            margin-right: 0;
            display: block;
            line-height: 1.4;
            font-size: 12px; } }
        .lp-page__overview__box ul li span {
          position: relative;
          box-shadow: inset 0 -4px 0 0 #fff0e6, 0 4px 0 0 #fff0e6;
          text-decoration: none !important; }
        .lp-page__overview__box ul li:before {
          content: "";
          position: absolute;
          left: 0;
          width: 8px;
          top: 0;
          bottom: 0;
          height: 2px;
          margin: auto;
          background: #2995ce; }
    .lp-page__overview__box__link {
      margin-top: 60px; }
      .lp-page__overview__box__link a {
        display: inline-block;
        background: #f4733b;
        box-shadow: 0 0 15px rgba(245, 138, 91, 0.5);
        padding: 18px 40px;
        padding-right: 60px;
        border-radius: 10px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .lp-page__overview__box__link a {
            width: 100%;
            padding: 18px 40px; } }
        .lp-page__overview__box__link a:before {
          content: "";
          width: 10px;
          height: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          position: absolute;
          right: 24px;
          top: 2px;
          bottom: 0;
          margin: auto;
          transform: rotate(45deg); }
        .lp-page__overview__box__link a span {
          position: relative;
          font-size: 18px;
          color: #fff;
          font-weight: bold;
          letter-spacing: 0.04em; }
          @media only screen and (max-width: 767px) {
            .lp-page__overview__box__link a span {
              font-size: 15px; } }
.lp-page__lineup {
  padding: 80px 0;
  background: #f5f5f5; }
  .lp-page__lineup h2 {
    text-align: center;
    position: relative; }
    .lp-page__lineup h2 small {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      font-size: 100px;
      letter-spacing: 0.25em;
      font-weight: bold;
      color: #ddd;
      z-index: 0;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .lp-page__lineup h2 small {
          font-size: 62px; } }
    .lp-page__lineup h2 p {
      position: relative;
      z-index: 1;
      display: block;
      font-size: 32px;
      letter-spacing: 0.1em;
      font-weight: bold;
      padding-top: 72px; }
      @media only screen and (max-width: 767px) {
        .lp-page__lineup h2 p {
          font-size: 26px;
          padding-top: 42px; } }
      .lp-page__lineup h2 p b {
        color: #2995ce; }
  .lp-page__lineup .inner {
    position: relative;
    z-index: 1; }
    .lp-page__lineup .inner > p {
      position: relative;
      font-size: 15px;
      line-height: 2.1;
      margin-top: 32px; }
      @media only screen and (max-width: 767px) {
        .lp-page__lineup .inner > p {
          margin-top: 24px;
          font-size: 14px; } }
  .lp-page__lineup__row > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #fff;
    padding: 24px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-top: 32px; }
    @media only screen and (max-width: 767px) {
      .lp-page__lineup__row > div {
        padding: 16px; } }
    .lp-page__lineup__row > div > div:nth-child(1) {
      width: 180px; }
      @media only screen and (max-width: 767px) {
        .lp-page__lineup__row > div > div:nth-child(1) {
          width: 100%; } }
      .lp-page__lineup__row > div > div:nth-child(1) > div {
        padding-top: 100%;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .lp-page__lineup__row > div > div:nth-child(1) > div {
            width: 70%;
            margin: auto;
            padding-top: 60%; } }
        .lp-page__lineup__row > div > div:nth-child(1) > div img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          transform: translate(-50%, -50%); }
    .lp-page__lineup__row > div > div:nth-child(2) {
      width: calc(100% - 180px);
      padding-left: 32px; }
      @media only screen and (max-width: 767px) {
        .lp-page__lineup__row > div > div:nth-child(2) {
          width: 100%;
          padding-left: 0;
          padding-top: 12px; } }
      .lp-page__lineup__row > div > div:nth-child(2) h4 {
        color: #226c9a;
        font-size: 21px;
        font-weight: bold;
        letter-spacing: 0.07em;
        line-height: 1.5; }
      .lp-page__lineup__row > div > div:nth-child(2) p {
        font-size: 15px;
        line-height: 1.7;
        margin-top: 16px; }
      .lp-page__lineup__row > div > div:nth-child(2) > div {
        text-align: right;
        margin-top: 32px; }
        .lp-page__lineup__row > div > div:nth-child(2) > div a {
          background: #2995ce;
          color: #fff;
          display: inline-block;
          text-align: center;
          width: 240px;
          padding: 12px 0; }
          @media only screen and (max-width: 767px) {
            .lp-page__lineup__row > div > div:nth-child(2) > div a {
              width: 100%;
              padding: 18px 0; } }
.lp-page__inline .lp-page__solution__inner h2 > span {
  max-width: 745px;
  padding: 5px 0; }
.lp-page__inline .lp-page__solution--slide {
  margin-top: 20px; }
  .lp-page__inline .lp-page__solution--slide iframe {
    height: 524px; }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__solution--slide iframe {
        height: 280px; } }
.lp-page__inline .lp-page__solution--box__row02 figure {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 60px;
  margin-top: 20px;
  border-top: 1px solid #e6e6e6; }
  .lp-page__inline .lp-page__solution--box__row02 figure img {
    width: 39.52381%; }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__solution--box__row02 figure img {
        width: 100%; } }
  .lp-page__inline .lp-page__solution--box__row02 figure figcaption {
    width: 60.47619%;
    padding-left: 53px; }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__solution--box__row02 figure figcaption {
        width: 100%;
        padding-left: 0;
        padding-top: 30px; } }
    .lp-page__inline .lp-page__solution--box__row02 figure figcaption h3 {
      color: #404040;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
    .lp-page__inline .lp-page__solution--box__row02 figure figcaption ul {
      margin-top: 20px; }
      .lp-page__inline .lp-page__solution--box__row02 figure figcaption ul li {
        color: #404040;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 27px;
        padding-left: 24px;
        position: relative; }
        .lp-page__inline .lp-page__solution--box__row02 figure figcaption ul li:before {
          content: "・";
          position: absolute;
          left: 0;
          top: 0; }
        .lp-page__inline .lp-page__solution--box__row02 figure figcaption ul li em {
          color: #2995ce;
          font-weight: bold; }
.lp-page__inline .lp-page__strongpoints__inner {
  padding-top: 0; }
.lp-page__inline .lp-page__strongpoints__diff {
  margin-top: 0; }
.lp-page__inline .lp-page__points__inner > div:nth-child(1) h3 > small {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 75%; }
  @media only screen and (max-width: 767px) {
    .lp-page__inline .lp-page__points__inner > div:nth-child(1) h3 > small {
      margin-right: 0; } }
.lp-page__inline .lp-page__points__inner > div:nth-child(1) h3 > span {
  display: inline-block;
  vertical-align: baseline; }
.lp-page__inline .lp-page__points__inner > div:nth-child(2) > div {
  box-shadow: 0px 2px 14px 0px rgba(41, 149, 206, 0.13); }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(1) {
    width: 30.841121%;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(1) {
        padding-left: 36px; } }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(1) {
        width: 100%; } }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(2) {
    width: 30.841121%;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(2) {
        padding-left: 36px; } }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(2) {
        width: 100%; } }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(3) {
    width: 30.841121%;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(3) {
        padding-left: 36px; } }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(3) {
        width: 100%; } }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4) {
    border: 1px solid #01a4fb;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4) {
        width: 100%; } }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5) {
    border: 1px solid #01a4fb;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5) {
        width: 100%; } }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4), .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5) {
    position: relative; }
    .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4):before, .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5):before {
      content: "";
      position: absolute;
      width: 55px;
      height: 26px;
      border-radius: 4px;
      background: #2995ce;
      left: -17px;
      top: -11px; }
      @media only screen and (max-width: 767px) {
        .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4):before, .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5):before {
          left: -8px; } }
    .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4):after, .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5):after {
      content: "POINT";
      position: absolute;
      left: -8px;
      top: -7px;
      color: #fff;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      display: block; }
      @media only screen and (max-width: 767px) {
        .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(4):after, .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div:nth-child(5):after {
          left: 0px; } }
.lp-page__inline .lp-page__points__inner > div:nth-child(2) > div > div span {
  line-height: 1; }
.lp-page__inline .lp-page__points__inner > div:nth-child(2) > div > p {
  font-size: 24px; }
.lp-page__inline .lp-page__points__inner > div:nth-child(2) > div > div {
  position: relative;
  left: -8px; }
  .lp-page__inline .lp-page__points__inner > div:nth-child(2) > div > div:before {
    content: "";
    position: absolute;
    right: -19px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #2995ce; }
.lp-page__inline .figure__box {
  margin-top: 78px;
  padding-bottom: 60px;
  border-bottom: 1px dashed #404040; }
  .lp-page__inline .figure__box.last {
    border-bottom: none; }
  .lp-page__inline .figure__box h4 {
    color: #404040;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal; }
  .lp-page__inline .figure__box img {
    display: block;
    margin-top: 34px; }
.lp-page__inline .strong-box {
  padding-top: 50px; }
  .lp-page__inline .strong-box h3 {
    text-align: center; }
    .lp-page__inline .strong-box h3 strong,
    .lp-page__inline .strong-box h3 em {
      display: block; }
    .lp-page__inline .strong-box h3 strong {
      color: #2995ce;
      text-align: center;
      font-size: 42px;
      font-style: normal;
      font-weight: 700;
      line-height: normal; }
      @media only screen and (max-width: 767px) {
        .lp-page__inline .strong-box h3 strong {
          font-size: 25px; } }
    .lp-page__inline .strong-box h3 em {
      color: #404040;
      text-align: center;
      font-size: 28px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-top: 30px; }
      @media only screen and (max-width: 767px) {
        .lp-page__inline .strong-box h3 em {
          font-size: 21px; } }
  .lp-page__inline .strong-box img {
    display: block;
    margin-top: 60px; }

body.contact
main
#content
.inner
.contact-form-box
.form-group
.input-area
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  width: 100%;
  background: #fcf7f0;
  border: 1px solid #c3c3c3;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 10px 14px; }

.about-seika {
  background: #f5f5f5;
  padding: 120px 0; }
  @media only screen and (max-width: 767px) {
    .about-seika {
      padding: 60px 0; } }
  .about-seika__title h2 {
    text-align: center;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-bottom: 1px solid #ddd;
    padding-bottom: 32px; }
    @media only screen and (max-width: 767px) {
      .about-seika__title h2 {
        font-size: 24px; } }
  .about-seika__title p {
    padding: 30px 0; }
    @media only screen and (max-width: 767px) {
      .about-seika__title p {
        padding: 20px 0;
        font-size: 14px; } }
  .about-seika table {
    width: 100%;
    margin-top: 0px; }
    @media only screen and (max-width: 767px) {
      .about-seika table {
        width: 100%;
        margin-top: 30px; } }
    .about-seika table td,
    .about-seika table th {
      background: #2995ce;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 0.05em;
      line-height: 1.5;
      padding: 10px 25px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff; }
      @media only screen and (max-width: 767px) {
        .about-seika table td,
        .about-seika table th {
          padding: 4px 10px;
          font-size: 14px;
          font-weight: normal; } }
    @media only screen and (max-width: 767px) {
      .about-seika table th {
        width: 80px; } }
    .about-seika table td {
      background: #dbf1fd;
      color: #2995ce; }

.lp-page__notes {
  background-image: url(../images/lp/border.svg);
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 120px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .lp-page__notes {
      padding-top: 60px;
      padding-bottom: 60px; } }
  .lp-page__notes .inner {
    position: relative;
    z-index: 1; }
  .lp-page__notes h2 {
    text-align: center;
    position: relative; }
    .lp-page__notes h2 small {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      font-size: 42px;
      letter-spacing: 0.25em;
      font-weight: bold;
      color: #ddd;
      z-index: 0;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .lp-page__notes h2 small {
          font-size: 62px; } }
    .lp-page__notes h2 p {
      position: relative;
      z-index: 1;
      display: block;
      font-size: 32px;
      letter-spacing: 0.1em;
      font-weight: bold;
      padding-top: 0; }
      @media only screen and (max-width: 767px) {
        .lp-page__notes h2 p {
          font-size: 26px; } }
      .lp-page__notes h2 p b {
        color: #2995ce; }
  .lp-page__notes p {
    text-align: center;
    line-height: 2;
    margin-top: 30px; }
  .lp-page__notes__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .lp-page__notes__row a {
      display: block;
      width: 48%;
      background: #fff;
      border: 1px solid #01a4fb;
      border-radius: 8px;
      padding: 18px;
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        .lp-page__notes__row a {
          width: 100%; } }
      .lp-page__notes__row a figure > div div {
        padding-top: 70%;
        background-size: cover;
        background-position: center; }
      .lp-page__notes__row a figure figcaption {
        padding-top: 10px; }
        .lp-page__notes__row a figure figcaption em {
          color: #2995ce;
          font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
          display: block;
          font-size: 14px; }
        .lp-page__notes__row a figure figcaption strong {
          display: block;
          font-size: 18px;
          line-height: 1.7; }

/*# sourceMappingURL=lp-page.css.map */