@media (max-width: 800px) {
	#Outline {
		padding-top: 120px;
	}
	#Outline > #Header {
		height: 120px;
	}
	#Outline > #Header > .wrapper > .title {
		top: 40px;
		width: 150px;
	}
	#Outline > #Header > .wrapper > .logo {
		top: 28px;
		width: 210px;
	}
	#Outline > #Header > .wrapper > .number {
		top: 35px; right: 120px;
		gap: 9px;
		background-position: 50% 48%;
	}
	#Outline > #Header > .wrapper > .number > span:first-child {
		font-size: 0.64rem;
	}
	#Outline > #Header > .wrapper > .number > span:last-child {
		font-size: 1.44rem;
	}
	#Outline > #Header > .wrapper > .login{
		top: 38px; right: 50px;
		width: 36px;
	}
	#Outline > #Header > .wrapper > .account {
		top: 38px; right: 45px;
		width: 48px;
	}
	#Outline > #Header > .wrapper > .menu {
		top: 38px; right: 0px;
		width: 36px;
	}

}
@media (max-width: 666px) {
	#Outline {
		padding-top: 100px;
	}
	#Outline > #Header {
		height: 100px;
	}
	#Outline > #Header > .wrapper > .title {
		top: 33px;
		width: 129px;
	}
	#Outline > #Header > .wrapper > .logo {
		top: 23px;
		width: 180px;
	}
	#Outline > #Header > .wrapper > .number {
		top: 24px; right: 100px;
	}

	#Outline > #Header > .wrapper > .login{
		top: 26px; right: 50px;
		width: 35px;
	}
	#Outline > #Header > .wrapper > .account {
		top: 26px; right: 45px;
		width: 47px;
	}
	#Outline > #Header > .wrapper > .menu {
		top: 26px; right: 0px;
		width: 35px;
	}

	#Outline > #Footer {
		padding-top: 93px;
	}
	#Outline > #Footer > .title {
		top: 35px; left: 0;
		width: 180px;
	}
	#Outline > #Footer > .logo {
		top: 35px; right: 0;
		width: 107px;
	}
}
@media (max-width: 550px) {
	#Outline > #Header > .wrapper > .number {
		display: none;
	}
}
@media (max-width: 500px) {
	#Outline {
		padding-top: 75px;
	}
	#Outline > #Header {
		height: 75px;
	}
	#Outline > #Header > .wrapper > .title {
		top: 25px;
		width: 97px;
	}
	#Outline > #Header > .wrapper > .logo {
		top: 18px;
		width: 135px;
	}
	#Outline > #Header > .wrapper > .login{
		top: 15px; right: 50px;
		width: 35px;
	}
	#Outline > #Header > .wrapper > .account {
		top: 15px; right: 45px;
		width: 47px;
	}
	#Outline > #Header > .wrapper > .menu {
		top: 15px; right: 0px;
		width: 35px;
	}


	#Outline > #Menu > div.sitemap > div,
	#Outline > #Footer > div.sitemap > div {
		width: 50%;
	}

	#Outline > #Footer {
		padding-top: 83px;
	}
	#Outline > #Footer > .title {
		top: 25px;
	}
	#Outline > #Footer > .logo {
		top: 25px;
	}
}

@media (max-width: 375px) {
	#Outline > #Header > .wrapper > .title {
		 display: none;
	}
	#Outline > #Header > .wrapper > .logo {
		left: 5px; transform: translate(0, 0);
	}

	#Outline > #Menu > div.sitemap > div,
	#Outline > #Footer > div.sitemap > div {
		width: 100%;
	}

	#Outline > #Footer > .logo {
		display: none;
	}
}