@charset "utf-8";

/* 固定ページ用css */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 0;
  margin-bottom: 40px;
}

.col {
  padding: 15px;
  margin-bottom: 50px;
  box-sizing: border-box;
  width: 100%;
}

@media (min-width: 768px) {
  .col-md-4 {
    width: 33.3333%;
  }
}

/* 製品一覧調整用 */
.section {
  padding-top: 0;
}

/* 製品ページフォント調整 */
#header,
#footer {
  font-size: var(--stk-base-font-size-pc, 103%);
  font-family: var(
    --stk-base-font-family,
    "游ゴシック",
    "Yu Gothic",
    "游ゴシック体",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif
  );
}

/* === カードスタイル === */
.catalog__item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  max-height: 500px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.catalog__title {
  font-size: 18px;
  margin-bottom: 8px;
}

.catalog__lead {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 25px;
}

.catalog-wrap {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.catalog__img img {
  width: 130px;
  height: auto;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.catalog-content {
  flex: 1;
}

.catalog__text {
  font-size: 11px;
  line-height: 1.4;
  color: #555;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.catalog__btns {
  margin-top: auto;
}

.catalog__btns .btn {
  font-size: 14px;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

.catalog__btns .btn-secondary {
  background-color: #f39700;
  color: #fff;
}

.catalog__btns .btn-secondary:hover {
  opacity: 0.8;
}

.catalog__btns .btn-primary {
  background-color: #233d7e;
  color: #fff;
}

.catalog__btns .btn-primary:hover {
  opacity: 0.8;
}

.h6.mb-3 {
  font-size: 16px;
  font-weight: bold;
  color: #3c3c3c;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .catalog__btns {
    flex-direction: column;
  }

  .catalog__img img {
    height: auto;
  }
}

/* サンクスページ */
.thanks__ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.thanks__txt {
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 20px;
}

.moreBtn {
  display: block;
  color: #e6005a;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  padding: 20px;
  margin-bottom: 60px !important;
  background: #fff;
  border: 2px solid #e6005a;
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
.moreBtn:hover {
  color: #fff;
  background-color: #e6005a;
}

/*    security-appguard用    */
.security-appguard,
.plm,
.rbom,
.procuresuite {
  font-size: 16px;
  font-family: Noto Sans JP, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro,
    游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, ＭＳ Ｐゴシック, MS PGothic,
    sans-serif;
}

.security-appguard .container,
.plm .container,
.rbom .container,
.procuresuite .container {
  max-width: 1185px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.plm a {
  color: #f39700;
}

.plm a:hover {
  color: #a76700;
}

.section__heading {
  margin-bottom: 1.5rem;
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slider .slick-arrow {
  background: transparent;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li,
.slick-dots li button {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}

.slick-dots li button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: block;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  padding: 5px;
}

.slick-dots li,
.slick-dots li button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.procuresuite .slick-dots li button {
  display: inline-flex;
}

.slick-dots li button:before {
  top: 0;
  left: 0;
  content: "";
  width: 6px;
  height: 6px;
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 50%;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slider .slick-dots li button:before {
  color: hsla(0, 0%, 100%, 0.8);
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.present__btn:hover {
  color: #a76700;
}

.security-appguard h2,
.security-appguard .h2,
.plm h2,
.plm .h2,
.rbom h2,
.rbom .h2,
.procuresuite h2,
.procuresuite .h2 {
  font-size: 2.25rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.security-appguard h3,
.security-appguard .h3,
.plm h3,
.plm .h3,
.rbom h3,
.rbom .h3,
.procuresuite h3,
.procuresuite .h3 {
  font-size: 1.625rem;
  margin-bottom: 0.5rem;
}

.security-appguard .slider__had,
.rbom .slider__had,
.procuresuite .slider__had {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .security-appguard p,
  .plm p,
  .rbom p,
  .procuresuite p {
    letter-spacing: 0.01em;
  }
  .security-appguard .section,
  .plm .section,
  .rbom .section,
  .procuresuite .section {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .security-appguard .section,
  .plm .section,
  .rbom .section,
  .procuresuite .section {
    padding-top: 100px;
  }
}

@media (max-width: 1200px) {
  .security-appguard h2,
  .security-appguard .h2,
  .plm h2,
  .plm .h2,
  .rbom h2,
  .rbom .h2,
  .procuresuite h2,
  .procuresuite .h2 {
    font-size: calc(1.35rem + 1.2vw);
  }
  .security-appguard h3,
  .h3,
  .plm h3,
  .plm .h3,
  .rbom h3,
  .rbom .h3,
  .procuresuite h3,
  .procuresuite .h3 {
    font-size: calc(1.2875rem + 0.45vw);
  }
}

@media (max-width: 767px) {
  .security-appguard,
  .plm,
  .rbom,
  .procuresuite {
    font-size: 14px;
  }
  .security-appguard p,
  .plm p,
  .rbom p,
  .procuresuite p {
    line-height: 1.769em;
  }
  .security-appguard .section,
  .plm .section,
  .rbom .section,
  .procuresuite .section {
    padding-top: 35px;
    padding-bottom: 29px;
  }
  .security-appguard .h2,
  .security-appguard .h2.is-big,
  .plm .h2,
  .plm .h2.is-big,
  .rbom .h2,
  .rbom .h2.is-big,
  .procuresuite .h2,
  .procuresuite .h2.is-big {
    font-size: 1.538rem;
    line-height: 1.575em;
  }
  .security-appguard .h3,
  .plm .h3,
  .rbom .h3,
  .procuresuite .h3 {
    font-size: 0.92rem;
  }
  .security-appguard .slider__had,
  .rbom .slider__had,
  .procuresuite .slider__had {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/*    product-lifecycle-management    */

.plm-hero {
  background-image: url("../img/product-lifecycle-management/plm_hero01.png"),
    url("../img/product-lifecycle-management/hero00.png");
  background-position: 100% 50%, 0 100%;
  background-size: contain, 28%;
  background-repeat: no-repeat, no-repeat;
  background-color: #fff;
  text-align: center;
  color: #233d7e;
  font-weight: bold;
}

.plm-hero .hero__wrap {
  max-width: 1290px;
  padding: 85px 0;
}

.plm-hero .hero__wrap::before {
  width: 45%;
}

.plm-hero__subttl {
  font-size: 26px;
  margin-bottom: 20px;
  color: #333;
}

.plm-hero__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 900;
  font-size: 35px;
  letter-spacing: 0.03em;
  color: #233d7e;
  padding-top: 49px;
}

.plm-hero__ttl .t01,
.plm-hero__ttl .t02 {
  font-weight: 900;
  font-size: 46px;
  letter-spacing: 0.03em;
  color: #e57378;
}

.plm-hero__ttl .t03 {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  font-weight: 900;
  font-size: 116px;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  color: #3963c6;
  margin-top: 8px;
  margin-bottom: 3px;
}

.plm-hero__ttl .t01 {
  position: relative;
}

.plm-hero__ttl .t01::before {
  content: "";
  background: url("../img/product-lifecycle-management/plm_hero_balloon.svg")
    center no-repeat;
  background-size: contain;
  width: 280px;
  height: 41px;
  display: block;
  position: absolute;
  top: -43px;
  left: 50%;
  -webkit-transform: translateX(-33%);
  transform: translateX(-33%);
}

.plm-hero__text01 {
  border-top: 5px solid #3963c6;
  font-weight: bold;
  font-size: 22px;
  line-height: 25px;
  color: #3963c6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-top: 10px;
}

.plm-hero .more {
  margin: 0 auto;
  display: block;
  background: #f39800;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  padding: 1rem 0;
  position: relative;
  max-width: 327.16px;
  width: 100%;
}

.plm-hero .more:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10%;
  width: 8px;
  height: 8px;
  margin: auto;
  border: 1px solid;
  border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.present__btn.plm::before {
  background: url("../img/product-lifecycle-management/catalog_book_plm.png")
    50% / cover no-repeat;
}

.present__btn.plm {
  color: #fff;
  width: 550px;
  font-size: 24px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.present__btn.plm:hover {
  background-color: #ffb100;
  opacity: 1;
  color: #fff !important;
  text-decoration: none;
}

.present.plm-present .present__sidebar {
  color: #333;
}

.present.plm-present .present__sidebar span::before,
.present.plm-present .present__sidebar span::after {
  background-color: #333;
}

.present.plm-present .present__txt {
  color: #333;
}

.section__heading {
  margin-bottom: 50px;
}

.section__heading .h2 strong {
  font-weight: 700;
  color: #233d7e;
}

.plm-lead p strong {
  color: #233d7e;
}

.plm-section01 p {
  margin-bottom: 47px;
}

.plm .plm-problem {
  margin-top: -1rem;
  margin-bottom: -14px;
}

.plm .plm-problem__item {
  padding-top: 1rem;
}

.plm .plm-problem__title {
  margin-bottom: 0.8em;
  color: #233d7e;
  font-size: 1.25rem;
  font-weight: 700;
}

.plm .plm-problem__list {
  margin-top: 0.8em;
  padding-left: 0;
  list-style-type: none;
  line-height: 1.625em;
}

.plm .plm-problem__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.plm .plm-problem__list li::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "\30FB";
}

.plm-section02 {
  padding-top: 0;
  background: #dcdcdc;
}

.plm-section02 .check-box {
  background: #233d7e;
  margin-bottom: 128px;
  padding-left: 0;
  position: relative;
}

.plm-section02 .check-box::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 212px solid rgba(0, 0, 0, 0);
  border-left: 212px solid rgba(0, 0, 0, 0);
  border-top: 50px solid #233d7e;
  border-bottom: 0;
  bottom: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.plm-section02 .check-box-wrap {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}

.plm-section02 .caption {
  font-size: 2.25rem;
  letter-spacing: -0.05em;
  line-height: 1.6;
  color: #233d7e;
  font-weight: 700;
  margin-top: 100px;
  margin-bottom: 26px;
}

.plm .plm-section03__item {
  margin-top: 2.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.plm .plm-section03 .category {
  --category-text-color: #233d7e;
  --category-bg-color: #a6c3e2;
  color: var(--category-text-color);
  background: var(--category-bg-color);
  font-size: 16px;
  text-align: center;
  padding: 0 24px;
  line-height: 26px;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 37px;
}

.plm .plm-section03 .category--01 {
  --category-text-color: #233d7e;
  --category-bg-color: #a6c3e2;
}

.plm .plm-section03 .category--02 {
  --category-text-color: #043600;
  --category-bg-color: #b8d1be;
}

.plm .plm-section03 .category--03 {
  --category-text-color: #534300;
  --category-bg-color: #fae6a2;
}

.plm .plm-section03 .h3 {
  line-height: 1.81818182em;
  font-size: 1.375rem;
  letter-spacing: 0.11em;
}

.plm .plm-section03 p {
  letter-spacing: 0;
}

.plm .plm-section03 ul {
  margin-top: 0.8em;
  padding-left: 0;
  list-style-type: none;
  line-height: 1.625em;
}

.plm .plm-section03 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.plm .plm-section03 ul li::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "\30FB";
}

.plm .plm-contact {
  background-color: #233d7e;
  color: #fff;
  border-bottom: 1px solid #152764;
}

.plm .plm-contact .btn-info_red:hover {
  background: #d02607 !important;
  color: #fff !important;
  text-decoration: none;
  opacity: 1;
}

.bg_light-gray01 {
  background: #f8f8f8;
}

.bg_light-gray02 {
  background: #f8f8f8
    url(../img/product-lifecycle-management/plm_bg_light-gray.png) left bottom
    no-repeat;
}

.bg_light-blue {
  background: #e5f0fc
    url(../img/product-lifecycle-management/plm_bg_light-blue.png) right bottom
    no-repeat;
}

.plm .plm-section02 {
  padding-top: 0;
}

.plm .btn-info_red {
  color: #fff;
}

@media (min-width: 768px) {
  .plm-section01 .section__heading {
    margin-bottom: 47px;
  }

  .plm .plm-problem {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .plm .plm-problem__title {
    text-align: center;
  }

  .plm-section02 .check-box {
    height: 480px;
    padding-top: 3.4rem;
  }

  .plm-section02 .section__heading.text-center {
    margin-bottom: 26px;
  }

  .plm .plm-section03 .section__heading {
    margin-bottom: 41px;
  }

  .plm .plm-contact {
    padding-top: 119px;
    padding-bottom: 120px;
  }

  .plm .plm-contact .section__heading {
    margin-bottom: 25px;
  }

  .plm .plm-contact__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .plm .plm-contact__btns .btn {
    width: 330px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .plm-hero {
    background-image: url("../img/product-lifecycle-management/plm_hero01-sp.png"),
      -webkit-gradient(linear, left top, right bottom, from(#fcfdff), to(#c3caec));
    background-image: url("../img/product-lifecycle-management/plm_hero01-sp.png"),
      linear-gradient(to bottom right, #fcfdff, #c3caec);
    background-position: 50% 88%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
  }

  .plm-hero .hero__wrap {
    padding: 40px 15px 340px;
  }

  .plm-hero__subttl {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .plm-hero__lead {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
  }

  .plm-hero__lead small {
    font-size: 14px;
  }

  .plm-hero__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
  }

  .plm-hero__ttl .t01,
  .plm-hero__ttl .t02 {
    font-size: 28px;
  }

  .plm-hero__ttl .t03 {
    font-size: 80px;
  }

  .plm-hero__ttl .t01::before {
    content: "";
    width: 200px;
    height: 30px;
    display: block;
    position: absolute;
    top: -24px;
    left: 50%;
    -webkit-transform: translateX(-33%);
    transform: translateX(-33%);
  }

  .plm-hero__text01 {
    border-top: 5px solid #3963c6;
    font-size: 18px;
    line-height: 25px;
    color: #3963c6;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .plm .plm-problem__title {
    font-size: 1.15rem;
  }

  .plm .plm-problem__list {
    font-size: 0.92rem;
  }

  .plm .plm-problem__img img {
    width: 100%;
  }

  .plm-section02 .check-box {
    height: auto;
    padding: 60px 0;
    margin-bottom: 100px;
  }

  .plm-section02 .check-box::after {
    border-right: 150px solid rgba(0, 0, 0, 0);
    border-left: 150px solid rgba(0, 0, 0, 0);
  }

  .plm-section02 .check-box-wrap {
    gap: 30px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .plm-section02 .caption {
    margin-top: 60px;
    font-size: 1.538rem;
  }

  .plm .plm-section03 ul {
    font-size: 0.92rem;
  }

  .plm .plm-section03__item .category {
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.43em;
    padding: 0 1rem;
  }

  .plm .plm-section03__item .h3 {
    margin-top: 0.5em;
    font-size: 1.23rem;
    line-height: 1.43em;
  }

  .plm .plm-section03__item:nth-child(2n-1) .col:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .plm .plm-contact__btns .btn {
    margin-top: 1.53rem;
  }
}

@media screen and (max-width: 767px) {
  .present__btn.plm {
    width: 85%;
    font-size: 18px;
  }

  .section__heading {
    margin-bottom: 30px;
  }

  .plm-section01 p {
    margin-bottom: 30px;
  }
}

/*    production-control-rbom    */
.rbom .section__heading {
  margin-bottom: 1.5rem;
}

.rbom .rbom-section02 {
  padding-top: 0;
}

.rbom .rbom-sectionvideo,
.procuresuite .rbom-sectionvideo {
  padding: 50px 0;
  background-color: #444;
  font-weight: 700;
}

.rbom .rbom-sectionvideo h2,
.procuresuite .rbom-sectionvideo h2 {
  margin-bottom: 40px;
}

.videosize {
  width: 795px;
  height: 100%;
}

.security .security-sectionvideo {
  padding: 50px 0;
  background-color: #444;
  font-weight: 700;
}

.security .security-sectionvideo h2 {
  margin-bottom: 40px;
}

.procuresuite-sectionvideo {
  padding: 50px 0;
  background-color: #444;
  font-weight: 700;
}

.procuresuite-sectionvideo h2 {
  font-weight: 700;
  margin-bottom: 40px;
}

@media screen and (max-width: 770px) {
  .videosize {
    width: auto;
    height: auto;
  }
  .rbom .rbom-sectionvideo,
  .procuresuite .rbom-sectionvideo {
    background-color: #dcdcdc;
    font-weight: 700;
    padding-top: 35px;
    padding-bottom: 29px;
  }
  .security .security-sectionvideo {
    background-color: #dcdcdc;
    font-weight: 700;
    padding-top: 35px;
    padding-bottom: 29px;
  }
  .procuresuite-sectionvideo {
    background-color: #444;
    font-weight: 700;
    padding-top: 35px;
    padding-bottom: 29px;
  }
}

.rbom .fcw,
.procuresuite .fcw {
  color: #fff;
}

.rbom .sectionvideo_box,
.procuresuite .sectionvideo_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.rbom .sectionvideo_boxs_l,
.procuresuite .sectionvideo_boxs_l {
  width: 25%;
  background-color: #f39700;
  display: table;
}

.rbom .sectionvideo_boxs_l_textbox,
.procuresuite .sectionvideo_boxs_l_textbox {
  padding: 100px 30px;
}

.rbom .sectionvideo_boxs_l_textbox p,
.procuresuite .sectionvideo_boxs_l_textbox p {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}

.rbom .sectionvideo_boxs_l_textbox li,
.procuresuite .sectionvideo_boxs_l_textbox li {
  position: relative;
  padding-left: 25px;
  color: #fff;
}

.rbom .sectionvideo_boxs_l_textbox li:before,
.procuresuite .sectionvideo_boxs_l_textbox li:before {
  content: "";
  position: absolute;
  top: 0.1em;
  left: 4px;
  -webkit-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 10px;
  height: 18px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.rbom .sectionvideo_boxs_l_textbox li:after,
.procuresuite .sectionvideo_boxs_l_textbox li:after {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  border-radius: 2px;
}

.rbom .sectionvideo_boxs_r,
.procuresuite .sectionvideo_boxs_r {
  text-align: left;
}

@media screen and (max-width: 770px) {
  .rbom .sectionvideo_box,
  .procuresuite .sectionvideo_box {
    display: table;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .rbom .sectionvideo_boxs_l,
  .procuresuite .sectionvideo_boxs_l {
    width: 100%;
    background-color: #f39700;
    display: block;
    border-radius: 20px;
  }
  .rbom .sectionvideo_boxs_l_textbox,
  .procuresuite .sectionvideo_boxs_l_textbox {
    padding: 10px 10%;
    margin-bottom: 20px;
  }
  .rbom .sectionvideo_boxs_l_textbox p,
  .procuresuite .sectionvideo_boxs_l_textbox p {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
  }
  .rbom .sectionvideo_boxs_l_textbox li,
  .procuresuite .sectionvideo_boxs_l_textbox li {
    position: relative;
    padding-left: 25px;
    color: #fff;
  }
  .rbom .sectionvideo_boxs_l_textbox li:before,
  .procuresuite .sectionvideo_boxs_l_textbox li:before {
    content: "";
    position: absolute;
    top: 0.1em;
    left: 4px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 10px;
    height: 18px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .rbom .sectionvideo_boxs_l_textbox li:after,
  .procuresuite .sectionvideo_boxs_l_textbox li:after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 2px;
  }
  .rbom .sectionvideo_boxs_r,
  .procuresuite .sectionvideo_boxs_r {
    width: 100%;
    text-align: center;
  }
  .rbom #sidebar_bnr.fixed,
  .procuresuite #sidebar_bnr.fixed {
    position: fixed;
    top: 0px;
  }
}

.procuresuite .anc {
  padding: 30px;
}

.procuresuite .more:hover {
  color: #a76700;
}