/*===============================================================================
***既存スタイル
================================================================================*/
#footer{
	position: relative;
	z-index: 1;
}
.footer-left, 
.footer-right{
	display: none;
}
/* フッター：背景色 */
.footer-in{
	position: relative;
}
.footer-in::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background: var(--c-light);
}
.footer-widgets{
	display: block;
	max-width: calc( 1280px + var(--g-sec--xs) * 2 );
	margin: 0 auto;
	padding: var(--g-sec--md) var(--g-sec--xs) var(--g-sec--xs);
}
.footer-center{
	width: 100%;
	padding: 0;
}
.widget-footer-center {
	display: none;
}

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

/* カラム */
.myFooter__flex {
	--count: 1;
	--gap: 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--g-sec--sm) var(--gap);
}
@media (min-width: 768px) {
	.myFooter__flex {
		--count: 2;
	}
}

/*===============================
* info
* =================================*/
.myFtr-info {
	max-width: 16rem;
	width: calc((90% - var(--gap) * (var(--count) - 1)) / var(--count));
}
.myFtr-info__logo {
	display: inline-block;
	max-width: 13.5rem;
	margin-bottom: var(--g-sec--xs);
}
.myFtr-info__company{
	font-size: 1.25rem;
	font-weight: var(--fw-lg);
}
.myFtr-info__link{
	text-decoration: underline;
}

/*===============================
* mainNav
* =================================*/
.myFtr-mainNav {
	flex-grow: 1;
	width: calc((110% - var(--gap) * (var(--count) - 1)) / var(--count));
	min-width: fit-content;
}
@media (min-width: 1100px){
	.myFtr-mainNav {
		max-width: fit-content;
	}
}

/* メイン＆サブメニュー */
.myFtr-mainNav ul{
	list-style: none;
	padding-left: 0;
}

/* メインメニュー */
.myFtr-mainNav__list {
	--gap: clamp(1rem, -0.068rem + 2.85vw, 2.5rem);
	display: flex;
	flex-direction: column;
	gap: 0 var(--gap);
	margin-bottom: var(--g-sec--xs);
}
@media (min-width: 768px){
	.myFtr-mainNav__list{
		flex-direction: row;
		justify-content: space-between;
	}
}

.myFtr-mainNav__list > li {
	display: flex;
	flex-direction: column;
	gap: .75rem;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--c-gray);
}
.myFtr-mainNav__list > li:first-of-type{
	border-top: 1px solid var(--c-gray);
}
@media (min-width: 768px){
	.myFtr-mainNav__list > li{
		padding: 0;
		border-bottom: none;
	}
	.myFtr-mainNav__list > li:first-of-type{
		border-top: none;
	}
}
.myFtr-mainNav__list > li > a {
	display: inline-block;
	width: 100%;
	font-weight: var(--fw-lg);
	transition: var(--ani-t--normal) ease-out;
}


/*===============================
* サブメニュー
* =================================*/
.sub-menu{
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

/*===============================
* SNS
* =================================*/
.myFtr-mainNav__sns{
	display: flex;
	gap: 1rem;
	align-items: center;
}
@media (min-width: 768px){
	.myFtr-mainNav__sns{
		justify-content: flex-end;
	}
}
.myFtr-mainNav__sns a{
	width: 4rem;
}
.myFtr-mainNav__sns img{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
}

/*===============================================================================
***コピーライト
================================================================================*/
.footer-bottom {
	margin-top: 0;
	padding: 1.5rem 0;
	text-align: center;
	border-top: 1px solid var(--c-gray);
}
.footer-bottom-logo{
	display: none;
}
.footer-bottom-content {
	float: none;
	text-align: center;
}