@charset "UTF-8";

:root {
    --vw-large: 1360;
    /* PC */
    --vw-small: 390;
    /* SP */
}

/* main {
    background-image: url(../img/common/main-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
} */

.h1-wrap {
    margin: 0 auto calc((100vw / var(--vw-large))*48);

    .main_title {
        padding: calc((100vw / var(--vw-large))*150) 0 calc((100vw / var(--vw-large))*48);
    }

    span {
        font-size: calc((100vw / var(--vw-large))*20);
        margin-top: calc((100vw / var(--vw-large))*16);
    }
}

@media screen and (max-width: 768px) {
    .h1-wrap {
        margin: 0 auto calc((100vw / var(--vw-small))*32);

        .main_title {
            padding: calc((100vw / var(--vw-small))*80) 0 calc((100vw / var(--vw-small))*8);
        }

        span {
            font-size: calc((100vw / var(--vw-small))*18);
            margin-top: calc((100vw / var(--vw-small))*8);
        }
    }

}

.mv {
    width: calc((100vw / var(--vw-large))*1260);
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .mv {
        width: 100%;
    }
}

/* news_wrap */

.l_article {
    width: calc((100vw / var(--vw-large))*1000);
    padding: calc((100vw / var(--vw-large))*100) 0;
    margin: 0 auto;

    .post_wrap {
        flex-wrap: wrap;
        gap: calc((100vw / var(--vw-large))*32) calc((100vw / var(--vw-large))*19);
        margin: 0 auto calc((100vw / var(--vw-large))*40);

        .news_single_link {
            width: calc((100vw / var(--vw-large))*320);
            text-decoration: none;


            .thumbnails {
                width: calc((100vw / var(--vw-large))*320);
                height: calc((100vw / var(--vw-large))*176);
                background-size: cover;
                background-position: center;
                border-radius: calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10) 0 0;
                -webkit-border-radius: calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10) 0 0;
                -moz-border-radius: calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10) 0 0;
                -ms-border-radius: calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10) 0 0;
                -o-border-radius: calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10) 0 0;
            }

            .post_txt_wrap {
                width: calc((100vw / var(--vw-large))*320);
                padding: calc((100vw / var(--vw-large))*16) 0;
                background-color: #fff;
                border-radius: 0 0 calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10);
                -webkit-border-radius: 0 0 calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10);
                -moz-border-radius: 0 0 calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10);
                -ms-border-radius: 0 0 calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10);
                -o-border-radius: 0 0 calc((100vw / var(--vw-large))*10) calc((100vw / var(--vw-large))*10);

                .post-inner {
                    width: calc((100vw / var(--vw-large))*288);
                    margin: 0 auto;
                    text-align: left;

                    span {
                        color: #333;
                    }

                    .news_title {
                        margin: 0 auto calc((100vw / var(--vw-large))*16);
                    }

                    .news_date {
                        font-size: calc((100vw / var(--vw-large))*14);
                    }

                    .more {
                        width: calc((100vw / var(--vw-large))*85);
                    }
                }
            }
        }
    }
}

.wp-pagenavi {
    clear: both;
    display: inline-block;
    position: relative;
    /* width: 100%; */
}

a.page.larger,
.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: none;
    font-family: "Helvetica Neue";
    margin: 0 calc((100vw / var(--vw-large))*7);
    color: #BDBDBD;
    font-size: calc((100vw / var(--vw-large))*20);
    width: calc((100vw / var(--vw-large))*32);
    display: inline-block;
}

a.nextpostslink {
    position: absolute;
    background-color: inherit;
    /* margin: -5px 0 0 15px; */
    padding: 0;
    top: calc((100vw / var(--vw-large))*5);
    right: calc((100vw / var(--vw-large))*-40);
    margin: 0;
}

a.previouspostslink {
    position: absolute;
    background-color: inherit;
    /* margin: -5px 15px 0 -75px; */
    padding: 0;
    top: calc((100vw / var(--vw-large))*5);
    left: calc((100vw / var(--vw-large))*-30);
    margin: 0;
}

a.nextpostslink::before {
    content: "";
    background-image: url(../img/news/slide_btn_off.svg);
    width: calc((100vw / var(--vw-large))*20);
    height: calc((100vw / var(--vw-large))*20);
    background-repeat: no-repeat;
    background-color: initial;
    position: relative;
    display: block;
}

a.previouspostslink::before {
    content: "";
    background-image: url(../img/news/slide_btn_off.svg);
    transform: scale(-1, 1);
    width: calc((100vw / var(--vw-large))*20);
    height: calc((100vw / var(--vw-large))*20);
    background-repeat: no-repeat;
    background-color: initial;
    position: relative;
    display: block;
}

a.nextpostslink:hover::before {
    background-image: url(../img/news/slide_btn_off_hover.svg);
}

a.previouspostslink:hover::before {
    background-image: url(../img/news/slide_btn_off_hover.svg);
    transform: scale(-1, 1);
}

a.page.larger:hover,
.wp-pagenavi span.current {
    color: #333;
    padding-bottom: calc((100vw / var(--vw-large))*10);
    border-bottom: 1px solid #333;
}

.remodal-wrapper {
    padding: 0;
}

