/* CSS Document */
/* スマホ用フッター固定ボタン（電話／WEBお問合せ） */

.sp-bottom-nav{
	display: none;
}

@media(max-width:600px){

	.sp-bottom-nav{
		position: fixed;
		left: 0;
		bottom: 14px;
		z-index: 500;
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 12px;
		padding: 0 14px;
		pointer-events: none;
	}

	.sp-bottom-btn{
		pointer-events: auto;
		flex: 1;
		max-width: 220px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 12px 10px;
		border-radius: 40px;
		border: 3px solid #fff;
		color: #fff;
		text-decoration: none;
		font-family: "Zen Maru Gothic", sans-serif;
		font-weight: 700;
		font-size: 0.8rem;
		transition: all 0.2s ease;
	}

	.sp-bottom-btn i{
		font-size: 1.15rem;
	}

	.sp-bottom-btn-tel{
		background: #37a43e;
		box-shadow: 3px 4px 0 #0b4f02;
	}

	.sp-bottom-btn-form{
		background: #ff9800;
		box-shadow: 3px 4px 0 #844012;
	}

	.sp-bottom-btn-tel:active{
		transform: translate(3px, 4px);
		box-shadow: 0 0 0 #0b4f02;
	}

	.sp-bottom-btn-form:active{
		transform: translate(3px, 4px);
		box-shadow: 0 0 0 #844012;
	}

}

@media(max-width:360px){

	.sp-bottom-btn{
		font-size: 0.7rem;
		padding: 10px 6px;
	}

	.sp-bottom-btn i{
		font-size: 1rem;
	}

}