@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
news
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section#news {
	display: block;
	width: calc(100% - 20px);
	max-width: 550px;
	margin: 50px auto 0;
	padding: 0 100px 20px;
	position: relative;
	border-right: 1px #000 solid;
	border-left: 1px #000 solid;
	box-sizing: border-box;
}

	section#news > h2 {
		width: 100%;
		max-width: 72px;
		margin: 0 auto;
	}
	
		section#news > h2 > img {
			width: 100%;
		}
	
	section#news > ul {
		width: 100%;
		margin: 40px auto 0;
	}
	
		section#news > ul > li {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
			margin: 10px 0;
		}
		
		section#news > ul > li:first-child,
		section#news > ul > li:last-child {
			margin: 0;
		}
		
		
			section#news > ul > li > p:first-child {
				width: 95px;
			}
			
			section#news > ul > li > p:last-child {
				width: calc(100% - 95px);
			}
			
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
about
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section#about {
	display: block;
	width: calc(100% - 20px);
	margin: 100px auto 0;
	padding: 50px 0;
	box-sizing: border-box;
	text-align: center;
}

	section#about > h2 {
		width: 100%;
		max-width: 180px;
		margin: 0 auto;
	}
	
		section#about > h2 > img {
			width: 100%;
		}
	
	section#about > section {
		margin: 90px auto;
	}
	
	section#about > h2 + section {
		margin: 40px auto 0;
	}
	
		section#about > section > h3 {
			font-size: 1.5em;
			margin: 25px auto;
		}
		
		section#about > section > img {
			display: block;
			width: 100%;
			max-width: 350px;
			margin: 0 auto;
		}
		
		section#about > section > dl {
			margin: 25px auto;
			font-size: 1.1em;
		}
		
			section#about > section > dl > dt > p:first-child {
				letter-spacing: 0.1em;
			}
			
			section#about > section > dl > dt > p:last-child {
				font-size: 0.9em;
			}
		
		section#about > section > dl > dd {
			margin: 10px auto 0;
			font-size: 0.85em;
		}
	
	section#about div.det {
		line-height: 1.75em;
	}

@media screen and (max-width: 1200px) {
section#about {
	//width: 1180px;
}

	section#about div.det p {
		font-size: 0.7em;
	}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
access
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section#access {
	display: block;
	width: 100%;
	padding: 55px 0 0;
	background-color: #dcdddd;
	text-align: center;
}

	section#access > h2 {
		width: 100%;
		max-width: 88px;
		margin: 0 auto 20px;
	}
	
	section#access > p {
		margin: 10px auto;
		color: #727171;
		font-size: 1.1em;
	}
	
		section#access > p > a {
			color: #727171;
		}
	
	section#access > iframe {
		display: block;
		width: 100%;
		margin: 60px auto 0;
		height: 525px;
	}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
about
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

	section#contact span.must {
		color: #e95412;
	}

		section#contact form > p {
			width: 100%;
			max-width: 996px;
			margin: 0 auto;
			text-align: left;
		}


	section#contact dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		max-width: 996px;
		margin: 30px auto 0;
	}

		section#contact dl > dt {
			background-color: #efefef;
			padding: 13px 20px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			width: 295px;
			box-sizing: border-box;
			margin: 0 0 3px;
		}
		
		section#contact dl > dd {
			background-color: #efefef;
			padding: 13px 20px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			width: calc(100% - 300px);
			box-sizing: border-box;
			margin: 0 0 3px;
		}
		
			section#contact dl > dd > input,
			section#contact dl > dd > textarea {
				padding: 3px 10px;
				box-sizing: border-box;
				width: 100%;
				max-width: 550px;
			}
			
			section#contact dl > dd > input.name {
				max-width: 420px;
			}
			
			section#contact dl > dd > input.zip {
				max-width: 120px;
			}
			
			section#contact dl > dd > textarea {
				height: 12em;
			}
			
			
	section#contact button {
		background-color: #e95412;
		color: #fff;
		border: none;
		display: block;
		width: 100%;
		max-width: 340px;
		margin: 25px auto 0;
		padding: 14px 0;
		font-size: 1.3em;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
		cursor: pointer;
	}
	
	section#contact button[type=button] {
		background-color: #808080;
	}
	
	section#contact button:hover {
		opacity: 0.5;
	}