/* Scss Document */
/*------------------------------------------*/
#info {
  position: relative;
  background: #fff; }
  #info > .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0; }
  #info .blocks {
    padding-bottom: 110px; }
  #info .block {
    margin-bottom: 2px; }
    #info .block .q {
      position: relative;
      display: flex;
      align-items: center;
      padding: 10px 20px;
      font-size: 1.4rem;
      color: #fff;
      font-weight: bold;
      background: #212121;
      cursor: pointer; }
      @media screen and (max-width: 767px) {
        #info .block .q {
          font-size: 1.2rem; } }
    #info .block.show .q {
      background: #818181; }
    #info .block .a {
      display: none; }
      #info .block .a > .inner {
        line-height: 120%;
        width: 100%; }
        @media screen and (max-width: 767px) {
          #info .block .a > .inner {
            padding: 0;
            line-height: 22px; } }
        #info .block .a > .inner table {
          border-left: solid 1px #ccc;
          border-right: solid 1px #ccc;
          width: 100%;
          margin: 20px 0 20px; }
          #info .block .a > .inner table th {
            background: #212121;
            color: #fff;
            padding: 5px 10px; }
            #info .block .a > .inner table th:last-child {
              border-left: solid 1px #fff;
              border-right: solid 1px #212121; }
          #info .block .a > .inner table td {
            border-right: solid 1px #ccc;
            border-bottom: solid 1px #ccc; }
            #info .block .a > .inner table td.date {
              text-align: center;
              padding: 5px; }
            #info .block .a > .inner table td.infocont {
              padding: 10px; }
              #info .block .a > .inner table td.infocont .label {
                display: inline-block;
                color: #fff;
                font-size: 0.75rem;
                padding: 2px 5px;
                margin-bottom: 7px; }
              #info .block .a > .inner table td.infocont p {
                margin: 0; }
    #info .block .q:after {
      content: '';
      width: 12px;
      height: 12px;
      border: 0px;
      border-top: solid 5px #fff;
      border-right: solid 5px #fff;
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      position: absolute;
      top: 50%;
      right: 40px;
      margin-top: -14px;
      transition: .3s; }
    #info .block.show .q:after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-top: -4px; }

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/