@charset "UTF-8";
/* =========================================================== */
/* archive.php  */
/* =========================================================== */
/* カテゴリセレクト */
.archive-news .select_box{
    /* display: flex; */
    margin: 0 0 40px;
}
.archive-news .select_box > div{
    position: relative;
    z-index: 0;
    font-size: 15px;
    font-weight: 500;
}

/* 年セレクト */
.archive-news .slct_year_wrapper{
    position: relative;
    z-index: 0;
    margin: 0 0 0.8em;
    width: fit-content;
    color: #fff !important;
}
.archive-news .slct_year_wrapper::before{
    position: absolute;
    z-index: 0;
    inset: -100% .8em -90% auto;
    margin: auto;
    content: '';
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    pointer-events: none;
}
.archive-news .slct_year{
    -webkit-appearance: none;
    appearance: none;
    background: var(--mainBlue03) !important;
    color: #fff !important;
    padding: .2em 2em .2em .8em;
    border: none;
}
.archive-news .slct_year option{
    -webkit-appearance: none;
    appearance: none;
    background: var(--mainBlue03) !important;
    color: #fff !important;
}
.archive-news .slct_year:focus{outline: none !important;}

/* カテゴリーリスト */
.archive-news .select_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .5em .8em;
}
.archive-news .select_box ul li{
    color: var(--mainBlue03);
    text-align: center;
    background: #fff;
    border: 1px solid var(--mainBlue03);
    border-radius: 0 0 8px 0;
    padding: .2em .8em;
    cursor: pointer;
    transition: 0.3s;
}
.archive-news .select_box ul li:hover,
.archive-news .select_box ul li.active{
    color: #fff;
    background: var(--mainBlue03);
}
.archive-news .select_box ul li.active{cursor: default;}

/* リスト共通（採用と共用のため基本不変） */
.list_a{margin: 0 0 55px;}
.list_a > li{
    display: flex;
    padding: 1.1em 0;
    border-top: 1px solid #ffffff67;
}
.list_a > li:last-of-type{border-bottom: 1px solid #ffffff67;}
.list_a > li > span{
    display: flex;
    align-self: flex-start;
    color: #5072b8;
    background: #b3d7ff;
    padding: 0.1em 1em;
    border-radius: 4px;
    text-align: center;
    margin: 0 1em 0 0;
}
.list_a > li > div p{margin: 0 0 .5em;}
.list_a > li > div ul{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1em;
    font-size: 14px;
}

/* ニュース一覧 */
.archive-news .list_a > li{
    display: block;
    border-bottom: 1px solid #c2c2c2;
    padding: 0.8em 0;
}
.archive-news .list_a > li:last-of-type{border-bottom: 1px solid #c2c2c2;}
.archive-news .list_a li > ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 .3em;
}
.archive-news .list_a ul li{margin: 0 .8em 0 0;}
.archive-news .list_a li > ul li{
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--mainBlue03);
}
.archive-news .list_a li > div{display: flex;}
.archive-news .list_a li > div p{line-height: 2;}
.archive-news .list_a li > div p:has(time){margin: 0 1.2em 0 0;}
.archive-news .list_a li > div p:not(:has(time)){line-height: 1.75;}

/* カテゴリ色 */
.archive-news .list_a ul li.cat-notice{color: var(--mainBlue03);}
.archive-news .list_a ul li.cat-release{color: var(--mainBlue03);}
.archive-news .list_a ul li.cat-corporate{color: var(--mainBlue03);}
.archive-news .list_a ul li.cat-service{color: var(--mainBlue03);}
.archive-news .list_a ul li.cat-seminar{color: var(--mainBlue03);}
.archive-news .list_a ul li.cat-media{color: var(--mainBlue03);}

.pagenavi_wrapper{
    position: relative;
    z-index: 0;
    padding: 40px 0 0;
}
.pagenavi_wrapper .wp-pagenavi{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .7em .4em;
    max-width: 580px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}
.pagenavi_wrapper .wp-pagenavi .pages{
    position: absolute;
    z-index: 0;
    inset: 0 0 auto;
    display: block;
    width: auto;
    height: auto;
}
.pagenavi_wrapper .wp-pagenavi > a,
.pagenavi_wrapper .wp-pagenavi > span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    vertical-align: middle;
}
.pagenavi_wrapper .wp-pagenavi > a.disable,
.pagenavi_wrapper .wp-pagenavi > span.disable{
    pointer-events: none;
}
.pagenavi_wrapper .wp-pagenavi .previouspostslink,
.pagenavi_wrapper .wp-pagenavi .nextpostslink,
.pagenavi_wrapper .wp-pagenavi .first,
.pagenavi_wrapper .wp-pagenavi .last{
    font-size: 30px;
    border: 1px solid #c2c2c2;
    color: #1D2231;
    opacity: 1;
}
.pagenavi_wrapper .wp-pagenavi .previouspostslink span,
.pagenavi_wrapper .wp-pagenavi .nextpostslink span,
.pagenavi_wrapper .wp-pagenavi .first span,
.pagenavi_wrapper .wp-pagenavi .last span{
    padding: 0 0 .2em;
    font-weight: 200;
}
.pagenavi_wrapper .wp-pagenavi .previouspostslink:hover,
.pagenavi_wrapper .wp-pagenavi .nextpostslink:hover,
.pagenavi_wrapper .wp-pagenavi .first:hover,
.pagenavi_wrapper .wp-pagenavi .last:hover{opacity: 0.5;}
.pagenavi_wrapper .wp-pagenavi > a,
.pagenavi_wrapper .wp-pagenavi .extend{opacity: 0.3;}
.pagenavi_wrapper .wp-pagenavi > a:hover{opacity: 1;}

@media screen and (max-width:800px) {
    .archive-news .select_box{margin: 0 0 20px;}
    .archive-news .select_box > div{font-size: 13px;}
    .archive-news .list_a li > div{flex-direction: column;}
    .archive-news .list_a li > ul{margin: 0 0 .1em;}
    .archive-news .list_a li > ul li{font-size: 13px;}
}