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

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forTablet {
    display: inherit;
}


/*============================================================
 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-card {
    gap: 24px 16px;
	width: 702px;
	margin: 0 auto 40px auto;
}
.block-card .item {
    width: 343px;
}
.block-card .item .info {
    padding: 16px 8px;
}
.block-card .item .info .title {
    font-size: 20px;
    line-height: 180%;
}
.block-card .item .info .lead {
    --line: 4;
}

/*============================================================
 CTA
*============================================================*/
/* お問い合わせ(パープル)
---------------------------------------- */
.cta-inquiry1 .box-container .image {
    background-image: url(../images/top/cta-bg-tablet.png);
    background-size: 524px auto;
}
.cta-inquiry1 .box-container .info {
    padding: 68px 0 0 24px;
}
.cta-inquiry1 .box-container .info .block .cta-title {
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 8px;
}
.cta-inquiry1 .box-container .info .block .cta-lead {
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 24px;
}
.cta-inquiry1 .box-container .info .block .btn-inquiry {
    --width: 267px;
}

/* お問い合わせ(ブルー)
---------------------------------------- */
.cta-inquiry2 {
    background-position: top 16px right calc(50vw + 136px), top center;
}
.cta-inquiry2 .inner {
    max-width: 768px;
    padding: 0 16px;
}

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


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