@media screen and (min-width: 768px), print {
.contents h2 {
	width: 100%;
	background:  url("../img/product/h2_bg.jpg") repeat-x 50% 0;
	height:150px;
	color:#fff;
	text-align:center;
	font-size:36px;
	letter-spacing:1px;
	padding-top:62px;
}
}
@media screen and (max-width: 767px) {
.contents h2 {
	width: 100%;
	background:  url("../img/product/h2_bg_sp.jpg") repeat-x 50% 0;
	height:100px;
	color:#fff;
	text-align:center;
	font-size:24px;
	letter-spacing:1px;
	padding-top:38px;
}
}

/* contents
-------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 768px), print {
.history{
	background: #fff;
	padding:30px 0 90px;
}
.history_inner{
	width:960px;
	margin:0 auto;
}
.history_left{
	width:140px;
	margin:5px auto;
	float:left;
	color:#324678;
	font-size:27px;
	text-align:center;
}
.history_right{
	width:800px;
	margin:0 auto;
	border-left: 1px solid #324678;
	letter-spacing:2px;
	float:right;
}
  .history dl {
	width:760px;
	margin:0 0 0 34px;
  }
  .history dt {
	  letter-spacing:1px;
	  clear: left;
	  float: left;
	  width: 90px;
  	  color:#324678;
 	  padding:5px 0;
 }
  .history dd {
	  margin-left: 90px;
	  padding:5px 0;
	  letter-spacing:1px;
  }
}
@media screen and (max-width: 767px) {
.history{
	background: #fff;
	padding:0px 0 40px;
}
.history_inner{
	width:90%;
	margin:0 auto;
}
.history_left{
	margin:5px auto;
	color:#324678;
	font-size:22px;
	text-align:center;
	padding-bottom:10px;
	border-bottom: 1px solid #324678;
}
.history_right{
	margin:20px auto 0;
}
  .history dl {
	margin:0;
	font-size:14px;
  }
  .history dt {
	  letter-spacing:0px;
	  clear: left;
	  float: left;
	  width: 85px;
  	  color:#324678;
 	  padding:5px 0;
 }
  .history dd {
	  margin-left: 85px;
	  padding:5px 0;
	  letter-spacing:0px;
  }
}

@media screen and (min-width: 768px), print {
.award{
	background: #EAECF1;
	padding:70px 0 90px;
}
.award_inner{
	width:960px;
	margin:0 auto;
}
.award_left{
	width:160px;
	margin:5px auto;
	float:left;
	color:#324678;
	font-size:27px;
	text-align:center;
}
.award_center{
	width:440px;
	margin:0 auto;
	border-left: 1px solid #324678;
	letter-spacing:2px;
	float:left;
 }
 .award dl {
	width:440px;
	margin:0 0 0 34px;
  }
  .award dt {
	  letter-spacing:1px;
	  clear: left;
	  float: left;
	  width: 90px;
  	  color:#324678;
 	  padding:5px 0;
 }
  .award dd {
	  margin-left: 90px;
	  padding:5px 0;
	  letter-spacing:1px;
  }
.award_right{
	width:310px;
	margin:0 auto;
	float:right;
}
}
@media screen and (max-width: 767px) {
.award{
	background: #EAECF1;
	padding:40px 0 70px;
}
.award_inner{
	width:90%;
	margin:0 auto;
}
.award_left{
	margin:5px auto;
	color:#324678;
	font-size:22px;
	text-align:center;
	padding-bottom:10px;
	border-bottom: 1px solid #324678;
	letter-spacing:3px;
}
.award_center{
	margin:20px auto 20px;
 }
 .award dl {
	margin:0px;
	font-size:14px;
  }
  .award dt {
	  letter-spacing:0px;
	  clear: left;
	  float: left;
	  width: 85px;
  	  color:#324678;
 	  padding:5px 0;
 }
  .award dd {
	  margin-left: 85px;
	  padding:5px 0;
	  letter-spacing:0px;
  }
.award_right{
	margin:0 auto;
	text-align:center;
}
.award_right img{
	max-width:100%;
}
}