@charset "UTF-8";
/* =========================================================
wadai
========================================================= */

.wadai_table{
  width: 100%;
  max-width: 560px;
  margin: 20px auto;
}
.wadai_table_ttl{
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 10px;
  border-left: solid 2px var(--color-theme);
}
.wadai_table table{
  margin-top: 20px;
}
.wadai_table table .color1{
  color: #8cb808;
}
.wadai_table table .color2{
  color: #ed6b00;
}
.wadai_table .annotation{
  font-size: 1.4rem;
}
.wadai_table .annotation li{
  padding-left: 1em;
  text-indent: -1em;
}
.wadai_table table ul li{
  padding-left: 1em;
  text-indent: -1em;
}

.wadai_table table th,
.wadai_table table td{
  border:solid 1px #aaa;
  padding:4px 6px;
}
.wadai_table table td{
  font-size: 1.4rem;
}
.wadai_table table tr:first-child th:first-child{
  background-color: #8cb808;
  color: #fff;
}
.wadai_table table tr:first-child th:nth-child(2){
  background-color: #ed6b00;
  color: #fff;
}
.wadai_table table tr:nth-child(2) th:first-child{
  background-color: #e0eab7;
}.wadai_table table tr:nth-child(2) th:nth-child(2) {
  background-color: #fed3a7;
}
.wadai_table table tr td:first-child{
  background-color: #f0f5dc;
}
.wadai_table table tr td:nth-child(2){
  background-color: #ffead3;
}

.wadai_point_ttl{
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 10px;
  border-left: solid 2px var(--color-theme);
  line-height: 1.2;
}
.wadai_point .reason{
  padding: 10px;
  margin:30px auto 0;
  background-color: #fff;
  box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.3);
  position: relative;
}
.wadai_point .reason::before{
  content:"";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border:solid 1px #aaa;
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 2;
}
.wadai_point .reason .reason_icon{
  position: absolute;
  right: 0;
  top:-30px;
  z-index: 4;
}

.wadai_point .reason ul li{
  font-size: 1.4rem;
  padding-left: 1em;
  text-indent:-1em;
}
.wadai_point .reason .reason_txt{
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .wadai_point .reason{
    margin:40px auto 0;
  }

}