.bar_title1 {
  margin:20px 0px 0px 10px;
  width:840px;
  font-size:26px;
  /*font-weight:bold;*/
}
.bar_title2 {
  border-bottom:1px dashed #333333;
  margin:10px 0px 0px 10px;
  width:840px;
  height:35px;
  text-indent:2px;
  font-size:14px;
  /*font-weight:bold;*/
}
.bar_note {
  margin:20px 0px 0px 30px;
  width:840px;
}




/***********************************************************************
 **TB
 **
 **
 **
 **
 **
 **
 ***********************************************************************/
@media screen and (min-width: 469px) and (max-width: 768px){
.bar_title1 {
  margin-left:0px;
  width:100%;
}
.bar_title2 {
  margin-left:0px;
  width:100%;
  font-weight: bold;
}
.bar_note {
  margin-left:0px;
  width:100%;
  font-size: 16px;
}
}




/***********************************************************************
 **SP
 **
 **
 **
 **
 **
 **
 ***********************************************************************/
@media screen and (max-width: 468px){
.bar_title1 {
  margin-left:0px;
  width:100%;
}
.bar_title2 {
  margin-left:0px;
  width:100%;
  font-weight: bold;
}
.bar_note {
  margin-left:0px;
  width:100%;
  font-size: 16px;
}
}