@charset 'UTF-8';
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
.p-news
{
    margin-bottom: var(--m200);
}
.p-news__inner
{
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: var(--fs32_40) 0;
}
.p-news__sub-title
{
    font-size: var(--fs18_20);
    font-weight: bold;

    width: 100%;
    padding-bottom: .25em;

    border-bottom: 2px solid var(--gray01);
}
.p-news__main
{
    width: 68.33%;
}
.p-news__main .c-button
{
    max-width: 253px;
    margin-right: auto;
    margin-left: auto;
}
.p-news__list-row
{
    padding-bottom: var(--m20);

    border-bottom: 1px solid var(--gray01);
}
.p-news__list-row:not(:last-of-type)
{
    margin-bottom: var(--m20);
}
.p-news__list-date
{
    font-size: var(--fs14_17);
    font-weight: bold;

    transition: all .5s;
    text-decoration: underline;
}
.p-news__list-title
{
    font-size: var(--fs16_18);
    font-weight: 500;

    transition: all .5s;
    text-decoration: underline;
}
.p-news__side
{
    width: 25.5%;
}
.p-news__side-box
{
    margin-bottom: var(--fs28_48);
}
.p-news__side-box ul
{
    margin-bottom: var(--m40);
}
.p-news__side-box li
{
    padding: var(--m16);
}
.p-news__side-box li a
{
    font-size: var(--fs14_16);

    display: block;

    padding-bottom: var(--m16);

    transition: all .5s;
    text-decoration: underline;

    border-bottom: 1px dotted var(--gray01);
}
.p-news__side-box .date
{
    font-size: var(--fs12_14);
    font-weight: bold;

    transition: all .5s;
}
.p-news__side-box .title
{
    font-size: var(--fs14_16);

    transition: all .5s;
}
.p-news__side-box.search form
{
    display: flex;

    width: 100%;
    margin-bottom: var(--m40);
}
.p-news__side-box.search input
{
    display: block;

    width: 85%;
    padding: .25rem;

    border: 1px solid var(--gray01);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
}
.p-news__side-box.search button
{
    display: flex;

    width: 15%;
    padding: .4rem .25rem;

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: var(--main-col);

    align-items: center;
    justify-content: center;
}
.p-news__side-box.search button img
{
    width: 70%;
}
.p-news__side-box.archives ul:not(.inner_tab)
{
    padding: 1em 1em 1.5em;
}
.p-news__side-box.archives li.year_tab
{
    margin-bottom: 1rem;
    padding: 0;

    border-bottom: unset;
}
.p-news__side-box.archives li:not(.year_tab) a
{
    text-align: center;
}
.p-news__side-box.archives li .year
{
    font-size: 16px;

    position: relative;

    display: block;

    padding: .5em .25em;

    cursor: pointer;
    transition: all .5s;
    text-align: center;

    color: #fff;
    border: 1px solid var(--main-col);
    background-color: var(--main-col);
}
.p-news__side-box.archives li .year.active
{
    color: var(--main-col);
    background-color: var(--main-white);
}
.p-news__side-box.archives li .year.active::after
{
    transform: translateY(-50%) rotate(180deg);

    background-color: var(--main-col);
}
.p-news__side-box.archives li .year::after
{
    position: absolute;
    top: 50%;
    right: .5rem;

    display: inline-block;

    width: .75rem;

    content: '';
    transition: all .5s;
    transform: translateY(-50%);

    background-color: #fff;

    aspect-ratio: 1/1;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.p-news__side-title
{
    font-size: var(--fs14_16);

    width: 100%;
    margin-bottom: var(--m25);
    padding: .5em;

    text-align: center;
    text-align: center;

    color: #fff;
    background-color: var(--main-col);
}
.p-news__detail-date
{
    font-size: var(--fs14_18);
    font-weight: bold;
}
.p-news__detail-title
{
    font-size: var(--fs18_22);
    font-weight: bold;

    margin-bottom: .5em;
    padding-bottom: .25em;

    border-bottom: 1px dotted var(--black01);
}
.p-news__detail h1,
.p-news__detail h2,
.p-news__detail h3,
.p-news__detail h4,
.p-news__detail p
{
    font-size: inherit;
    font-weight: inherit;
    line-height: 2;

    color: inherit;
}
.p-news__detail b,
.p-news__detail strong
{
    font-size: inherit;

    color: inherit;
}
.p-news__detail p
{
    min-height: 1em;
}
.p-news__detail p:has(img)
{
    text-align: center;
}
.p-news__detail img
{
    max-width: 800px;
    margin: 1rem 0;
}
.p-news__detail a:has(img)
{
    display: block;

    max-width: -moz-fit-content;

    max-width: fit-content;
    margin: 0 auto;

    text-align: center;
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (min-width: 769px)
{
    .p-news__list-link:hover .p-news__list-date,
    .p-news__list-link:hover .p-news__list-title
    {
        color: var(--main-col);
    }
    .p-news__side-box a:hover
    {
        color: var(--main-col);
    }
    .p-news__side-box a:hover p
    {
        color: var(--main-col);
    }
    .p-news__side-box.archives ul li.year_tab .year:hover
    {
        color: var(--main-col);
        background-color: var(--main-white);
    }
    .p-news__side-box.archives ul li.year_tab .year:hover::after
    {
        background-color: var(--main-col);
    }
}
@media all and (max-width: 1024px)
{
    .p-news__main
    {
        width: 100%;
    }
    .p-news__side
    {
        display: flex;

        width: 100%;

        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .p-news__side-box
    {
        width: 32%;
    }
}
@media all and (max-width: 767px)
{
    .p-news__side-box
    {
        width: 49%;
    }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 620px)
{
    .p-news__side-box
    {
        width: 100%;
    }
}