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

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

.inner {
	max-width: 816px;
}

h2.sec-title {
	font-size: 32px;
}
h3.block-title {
	font-size: 24px;
}

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

/*============================================================
 下層ページ共通
*============================================================*/
.page-lower .section.margin-b {
	margin-bottom: 80px;
}

.page-lower .basic-block {
	gap: 32px;
}
.page-lower .basic-block.pt2 {
	gap: 56px;
}

.page-lower .bg-pink-block {
	padding: 48px 0;
}

.page-lower ul.disc.parts-boxes {
	gap: 32px 56px;
}

.page-lower .list-block.col2 {
	gap: 24px;
}
.page-lower .list-block.col2 .item {
	width: 48%;
}
.page-lower .list-block.col3 {
	gap: 24px;
}
.page-lower .list-block.col3 .item {
	width: 48%;
}
.page-lower .list-block.col4 {
	gap: 24px;
	max-width: 600px;
	margin: 0 auto;
}
.page-lower .list-block.col4.flow .item:nth-child(odd):before {
	display: none;
}

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


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


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