/*------------------------------------------
  
    news-archives / ニュース一覧
  
  ------------------------------------------*/
.archives {
    padding: 58px 0 180px;
    max-width: 1024px;
    margin-inline: auto;
}
  
.archives_inner {
    max-width: 960px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 210px auto;
    column-gap: 30px;
}

.category_nav_wrap {
    order: -1;
}

.category_nav {
    border: 1px solid var(--line-color2);
    border-radius: 4px;
    padding: 2px 11px;
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    top: 20px;
}

.category_nav_toggle {
    display: none;
}


.category_nav_list {
    display: grid;
}

.category_nav_list li + li {
    border-top: 1px solid var(--line-color2);
}

.category_nav_list a {
    display: block;
    font-weight: var(--font-weight-bold);
    color: var(--theme-color);
    position: relative;
    padding: 19px 0 18px 43px;
    font-size: calc(16 * var(--rem));
}

.category_nav_list a::before,
.category_nav_list a::after {
    --inset-start: 13px;
    content: "";
    position: absolute;
    inset: 0 0 0 var(--inset-start);
    margin-block: auto;
    border: 1px solid var(--theme-color);
    border-radius: var(--border-rounded);
}

.category_nav_list a::before {
    width: 19px;
    height: 19px;
}

.category_nav_list a::after {
    width: 11px;
    height: 11px;
    background-color: var(--theme-color);
    inset-inline-start: calc(4px + var(--inset-start));
    opacity: 0;
}

.category_nav_list a.thisPage::after {
    opacity: 1;
}

.news-list {
    display: grid;
    row-gap: 30px;
}

.news-card {
    position: relative;
}


.news-card a {
    display: grid;
    grid-template-columns: 1fr 190px;
    grid-template-rows: auto 1fr;
    column-gap: 30px;
    color: var(--text-color);
    row-gap: 7px;
}


.news-card_head {
    grid-column: span 3 / span 3;
    padding-top: 14px;
}

.news-card_category-date {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 10px;
    align-items: center;
}

.news-card_category-date .category {
    color: #fff;
    background-color: #222;
    font-size: calc(12 * var(--rem));
    padding: 4px 20px;
    border-radius: var(--border-rounded);
}

.news-card_category-date .date {
    font-size: calc(14 * var(--rem));
    font-family: var(--font-zenmaru-g);
    font-weight: var(--font-weight-medium);
}

.news-card_title {
    margin-top: 9px;
    line-height: calc(26 / 16);
    font-size: calc(16 * var(--rem));
}

.news-card_title span {
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    min-height: 2rem;
}

.news-card_text {
    grid-column: span 3 / span 3;
    grid-column-start: 1;
    grid-row-start: 2;
    font-size: calc(14 * var(--rem));
    line-height: calc(24 / 14);
    border-bottom: 1px solid var(--line-color2);
}

.news-card:last-child .news-card_text {
    border-bottom: none;
}

.news-card_text span {
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    min-height: 2rem;

}

.news-card_img {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 1;
    max-width: 190px;
}
    