.remodal {
    background-color: initial;
    max-width: calc((100vw / var(--vw-large))*1000);
    padding: calc((100vw / var(--vw-large))*100) 0;
    color: #fff;
    text-align: left;
    margin: 0 auto;

    .time {
        font-size: calc((100vw / var(--vw-large))*20);
        color: #616161;
    }

    .title {
        font-size: calc((100vw / var(--vw-large))*20);
        font-weight: 700;
        width: calc((100vw / var(--vw-large))*767);
        margin: 0 auto calc((100vw / var(--vw-large))*24) 0;
        line-height: 140%;
    }

    p {
        font-size: calc((100vw / var(--vw-large))*16);
        margin: 0 auto calc((100vw / var(--vw-large))*24) 0;
    }

    .wp-block-image {
        margin: 0 auto calc((100vw / var(--vw-large))*24);
        width: calc((100vw / var(--vw-large))*878);
        text-align: center;
    }

    .remodal-close {
        width: calc((100vw / var(--vw-large))*40);
        right: calc((100vw / var(--vw-large))*32);
        top: calc((100vw / var(--vw-large))*32);
        left: initial;
        color: #fff;

        &::before {
            font-size: calc((100vw / var(--vw-large))*40);
        }
    }
}

@media screen and (max-width: 768px) {
    .l_article {
        width: calc((100vw / var(--vw-small))*320);
        padding: calc((100vw / var(--vw-small))*48) 0 calc((100vw / var(--vw-small))*60);
        margin: 0 auto;

        .post_wrap {
            flex-wrap: wrap;
            gap: calc((100vw / var(--vw-small))*32) calc((100vw / var(--vw-small))*19);
            margin: 0 auto calc((100vw / var(--vw-small))*40);

            .news_single_link {
                width: 100%;


                .thumbnails {
                    width: 100%;
                    height: calc((100vw / var(--vw-small))*176);
                    border-radius: calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10) 0 0;
                    -webkit-border-radius: calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10) 0 0;
                    -moz-border-radius: calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10) 0 0;
                    -ms-border-radius: calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10) 0 0;
                    -o-border-radius: calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10) 0 0;
                }

                .post_txt_wrap {
                    width: 100%;
                    padding: calc((100vw / var(--vw-small))*16) 0;
                    border-radius: 0 0 calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10);
                    -webkit-border-radius: 0 0 calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10);
                    -moz-border-radius: 0 0 calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10);
                    -ms-border-radius: 0 0 calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10);
                    -o-border-radius: 0 0 calc((100vw / var(--vw-small))*10) calc((100vw / var(--vw-small))*10);

                    .post-inner {
                        width: calc((100vw / var(--vw-small))*288);

                        .news_title {
                            margin: 0 auto calc((100vw / var(--vw-small))*16);
                        }

                        .news_date {
                            font-size: calc((100vw / var(--vw-small))*14);
                        }

                        .more {
                            width: calc((100vw / var(--vw-small))*85);
                        }
                    }
                }
            }
        }
    }

    a.page.larger,
    .wp-pagenavi a,
    .wp-pagenavi span {
        margin: 0 calc((100vw / var(--vw-small))*7);
        font-size: calc((100vw / var(--vw-small))*20);
        width: calc((100vw / var(--vw-small))*32);
    }

    a.nextpostslink {
        top: calc((100vw / var(--vw-small))*5);
        right: calc((100vw / var(--vw-small))*-40);
        width: calc((100vw / var(--vw-small))*20);
    }

    a.previouspostslink {
        top: calc((100vw / var(--vw-small))*5);
        left: calc((100vw / var(--vw-small))*-35);
        width: calc((100vw / var(--vw-small))*20);
    }

    a.nextpostslink::before {
        content: "";
        background-image: url(../img/news/slide_btn_off.svg);
        width: calc((100vw / var(--vw-small))*20);
        height: calc((100vw / var(--vw-small))*20);
        background-repeat: no-repeat;
        background-color: initial;
        position: relative;
        display: block;
    }

    a.previouspostslink::before {
        content: "";
        background-image: url(../img/news/slide_btn_off.svg);
        transform: scale(-1, 1);
        width: calc((100vw / var(--vw-small))*20);
        height: calc((100vw / var(--vw-small))*20);
        background-repeat: no-repeat;
        background-color: initial;
        position: relative;
        display: block;
    }

    a.nextpostslink:hover::before {
        background-image: url(../img/news/slide_btn_off_hover.svg);
    }

    a.previouspostslink:hover::before {
        background-image: url(../img/news/slide_btn_off_hover.svg);
        transform: scale(-1, 1);
    }

    a.page.larger:hover,
    .wp-pagenavi span.current {
        color: #333;
        padding-bottom: calc((100vw / var(--vw-small))*10);
        border-bottom: 1px solid #333;
    }

    .remodal-wrapper {
        padding: 0;
    }

    .remodal {
        padding: calc((100vw / var(--vw-small))*74) calc((100vw / var(--vw-small))*30);
        max-width: 100%;

        .time {
            font-size: calc((100vw / var(--vw-small))*18);
        }

        .title {
            font-size: calc((100vw / var(--vw-small))*16);
            width: calc((100vw / var(--vw-small))*330);
            margin: 0 auto calc((100vw / var(--vw-small))*24) 0;
        }

        p {
            font-size: calc((100vw / var(--vw-small))*16);
            margin: 0 auto calc((100vw / var(--vw-small))*24) 0;
        }

        .wp-block-image {
            margin: 0 auto calc((100vw / var(--vw-small))*24);
            width: calc((100vw / var(--vw-small))*312);
        }

        .remodal-close {
            width: calc((100vw / var(--vw-small))*26);
            right: calc((100vw / var(--vw-small))*32);
            top: calc((100vw / var(--vw-small))*32);

            &::before {
                font-size: calc((100vw / var(--vw-small))*26);
            }
        }
    }
}