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

common-tablet.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 100%;           /* 通常サイト幅 */
	--common-inner-max-width-wide: 100%;      /* ワイドサイト幅 */
	--common-inner-padding: 16px;               /* 通常サイト幅内余白 */
	--common-inner-padding-wide: 16px;          /* ワイドサイト幅内余白 */

    --common-site-header-height: 64px;
    --common-header-height: var(--common-site-header-height);
    --common-site-footet-height: 320px;
}

/* レイアウト
---------------------------------------- */
#page-layout {
    gap: 0 40px;
}
#main-contents {
    /* width: calc(100% - 40px - 220px); */
    width: 100%;
}
#sidebar {
    /* width: 220px; */
    width: 100%;
    margin-top: 80px;
}


/*============================================================
 format
*============================================================*/
a[href^="tel:"] {
    pointer-events: auto;
}


/*============================================================
 パンくずリスト
*============================================================*/
/* 下層ページでは表示
---------------------------------------- */
#breadcrumb {
    margin: 24px 0 24px 0;
}


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

/* 記事カード型リスト
---------------------------------------- */
.block-report-list {
    --gap: 24px;
    --col-cnt: 3;
}
@media screen and (max-width: 1024px) {
    /* 記事カード型リスト
    ---------------------------------------- */
    .block-report-list {
        --col-cnt: 2;
    }
}


/*============================================================
 サイドバー
*============================================================*/
/* common
---------------------------------------- */
#sidebar .side-sec-list {
    gap: 32px 2%;
}
#sidebar .side-section {
    width: 32%;
}



/*============================================================
 footer
*============================================================*/
/* Footer Navi
---------------------------------------- */
#site-footer #fnav .fnav-list .logo {
    width: 100%;
    text-align: center;
}
#site-footer #fnav .fnav-list .fnav-menu {
    width: 100%;
}
#site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list {
    width: fit-content;
    margin: 0 auto;
}
#site-footer #fnav .fnav-list .fnav-menu .fnav-menu-list ul:last-child {
    margin-left: 0;
}