@media all {  
  .bg-custom-primary{
    background-color: #339900;
    color: #e7f3e1;
  }

  .bg-custom-secondary{
    background-color: #a1d687;
    color: #e7f3e1;
  }

  .bg-custom-tertiary{
    background-color: #c9e2bc;
    color: #e7f3e1;
  }

  /* header */

  header h1 a{
    font-family: serif;
    font-style: italic;
  }

  a{
    text-decoration: none;
    color: #e7f3e1;
  }

  a:hover{
    color: #e7f3e1;
  }

  header > .container-fluid{
    padding: 0px;
  }

  .navbar{
    padding: 0px;;
  }

  .dropdown-divider{
    margin: 0px;
  }

  .dropdown{
    position: relative;
  }

  .dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
  }

  /* footer */
  footer *{
    background-color: #a1d687;
    color: rgb(68, 68, 68);
  }

  footer .site-logo{
    font-family: serif;
    font-size: 48px;
    font-weight: bold;
    font-style: italic;
  }

  footer li{
    list-style: none;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* information */
  .information-group{
    margin-top: 10px;
  }

  .information-text{
    margin-left: 1em;
  }

  .line-marker{
    /* background-color: #a1d687; */
    background: linear-gradient(to bottom, #ffffff 50%, #73f731);
  }

  .subtitle span{
    font-size: 1.2em;
    color: #a1d687;
  }

  .requirements-list > li > ul{
    padding-left: 1em;
    list-style: disc;
  }

  .question-range-list ul{
    padding-left: 1em;
  }

  .question-range-list ul > li > ul > li{
    list-style: none;
  }

  .table th{
    vertical-align: middle;
  }

  .table td:empty{
    background-color: #dee2e6;
  }

  .exam-format-table .exam-format-rowspan{
    vertical-align: middle;
  }

  .exam-format-table td{
    vertical-align: middle;
  }

  .pass-rate-table td{
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (max-width: 575px) {
  .navbar > .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
  }

  .navbar-nav{
    display: flex;
    flex-direction: column;
  }

  /* footer */

  footer ul{
    margin-left: 0px;
    padding-left: 0px;
  }
  
  /* information */
  .breadcrumb{
    display: none;
  }

  .exam-format-table .exam-format-rowspan{
    text-align: center;
  }

  .exam-format-table td:not(.head .end){
    max-width: 1rem;
  }

  .otsushu-table th{
    width: 3.1rem;
  }
}

@media screen and (min-width: 576px){
  .navbar > .container-fluid{
    padding-left: 0px;
    padding-right: 0px;
  }

  .navbar-nav{
    display: flex;
    flex-direction: column;
  }
  
  /* information */
  .exam-format-table td:not(.head):not(.end){
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) {
  /* header */
  header{
    height: 100px;
  }

  .navbar-nav{
    flex-direction: row;
    height: 50px;
    margin: 0px;
  }

  .nav-link{
  }

  .dropdown-menu{
    width: 100%;
  }
  
  .dropdown:hover .dropdown-menu{
    display: block;
  }
  

}

@media screen and (min-width: 992px) {

}

/*

@media screen and (min-width: 1200px) {
  
}

@media screen and (min-width: 1400px) {
  
} */