@charset 'utf-8';

@media only screen and (min-width: 1280px) {
  .sisilab_wrap {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 72px;
    margin-bottom: 100px; }
    .sisilab_wrap .sisilab_head {
      margin-bottom: 31px; }
    .sisilab_wrap .sisilab_title {
      margin-bottom: 50px; }
    .sisilab_wrap .sisilab_txt_block {
      margin-bottom: 80px; }
      .sisilab_wrap .sisilab_txt_block:last-child {
        margin-bottom: 0px; }
    .sisilab_wrap .sisilab_txt {
      margin-top: 38px;
      white-space: nowrap; }
    .sisilab_wrap .sisilab_note {
      white-space: nowrap;
      margin-top: 38px; }
    .sisilab_wrap .sisilab_caption {
      margin-top: 30px; }
  .sisilab_kv {
    padding-left: 56px;
    padding-right: 56px;
    margin-bottom: 100px; }
    .sisilab_kv .inner {
      position: relative; }
      .sisilab_kv .inner .bg {
        width: 100%;
        position: relative;
        background: #F7F7F7;
        border-radius: 10px;
        overflow: hidden; }
        .sisilab_kv .inner .bg:before {
          content: "";
          display: block;
          padding-top: 47.05%; }
        .sisilab_kv .inner .bg img {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          object-position: top;
          }
      .sisilab_kv .inner .info {
        position: absolute;
        width: 50%;
        height: 100%;
        left: 50%;
        top: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 40px 0 40px;
        }
        .sisilab_kv .inner .info .logo {
          text-align: center;
          margin-bottom: 72px;
          display: none;
          }
        .sisilab_kv .inner .info .lead {
          margin-bottom: 40px;
          color: white;
          }
      .sisilab_kv .inner .btn .m_btn_readmore_bk {
        margin-bottom: 20px; }
      .sisilab_kv .inner .btn .m_btn_readmore_bk a {
        width: 100%; }
      .sisilab_kv .inner .sisilab_img {
        margin-bottom: 10px;
        line-height: 1.0;
        border: 1px solid #000000;
        border-radius: 10px;
        width: 320px;
        overflow: hidden; }
        .sisilab_kv .inner .sisilab_img img {
          width: 100%; }
  .sisilab_clm {
    padding-left: 215px;
    padding-right: 215px; }
    .sisilab_clm .inner {
      display: flex;
      gap: 60px;
      }
      .sisilab_clm .inner .sisilab_clm_txt {
        width: calc(50% - 10px);
        box-sizing: border-box; }
      .sisilab_clm .inner .sisilab_clm_img {
        width: calc(50% - 10px);
        box-sizing: border-box; }
        .sisilab_clm .inner .sisilab_clm_img figure {
          line-height: 1.0;
          font-size: 0;
          border: 1px solid #000000;
          border-radius: 10px;
          width: 100%;
          overflow: hidden; }
          .sisilab_clm .inner .sisilab_clm_img figure img {
            width: 100%; }
  .sisilab_clm_r {
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 150px;
    }
    .sisilab_clm_r .inner {
      display: flex;
      flex-direction: row-reverse;
      gap: 60px;
      }
      .sisilab_clm_r .inner .sisilab_clm_img {
        padding-left: 0px;
        padding-right: 60px;
        width: calc(50%);
        box-sizing: border-box; }
        .sisilab_clm_r .inner .sisilab_clm_img figure {
          border-radius: 0px;
          font-size: 0;
          border: none;
          width: 100%;
          border: 1px solid #000000;
          border-radius: 10px;
          }
          .sisilab_clm_r .inner .sisilab_clm_img figure img {
            width: 100%;
            border-radius: 10px;
            }
      .sisilab_clm_r .inner .sisilab_clm_txt {
        width: 50%;
        box-sizing: border-box;
        padding-right: 0px;
        padding-top: 130px; }
  .sisilab_video {
    width: 670px;
    margin: 0 auto;
    margin-bottom: 150px; }
    .sisilab_video .inner .sisilab_head {
      text-align: center; }
    .sisilab_video .inner .video {
      width: 100%;
      position: relative;
      margin-bottom: 50px; }
      .sisilab_video .inner .video:before {
        content: "";
        display: block;
        padding-top: 56.25%; }
      .sisilab_video .inner .video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px; }
    .sisilab_video .inner .btn {
      padding-left: 55px;
      padding-right: 55px;
      text-align: center; }
      .sisilab_video .inner .btn .m_btn_readmore_bk {
        margin-bottom: 20px; }
        .sisilab_video .inner .btn .m_btn_readmore_bk a {
          width: 100%; }
      .sisilab_video .inner .btn > a {
        text-decoration: underline; }
  .sisilab_voice {
    width: 700px;
    margin: 0 auto;
    margin-bottom: 150px; }
    .sisilab_voice .inner .sisilab_head {
      text-align: center; }
    .sisilab_voice .inner .items .item {
      padding: 50px;
      background: white;
      border: 1px solid;
      margin-bottom: 25px; }
      .sisilab_voice .inner .items .item .icons {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 27px; }
        .sisilab_voice .inner .items .item .icons .icon {
          width: 80px;
          height: 80px;
          border-radius: 80px;
          border: 1px solid;
          display: flex;
          justify-content: center;
          align-items: center; }
          .sisilab_voice .inner .items .item .icons .icon img {
            width: 40px;
            height: 40px; }
        .sisilab_voice .inner .items .item .icons .txt {
          width: calc(100% - 80px - 20px); }
          .sisilab_voice .inner .items .item .icons .txt .name {
            /* color: rgba(0, 0, 0, 0.5); */
            margin-bottom: 0.5em;
            }
  .sisilab_dev {
    width: 1010px;
    margin: 0 auto;
    margin-bottom: 150px; }
    .sisilab_dev .inner {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .sisilab_dev .inner figure {
        line-height: 1.0;
        font-size: 0;
        border: 1px solid #000000;
        border-radius: 10px;
        width: 320px;
        overflow: hidden; }
        .sisilab_dev .inner figure img {
          width: 100%; }
      .sisilab_dev .inner .desc {
        width: 495px; }
  .sisilab_item {
    width: 1010px;
    margin: 0 auto;
    border-top: 1px solid;
    padding-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid; }
    .sisilab_item .inner {
      text-align: center; }
      .sisilab_item .inner > a {
        text-decoration: underline; }
      .sisilab_item .inner .sisilab_head {
        margin-bottom: 100px; }
        .sisilab_item .inner .items .item {
          margin-bottom: 60px;
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          text-align: left; }
          .sisilab_item .inner .items .item:last-child {
            margin-bottom: 0px; }
          .sisilab_item .inner .items .item figure {
            line-height: 1.0;
            font-size: 0;
            border: 1px solid #000000;
            border-radius: 10px;
            width: 435px;
            overflow: hidden; }
            .sisilab_item .inner .items .item figure img {
              width: 100%; }
            .sisilab_item .inner .items .item figure img {
              width: 100%; }
          .sisilab_item .inner .items .item .info {
            width: calc(100% - 435px - 80px); }
            .sisilab_item .inner .items .item .info .name {
              margin-bottom: 18px;
              line-height: 1.0; }
            .sisilab_item .inner .items .item .info .price {
              margin-bottom: 35px; }
            .sisilab_item .inner .items .item .info .desc {
              margin-bottom: 35px; }
            .sisilab_item .inner .items .item .info .m_product_btn {
              width: 325px; }
              .sisilab_item .inner .items .item .info .m_product_btn a {
                width: 100%; }
}