@media screen and (max-width: 1366px) {
    .archive{
        padding-block: calc(58 * var(--max-fluid-ratio)) calc(180 * var(--max-fluid-ratio));
        max-width: calc(1024 * var(--max-fluid-ratio));
    }
    .archives_inner {
        max-width: calc(960 * var(--max-fluid-ratio));
        grid-template-columns: calc(210 * var(--max-fluid-ratio)) auto;
        column-gap: calc(30 * var(--max-fluid-ratio));
    }

    .category_nav {
        order: -1;
        border: 1px solid var(--line-color2);
        border-radius: calc(4 * var(--max-fluid-ratio));
        padding: calc(2 * var(--max-fluid-ratio)) calc(11 * var(--max-fluid-ratio));
        left: 0;
        top: calc(20 * var(--max-fluid-ratio));
    }
    

    .category_nav_list a {
        padding:calc(19 * var(--max-fluid-ratio)) 0 calc(18 * var(--max-fluid-ratio)) calc(43 * var(--max-fluid-ratio));
        font-size: calc(16 * var(--max-fluid-ratio));
    }
    
    .category_nav_list a::before,
    .category_nav_list a::after {
        --inset-start: calc(13 * var(--max-fluid-ratio));
    }
    
    .category_nav_list a::before {
        width: calc(19 * var(--max-fluid-ratio));
        height: calc(19 * var(--max-fluid-ratio));
    }
    
    .category_nav_list a::after {
        width: calc(11 * var(--max-fluid-ratio));
        height: calc(11 * var(--max-fluid-ratio));
        inset-inline-start: calc((4 * var(--max-fluid-ratio)) + var(--inset-start));
    }
    
    .news-list {
        display: grid;
        row-gap: calc(30 * var(--max-fluid-ratio));
    }
    
    .news-card a {
        grid-template-columns: 1fr calc(190 * var(--max-fluid-ratio));
        column-gap: calc(30 * var(--max-fluid-ratio));
        row-gap: calc(7 * var(--max-fluid-ratio));
    }
    
    
    .news-card_head {
        padding-top: calc(14 * var(--max-fluid-ratio));
    }
    
    .news-card_category-date {
        column-gap: calc(10 * var(--max-fluid-ratio));
    }
    
    .news-card_category-date .category {
        font-size: calc(12 * var(--max-fluid-ratio));
        padding: calc(4 * var(--max-fluid-ratio)) calc(20 * var(--max-fluid-ratio));
    }

    .news-card_category-date .date {
        font-size: calc(14 * var(--max-fluid-ratio));
    }
    
    .news-card_title {
        margin-top: calc(9 * var(--max-fluid-ratio));
        font-size: calc(16 * var(--max-fluid-ratio));
    }
    
    .news-card_title span {
        min-height: 2rem;
    }
    
    .news-card_text {
        font-size: calc(14 * var(--max-fluid-ratio));
    }
    
    .news-card_text span {
        min-height: 2rem;    
    }
    
    .news-card_img {
        max-width: calc(190 * var(--max-fluid-ratio));
    }
}

