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

common-tablet.css

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

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

#main-contents {
	padding-bottom: 64px;
}


#outline {
	gap: 64px;
}
#outline > .main-block {
	width: 100%;
}
#outline > #sidebar {
	width: 100%;
}

#breadcrumb {
	margin-top: 182px;
}
#breadcrumb .inner {
	max-width: 100%!important;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.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) 0 0;
}
.block-wscroll-tablet .block-wscroll-inner > * {
    width: auto;
    white-space: nowrap;
}

.pagination {
	margin-top: 40px;
}

#searchform {
	padding-top: 6px;
	padding-bottom: 6px;
}

/*============================================================
 CTA
*============================================================*/
/* お問い合わせ
---------------------------------------- */


/*============================================================
 記事本文ブロック
*============================================================*/
/* 見出し
---------------------------------------- */


/*============================================================
 footer
*============================================================*/
#site-footer .main {
	gap: 40px;
}
#site-footer .main .summary {
	width: 100%;
}
#site-footer .main .summary .logo {
	margin-bottom: 24px;
}
#site-footer .main .info {
	width: 100%;
}
#site-footer .main .info #fnav .menu-list {
	justify-content: flex-start;
	gap: 16px 32px;
}


@media screen and (max-width: 1000px) {
	:root {
		--common-inner-max-width: 698px;           /* 通常サイト幅 */
		--common-inner-max-width-sm: 698px;      /* ワイドサイト幅 */
	}
	
	h1.page-title {
		font-size: 32px;
	}
	
	.block-blog .item {
		margin-bottom: 32px;
	}
	.block-blog .item .image {
		width: 120px;
		height: 120px;
	}
	.block-blog .item .info {
		width: calc(100% - 152px);
	}
	.block-blog .item .info .title {
		font-size: 24px;
		margin-bottom: 8px;
	}
	.block-blog .item .info .desc {
		display: none;
	}
}