@charset "UTF-8";

/* under_header for news archive
***************************************************************/
.under_header {
    background: var(--blue);
    background: linear-gradient(135deg, #3059AC 0%, #1D4C9E 100%);
        .inner{
            display: flex;
            align-items: center;
            height: 100%;
            padding-bottom: 1em;

            .under_header_ttl{
                padding-top: 0;
            }
        }
}

/* news_archive_sec
***************************************************************/
.news_archive_sec {
    padding: 60px 0;
    background-color: var(--white);
}

.news_archive_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news_archive_item {
    margin-bottom: 20px;
}

.news_archive_item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    transition: opacity 0.3s ease;
}

.news_archive_item a:hover {
    opacity: 0.7;
}

.news_archive_date {
    font-size: 16px;
    color: var(--black);
    margin-right: 20px;
    min-width: 100px;
    /* text-decoration: underline;
    text-underline-offset: 0.1em; */
}

.news_archive_cat {
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    background-color: #004D91; /* デフォルト色（紺、common.cssのクラスで上書き可能） */
    padding: 0.2em 0.7em;
    margin-right: 20px;
    white-space: nowrap;
    min-width: 100px;
    text-align: center;
}

.news_archive_title {
    font-size: 16px;
    color: var(--black);
    flex: 1;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    line-height: 1.5;
}

.news_archive_no_posts {
    text-align: center;
    padding: 60px 0;
    font-size: 16px;
    color: #707070;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px) {
    .news_archive_sec {
        padding: 80px 0;
    }
    
    .news_archive_item {
        margin-bottom: 25px;
    }
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
    .news_archive_sec {
        padding: 50px 0 70px;
    }
    
    .news_archive_item {
      margin-bottom: 30px;
    }
    .news_archive_item a {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
    }
    
    .news_archive_date {
      width: auto;
      margin-right: 0.6em;
      margin-bottom: 0;
      min-width: auto;
      display: inline-block;
    }
    
    .news_archive_cat {
      margin-right: 0;
      margin-bottom: 0;
      min-width: auto;
      display: inline-block;
  }
    
    .news_archive_title {
      width: 100%;
      margin-top: 5px;
      display: flex;
      flex-shrink: 0;
      flex: initial;
      line-height: 1.6;
  }
}







/* aaa
***************************************************************/

/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}





/* aaa
***************************************************************/

/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}