@media screen and (max-width: 767px) {
    .archives {
        padding-block: calc(45 * var(--min-fluid-ratio)) calc(120 * var(--min-fluid-ratio));
        max-width: none;
        width: calc(335 * var(--min-fluid-ratio));
    }
      
    .archives_inner {
        max-width: none;
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: calc(50 * var(--min-fluid-ratio));
    }

    .category_nav {
        width: calc(240 * var(--min-fluid-ratio));
        border: 1px solid var(--line-color2);
        border-radius: calc(4 * var(--min-fluid-ratio));
        position: relative;
        margin-inline: auto;
        top: auto;
        left: auto;
        padding: 0;
    }
    
    
    .category_nav_toggle {
        display: block;
        background: none;
        border: none;
        width: 100%;
        display: block;
        font-size: calc(14 * var(--min-fluid-ratio));
        font-weight: var(--font-weight-bold);
        color: var(--text-color);
        padding-block: calc(11.5 * var(--min-fluid-ratio));
        position: relative;
        cursor: pointer;
    }

    .category_nav_toggle .icon {
        position: absolute;
        inset: 0 calc(20 * var(--min-fluid-ratio)) 0 auto;
        width: calc(9 * var(--min-fluid-ratio));
        height: calc(8 * var(--min-fluid-ratio));
        margin-block: auto;
    }

    .category_nav_toggle svg {
        position: absolute;
        overflow: visible;
        fill: none;
        stroke: currentcolor;
        width: calc(8 * var(--min-fluid-ratio));
        stroke-width: calc(6 * var(--min-fluid-ratio));
        stroke-linecap: round;
        transition: opacity .4s var(--easeInOut), transform .4s var(--easeInOut);
        color: var(--theme-color);
        inset: 0;
        margin: auto;
    }

    .category_nav_toggle .b2 {
        transform-origin: center;
        transform: rotate(90deg);
    }

    .category_nav_toggle[aria-expanded="true"] .b2 {
        opacity: 0;

    }

    .category_nav_list {
        display: none;
        position: absolute;
        width: calc(240 * var(--min-fluid-ratio));
        margin-inline: auto;
        background-color: #fff;
        border: 1px solid var(--line-color2);
        z-index: 10;
        left: calc(-1 * var(--min-fluid-ratio));
        border-bottom-left-radius: calc(4 * var(--min-fluid-ratio));
        border-bottom-right-radius: calc(4 * var(--min-fluid-ratio));
        margin-top: calc(-1 * var(--min-fluid-ratio));
    }

    .category_nav_list li {
        width: calc(218 * var(--min-fluid-ratio));
        margin-inline: auto;
        border: none;
    }

    .category_nav_list li + li {
        border: none;
    }

    .category_nav_list li + li a {
        border-top: 1px solid var(--line-color2)
    }
    
    .category_nav_list a {
        border-radius: 0;
        border: none;
        font-size: calc(13 * var(--min-fluid-ratio));
        padding: calc(15 * var(--min-fluid-ratio)) calc(8 * var(--min-fluid-ratio)) calc(13 * var(--min-fluid-ratio)) calc(69 * var(--min-fluid-ratio));
    }
    
    .category_nav_list a::before,
    .category_nav_list a::after {
        --inset-start: calc(38 * var(--min-fluid-ratio));
        inset: 0 0 0 var(--inset-start);
    }
    
    .category_nav_list a::before {
        width: calc(19 * var(--min-fluid-ratio));
        height: calc(19 * var(--min-fluid-ratio));
    }
    
    .category_nav_list a::after {
        width: calc(11 * var(--min-fluid-ratio));
        height: calc(11 * var(--min-fluid-ratio));
        background-color: var(--theme-color);
        inset-inline-start: calc((4 * var(--min-fluid-ratio)) + var(--inset-start));
    }
    
    .news-list {
        display: grid;
        row-gap: calc(45 * var(--min-fluid-ratio));
    }
    
    .news-card a {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: calc(100 * var(--min-fluid-ratio)) 1fr;
        column-gap: calc(12 * var(--min-fluid-ratio));
        color: var(--text-color);
        row-gap: calc(10 * var(--min-fluid-ratio));
    }
    
    
    .news-card_head {
        grid-column: span 2 / span 2;
        grid-column-start: 2;
        grid-row-start: 1;
        padding-top: 0;
    }
    
    .news-card_category-date {
        display: grid;
        grid-template-columns: max-content max-content;
        column-gap: calc(10 * var(--min-fluid-ratio));
        align-items: center;
    }
    
    .news-card_category-date .category {
        font-size: calc(12 * var(--min-fluid-ratio));
        padding: calc(2 * var(--min-fluid-ratio))  calc(13 * var(--min-fluid-ratio));
    }

    .news-card_category-date .date {
        font-size: calc(12 * var(--min-fluid-ratio));
    }
    
    .news-card_title {
        margin-top: calc(13 * var(--min-fluid-ratio));
        line-height: calc(24 / 16);
        font-size: calc(16 * var(--min-fluid-ratio));
    }
    
    .news-card_text {
        grid-column: span 3 / span 3;
        grid-column-start: 1;
        grid-row-start: 2;
        font-size: calc(14 * var(--min-fluid-ratio));
        line-height: calc(24 / 14);
        padding-bottom: calc(33 * var(--min-fluid-ratio));
    }
    
    .news-card_text span {
        line-clamp: 3;
        -webkit-line-clamp: 3;
        min-height: 2rem;
    
    }
    
    .news-card_img {
        grid-column-start: 1;
        grid-row-start: 1;
        max-width: none;
        width: calc(100 * var(--min-fluid-ratio));
    }
}

/*------------------------------------------
  
    news-detail / ニュース詳細
  
------------------------------------------*/

.news-detail {
    padding: 58px 0 180px;
}

.news-detail_inner {
    max-width: 860px;
    margin-inline: auto;
}

.news-detail_category-date {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 15px;
    align-items: center;
}

