html, body {
  scroll-behavior: smooth;
}

/* nav#g-nav {
  width: 348px;
  height: 42px;
} */

#g-nav ul.accordion-contents {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  display: none;
}
#g-nav ul.accordion-contents li {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#g-nav ul.accordion-contents li:hover {
  opacity: 0.7;
}

li.current,
li.other_menu {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width : 1461px ){
  #g-nav ul.accordion-contents {
    /* background-color: #ffffff; */
  }
  #g-nav ul.accordion-contents a {
    color: #181d62;
  }
  .accordion-trigger::after {
    background-color: #ffffff;
  }
  .accordion-trigger::before {
    background-color: #ffffff;
  }
}
.accordion-trigger {
  position: relative;
  padding: 0 40px 0 30px;
}
.accordion-trigger::before {
  position: absolute;
  top: 49%;
  content: "";
  width: 12px;
  height: 2px;
  background-color: #000;
  left: 9px;
}
.accordion-trigger::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 12px;
  background-color: #000;
  top: 52%;
  top: 51%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 14px;
  transition: opacity .2s;
}

.accordion-trigger.active::after{
  opacity: 0;
}

@media screen and (max-width : 1461px ){
  .accordion-trigger::after {
    background-color: #ffffff;
  }
  .accordion-trigger::before {
    background-color: #ffffff;
  }
}
/**/
.history-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.history_btn {
  width: 63px;
}

ul.timeline {
  width: 80%;
}

@media screen and (max-width: 768px) {
  .history_btn {
    width: 100%;
    margin-top: 50px;
  }
  .history-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}