@charset "UTF-8";

.box_class {
  text-align: center;
}

.last_list {
  text-align: right;
  list-style: none;
}

/* 横幅が768px以上の際の設定 */
@media (min-width: 768px) {
/* box1内のbox_noticeとbox_updateを横並びにする */
.box1:after {
  content: "";
  display: block;
  clear: both; 
}

.box_notice {
  float: left;
  width: 50%
}

.box_update {
  float: left;
  width: 50%
}

/* box2内のbox_lawとbox_politicsを横並びにする */
.box2:after {
  content: "";
  display: block;
  clear: both; 
}

.box_law {
  float: left;
  width: 50%
}

.box_politics {
  float: left;
  width: 50%
}

/* box3内のbox_nationaldietとbox_billを横並びにする */
.box3:after {
  content: "";
  display: block;
  clear: both; 
}

.box_nationaldiet {
  float: left;
  width: 50%
}

.box_bill {
  float: left;
  width: 50%
}

}