@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
お問い合わせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 電話からのお問い合わせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.contact-tel {
	padding-bottom: initial;
}

.contact-tel .box {
	background: var(--color_main_lighter);
}

.contact-tel-link {
	display: grid;
	width: fit-content;
	margin-inline: auto;
	grid-template-columns: 32px auto;
	column-gap: 1em;
	align-items: center;
}

.contact-tel-link .img {
	width: 100%;
	aspect-ratio: 50 / 53;
	filter: brightness(0);
}

.contact-tel-link .number {
	font-weight: 500;
	font-size: 32px;
	font-family: var(--font_en);
	line-height: 1;
	transition: color var(--transition);
}

.contact-tel-link:hover .number {
	color: var(--color_main);
}

.contact-tel-link .hour {
	font-size: 12px;
	text-align: center;
}

@media (min-width: 768px) {
.contact-tel-link {
	grid-template-columns: 50px auto;
}

.contact-tel-link .number {
	font-size: 46px;
}

.contact-tel-link .hour {
	font-size: 16px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- メールフォームからのお問い合わせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.contact-email .box {
	border: 1px solid var(--color_main);
}