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

common-tablet.css

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

/*============================================================
 format
*============================================================*/
/* ベース
---------------------------------------- */
.page-lower #mainvisual {
    padding: 120px 0 40px 0;
}

/* コンテンツ内
---------------------------------------- */
.section {
    /* margin-bottom: 48px; */
}
.inner {
    /* gap: 24px; */
}
a[href^="tel:"] {
    pointer-events: auto;
}

/*============================================================
 メインビジュアル(下層)
*============================================================*/
.page-lower #mainvisual {
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-tablet {
    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; */
}

/*============================================================
 システムエラー　404
*============================================================*/
.page-sys-error #mainvisual {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*============================================================
 footer
*============================================================*/
/* 
---------------------------------------- */
#site-footer {
}