.news-detail_category-date .category {
    color: #fff;
    background-color: #222;
    font-size: calc(14 * var(--rem));
    padding: 4px 24px;
    border-radius: var(--border-rounded);
}

.news-detail_category-date .date {
    font-size: calc(16 * var(--rem));
    font-family: var(--font-zenmaru-g);
    font-weight: var(--font-weight-medium);
}

.news-detail_title {
    margin-top: 19px;
    line-height: calc(38 / 26);
    font-size: calc(26 * var(--rem));
}

.news-detail_body {
    margin-top: 58px;
}


.news-detail_body > img {
    margin-inline: auto;
    margin-bottom: 58px;
}

.news-detail_body h2 {
    margin: 28px 0;
    line-height: calc(34 / 20);
    font-size: calc(20 * var(--rem));
}

.news-detail_body h3 {
    margin: 17px 0;
    line-height: calc(32 / 18);
    font-size: calc(18 * var(--rem));
}

.news-detail_body h4,
.news-detail_body h5,
.news-detail_body h6 {
    margin: 10px 0;
    line-height: calc(32 / 16);
    font-size: calc(16 * var(--rem));
}

.news-detail_body p {
    margin: 15px 0;
    line-height: calc(32 / 16);
    font-size: calc(16 * var(--rem));  
}

.news-detail_body small {
    display: block;
    margin: 13px 0;
    line-height: calc(24 / 14);
    font-size: calc(14 * var(--rem));
    color: #666;
}

.news-detail_body a {
    /* font-size: calc(16 * var(--rem));   */
    color: var(--theme-color);
    text-decoration: underline;
	word-break: break-all;
}

.news-detail_body > a {
    font-weight: var(--font-weight-bold);
    display: block;
    width: max-content;
    margin-top: 17px;
}

.news-detail_body a:hover {
    text-decoration: none;
}

.news-detail_body p > a {
    display: inline;
    font-weight: var(--font-weight-regular);
    line-height: inherit;
    margin: 0;
}

.news-detail_body .movie {
    max-width: 680px;
    margin: 56px auto;
}

.news-detail_body .movie iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 680 / 383;
}

.news-detail_body .pdf_download {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    font-weight: var(--font-weight-bold);
    column-gap: 10px;
    margin: 40px 0 48px;
}

.news-detail_body .pdf_download a {
    background-color: #D63636;
    line-height: 1;
    color: #fff;
    font-family: var(--font-zenmaru-g);
    font-weight: var(--font-weight-black);
    padding: 7px 13px;
    text-decoration: none;
    border-radius: 4px;
}

.news-detail_body .pdf_download > a > img {
    display: inline-block;
    margin-left: 11px;
}

.news-detail_body blockquote {
    background-color: #F9F9F9;
    padding: 25px 30px 33px;
    max-width: 600px;
    font-size: calc(14 * var(--rem));
    line-height: calc(28 / 14);
    font-weight: var(--font-weight-medium);
    position: relative;
    margin: 50px 0;
}

.news-detail_body blockquote::before,
.news-detail_body blockquote::after {
    --inline-margin: 25px;
    --block-margin: -4px;
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 13px;
    background-position: 0 0;
    background-size: 14px auto;
    background-repeat: no-repeat;
}

.news-detail_body blockquote::before {
    background-image: url(../images/news/icon-blockquote-top.svg);
    left: var(--inline-margin);
    top:var(--block-margin);
}

.news-detail_body blockquote::after {
    background-image: url(../images/news/icon-blockquote-bottom.svg);
    right: var(--inline-margin);
    bottom: var(--block-margin);
}

.news-detail .btn-back {
    margin-top: 145px;
}

