@charset "UTF-8";
/*****************************
  pagesec-saisin
*****************************/
.pagesec-saisin ul{
  gap: 2rem;
}

/*****************************
  pagesec-archive
*****************************/
.pagesec-archive dl{
  margin-top: 2rem;
}
.pagesec-archive dl > div{
  border-bottom: 1px solid #ccc;
  margin-top: 1rem;
  padding: 2rem ;
}
.pagesec-archive dl > div dt{
  font-size: 1.8rem;
  font-weight: bold;
  width: 150px;
}
.pagesec-archive dl > div dd{
  width: calc(100% - 150px);
}
.pagesec-archive dl > div dd ul{
  gap: 2rem;
}
.pagesec-archive dl > div dd li a{
  font-size: 1.8rem;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-archive dl > div {
    padding: 1rem 2rem;
  }
  .pagesec-archive dl > div dt,
  .pagesec-archive dl > div dd{
    width: 100%;
  }
  .pagesec-archive dl > div dt{
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .pagesec-archive dl > div dd ul{
    gap: 1rem 3rem;
  }
  .pagesec-archive dl > div dd li a{
    font-size: 1.7rem;
  }
}