@charset "utf-8";

/*===========================================================
フッター(お問い合わせ)
===========================================================*/

.footer {
	max-width: 192rem;
	width: 100%;
	margin: 8rem auto 0;
	position: relative;
	z-index: 3;
}

.footer-contact-container {
	width: 100%;
	padding: 0 1.5rem 0 0;
}

.footer-contact-area {
	max-width: 177rem;
	width: 100%;
	margin: 0 auto 0 0;
	padding: 0 0 8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-contact-img-box {
	max-width: 86rem;
	width: 48.6%;
	margin: -8rem 0 0;
}

.footer-contact-right {
	max-width: 78.7rem;
	width: 48%;
}

.footer-contact-text {
	font-size: 4rem;
	letter-spacing: 0.05em;
	line-height: 1.375em;
	color: var(--white);
}

.footer-contact-link-container {
	margin: 3rem 0 0 0;
	padding: 4rem 2rem;
	width: 100%;
	background: var(--white);
}

.footer-contact-link-area {
	max-width: 69rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-tel-btn {
	max-width: 33.7rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	font-size: 4rem;
	font-family: var(--font-family02);
	font-weight: 600;
	letter-spacing: 0.05em;
}

.footer-tel-btn::before {
	content: "";
	display: block;
	max-width: 3.6rem;
	width: 100%;
	height: 3.1rem;
	margin: 0 0.1rem 0 0;
	background: url(../../../../uploads/tel_black.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

.footer-contact-btn {
	max-width: 30.1rem;
	width: 100%;
}

.footer-contact-btn a {
	padding: 1.4rem 1rem 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: var(--white);
	background: var(--orange);
	border: 1px solid var(--orange);
	border-radius: 4rem;
	overflow: hidden;
	position: relative;
	transition: all .3s;
}

.footer-contact-btn a:hover {
	color: var(--orange);
	background: var(--white);
	position: relative;
}

.footer-contact-btn a::before {
	content: "";
	display: block;
	max-width: 2.9rem;
	width: 100%;
	height: 2.3rem;
	margin: 0 1.3rem 0 0;
	background: url(../../../../uploads/mail_white.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .3s;
}

.footer-contact-btn a:hover::before {
	background: url(../../../../uploads/mail_orange.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}

/*===========================================================
フッター
===========================================================*/

.footer-container {
	max-width: 192rem;
	width: 100%;
	margin: 0 auto;
	padding: 10rem 1.5rem;
}

.footer-area {
	max-width: 142rem;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

/* .footer-left {
	max-width: 69rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
} */

.footer-left {
	max-width: 83rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* .footer-logo-box {
	max-width: 15rem;
	width: 100%;
	margin: 0 2rem 0 0;
} */

.footer-logo-box {
	max-width: 30rem;
	width: 100%;
	margin: 0 2rem 0 0;
}

.footer-address-area {
	max-width: 49rem;
	width: 100%;
}

.footer-addres-text {
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.6666em;
}

.footer-right {
	max-width: 21.6rem;
	width: 100%;
	margin: 0 0 0 2rem;
}

.sns-link {
	max-width: 4rem;
	width: 100%;
	margin: 0 0 0 auto;
}

.sns-link a {
	display: block;
	width: 100%;
}

.sns-link a img {
	transition: all .3s;
}

.sns-link a:hover img {
	transform: scale(1.2, 1.2);
}

.copyright {
	margin: 2rem 0 0 0;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.05em;

}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1920px) {

	html {
		/* 10px */
		font-size: 0.52083vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1550px) {

	html {
		/* 10px */
		font-size: 0.64516vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 1024px) {

	html {
		/* 10px */
		font-size: 0.97656vw;
	}

	.footer {
		margin: 4rem auto 0;
	}

	.footer-contact-area {
		padding: 4rem 0 6rem;
	}

	.footer-contact-text {
		font-size: 2.2rem;
	}

	.footer-tel-btn {
		max-width: 20.7rem;
		width: 100%;
		margin: 0 1rem 0 0;
		font-size: 2.2rem;
	}

	.footer-contact-btn a {
		font-size: 1.6rem;
	}

	.footer-logo-box {
		max-width: 24rem;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 768px) {

	html {
		/* 10px */
		font-size: 1.30208vw;
	}

	.footer {
		margin: 0;
	}

	.footer-contact-container {
		padding: 0;
	}

	.footer-contact-area {
		padding: 0 0 4rem;
		justify-content: center;
		flex-direction: column;
	}

	.footer-contact-img-box {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.footer-contact-right {
		width: 100%;
		margin: 4rem 0 0;
		padding: 0 1.5rem;
	}

	.footer-contact-text {
		text-align: center;
	}

	.footer-contact-link-area {
		max-width: 60rem;
		width: 100%;
	}

	/*===========================================================
	フッター
	===========================================================*/

	.footer-container {
		padding: 6rem 1.5rem;
	}

	.footer-area {
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.footer-left {
		justify-content: center;
		flex-direction: column;
	}

	.footer-logo-box {
		margin: 0 auto;
	}

	.footer-address-area {
		margin: 2rem 0 0 0;
	}

	.footer-right {
		margin: 2rem 0 0 0;
	}

	.footer-addres-text {
		font-size: 1.4rem;
		text-align: center;
	}

	.sns-link {
		margin: 0 auto;
	}

	.copyright {
		font-size: 1.4rem;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 576px) {

	html {
		/* 12px */
		font-size: 2.08333vw;
	}

	.footer-contact-link-area {
		justify-content: center;
		flex-direction: column;
	}

	.footer-contact-link-area .footer-contact-btn {
		margin: 2rem 0 0 0;
	}


}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <= 414px) {

	html {
		/* 14px */
		font-size: 2.43055vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */