@charset "utf-8";

/* ----------------------------------------------
フォントアイコン用
---------------------------------------------- */
@import "font-awesome.css";

/* ----------------------------------------------
スマホ用固定メニュー
---------------------------------------------- */
.fix_menu {
	display: none;
}

@media screen and (width < 1024px){
	.wrapper{
		padding-bottom: 50px;
	}

	.fix_menu {
		position: fixed;
		bottom: 0;
		display: block;
		width: 100%;
		overflow: hidden;
		clear: both;
		background: color-mix(in srgb, var(--accent-color) 90%, transparent);
		z-index: 1;
	}

	.fix_menu p {
		float: left;
		width: 50%;
		height: 50px;
		font-size: 12px;
		line-height: 50px;
		color: #ffffff;
		text-align: center;
	}

	.fix_menu p a {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		text-decoration: none;
		letter-spacing: 0;
		border: none;
		box-shadow: inset 0 -1px 1px rgb(0 0 0 / 90%), inset 1px 1px 0 rgb(255 255 255 / 40%);
	}

	.fix_menu p a i{
		margin-right: 10px;
	}

/* 	.fix_menu p a:before {
		display: inline-block;
		margin-right: 10px;
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		vertical-align: middle;
	}
	.fix_menu p.tel a:before {
		content: "\f10b";
		font-size: 40px;
	}
	.fix_menu p.mail a:before {
		content: "\f003";
		font-size: 30px;
	} */
	.fixed_bottom {
		position: fixed;
		bottom: 0;
		z-index: 100;
	}
}