.section--01 .section__img {
  margin-top: 0;
}
.section .detail_table {
  font-size: 14px;
  line-height: 1.4;
}
.section .note {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 0 20px;
  padding: 0;
}
.section .note--num {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 2em;
  text-indent: -2em;
}
.section__info {
  background: url(/mail/mm/lp_mm/price/images/section__info.png) no-repeat;
  margin: 40px 0 0 0;
  padding: 120px 0 0 450px;
  height: 130px;
}
.section .register {
  margin-top: 50px;
}

/* table */
#main_area table.detail_table {
  width: 100%;
  margin: 10px 0 20px;
  border-collapse: collapse;
  background-color: #fff;
  color: #032354;
}

#main_area table.detail_table,
#main_area table.detail_table tr,
#main_area table.detail_table th,
#main_area table.detail_table td {
  border: 2px solid #efebe8;
}

#main_area table.detail_table td,
#main_area table.detail_table th {
  padding: 0;
  text-align: center;
}

#main_area table.detail_table a {
  display: table-cell;
  width: 150px;
  height: 59px;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  color: #032354;
  *height: auto;
  *zoom: 1;
}

#main_area table.detail_table a:hover {
  background-color: #dde8f6;
}

#main_area table.detail_table .p10 a {
  color: #25b2d0;
}

#main_area table.detail_table .p10 a:hover {
  background-color: #d3f1f7;
}

#main_area table.detail_table .p50 a {
  color: #aa49ca;
}

#main_area table.detail_table .p50 a:hover {
  background-color: #f5dffc;
}

#main_area table.detail_table a .price {
  text-decoration: underline;
}

#main_area table.detail_table a:hover .price {
  text-decoration: none;
}

#main_area table.detail_table a .monthly {
  padding: 0 2px;
  background-color: #032354;
  line-height: 1;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  *line-height: 1.5;
}

#main_area table.detail_table .campaign {
  font-weight: bold;
  color: #ff7c00;
}

#main_area table.detail_table thead td,
#main_area table.detail_table thead th {
  background-color: #032354;
  font-weight: bold;
  color: #fff;
}

#main_area table.detail_table thead th.p10,
#main_area table.detail_table .p10 .monthly {
  background-color: #25b2d0;
}

#main_area table.detail_table thead th.p50,
#main_area table.detail_table .p50 .monthly {
  background-color: #aa49ca;
}

#main_area table.detail_table thead td,
#main_area table.detail_table thead th {
  height: 43px;
}

#main_area table.detail_table tbody th {
  background-color: #88837f;
  color: #fff;
}

#main_area table.detail_table tbody th sub {
  font-weight: normal;
  font-size: 8px;
  color: #25b2d0;
}

#main_area table.detail_table tbody td,
#main_area table.detail_table tbody th {
  height: 59px;
}

#main_area table.detail_table tbody td.ac {
  background-color: #edf4fd;
}

#main_area table.detail_table tbody td.p10.ac {
  background-color: #e8f7fa;
}

#main_area table.detail_table tbody td.p50.ac {
  background-color: #fbf0fe;
}

#main_area table.detail_table tfoot td {
  padding: 2px 0;
  background-color: #032354;
  text-align: center;
  font-size: 12px;
  color: #ff7c00;
}

@media (max-width: 767px) {
  .section__info{   
    background-size: 100%;
    padding: 30% 0 0; 
    text-align: center;
  }
  .section__info img{
    width: 90%;
  }
  #main_area table.detail_table tbody td, 
  #main_area table.detail_table tbody th,
  #main_area table.detail_table thead td, 
  #main_area table.detail_table thead th{
    word-break: break-all;
  }
}