@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;          /* ワイドサイト幅内余白 */
}

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


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

/*============================================================
 共通ブロック
*============================================================*/
/* 共通設定
---------------------------------------- */
.block-common .inner .wp-block-media-text {
	grid-gap: 24px;
}
/* 導入事例
---------------------------------------- */
.block-case {
	--gap: 24px;
}

/*============================================================
 サイドバー付き画面分割
*============================================================*/
#div-wrap {
	gap: 24px;
}
#div-wrap #contents {
	width: calc(100% - 256px);
}

/*============================================================
 CTA
*============================================================*/
/* お問い合わせ
---------------------------------------- */
#cta-contact h2 {
	font-size: 40px;
}

/*============================================================
 サイト内検索フォーム
*============================================================*/
#searchform input {
	width: 200px;
}


/*============================================================
 footer
*============================================================*/
#site-footer .parts-boxes .logo {
	width: 240px;
}


@media screen and (max-width: 900px) {
	.wp-block-media-text {
		display: flex;
		flex-direction: column;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		order: 2;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
		order: 1;
	}
	
	.block-case {
		--col: 2;
		justify-content: center;
	}
}