/*
 * CSS for hatarakukatati project
 */
 @charset "UTF-8";
 
 * {
     margin: 0px;
     padding: 0px;
 }
  
  html {
     font-size: 100%;
   }
  body{
     margin: 0;
     height: 100%;
     font-family: 'DotGothic16', sans-serif;
     font-family: 'Noto Sans JP', sans-serif;
     color: rgb(20, 20, 20);
     line-height: 1.7;
 }
 img {
    max-width: 100%;
    object-fit: cover;
  }
  a{
      text-decoration: none;
      color: rgb(20, 20, 20);
  }
  li{
      list-style: none;
  }

  #header{
      display: flex;
      align-items: center;
      margin-left: 25px;
      margin-right: 25px;
      justify-content: space-between;
  }
  .logo-space{
      display: flex;
      align-items: center;
  }
  .header-nav .header-list{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      
  }
  .header-nav .header-list li{
      border-left: solid 2px #b5b2b2a2;
  }
  .header-nav .header-list li:nth-child(4){
    border-right: solid 2px #b5b2b2a2;
  }
  .header-nav .header-list li a{
      display: inline-block;
  }
  .header-nav .header-list li a:hover{
      opacity: 0.6;
  }
  .header-nav .header-list li a .header-list_item{
    padding: 0 40px 0 40px;
  }
  .header-nav .header-list li a p{
      text-align: center;
  }
  .header-nav .header-list li a .list-title{
      font-size: 1.2rem;
  }
  .header-nav .header-list li a .list-sub-title{
      font-size: 0.9rem;
  }