@charset "UTF-8";

/* 印刷用レイアウト */
@page {
    margin: 10mm;
    size: 210mm 297mm;
    /* A4縦サイズの場合 */
}

@media print {

    /* 全体設定 */
    html {
        background: unset;
        background-repeat: unset;
    }

    body {
        -webkit-print-color-adjust: exact;
        /* 印刷時でも背景色や背景画像を表示 */
        width: 100%;
        /* 印刷時の全ページ幅を統一（px数値はお好みで） */
        zoom: 0.8;
        /* なるべく多くのブラウザで切れないようにするため */
    }

    img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    header,
    footer,
    .top_bt,
    .sidebar,
    .pager {
        display: none;
    }

    .main_page{
        margin-top: 0px;
        background-color: unset;
    }

    .page_content {
        margin-top: 0px;
        margin-bottom: 0rem;
        border-radius: unset;
        background-color: unset;
        box-sizing: border-box;
    }

    .page_main__area {
        margin-bottom: 3rem;
        padding: 0rem;
        background-color: unset;
    }

    h1.page_tit{
        font-size: 1.75em;
    }

    .editor h1,
    .editor h2,
    .editor h3,
    .editor h4,
    .editor h5,
    .editor h6 {
        font-size: 1.5em;
    }

    .page_layout,
    .archive_layout {
        display: block;
    }

    .wp-block-columns {
        display: flex;
        flex-wrap: nowrap;
    }

    .page_child__item a {
        padding: 1.5em;
    }

/*====================================
 トップページ 
====================================*/
    /* メインビジュアル */
    .mainv{
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        height: calc(100vh - 100px);
        flex-wrap: wrap;
        gap: 2em;
    }

    .mainv_slide__tx {
        margin: 0;
        padding-left: 1.5em;
        width: 400px;
        position: absolute;
        bottom: 5em;
        z-index: 2;
        aspect-ratio: 16 / 9;
    }

    .slide_first .mainv_slide__tx {
        width: 310px;
        bottom: 35%;
    }

    .mainv_massage span{
        font-size: 1.4em;
    }

    .mainv_slide__img{
        margin: 0;
        max-width: 620px;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        position: absolute;
        top: 35px;
        right: 0;
        border-radius: 80px 0 0 80px;
    }

    .splide__slide .mainv_slide__img .slide_first__img{
        height: 100%;
    }

    .splide__slide .mainv_slide__img .slide_first__img img {
        object-position: 100%;
        object-fit: contain;
    }

   .mainv_logo{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    .mainv_logo img{
        width: 400px;
        height: auto;
    }

    .mainv_massage p{
        margin: 2em 0 0 0;
        font-weight: 500;
        line-height: 1.35;
        letter-spacing: 1px;
    }

    .mainv_massage span{
        padding-bottom: 1.75rem;
        font-weight: 500;
        display: inline-block;
    }

    .mainv_area .back_collor,
    .mainv_area .splide__arrows{
        display: none;
    }

    .mainv_newsarea .news_post {
        margin-bottom: 0em;
        padding: 0 3em;
        border-radius: 3em;
        background-color: var(--white);
        box-shadow: var(--shadow);
        gap: 1em;
    }

    /* ニュースエリア */
    .news_area {
        padding: 5rem 1.5rem;
        border-radius: 17rem;
        max-width: 100%;
        background-color: var(--white);
        box-shadow: 0px 0px 20px 0px rgb(255 226 251);
    }

    .news_post {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        border-bottom: solid 1px var(--border);
    }

    .mainv_newsarea .news_tit {
        padding: 1em 0.25em;
    }

    .news-post-tit {
        width: 100%;
    }

    /* イベント */
    .event_area .splide.is-initialized:not(.is-active) .splide__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1.5em;
    }

    /* インタビュー */
    .interview_list {
        flex-wrap: nowrap;
        justify-content: space-between;
        position: relative;
    }

    .interview_area .splide__track {
        padding-top: 7rem;
        padding-bottom: 3rem;
        overflow: unset;
    }

    #splide2 .interview_post.splide__slide {
        width: calc(33.33% - 2rem);
        height: 100%;
        position: relative;
    }

    .interview_img {
        margin-bottom: 2.5rem;
        position: relative;
        aspect-ratio: 3 / 2;
        transition: .3s;
    }

    .interview_post:nth-child(2) {
        margin-top: 5rem;
    }

    .splide__slide {
        flex-shrink: 1;
    }

    #splide2 .splide__arrows,
    #splide2 .splide__pagination {
        display: none;
    }

    /* イベントエリア */
    .event_top__layout {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .event_tit__area {
        margin: 2rem 0;
        width: calc(33.33% - 2rem);
        height: auto;
        align-content: space-between;
        background-size: 220px 220px;
        background-position-x: 10%;
        background-position-y: 60%;
    }

    .event_tit__area {
        margin: 2rem 0;
        width: calc(33.33% - 2rem);
        height: auto;
        background-image: url(../img/top/event_image.svg);
        background-repeat: no-repeat;
        background-size: 220px 220px;
        background-position-x: 10%;
        background-position-y: 60%;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: space-between;
    }

    .event_list {
        margin-top: 2rem;
        width: calc(66.66% - 2rem);
        justify-content: left;
    }

    .event_top__layout .button_area.sp {
        display: none;
    }

    .event_top__layout .button_area.pc {
        display: inline;
    }

    /* イベント アーカイブページ */
    .archive_list .event_post {
        flex-wrap: nowrap;
        gap: 3rem;
    }

    .archive_list .event_img {
        width: 200px;
    }

    .archive_list .event_tit_arae {
        width: calc(100% - 200px);
    }
}