* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

	h1{
		font-size: 5.2em;
	}
	h2, #mainnav li {
		font-size: 3.6em;
	}
	p, li {
		font-size: 2.3em;
	}
	

@media (max-width: 1240px){ 

	h1{
		font-size: 4.8em;
	}
	h2, #mainnav li {
		font-size: 3.2em;
	}
	p, li {
		font-size: 2.2em;
	}


}


@media (max-width: 980px){ 
	header {
		padding: 7em 0;
	}
	.frame {
		padding: 5em 0;
	}

	header img {
		max-width: 80%;
		height: auto;
	}

	#tit h1, footer {
		padding: 0 2.5rem;
	}
	#footer .rowmax {
		padding-top: 5em;
	}
	article {
		padding: 4em 3.5em 0 1.5em;
	}
}

@media (max-width: 880px){ 

	h1{
		font-size: 4em;
	}
	h2, #mainnav li {
		font-size: 2.6em;
	}
	p, li {
		font-size: 1.8em;
	}
}


@media (max-width: 740px){ 

	.frame h2 {
		float: none;
		width: auto;
		text-align: center;
		padding-bottom: 2rem;
	}
	.frame .txt,
	.frame .ce-right.ce-below .ce-gallery {
		float: none;
		width: auto;
	}

	#footer p {
		width: 50%;
	}

	#footer p:last-child {
		display: none;
	}
	article {
		padding: 2em 4em;
	}
}




@media (max-width: 580px){ 


	h1{
		font-size: 3.2em;
	}
	#tit h1 {
		padding-top: 1em;
	}
	.frame h2 {
		text-align: left;
	}
	#footer p {
		float: none;
		width: auto;
		padding-bottom: 2em;
	}
	#footer p br:first-of-type {
		display: none;
	}
}

@media (max-width: 420px){ 
	#tit h1, footer,
	article {
		padding: 0 5vw;
	}
	#tit h1 {
		padding-top: 1em;
	}
	h1{
		font-size: 2.8em;
	}
	h2, #mainnav li {
		font-size: 2.2em;
	}
	p, li {
		font-size: 1.6em;
	}
}