@charset "UTF-8";
/*===================================
フリーページ よくある質問 テーブル部分
=====================================*/
.ans-cont{
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
}
.ans-cont-inner{
  width: 95%;
  max-width: 840px;
}
#page-faq dd .ans-cont .ans-cont-inner p:before,
#page-faq dd .ans-cont .ans-cont-inner #tbl-contact p:before{
  content:none;
}

#page-faq dd .ans-cont .ans-cont-inner #tbl-contact p,
#page-faq dd .ans-cont .ans-cont-inner p{
  padding:0;
  background: none;
}

.ans-cont-inner #tbl-contact{
  margin: 20px 0 0;
  width: 97%;
}
.ans-cont-inner p{
  padding:0;
}
.ans-cont-inner #tbl-contact tr th,
.ans-cont-inner #tbl-contact tr td{
  padding:10px;
  border:1px solid #c8c8c8;
}
.ans-cont-inner #tbl-contact tr th{
  background: #795f4e;
  text-align: center;
}
.ans-cont-inner #tbl-contact tr th p{
  color:#fff;
  padding:10px;
}
.ans-cont-inner #tbl-contact tr td{
  border:1px solid #c8c8c8;
}
.ans-cont-inner #tbl-contact tr td.no-data{
  background: #e8e1db;
}
.ans-cont-inner #tbl-contact tr td:first-child{
  font-weight:bold;
  background: #f8edda;
}
.ans-cont-inner #tbl-contact tr td p small{
  display:block;
}
.ans-cont .ans-cont-inner #tbl-contact tr td p a{
  font-weight:bold;
  text-decoration:underline;
}

@media screen and (max-width:1200px){
  .ans-cont{
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
  }
  .ans-cont-inner{
    width: 90%;
    max-width: 840px;
  }
  #page-faq dd .ans-cont .ans-cont-inner p:before,
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p:before{
    content:none;
  }
  
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p,
  #page-faq dd .ans-cont .ans-cont-inner p{
    padding:0;
    background: none;
  }
  
  .ans-cont-inner #tbl-contact{
    margin: 20px 0 0;
    width: 97%;
  }
  .ans-cont-inner p{
    padding:0;
  }
  .ans-cont-inner #tbl-contact tr th,
  .ans-cont-inner #tbl-contact tr td{
    padding:10px;
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr th{
    background: #795f4e;
  }
  .ans-cont-inner #tbl-contact tr th p{
    color:#fff;
    padding:10px;
  }
  .ans-cont-inner #tbl-contact tr td{
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr td:first-child{
    font-weight:bold;
    background: #f8edda;
  }
  .ans-cont-inner #tbl-contact tr td p small{
    display:block;
  }
  .ans-cont .ans-cont-inner #tbl-contact tr td p a{
    font-weight:bold;
    text-decoration:underline;
  }
}

@media screen and (max-width:1200px){
  .ans-cont{
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
  }
  .ans-cont-inner{
    width: 90%;
    max-width: 840px;
  }
  #page-faq dd .ans-cont .ans-cont-inner p:before,
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p:before{
    content:none;
  }
  
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p,
  #page-faq dd .ans-cont .ans-cont-inner p{
    padding:0;
    background: none;
  }
  
  .ans-cont-inner #tbl-contact{
    margin: 20px 0 0;
    width: 97%;
  }
  .ans-cont-inner p{
    padding:0;
  }
  .ans-cont-inner #tbl-contact tr th,
  .ans-cont-inner #tbl-contact tr td{
    padding:10px;
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr th{
    background: #795f4e;
  }
  .ans-cont-inner #tbl-contact tr th p{
    color:#fff;
    padding:10px;
  }
  .ans-cont-inner #tbl-contact tr td{
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr td:first-child{
    font-weight:bold;
    background: #f8edda;
  }
  .ans-cont-inner #tbl-contact tr td p small{
    display:block;
  }
  .ans-cont .ans-cont-inner #tbl-contact tr td p a{
    font-weight:bold;
    text-decoration:underline;
  }
}


@media screen and (max-width:768px){
  .ans-cont{
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
  }
  .ans-cont-inner{
    width: 90%;
    max-width: 840px;
  }
  #page-faq dd .ans-cont .ans-cont-inner p:before,
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p:before{
    content:none;
  }
  
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p,
  #page-faq dd .ans-cont .ans-cont-inner p{
    padding:0;
    background: none;
  }
  
  .ans-cont-inner #tbl-contact{
    margin: 20px 0 0;
    width: 97%;
  }
  .ans-cont-inner p{
    padding:0;
  }
  .ans-cont-inner #tbl-contact tr th,
  .ans-cont-inner #tbl-contact tr td{
    padding:10px;
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr th{
    background: #795f4e;
  }
  .ans-cont-inner #tbl-contact tr th p{
    color:#fff;
    padding:10px;
  }
  .ans-cont-inner #tbl-contact tr td{
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr td:first-child{
    font-weight:bold;
    background: #f8edda;
  }
  .ans-cont-inner #tbl-contact tr td p small{
    display:block;
  }
  .ans-cont .ans-cont-inner #tbl-contact tr td p a{
    font-weight:bold;
    text-decoration:underline;
  }
}



@media screen and (max-width:600px){
  .ans-cont{
    display: flex;
    justify-content: right;
    flex-wrap: wrap;
  }
  .ans-cont-inner{
    width: 87%;
    max-width: 840px;
  }
  #page-faq dd .ans-cont .ans-cont-inner p:before,
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p:before{
    content:none;
  }
  
  #page-faq dd .ans-cont .ans-cont-inner #tbl-contact p,
  #page-faq dd .ans-cont .ans-cont-inner p{
    padding:0;
    background: none;
    font-size: 12px;
    line-height: 1.6;
  }
  
  .ans-cont-inner #tbl-contact{
    margin: 20px 0 5px;
    width: 97%;
  }
  .ans-cont-inner p{
    padding:0;
  }
  .ans-cont-inner #tbl-contact tr th,
  .ans-cont-inner #tbl-contact tr td{
    padding: 5px;
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr th{
    background: #795f4e;
  }
  .ans-cont-inner #tbl-contact tr th:first-child{
    width: 30%;
  }
  .ans-cont-inner #tbl-contact tr th p{
    color:#fff;
    padding:10px;
  }
  .ans-cont-inner #tbl-contact tr td{
    border:1px solid #c8c8c8;
  }
  .ans-cont-inner #tbl-contact tr td:first-child{
    font-weight:bold;
    background: #f8edda;
  }
  .ans-cont-inner #tbl-contact tr td p small{
    display:block;
    font-size: 10px;
  }
  .ans-cont .ans-cont-inner #tbl-contact tr td p a{
    font-weight:bold;
    text-decoration:underline;
  }
}