body{
	background:#000;
}
article {
  width: 640px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 45px;
  margin: 0 auto;
  background-color: #000;
  overflow: hidden;
  position: relative;
  color:#FFFFFF;
  font-size:18px;
}
h1 {
	padding:0 0 25px 0;
}
h2 {
	padding:0 0 25px 0;
}
.main_box{
	padding:0 0 40px 0;
}
.main_box .left{
	width:325px;
}
.main_box dt{
	position:absolute;
}
.main_box dd{
	padding:0 0 0 50px;
}
.main_box dd a{
	text-decoration:underline;
	color:#FFFFFF;
}
.left {
  float: left;
}
.right {
  float: right;
}
.img{
	padding:50px 0 60px 0;
}
.profile_box{
	padding:30px 0 0 0;
}
.profile_box .img{
	float:left;
	padding:0 25px 0 0;
}
/*sp*/
.batu_btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.sp h1 {
	padding:50px 0 25px 0;
}
.sp p {font-size: 30px;}
.sp img{
	width:100%;
	height:auto;
}
.sp .main_box{
	width:100%;
}
.sp .main_box .left{
	width:70%;
	font-size: 30px;
}
.sp .main_box dd{
	padding:0 0 0 100px;
}
.sp .main_box .right{
	width:30%;
}
.sp .profile_box{
	padding:0 0 0 0;
}
.sp .profile_box .img{
	width:30%;
}
.sp .pb60{
	padding-bottom:60px;
}