* {  margin: 0;  padding: 0;  /* box-sizing: border-box; */ }body,html {  /* overflow-x: hidden;  */}html {  font-size: 14px; }  @media (min-width: 576px) {    html {      font-size: 15px; } }  @media (min-width: 768px) {    html {      font-size: 16px; } }.container {  max-width: 980px;  margin: 0 auto; }code, pre {  padding: 0.5rem;  background-color: #f6f8fa;  color: #4A2AB2;  line-height: 1.7; }pre {  padding: 0.5rem;  margin-bottom: 1rem;  overflow: auto; }code {  padding: 0.2rem;  margin-bottom: 0.1rem;  font-size: 90%;  background-color: #f6f8fa;  border-radius: .25rem; }.header-wrapper {  padding: 5rem 0; }.page-intro {  text-align: center;  line-height: 1.2; }  .page-intro h1 {    display: inline-block;    font-weight: 300;    font-size: 4rem;    color: #7dffc3;    background: -webkit-linear-gradient(135deg, #fff9b0, #7dffc3);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent; }  .page-intro h2 {    font-weight: 300;    font-size: 1.5rem;    line-height: 1.7;    color: #fff;    margin-bottom: 2rem; }.section-list {  padding: 3rem 2.5rem;  margin-bottom: 2rem;  background: #fff; }  @media (min-width: 576px) {    .section-list {      border-radius: 1rem; } }  .section-list h2 {    margin-bottom: 1.25rem;    font-size: 2rem;    color: #4A2AB2; }.section-list-box h3 {  margin-bottom: 1rem; }.section-list-box:not(:last-child) {  border-bottom: 1px solid #dddddd;  margin: 3rem 0;  padding-bottom: 5rem; }.footer-wrapper {  padding: 1rem 0;  color: #fff;  text-align: center; }  .footer-wrapper a {    color: currentColor; }.timeline-theme-1 {  width: 800px;  margin: 100px auto; }.timeline-1 .timeline-list {  width: 800px;  height: 350px; }.timeline-1 .timeline-item {  width: 800px;  height: 350px;  background: #ddd;  border: none; }.timeline-visual {  float: left;  width: 43%;  margin-right: 3%;  line-height: 1; }  .timeline-visual img {    max-width: 100%; }.timeline-detail {  float: left;  width: 53%;  height: 100%;  overflow-y: auto; }.timeline-detail-list {  margin: 10px;  padding: 10px; }  .timeline-detail-list li {    margin-bottom: 0.4rem; }.timeline-theme-2 {  width: 1400px;  margin: 70px auto auto;   position: relative;}.timeline-theme-2 .development-line-title{  display: grid;  justify-content: center;  font-size: 26px;  position: absolute;  top: 35%;  left: -4%;}.timeline-theme-2 .development-line-title:after{  content: '';  display: block;  width: 40px;  height: 3px;  background-color: #e60012;  position: absolute;  bottom: -8px;  left: calc(53% - 56px);}.timeline-small-box .title{  font-size: 5em;  color: #5a5858;  height: 80px;  line-height: 80px;  margin-bottom: 60px;  text-align: left;  font-weight: bold;  text-indent: 2.5em;  margin-top: 8%;}.timeline-small-box .prev-title{  font-size: 5em;  color: #d3d3d3;  height: 80px;  line-height: 80px;  margin-bottom: 60px;  text-align: left;  font-weight: bold;  text-indent: 2.5em;  margin-top: 8%;  position: absolute;  bottom: -12%;}.timeline-small-box .detail p{  color: #5a5858;  text-align: left;  text-indent: 11em;  font-size: 16px;  margin-bottom: 40px;}.timeline-small-box .timeline-list {  width: 1400px;  height: 600px; }.timeline-small-box .box-item {  float: left;  width: 1400px;  height: 600px;  color: #fff;  text-align: center;   position: relative;}/* .theme-1 {  background: #4A2AB2; }.theme-2 {  background: #7dffc3; }.theme-3 {  background: #23A5E9; }.theme-4 {  background: #93C763; }.theme-5 {  background: #949923; }.theme-6 {  background: #990055; } */  @media screen and (min-width: 768px) and (max-width: 1440px){    .timeline-theme-2,    .timeline-small-box .timeline-list,    .timeline-small-box .box-item {      width: 1200px;    }  }