@charset "UTF-8";
/* =======================================
 tokushoho
======================================= */
.tokushoho {
  background: rgb(180,9,38);
}
@media only screen and (min-width: 768px) {
  .tokushoho {
    padding-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .tokushoho {
    padding-top: 8.533vw;
  }
}

@media only screen and (min-width: 768px) {
  .tokushoho-container {
    margin: 0 auto 5em;
    width: 74%;
    max-width: 1000px;
  }
}
@media only screen and (max-width: 767px) {
  .tokushoho-container {
    margin: 0 auto 9.333vw;
    width: 96.533vw;
  }
}

@media only screen and (min-width: 768px) {
  .tokushoho-hl {
    margin-bottom: 2.2em;
  }
}
@media only screen and (max-width: 767px) {
  .tokushoho-hl {
    margin-bottom: 4.8vw;
  }
}

.tokushoho-inner {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .tokushoho-inner {
    box-shadow: 0.4em 0.4em 0.4em rgba(0,0,0,0.2);
    padding: 2.75em 0 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tokushoho-inner {
    box-shadow: 1.067vw 1.067vw 1.067vw rgba(0,0,0,0.2);
    padding: 4vw 0 9.067vw;
  }
}

@media only screen and (min-width: 768px) {
  .tokushoho-table {
    margin: 0 auto 1em ;
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .tokushoho-table {
    margin: auto;
    width: 90.677vw;
  }
}

.tokushoho-btn {
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .tokushoho-btn {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .tokushoho-btn {
    width: 80.533vw;
  }
}