@charset "utf-8";

:root {

}

@media (prefers-color-scheme: dark) {
	:root {

	}
}

/* モバイル　ALL */
@media screen and (max-width: 425px) {
	:root {
		--Footer_DivStart_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivList_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivLinks_padding: 0;
		--Footer_DivAddress_padding: 0;
		--Footer_DivLast_padding: var(--Size_06) var(--Padding_Side);
	}
}

/* タブレット */
@media screen and (min-width:426px) and (max-width: 768px) {
	:root {
		--Footer_DivStart_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivList_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivLinks_padding: 0;
		--Footer_DivAddress_padding: 0;
		--Footer_DivLast_padding: var(--Size_06) var(--Padding_Side);
	}
}

/* ノートパソコン */
@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {
		--Footer_DivStart_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivList_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivLinks_padding: 0;
		--Footer_DivAddress_padding: 0;
		--Footer_DivLast_padding: var(--Size_06) var(--Padding_Side);
	}
}

/* ノートパソコン L */
@media screen and (min-width:1025px) and ( max-width:1440px) {
	:root {
		--Footer_DivStart_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivList_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivLinks_padding: 0;
		--Footer_DivAddress_padding: 0;
		--Footer_DivLast_padding: var(--Size_06) var(--Padding_Side);
	}
}

/* 2K以上 */
@media screen and (min-width:1441px) and ( max-width:2560px) {
	:root {
		--Footer_DivStart_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivList_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivLinks_padding: 0;
		--Footer_DivAddress_padding: 0;
		--Footer_DivLast_padding: var(--Size_06) var(--Padding_Side);
	}
}

/* 4K以上 */
@media screen and (min-width:2561px) {
	:root {
		--Footer_DivStart_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivList_padding: var(--Size_12) var(--Padding_Side);
		--Footer_DivLinks_padding: 0;
		--Footer_DivAddress_padding: 0;
		--Footer_DivLast_padding: var(--Size_06) var(--Padding_Side);
	}
}








/* ーーーーーーーーーーーーーーーーーーーー
   フッター
ーーーーーーーーーーーーーーーーーーーー */

footer {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--Color_FF100);
	& div#start {
		padding: var(--Footer_DivStart_padding);
		background: var(--Color_FF100);
		& figure {
			display: flex;
			justify-content: center;
			& a {
				display: inline-block;
				& img {

				}
			}
		}
	}
	& div#list {
		display: flex;
		flex-direction: column;
		gap: var(--Gap);
		padding: var(--Footer_DivList_padding);
		background: var(--Color_FF100);
		& h3 {
			font-size: var(--Size_12);
			color: var(--Color_1D100);
			font-weight: 600;
		}
		& ul {
			& li {
				display: flex;
				gap: var(--Size_12);
				font-size: var(--Size_08);
				& a {
					font-size: var(--Size_08);
					color: var(--Color_1D100);
					& i {
						padding: 0 var(--Size_04) 0 0;
					}
				}
				& a:hover {
					color: var(--Color_B100);
				}
			}
		}
		& div#links {
			padding: var(--Footer_DivLinks_padding);
		}
		& div#address {
			padding: var(--Footer_DivAddress_padding);
			& ul {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: var(--Size_06);
				& li {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					gap: var(--Size_01);
					& i {
						display: flex;
						padding: var(--Size_02) var(--Size_04);
						color: var(--Color_FF100);
						background: var(--Color_B100);
					}
					& a {
						color: var(--Color_1D100);
					}
				}
			}
		}
	}
	& div#last {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: var(--Footer_DivLast_padding);
		background: var(--Color_1D100);
		& p {
			font-size: var(--Size_08);
			color: var(--Color_FF100);
		}
		& ul {
			display: flex;
			gap: var(--Size_04);
			& li {
				& a {
					display: flex;
					& i {
						font-size: var(--Size_10);
						color: var(--Color_FF100);
					}
				}
			}
		}
	}
	& a#scrollup {
		position: absolute;
		top: 0;
		right: 0;
	}
}