@charset "utf-8";

/* 年表 */
.divline {
  max-width: 560px;
  margin: 0 auto;
  padding: 20px;
}

.divline > ul {
  list-style: none;
  padding: 0;
  border-left: 2px solid #9c9c9c;
}

.divline > ul > li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
}

.divline > ul > li::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 5px;
  width: 12px;
  height: 12px;
  background: #9c9c9c;
}

.divline > ul > li::after {
  content: "";
  position: absolute;
  left: -5px;
  top: 7px;
  width: 8px;
  height: 8px;
  background: #fff;
}

.mobile-mode {
  display:none;
}
.pc-mode {
  display:block;
}

@media screen and (max-width: 640px) {
  .mobile-mode {
  display:block;
  }
  .pc-mode {
    display:none;
  }
}

/* アコーディオンボーダー削除 */
.accordion-border-none .c-accordion-b__inner {
  border-top: none !important;
  border-bottom: none !important;
}

/* アコーディオン下三角 */
.accordion-border-none > div {
  position: relative;
}

.accordion-border-none > div:not(:last-child):before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 18px solid #FFF;
  border-right: 28px solid transparent;
  border-left: 28px solid transparent;
}