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

body {
	background-image: url("images/bg_body.jpg");
	background-repeat: no-repeat;
	background-position: center 175px;
	background-size: 1060px auto;
}

header .inner {
	background-image: url("images/bg_header.png");
	background-repeat: no-repeat;
}

article {
	padding: 85px 0 0;
}
section h3 {
	background-image: url("images/bg_title.png");
	background-repeat: no-repeat;
	text-align: center;
}

.large_photo {
	position: relative;
	background-color: #fff;
	width: 700px;
	margin: 30px auto;
	padding: 45px 0 70px;
	box-sizing: border-box;
	border: 1px solid #9FA0A0
}
.large_photo .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 15px 35px 10px 35px;
	border-bottom: 4px solid #F19EBC;
}
.large_photo h3 img,
.large_photo h5 img {
	vertical-align: bottom;
}
.large_photo h5 {

}
.large_photo .photo {
	margin: 40px 35px 20px;
}
.large_photo h6 {
	margin: 0 35px 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #EC7AA7;
	font-size: 18px;
}
.large_photo p {
	margin: 0 35px;
}
button.mfp-close * {
  pointer-events: none;
}

@media screen and (max-width: 767px) {
	body {
		background-image: url("sp-images/bg_body.jpg");
		background-position: center 3%;
		background-size: 100% auto;
	}
	article {
		padding: 5% 0 0;
	}
	section h3 {
		background-image: url("sp-images/bg_title.png");
		background-size: cover;
	}

	.large_photo {
		width: 90%;
		margin: 3% auto;
		padding: 10% 0 7%;
	}
	.large_photo .title {
		padding: 1% 3%;
	}
	.large_photo .photo {
		margin: 4% 3% 2%;
	}
	.large_photo h6 {
		margin: 0 3% 1%;
		font-size: 13px;
	}
	.large_photo p {
		margin: 0 3%;
	}
	.mfp-close-btn-in .mfp-close {
		width: 8%;
		right: 2%;
	}
}
	

section#facility {
	background-image: url("images/bg_facility.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
	border-bottom: 1px solid #584C56;
}
section#facility p {
	background-image: url("images/illust01.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 634px;
    margin: 0 0 60px 70px;
    padding: 0 71px 30px 160px;
	text-align: center;
	line-height: 200%;
	font-size: 15px;
}
section#facility .photos {
	position: relative;
	width: 850px;
	margin: 0 0 0 90px;
}
section#facility .photos .click {
	background: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
section#facility .photos .illust02,
section#facility .photos .illust03 {
	position: absolute;
}
section#facility .photos .illust02 {
	top: 240px;
	left: -60px;
}
section#facility .photos .illust03 {
	top: 140px;
	right: -80px;
}
section#facility .photos div {
	display: inline-block;
}
section#facility .photos div.big {
    position: relative;
	float: left;
	margin: 0 20px 35px 0;
    z-index: 10;
}
section#facility .photos div.big.right {
	float: right;
	margin: 0 0 35px 0;
}
section#facility .photos div.small {
	margin: 0 0 35px;
}
section#facility .photos div.small a {
	display: inline-block;
}
section#facility .photos div.small a:first-of-type {
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	section#facility p {
		background-image: url("sp-images/illust01.png");
		background-size: 95% auto;
		background-position: center center;
		width: 100%;
		margin: 0 0 15%;
		padding: 0;
		font-size: 12px;
		line-height: 180%;
	}
	
	section#facility .photos {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
	}
	section#facility .photos .click {
		font-size: 11px;
	}
	section#facility .photos .illust02,
	section#facility .photos .illust03 {
		display: none;
	}
	section#facility .photos div.big,
	section#facility .photos div.big.right {
		float: none;
		margin: 0 0 3%; 
	}
	section#facility .photos div.small {
		width: 100%;
		margin: 0 0 3%;
	}
	section#facility .photos div.small a {
		width: 45%;
	}
	section#facility .photos div.small a:first-of-type {
		margin-right: 8%;
	}
	section#facility .photos div.big.right {
		order: 10;
	}
}

section#machine {
	width: 870px;
	margin: 0 auto;
}
section#machine h2 {
	margin: 50px 0 30px;
	text-align: center;
}
section#machine h3 {
	padding: 15px 0 30px;
}
section#machine h3 + .click {
	margin-top: -20px;
}

section#machine ul {
	margin: 35px 0 80px;
}
section#machine li {
	display: inline-block;
	margin: 0 38px 68px 0;
	border-top: 2px solid #EC7AA7;
}
section#machine li:nth-of-type(4n) {
	margin-right: 0;
}
section#machine li div {
	display: table;
	height: 64px;
}
section#machine li p {
	display: table-cell;
	padding: 5px 0;
	font-size: 17px;
	vertical-align: bottom;
}
section#machine li p.line2 {
	padding-top: 5px;
}
@media screen and (max-width: 767px) {
	section#machine {
		width: 90%;
		margin: 0 auto;
	}
	section#machine h3 {
		padding: 1% 0 4%;
	}
	section#machine h3 + .click {
		margin-top: -0;
		font-size: 10px;
	}

	section#machine ul {
		margin: 3% 0 8%;
	}
	section#machine li {
		width: 30%;
		margin: 0 3% 6% 0;
	}
	section#machine li:nth-of-type(4n) {
		margin-right: 3%;
	}
	section#machine li:nth-of-type(3n) {
		margin-right: 0;
	}
	section#machine li div {
		height: 40px;
	}
	section#machine li p {
		font-size: 10px;
	}
}