@charset "utf-8";

html {
	overflow-y: hidden;
}
body {
	padding:60px 30px;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  background: url("../../images/bg.jpg");
}
h1 {
	margin-bottom:30px;
	padding-bottom:30px;
	background:url(../../images/brush_line.png) no-repeat left bottom;
	color:#154071;
	font-size:240.0%;
	text-indent:20px;
}
article {
	width:860px;
}	
div div {
	float:left;
	width:410px;
	margin:0 10px;
}
div div img {
	display:block;
	margin-bottom:20px;
	border:5px #fff solid;
  width: 400px;
  height: auto;
}
dt {
	margin-bottom:12px;
	color:#154071;
	font-size:128.0%;
}
dd{
  line-height: 1.3;
	font-size:158.3%;
}
dd span {
	font-size:80%;
}


@media (max-width: 899px) {
html {
	overflow-y:auto;
}
body {
	padding:11% 0;
  font-weight: 600;
}
h1 {
	width:90%;
	margin:0 auto 30px;
	padding-bottom:30px;
	background:url(../../images/brush_line.png) no-repeat left bottom;
	background-size:100% auto;
	font-size:220.0%;
	text-indent:10px;
}
article {
	width:90%;
	margin:0 auto;
}	
div div {
	float:none;
	width:100%;
	margin:0;
}
div div img {
	width:100%;
	height:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
dl {
	margin-bottom:40px;
}
dd span {
	display:block;
	margin-top:5px;
	text-indent:-8px;
}
dt {
  font-size: 116%;
}
dd {
  font-size: 133%;
}
}

@media (max-width: 500px) {
h1 {
  font-size: 166%;
}
}