@charset "UTF-8";
.f_right {
  float: right !important; }

.f_left {
  float: left !important; }

.note {
  line-height: 1.4; }

.mb0 {
  margin-bottom: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

#contents table {
  margin: 0.5em 0;
  padding: 0;
  border: 1px solid #dedede;
  border-collapse: collapse; }
  #contents table caption {
    text-align: left;
    padding-bottom: 0.3em; }
  #contents table th {
    font-size: 13px;
    vertical-align: middle;
    background: #ededed;
    border: 1px solid #bfbfbf;
    padding: 0.3em;
    color: #000; }
  #contents table td {
    vertical-align: middle;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    padding: 0.3em;
    text-align: center; }
#contents .qa-list ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 20px 0 10px; }
  @media only screen and (max-width: 420px) {
    #contents .qa-list ul {
      display: block; } }
  #contents .qa-list ul li {
    box-sizing: border-box;
    width: calc((100% - (10px * 2))  / 3);
    list-style: none; }
    @media only screen and (max-width: 420px) {
      #contents .qa-list ul li {
        width: 100%; } }
    #contents .qa-list ul li a {
      color: #fff;
      display: block;
      height: 30px;
      margin-bottom: 10px;
      line-height: 30px;
      border-radius: 5px;
      padding-left: 1em;
      background: #6b2559 url(../images/common/ico_arw01.png) no-repeat 95% center;
      background-size: 7px 11px; }
#contents .q-other {
  font-size: 12px; }
  @media only screen and (max-width: 420px) {
    #contents .q-other {
      font-size: inherit; } }
  #contents .q-other a {
    color: #6b2559;
    background: url("../images/common/mail_icon.svg") no-repeat left center;
    background-size: auto 85%;
    padding-left: 26px;
    font-size: 14px;
    margin: 0 0.5em; }
#contents .qa-cate {
  margin-top: 30px;
  border: 1px solid #dedede; }
  #contents .qa-cate.cate-last {
    margin-bottom: 60px; }
  #contents .qa-cate > h3 {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    background-color: #f3eef4;
    background-repeat: no-repeat;
    padding: 8px 10px;
    border-top: #662355 2px solid; }
  #contents .qa-cate .qa {
    padding: 10px; }
    #contents .qa-cate .qa p.qa-q {
      margin-bottom: 0;
      cursor: pointer; }
      #contents .qa-cate .qa p.qa-q span {
        color: #6b2559; }
      #contents .qa-cate .qa p.qa-q:after {
        display: inline-block;
        content: "　▼";
        color: #ccc; }
        @media only screen and (max-width: 420px) {
          #contents .qa-cate .qa p.qa-q:after {
            content: "▼";
            margin-left: 0.5em; } }
      #contents .qa-cate .qa p.qa-q:hover {
        color: #6b2559; }
      #contents .qa-cate .qa p.qa-q.active {
        color: #6b2559; }
    #contents .qa-cate .qa div.qa-a {
      margin: 1em 0 0;
      display: none; }
      @media only screen and (max-width: 420px) {
        #contents .qa-cate .qa div.qa-a {
          margin: 1.5em 0 0; } }
      #contents .qa-cate .qa div.qa-a span {
        color: #999; }
    #contents .qa-cate .qa > p, #contents .qa-cate .qa > div {
      padding-left: 40px;
      position: relative; }
      #contents .qa-cate .qa > p span, #contents .qa-cate .qa > div span {
        font-size: 16px;
        font-size: 1.6rem;
        position: absolute;
        left: 0;
        top: 0em; }
      @media only screen and (max-width: 420px) {
        #contents .qa-cate .qa > p, #contents .qa-cate .qa > div {
          padding-left: 30px;
          line-height: 1.5; }
          #contents .qa-cate .qa > p span, #contents .qa-cate .qa > div span {
            font-size: 14px;
            font-size: 1.4rem;
            top: -0.5em; } }
  #contents .qa-cate ul {
    margin-top: 1em; }
    #contents .qa-cate ul li {
      margin-left: 0.5em;
      text-indent: -0.5em;
      margin-bottom: 0.5em; }
  #contents .qa-cate strong.mid {
    margin-top: 1em; }
  #contents .qa-cate dl {
    margin: 0.5em 0 0.5em 1em;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start; }
    #contents .qa-cate dl dd {
      flex: 1; }
  #contents .qa-cate hr {
    display: block;
    border: none;
    border-bottom: 1px solid #dedede; }

/*# sourceMappingURL=qa.css.map */