@charset "UTF-8";

@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{
	position:relative;
	top:0;
	left:0;
	height:600px;
	width:1200px;
}
#contents article section .composition2{
	height:1120px;
}
#contents article section .composition 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 img{
	position:absolute;
	top:120px;
	right:0;
	height:371px;
	width:600px;
	padding:0 0 15%;
}
#contents article section .composition2 img{
	position:absolute;
	top:70px;
	left:0;
	height:400px;
	width:600px;
	padding:0 0 15%;
}
#contents article section .composition2 img:nth-child(2){
	top:560px;
}
#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 .composition2 p{
	font-size:16px;
	line-height:2.4em;
	letter-spacing:1.3pt;
	text-align:left;
	position:absolute;
	top:70px;
	right:120px;
}
#contents article section .page-original{
	background:#ffffff;
	border-top:1px #333 solid;
	margin:2% auto 3%;
	padding:3% 0;
	width:100%;
}
#contents article section .houmu-list h1{
	color: #000;
	font-size: 24px;
	font-weight:normal;
	padding:1% 0 0 0;
	text-align: center;
}
#contents article section .houmu-list table{
	margin:2% auto 3%;
	text-align:center;
	width:960px;
}
#contents article section .houmu-list table th{
	border:1px #333 solid;
	background:#cccccc;
	padding:1% 0;
	width:33%;
}
#contents article section .houmu-list table td{
	border:1px #333 solid;
	padding:5px 0;
}
#contents article section .houmu-list table tr:nth-child(4),
#contents article section .houmu-list table tr:nth-child(9){
	border-bottom:3px #333 double;
}
}

@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 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 img,
#contents article section .composition2 img{
	margin:0 auto 10%;
	width:87%;
}
#contents article section .composition p,
#contents article section .composition2 p{
	font-size:16px;
	line-height:2.5em;
	letter-spacing:1.7pt;
	text-align:left;
	margin:0 auto 10%;
	width:85%;
}
#contents article section .page-original{
	background:#ffffff;
	border-top:1px #333 solid;
	margin:2% auto 5%;
	padding:8% 0 8%;
	width:95%;
}
#contents article section .houmu-list h1{
	color: #000;
	font-size: 24px;
	font-weight:normal;
	padding:1% 0 0 0;
	text-align: center;
}
#contents article section .houmu-list table{
	margin:8% auto 3%;
	text-align:center;
	width:95%;
}
#contents article section .houmu-list table th{
	border:1px #333 solid;
	background:#cccccc;
	padding:1% 0;
	width:33%;
}
#contents article section .houmu-list table td{
	border:1px #333 solid;
	padding:5px 0;
}
#contents article section .houmu-list table tr:nth-child(4),
#contents article section .houmu-list table tr:nth-child(9){
	border-bottom:3px #333 double;
}
}