@charset "UTF-8";
/********************************************************************************

common-tablet.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	/* --common-inner-max-width: 100%;           /* サイト幅（デフォルト） */
	/* --common-inner-max-width-wide: 100%;      /* サイト幅（幅広） */
	/* --common-inner-max-width-narrow: 100%;      /* サイト幅（幅狭） */
	/* --common-inner-padding: 24px;               /* 必須余白（デフォルト） */
	/* --common-inner-padding-wide: 24px;          /* 必須余白（幅広） */
	/* --common-inner-padding-narrow: 24px;          /* 必須余白（幅狭） */
}

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */
a[href^="tel:"] {
    pointer-events: auto;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-tablet {
    width: calc(var(--common-vw) - ((var(--common-vw) - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll-tablet .block-wscroll-inner {
    width: max-content;
    padding: 4px 16px 16px 4px;
}
.block-wscroll-tablet .block-wscroll-inner > * {
    width: auto;
    /* white-space: nowrap; */
}

/* カード
---------------------------------------- */
.block-card {
}

/* リスト
---------------------------------------- */
.block-list .item .item-title {
    --line: 2;
}

/*============================================================
 CTA
*============================================================*/

@media screen and (max-width: 959px) {
    /* Contact / Document
    ---------------------------------------- */
    #cta-contact-document > .layout-flex {
        flex-direction: column;
    }
    #cta-contact-document > .layout-flex [class^="block-cta"] {
        width: 100%;
    }

}

/*============================================================
 記事本文ブロック
*============================================================*/
/* 見出し
---------------------------------------- */
.block-post-content h2 {
    font-size: var(--rem24px);
}
.block-post-content h3 {    
    font-size: var(--rem18px);
}



/*============================================================
 footer
*============================================================*/
#site-footer {    
}
#site-footer .inner {
    gap: 24px;
}

/* メニューリスト
---------------------------------------- */
#site-footer .fnav {
    flex-direction: column;
    gap: 24px;
    height: auto;
}

/* Copyright
---------------------------------------- */
#site-footer #copyright {
    margin-top: 40px;
}