/**
 *  Data
 *
 */
/* ==========================================================================
   
   ========================================================================== */
.note {
  float: right;
  font-size: 80%;
  color: #777;
  margin-right: -20px; }

sup {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 120%;
  color: #C02D2F !important; }

@media screen and (max-width: 767px) {
  .note {
    margin-right: 0px; } }
.img-center {
  text-align: center;
  margin: 60px 0 80px; }

.box-img {
  margin-bottom: 10px; }

.area-box {
  margin: 0 145px; }
  .area-box .fr {
    margin-top: 20px; }

@media screen and (max-width: 767px) {
  .img-center {
    margin: 0; }

  .area-box {
    margin: 0; } }