/* common */

.terms p, .terms h4{
    margin-left:1em;
}
.terms dt{
        font-size: 150%;
        font-weight: bold;
        font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #887E3C;
    margin-bottom: 10px;
    line-height: 1.4;
    text-indent: -0.7em;
    padding-left: 0.7em;
    }

.terms dd{
    margin-bottom: 30px;
    margin-left: 15px;
}

.terms p{
    margin-bottom: 1em;
}

.terms ol{
    margin-left: 1em;
}

.terms li{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0.5em;
}

/* mobile only*/
@media all and (max-width: 767px) {
  .terms table {
    width: 100%;
    border: none;
  }
  .terms  th,
  .terms  td {
    border:none;
    padding:5px;
    display: block;
    width: 90%;
  }
    .terms  th{
        text-align: center;
        background: #eee;
        }
    .terms  td{
      margin-bottom:1em;
      text-align: center;
    }
    .terms h4{
        margin-left:0;
        margin-top:8px;
        font-size:18px;
    }
}

/* PC only*/
@media all and (min-width: 768px) {
.cancel_price table{
    width: 90%;
    margin: 0 auto;
}
 .terms table th{
    background-color:#ededed;
}
.terms table, .terms th, .terms td {
    border: 1px solid #333;
} 
.terms th, .terms td{
        padding:6px;
}
    .terms dt{
        font-size: 180%;
        border-bottom: 1px solid #887E3C;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }

        .cancel_price table{
        width: 90%;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    
    .cancel_price th{
        width: 330px;
    }
    .cancel_price th:nth-of-type(2) {
    width: calc(100% - 330px);
}
}

@media all and (min-width: 1200px) {

}