@charset "utf-8";
/*----------------------------------------------
フォントアイコン用
----------------------------------------------*/
/* @import url(font-awesome.css); */

/*----------------------------------------------
スマホ用固定メニュー
----------------------------------------------*/
.fix_menu {
	display: none;
}
@media screen and (max-width: 767px){
	.wrapper{
		padding-bottom: 50px;
	}
	.fix_menu, .fix_menu .line a {
    background-color: #06c755;
	color: #fff;

	}
	.fix_menu, .fix_menu .line a:before {
		margin-right: 5px;
display: block;
content: "";
background: url(../images/line-icon.webp) no-repeat center;
background-size: 100% auto;
width: calc(103px * 0.3);
/* height: calc(98px* 0.3); */
height: 50px;
	}
	.fix_menu, .fix_menu p a  {
		background-color: #29a7de;
		background-image: none;
	}
	.fix_menu, .fix_menu .taiken a  {
		 background-color: #1a687f;
		 color: #fff;
	}
	.fix_menu {
		display: block;
		z-index: 100;
		clear: both;
		overflow: hidden;
		position: fixed;
		z-index: 3;
		bottom: 0;
		width: 100%;
	}
	.fix_menu p {
		float: left;
		width: 33.3333333%;
		height: 50px;
		font-size: 12px;
		/* line-height: 50px; */
		line-height: 1.5;
		text-align: center;
		color: #fff;
	}
	.fix_menu p a {
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: 0;
		box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 1px 1px 0 rgba(255, 255, 255, 0.4);
		border: none;
		 color: #ffff00;
		text-decoration: none;
		vertical-align: middle;
        height: 50px;
	}
	.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;
	}
}