.footer {
	background-color: var(--secBg);

	.footer-inner {
		padding: 5vh 0 3vh;

		@media screen and (min-width:1000px) {
			padding: 120px 0;
		}

		& a {
			color: var(--gy);
			font-size: var(--s_22_half);
		}
	}

	.footer-nav {
		.nav-wrapper {
			display: grid;
			/* grid-template-columns: 1fr 1fr; */
			grid-auto-flow: column;
			grid-template-rows: repeat(3, auto);
			gap: 7vw 3vw;
			margin-bottom: 10vw;

			@media screen and (min-width:1000px) {
				column-count: unset;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}

			.unit {
				/* flex-basis: 50%; */

				.menu-title {
					color: var(--mainColor);
					margin-bottom: var(--s_40_half);
					font-size: var(--s_30_half);
				}

				.navigation-container {
					.menu-item {
						margin-left: 10px;
						position: relative;
						line-height: 1;
						margin-bottom: var(--s_20_half);

						&::before {
							content: "";
							position: absolute;
							left: -10px;
							top: 50%;
							width: 5px;
							height: 1px;
							background-color: var(--gy);
						}
					}
				}
			}
		}
	}

	.footer_bottom {
		display: flex;
		flex-direction: column-reverse;

		@media screen and (min-width:1000px) {
			justify-content: space-between;
			flex-direction: row;
		}

		.box_logo {
			text-align: center;

			@media screen and (min-width:1000px) {
				display: flex;
				justify-content: space-between;
				align-items: end;
				flex-basis: 28%;
			}

			& img {
				max-width: clamp(125px, 13vw, 250px);
				margin-bottom: 1vw;

				@media screen and (min-width:1000px) {

					margin-bottom: 0;
				}
			}

			.copylight {
				font-size: var(--s_16_half);
			}

		}

		.box_others {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 0 10%;

			@media screen and (min-width:1000px) {
				display: flex;
				align-items: end;
				flex-basis: 38%;
				justify-content: space-between;
			}

			>div {
				margin-bottom: 3vh;

				@media screen and (min-width:1000px) {
					margin-bottom: 0;
				}

			}

			.navigation-container {
				flex-basis: 100%;
				padding: 22px 0;
				border-top: 1px solid var(--gy);
				border-bottom: 1px solid var(--gy);

				@media screen and (min-width:1000px) {
					flex-basis: 65%;
					border: unset;
					padding: 0;
				}

				.footer__list {
					display: flex;
					justify-content: space-evenly;

					@media screen and (min-width:1000px) {
						display: flex;
						justify-content: space-between;
					}
				}
			}

			.sns_icon_wrapper {
				display: flex;
				justify-content: space-between;

				@media screen and (min-width:1000px) {
					flex-basis: 20%;
				}

				.sns_icon {
					max-width: var(--s_32_half);

					&:first-child {
						margin-right: 20px;

						@media screen and (min-width:1000px) {
							margin-right: 0;
						}
					}

					& img {
						width: 100%;
					}


				}
			}
		}
	}
}