.case-study {
            margin-top: 6em;
          }

          .case-study__wrap h3 {
            display: inline-block;
            padding: 0.5em 1em;
            font-size: 150%;
            line-height: 1.55556;
            color: #fff;
            background: #507eb6;
            margin-bottom: 1.5em;
          }

          .case-study__box {
            padding: 1em;
          }

          .case-study__box+.case-study__box {
            margin-top: 4em
          }

          .case-study__box h4 {
            font-size: 150%;
            font-weight: bold;
            color: #507eb6;
            margin-bottom: 1em;
          }

          .case-study__box.flex {
            display: flex;
            gap: 30px;
            justify-content: space-between;
          }

          .case-study__title {
            font-size: 120%;
            font-weight: bold;
            margin-bottom: 0.5em;
          }

          .case-study__textList {
            padding-left: 1.3em;
            text-indent: -1.3em;
          }

          .case-study__img {
            flex-shrink: 0;
          }

          .case-study__box.block .case-study__img {
            margin-top: 2em;
          }

          .autput-img-flex {
            display: flex;
            gap: 20px;
          }

          @media (max-width: 768px) {
            .case-study__box.flex {
              flex-direction: column-reverse;
              gap: 2em;
            }

            .case-study__wrap h3 {
              font-size: 120%;
              margin-bottom: 1em;
            }

            .case-study__box h4 {
              font-size: 110%;
              margin-bottom: 0.5em;
            }

            .autput-img-flex {
              flex-direction: column;
            }

            .case-study__title {
              font-size: 100%;
            }

            .boxlist {
              margin-top: 4em;
            }
          }

          .bnr-image {
            transition: 0.3s;
          }

          .bnr-image:hover {
            opacity: 0.7;
          }

           .p-download__cta__txt {
      position: absolute;
      top: -85px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      width: 100%;
      padding-left: 40px;
    }

    .p-download__cta__textArea {
      margin-top: 40px;
    }

    .p-download__bg_Porcelain {
      background: #edf2f8;
      padding-top: 200px;
      padding-bottom: 40px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 80px;
    }

@media (max-width: 768px) {
   .case-study__box.flex.p-download__cta__txt {
      flex-direction: column;
      gap: 2em;
      padding-left: 1em;
    }

    .p-download__cta__textArea {
      margin-top: 40px;
    }

    .p-download__bg_Porcelain {
      background: #edf2f8;
      padding-top: 480px;
      padding-bottom: 40px;
      margin-left: 0;
      margin-right: 0;
      margin-top: 80px;
    }
}

  .c-document {
    background: url(../img/bg_document.jpg) no-repeat center / cover !important;
}