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

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

	.spNone{
		display:none;
	}

	html{
		width:100%;
		height:100%;
		font-size:12px;
	}

	body{
		width:100%;
		height:100%;
		font-size:1rem;
		overflow-x: hidden;
	}

	img {
		display: block;
		max-width:100%;
		width:auto;
	}

/* header */

	.header{
		width: 100%;
	}

	.header .text{
		width: 100%;
		position: absolute;
		font-size: 80%;
		text-align: center;
		left: 0;
		top:6rem;
	}

	.header .h1{
		left: 1.5em;
		top:1.5em;
	}

	.header .h1 img{
		height: 3em;
	}

	.header .menu{
		top: 1.75em;
		right: 1.5em;
		z-index: 999;
	}
	p.menu img{
			height: 2.5em;
	}

	.header nav {
		display: none;
		width: 100%;
		height: 100vh;
		background: rgba(255,255,255, 0.9);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
	}

	.header nav ul{
		width: 100%;
		height: 12rem;
		margin: auto 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}

	.header nav li a{
		display: block;
		text-align: center;
		text-decoration: none;
		padding: 1rem 0;
		font-size: 150%;
	}

	.header nav li img{
		display: none;
	}

	.header nav li span{
		text-align: center;
	}

	#imageList {
		padding-top: 8.3em;
	}

	#imageList li{
		float: left;
		width: calc(100% / 3);
	}

	.news{
		margin: 3rem 2rem 0;
	}

	.news p{
		line-height: 1.75;
		margin: -0.375em;
	}

	/* footer */

	footer {
		font-size: 85%;
	}

	.footer p img{
		height: 4rem;
		margin: 0 auto 2rem;
	}

	.footer address{
		text-align: center;
	}

	/* index */

	.contents {
	}

	#index #a{
		padding: 3em 1.5em;
	}

	#index #a .catch img {
	    margin: 0 auto 1.5rem;
	}

	#index #a h2{
		padding-left: .1em;
		font-size: 125%;
		letter-spacing: .1em;
	}

	#index #a p.text{
		font-size: 90%;
		line-height: 2;
		margin: -.5em 0 calc(-.5em + 3.5em);
	}

	#index #a p.text2{
		margin: -.5em 0 ;
	}

	#index #a p.text br{
		display: none;
	}

	#index #map{
		height: 300px;
	}

	#index #b{
		padding: 0 1.5em;
	}

	#index #b table{
		margin: 1.5em auto 3em;
	}

	#index #b h3 img{
		height: 2em;
	}

	#index #b li:first-child img{
		height: 2em;
		border: 1px solid rgba(35, 24, 21, 0.12);
	}

	#index #c{
		margin-top: 6em;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	#index #c h2 img{
		height: 3.5em;
		margin-bottom: 1.5rem;
	}

	#index #c .right{
		padding: 2em 1.5em;
	}

	#index #c h3{
		margin-bottom: 1rem;
	}

	#index #c p.text,
	#index #c p.link a{
		font-size: 85%;
	}

	#index #d{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	#index #d h2 img{
		height: 2.75em;
		margin-bottom: 2rem;
	}

	#index #d #form th{
		width: 9em;
		font-size: 80%;
		line-height: 1.5;
	}

	#form input,
	#form textarea{
		width: 100%;
	}


}