@charset "utf-8";

div#bg_box {
	background-image: url('../img/bg_public.jpg');
}
	
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
section
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section {
	width: calc(100% - 20px);
	max-width: 1280px;
	margin: 65px auto 0;
}

	section > h2 {
		font-size: 1.8em;
		text-align: center;
		margin: 0 auto;
	}
	
		section > h2 > span {
			font-size: 1.2em;
		}
	
	
		section > h2 > br.sp {
			display: none;
		}
	
	
	section > p {
		margin: 40px auto;
		font-size: 1.2em;
		line-height: 2em;
		text-align: center;
	}
	
	section > p.message {
		margin: 80px auto;
		font-size: 1.3em;
	}
	
	
	section > .movie {
		display: block;
		margin: 50px auto 0;
		height: 720px;
		background-color: #d0d0d0;
	}
	
	section > div.list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 85px auto 0;
	}
	
		section > div.list > dl {
			width: calc(50% - 20px);
			margin: 70px 0 0;
		}
		
		section > div.list > dl:first-child,
		section > div.list > dl:first-child + dl {
			margin: 0;
		}
		
			section > div.list > dl > dt {
				text-align: center;
				font-size: 1.75em;
			}
			
				section > div.list > dl > dd {
					margin: 10px 0 0;
				}
				
					section > div.list > dl > dd > img {
						width: 100%;
					}
		
		
		section > div.list > img {
			display: block;
			width: calc(33.3333% - 26px);
			margin: 30px 0 0;
		}
		
@media screen and (max-width:1080px){
	section > .movie {
		height: 540px;
	}
}

@media screen and (max-width:750px){
	section > .movie {
		height: 270px;
	}
	
		section > div.list > dl,
		section > div.list > img {
			width: calc(50% - 10px);
		}
}

@media screen and (max-width:550px){
	section > h2 {
		font-size: 1.5em;
	}
	
		section > h2 > br.sp {
			display: inline;
		}
	
		section > div.list > dl,
		section > div.list > img {
			width: 100%;
		}
		
		section > div.list > dl:first-child + dl {
			margin: 70px 0 0;
		}
		
		
			section > div.list > dl > dt {
				font-size: 1.5em;
			}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
content_1
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

	section#content_1 > dl {
		margin: 100px auto 0;
		font-size: 1.3em;
		//text-align: center;
		line-height: 1.8em;
	}
	
		section#content_1 > dl > dt {
			color: #e60012;
			margin: 35px auto 0;
		}
		
		section#content_1 > dl > dt::before {
			content: 'Q.';
			margin: 0 15px 0 0;
		}
		
		section#content_1 > dl > dd::before {
			content: 'A.';
			margin: 0 15px 0 0;
		}
	
	div.public_icon_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 40px auto 0;
	}
	
		div.public_icon_box > img {
			width: calc(20% - 10px);
		}
	
@media screen and (max-width:750px){
	div.public_icon_box {
		justify-content: center;
	}
	
		div.public_icon_box > img {
			width: calc(33.3333% - 10px);
		}
}

@media screen and (max-width:550px){
	section#content_1 > dl {
		font-size: 1.1em;
	}
	
		section#content_1 > dl > dt {
			margin: 60px auto 0;
		}
}

@media screen and (max-width:450px){
		div.public_icon_box > img {
			width: calc(50% - 10px);
		}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
content_2
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section#content_2 {
	margin: 160px auto 0;
	max-width: 820px;
}

	section#content_2 > a {
		display: block;
		box-sizing: border-box;
		border: 1px #000 solid;
		text-align: center;
		text-decoration: none;
		margin: 80px auto 0;
		padding: 47px 0;
		font-size: 1.7em;
	}
	
	section#content_2 > a:hover {
		background-color: #505050;
		color: #fff;
	}
	
	section#content_2 > h2 {
		margin: 0 auto;
	}

	section#content_2 > p {
		text-align: left;
		font-size: 1.4em;
	}
	
	section#content_2 > ul {
		margin: 40px auto 0;
		font-size: 0.9em;
	}
	
		section#content_2 > ul > li {
			margin: 20px auto 0;
			position: relative;
			padding: 0 0 0 20px;
		}
		
		section#content_2 > ul > li:first-child {
			margin: 0 auto;
		}
		
		section#content_2 > ul > li::before {
			content: '●';
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
content_3
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section#content_3 {
	margin: 160px auto 0;
}

	section#content_3 > p {
		margin: 0;
	}
	
	section#content_3 > p.tel {
		font-size: 3.5em;
	}
	
	section#content_3 > img {
		display :block;
		width: 100%;
		max-width: 550px;
		margin: 30px auto 0;
	}
	
@media screen and (max-width:550px){
	section#content_3 > p.tel {
		font-size: 2.5em;
	}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
content_4
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

section#content_4 {
	max-width: 100%;
}

section#content_4 > #map {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 800px;
	margin: 85px auto 0;
}