@media screen and (max-width: 1366px) {
    .news-detail {
        padding: calc(58 * var(--max-fluid-ratio)) 0 calc(180 * var(--max-fluid-ratio));
    }
    
    .news-detail_inner {
        max-width: calc(860 * var(--max-fluid-ratio));
    }
    
    .news-detail_category-date {
        column-gap: calc(15 * var(--max-fluid-ratio));
    }
    
    .news-detail_category-date .category {
        font-size: calc(14 * var(--max-fluid-ratio));
        padding: calc(4 * var(--max-fluid-ratio)) calc(24 * var(--max-fluid-ratio));
    }
    
    .news-detail_category-date .date {
        font-size: calc(16 * var(--max-fluid-ratio));
    }
    
    .news-detail_title {
        margin-top: calc(19 * var(--max-fluid-ratio));
        font-size: calc(26 * var(--max-fluid-ratio));
    }
    
    .news-detail_body {
        margin-top: calc(58 * var(--max-fluid-ratio));
    }
    
    
    .news-detail_body > img {
        margin-bottom: calc(58 * var(--max-fluid-ratio));
    }
    
    .news-detail_body h2 {
        margin: calc(28 * var(--max-fluid-ratio)) 0;
        font-size: calc(20 * var(--max-fluid-ratio));
    }
    
    .news-detail_body h3 {
        margin: calc(17 * var(--max-fluid-ratio)) 0;
        font-size: calc(18 * var(--max-fluid-ratio));
    }
    
    .news-detail_body h4,
    .news-detail_body h5,
    .news-detail_body h6 {
        margin: calc(10 * var(--max-fluid-ratio)) 0;
        font-size: calc(16 * var(--max-fluid-ratio));
    }
    
    .news-detail_body p {
        margin: calc(15 * var(--max-fluid-ratio)) 0;
        font-size: calc(16 * var(--max-fluid-ratio));  
    }
    
    .news-detail_body small {
        margin: calc(13 * var(--max-fluid-ratio)) 0;
        font-size: calc(14 * var(--max-fluid-ratio));
    }
    
    .news-detail_body a {
        /* font-size: calc(16 * var(--max-fluid-ratio));   */
    }
    
    .news-detail_body > a {
        margin: calc(17 * var(--max-fluid-ratio)) 0;
    }
    
    
    .news-detail_body .movie {
        max-width: calc(680 * var(--max-fluid-ratio));
        margin: calc(56 * var(--max-fluid-ratio)) auto;
    }
    
    
    .news-detail_body .pdf_download {
        column-gap: calc(10 * var(--max-fluid-ratio));
        margin: calc(40 * var(--max-fluid-ratio)) 0 calc(48 * var(--max-fluid-ratio));
    }
    
    .news-detail_body .pdf_download a {
        padding: calc(7 * var(--max-fluid-ratio)) calc(13 * var(--max-fluid-ratio));
        border-radius: calc(4 * var(--max-fluid-ratio));
    }
    
    .news-detail_body .pdf_download > a > img {
        margin-left: calc(11 * var(--max-fluid-ratio));
    }
    
    .news-detail_body blockquote {
        padding: calc(25 * var(--max-fluid-ratio)) calc(30 * var(--max-fluid-ratio)) calc(33 * var(--max-fluid-ratio));
        max-width: calc(600 * var(--max-fluid-ratio));
        font-size: calc(14 * var(--max-fluid-ratio));
        margin: calc(50 * var(--max-fluid-ratio)) 0;
    }
    
    .news-detail_body blockquote::before,
    .news-detail_body blockquote::after {
        --inline-margin: calc(25 * var(--max-fluid-ratio));
        --block-margin: calc(-4 * var(--max-fluid-ratio));
        width: calc(14 * var(--max-fluid-ratio));
        height: calc(13 * var(--max-fluid-ratio));
        background-size: calc(14 * var(--max-fluid-ratio)) auto;
    }
    
    .news-detail .btn-back {
        margin-top: calc(145 * var(--max-fluid-ratio));
    }
}

