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

common-tablet.css

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

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

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


/*============================================================
 コンテンツ共通
*============================================================*/
/* 共通ブロック(ニュース記事カード型)
---------------------------------------- */
.block-news-list .item:nth-child(3n-2),
.block-news-list .item:nth-child(3n) {
    margin-top: 64px;
}
.block-news-list .item .info .block-title {
    max-height: 96px;
}

/* 共通ブロック(実績記事カード型)
---------------------------------------- */
.block-works-list .item .info .block-title {
    max-height: 96px;
}

/*============================================================
 footer
*============================================================*/
/* common
---------------------------------------- */
#site-footer .block-scroll-fade-item {
    background-image: url(../images/common/tablet-footer-bg.svg);
    background-position: top 236px left calc(50vw + 448px);
    background-size: 115px auto;
}
@media screen and (max-width: 1007px) {
	#site-footer .block-scroll-fade-item {
		background-position: top 236px right -60px;
	}
}

/* CTA Contact
---------------------------------------- */
#site-footer .cta-contact .btn-contact {
	right: calc((var(--inner-padding) + 16px) * -1);
}

/* Fナビ
---------------------------------------- */
#site-footer .fnav {
}
@media screen and (max-width: 907px) {
	#site-footer .fnav .fnav-right {
		width: 100%;
	}
	#site-footer .fnav .fnav-right .addr br {
		display: inline;
	}
	
}