@charset "UTF-8";
.page-original{
	background:#ffffff;
	margin:0 auto;
	width:90%;
}

@media print, screen and (min-width: 641px) {
.br-sp {display: none;}

#topImage {
	height: 200px;
	width: 100%;
	background-image: url(images/topImage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#topImage h1 {
	color: #FFF;
	font-size: 24px;
	line-height: 200px;
	text-align: left;
}
#contents article section .composition,
#contents article section .composition2,
#contents article section .composition3,
#contents article section .composition4{
	position:relative;
	top:0;
	left:0;
	height:650px;
	width:1180px;
}
#contents article section .composition2{
	top:30px;
	height:630px;
}
#contents article section .composition3{
	top:30px;
	height:630px;
}
#contents article section .composition4{
	top:30px;
	height:930px;
}
#contents article section .composition h1,
#contents article section .composition2 h1,
#contents article section .composition3 h1,
#contents article section .composition4 h1{
	border-bottom:1px #000 solid;
	color: #000;
	font-size: 24px;
	padding:0 0 2% 0;
	text-align: left;
	position:absolute;
	top:10px;
	left:0;
	width:100%;
}
#contents article section .composition .comp-img,
#contents article section .composition3 .comp-img{
	position:absolute;
	top:120px;
	right:0;
	height:371px;
	width:600px;
	padding:0 0 15%;
}
#contents article section .composition2 .comp-img,
#contents article section .composition4 .comp-img{
	position:absolute;
	top:120px;
	left:0;
	height:400px;
	width:600px;
	padding:0 0 15%;
}
#contents article section .composition p{
	font-size:16px;
	line-height:2.4em;
	letter-spacing:1.3pt;
	text-align:left;
	position:absolute;
	top:120px;
	left:10px;
}
#contents article section .composition3 p{
	font-size:16px;
	line-height:2.2em;
	letter-spacing:1.0pt;
	text-align:left;
	position:absolute;
	top:120px;
	left:10px;
	}
#contents article section .composition2 p,
#contents article section .composition4 p{
	font-size:16px;
	line-height:2.4em;
	letter-spacing:1.3pt;
	text-align:left;
	position:absolute;
	top:120px;
	right:10px;
}
#contents article section .contactbox{
	border:2px #ccc solid;
	padding:10px;
	text-align:center;
	position:absolute;
	top:660px;
	left:0;
	height:165px;
	width:98%;
}
#contents article section .composition2 .contactbox{
	top:580px;
}
#contents article section .composition3 .contactbox{
	top:630px;
}
#contents article section .composition4 .contactbox{
	top:580px;
}

#contents article section .contactbox h2{
	border-bottom:1px #ccc solid;
	font-size:24px;
	margin:0 auto;
	padding:1% 0;
	width:1120px;
}
#contents article section .contactbox table{
	margin:0 auto;
	text-align:center;
	width:100%;
}
#contents article section .contactbox table td{
	padding:2% 0;
	width:49%;
}
}

@media print, screen and (max-width: 640px) {
.br-none {display: none;}

#topImage {
	height: 240px;
	width: 100%;
	background-image: url(images/topImage.jpg);
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#topImage h1 {
	color: #FFF;
	font-size: 24px;
	line-height: 200px;
	text-align: left;
	padding: 15% 0 0 5%;
}
#contents article section .composition,
#contents article section .composition2,
#contents article section .composition3,
#contents article section .composition4{
	padding:0 0 8%;
}
#contents article section .composition h1,
#contents article section .composition2 h1,
#contents article section .composition3 h1,
#contents article section .composition4 h1{
	border-bottom:1px #000 solid;
	font-size: 24px;
	text-align:left;
	margin:0 auto 10%;
	padding:3% 0 3% 3%;
	width:85%;
}
#contents article section .composition .comp-img,
#contents article section .composition2 .comp-img,
#contents article section .composition3 .comp-img,
#contents article section .composition4 .comp-img{
	margin:0 auto 10%;
	width:87%;
}
#contents article section .composition p,
#contents article section .composition2 p,
#contents article section .composition3 p,
#contents article section .composition4 p{
	font-size:16px;
	line-height:2.5em;
	letter-spacing:1.7pt;
	text-align:left;
	margin:0 auto 10%;
	width:85%;
}
#contents article section .contactbox{
	border:1px #ccc solid;
	margin:0 auto 5%;
	text-align:center;
	width:90%;
}
#contents article section .contactbox h2{
	border-bottom:1px #ccc solid;
	font-size:16px;
	margin:0 auto;
	padding:5% 0;
	width:95%;
	}
#contents article section .contactbox table td{
	display:block;
	width:100%;
}
#contents article section .contactbox table td .contact-image01{
	padding:8% 0 0;
	width:70%;
}
#contents article section .contactbox table td .contact-image02{
	padding:4% 0 4%;
	width:84%;
}
}