@charset "UTF-8";

.mt_20{
  margin-top: 2rem;
}
.mt_10{
  margin-top: 1rem;
}
.responsive{
  img{
    max-width: 100%;
  }
}
.i_flex{
  display: flex;
  gap: 2.5rem;
}
.b_ft{
  font-size: 1.6rem;
}
.fw_700{
  font-weight: 700;
}
.i_merit{
  background-color: #fff;
  text-align: center;
  padding: 3rem 1.5rem;
  flex: 1;
  p:last-child{
    text-align: left;
    padding-inline: 1rem;
  }
}
.i_mark{
  padding: 1rem;
  border-radius: 9999px;
  span{
    color: #fff;
  }
}
.lc_01{
  border: 3px solid #0ab37d;
}
.lc_02{
  border: 3px solid #1c7761;
}
.bg01{
  background-color: #0ab37d;
}
.bg02{
  background-color: #1c7761;
}
.i_title{
  font-size: 2rem;
  margin-top: 3rem;
}
.i_icon{
  margin: 1rem auto;
  img{
    width: 18rem;
  }
}
.i_flex.responsive{
  p{
    flex: 0 0 34rem;
  }
}
.recommend{
  p{
    margin-bottom: 3rem;
    padding-left: 3rem;
    position: relative;
  }
  p:before{
    content: "";
    position: absolute;
    top: 18%;
    left: 0;
    width: 1.6rem;
    height: 0.7rem;
    border-left: 0.4rem solid #00d18b;
    border-bottom: 0.4rem solid #00d18b;
    transform: rotate(-45deg);
  }
}
.bimi_logo{
  padding-left: 2rem;
  li{
    list-style-type: decimal !important;
  }
}
.subtext{
  font-size: 1.4rem;
  margin-top: 1rem;
}
.accent{
  color: #00d18b;
}
.cmnTable01.bimi tbody{
  th,td{
    padding: 2rem 1rem;
    vertical-align: middle;
    border-right: dotted 1px #989898;
  }
  th:nth-child(2){
    width: 40%;
  }
  th:nth-child(3){
    width: 40%;
  }
}
.question{
  li{
    text-indent: -2em;
    padding-left: 2em;
    margin-top: 2rem;
  }
}
.answer::before{
  content: "A.　";
  color: #27956e;
  font-weight: 700;
}

/*   sp    */
@media screen and (max-width: 640px) {
  .b_ft{
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 640px) {
  .i_flex{
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .i_merit{
    padding: 1.5rem;
    p:last-child{
      padding-inline: 0;
    }
  }
}
@media screen and (max-width: 640px) {
  .lc_01{
    border: 2px solid #0ab37d;
  }
  .lc_02{
    border: 2px solid #1c7761;
  }
}
@media screen and (max-width: 640px) {
.i_title{
    font-size: 1.4rem;
    margin-top: 1.5rem;
  }
  .i_icon{
    margin: 0 auto;
    img{
      width: 50%;
    }
  }
  .spm15{
    margin-top: 1.5rem;
  }
  .spm05{
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .recommend{
    p{
      margin-bottom: 1.5rem;
      padding-left: 2.5rem;
    }
    p:before{
      top: 12%;
      width: 1.4rem;
      border-left: 0.3rem solid #00d18b;
      border-bottom: 0.3rem solid #00d18b;
    }
  }
}
@media screen and (max-width: 640px) {
  .subtext{
    font-size: 1.2rem;
    margin-top: 0.5rem;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media screen and (max-width: 640px) {
  .cmnTable01.bimi tbody th, .cmnTable01.bimi tbody td {
    width: auto;
  }
  .cmnTable01.bimi{
    display: table;
    tbody {
      display: table-row-group;
      tr {
        display: table-row;
      }
      th,
      td {
        display: table-cell;
        padding: 1rem;
      }
      th:first-child{
        width: 25%;
      }
    }
  }
}
@media screen and (max-width: 640px) {
  .question{
    li{
      margin-top: 1.5rem;
    }
  }
}