@charset "utf-8";
/* LINE公式アカウントのCTA（スマホ表示のみ）2026-10-24 追加
   既存のCSSは変更せず、このファイルだけで指定しています。
   スマホ表示の切り替え幅は既存CSS（min-width: 576px でPC表示）に合わせて 575px 以下。 */

footer nav.footerfix ul li.sp-line-li,
.line-cta-sp {
	display: none;
}

@media screen and (max-width: 575px) {
	/* 固定ボタン：電話・LINE・メールの3つを均等に並べる */
	footer nav.footerfix ul li {
		width: 33.3333%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	footer nav.footerfix ul li.sp-line-li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	footer nav.footerfix ul li a {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		box-sizing: border-box;
		min-height: 53px; /* 既存の固定ボタンの高さ（幅375pxで実測53px）に合わせる */
		line-height: 1.3;
	}
	footer nav.footerfix ul li a.cta-tel,
	footer nav.footerfix ul li a.cta-mail {
		padding: 1.2em 0.4em 1.2em 2.8em;
		background-position: 8% center;
		background-size: 1.6em auto;
	}
	footer nav.footerfix ul li a.cta-line {
		padding: 1.2em 0.4em;
		background-color: #06c755;
		color: #fff;
		font-weight: bold;
	}
	footer nav.footerfix ul li a.cta-line:link,
	footer nav.footerfix ul li a.cta-line:visited {
		color: #fff;
	}

	/* お問い合わせエリア（CONTACT）の「LINEで相談する」ボタン */
	.line-cta-sp {
		display: block;
		margin: 0 1em 1.5em;
		text-align: center;
	}
	.line-cta-sp a {
		display: block;
		width: 250px;
		max-width: 100%;
		margin: 0 auto;
		padding: .5rem .75rem;
		border-radius: .25rem;
		background-color: #06c755;
		color: #fff;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
	}
	.line-cta-sp a:link,
	.line-cta-sp a:visited,
	.line-cta-sp a:hover {
		color: #fff;
		text-decoration: none;
	}
}