@media only screen and (max-width: 800px) {
	.each-title a {
		padding-bottom: 0.1rem;
		border-bottom: 1px solid black;
	}
	.each-link, .each-text {
		display: none !important;
	}
	.project-each {
		height: 8rem !important;
		margin-bottom: 0 !important;
	}
	.project-each a img {
		padding: 1rem !important;
	}
	.project-spacing {
		padding-top: 1rem !important
	}
	.project-index-left {
		margin-right: 3% !important;
	}
	.project-index-right {
		margin-top: 0 !important;
		margin-left: 0 !important;
		width: 70% !important;
	}
	.project-grid {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	header {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.header-nav ul li a {
		font-size: 90% !important;
	}
	.headline {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.headline-spacing div {
		font-family: 'Arial' !important;
		font-size: 100% !important;
	}
	.header-left {
		width: 20% !important;
	}
	.header-right {
		width: 80% !important;
		padding-top: 0rem !important;
	}
	.header-logo {
		width: 3rem !important;
	}
	.header-logo a img.setup-pc {
		display: none !important;
	}
	.header-logo a img.setup-mobile {
		display: block !important;
	}
	.headline {
		padding-top: 5rem !important;
	}
	.about-spacing {
		font-size: 90% !important;
	}
	.about-left {
		width: 80% !important;
		font-size: 100% !important;
	}
	.about-right {
		display: none !important;
	}
	.contact-spacing {
		font-size: 80% !important;
	}
	.contact-left {
		width: 80% !important;
		font-size: 100% !important;
	}
	.contact-right {
		display: none !important;
	}
}

@media only screen and (max-width: 1200px) {
	.about-spacing {
		padding-left: 1rem !important;
	}
	.contact-spacing {
		padding-left: 1rem !important;
	}
}