.CommonFrontBannerSideComponent {
  overflow: hidden;
  position: relative; }
  .CommonFrontBannerSideComponent.isDark {
    color: #000000; }
  @media (max-width: 575px) {
    .CommonFrontBannerSideComponent {
      height: auto !important;
      padding-bottom: 2rem;
      margin-bottom: 2rem; } }
  @media (max-width: 767px) {
    .CommonFrontBannerSideComponent {
      padding: 0 1rem; }
      .CommonFrontBannerSideComponent .order-2 .ml-5 {
        margin-left: 0 !important; } }
  .CommonFrontBannerSideComponent .row .col-fhd-12 {
    padding-left: 0;
    padding-right: 0; }
  .CommonFrontBannerSideComponent .logos {
    text-align: center;
    margin-bottom: 3rem; }
    .CommonFrontBannerSideComponent .logos .brand-logo {
      max-width: 15rem; }
      @media (max-width: 1439px) {
        .CommonFrontBannerSideComponent .logos .brand-logo {
          max-width: 12rem;
          margin-bottom: 2rem; } }
      @media (max-width: 1199px) {
        .CommonFrontBannerSideComponent .logos .brand-logo {
          max-width: 8rem;
          margin-bottom: 1rem; } }
  .CommonFrontBannerSideComponent .text ul, .CommonFrontBannerSideComponent .text2 ul {
    padding: 0; }
    .CommonFrontBannerSideComponent .text ul li, .CommonFrontBannerSideComponent .text2 ul li {
      background-size: contain;
      background-position: left center;
      background-repeat: no-repeat;
      padding-left: 2rem;
      padding-right: 2rem;
      display: inline-block; }
  @media (max-width: 1199px) {
    .CommonFrontBannerSideComponent .text .text2 p, .CommonFrontBannerSideComponent .text2 .text2 p {
      font-size: 1.2rem;
      line-height: 2.1rem; } }
  @media (max-width: 575px) {
    .CommonFrontBannerSideComponent .text .text2 p, .CommonFrontBannerSideComponent .text2 .text2 p {
      font-size: 1.2rem;
      line-height: 1.6rem; } }
  @media (min-width: 768px) {
    .CommonFrontBannerSideComponent .text.order-1 > div {
      padding-left: 6rem; } }
  .CommonFrontBannerSideComponent .text.order-2 {
    margin-top: 3rem; }
    @media (min-width: 768px) {
      .CommonFrontBannerSideComponent .text.order-2 > div {
        padding-left: 6rem;
        padding-right: 6rem; } }
  .CommonFrontBannerSideComponent .text {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-align: center; }
    .CommonFrontBannerSideComponent .text p {
      font-size: 1.4rem;
      line-height: 2.5rem;
      text-align: center; }
    .CommonFrontBannerSideComponent .text blockquote {
      max-width: 50%;
      width: 50%; }
    @media (max-width: 767px) {
      .CommonFrontBannerSideComponent .text {
        width: 100%; }
        .CommonFrontBannerSideComponent .text blockquote {
          max-width: 90%;
          width: 90%; } }
    @media (min-width: 768px) {
      .CommonFrontBannerSideComponent .text {
        width: 50%; } }
    .CommonFrontBannerSideComponent .text h2 {
      position: relative;
      font-weight: 600;
      font-size: 2.4rem;
      margin-bottom: 2rem; }
      .CommonFrontBannerSideComponent .text h2 > span {
        color: #680114; }
    .CommonFrontBannerSideComponent .text .btn-stco {
      border: 1px solid #e5097f;
      background-color: #e5097f;
      color: #ffffff;
      font-size: 1.4rem;
      letter-spacing: 1px;
      padding: .375rem 2rem; }
      .CommonFrontBannerSideComponent .text .btn-stco:hover {
        background-color: #ce67a1; }
  .CommonFrontBannerSideComponent .image {
    height: auto; }
    @media (max-width: 767px) {
      .CommonFrontBannerSideComponent .image {
        width: 100%; } }
    @media (min-width: 768px) {
      .CommonFrontBannerSideComponent .image {
        width: calc(50% - 17px); } }
    .CommonFrontBannerSideComponent .image > img {
      width: 100%; }
  .CommonFrontBannerSideComponent h2 {
    color: #0E2F61; }
  .CommonFrontBannerSideComponent a {
    color: #680114; }
  .CommonFrontBannerSideComponent .isDark p, .CommonFrontBannerSideComponent .isDark h1, .CommonFrontBannerSideComponent .isDark h2, .CommonFrontBannerSideComponent .isDark h3, .CommonFrontBannerSideComponent .isDark h4 {
    color: #FFFFFF; }