header {
  .logo {
    img {
      filter: invert(20%) sepia(18%) saturate(1098%) hue-rotate(169deg) brightness(95%) contrast(88%);
    }
  }
  .navMenu {
    span {
      background-color: var(--maincolor);
    }
    &:after {
      color: var(--maincolor);
    }
  }
}

main .contentArea {
  padding-top: 100px;
}



@media (min-width: 769px) {

  main table.tbl_outline {
    width: 80%;
    margin: 0 auto 5vw;
    border-collapse: collapse;
  }

  main table.tbl_outline tr {}

  main table.tbl_outline th {
    border-top: 1px solid #4c4946;
    width: 30%;
    background: #d4eee7;
    text-align: center;
    vertical-align: middle;
    padding: 1.0vw 1.0vw;
  }

  main table.tbl_outline td {
    border-top: 1px solid #4c4946;
    width: 75%;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    padding: 1.0vw 2.0vw;
  }
  main table.tbl_outline td span {
    display: block;
    padding-bottom: .5em;
  }
  main table.tbl_outline td span.annotation {
    padding-bottom: .1em;
  }

}



@media (max-width: 768px) {

  main table.tbl_outline {
    width: 90%;
    margin: 0 auto 5vw;
    border-collapse: collapse;
  }

  main table.tbl_outline tr {
    display: flex;
    flex-direction: column;
  }

  main table.tbl_outline th {
    border-top: 1px solid #4c4946;
    width: 100%;
    background: #d4eee7;
    text-align: center;
    vertical-align: middle;
    padding: 2.0vw 1.0vw;
    font-size: 3.2vw;
  }

  main table.tbl_outline td {
    border-top: 1px solid #4c4946;
    width:calc(100% - 8vw);
    background: #fff;
    text-align: left;
    vertical-align: middle;
    padding: 2.0vw 4.0vw;
    font-size: 3.2vw;
  }
  main table.tbl_outline td span {
    display: block;
    padding-bottom: .5em;
  }
  main table.tbl_outline td span.annotation {
    padding-bottom: .1em;
  }

}