@charset "utf-8";

/*****************
 お問い合わせ 
******************/
.cont-inner {
	max-width: 1124px;
	margin-inline: auto;
    color: #000;
}
@media screen and (max-width:767px) {
	.cont-inner {
		max-width: none;
		padding-inline: 5.3333vw;
	}
}
@media screen and (min-width:768px) {
    a[href^="tel:"] {
        color: #000;
    }
    a[href^="tel:"]:hover {
        opacity: 1;
    }
}
.contact {
	margin-bottom: 100px;
}
.contact .contact-wrap {
	padding: 38px 10px;
	border: 2px solid #3e8ed4;
	border-radius: 10px;
}
.contact .contact-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 755px;
	width: 100%;
	margin-inline: auto;
}
.contact .contact-title {
	color: #3e8ed4;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}
.contact .contact-item {
	display: flex;
	align-items: center;
	gap: 24px;
}
.contact .contact-item a {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 46px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2.3px;
}
.contact .contact-note {
	font-size: 14px;
	line-height: 1;
}
@media screen and (max-width:767px) {
	.contact {
		margin-top: 50px;
		margin-bottom: 0;
	}
	.contact .contact-wrap {
		padding: 5.33333vw;
		border: 0.5333333333333333vw solid #3e8ed4;
		border-radius: 2.6666vw;
	}
	.contact .contact-box {
		flex-direction: column;
		max-width: none;
		margin-inline: auto;
	}
	.contact .contact-box img {
		width: 14.1333vw;
	}
	.contact .contact-title {
		margin-block: 4vw 2.6666vw;
		font-size: 4.2666vw;
		text-align: center;
		line-height: 1.4;
	}
	.contact .contact-item {
		flex-direction: column;
		gap: 0;
	}
	.contact .contact-item a {
		display: block;
		margin-bottom: 2.6666vw;
		font-size: 8.5333vw;
		letter-spacing: normal;
	}
	.contact .contact-note {
		font-size: 2.9333vw;
		text-align: center;
		line-height: 1.5;
	}
}