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

common-tablet.css

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

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

/* レイアウト
---------------------------------------- */
#main-contents {
	margin-top: 56px;
}

/* コンテンツ内
---------------------------------------- */
main .block.parts-boxes {
	gap: 32px;
}
main .block.parts-boxes .img {
	width: 42%;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}

/*============================================================
 メインビジュアル(下層)
*============================================================*/
.page-lower #mainvisual .page-title {
	font-size: 32px;
}
.page-lower #mainvisual .page-title-en {
	font-size: 72px;
}

/*============================================================
 本文(下層)
*============================================================*/
.page-lower #sec-lead h2 {
	font-size: 40px;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.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-card-p1 {
	gap: 48px 32px;
}

/* カード(サービス、資料ダウンロード)
---------------------------------------- */
.block-card-p2 {
	gap: 48px 32px;
}

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


@media screen and (max-width: 1100px) {
	/*============================================================
	 コンテンツ共通
	*============================================================*/
	/* カード(ブログ、実績共通)
	---------------------------------------- */
	.block-card-p1 .item {
		--col: 2;
		width: calc((100% - var(--gap) * (var(--col) - 1)) / var(--col));
	}
	
	/* カード(サービス、資料ダウンロード)
	---------------------------------------- */
	.block-card-p2 .item {
		--col: 2;
		width: calc((100% - var(--gap) * (var(--col) - 1)) / var(--col));
	}
	
}