@media only screen and (max-width: 1279px) {

  .sisilab_wrap {
    /* padding-top: 72px; */
    margin-bottom: 100px;
    }
    .sisilab_wrap .sisilab_head {
      margin-bottom: 31px; }
    .sisilab_wrap .sisilab_title {
      margin-bottom: 50px; }
    .sisilab_wrap .sisilab_txt_block {
      margin-bottom: 80px; }
      .sisilab_wrap .sisilab_txt_block:last-child {
        margin-bottom: 0px; }
    .sisilab_wrap .sisilab_txt {
      margin-top: 38px;
      white-space: nowrap; }
    .sisilab_wrap .sisilab_note {
      white-space: nowrap;
      margin-top: 38px; }
    .sisilab_wrap .sisilab_caption {
      margin-top: 30px; }
  .sisilab_kv {
    margin-bottom: 50px; }
    .sisilab_kv .inner {
      position: relative; }
      .sisilab_kv .inner .bg {
        width: 100%;
        position: relative;
        background: #F7F7F7;
        border-radius: 10px;
        overflow: hidden; }
        .sisilab_kv .inner .bg:before {
          content: "";
          display: block;
          padding-top: 146.15%; }
        .sisilab_kv .inner .bg img {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .sisilab_kv .inner .info {
        position: absolute;
        width: 100%;
        height: 40%;
        left: 0%;
        top: 0px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .sisilab_kv .inner .info .logo {
          text-align: center;
          margin-bottom: 24px;
          width: 260px; }
          .sisilab_kv .inner .info .logo img {
            width: 100%; }

  .info_inner{
    padding-left: 30px;
    padding-right: 30px;
  }
      .sisilab_kv .inner .btn {
        position: absolute;
        bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        box-sizing: border-box; }
        .sisilab_kv .inner .btn .m_btn_readmore_bk {
          width: 100%;
          margin-bottom: 20px; }
          .sisilab_kv .inner .btn .m_btn_readmore_bk a {
            width: 100%; }
      .sisilab_kv .inner .sisilab_img {
        margin-bottom: 10px;
        line-height: 1.0;
        border: 1px solid #000000;
        border-radius: 10px;
        width: 320px;
        overflow: hidden; }
        .sisilab_kv .inner .sisilab_img img {
          width: 100%; }
  .sisilab_clm {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 80px; }
    .sisilab_clm .inner .sisilab_clm_txt {
      margin-bottom: 50px; }
    .sisilab_clm .inner .sisilab_clm_img {
      width: calc(100% + 40px);
      box-sizing: border-box; }
      .sisilab_clm .inner .sisilab_clm_img figure {
        line-height: 1.0;
        font-size: 0;
        border-width: 1px 0px 1px 1px;
        border-style: solid;
        border-color: #000000;
        border-radius: 10px 0px 0px 10px;
        width: 100%;
        overflow: hidden; }
        .sisilab_clm .inner .sisilab_clm_img figure img {
          width: 100%; }
  .sisilab_clm_r {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 100px; }
    .sisilab_clm_r .inner .sisilab_clm_txt {
      margin-bottom: 50px; }
    .sisilab_clm_r .inner .sisilab_clm_img {
      width: calc(100% + 40px + 40px);
      margin-left: -40px;
      box-sizing: border-box; }
      .sisilab_clm_r .inner .sisilab_clm_img figure {
        line-height: 1.0;
        font-size: 0;
        width: 100%;
        overflow: hidden; }
        .sisilab_clm_r .inner .sisilab_clm_img figure img {
          width: 100%; }
  .sisilab_video {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 100px; }
    .sisilab_video .inner .sisilab_head {
      text-align: center; }
    .sisilab_video .inner .video {
      width: 100%;
      position: relative;
      margin-bottom: 30px; }
      .sisilab_video .inner .video:before {
        content: "";
        display: block;
        padding-top: 56.25%; }
      .sisilab_video .inner .video iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px; }
    .sisilab_video .inner .btn {
      padding-left: 20px;
      padding-right: 20px;
      text-align: center; }
      .sisilab_video .inner .btn .m_btn_readmore_bk {
        margin-bottom: 20px; }
        .sisilab_video .inner .btn .m_btn_readmore_bk a {
          width: 100%; }
      .sisilab_video .inner .btn > a {
        text-decoration: underline; }
  .sisilab_voice {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 100px; }
    .sisilab_voice .inner .sisilab_head {
      text-align: center; }
    .sisilab_voice .inner .items .item {
      padding: 30px;
      background: white;
      border: 1px solid;
      margin-bottom: 20px; }
      .sisilab_voice .inner .items .item .icons {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        /* margin-bottom: 27px; */
        }
        .sisilab_voice .inner .items .item .icons .icon {
          width: 60px;
          height: 60px;
          border-radius: 60px;
          border: 1px solid;
          display: flex;
          justify-content: center;
          align-items: center; }
          .sisilab_voice .inner .items .item .icons .icon img {
            width: 42px;
            height: 42px;
            }
        .sisilab_voice .inner .items .item .icons .txt {
          width: calc(100% - 60px - 20px); }
          .sisilab_voice .inner .items .item .icons .txt .name {
            /* color: rgba(0, 0, 0, 0.5); */
            margin-bottom: 0.5em;
            }
  .sisilab_dev {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 100px; }
    .sisilab_dev .inner figure {
      line-height: 1.0;
      font-size: 0;
      border: 1px solid #000000;
      border-radius: 10px;
      width: 100%;
      overflow: hidden;
      margin-bottom: 40px; }
      .sisilab_dev .inner figure img {
        width: 100%; }
  .sisilab_item {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    padding-top: 57px;
    padding-bottom: 57px;
    border-top: 1px solid;
    border-bottom: 1px solid; }
    .sisilab_item .inner {
      text-align: center; }
      .sisilab_item .inner > a {
        text-decoration: underline; }
      .sisilab_item .inner .sisilab_head {
        margin-bottom: 60px; }
        .sisilab_item .inner .items .item {
          margin-bottom: 75px;
          text-align: left; }
          .sisilab_item .inner .items .item:last-child {
            margin-bottom: 0px; }
          .sisilab_item .inner .items .item figure {
            line-height: 1.0;
            font-size: 0;
            border: 1px solid #000000;
            border-radius: 10px;
            width: 100%;
            overflow: hidden;
            margin-bottom: 34px; }
            .sisilab_item .inner .items .item figure img {
              width: 100%; }
            .sisilab_item .inner .items .item figure img {
              width: 100%; }
          .sisilab_item .inner .items .item .info {
            padding-left: 20px;
            padding-right: 20px; }
            .sisilab_item .inner .items .item .info .name {
              margin-bottom: 18px;
              line-height: 1.0; }
            .sisilab_item .inner .items .item .info .price {
              margin-bottom: 30px; }
            .sisilab_item .inner .items .item .info .desc {
              margin-bottom: 25px; }
            .sisilab_item .inner .items .item .info .m_product_btn {
              width: 100%; }
              .sisilab_item .inner .items .item .info .m_product_btn a {
                width: 100%; }
}

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