@charset "UTF-8";
.contents h3 + table {
  margin-top: 17px !important;
}
.contents h3 + .tableDiv {
  margin-top: 17px !important;
}
.contents h3 + .tableDiv table {
  margin-top: 0 !important;
}
.contents h3 + .singleImg {
  margin-top: 17px !important;
}
.contents h3 + .mechanismList {
  margin-top: 16px;
}
.contents h2 + .mechanismList {
  margin-top: 16px;
}
.contents h2 + .tableDiv {
  margin-top: 17px;
}
.contents h2 + .tableDiv table {
  margin-top: 0;
}
.contents h2 + .dataList {
  margin-top: 17px;
}
.contents .cautionList + .h3Section {
  margin-top: 50px;
}
.contents .singleImg + .cautionList {
  margin-top: 6px;
}
.contents .tableDiv + .cautionList {
  margin-top: 6px;
}
.contents .tableDiv + .memberClassExplanation {
  margin-top: 13px;
}
.contents .tableDiv + p {
  margin-top: 13px;
}
.contents .tableDiv .requiredCost {
  margin-top: 0;
}
.contents .tableDiv + .tableDiv table {
  border-top: 0;
}
.contents .dataList {
  border: 1px #5b93ad solid;
}
.contents .dataList dl {
  border-top: 1px #cddee6 solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contents .dataList dl:first-child {
  border-top: 0;
}
.contents .dataList dl dt {
  font-size: 16px;
  background-color: #eef4f7;
  padding: 12px 10px 13px 10px;
  width: 118px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contents .dataList dl dt:before {
  display: none;
}
.contents .dataList dl dd {
  padding: 19px 19px 17px 19px;
  border-left: 1px #cddee6 solid;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
  line-height: 1.65;
}
.contents .dataList dl dd .tableDiv {
  margin-top: 24px;
}
.contents .dataList dl dd .tableDiv + .tableDiv {
  margin-top: 0;
  margin-bottom: 8px;
}
.contents .dataList dl dd .tableDiv + .tableDiv table {
  border-top: 0;
}
.contents .dataList dl dd .tableDiv .requiredCost tbody td {
  text-align: center;
}
.contents .dataList dl dd .tableDiv .requiredCost tbody tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents .dataList .requiredCost {
  width: 100%;
}
.contents .dataList .requiredCost th:first-child {
  width: 30%;
}
.contents table tr th {
  text-align: center;
  padding: 12px 10px 13px 10px;
  line-height: 1.6;
  vertical-align: middle;
}
.contents table tr td {
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.65;
  border-right: 1px #cddee6 solid;
  padding: 19px 19px 17px 19px;
  vertical-align: middle;
}
.contents table tr td:last-child {
  border-right: 0;
}
.contents table tr td small {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.28rem;
  margin-top: 0;
  line-height: 1.56;
}
.contents table tr td table {
  margin-top: 16px;
}
.contents table tr td table + table {
  margin-top: 0px;
  border-top: 0;
}
.contents table.requiredCostTable tr td {
  text-align: center;
}
.contents table.requiredCostTable tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.prizeMoneyTable tr th {
  width: 20%;
}
.contents table.prizeMoneyTable tr th:nth-of-type(2) {
  width: 80%;
}
.contents table.prizeMoneyTable tr td {
  text-align: center;
  vertical-align: middle;
}
.contents table.prizeMoneyTable tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.incentivesTable tr th {
  width: 14%;
}
.contents table.incentivesTable tr th:nth-of-type(1) {
  width: 30%;
}
.contents table.incentivesTable tr td {
  text-align: center;
  vertical-align: middle;
}
.contents table.incentivesTable tr td:nth-of-type(1) {
  text-align: left;
}
.contents table.incentivesTable tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.incentivesByDistance tr th {
  width: 6.6%;
}
.contents table.incentivesByDistance tr th.fitstTh {
  width: 20%;
}
.contents table.incentivesByDistance tr th.secondTh {
  width: 20%;
}
.contents table.incentivesByDistance tr td {
  text-align: center;
  vertical-align: middle;
}
.contents table.incentivesByDistance tr td.tdFirst {
  text-align: center;
}
.contents table.incentivesByDistance tr td.tdSecond {
  text-align: left;
  padding: 10px;
}
.contents table.incentivesByDistance tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable tr th:first-child {
  width: 30%;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable tr td {
  text-align: right;
  vertical-align: middle;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable tr td.tdFirst {
  text-align: center;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable tr td.tdSecond {
  text-align: left;
  padding: 10px;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable2 tr td {
  text-align: center;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable2 tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable3 tr th:first-child {
  width: 34%;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable3 tr td {
  text-align: center;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable3 tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable4 tr td {
  text-align: center;
}
.contents table.domesticHorseOwnershipEncouragementAwardTable4 tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.specialRunAllowance tr th {
  width: 60%;
}
.contents table.specialRunAllowance tr th:first-child {
  width: 40%;
}
.contents table.specialRunAllowance tr td {
  text-align: center;
}
.contents table.specialRunAllowance tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.specialRunIncentive tr th {
  width: 20%;
}
.contents table.specialRunIncentive tr th:first-child {
  width: 60%;
}
.contents table.specialRunIncentive tr td {
  text-align: left;
}
.contents table.specialRunIncentive tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}
.contents table.accidentCondolenceMoney tr th {
  width: 13%;
}
.contents table.accidentCondolenceMoney tr th:nth-of-type(1) {
  width: 5%;
}
.contents table.accidentCondolenceMoney tr th:nth-of-type(2) {
  width: 82%;
}
.contents table.accidentCondolenceMoney tr td {
  text-align: center;
}
.contents table.accidentCondolenceMoney tr td:nth-of-type(1) {
  text-align: center;
}
.contents table.accidentCondolenceMoney tr td:nth-of-type(2) {
  text-align: left;
}
.contents table.accidentCondolenceMoney tr:nth-of-type(2) td {
  border-top: 1px #5b93ad solid;
}

p + .tableDiv {
  margin-top: 13px;
}
p + .tableDiv table {
  margin-top: 0;
}
p + table {
  margin-top: 13px;
}

.borderBox p + .mechanismList {
  margin-top: 10px;
}

.mechanismList > li {
  text-indent: -1.2em;
  padding-left: 1.2em;
  line-height: 1.8;
  margin-top: 10px;
}
.mechanismList > li:first-child {
  margin-top: 0;
}
.mechanismList > li:before {
  content: "● ";
  color: #5993ae;
}
.mechanismList > li strong.red {
  color: #ae1818;
}
.mechanismList > li small {
  font-size: 1.28rem;
  margin-top: 0;
  line-height: 1.56;
}
.mechanismList > li .mechanismList > li:before {
  font-size: 0.5em;
}
.mechanismList + .cautionList {
  margin-top: 8px;
}

.tLeft {
  text-align: left !important;
}

.tCenter {
  text-align: center !important;
}

.tMiddle {
  vertical-align: middle;
}

@media screen and (max-width: 769px) {
  .tableDiv {
    overflow-x: scroll;
    position: relative;
  }
  .tableDiv.fadeOut:after {
    -webkit-animation: fadeoutKey linear 0.5s both;
            animation: fadeoutKey linear 0.5s both;
  }
  .tableDiv.fadeOut:before {
    -webkit-animation: fadeoutKey linear 0.5s both;
            animation: fadeoutKey linear 0.5s both;
  }
  .tableDiv.fadeOutEnd:after {
    display: none;
  }
  .tableDiv.fadeOutEnd:before {
    display: none;
  }
  .tableDiv:before {
    content: "";
    display: block;
    background: url(/assets_static/img/beginner/mechanism/ico_scroll.png) no-repeat left top;
    background-size: contain;
    width: 66px;
    height: 66px;
    position: absolute;
    top: calc(50% - 33px);
    left: calc(50% - 33px);
    z-index: 1;
    -webkit-animation: swing linear 1.5s infinite;
            animation: swing linear 1.5s infinite;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .tableDiv:after {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  @-webkit-keyframes swing {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    25% {
      -webkit-transform: translateX(5px);
              transform: translateX(5px);
    }
    50% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    75% {
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @keyframes swing {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    25% {
      -webkit-transform: translateX(5px);
              transform: translateX(5px);
    }
    50% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    75% {
      -webkit-transform: translateX(-5px);
              transform: translateX(-5px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  @-webkit-keyframes fadeoutKey {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0.75;
    }
    50% {
      opacity: 0.5;
    }
    75% {
      opacity: 0.25;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fadeoutKey {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0.75;
    }
    50% {
      opacity: 0.5;
    }
    75% {
      opacity: 0.25;
    }
    100% {
      opacity: 0;
    }
  }
  .contents h3 + table {
    margin-top: 6px !important;
  }
  .contents h3 + .singleImg {
    margin-top: 17px !important;
  }
  .contents h3 + .mechanismList {
    margin-top: 8px;
  }
  .contents h3 + .tableDiv {
    margin-top: 6px !important;
  }
  .contents h2 + .mechanismList {
    margin-top: 16px;
  }
  .contents h2 + .tableDiv {
    margin-top: 11px;
  }
  .contents .cautionList + .h3Section {
    margin-top: 50px;
  }
  .contents .singleImg + .cautionList {
    margin-top: 6px;
  }
  .contents .dataList dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents .dataList dl dt {
    width: 30%;
    padding: 12px 10px 13px 10px;
    font-size: 1.2rem;
  }
  .contents .dataList dl dd {
    font-size: 1.2rem;
    padding: 19px 10px 17px 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0;
    overflow: hidden;
  }
  .contents .dataList dl dd .tableBox {
    margin-top: 9px;
  }
  .contents .dataList dl dd .tableBox + .tableBox {
    margin-bottom: 3px;
  }
  .contents .dataList .requiredCost {
    width: 500px;
  }
  .contents .dataList .requiredCost th:first-child {
    width: 30%;
  }
  .contents table {
    width: 600px;
  }
  .contents table tr th {
    padding: 12px 10px 13px 10px;
    line-height: 1.6;
    width: auto;
  }
  .contents table tr td {
    font-size: 1.2rem;
    padding: 19px 10px 17px 10px;
    width: auto;
  }
  .contents table tr td small {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 1.28rem;
    margin-top: 0;
    line-height: 1.56;
  }
  .contents table tr td table {
    margin-top: 16px;
  }
  .contents table tr td table + table {
    margin-top: 0px;
    border-top: 0;
  }
  .contents table.companyTable {
    width: 100%;
  }
  .contents table.companyTable tr th {
    width: 30%;
  }
  .contents table.requiredCostTableMain {
    width: 100%;
  }
  .contents table.requiredCostTableMain > tbody > tr > th {
    width: 19%;
  }
  .contents table.requiredCostTableMain > tbody > tr > td {
    width: 81%;
  }
  .contents table.requiredCostTableMain > tbody > tr > td > table {
    width: 600px;
  }
  .contents table.requiredCostTable {
    width: 600px;
  }
  .contents table.requiredCostTable tbody > tr td {
    padding: 19px 13px 17px;
  }
  .contents table.requiredCostTable:nth-of-type(1) tbody tr td {
    width: 12%;
  }
  .contents table.requiredCostTable:nth-of-type(1) tbody tr td:nth-of-type(1) {
    width: 30%;
  }
  .contents table.requiredCostTable:nth-of-type(2) tbody tr td {
    width: 20%;
  }
  .contents table.requiredCostTable:nth-of-type(2) tbody tr td:nth-of-type(1) {
    width: 30%;
  }
  .contents table.deductionTable tr th {
    width: 22%;
  }
  .contents table.requiredCostTable tr td {
    text-align: center;
  }
  .contents table.prizeMoneyTable tr th {
    width: 30%;
  }
  .contents table.prizeMoneyTable tr th:nth-of-type(2) {
    width: 70%;
  }
  .contents table.prizeMoneyTable tr td {
    width: auto;
  }
  .contents table.prizeMoneyTable tr td:nth-of-type(1) {
    width: auto;
  }
  .contents table.incentivesTable tr th {
    width: 13%;
  }
  .contents table.incentivesTable tr th:nth-of-type(1) {
    width: 35%;
  }
  .contents table.incentivesTable tr td {
    text-align: center;
    vertical-align: middle;
    width: auto;
  }
  .contents table.incentivesTable tr td:nth-of-type(1) {
    text-align: left;
  }
  .contents table.incentivesTable tr:nth-of-type(2) td {
    border-top: 1px #5b93ad solid;
  }
  .contents table.incentivesByDistance {
    width: 900px;
  }
  .contents table.incentivesByDistance tbody > tr:nth-of-type(1) th {
    width: 7%;
  }
  .contents table.incentivesByDistance tbody > tr:nth-of-type(3) td {
    border-top: 1px #5b93ad solid;
  }
  .contents table.incentivesByDistance tr th {
    width: auto;
  }
  .contents table.incentivesByDistance tr th.fitstTh {
    width: 19% !important;
  }
  .contents table.incentivesByDistance tr th.secondTh {
    width: 18% !important;
  }
  .contents table.incentivesByDistance tr td {
    text-align: center;
    vertical-align: middle;
    width: auto;
  }
  .contents table.incentivesByDistance tr td.tdFirst {
    text-align: center;
  }
  .contents table.incentivesByDistance tr td.tdSecond {
    text-align: left;
    padding: 10px;
  }
  .contents table.incentivesByDistance tr:nth-of-type(2) td {
    border-top: 1px #5b93ad solid;
  }
  .contents table.domesticHorseOwnershipEncouragementAwardTable tr td {
    text-align: right;
    vertical-align: middle;
    width: auto;
  }
  .contents table.domesticHorseOwnershipEncouragementAwardTable tr td.tdFirst {
    text-align: center;
  }
  .contents table.domesticHorseOwnershipEncouragementAwardTable tr td.tdSecond {
    padding: 10px;
  }
  .contents table.specialRunIncentive tr th {
    width: 20%;
  }
  .contents table.specialRunIncentive tr th:first-child {
    width: 60%;
  }
  .contents table.specialRunIncentive tr th:nth-of-type(3) {
    width: 15%;
  }
  .contents table.accidentCondolenceMoney tr th {
    width: 15%;
  }
  .contents table.accidentCondolenceMoney tr th:nth-of-type(1) {
    width: 10%;
  }
  .contents table.accidentCondolenceMoney tr th:nth-of-type(2) {
    width: 75%;
  }
  .contents table.accidentCondolenceMoney tr td {
    text-align: center;
  }
  .contents table.accidentCondolenceMoney tr td:nth-of-type(1) {
    text-align: center;
  }
  .contents table.accidentCondolenceMoney tr td:nth-of-type(2) {
    text-align: left;
  }
  .contents table.accidentCondolenceMoney tr:nth-of-type(2) td {
    border-top: 1px #5b93ad solid;
  }
  .contents .h2Section .col2Table > div + div {
    margin-top: 55px;
  }
  .borderBox p + .mechanismList {
    margin-top: 10px;
  }
  .mechanismList > li {
    text-indent: -1.2em;
    padding-left: 1.2em;
    line-height: 1.6;
    margin-top: 3px !important;
  }
  .mechanismList + .cautionList {
    margin-top: 8px;
  }
}
/*# sourceMappingURL=style.css.map */