@charset "utf-8";

/* フッター ------------------------------ */
.footer { position: relative; background: linear-gradient(135deg, var(--c-main) 75%, rgba(100,220,190,1.00) 100%); }
.footer_nav li,
.footer_nav li a { font-size: var(--fs_xs); color: white; transition: color 0.3s; }
.footer_nav li a:hover { color: var(--color2); }
.footer_logo { text-align: center; }
.footer_logo a { display: inline-block; }
.footer_tel_icon {
	position: absolute;
	bottom: 7px;
	right: 24px;
	width: 70px;
	cursor: pointer;
	transition: scale 0.5s;
}
.footer_tel_icon:hover { scale: 1.1; }
.footer_tel_icon img { display: block; }
/* SP */
@media only screen and (max-width: 750px) {
	.footer_tel_icon { bottom: 1.4vw; right: 3.1vw; width: 11.6vw; }
}
.footer_copyright { text-align: center; font-size: var(--fs_xs); color: white; }
/* PC */
@media only screen and (min-width: 751px) {
	.footer { padding: 20px 0; }
	.footer_nav { display: flex; flex-wrap: wrap; justify-content: center; }
	.footer_nav li:not(:first-of-type) { margin-left: 1em; }
	.footer_logo { margin: 15px 0 10px; }
	.footer_logo a img { height: 30px; }
}
/* SP */
@media only screen and (max-width: 750px) {
	.footer {
		overflow-x: hidden;
		padding-block: 3vw;
		background: linear-gradient(
		135deg,
		var(--c-main) 65%,
		var(--color5) 100%
		); /* PCと角度を変えた */
	}
	.footer_nav { display: grid; grid-template-columns: 1fr 1fr; gap: 2vw; }
	.footer_nav li a {
		display: grid;
		place-items: center;
		height: 6vw;
		font-size: 3.2vw;
		font-weight: 300;
		background-color: rgba(255, 255, 255, 0.2);
	}
	.footer_logo { margin: 5vw 0 1.5vw; }
	.footer_logo a img { height: 6vw; }
	.footer_copyright { font-size: 2vw; text-shadow: 1px 1px 2px rgba(40, 70, 70, 0.3); }
}

/* フッター サイトマップ */
.footer_sitemap { position: absolute; top: -20px; right: var(--pc_padding_width); }
.footer_sitemap a { color: black; font-size: 1.2rem; }
.footer_sitemap a::before { content: "＜"; }
.footer_sitemap a::after { content: "＞"; }
.footer_sitemap a:hover { color: var(--c-main); }
/* SP */
@media only screen and (max-width: 750px) {
	.footer_sitemap { top: -3.5vw; right: 3.1vw; }
	.footer_sitemap a { font-size: 2vw; }
}