@charset "UTF-8";

.l-header__contact {
	position: fixed;
	left: 45px;
	top: 35px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 10px;
	@media screen and (max-width: 767px) {
		left: 10px;
		top: 18px;
		gap: 8px;
	}
	.btn-form {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 34px;
		gap: 6px;
		background-color: #000;
		color: #fff;
		padding: 2px 10px;
		width: 140px;
		text-align: center;
		border-radius: 50px;
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: 0.1rem;
		box-sizing: border-box;
		&:hover {
			text-decoration: none;
		}
		@media screen and (max-width: 767px) {
			width: 130px;
			height: 32px;
			font-size: 1.1rem;
		}
		i {
			display: block;
			img {
				width: 20px;
				@media screen and (max-width: 767px) {
					width: 18px;
				}
			}
		}
	}
	.btn-tel {
		border: 1px solid #000;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 34px;
		gap: 6px;
		background-color: #fff;
		color: #000;
		padding: 2px 10px;
		width: 140px;
		text-align: center;
		border-radius: 50px;
		font-size: 1.2rem;
		line-height: 1;
		letter-spacing: 0.05rem;
		box-sizing: border-box;
		&:hover {
			text-decoration: none;
		}
		@media screen and (max-width: 767px) {
			width: 130px;
			height: 32px;
			font-size: 1.1rem;
		}
		i {
			display: block;
			line-height: 1;
			img {
				width: 20px;
				@media screen and (max-width: 767px) {
					width: 18px;
				}
			}
		}
	}
	.is-tel {
		margin-left: 10px;
		font-size: clamp(16px, calc(7px + 1vw), 26px);
		line-height: 1;
		letter-spacing: 0.05rem;
		img{
			max-width: 280px;
			width: 100%;
		}
	}
}

.is-contact,
.is-news,
.is-post,
.is-news_b,
.is-privacy {
	.l-header__contact {
		display: none;
		position: absolute;
		right: 0;
		left: auto;
		top: 60px;
		white-space: nowrap;
	}
}