@media screen and (max-width: 767px) {

    .news-detail {
        padding-block: calc(45 * var(--min-fluid-ratio)) calc(120 * var(--min-fluid-ratio));
    }
    
    .news-detail_inner {
        max-width: none;
        width: calc(315 * var(--min-fluid-ratio));
    }
    
    .news-detail_category-date {
        column-gap: calc(10 * var(--min-fluid-ratio));
    }
    
    .news-detail_category-date .category {
        font-size: calc(12 * var(--min-fluid-ratio));
        padding: calc(4* var(--min-fluid-ratio)) calc(24 * var(--min-fluid-ratio));
    }
    
    .news-detail_category-date .date {
        font-size: calc(16 * var(--min-fluid-ratio));
    }
    
    .news-detail_title {
        margin-top: calc(19 * var(--min-fluid-ratio));
        line-height: calc(28 / 18);
        font-size: calc(18 * var(--min-fluid-ratio));
    }
    
    .news-detail_body {
        margin-top: calc(30 * var(--min-fluid-ratio));
    }
    
    
    .news-detail_body > img {
        margin-bottom: calc(40 * var(--min-fluid-ratio));
    }
    
    .news-detail_body h2 {
        margin: calc(40 * var(--min-fluid-ratio)) 0;
        line-height: calc(26 / 16);
        font-size: calc(16 * var(--min-fluid-ratio));
    }
    
    .news-detail_body h3 {
        margin: calc(20 * var(--min-fluid-ratio)) 0;
        line-height: calc(26 / 15);
        font-size: calc(15 * var(--min-fluid-ratio));
    }
    
    .news-detail_body h4,
    .news-detail_body h5,
    .news-detail_body h6 {
        margin: calc(20 * var(--min-fluid-ratio)) 0;
        line-height: calc(26 / 14);
        font-size: calc(14 * var(--min-fluid-ratio));
    }
    
    .news-detail_body p {
        margin: calc(20 * var(--min-fluid-ratio)) 0;
        line-height: calc(26 / 14);
        font-size: calc(14 * var(--min-fluid-ratio));
    }
    
    .news-detail_body small {
        margin: calc(20 * var(--min-fluid-ratio)) 0;
        line-height: calc(24 / 13);
        font-size: calc(13 * var(--min-fluid-ratio));
    }
    
    .news-detail_body a {
        /* font-size: calc(14 * var(--min-fluid-ratio));   */
    }
    
    .news-detail_body > a {
        margin: calc(17 * var(--min-fluid-ratio)) 0;  
    }
    
    .news-detail_body .movie {
        max-width: none;
        width: 100%;
        margin: calc(35 * var(--min-fluid-ratio)) auto;  
    }
    
    .news-detail_body .movie iframe {
        aspect-ratio: 315 / 177;
    }
    
    .news-detail_body .pdf_download {
        column-gap: calc(10 * var(--min-fluid-ratio));  
        margin: calc(40 * var(--min-fluid-ratio)) 0 calc(40 * var(--min-fluid-ratio));
        font-size: calc(14 * var(--min-fluid-ratio));
    }
    
    .news-detail_body .pdf_download a {
        padding: calc(7 * var(--min-fluid-ratio)) calc(13 * var(--min-fluid-ratio));  
        border-radius: calc(4 * var(--min-fluid-ratio));  
    }
    
    .news-detail_body .pdf_download > a > img {
        margin-left: calc(11 * var(--min-fluid-ratio));  
    }
    
    .news-detail_body blockquote {
        padding: calc(15 * var(--min-fluid-ratio)) calc(15 * var(--min-fluid-ratio)) calc(24 * var(--min-fluid-ratio));
        max-width: none;
        width: 100%;
        font-size: calc(13 * var(--min-fluid-ratio));
        line-height: calc(24 / 13);
        margin: calc(30 * var(--min-fluid-ratio)) 0;  
    }
    
    .news-detail_body blockquote::before,
    .news-detail_body blockquote::after {
        --inline-margin: calc(12 * var(--min-fluid-ratio));  
        --block-margin: calc(-5 * var(--min-fluid-ratio));  
        width: calc(12 * var(--min-fluid-ratio));  
        height: calc(10 * var(--min-fluid-ratio));  
        background-size: calc(12 * var(--min-fluid-ratio)) auto;
    }
    
    .news-detail .btn-back {
        margin-top: calc(60 * var(--min-fluid-ratio));  
    }
}