<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Scss Document */
.-headding--Lv02 {
  font-size: 26px; }

.-headding--Lv03 {
  font-size: 20px; }

.-headding--Lv04 {
  font-size: 18px; }

.img-headding-title01 {
  margin: 0 auto;
  width: 100%;
  max-width: 310px; }

.headdingLogo {
  vertical-align: bottom; }

.LinkText {
  word-break: break-all; }

.patch-heroImage {
  background-color: #fff;
  border: none; }

@media screen and (min-width: 620px) {
  .patch-heroImage-item {
    min-height: 380px; } }

.patch-heroImage-item img {
  border: none; }

.patch-heroImage-item__content {
  padding: 9vw calc(100% * 0.057) 0;
  vertical-align: top; }
  @media screen and (min-width: 620px) {
    .patch-heroImage-item__content {
      padding: 120px calc(100% * 0.057) 0; } }

.website-Container {
  padding: 0; }
  @media screen and (min-width: 620px) {
    .website-Container {
      padding: 0 14px; } }

.website-HeroImage-Item {
  min-height: calc(100vw * 0.51); }
  @media screen and (min-width: 620px) {
    .website-HeroImage-Item {
      min-height: 380px; } }

.website-HeroImage-Item__Image {
  width: 100%;
  height: calc(100vw * 0.51); }
  @media screen and (min-width: 620px) {
    .website-HeroImage-Item__Image {
      width: auto;
      height: auto; } }

.patch-heroImage-item__content .mod-PageTitle__Sub + .mod-PageTitle__Title {
  margin: 0; }

.mod-Section.-Narrow.-pad0 {
  padding-left: 0;
  padding-right: 0; }

h2, h3 {
  text-align: center;
  margin: 0; }

h4 {
  margin-bottom: 0; }

small {
  display: block; }

.mod-Section.-Lv3.patch-section--lv3 {
  margin-top: 44px;
  padding: 18px calc(100% * 0.057); }
  @media screen and (min-width: 620px) {
    .mod-Section.-Lv3.patch-section--lv3 {
      padding: 18px 20px; } }

.-bg-colored {
  background-color: #f2f2f2; }

.mod-BorderBox {
  margin-top: 0; }
  .mod-BorderBox p.layout-Paragraph {
    margin-top: 0; }

ul.step-link-list {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  ul.step-link-list li {
    width: 43%;
    list-style: none;
    padding-left: 0px !important;
    display: flex; }
    @media screen and (min-width: 620px) {
      ul.step-link-list li {
        width: 19%; } }
    ul.step-link-list li a {
      display: block;
      padding-left: 12px;
      width: 100%; }

.figure_area figure {
  margin: 1rem 0 0; }
.figure_area img {
  width: 100%; }

.mod-HeadingText {
  font-size: 16px; }

.contact p.layout-Paragraph {
  margin: 0; }

ul.circle-list {
  padding-left: 20px; }
  ul.circle-list li {
    list-style: circle; }

.layout-Button {
  text-align: center; }

.layout-Button .mod-Button:after {
  display: none; }

.icon {
  position: relative; }
  @media screen and (min-width: 620px) {
    .icon:after {
      content: url("/solution/industry/pharmaceutical/hctech-dx/step5/img/icon.png");
      position: absolute;
      right: 80px;
      top: 50%;
      margin: -60px auto auto; } }

ul.step {
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 1rem 0 0;
  overflow: hidden; }
  @media screen and (min-width: 620px) {
    ul.step {
      display: flex;
      align-items: center;
      flex-wrap: wrap; } }
  ul.step li {
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px; }
    @media screen and (min-width: 620px) {
      ul.step li {
        width: 42%;
        margin-right: 7px; } }
    ul.step li:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: 0;
      top: 0;
      right: -73px;
      left: auto;
      margin: auto;
      border-style: solid;
      border-color: #f6f6f6 transparent transparent transparent;
      border-width: 20px 63px 0 63px;
      z-index: 10;
      transform: rotate(270deg); }
      @media screen and (min-width: 620px) {
        ul.step li:after {
          right: -70px;
          border-width: 40px 51px 0 51px; } }
    ul.step li dl {
      margin: 0;
      display: flex;
      align-items: center;
      background: #f6f6f6;
      padding: 15px 5px 15px 20px;
      min-height: 96px; }
      @media screen and (min-width: 620px) {
        ul.step li dl {
          min-height: 72px; } }
      ul.step li dl dt {
        font-size: 70px;
        line-height: 1;
        margin-right: 1rem; }
      ul.step li dl dd {
        margin: 0; }
        ul.step li dl dd h4 {
          margin: 0; }
        ul.step li dl dd p {
          margin: 0; }
    @media screen and (min-width: 620px) {
      ul.step li:nth-child(2) {
        width: 45%; }
        ul.step li:nth-child(2):before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          bottom: 0;
          top: 0;
          right: auto;
          left: -46px;
          margin: auto;
          border-style: solid;
          border-color: #fff transparent transparent transparent;
          border-width: 50px 63px 0 63px;
          z-index: 1;
          transform: rotate(270deg); }
        ul.step li:nth-child(2) dl {
          padding: 15px 5px 15px 45px; } }
    @media screen and (min-width: 620px) {
      ul.step li:nth-child(3) {
        margin-left: 3%;
        width: 45%; }
        ul.step li:nth-child(3):before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          bottom: 0;
          top: 0;
          right: auto;
          left: -46px;
          margin: auto;
          border-style: solid;
          border-color: #fff transparent transparent transparent;
          border-width: 50px 63px 0 63px;
          z-index: 1;
          transform: rotate(270deg); }
        ul.step li:nth-child(3) dl {
          padding: 15px 5px 15px 45px; } }
    @media screen and (min-width: 620px) {
      ul.step li:nth-child(4) {
        width: 45%; }
        ul.step li:nth-child(4):before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          bottom: 0;
          top: 0;
          right: auto;
          left: -46px;
          margin: auto;
          border-style: solid;
          border-color: #fff transparent transparent transparent;
          border-width: 50px 63px 0 63px;
          z-index: 1;
          transform: rotate(270deg); }
        ul.step li:nth-child(4) dl {
          padding: 15px 5px 15px 45px; } }

@media screen and (min-width: 620px) {
  .date_area {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem; } }
@media screen and (min-width: 620px) {
  .date_area h4 {
    width: 100%; } }
.date_area div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (min-width: 620px) {
    .date_area div {
      width: 32%;
      border-right: solid 1px #e9e9e9;
      margin-right: 10px; } }
  .date_area div h5 {
    margin: 0;
    width: 100%;
    font-size: 14px; }
  .date_area div ul {
    width: 43%;
    margin-top: 0; }
  @media screen and (min-width: 620px) {
    .date_area div:last-child {
      border-right: none;
      margin-right: 0px; } }
  .date_area div:last-child ul {
    margin-bottom: 0; }


/* added 202206 */
@media screen and (min-width: 620px){
  ul.step.-rev li:first-of-type::before{
    content: none;
  }
  ul.step.-rev li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    top: 0;
    right: auto;
    left: -40px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 44px 62px 0 62px;
    z-index: 1;
    transform: rotate(270deg);
  }
  ul.step.-rev li:after {
    right: -84px;
    border-width: 44px 62px 0 62px;
  }
  ul.step.-rev li dl {
    min-height: 94px;
  }
}
@media screen and (max-width: 619px){
  ul.step.-rev li:after {
    right: -101px;
    border-width: 20px 91px 0 91px;
  }
  ul.step.-rev li dl {
    min-height: 150px;
  }
}
</pre></body></html>