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



/*===============================================================================
***マイフッター
================================================================================*/
/* リンクアニメーション */
.myFooter a[href] {
	transition: var(--ani-t--normal);
}

.myFooter a[href]:is(:hover, :focus) {
	color: var(--c-main);
	opacity: 0.7;
}

.myFooter__flex {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: var(--g-sec--sm);
	padding: var(--g-sec--md) 0 0;
}

@media (min-width: 600px) {
	.myFooter__flex {
		padding: var(--g-sec--md) 0 2rem;
	}
}

@media (min-width: 768px) {
	.myFooter__flex {
		flex-direction: row;
	}
}



/*===============================================================================
会社情報
================================================================================*/
@media (min-width: 768px) {
	.myFtr-info {
		max-width: 14rem;
		min-width: 14rem;
	}
}

.myFtr-info__logo {
	display: block;
	margin-bottom: 2rem;
}

.myFtr-info__textArea {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media (min-width: 600px) {
	.myFtr-info__textArea {
		flex-wrap: wrap;
		flex-direction: unset;
	}
}

/*===============================================================================
メインナビ
================================================================================*/

.myFtr-mainNav__lists {
	--oya-menu-fz: 1.25rem;
	--oya-menu-pad-y: 1.125rem;
	--toggle-pos-top: calc(var(--oya-menu-fz) * 1.6 + var(--oya-menu-pad-y) * 2);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

@media (min-width: 600px) {
	.myFtr-mainNav__lists {
		flex-direction: row;
		gap: 1rem var(--g-sec--xs);
	}
}

/* 親ナビ */
@media not all and (min-width: 600px) {
	.myFtr-mainNav__lists>li {
		padding: var(--oya-menu-pad-y) .5rem;
		border-top: 1px solid var(--c-gray);
	}

	.myFtr-mainNav__lists>li:last-child {
		border-bottom: 1px solid var(--c-gray);
	}
}

.myFtr-mainNav__lists>li>a {
	display: inline-block;
	font-weight: var(--fw-lg);
	font-size: var(--oya-menu-fz);
}

/* 子ナビ */
.myFtr-mainNav__lists .sub-menu>li>a {
	display: inline-block;
	font-size: .875rem;
}

.myFtr-mainNav__lists .sub-menu>li:not(:last-of-type) {
	margin-bottom: .5rem;
}

/*===============================================================================
メインナビ下のバナー設定
================================================================================*/

.myFtr-mainNav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--g-sec--sm);
}

.myFtr-banner {
	display: flex;
	justify-content: end;
	gap: 1.5rem;
	margin-bottom: var(--g-sec--xs);

}

@media (min-width: 600px) {
	.myFtr-banner {
		margin-bottom: unset;
	}
}

.myFtr-banner__bgi {
	display: block;
	width: 100%;
	height: unset;
	/*     aspect-ratio: 240 / 80; */
	object-fit: cover;
	object-position: 50% 50%;
}

@media (min-width: 768px) {
	.myFtr-banner__bgi {
		height: 5.75rem;
	}
}

/*===============================================================================
SP：アコーディオン
================================================================================*/
.myFtr-mainNav__item {
	position: relative;
}

/* トグル */
.myFtr-mainNav__toggle {
	position: absolute;
	top: calc(var(--toggle-pos-top) / 2);
	right: 0;
	transform: translate(0, -50%);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
	padding: 0;
}

/* トグル：close時 */
.myFtr-mainNav__toggle::before {
	content: "\e91c";
	display: inline-block;
	font-family: icomoon;
	font-size: 1.5em;
	line-height: var(--lh-xs);
	transform: rotate(0deg);
	transition: var(--ani-t--normal) ease-out;
}

/* トグル：open時 */
.myFtr-mainNav__item:has(.is-open) .myFtr-mainNav__toggle::before {
	content: "\e919";
	transform: rotate(-180deg);
}

@media (min-width: 600px) {
	.myFtr-mainNav__toggle {
		display: none;
	}
}

/* サブメニュー：SP時：閉じる */
.myFtr-mainNav .sub-menu {
	height: 0;
	margin-top: 0;
	padding: 0;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top center;
}

/* サブメニュー：SP時：開く */
.myFtr-mainNav .sub-menu.is-open {
	height: auto;
	margin-top: .5rem;
	padding: .5rem;
	background: var(--c-gray--light);
	transform: scaleY(1);
	opacity: 1;
}

/* サブメニュー：PC時 */
@media (min-width: 600px) {
	.myFtr-mainNav .sub-menu {
		height: auto;
		margin-top: .5rem;
		opacity: 1;
		transform: scaleY(1);
	}
}



/*===============================================================================
コピーライト
================================================================================*/
/* 既存 */
.l-footer__foot {
	display: none;
}

.myFtr-bottom {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--g-sec--xs);
	padding: 2rem 0;
	font-size: .6rem;
}

@media (min-width: 600px) {
	.myFtr-bottom {
		font-size: .75rem;
	}
}