@charset "UTF-8";
/*------------------------*/

/*フッター*/

/*-----------------------*/
#footer{
	width: 100%;
	background-color: var(--color-gray-pale);

	margin-top: var(--space-tb-xl);
}
#index #footer,
#company #footer
{
	margin-top: 0;
}
/* --------------------
インナー */
#footer__inner{
	width: var(--flexible-width);
	margin-right: auto;
	margin-left: auto;

	padding: calc(80rem/16) 0;
}
#footer__middle{
	margin-top: calc(40rem/16);

	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: calc(40rem/16) var(--space-lr-reg);
}
/* --------------------
ロゴ */
#footer-logo{
	/* headerのロゴのサイズと合わせる */
	width: var(--header-logo-size);
	max-width: 100%;
}
#footer-logo a{
	display: block;
	width: 100%;
}
#footer-logo img{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
/* --------------------
住所 */
.footer__addr{
	font-size: var(--txt-sm--fb);
	font-size: var(--txt-sm);
	color: var(--color-bk);
}
.footer__addr .tel__wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
}
/* --------------------
サイトマップ */
.sitemap{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 2em;
}
.sitemap__item a{
	font-size: var(--txt-sm--fb);
	font-size: var(--txt-sm);
	color: var(--color-bk);

	display: flex;
	align-items: center;

	transition: color .2s var(--easeInQuad);
}
.sitemap__item .arrow-box{
	width: 10px;
	height: 10px;
	display: inline-block;
}
.sitemap__item svg{
	width: calc(10rem/16);
	stroke-width: 2.5;
	margin-right: 0.3em;
}
@media(any-hover: hover){
	.sitemap__item a:hover,
	.sitemap__item a:focus{
		color: var(--color-main);
	}
}
/* --------------------
コピーライト */
#copyright{
	font-size: var(--txt-sm--fb);
	font-size: var(--txt-sm);
	letter-spacing: normal;
	color: var(--color-bk);
	text-align: right;

	margin-top: 1.5em;
}




/* =====================================
ブレイクポイント
===================================== */
@media(max-width: 959px){
	/* --------------------
	インナー */
	#footer__middle{
		margin-top: calc(24rem/16);

		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	/* --------------------
	サイトマップ */
	.sitemap{
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5em;
	}
	.sitemap__item a{
		padding: 0.3em 0;
	}
	/* --------------------
	コピーライト */
	#copyright{
		margin-top: calc(40rem/16);
		text-align: left;
	}
}
@media(max-width: 559px){
	/* --------------------
	インナー */
	#footer__inner{
		padding-top: calc(80rem/16);
		padding-bottom: calc(40rem/16);
	}
	/* --------------------
	サイトマップ */
	.sitemap{
		gap: 0.5em;
	}
}