@charset "UTF-8";
/*=======================================================
  sdk
======================================================== */
html {
  scroll-padding-top: 50px; }
  @media screen and (min-width: 640px) {
    html {
      scroll-padding-top: 70px; } }

body.is-hamburgerOpen {
  overflow: hidden !important; }

@media screen and (min-width: 640px) {
  .s5-pageHeader__inner,
  .s5-frontLogin__inner,
  .s5-breadcrumbs {
    max-width: 1200px !important; } }

.s5-container {
  overflow: hidden;
  width: 100%; }

.s5-returnToTop {
  margin: 0; }

.c5-sdk {
  color: #000000;
  word-wrap: break-word;
  overflow-wrap: break-word;
  	/*	sdk共通
    ======================================================== */
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  width: 100%;
  	/*	mv
    ======================================================== */
  	/*	preamble
    ======================================================== */
  	/*	about
    ======================================================== */
  	/*	features
    ======================================================== */
  	/*	solutions
    ======================================================== */
  	/*	case study
    ======================================================== */
  	/*	products
    ======================================================== */
  	/*	news
    ======================================================== */
  	/*	faq
    ======================================================== */
  	/*	footer
    ======================================================== */
  	/*	btn
    ======================================================== */ }
  .c5-sdk h2,
  .c5-sdk h3,
  .c5-sdk h4 {
    margin: 0; }
  .c5-sdk p {
    font-size: 14px;
    line-height: 2;
    margin: 0; }
    @media screen and (min-width: 640px) {
      .c5-sdk p {
        font-size: 16px; } }
    .c5-sdk p a {
      text-decoration: underline; }
      @media screen and (min-width: 640px) {
        .c5-sdk p a {
          transition: all 0.3s ease; }
          .c5-sdk p a:hover {
            color: #185bc3;
            opacity: 0.7; } }
  .c5-sdk ul,
  .c5-sdk ol {
    list-style: none;
    padding: 0;
    margin: 0; }
  .c5-sdk dl dd {
    margin: 0; }
  .c5-sdk img {
    display: block;
    width: 100%; }
  .c5-sdk sup {
    font-size: 12px; }
  .c5-sdk-inner {
    max-width: 1230px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto; }
    @media screen and (max-width: 639px) {
      .c5-sdk-inner.c5-sdk-inner_imageBlock {
        padding: 0; } }
    .c5-sdk-inner.c5-sdk-inner_imageBlock .c5-sdk-subTitle {
      padding: 0 15px; }
  .c5-sdk--link {
    color: #185bc3; }
    @media screen and (min-width: 640px) {
      .c5-sdk--link {
        transition: all 0.3s ease; } }
  .c5-sdk--caption {
    line-height: 2; }
    .c5-sdk--caption:nth-of-type(n + 2) {
      margin-top: 20px; }
      @media screen and (min-width: 640px) {
        .c5-sdk--caption:nth-of-type(n + 2) {
          margin-top: 24px; } }
  .c5-sdk-head {
    position: relative; }
  .c5-sdk-topBox {
    background: linear-gradient(to right, #185bc3, #0b3980);
    padding: 90px 0 160px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-topBox {
        padding: 47px 0 110px; } }
  .c5-sdk .c5-sdk-title__en {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
    @media screen and (max-width: 639px) {
      .c5-sdk .c5-sdk-title__en {
        width: 112%; } }
    @media screen and (min-width: 640px) {
      .c5-sdk .c5-sdk-title__en {
        top: 36%;
        font-size: 130px; } }
    .c5-sdk .c5-sdk-title__en img {
      width: auto;
      height: 96px; }
      @media screen and (max-width: 639px) {
        .c5-sdk .c5-sdk-title__en img {
          width: 100%;
          height: 60px; } }
  .c5-sdk h2.c5-sdk-title {
    font-size: 20px;
    font-weight: 600;
    color: #185bc3;
    position: relative;
    z-index: 100;
    text-align: center;
    margin-bottom: 32px; }
    @media screen and (min-width: 640px) {
      .c5-sdk h2.c5-sdk-title {
        font-size: 32px;
        margin-bottom: 55px; } }
    .c5-sdk h2.c5-sdk-title.c5-sdk-title--color .c5-sdk-title__en {
      color: #ebebeb; }
  .c5-sdk-subTitle {
    font-size: 18px;
    color: #185bc3; }
    @media screen and (min-width: 640px) {
      .c5-sdk-subTitle {
        font-size: 24px; } }
  .c5-sdk-contents.c5-sdk-contents_fixed {
    margin-top: 50px; }
    @media screen and (min-width: 768px) {
      .c5-sdk-contents.c5-sdk-contents_fixed {
        margin-top: 70px; } }
  .c5-sdk-mv {
    position: relative;
    border-bottom: 4px solid #fff; }
    .c5-sdk-mv_bg {
      opacity: 0;
      visibility: hidden;
      transition: all 1s ease; }
      .c5-sdk-mv_bg.isActive {
        opacity: 1;
        visibility: visible; }
    .c5-sdk-mv_inner {
      height: auto;
      margin: 0 auto;
      position: absolute;
      content: "";
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transition: all 1.5s ease; }
      @media screen and (max-width: 639px) {
        .c5-sdk-mv_inner {
          top: 52%; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-mv_inner {
          top: 0;
          max-width: 1200px;
          padding: 0; } }
      @media screen and (min-width: 1401px) {
        .c5-sdk-mv_inner {
          top: auto;
          bottom: -18%; } }
      .c5-sdk-mv_inner.isActive {
        opacity: 1;
        visibility: visible; }
    .c5-sdk-mv__text {
      height: auto;
      margin: 0 auto;
      width: 50%; }
      @media screen and (min-width: 640px) {
        .c5-sdk-mv__text {
          width: 22.334%;
          padding-top: 6.51%; } }
      .c5-sdk-mv__text img {
        width: 100%; }
    .c5-sdk-mv__item {
      margin: 12px auto 0;
      width: 44.27%; }
      @media screen and (min-width: 640px) {
        .c5-sdk-mv__item {
          width: 33.834%;
          margin: 20px auto 0; } }
      .c5-sdk-mv__item img {
        display: block;
        width: 100%; }
  .c5-sdk-preamble {
    padding: 104px 0 168px;
    background-color: #185bc3;
    background: linear-gradient(120deg, #185bc3, #0b3980); }
    @media screen and (min-width: 640px) {
      .c5-sdk-preamble {
        padding: 144px 0 347px;
        background: linear-gradient(to right, #185bc3, #0b3980); } }
    @media screen and (min-width: 640px) {
      .c5-sdk-preamble_inner {
        max-width: 1208px;
        width: 100%;
        margin: 0 auto; } }
    .c5-sdk-preamble_boxes {
      color: #fff; }
      @media screen and (min-width: 640px) {
        .c5-sdk-preamble_boxes {
          width: 100%;
          margin: 0 auto;
          padding: 40px;
          display: flex;
          justify-content: space-between; } }
      .c5-sdk-preamble_boxes__left {
        position: relative; }
        @media screen and (min-width: 640px) {
          .c5-sdk-preamble_boxes__left {
            width: 49.5279%; } }
        .c5-sdk-preamble_boxes__left .c5-sdk-preamble_boxes-square {
          position: absolute;
          width: 100%;
          height: 100%; }
          @media screen and (min-width: 640px) {
            .c5-sdk-preamble_boxes__left .c5-sdk-preamble_boxes-square {
              top: 0;
              left: 0; } }
        .c5-sdk-preamble_boxes__left .c5-sdk-preamble_boxes-top {
          position: absolute;
          content: "";
          top: 0;
          left: 0;
          width: 70px;
          height: 70px;
          border-top: 1px solid #fff;
          border-left: 1px solid #fff; }
          @media screen and (min-width: 640px) {
            .c5-sdk-preamble_boxes__left .c5-sdk-preamble_boxes-top {
              top: -40px;
              left: -40px;
              width: 90px;
              height: 90px; } }
        .c5-sdk-preamble_boxes__left .c5-sdk-preamble_boxes-bottom {
          position: absolute;
          content: "";
          bottom: 0;
          right: 0;
          width: 70px;
          height: 70px;
          border-right: 1px solid #fff;
          border-bottom: 1px solid #fff; }
          @media screen and (min-width: 640px) {
            .c5-sdk-preamble_boxes__left .c5-sdk-preamble_boxes-bottom {
              bottom: -40px;
              right: 0;
              width: 90px;
              height: 90px; } }
        .c5-sdk-preamble_boxes__left p.c5-sdk-preamble_boxes__left--title {
          font-size: 18px;
          font-weight: 600;
          letter-spacing: 0.05em;
          line-height: 1.75;
          padding: 29px 22px 0;
          text-align: center; }
          @media screen and (min-width: 640px) {
            .c5-sdk-preamble_boxes__left p.c5-sdk-preamble_boxes__left--title {
              font-size: 22px;
              padding: 0;
              text-align: left; } }
          @media screen and (min-width: 900px) {
            .c5-sdk-preamble_boxes__left p.c5-sdk-preamble_boxes__left--title {
              font-size: 28px; } }
        .c5-sdk-preamble_boxes__left p.c5-sdk-preamble_boxes__left--subTitle {
          font-size: 14px;
          font-weight: 500;
          line-height: 1.75;
          letter-spacing: 0.1em;
          margin-top: 23px;
          padding: 0 18px 32px;
          text-align: center; }
          @media screen and (min-width: 640px) {
            .c5-sdk-preamble_boxes__left p.c5-sdk-preamble_boxes__left--subTitle {
              font-size: 16px;
              text-align: left;
              padding: 0;
              margin-top: 32px; } }
          @media screen and (min-width: 900px) {
            .c5-sdk-preamble_boxes__left p.c5-sdk-preamble_boxes__left--subTitle {
              font-size: 18px; } }
      .c5-sdk-preamble_boxes__right {
        margin-top: 25px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-preamble_boxes__right {
            width: 41.5356%;
            margin-top: 0; } }
        .c5-sdk-preamble_boxes__right p {
          line-height: 2;
          font-weight: 600; }
          .c5-sdk-preamble_boxes__right p:nth-of-type(n + 2) {
            margin-top: 19px; }
            @media screen and (min-width: 640px) {
              .c5-sdk-preamble_boxes__right p:nth-of-type(n + 2) {
                margin-top: 32px; } }
  .c5-sdk-about {
    margin-top: -128px; }
    @media screen and (min-width: 640px) {
      .c5-sdk-about {
        margin-top: -225px; } }
    .c5-sdk-about_head {
      margin-right: auto;
      width: 84.8%;
      box-shadow: 12px 12px 12px 0 rgba(0, 0, 0, 0.08); }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_head {
          width: 85.7143%; } }
    .c5-sdk-about .c5-sdk-inner {
      position: relative; }
    .c5-sdk-about_bgTitle {
      position: absolute;
      content: "";
      top: -20px; }
      @media screen and (max-width: 639px) {
        .c5-sdk-about_bgTitle {
          right: 15px; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_bgTitle {
          top: -58px;
          left: 0;
          font-size: 130px; } }
      @media screen and (max-width: 639px) {
        .c5-sdk-about_bgTitle img {
          width: 60px;
          height: 262px; } }
    @media screen and (min-width: 640px) {
      .c5-sdk-about_middle {
        max-width: 958px;
        width: 100%;
        padding: 0 15px;
        margin: 116px auto 0;
        display: flex;
        justify-content: center; } }
    .c5-sdk-about_middle__item {
      margin-top: 39px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_middle__item {
          width: 45.1034%;
          margin-top: 0; } }
      .c5-sdk-about_middle__item p {
        line-height: 2; }
        .c5-sdk-about_middle__item p:nth-of-type(n + 2) {
          margin-top: 16px; }
          @media screen and (min-width: 640px) {
            .c5-sdk-about_middle__item p:nth-of-type(n + 2) {
              margin-top: 32px; } }
      @media screen and (max-width: 639px) {
        .c5-sdk-about_middle__item:nth-of-type(2) {
          margin-top: 25px; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_middle__item:nth-of-type(2) {
          margin-left: 12.7931%; } }
    .c5-sdk-about_middle h2.c5-sdk-about_middle__title {
      font-size: 20px;
      font-weight: 600;
      text-align: center; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_middle h2.c5-sdk-about_middle__title {
          font-size: 22px;
          text-align: left; } }
      @media screen and (min-width: 900px) {
        .c5-sdk-about_middle h2.c5-sdk-about_middle__title {
          font-size: 28px; } }
    .c5-sdk-about_middle__img {
      margin-top: 25px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_middle__img {
          margin-top: 46px; } }
      .c5-sdk-about_middle__img img {
        text-align: left;
        width: 160px;
        height: 77px;
        margin: 0 auto; }
        @media screen and (min-width: 640px) {
          .c5-sdk-about_middle__img img {
            width: 268px;
            height: 130px;
            margin: 0; } }
      .c5-sdk-about_middle__img + p {
        margin-top: 32px; }
    .c5-sdk-about .c5-sdk-about_imageBlock {
      margin-top: 24px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about .c5-sdk-about_imageBlock {
          margin-top: 54px; } }
      .c5-sdk-about .c5-sdk-about_imageBlock h3.c5-sdk-subTitle {
        font-size: 18px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-about .c5-sdk-about_imageBlock h3.c5-sdk-subTitle {
            font-size: 24px; } }
      .c5-sdk-about .c5-sdk-about_imageBlock h3.c5-sdk-subTitle + p {
        margin-top: 5px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-about .c5-sdk-about_imageBlock h3.c5-sdk-subTitle + p {
            margin-top: 5px; } }
      .c5-sdk-about .c5-sdk-about_imageBlock p:nth-of-type(n + 2) {
        margin-top: 11px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-about .c5-sdk-about_imageBlock p:nth-of-type(n + 2) {
            margin-top: 16px; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about .c5-sdk-about_imageBlock p.c5-sdk-about_imageBlock--text {
          margin-top: 32px; } }
      .c5-sdk-about .c5-sdk-about_imageBlock__img {
        margin-top: 11px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-about .c5-sdk-about_imageBlock__img {
            margin-top: 32px; } }
    .c5-sdk-about ul.c5-sdk-about_supportList {
      margin-top: -32px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about ul.c5-sdk-about_supportList {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-top: -47px; } }
    .c5-sdk-about_supportItem {
      border: 1px solid #e2e2e2;
      margin-top: 32px;
      padding: 28px 20px;
      line-height: 1.75; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_supportItem {
          width: calc((100% - 64px) / 2);
          padding: 22px 32px 29px;
          margin-top: 47px; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_supportItem.c5-sdk-about_supportItem--lineWide .c5-sdk-about_supportItem__text {
          line-height: 2.5; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_supportItem.c5-sdk-about_supportItem--lineWide .c5-sdk-about_supportItem__text--2line {
          line-height: 1.65; } }
      @media screen and (max-width: 639px) {
        .c5-sdk-about_supportItem--products .c5-sdk-about_supportItem__text:nth-of-type(n + 2) {
          margin-top: 11px; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_supportItem ul li {
          line-height: 2.5; } }
      .c5-sdk-about_supportItem ul + ul.c5-sdk-about_supportSecondList {
        margin-top: 0; }
        .c5-sdk-about_supportItem ul + ul.c5-sdk-about_supportSecondList .c5-sdk-about_supportSecondItem__text {
          text-indent: 0;
          padding-left: 0; }
          .c5-sdk-about_supportItem ul + ul.c5-sdk-about_supportSecondList .c5-sdk-about_supportSecondItem__text span {
            margin-right: 0; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_supportItem ul.c5-sdk-about_supportChildList {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-about_supportItem ul.c5-sdk-about_supportChildList li {
          width: 100%; } }
      @media screen and (min-width: 1099px) {
        .c5-sdk-about_supportItem ul.c5-sdk-about_supportChildList li {
          width: 49%;
          line-height: 2.5; } }
      .c5-sdk-about_supportItem ul.c5-sdk-about_supportChildList + ul {
        margin-top: 11px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-about_supportItem ul.c5-sdk-about_supportChildList + ul {
            margin-top: 0; } }
      .c5-sdk-about_supportItem p {
        text-align: right;
        line-height: 1;
        margin-top: 20px; }
    .c5-sdk-about h3.c5-sdk-about_supportItem__title {
      font-size: 18px;
      font-weight: 600;
      line-height: 1.75;
      color: #185bc3;
      margin-bottom: 3px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about h3.c5-sdk-about_supportItem__title {
          font-size: 24px;
          margin-bottom: 6px; } }
    .c5-sdk-about p.c5-sdk-about_supportItem__text {
      text-indent: -14px;
      padding-left: 14px;
      line-height: 1.75; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about p.c5-sdk-about_supportItem__text {
          text-indent: -16px;
          padding-left: 16px; } }
    .c5-sdk-about ul.c5-sdk-about_supportSecondList {
      margin-top: 32px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about ul.c5-sdk-about_supportSecondList {
          margin-top: 48px; } }
      .c5-sdk-about ul.c5-sdk-about_supportSecondList .c5-sdk-about_supportSecondItem__text {
        font-size: 12px;
        line-height: 2;
        text-indent: -16px;
        padding-left: 16px; }
        .c5-sdk-about ul.c5-sdk-about_supportSecondList .c5-sdk-about_supportSecondItem__text span {
          margin-right: 13px; }
    .c5-sdk-about .c5-sdk-btn {
      margin-top: 39px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-about .c5-sdk-btn {
          margin-top: 64px; } }
  .c5-sdk-features {
    padding: 100px 0 72px;
    background-color: #fff; }
    @media screen and (min-width: 640px) {
      .c5-sdk-features {
        padding: 130px 0 88px; } }
    .c5-sdk-features ul.c5-sdk-features_list {
      padding: 0;
      margin-top: 32px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-features ul.c5-sdk-features_list {
          display: flex;
          justify-content: space-between; } }
    @media screen and (min-width: 640px) {
      .c5-sdk-features_item {
        width: 46%; } }
    .c5-sdk-features_item:nth-of-type(n + 2) {
      margin-top: 48px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-features_item:nth-of-type(n + 2) {
          margin-left: 8%;
          margin-top: 0; } }
    .c5-sdk-features_item__img {
      box-shadow: 12px 12px 12px 0 rgba(0, 0, 0, 0.08); }
    .c5-sdk-features_item h3.c5-sdk-features_item__title {
      font-size: 18px;
      font-weight: 600;
      margin-top: 26px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-features_item h3.c5-sdk-features_item__title {
          font-size: 22px; } }
    .c5-sdk-features_item p.c5-sdk-features_item__text {
      margin-top: 6px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-features_item p.c5-sdk-features_item__text {
          margin-top: 11px; } }
      .c5-sdk-features_item p.c5-sdk-features_item__text + p {
        margin-top: 11px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-features_item p.c5-sdk-features_item__text + p {
            margin-top: 16px; } }
  .c5-sdk-solutions {
    padding-top: 93px;
    background-color: #f5f5f5; }
    @media screen and (min-width: 640px) {
      .c5-sdk-solutions {
        padding-top: 133px; } }
    @media screen and (min-width: 640px) {
      .c5-sdk-solutions_list {
        display: flex;
        align-items: stretch; } }
    @media screen and (min-width: 640px) {
      .c5-sdk-solutions_item {
        width: 29.75%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0; } }
    .c5-sdk-solutions_item:nth-of-type(n + 2) {
      margin-top: 48px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item:nth-of-type(n + 2) {
          margin-top: 0;
          margin-left: 5%; } }
    .c5-sdk-solutions_item .c5-sdk-btn {
      margin-top: 24px; }
    .c5-sdk-solutions_item__img {
      box-shadow: 12px 12px 12px 0 rgba(0, 0, 0, 0.05);
      background-color: #fff; }
      .c5-sdk-solutions_item__img img {
        width: 100%;
        height: auto; }
    .c5-sdk-solutions_item__title {
      display: flex;
      align-items: center;
      margin-top: 19px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item__title {
          margin-top: 32px; } }
      .c5-sdk-solutions_item__title p {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.75; }
        @media screen and (min-width: 640px) {
          .c5-sdk-solutions_item__title p {
            margin-left: 14px;
            font-size: 18px;
            line-height: 1.5; } }
        @media screen and (min-width: 900px) {
          .c5-sdk-solutions_item__title p {
            font-size: 20px; } }
    .c5-sdk-solutions_item.c5-sdk-solutions_item--1 .c5-sdk-solutions_item__title .c5-sdk-solutions_item__titleImg img {
      width: 20px;
      height: 44px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item.c5-sdk-solutions_item--1 .c5-sdk-solutions_item__title .c5-sdk-solutions_item__titleImg img {
          width: 27px;
          height: 60px; } }
    .c5-sdk-solutions_item.c5-sdk-solutions_item--1 .c5-sdk-solutions_item__title p {
      margin-left: 18px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item.c5-sdk-solutions_item--1 .c5-sdk-solutions_item__title p {
          margin-left: 24px; } }
    .c5-sdk-solutions_item.c5-sdk-solutions_item--2 .c5-sdk-solutions_item__title .c5-sdk-solutions_item__titleImg img {
      width: 32px;
      height: 45px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item.c5-sdk-solutions_item--2 .c5-sdk-solutions_item__title .c5-sdk-solutions_item__titleImg img {
          width: 40px;
          height: 61px; } }
    .c5-sdk-solutions_item.c5-sdk-solutions_item--2 .c5-sdk-solutions_item__title p {
      margin-left: 8px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item.c5-sdk-solutions_item--2 .c5-sdk-solutions_item__title p {
          margin-left: 12px; } }
    .c5-sdk-solutions_item.c5-sdk-solutions_item--3 .c5-sdk-solutions_item__title .c5-sdk-solutions_item__titleImg img {
      width: 31px;
      height: 45px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item.c5-sdk-solutions_item--3 .c5-sdk-solutions_item__title .c5-sdk-solutions_item__titleImg img {
          width: 38px;
          height: 62px; } }
    .c5-sdk-solutions_item.c5-sdk-solutions_item--3 .c5-sdk-solutions_item__title p {
      margin-left: 9px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item.c5-sdk-solutions_item--3 .c5-sdk-solutions_item__title p {
          margin-left: 14px; } }
    .c5-sdk-solutions_item p.c5-sdk-solutions_item__text {
      margin-top: 9px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_item p.c5-sdk-solutions_item__text {
          margin-top: 15px; } }
    .c5-sdk-solutions ul.c5-sdk-solutions_childList {
      display: flex;
      justify-content: center;
      margin-top: 6px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions ul.c5-sdk-solutions_childList {
          margin-top: 13px; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions ul.c5-sdk-solutions_childList.c5-sdk-solutions_childList--col2::before, .c5-sdk-solutions ul.c5-sdk-solutions_childList.c5-sdk-solutions_childList--col2::after {
          display: block;
          content: "";
          width: 25%; }
        .c5-sdk-solutions ul.c5-sdk-solutions_childList.c5-sdk-solutions_childList--col2 .c5-sdk-solutions_childItem p {
          font-size: 11px; } }
      @media screen and (min-width: 900px) {
        .c5-sdk-solutions ul.c5-sdk-solutions_childList.c5-sdk-solutions_childList--col2::before, .c5-sdk-solutions ul.c5-sdk-solutions_childList.c5-sdk-solutions_childList--col2::after {
          display: block;
          content: "";
          width: 20%; }
        .c5-sdk-solutions ul.c5-sdk-solutions_childList.c5-sdk-solutions_childList--col2 .c5-sdk-solutions_childItem p {
          font-size: 14px; } }
    @media screen and (min-width: 640px) {
      .c5-sdk-solutions_childItem {
        max-width: 108px; } }
    .c5-sdk-solutions_childItem:nth-of-type(n + 2) {
      margin-left: 12px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_childItem:nth-of-type(n + 2) {
          margin-left: 16px; } }
    .c5-sdk-solutions_childItem__img img {
      width: 100%;
      height: 100%; }
    .c5-sdk-solutions_childItem p {
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.75;
      margin-top: 12px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-solutions_childItem p {
          font-size: 12px; } }
      @media screen and (min-width: 900px) {
        .c5-sdk-solutions_childItem p {
          font-size: 14px; } }
  .c5-sdk-topCaseStudy {
    background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 62%, #fff 62%, #fff 100%);
    padding: 170px 0 0 0; }
    @media screen and (max-width: 639px) {
      .c5-sdk-topCaseStudy {
        background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 22%, #fff 22%, #fff 100%);
        padding: 100px 0 0 0; } }
    .c5-sdk-topCaseStudy img {
      width: 100%;
      height: auto; }
  .c5-sdk-products {
    margin-bottom: 72px;
    padding-top: 100px; }
    @media screen and (min-width: 640px) {
      .c5-sdk-products {
        margin-bottom: 128px;
        padding-top: 154px; } }
    .c5-sdk-products ul.c5-sdk-products_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: stretch; }
      @media screen and (min-width: 640px) {
        .c5-sdk-products ul.c5-sdk-products_list {
          justify-content: space-between;
          flex-wrap: nowrap;
          margin-left: -64px; } }
    .c5-sdk-products_item {
      text-align: center;
      width: 40.4%; }
      @media screen and (min-width: 640px) {
        .c5-sdk-products_item {
          width: 23.11%;
          margin-left: 64px;
          display: flex;
          flex-direction: column;
          justify-content: flex-end; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-products_item:nth-of-type(n + 2) {
          margin-left: 11.2379%; } }
      @media screen and (max-width: 639px) {
        .c5-sdk-products_item:nth-of-type(2) {
          margin-left: 10%; } }
      @media screen and (max-width: 639px) {
        .c5-sdk-products_item:last-of-type {
          margin-top: 32px; } }
      .c5-sdk-products_item__img img {
        margin: 0 auto;
        filter: drop-shadow(12px 12px 12px rgba(0, 0, 0, 0.08));
        width: 100%;
        height: auto; }
      .c5-sdk-products_item h3.c5-sdk-products_item__title {
        font-size: 18px;
        margin-top: 20px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-products_item h3.c5-sdk-products_item__title {
            font-size: 22px;
            margin-top: 24px; } }
      .c5-sdk-products_item__text {
        margin-top: 12px; }
        @media screen and (min-width: 640px) {
          .c5-sdk-products_item__text {
            margin-top: 16px; } }
    .c5-sdk-products .c5-sdk-btn {
      margin-top: 48px; }
      @media screen and (min-width: 640px) {
        .c5-sdk-products .c5-sdk-btn {
          margin-top: 56px; } }
      .c5-sdk-products .c5-sdk-btn:last-of-type {
        margin-top: 96px; }
        @media screen and (max-width: 639px) {
          .c5-sdk-products .c5-sdk-btn:last-of-type {
            margin-top: 72px; } }
  .c5-sdk-news {
    padding: 72px 0; }
    @media screen and (min-width: 640px) {
      .c5-sdk-news {
        padding: 128px 0 96px; } }
    .c5-sdk-news_item {
      border-top: 1px solid #e2e2e2;
      position: relative;
      display: block;
      padding: 20px 0; }
      @media screen and (min-width: 640px) {
        .c5-sdk-news_item {
          padding: 21px 54px 24px 0;
          transition: all 0.3s ease;
          display: flex; }
          .c5-sdk-news_item:hover {
            text-decoration: none;
            opacity: 0.7; } }
      @media screen and (min-width: 640px) {
        .c5-sdk-news_item::after {
          position: absolute;
          content: "";
          top: 50%;
          transform: translateY(-50%);
          right: 20px;
          width: 34px;
          height: 10px;
          background-image: url(../images/common/biz_sdk_arrowRight_black.svg);
          background-repeat: no-repeat;
          background-size: contain; } }
      .c5-sdk-news_item:last-of-type {
        border-bottom: 1px solid #e2e2e2; }
      @media screen and (min-width: 640px) {
        .c5-sdk-news_item__text {
          margin-left: 32px; } }
  .c5-sdk .c5-sdk-topNews {
    padding: 140px 0 50px 0; }
    @media screen and (max-width: 639px) {
      .c5-sdk .c5-sdk-topNews {
        padding: 100px 0 30px 0; } }
    .c5-sdk .c5-sdk-topNews_textLink {
      text-align: center;
      margin-top: 80px; }
      .c5-sdk .c5-sdk-topNews_textLink a {
        color: #185bc3; }
  .c5-sdk .c5-sdk-topFaq {
    padding: 140px 0 90px 0; }
    @media screen and (max-width: 639px) {
      .c5-sdk .c5-sdk-topFaq {
        padding: 100px 0 70px 0; } }
    .c5-sdk .c5-sdk-topFaq p a {
      color: #185bc3; }
  .c5-sdk .c5-sdk-faq_wrap:not(:last-of-type) {
    margin-bottom: 40px; }
  .c5-sdk .c5-sdk-faq_label {
    display: flex;
    font-size: 18px;
    margin-bottom: 20px; }
    @media screen and (max-width: 639px) {
      .c5-sdk .c5-sdk-faq_label {
        font-size: 14px; } }
    .c5-sdk .c5-sdk-faq_label::before {
      content: "";
      display: block;
      flex-shrink: 0;
      width: 21px;
      height: 29px;
      background-image: url(../images/common/biz_sdk_icon_faq.svg);
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 16px; }
  .c5-sdk .c5-sdk-faq_bar {
    display: flex;
    margin-bottom: 24px; }
    @media screen and (max-width: 639px) {
      .c5-sdk .c5-sdk-faq_bar {
        margin-bottom: 13px; } }
    .c5-sdk .c5-sdk-faq_bar::before, .c5-sdk .c5-sdk-faq_bar::after {
      content: "";
      display: block;
      height: 1px; }
    .c5-sdk .c5-sdk-faq_bar::before {
      width: 100px;
      background-color: #185bc3; }
    .c5-sdk .c5-sdk-faq_bar::after {
      width: calc(100% - 100px);
      background-color: #d5d5d5; }
  .c5-sdk-footer {
    padding: 72px 0;
    background: linear-gradient(to right, #185bc3, #0b3980); }
    @media screen and (min-width: 640px) {
      .c5-sdk-footer {
        padding: 62px 0; } }
    .c5-sdk-footer .c5-sdk-btn_wrap {
      justify-content: center; }
      @media screen and (max-width: 639px) {
        .c5-sdk-footer .c5-sdk-btn_wrap {
          flex-direction: column;
          justify-content: start;
          align-items: center; } }
    .c5-sdk-footer .c5-sdk-btn {
      width: 280px; }
      .c5-sdk-footer .c5-sdk-btn:nth-of-type(1) {
        margin-right: 5.4%; }
        @media screen and (max-width: 639px) {
          .c5-sdk-footer .c5-sdk-btn:nth-of-type(1) {
            margin-right: 0;
            margin-bottom: 27px; } }
    .c5-sdk-footer .c5-sdk-btnColor a.c5-sdk-btn__link-color {
      background-color: #DAEDFF; }
    .c5-sdk-footer p.c5-sdk-footer__text {
      font-size: 14px;
      font-weight: 300;
      color: #ebebeb;
      text-align: center; }
  .c5-sdk-btn {
    text-align: center;
    line-height: 1; }
    .c5-sdk-btn a.c5-sdk-btn__link {
      display: block;
      line-height: 1;
      background: linear-gradient(to right, #185bc3, #0b3980);
      max-width: 280px;
      width: 100%;
      margin: 0 auto;
      text-align: left;
      border-radius: 50px;
      text-decoration: none;
      position: relative; }
      .c5-sdk-btn a.c5-sdk-btn__link.c5-sdk-btn-large {
        max-width: 568px !important; }
      .c5-sdk-btn a.c5-sdk-btn__link.c5-sdk-btn-border-blue {
        border: 1px solid #185bc3; }
      .c5-sdk-btn a.c5-sdk-btn__link::after {
        display: block;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #185bc3;
        opacity: 0;
        transition: all 0.3s ease;
        border-radius: 50px;
        z-index: 0; }
      @media screen and (min-width: 640px) {
        .c5-sdk-btn a.c5-sdk-btn__link {
          transition: all 0.3s ease; }
          .c5-sdk-btn a.c5-sdk-btn__link:hover {
            opacity: 1;
            text-decoration: none; }
            .c5-sdk-btn a.c5-sdk-btn__link:hover::after {
              opacity: 1; }
            .c5-sdk-btn a.c5-sdk-btn__link:hover span {
              color: #ffffff; }
              .c5-sdk-btn a.c5-sdk-btn__link:hover span::after {
                background-image: url(../images/common/biz_sdk_arrowRight_white.svg); } }
      .c5-sdk-btn a.c5-sdk-btn__link span {
        line-height: 1;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.05em;
        padding: 25px 24px 25px 32px;
        display: block;
        color: #fff;
        position: relative;
        z-index: 100; }
        @media screen and (min-width: 640px) {
          .c5-sdk-btn a.c5-sdk-btn__link span {
            transition: all 0.3s ease; } }
        .c5-sdk-btn a.c5-sdk-btn__link span::after {
          position: absolute;
          content: "";
          top: 50%;
          transform: translateY(-50%);
          right: 16px;
          width: 34px;
          height: 10px;
          background-image: url(../images/common/biz_sdk_arrowRight_white.svg);
          background-repeat: no-repeat;
          background-size: contain; }
      .c5-sdk-btn a.c5-sdk-btn__link-white {
        background: #fff;
        transition: all 0.3s ease; }
        .c5-sdk-btn a.c5-sdk-btn__link-white span {
          color: #185bc3; }
          .c5-sdk-btn a.c5-sdk-btn__link-white span::after {
            background-image: url(../images/common/biz_sdk_arrowRight_blue.svg); }
        @media screen and (min-width: 640px) {
          .c5-sdk-btn a.c5-sdk-btn__link-white:hover {
            background: linear-gradient(to right, #185bc3, #0b3980);
            border: 1px solid #fff; } }
      .c5-sdk-btn a.c5-sdk-btn__link-color {
        background: #fff;
        border: 1px solid transparent;
        text-shadow: none; }
        .c5-sdk-btn a.c5-sdk-btn__link-color::after {
          display: none; }
        .c5-sdk-btn a.c5-sdk-btn__link-color span {
          color: #185bc3;
          text-shadow: none; }
          .c5-sdk-btn a.c5-sdk-btn__link-color span::after {
            background-image: url(../images/common/biz_sdk_arrowRight_blue.svg); }
        @media screen and (min-width: 640px) {
          .c5-sdk-btn a.c5-sdk-btn__link-color:hover {
            background: transparent;
            border: 1px solid #fff; } }

/*=======================================================
  about （Camera Remote SDKとは）
======================================================== */
.c5-sdk-header-about {
  border-bottom: 1px solid #097ad1; }

.c5-sdkAbout-contents.c5-sdk-contents_fixed {
  margin-top: 50px; }
  @media screen and (min-width: 768px) {
    .c5-sdkAbout-contents.c5-sdk-contents_fixed {
      margin-top: 70px; } }
.c5-sdkAbout-contents .c5-sdk-about {
  background: #fff;
  margin-top: 0;
  margin-bottom: 72px; }
  @media screen and (min-width: 640px) {
    .c5-sdkAbout-contents .c5-sdk-about {
      margin-bottom: 89px; } }
  .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_description__img {
    margin-top: -12px; }
  .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock {
    margin-top: 48px;
    margin-bottom: 80px; }
    @media screen and (min-width: 640px) {
      .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock {
        margin-top: 57px;
        margin-bottom: 60px; } }
    .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__img {
      margin-top: 20px; }
      @media screen and (min-width: 640px) {
        .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__img {
          margin-top: 12px; } }
    .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__bottom {
      max-width: 830px;
      width: 100%;
      padding: 0 15px;
      margin: 0 auto; }
      .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__bottom p {
        text-align: right; }
        .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__bottom p.c5-sdk--caption {
          text-align: center;
          font-weight: 600;
          font-size: 16px;
          margin: 20px auto 0; }
          @media screen and (min-width: 640px) {
            .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__bottom p.c5-sdk--caption {
              margin: 60px auto 0;
              font-size: 18px; } }
          .c5-sdkAbout-contents .c5-sdk-about .c5-sdk-about_imageBlock__bottom p.c5-sdk--caption .c5-sdk--link {
            text-align: right; }

.c5-sdkAbout-mv {
  background: linear-gradient(to right, #185bc3, #0b3980); }
  .c5-sdkAbout-mv_inner {
    width: 92%;
    text-align: center;
    margin: 0 auto;
    padding: 58px 20px 100px;
    background: linear-gradient(180deg, transparent 0%, transparent 70%, #fff 70%, #fff 100%); }
    @media screen and (min-width: 640px) {
      .c5-sdkAbout-mv_inner {
        padding: 101px 20px 170px;
        max-width: 1200px;
        width: 100%;
        background: linear-gradient(180deg, transparent 0%, transparent 80%, #fff 80%, #fff 100%); } }
    @media screen and (max-width: 1200px) {
      .c5-sdkAbout-mv_inner {
        width: 92%; } }
  .c5-sdkAbout-mv_title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.75;
    color: #ffffff;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .c5-sdkAbout-mv_title {
        font-size: 28px; } }
  .c5-sdkAbout-mv_titleEn {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%; }
    @media screen and (min-width: 640px) {
      .c5-sdkAbout-mv_titleEn {
        width: 100%; } }

@media screen and (min-width: 640px) {
  .c5-sdk-about_description {
    max-width: 800px;
    width: 100%;
    margin: 0 auto; } }
.c5-sdk-about_description img {
  width: 180px;
  height: 87px;
  margin: 0 auto; }
  @media screen and (min-width: 640px) {
    .c5-sdk-about_description img {
      width: 268px;
      height: 130px; } }
.c5-sdk-about_description p.c5-sdk-about_description__text {
  margin-top: 32px;
  line-height: 2; }
  @media screen and (min-width: 640px) {
    .c5-sdk-about_description p.c5-sdk-about_description__text {
      margin-top: 38px; } }

/* ==================================================
活用事例
================================================== */
.c5-sdk_flexbox {
  display: flex;
  flex-wrap: wrap; }

.c5-sdk_bg-gray {
  width: 100%;
  background-color: #f5f5f5; }

.c5-sdk-topBox .c5-sdkAbout-mv_titleEn {
  width: 100%; }

.c5-sdk_container {
  margin-top: -65px; }
  @media screen and (max-width: 639px) {
    .c5-sdk_container {
      margin-top: -61px; } }
  @media screen and (max-width: 639px) {
    .c5-sdk_container p {
      font-size: 14px; } }
  .c5-sdk_container img {
    width: 100%;
    height: auto; }
  .c5-sdk_container.c5-sdk-blueinnovation .c5-sdk-case_main {
    padding-bottom: 40px; }

.c5-sdk-case_hero {
  box-shadow: 12px 12px 12px #00000014;
  margin-bottom: 84px; }
  @media screen and (max-width: 639px) {
    .c5-sdk-case_hero {
      margin-bottom: 43px; } }
  .c5-sdk-case_hero.-pdfBlock {
    margin-bottom: 0; }

.c5-sdk-case_inner {
  display: flex; }
  @media screen and (max-width: 639px) {
    .c5-sdk-case_inner {
      flex-direction: column-reverse; } }

.c5-sdk-case_description {
  width: calc(100% / 3);
  padding: 1.5% 2.6% 1.5% 2.6%;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #E2E2E2; }
  @media screen and (max-width: 900px) {
    .c5-sdk-case_description {
      width: calc(100% / 5 * 2); } }
  @media screen and (max-width: 639px) {
    .c5-sdk-case_description {
      width: 100%;
      min-height: auto;
      padding: 40px 9%; } }

.c5-sdk-case_description_logo {
  margin-bottom: 32px; }
  @media screen and (max-width: 639px) {
    .c5-sdk-case_description_logo {
      margin-bottom: 25px; } }
  .c5-sdk-case_description_logo img {
    width: 246px;
    height: 114px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .c5-sdk-case_description_logo img {
        width: 218px;
        height: 102px; } }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_description_logo img {
        width: 246px;
        height: 115px; } }

p.c5-sdk-case_heroTitle {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 28px; }
  @media screen and (max-width: 639px) {
    p.c5-sdk-case_heroTitle {
      margin-bottom: 14px; } }
  p.c5-sdk-case_heroTitle::before, p.c5-sdk-case_heroTitle::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #d5d5d5;
    border-top: 1px solid #d5d5d5; }
  p.c5-sdk-case_heroTitle::before {
    margin-right: 24px; }
  p.c5-sdk-case_heroTitle::after {
    margin-left: 24px; }

p.c5-sdk-case_herotext {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 10px; }

.c5-sdk-case_heroImg {
  width: calc(100% / 3 * 2); }
  @media screen and (max-width: 900px) {
    .c5-sdk-case_heroImg {
      width: calc(100% / 5 * 3); } }
  @media screen and (max-width: 639px) {
    .c5-sdk-case_heroImg {
      width: 100%; } }
  .c5-sdk-case_heroImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_heroImg img {
        height: auto;
        object-fit: fill; } }

.c5-sdk-case-company-logo {
  display: flex;
  justify-content: center; }
  .c5-sdk-case-company-logo img {
    width: auto;
    height: 55px; }
  .c5-sdk-case-company-logo.-blueinnovation img {
    width: 100%;
    max-width: 254px;
    height: auto; }

.c5-sdk-case_main {
  padding-bottom: 128px; }
  @media screen and (max-width: 639px) {
    .c5-sdk-case_main {
      padding-bottom: 72px; } }
  .c5-sdk-case_main h2 {
    font-size: 32px;
    font-weight: bold;
    color: #185bc3;
    line-height: 1.75;
    text-align: center;
    border-bottom: 1px solid #097ad1;
    margin-bottom: 41px;
    padding-bottom: 11px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main h2 {
        font-size: 20px;
        margin-bottom: 25px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap:not(:last-of-type) {
    margin-bottom: 80px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap:not(:last-of-type) {
        margin-bottom: 35px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-sdk_flexbox > div:nth-of-type(1) {
    width: 41.7%;
    padding-top: 8px;
    margin-right: 3.95%; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-sdk_flexbox > div:nth-of-type(1) {
        width: 100%;
        padding-top: 3px;
        margin-right: 0;
        margin-bottom: 24px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-sdk_flexbox > div:nth-of-type(2) {
    width: 54.35%; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-sdk_flexbox > div:nth-of-type(2) {
        width: 100%; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-sdk_flexbox .c5-sdk-case_contentImg:not(:last-of-type) {
    margin-bottom: 48px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-sdk_flexbox .c5-sdk-case_contentImg:not(:last-of-type) {
        margin-bottom: 32px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_block__ttl {
    margin-bottom: 50px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_block__ttl {
        margin-bottom: 40px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap h3 {
    font-size: 24px;
    line-height: 1.75; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap h3 {
        font-size: 18px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap h4 {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 14px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap h4 {
        font-size: 14px;
        margin-bottom: 5px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap p:not(:last-of-type) {
    margin-bottom: 32px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap p:not(:last-of-type) {
        margin-bottom: 18px; } }
  .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l {
    max-width: 500px;
    margin: 0 40px 40px 0; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l {
        margin: 30px auto 0 auto; } }
    .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l > div {
      box-shadow: 12px 12px 12px #00000014; }
    .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l p.c5-cs_floatimg_l-text {
      margin-top: 0;
      margin-bottom: 0; }
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l p.c5-cs_floatimg_l-text small {
        display: block;
        font-size: 14px; }
        @media screen and (max-width: 639px) {
          .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l p.c5-cs_floatimg_l-text small {
            font-size: 10px; } }
      .c5-sdk-case_main .c5-sdk-case_contentWrap .c5-cs_floatimg_l p.c5-cs_floatimg_l-text:first-of-type {
        margin-top: 10px; }
  .c5-sdk-case_main .c5-sdk-case_subContent {
    margin-bottom: 32px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-case_main .c5-sdk-case_subContent {
        margin-top: 18px; } }

.c5-sdk-case_contentImg {
  box-shadow: 12px 12px 12px #00000014; }

ul.c5-sdk-case_productList {
  display: flex;
  margin-top: 128px; }
  @media screen and (max-width: 639px) {
    ul.c5-sdk-case_productList {
      margin-top: 72px; } }
  ul.c5-sdk-case_productList.c5-sdk-case_productColumn1 {
    justify-content: center; }
  ul.c5-sdk-case_productList.c5-sdk-case_productColumn2 {
    justify-content: space-between;
    gap: 50px; }
    @media screen and (max-width: 639px) {
      ul.c5-sdk-case_productList.c5-sdk-case_productColumn2 {
        flex-direction: column;
        align-items: center;
        justify-content: start;
        gap: 20px; } }
  ul.c5-sdk-case_productList .c5-sdk-case-products_item {
    max-width: 552px;
    width: 100%;
    padding: 48px 20px;
    border-radius: 6px;
    background-color: #f5f5f5; }
    @media screen and (max-width: 639px) {
      ul.c5-sdk-case_productList .c5-sdk-case-products_item {
        max-width: none;
        padding: 32px 20px; } }
    ul.c5-sdk-case_productList .c5-sdk-case-products_item .s5-small2 {
      font-size: 0.625rem;
      text-align: center;
      margin-top: 16px; }
      @media screen and (max-width: 639px) {
        ul.c5-sdk-case_productList .c5-sdk-case-products_item .s5-small2 {
          font-size: 0.57143rem; } }
  ul.c5-sdk-case_productList .c5-sdk-products_item__img {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 20px auto; }
    @media screen and (max-width: 639px) {
      ul.c5-sdk-case_productList .c5-sdk-products_item__img {
        width: 220px;
        margin: 0 auto 14px auto; } }
  ul.c5-sdk-case_productList .c5-sdk-case-products_item__text {
    text-align: center;
    margin-bottom: 6px; }
    @media screen and (max-width: 639px) {
      ul.c5-sdk-case_productList .c5-sdk-case-products_item__text {
        margin-bottom: 0; } }
  ul.c5-sdk-case_productList .c5-sdk-case-products_item__title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.36;
    margin-bottom: 9px; }
    @media screen and (max-width: 639px) {
      ul.c5-sdk-case_productList .c5-sdk-case-products_item__title {
        font-size: 18px;
        margin-bottom: 16px; } }

.c5-sdk-caseStudy {
  padding: 85px 0; }
  @media screen and (max-width: 639px) {
    .c5-sdk-caseStudy {
      padding: 65px 0; } }
  .c5-sdk-caseStudy img {
    width: 100%;
    height: auto; }

h2.c5-sdk-caseStudy_title {
  font-size: 32px;
  color: #185bc3;
  line-height: 1.86;
  margin-bottom: 16px; }
  @media screen and (max-width: 639px) {
    h2.c5-sdk-caseStudy_title {
      font-size: 22px;
      margin-bottom: 23px; } }

.c5-sdk-caseStudy_list {
  display: flex;
  flex-wrap: wrap; }
  .c5-sdk-caseStudy_list.-sdkTop li {
    width: 21%; }
    @media screen and (max-width: 639px) {
      .c5-sdk-caseStudy_list.-sdkTop li {
        width: 100%; } }
  .c5-sdk-caseStudy_list li {
    width: 30%;
    margin-right: 5%; }
    .c5-sdk-caseStudy_list li:last-of-type {
      margin-right: 0; }
      @media screen and (max-width: 639px) {
        .c5-sdk-caseStudy_list li:last-of-type {
          margin-bottom: 0; } }
    @media screen and (max-width: 639px) {
      .c5-sdk-caseStudy_list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px; } }
    .c5-sdk-caseStudy_list li img {
      box-shadow: 12px 12px 12px #00000014;
      margin-bottom: 25px; }
    .c5-sdk-caseStudy_list li h3 {
      line-height: 1.5;
      font-size: 20px;
      margin-bottom: 3px; }
      @media screen and (max-width: 639px) {
        .c5-sdk-caseStudy_list li h3 {
          font-size: 18px;
          margin-bottom: 8px; } }
    .c5-sdk-caseStudy_list li a {
      text-decoration: none; }
      @media screen and (min-width: 640px) {
        .c5-sdk-caseStudy_list li a {
          transition: all 0.3s ease; }
          .c5-sdk-caseStudy_list li a:focus, .c5-sdk-caseStudy_list li a:hover {
            opacity: 0.7; } }

/* ==================================================
c5-sdk-caution
================================================== */
.c5-sdk-caution {
  margin-top: 30px; }
  .c5-sdk-caution .s5-small1 {
    font-size: .84rem; }
    @media screen and (min-width: 640px) {
      .c5-sdk-caution .s5-small1 {
        font-size: 0.75rem; } }

/* ==================================================
活用シーン
================================================== */
.c5-sdk-contents-case .c5-sdk-case_description {
  background-color: #fff; }

.c5-sdk-solution_hero {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 12px 12px 12px #00000014; }

.c5-sdk-solution_heroImg {
  width: 37.6%;
  min-height: 280px; }
  .c5-sdk-solution_heroImg img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_heroImg {
      width: 100%; } }

.c5-sdk-solution_description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 62.4%;
  position: relative;
  background-color: #f5f5f5;
  padding: 90px 4.2% 92px 4.2%; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_description {
      width: 100%;
      padding: 28px 6.5% 78px 6.5%; } }
  .c5-sdk-solution_description .c5-sdk-solution_heroTitle {
    position: relative;
    z-index: 2;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 7px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_description .c5-sdk-solution_heroTitle {
        font-size: 18px; } }
  .c5-sdk-solution_description .c5-sdk-solution_num {
    height: 94px;
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 1; }
    @media screen and (max-width: 900px) {
      .c5-sdk-solution_description .c5-sdk-solution_num {
        height: 70px;
        top: 24px;
        right: 24px; } }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_description .c5-sdk-solution_num {
        height: 64px;
        top: auto;
        right: 20px;
        bottom: 20px; } }
    .c5-sdk-solution_description .c5-sdk-solution_num img {
      width: auto;
      height: 100%; }

.c5-sdk-solution_main {
  padding-top: 64px; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_main {
      padding-top: 48px; } }
  .c5-sdk-solution_main img {
    width: 100%;
    height: auto; }

.c5-sdk-solution_wrap {
  padding: 64px 0; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_wrap {
      padding: 48px 0; } }
  .c5-sdk-solution_wrap.c5-sdk-solution_wrap-large {
    padding: 64px 0 128px 0; }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_wrap.c5-sdk-solution_wrap-large {
        padding: 48px 0 72px 0; } }
  .c5-sdk-solution_wrap .c5-sdk-solutions_item p.c5-sdk-solutions_item__text {
    margin-top: 1px; }
  .c5-sdk-solution_wrap .c5-sdk-solutions_item .c5-sdk-btn {
    margin-top: 18px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_wrap .c5-sdk-solutions_item .c5-sdk-btn {
        margin-top: 12px; } }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_wrap .c5-sdk-solutions_item__title {
      margin-top: 28px; } }
  .c5-sdk-solution_wrap .c5-sdk-solutions_item__title p {
    min-height: 60px;
    margin-left: 0; }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_wrap .c5-sdk-solutions_item__title p {
        min-height: auto;
        font-size: 18px; } }

.c5-sdk-solution_label {
  display: flex;
  align-items: center;
  margin-bottom: 22px; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_label {
      margin-bottom: 13px; } }
  .c5-sdk-solution_label .c5-sdk-solution_labelIcon {
    width: 108px;
    margin-right: 24px; }
  .c5-sdk-solution_label h2 {
    font-size: 32px;
    font-weight: bold;
    color: #185bc3; }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_label h2 {
        font-size: 18px; } }

.c5-sdk-solution_text {
  margin-bottom: 42px; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_text {
      margin-bottom: 24px; } }
  .c5-sdk-solution_text p:not(:last-of-type) {
    margin-bottom: 32px; }
    @media screen and (max-width: 639px) {
      .c5-sdk-solution_text p:not(:last-of-type) {
        margin-bottom: 18px; } }

.c5-sdk-solution_image {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  box-shadow: 12px 12px 12px #00000014; }

.c5-sdk-solution_images-column2 {
  display: flex;
  gap: 8%; }
  @media screen and (max-width: 639px) {
    .c5-sdk-solution_images-column2 {
      flex-direction: column;
      gap: 32px; } }
  .c5-sdk-solution_images-column2 > div {
    width: 100%;
    box-shadow: 12px 12px 12px #00000014; }

/*=======================================================
	.c5-cs_productCols .c5-cs_product
======================================================== */
.c5-cs_productCols .c5-cs_product {
  margin-top: 16px;
  margin-bottom: 40px; }
  @media screen and (min-width: 640px) {
    .c5-cs_productCols .c5-cs_product {
      display: flex;
      gap: 40px; } }

@media screen and (min-width: 640px) {
  .c5-cs_productCols .c5-cs_product__img {
    margin: 0 0 20px 0;
    flex: 0 1 235px; } }
.c5-cs_productCols .c5-cs_product__img img {
  margin: 0 auto; }

@media screen and (min-width: 640px) {
  .c5-cs_product__text {
    flex: 0 1 280px; } }
.c5-cs_product__text p {
  line-height: 1.8; }
  .c5-cs_product__text p.s5-small2 {
    font-size: .625rem;
    margin-top: 16px; }
  .c5-cs_product__text p span {
    font-weight: bold;
    font-size: 22px; }
    @media screen and (min-width: 640px) {
      .c5-cs_product__text p span {
        font-size: 18px; } }
  .c5-cs_product__text p a {
    text-decoration: none; }
  .c5-cs_product__text p .s5-button {
    font-size: 14px;
    margin-top: 10px; }
    .c5-cs_product__text p .s5-button:before {
      content: none; }
    @media screen and (min-width: 640px) {
      .c5-cs_product__text p .s5-button:hover {
        color: #fff;
        opacity: 1;
        background: #34568e; } }

/*	フェードイン
======================================================== */
.text {
  margin-bottom: 150px; }

.scrollAnimation,
.scrollAnimation_2,
.scrollAnimation_3,
.scrollAnimation_4 {
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s; }

.scrollAnimation_2 {
  transition-delay: 1s; }
  @media screen and (min-width: 640px) {
    .scrollAnimation_2 {
      transition-delay: 0.5s; } }

.scrollAnimation_3 {
  transition-delay: 1s; }
  @media screen and (min-width: 640px) {
    .scrollAnimation_3 {
      transition-delay: 1s; } }

.scrollAnimation_4 {
  transition-delay: 1s; }
  @media screen and (min-width: 640px) {
    .scrollAnimation_4 {
      transition-delay: 1.5s; } }

.scrollAnimation_left {
  transform: translateX(-30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s; }

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

/*	c5-sdk-header
======================================================== */
.c5-sdk-header {
  transition: all 0.3s ease;
  position: relative; }
  .c5-sdk-header.c5-sdk-header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; }

/*▽▽▽▽▽sdk用にカスタム▽▽▽▽▽*/
.c5-sdk-headerSub {
  transition: all 0.3s ease;
  position: relative; }
  .c5-sdk-headerSub.c5-sdk-header_fixed {
    position: fixed;
    top: 126px !important;
    left: 0;
    width: 100%;
    z-index: 1000; }
    @media screen and (max-width: 1200px) {
      .c5-sdk-headerSub.c5-sdk-header_fixed {
        top: 0 !important; } }

/*△△△△△sdk用にカスタム△△△△△*/
.c5-sdk-nav {
  position: relative;
  background-color: #185bc3; }
  .c5-sdk-nav a[target="_blank"]::after {
    display: none; }

.c5-sdk-gnav {
  width: auto; }

.c5-sdk-nav_inner {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px; }
  @media screen and (min-width: 1201px) {
    .c5-sdk-nav_inner {
      max-width: 1230px;
      width: 100%;
      height: 70px;
      margin: 0 auto;
      padding: 0 30px; } }

.c5-sdk-gnav {
  width: 100%;
  background-color: #185bc3; }
  @media screen and (max-width: 1200px) {
    .c5-sdk-gnav {
      transition: all 0.3s ease;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
      z-index: 120;
      visibility: hidden;
      opacity: 0;
      overflow: scroll; } }
  @media screen and (max-width: 1200px) {
    .is-hamburgerOpen .c5-sdk-gnav {
      visibility: visible;
      opacity: 1; } }

@media screen and (max-width: 1200px) {
  .c5-sdk-gnav_container {
    overflow: scroll;
    height: 100vh;
    padding: 0 0 200px; } }
@media screen and (min-width: 1201px) {
  .is-hamburgerOpen .c5-sdk-gnav_container {
    visibility: visible;
    opacity: 1; } }
@media screen and (max-width: 1200px) {
  .c5-sdk-gnav_container .c5-sdk-btn {
    margin-top: 16px;
    padding: 0 15px; }
    .c5-sdk-gnav_container .c5-sdk-btn.c5-sdk-btnColor .c5-sdk-btn__link {
      background-color: #DAEDFF; } }
    @media screen and (max-width: 1200px) and (min-width: 640px) {
      .c5-sdk-gnav_container .c5-sdk-btn.c5-sdk-btnColor .c5-sdk-btn__link:hover {
        background-color: transparent; } }
@media screen and (max-width: 1200px) {
    .c5-sdk-gnav_container .c5-sdk-btn .c5-sdk-btn__link {
      width: 100%;
      max-width: none; } }
@media screen and (min-width: 1201px) {
  .c5-sdk-gnav_container .c5-sdk-btn {
    display: none; } }

@media screen and (min-width: 1201px) {
  .c5-sdk-gnav_list {
    display: flex; } }
.c5-sdk-gnav_list + .c5-sdk-btn {
  margin-top: 16px;
  padding: 0 15px; }
  @media screen and (min-width: 1201px) {
    .c5-sdk-gnav_list + .c5-sdk-btn {
      display: none; } }
  .c5-sdk-gnav_list + .c5-sdk-btn .c5-sdk-btn__link {
    max-width: none; }
    .c5-sdk-gnav_list + .c5-sdk-btn .c5-sdk-btn__link span {
      padding: 24px; }

.c5-sdk-gnav_item {
  position: relative;
  cursor: pointer; }
  .c5-sdk-gnav_item:first-of-type {
    border-top: 1px solid #097ad1; }
    @media screen and (min-width: 1201px) {
      .c5-sdk-gnav_item:first-of-type {
        border-top: none; } }
  .c5-sdk-gnav_item:nth-last-of-type(n + 2) {
    border-bottom: 1px solid #097ad1; }
    @media screen and (min-width: 1201px) {
      .c5-sdk-gnav_item:nth-last-of-type(n + 2) {
        border-bottom: none; } }
  @media screen and (min-width: 1201px) {
    .c5-sdk-gnav_item:nth-of-type(n + 2) {
      margin-left: 24px; } }
  .c5-sdk-gnav_item::after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 0; }
  .c5-sdk-gnav_item a,
  .c5-sdk-gnav_item span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 11px 15px;
    line-height: 2; }
    @media screen and (max-width: 1200px) {
      .c5-sdk-gnav_item a,
      .c5-sdk-gnav_item span {
        display: block; } }
    @media screen and (min-width: 1201px) {
      .c5-sdk-gnav_item a,
      .c5-sdk-gnav_item span {
        transition: all 0.6s ease;
        padding: 8px 0;
        border-bottom: 1px solid #185bc3;
        text-decoration: none;
        font-size: 14px; }
        .c5-sdk-gnav_item a:hover,
        .c5-sdk-gnav_item span:hover {
          color: #fff;
          opacity: 1;
          border-bottom: 1px solid #fff; } }
    @media screen and (min-width: 900px) {
      .c5-sdk-gnav_item a,
      .c5-sdk-gnav_item span {
        font-size: 16px; } }
  .c5-sdk-gnav_item a.-arrow {
    display: flex;
    align-items: center;
    line-height: 1; }
    @media screen and (max-width: 1200px) {
      .c5-sdk-gnav_item a.-arrow {
        justify-content: space-between;
        line-height: 2; } }
    .c5-sdk-gnav_item a.-arrow::after {
      content: "";
      width: 10px;
      height: 5px;
      background-image: url(../images/common/biz_sdk_parts_arrow_bottom_white.svg);
      background-size: contain;
      background-repeat: no-repeat;
      margin-left: 8px; }
  .c5-sdk-gnav_item span {
    display: flex;
    align-items: center;
    line-height: 1; }
    @media screen and (max-width: 1200px) {
      .c5-sdk-gnav_item span {
        justify-content: space-between;
        line-height: 2; } }
    .c5-sdk-gnav_item span::after {
      content: "";
      width: 10px;
      height: 5px;
      background-image: url(../images/common/biz_sdk_parts_arrow_bottom_white.svg);
      background-size: contain;
      background-repeat: no-repeat;
      margin-left: 8px; }
    @media screen and (max-width: 1200px) {
      .c5-sdk-gnav_item span.c5-sdk_subMenu-active::after {
        transform: rotate(180deg); } }
  .c5-sdk-gnav_item .c5-sdk-gnav_subMenu {
    display: none;
    width: 420px;
    position: absolute;
    left: 50%;
    top: 51px;
    z-index: 2000;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 36px rgba(0, 0, 0, 0.12); }
    @media screen and (max-width: 1200px) {
      .c5-sdk-gnav_item .c5-sdk-gnav_subMenu {
        position: static;
        width: 100%;
        transform: none;
        border-radius: 0; } }
    .c5-sdk-gnav_item .c5-sdk-gnav_subMenu.c5-sdk-gnav_subMenu-isOpen {
      display: block; }
    .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: black;
      padding: 10px 16px;
      border: none; }
      @media screen and (max-width: 1200px) {
        .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a {
          justify-content: start;
          color: white;
          background-color: #0f3980;
          padding: 11px 15px; } }
      .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a:not(:last-of-type) {
        border-bottom: 1px solid #e2e2e2; }
        @media screen and (max-width: 1200px) {
          .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a:not(:last-of-type) {
            border-bottom: 1px solid #097ad1; } }
      @media screen and (max-width: 1200px) {
        .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a::before {
          content: "";
          display: block;
          flex-shrink: 0;
          width: 11px;
          height: 2px;
          background-image: url(../images/common/biz_sdk_parts_bar_white.svg);
          background-size: contain;
          background-repeat: no-repeat;
          margin-right: 8px; } }
      .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a::after {
        content: "";
        display: block;
        flex-shrink: 0;
        width: 8px;
        height: 14px;
        background-image: url(../images/common/biz_sdk_parts_arrow_blue.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 16px; }
        @media screen and (max-width: 1200px) {
          .c5-sdk-gnav_item .c5-sdk-gnav_subMenu a::after {
            display: none; } }
    .c5-sdk-gnav_item .c5-sdk-gnav_subMenu::before {
      content: "";
      display: block;
      width: 30px;
      height: 10px;
      position: absolute;
      left: 50%;
      top: -10px;
      transform: translate(-50%);
      z-index: 2001;
      background-image: url(../images/common/biz_sdk_parts_triangle.svg);
      background-size: contain;
      background-repeat: no-repeat; }
      @media screen and (max-width: 1200px) {
        .c5-sdk-gnav_item .c5-sdk-gnav_subMenu::before {
          display: none; } }
  .c5-sdk-gnav_item.c5-sdk-gnav_item--contact {
    display: none; }
    @media screen and (min-width: 1201px) {
      .c5-sdk-gnav_item.c5-sdk-gnav_item--contact {
        display: block;
        background-color: #185bc3; }
        .c5-sdk-gnav_item.c5-sdk-gnav_item--contact a {
          background-color: #fff;
          color: #185bc3;
          border: 1px solid transparent;
          padding: 8px 12px;
          transition: all 0.3s ease;
          border-radius: 18px; }
          .c5-sdk-gnav_item.c5-sdk-gnav_item--contact a:hover {
            text-decoration: none;
            background-color: #185bc3;
            color: #fff;
            border: 1px solid #fff; } }
  .c5-sdk-gnav_item.c5-sdk-gnav_item--contactColor {
    display: none; }
    @media screen and (min-width: 1201px) {
      .c5-sdk-gnav_item.c5-sdk-gnav_item--contactColor {
        display: block;
        background-color: #185bc3; }
        .c5-sdk-gnav_item.c5-sdk-gnav_item--contactColor a {
          background-color: #DAEDFF;
          color: #185bc3;
          border: 1px solid transparent;
          padding: 8px 12px;
          transition: all 0.3s ease;
          border-radius: 18px; }
          .c5-sdk-gnav_item.c5-sdk-gnav_item--contactColor a:hover {
            text-decoration: none;
            background-color: #185bc3;
            color: #fff;
            border: 1px solid #fff; } }

.c5-sdk-nav_logo a {
  font-size: 18px;
  font-weight: 700;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", "Meiryo", sans-serif;
  line-height: 1;
  color: #fff; }
  @media screen and (min-width: 1201px) {
    .c5-sdk-nav_logo a {
      font-size: 24px;
      transition: all 0.3s ease; }
      .c5-sdk-nav_logo a:hover {
        text-decoration: none;
        opacity: 0.7; } }

.c5-sdk-globalNav_hamburger {
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 30px;
  border-bottom-left-radius: 16px; }
  @media screen and (min-width: 1201px) {
    .c5-sdk-globalNav_hamburger {
      display: none; } }

.c5-sdk-globalNav_hamburgerLine {
  display: block;
  width: 20px;
  height: 1px;
  background-color: #fff;
  transition: all 0.5s;
  margin: 0 auto; }
  .c5-sdk-globalNav_hamburgerLine + .c5-sdk-globalNav_hamburgerLine {
    margin-top: 6px; }
  .c5-sdk-globalNav_hamburger[aria-expanded="true"] .c5-sdk-globalNav_hamburgerLine:nth-of-type(1) {
    transform: translate(0px, 8px) rotate(45deg); }
  .c5-sdk-globalNav_hamburger[aria-expanded="true"] .c5-sdk-globalNav_hamburgerLine:nth-of-type(2) {
    opacity: 0; }
  .c5-sdk-globalNav_hamburger[aria-expanded="true"] .c5-sdk-globalNav_hamburgerLine:nth-of-type(3) {
    transform: translate(0px, -6px) rotate(-45deg); }

.c5-sdk-gnav_item {
  color: #fff; }

/*	c5-sdk-case_companyBlock
======================================================== */
.c5-sdk-companyBlock {
  padding: 30px 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5; }
  @media screen and (min-width: 640px) {
    .c5-sdk-companyBlock {
      padding: 20px 0; } }

.c5-sdk-companyBlock_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px; }
  @media screen and (min-width: 640px) {
    .c5-sdk-companyBlock_list {
      flex-direction: row;
      align-items: center; } }

.c5-sdk-companyBlock_img {
  max-width: 254px; }
  @media screen and (min-width: 640px) {
    .c5-sdk-companyBlock_img {
      flex: 0 1 254px; } }

.c5-sdk-companyBlock_desc {
  text-align: center; }
  @media screen and (min-width: 640px) {
    .c5-sdk-companyBlock_desc {
      text-align: left; } }

p.c5-sdk-companyBlock_list-title {
  font-size: 17px;
  font-weight: 700; }

.c5-sdk-companyBlock_list-link {
  color: #185bc3; }
  @media screen and (min-width: 640px) {
    .c5-sdk-companyBlock_list-link {
      transition: all 0.3s ease; }
      .c5-sdk-companyBlock_list-link:hover {
        text-decoration: underline;
        color: #185bc3; } }
  .c5-sdk-companyBlock_list-link:after {
    display: inline-block;
    content: "";
    margin-left: 10px;
    width: 15px;
    height: 12px;
    background-repeat: no-repeat;
    background-image: url(../../images/icon_blank.png);
    background-size: contain; }

/*	c5-sdk-pdfBlock
======================================================== */
.c5-sdk-pdfBlock {
  margin-top: 20px; }
  @media screen and (min-width: 640px) {
    .c5-sdk-pdfBlock {
      margin-top: 40px; } }
  .c5-sdk-pdfBlock + .c5-sdk-case_main {
    margin-top: 43px; }
    @media screen and (min-width: 640px) {
      .c5-sdk-pdfBlock + .c5-sdk-case_main {
        margin-top: 84px; } }

.c5-sdk-pdfBlock_link {
  display: block;
  max-width: 220px;
  width: 100%;
  height: auto;
  margin-left: auto; }

/*	c5-sdk-tocList
======================================================== */
ul.c5-sdk-tocList {
  list-style-type: disc;
  padding: 20px 0 20px 15px;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5; }

.c5-sdk-tocItem a {
  color: #185bc3; }
  @media screen and (min-width: 640px) {
    .c5-sdk-tocItem a {
      transition: all 0.3s ease; }
      .c5-sdk-tocItem a:hover {
        text-decoration: underline; } }