/*
レスポンシブ表示用
*/

@charset "utf-8";

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 580px) {

	h1 {font-size: 150%;}
	h2 {font-size: 130%;}
	h3 {font-size: 120%;}
	h4 {font-size: 110%;}
	h5 {font-size: 100%;}
	h6 {font-size: 100%;}

	#container {
		max-width: 100%;
		padding: 0 1rem;
	}

	section  {
		padding: 1rem 1rem 3rem 1rem;
	}

	section h4 {
		margin: 0 0 5px 0;
	}

	section.name {
		padding: 1rem;
	}

	section.name h1 {
		margin-bottom: 5px;
		font-size: 200%;
	}

	section.name .sec-h1-box {
		display: block;
		margin: 20px auto;
	}
	
	section.name .sec-h1-box p {
		line-height: 1rem;
		margin: 0;
	}
	
	section.name .sec-h1-box p::before {
		content: '';
		margin-right: 0;
	}

}