.modal_txtA{
    width: 100%;
    padding: 30px 10%;
}

.modal_itemA{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-wrap:wrap;
    align-items:center;
}

.modal_ttlA{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.56;
    margin-bottom: 20px !important;
    text-align: left !important;
}


.modal_p{
    line-height:1.9;
    letter-spacing: .13em;
}

.modal_txtB{
    width: 100%;
    padding: 0 7% 40px 7%;
}


.modal_table {
    border-collapse: collapse; /* 隣り合う罫線を結合する */
    width:100%;
    table-layout: fixed;
  }

.modal_table th{
    vertical-align:middle;
}

.th1{
    width:19%;
}

.th2{
    width:27%;
}

.modal_table img{
    max-height:100px;
    padding: 10%;
}

  .modal_table td {
    padding: 8px;
    border: 1px solid #BEBEBE; /* 標準の枠線 */
  }
  
  /* 各セルに個別に設定 */
  .modal_table td {
    border-top: 1px dotted #BEBEBE;   /* 上辺を点線にする */
    border-bottom: 1px dotted #BEBEBE; /* 下辺を点線にする */
    border-left: 1px solid #BEBEBE;  /* 左辺を実線にする */
    border-right: 1px solid #BEBEBE; /* 右辺を実線にする */
  }
  
  .modal_table td {
    vertical-align:middle !important;
    text-align:center;
  }
  

  .modal_table thead th:last-child td {
    border-bottom: 1px solid #BEBEBE;
  }

  .modal_table tr:last-child td {
    border-bottom: 1px solid #BEBEBE;
  }

  .modal_table tr:first-child td {
    border-top: 1px solid #BEBEBE;
  }

  .mark{
    font-size:1.5rem;
    padding-bottom: 6px;
  }

  .txtA{
    font-weight:600;
    line-height:1.3;
    font-size:x-small;
  }

  .txtB{
    font-weight:300;
    line-height:1.3;
    font-size:x-small;
  }

  .modal_txt-left-top{
    width: 100%;
    padding: 30px 10%;
}

  .modal_img-right-bottom{
    padding:0 5% 10%;
  }

@media screen and (min-width:900px), print{

    .modal_txtA{
        padding: 40px 7%;
    }

    .modal_table td {
        background-color: white;
    }

    .modal_txtB{
        padding:0 7% 50px 7%;
    }
    .modal_ttlA{
        font-size: 2.5rem;
    }

    .modal_p{
        font-size: 1.2rem;
        line-height:2.25;
        letter-spacing: .09em;
    }

    .modal_table img{
        max-height:150px;
    }
    .th1{
        width:16%;
    }
    
    .th2{
        width:28%;
    }  
    .mark{
        font-size:2.2rem;
      }

.txtA{
    font-size:1.2rem;
  }

  .txtB
  {
    font-size:1.2rem;
  } 
  .modal_table td {
    padding: 12px;
  }

  .modal_item-side{
    display: flex;
    align-items:center;
    justify-content: space-between;
}

.modal_txt-left-top{
    padding: 40px 0 40px 7%;
    max-width: 480px;
}
.modal_img-right-bottom{
    padding:0 2%;
  }

.feature_txt.-left50{
    left:49%;
}

}