body[data-page="/routine/"] {
  background: #dfdfdd;
  color: #131d66
}

body[data-page="/routine/"] .page-hero {
  background: #a09d94;
  color: #fff
}

body[data-page="/routine/"] .page-hero .title-line {
  border-color: #fff
}

body[data-page="/routine/"] .page-hero .title-line span {
  background: none;
  color: #fff;
  -webkit-text-fill-color: #fff
}

body[data-page="/routine/"] .page-hero h1,body[data-page="/routine/"] .breadcrumb,body[data-page="/routine/"] .breadcrumb a {
  color: #fff
}

.routine-field {
  padding: 100px 0;
  background: #dfdfdd
}

.routine-section-heading {
  text-align: center
}

.routine-english {
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .01em;
  margin: 0 0 25px
}

.routine-english:before {
  content: "";
  display: inline-block;
  background: #e99535;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  margin: 0 18px 8px 0
}

.routine-section-heading h2 {
  font-family: "Routine Shippori Mincho","Yu Mincho",serif;
  font-size: 30px;
  line-height: 1.6;
  margin: 0 0 20px
}

.routine-description {
  font-size: 17px;
  line-height: 1.9;
  margin: 0
}

.routine-field .timeline {
  max-width: 740px;
  margin: 50px auto 0;
  padding-left: 30px;
  border-left: 2px solid #131d66
}

.routine-field .timeline-item {
  margin: 0 0 30px;
  position: relative
}

.routine-field .timeline-item:last-child {
  margin-bottom: 0
}

.routine-field .timeline-date {
  font-size: 23px;
  line-height: 1.5;
  color: #131d66;
  margin: 0 0 10px 0;
  font-weight: 700
}

.routine-field .timeline-content {
  padding: 18px 24px;
  background: #fff;
  border-radius: 6px;
  color: #131d66;
  font-size: 17px;
  line-height: 1.8
}

.routine-field .timeline-item:before {
  left: -38px;
  top: 9px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #131d66
}

.routine-factory {
  padding: 80px 0;
  background: #a09d94;
  color: #fff
}

.routine-factory h2 {
  color: #fff
}

@media(max-width:760px) {
  .routine-field {
    padding: 60px 0
  }
  .routine-english {
    font-size: 32px;
    margin-bottom: 20px
  }
  .routine-english:before {
    width: 8px;
    height: 8px;
    margin-right: 10px;
    margin-bottom: 5px
  }
  .routine-section-heading h2 {
    font-size: 26px;
    margin-bottom: 18px
  }
  .routine-description {
    font-size: 16px;
    text-align: left
  }
  .routine-field .timeline {
    margin-top: 35px;
    margin-left: 7px;
    padding-left: 24px
  }
  .routine-field .timeline-item {
    margin-bottom: 25px
  }
  .routine-field .timeline-date {
    font-size: 20px
  }
  .routine-field .timeline-content {
    font-size: 16px;
    padding: 16px 18px
  }
  .routine-field .timeline-item:before {
    left: -32px;
    top: 7px
  }
  .routine-factory {
    padding: 60px 0
  }
  .routine-factory .routine-english {
    font-size: 30px
  }
}

/* Match the approved Company section heading, including its extending blue line. */
body[data-page="/routine/"] .routine-section-heading {
  text-align: center;
  margin-bottom: 42px
}

body[data-page="/routine/"] .routine-section-heading>.source-section-en {
  font-family: "Zen Kaku Gothic Antique",sans-serif;
  font-size: 80px!important;
  font-weight: 800!important;
  line-height: 1.3!important;
  display: inline-block;
  position: relative;
  letter-spacing: -.03em;
  color: #666;
  margin-bottom: 14px
}

body[data-page="/routine/"] .routine-section-heading>.source-section-en:before {
  display: none
}

body[data-page="/routine/"] .routine-section-heading>.source-section-en:after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: -25px;
  height: 24px;
  background: linear-gradient(90deg,#07065c,#2616d1);
  z-index: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1s .2s cubic-bezier(.22,1,.36,1);
  opacity: .85
}

body[data-page="/routine/"] .routine-section-heading.is-visible>.source-section-en:after {
  transform: scaleX(1)
}

body[data-page="/routine/"] .routine-section-heading h2 {
  font-family: "Routine Shippori Mincho","Yu Mincho",serif;
  font-size: 30px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .25px;
  margin: 25px 0 28px
}

body[data-page="/routine/"] .routine-factory .source-section-en {
  color: #fff
}

.routine-description {
  text-align: center
}

@media(max-width:760px) {
  body[data-page="/routine/"] .routine-section-heading>.source-section-en {
    font-size: clamp(36px,10vw,56px)!important;
    letter-spacing: -.03em
  }
  body[data-page="/routine/"] .routine-section-heading>.source-section-en:after {
    height: 10px
  }
  body[data-page="/routine/"] .routine-section-heading h2 {
    line-height: 1.4;
    letter-spacing: -.03em
  }
  .routine-description {
    text-align: left
  }
}

@media(prefers-reduced-motion:reduce) {
  body[data-page="/routine/"] .routine-section-heading>.source-section-en:after {
    transform: scaleX(1);
    transition: none
  }
}