@charset "utf-8";
@import url("page.css");

/* CSS Document */
#title {
	background-color: #77D9A0;
	text-align: center;
	display: table;
	margin: 0 0 40px;
	height: 200px;
	width: 100%;
}

#title h1 {
	font-family: "Hannari", "Sawarabi Mincho";
	font-size: 36px;
	color: #FFF;
	vertical-align: middle;
	display: table-cell;
	width: 100%;
}

#painting {
	display: block;
	margin: 0 auto 20px;
	width: 100%;
}

#photobox {
	display: block;
	margin: 0 auto;
	width: 96%;
}
#photobox div {
	text-align: center;
	display: block;
	margin-bottom: 2em;
	width: 100%;
}
#photobox p {
	font-size: 15px;
	margin-top: 0.3em;
}

#photobox01 {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 96%;
}
#photobox01 div {
	display: block;
	margin-bottom: 2em;
	width: 100%;
}
#photobox01 p {
	font-size: 15px;
	margin-top: 0.3em;
}

#photobox02 {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 96%;
}
#photobox02 div {
	display: block;
	margin-bottom: 2em;
	width: 100%;
}
#photobox02 p {
	font-size: 15px;
	margin-top: 0.3em;
}

#photobox03 {
	text-align: center;
	display: block;
	margin: 3em auto;
	width: 96%;
}

@media only screen and (min-width: 769px) {
#title {
	margin: 0 auto;
	height: 400px;
	width: 1250px;
}
#title h1 {
	font-size: 48px;
}

#painting {
	background-image: url(../images/facility/pic_painting.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 30px;
	height: 368px;
	width: 1250px;
}

#photobox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 1029px;
	flex-wrap: wrap;
}
#photobox div {
	display: block;
	width: 510px;
}

#photobox01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 1029px;
	flex-wrap: wrap;
}
#photobox01 div {
	display: block;
	width: 328px;
}

#photobox02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 1029px;
	flex-wrap: wrap;
}
#photobox02 div {
	display: block;
	width: 238px;
}

#photobox03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 100px auto;
	width: 862px;
}
#photobox03 div {
	display: block;
	margin: 0;
}

}