/* ======================================================
yakkan
====================================================== */
.yakkan {
  font-size: 2.5333333333vw;
  line-height: 1.9473684211;
  letter-spacing: 0.05em;
  padding: 18vw 0vw 11.5vw 0vw; }
  @media screen and (min-width: 1000px) {
    .yakkan {
      padding: 195px 0 115px;
      font-size: 19px; } }

.yakkan__inr {
  width: 90vw;
  max-width: 100%;
  margin: 0 auto;
  padding: 0; }
  @media screen and (min-width: 1000px) {
    .yakkan__inr {
      width: 1065px;
      margin: 0 auto;
      padding: 0 20px; } }

.yakkan__item {
  counter-reset: number 0;
  margin-bottom: 12vw; }
  @media screen and (min-width: 1000px) {
    .yakkan__item {
      margin-bottom: 120px; } }

.yakkan__ttl {
  color: #9E8562;
  margin-bottom: 3vw;
  font-size: 4vw;
  line-height: 1.2666666667;
  letter-spacing: 0.3em; }
  @media screen and (min-width: 1000px) {
    .yakkan__ttl {
      font-size: 30px;
      margin-bottom: 30px; } }

.yakkan__list li {
  margin-left: 3.5vw; }
  .yakkan__list li::before {
    margin-left: -3.5vw; }
  @media screen and (min-width: 1000px) {
    .yakkan__list li {
      margin-left: 30px; }
      .yakkan__list li::before {
        margin-left: -25px; } }
.yakkan__list > li::before {
  content: counter(number) ". ";
  counter-increment: number 1; }
.yakkan__list > li ul {
  counter-reset: number2 0; }
@media screen and (min-width: 1000px) {
  .yakkan__list > li li {
    margin-left: 50px; }
    .yakkan__list > li li::before {
      margin-left: -21px; } }
.yakkan__list > li li::before {
  content: counter(number2) ". ";
  counter-increment: number2 1; }

.yakkan__table {
  width: 100%;
  margin-top: 2.5vw; }
  @media screen and (min-width: 1000px) {
    .yakkan__table {
      margin-top: 25px; } }
  .yakkan__table table {
    border-collapse: collapse; }
  .yakkan__table tr > *:not(:first-child) {
    width: 15.5%; }
  .yakkan__table th {
    background-color: #EFEFEF;
    border: solid 1px black;
    text-align: center;
    padding: 0.8vw 0vw 0.8vw 0vw; }
    @media screen and (min-width: 1000px) {
      .yakkan__table th {
        padding: 8px 0; } }
  .yakkan__table td {
    border: solid 1px black;
    text-align: center; }

@media (max-width: 1000px) {
  #mainvisual .mv .catch {
    position: absolute;
    top: 20vw;
    left: 50%;
    margin-left: -33vw;
    width: 66vw; } }

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