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

common-sp.css

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

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* 
---------------------------------------- */


/*============================================================
 コンテンツ共通
*============================================================*/
/* 共通ブロック(名称)
---------------------------------------- */
.block-〇〇〇 {
}

#sec-cta a {
	padding: 32px 0 24px;
}
#sec-cta .inner:before {
	right: 8px;
}
#sec-cta h2 img {
	max-width: 380px;
	width: 100%;
}
#sec-cta p {
	font-size: 20px;
}
#sec-cta p span {
	font-size: 24px;
}

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

@media screen and (max-width: 480px) {
	#sec-cta .inner:before {
		right: 0;
	}
	#sec-cta p {
		font-size: 16px;
	}
	#sec-cta p span {
		font-size: 20px;
	}
	#sec-cta h2 img {
		max-width: 300px;
	}
}
