@charset "utf-8";
/* =============================================================================
報酬規定
   ========================================================================== */
section table {
     width: 100%;
     max-width: 100%;
      border-collapse: collapse;
}
.reward .red {
   color: #f10000;
}
.reward .bold{
	font-weight: bold;
}
.reward .bold span{
	display: block;
	font-weight: 400;
	font-size: 0.9rem;
}
.reward table th {
      width: 130px;
      background: #bceaff;
      padding: 10px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
}
.reward table td {
      text-align: center;
      padding: 10px;
      background: #f0f0f0;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
}
.reward table .pb10 {
   border-top: 10px solid #fff;
}
.reward table .tableTtl {
   background: #2442a2;
   color: #fff;
   font-size: 23px;
   font-weight: bold;
   border-bottom: 2px solid #fff;
   border-right: none;
   padding: 5px 0;
}
.reward .unit {
   font-weight: bold;
   margin-bottom: 10px;
}
.reward .unit span {
   color: #37c0ff;
   font-size: 10px;
   padding-right: 8px;
}
.table1 table,.table2 table {
   margin-bottom: 50px;
}
.table1 td,.table2 td {
   width: 145px;
}
.reward .caution {
   margin-bottom: 50px;
}
.reward .table4 table {
   max-width: 1024px;
}
.reward .table4 td {
   width: 203px;
   vertical-align: middle;
}
.reward .table4 td:nth-child(even){
	background: #e8f8ff;
}
.reward .table5 .tableTtl{
	border-bottom: 6px solid #fff;
}
.reward .flex{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.reward .table5 .table5-A,.reward .table5 .table5-B{
	width: calc(100% / 3 - 5px);
}
.reward .table5 .table5-A .w55{
	width: 55%;
	background: #e8f8ff;
}
.reward .table5 .table5-B th {
	height: 25%;
}
.reward .table5 .table5-B td {
	text-align: left;
}
.reward .caution {
  line-height: 1.6em;
}

@media screen and (min-width: 768px) {

  
   
}
@media screen and (max-width: 767px) {
   .scroll {
      overflow: auto;
      white-space: nowrap;
  }
   .scroll table {
      display: block;
      clear: both;
      overflow: scroll;
      margin-bottom: 0;
  }
	.reward p.sp {
     margin-bottom: 30px;
  }
 	.reward .caution {
     margin-bottom: 0;
  }
	
	.reward .table5 table{
		width: 100%;
	}
	.reward .flex{
		display: block;
	}
	.reward .table5 .table5-A{
		margin-bottom: 10px;
	}
	.reward .table5 .table5-A,.reward .table5 .table5-B{
		width: 100%;
	}
	.mb30{
		margin-bottom: 30px !important;
	}
}




/* =============================================================================

   ========================================================================== */

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}
/* =============================================================================

   ========================================================================== */
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}