@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;
}

/*============================================================
 メインビジュアル(下層)
*============================================================*/
.page-lower #mainvisual {
	margin-bottom: 64px;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.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 {
	gap: 40px;
	justify-content: center;
}
.block-card .item {
	width: 47%;
}
.block-card .item .image {
	width: 100%;
}
.block-card .item .image img {
	width: 100%;
}
.block-card .item .info {
	width: 100%;
}
.block-card .item .info p {
	display: none;
}

/* 下層ページ 共通ブロック
---------------------------------------- */
.page-lower .section .inner {
	max-width: 815px;
}
/* 余白調整 */
.page-lower .section * {
	margin-bottom: 32px;
}
/* リスト */
.page-lower .section ul.disc.parts-boxes {
	gap: 32px 48px;
}
/* リードブロック */
.page-lower .lead-block h2 {
	font-size: 32px;
}
/* 基本ブロック 画像＋文章 */
.page-lower .basic-block {
	gap: 40px;
}
/* スタイル付きリスト パターン1 */
.page-lower .list-block.style-1 .row {
	gap: 32px 56px;
}
.page-lower .list-block.style-1 .item:nth-child(odd) .image:before {
	display: none;
}
/* スタイル付きリスト パターン2 */
.page-lower .list-block.style-2 {
	padding: 0 40px;
}
.page-lower .list-block.style-2 .row {
	gap: 40px 16px;
}
/* CTAブロック */
.page-lower .cta-block .info p {
	font-size: 24px;
}
/* 画像ブロック 1カラム */

/* 画像ブロック 2カラム */
.page-lower .image-2col {
	gap: 28px;
}
/* TIPSブロック */
.page-lower .tips-block {
	gap: 40px;
}
.page-lower .tips-block .info {
	width: calc(100% - 266px);
}
.page-lower .tips-block .info .title {
	font-size: 20px;
}
/* 背景グレーブロック */
.page-lower .bg-grey-block .block-title {
	margin-bottom: 40px;
}
.page-lower .bg-grey-block .block-title p {
	font-size: 20px;
}

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


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


/*============================================================
 電話ブロック
*============================================================*/
#tel-block .forPC {
	display: none;
}
#tel-block .forSP {
	display: block;
}
#tel-block .forSP a {
	display: flex;
	align-items: center;
	background: var(--common-color-sub);
	border-radius: 48px;
	padding: 12px;
}
#tel-block .forSP a p {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}


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