@charset "utf-8";
/* CSS Document */

/*
==============================================================================*/


	header .logo-dvec,
	footer .logo-dvec {
		aspect-ratio: 2.105904;/* 50.508x23.984px (AspectRatio = 12627:5996 ≒ 2.105904) */
	}




	/*==============================================================================
	| Header
	==============================================================================*/


	header {}
	header > .logo {}




	/*==============================================================================
	| Footer
	==============================================================================*/


	footer {
		background-color: #464749;
		color: white;
	}
	footer > .container {}
	footer > .container > .logo {}
	footer > .container > .logo > img {filter: invert(1);}
	footer > .container > .link {font-weight: bold;}
	footer > .container > .copyright {color: #888a8d;}




/*============================================================================*/




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 767px) {/* // Mobile // */
/*============================================================================*/


	/*==============================================================================
	| Header
	==============================================================================*/


	header {
		margin-left: 1.6rem;
		/* margin-right: 1.95rem; */
		padding-top: 1.8rem;
		margin-bottom: 8rem;
	}
	header > .logo {
		width: 4.1rem;
	}




	/*==============================================================================
	| Footer
	==============================================================================*/


	footer.footer {
		padding: 3rem 2rem;
		margin-top: 8rem;
	}

	footer > .container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
		gap: 0 2rem;
	}
	footer > .container > .logo {
		width: 5.95rem;
	}
	footer > .container > .link {}
	footer > .container > .copyright {
		font-size: 1rem;
		width: 100%;
		margin-top: 1.5rem;
		text-align: center;
	}




/*============================================================================*/
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 768px) {/* // PC // */
/*============================================================================*/


	/*==============================================================================
	| Header
	==============================================================================*/


	header {
		width: auto;
		margin-left: 6.8rem;
		margin-right: auto;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	header > .logo {
		width: 5.95rem;
	}





	/*==============================================================================
	| Footer
	==============================================================================*/


	footer.footer {
		padding: 3rem 0;
		margin-top: 10rem;
	}
	footer > .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 152rem;
		margin-left: auto;
		margin-right: auto;
	}
	footer > .container > .logo {
		width: 5.95rem;
	}
	footer > .container > .link {
		margin-left: 3rem;
	}
	footer > .container > .copyright {
		margin-left: auto;
		font-size: 1.2rem;
	}




/*============================================================================*/
}




/* - - - - - - - - - - - - - - - - - - -
https://---/---.css
ID = {}
- - - - - - - - - - - - - - - - - - - */