/* Scss Document */
/* Scss Document */
.history {
  width: 100%;
  margin: 0;
  padding: 60px 100px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .history__list {
    margin: 80px 0 0;
    padding: 0 0 20px;
    list-style: none;
    position: relative; }
    .history__list::after {
      content: '';
      width: 16px;
      height: 100%;
      position: absolute;
      top: 0;
      left: calc(240px - 16px - 4px);
      z-index: -1;
      background-color: #fdeed1; }
  .history__item {
    margin: 0;
    padding: 20px 0 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #3a3535; }
    .history__item:not(:first-of-type) {
      padding: 40px 0; }
    .history__item--year {
      width: 240px;
      margin: 0;
      padding: 0;
      color: #f87974;
      font-family: "Zen Maru Gothic", sans-serif;
      text-align: center;
      line-height: 1.3;
      position: relative; }
      .history__item--year span {
        font-size: 1.6666666667rem;
        font-weight: 900; }
      .history__item--year::after {
        content: '';
        width: 24px;
        height: 24px;
        background-color: #FFF;
        border: 6px solid #90c31f;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        right: 0;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    .history__item--ol {
      width: calc(100% - 240px - 60px);
      margin: 0 0 0 60px;
      padding: 0;
      list-style: none; }
    .history__item--li {
      margin: 0;
      padding: 0; }
      .history__item--li:not(:first-of-type) {
        margin: 10px 0 0; }

@media (max-width: 1200px) {
  .history {
    padding: 60px 40px 0; } }
@media (max-width: 800px) {
  .history {
    padding: 60px 20px 0; } }
@media (max-width: 600px) {
  .history__list::after {
    left: 4px; }
  .history__item {
    flex-direction: column;
    align-items: flex-start; }
    .history__item--year {
      width: 100%;
      margin: 0 0 30px;
      padding: 0 0 0 34px;
      text-align: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .history__item--year::after {
        left: 0;
        right: auto; }
      .history__item--year span {
        font-size: 1.2222222222rem; }
      .history__item--year br {
        display: none; }
    .history__item--ol {
      width: 100%;
      margin: 0;
      padding: 0 0 0 34px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }