@charset "utf-8";

@media screen and (max-width: 767px) {
	
	#footer_nav_jun2025 .unit_heading {
		padding: 10px 7px;
		background-color: #7a7474;
		color: #fff;
		font-size: 17px;
		font-weight: normal;
	}

	#footer_nav_jun2025 ul {
		list-style: none;
	}

	#footer_nav_jun2025 li {
		margin-bottom: 0;
	}

	#footer_nav_jun2025 li a {
		display: block;
		height: 100%;
		padding: 18px calc(7px + 60px) 18px 17px;
		font-size: 15px;
		line-height: 1.2;
		text-decoration: underline;
		color: #9e9e9e;
	}

	#footer_nav_jun2025 .grid_a {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	#footer_nav_jun2025 .grid_a > * {
		border-bottom: 1px solid #dcdcdc;
	}

	#footer_nav_jun2025 .grid_a > *:nth-child(even) {
		border-left: 1px solid #dcdcdc;
	}


}

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

	#footer_nav_jun2025.grid_primary {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding-bottom: 35px;
	}

	#footer_nav_jun2025.grid_primary .sec_unit {
		grid-column: 1 / 3;
		margin-bottom: 25px;
	}

	#footer_nav_jun2025.grid_primary .sec_unit:nth-child(1) {
		grid-column: 1 / 2;
	}

	#footer_nav_jun2025.grid_primary .sec_unit:nth-child(2) {
		grid-column: 2 / 3;
	}
	
	#footer_nav_jun2025 .unit_heading {
		margin-top: 35px;
		margin-bottom: 28px;
		padding: 0 0 0 7px;
		border-left: 8px solid #524b4b;
		color: #524b4b;
		font-size: 17px;
	}

	#footer_nav_jun2025 ul {
		list-style: none;
	}

	#footer_nav_jun2025 li {
		margin-bottom: .75rem;
	}

	#footer_nav_jun2025 li a {
		font-size: 14px;
		text-decoration: underline;
		color: #9e9e9e;
	}

	#footer_nav_jun2025 .grid_a {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: dense;
	}

	#footer_nav_jun2025 .grid_a > *:nth-child(1),
	#footer_nav_jun2025 .grid_a > *:nth-child(2),
	#footer_nav_jun2025 .grid_a > *:nth-child(3),
	#footer_nav_jun2025 .grid_a > *:nth-child(4) {
		grid-column: 1 / 2;
	}

	#footer_nav_jun2025 .grid_a > *:nth-child(5),
	#footer_nav_jun2025 .grid_a > *:nth-child(6),
	#footer_nav_jun2025 .grid_a > *:nth-child(7),
	#footer_nav_jun2025 .grid_a > *:nth-child(8) {
		grid-column: 2 / 3;
	}

	#footer_nav_jun2025 .grid_a > *:nth-child(9),
	#footer_nav_jun2025 .grid_a > *:nth-child(10),
	#footer_nav_jun2025 .grid_a > *:nth-child(11),
	#footer_nav_jun2025 .grid_a > *:nth-child(12) {
		grid-column: 3 / 4;
	}

}