@charset "UTF-8";
/*
scroll-out
--------------------------------------------------------------------------------\*/
/* line 10, timeline.scss */
[data-scroll] {
  transition: opacity .85s ease,transform .85s ease; }

/* line 13, timeline.scss */
[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0); }

/* line 17, timeline.scss */
[data-scroll="out"] {
  opacity: 0;
  transform: translateY(30px); }

/* timeline SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 33, timeline.scss */
.sec_timeline .timeline__item {
  font-size: 1.6rem;
  margin-bottom: 30px;
  margin-top: -150px; }
  @media only screen and (max-width: 768px) {
    /* line 33, timeline.scss */
    .sec_timeline .timeline__item {
      margin-top: 30px; } }
  /* line 40, timeline.scss */
  .sec_timeline .timeline__item:first-child {
    margin-top: 30px; }
  /* line 43, timeline.scss */
  .sec_timeline .timeline__item::after {
    background-color: rgba(0, 0, 0, 0.5);
    border: 4px solid #0062b1; }
/* line 51, timeline.scss */
.sec_timeline .timeline__content {
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff; }
  /* line 59, timeline.scss */
  .sec_timeline .timeline__content h3 {
    font-size: 5.4rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      /* line 59, timeline.scss */
      .sec_timeline .timeline__content h3 {
        font-size: 3.6rem; } }
  /* line 66, timeline.scss */
  .sec_timeline .timeline__content .timeline_comment {
    font-size: 2.2rem;
    font-weight: bold;
    color: #AC996C; }
    @media only screen and (max-width: 768px) {
      /* line 66, timeline.scss */
      .sec_timeline .timeline__content .timeline_comment {
        font-size: 2.2rem; } }
  /* line 75, timeline.scss */
  .sec_timeline .timeline__content .timeline_list li.timeline_list_item {
    margin: 0 0 30px; }
    /* line 77, timeline.scss */
    .sec_timeline .timeline__content .timeline_list li.timeline_list_item h4 {
      display: inline-block;
      font-size: 2.4rem;
      font-weight: bold;
      padding: 2px 10px;
      color: #fff;
      background-color: #AC996C;
      line-height: 1.4;
      transform: skew(-10deg); }
      @media only screen and (max-width: 768px) {
        /* line 77, timeline.scss */
        .sec_timeline .timeline__content .timeline_list li.timeline_list_item h4 {
          font-size: 2.0rem; } }
      /* line 89, timeline.scss */
      .sec_timeline .timeline__content .timeline_list li.timeline_list_item h4 span {
        transform: skew(10deg); }
    /* line 93, timeline.scss */
    .sec_timeline .timeline__content .timeline_list li.timeline_list_item figure {
      margin: 30px 0; }
      /* line 95, timeline.scss */
      .sec_timeline .timeline__content .timeline_list li.timeline_list_item figure img {
        width: 100%;
        height: auto; }

/* line 105, timeline.scss */
.timeline:not(.timeline--horizontal)::before {
  background-color: #ddd;
  bottom: 0;
  content: '';
  left: 50%;
  margin-left: 0px;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 1; }

/* line 116, timeline.scss */
.timeline__item--right .timeline__content::before {
  border-right: none; }

/* line 119, timeline.scss */
.timeline__item--right .timeline__content::after {
  border-right: none; }

/* line 122, timeline.scss */
.timeline__item--left .timeline__content::before {
  border-right: none; }

/* line 125, timeline.scss */
.timeline__item--left .timeline__content::after {
  border-right: none; }

/* line 128, timeline.scss */
.timeline--mobile .timeline__item .timeline__content::before {
  border: none; }

/* line 131, timeline.scss */
.timeline--mobile .timeline__item .timeline__content::after {
  border: none; }

@media only screen and (max-width: 768px) {
  /* line 134, timeline.scss */
  .timeline--mobile .timeline__item {
    left: 0;
    padding-left: 10px;
    padding-right: 0;
    width: 100%; } }

/* line 142, timeline.scss */
.timeline__content::before {
  border-left: none; }

/* line 145, timeline.scss */
.timeline__content::after {
  border-left: none; }

/* line 148, timeline.scss */
.timeline__item::after {
  top: 5%; }

/* line 151, timeline.scss */
.sec_timeline .timeline__item::after {
  background-color: rgba(0, 0, 0, 0);
  border: none; }
  @media only screen and (max-width: 768px) {
    /* line 151, timeline.scss */
    .sec_timeline .timeline__item::after {
      background-color: rgba(0, 0, 0, 0);
      border: none; } }

/* line 160, timeline.scss */
.sec_timeline .timeline__content {
  background: none; }

/* line 163, timeline.scss */
.timeline__item.fadeIn {
  -webkit-animation-name: none;
  animation-name: none; }
  @media only screen and (max-width: 768px) {
    /* line 163, timeline.scss */
    .timeline__item.fadeIn {
      -webkit-animation-name: none;
      animation-name: none; } }

/* line 172, timeline.scss */
.timeline__item.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1;
    top: 70px; }
  100% {
    opacity: 1;
    top: 0; } }
@keyframes fadeIn {
  0% {
    opacity: 1;
    top: 70px; }
  100% {
    opacity: 1;
    top: 0; } }
@-webkit-keyframes liftUp {
  0% {
    top: 0; }
  100% {
    top: -15px; } }
@keyframes liftUp {
  0% {
    top: 0; }
  100% {
    top: -15px; } }

/*# sourceMappingURL=timeline.css.map */