/*===============================================================================
***既存スタイル
================================================================================*/
.l-footer__widgetArea,
.w-footer__box {
	padding: 0;
}

/*===============================================================================
***マイフッター
================================================================================*/
.myFooter {
	color: var(--c-light);
}
/* リンクアニメーション */
.myFooter a[href] {
	transition: var(--ani-t--normal);
}
.myFooter a[href]:is(:hover, :focus) {
	color: var(--c-main);
	opacity: 0.7;
}

/* 背景色 */
.myFooter__bgc {
	position: relative;
	margin-bottom: var(--g-16);
	padding: var(--g-40) 0;
}
.myFooter__bgc::before {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-act01);
	z-index: -1;
}

/* カラム */
.myFooter__flex {
	--count: 1;
	--gap: var(--g-40);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--gap);
	font-family: var(--ff-g);
}
@media (min-width: 600px) {
	.myFooter__flex {
		--count: 2;
	}
}

/*===============================
* info
* =================================*/
.myFtr-info {
	max-width: 20.5rem;
	width: calc((90% - var(--gap) * (var(--count) - 1)) / var(--count));
	min-width: 20rem;
}
.myFtr-info__logo {
	display: inline-block;
	max-width: 15rem;
	margin-bottom: var(--g-16);
}
.myFtr-info__textArea {
	margin-bottom: var(--g-40);
}

/*===============================
* mainNav
* =================================*/
.myFtr-mainNav {
	flex-grow: 1;
	max-width: 36rem;
	width: calc((110% - var(--gap) * (var(--count) - 1)) / var(--count));
}
.myFtr-mainNav__nav {
	--count: 2;
	--gap: var(--g-16);
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.myFtr-mainNav__nav > ul {
	width: calc((100% - var(--gap) * (var(--count) - 1)) / var(--count));
}
.myFtr-mainNav__nav > ul > li > a {
	font-weight: var(--fw-lg);
}
.myFtr-mainNav__nav > ul > li > a {
	width: calc(100% - 1.25em);
}

/* サブメニュー */
.myFtr-mainNav__nav .sub-menu li {
	--c-current: var(--c-light);
	--arrow-size: 0.4em;
	--arrow-weight: 1px;
	position: relative;
	padding-left: calc(var(--arrow-size) + 0.5em);
	color: var(--c-current);
}
.myFtr-mainNav__nav .sub-menu li::before {
	position: absolute;
	top: 0.45em;
	left: 0;
	display: inline-block;
	content: "";
	width: var(--arrow-size);
	height: var(--arrow-size);
	border-top: var(--arrow-weight) solid var(--c-current);
	border-right: var(--arrow-weight) solid var(--c-current);
	transform: rotate(45deg);
}

/*===============================
* bottomNav
* =================================*/
.myFtr-bottomNav {
	width: 100%;
}
.myFtr-bottomNav > ul {
	display: flex;
	gap: var(--g-16);
	justify-content: center;
}
.myFtr-bottomNav > ul:not(:last-of-type) {
	position: relative;
}
.myFtr-bottomNav > ul:not(:last-of-type)::before {
	position: absolute;
	top: 50%;
	right: -0.5em;
	transform: translate(50%, -50%);
	content: "";
	width: 0.5px;
	height: 0.75em;
	background: var(--c-dark);
}

/*===============================================================================
***コピーライト
================================================================================*/
.l-footer__foot {
}