*{
  margin:0;
  padding:0;
}

 body{
    margin:0;
    font-family: Meiryo, sans-serif;
    font-size:16px;
    
  }

  p{
    margin-bottom: 0;
  }


.btn-click{
  background: rgb(255,92,92);
  background: linear-gradient(180deg, rgba(255,92,92,0.8911939775910365) 0%, rgba(255,43,43,1) 91%, rgba(255,4,4,1) 100%);
  color:#fff;
  border:none;
  border-radius:3px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin:auto 0;
  display: block;
  cursor: pointer;
  font-size: 14px;
  line-height:16px;  
  padding:3px;
}

.btn-click:hover{
  background: rgb(255,21,21);
background: linear-gradient(180deg, rgba(255,21,21,1) 0%, rgba(255,64,64,1) 35%, rgba(254,104,104,1) 100%);
}

.btn-click.blue{
  background: rgb(0,153,255);
  background: linear-gradient(180deg, rgba(0,153,255,1) 0%, rgba(0,77,217,1) 76%, rgba(0,56,206,1) 100%);

}

.btn-click.blue:hover{
  background: rgb(0,56,206);
  background: linear-gradient(180deg, rgba(0,56,206,1) 0%, rgba(0,105,231,1) 35%, rgba(0,153,255,1) 100%);
}

.btn-click.green{
  background: rgb(113,210,0);
  background: linear-gradient(180deg, rgba(113,210,0,1) 0%, rgba(76,176,0,1) 76%, rgba(57,159,0,1) 100%);

}

.btn-click.green:hover{
  background: rgb(57,159,0);
  background: linear-gradient(180deg, rgba(57,159,0,1) 0%, rgba(91,190,0,1) 35%, rgba(113,210,0,1) 100%);
}

.btn-click.gray{
  background: rgb(204,204,204);
  background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(164,164,164,1) 76%, rgba(140,140,140,1) 100%);
}

.btn-click.gray:hover{
  background: rgb(140,140,140);
  background: linear-gradient(180deg, rgba(140,140,140,1) 0%, rgba(172,172,172,1) 35%, rgba(204,204,204,1) 100%);
}

.btn-click.orange{
  background: rgb(255,83,32);
  background: linear-gradient(180deg, rgba(255,83,32,1) 0%, rgba(255,99,40,1) 35%, rgba(255,126,52,1) 100%);
}

.btn-click.orange:hover{
  background: rgb(255,126,52);
  background: linear-gradient(180deg, rgba(255,126,52,1) 0%, rgba(255,99,40,1) 65%, rgba(255,83,32,1) 100%);
}


.bg-green{
  background:#00b500;
}

table.table tbody tr td,
table.table thead tr th,
table.table thead {
  border-left: 1px solid #c9c8c8;
  border-right: 1px solid #c9c8c8;

}

.table td, .table th {
  padding: 0.5rem;
  font-size: 1rem;
}

.table-1{
  border:1px solid #c9c8c8; 
}

.table-header-1{
  background: #ff6b6b !important;
}

.table-1 thead{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
 
}


table th{
  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 76%, rgba(235,235,235,1) 100%);
}

table tr:nth-child(odd){
  background:#fff;
}

table tr:hover{
  background:#f2e0e0 !important;
}

table tr:nth-child(even){
  background:#dee2e6;
}

.block-1 .content-text p{
  border:2px solid #52a435;
  border-radius: 10px;
  padding:2px 10px;
  margin-bottom:5px;
}

.block-1 .header-block{
  background: #FF6666;
}

.block-2{
  border:1px solid #c9c8c8;
}

.block-2 .header-1{
  background:#fffce1;
  border:2px solid #f5d852;
  border-radius: 25px;
  font-weight: bold;
}



.block-2 .border-yellow{
  border:2px solid #f5d84e;
  border-radius: 5px;
}

.block-2 .box{
  border:1px solid #cccccc;
}

.block-2 .btn-link{
  background:#ff7f27;
  color:#fff;
  font-size:14px;
  line-height:15px;
}



.block-3 .header-block{
  background: #FF6666;
}


/*media query*/

@media only screen and (max-width: 768px) {
  .table-scroll{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    display:block;
  }

  .top-page{
    font-size: 14px !important;
  }

}

@media only screen and (max-width: 600px) {
  table.table tbody tr td, table.table thead tr th, table.table thead {
    word-break: keep-all;
  }

}