/* CSS Document */
/* CSS Document */
.stiff-box {
  margin: 30px 0; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .stiff-box {
      margin: 20px 0; } }
  @media screen and (max-width: 350px) {
    .stiff-box {
      margin: 20px 0; } }
  .stiff-box > div {
    display: flex;
    justify-content: space-between; }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .stiff-box > div {
        display: inherit; } }
    @media screen and (max-width: 350px) {
      .stiff-box > div {
        display: inherit; } }
  .stiff-box .stiff-img {
    max-width: 200px;
    width: 100%; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .stiff-box .stiff-img {
        max-width: 180px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .stiff-box .stiff-img {
        margin: 10px auto 0; } }
    @media screen and (max-width: 350px) {
      .stiff-box .stiff-img {
        margin: 10px auto 0; } }
  .stiff-box .stiff-txt {
    width: calc(100% - 230px); }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .stiff-box .stiff-txt {
        width: calc(100% - 200px); } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .stiff-box .stiff-txt {
        margin: 20px 0;
        width: 100%; } }
    @media screen and (max-width: 350px) {
      .stiff-box .stiff-txt {
        margin: 20px 0;
        width: 100%; } }

.gout-box .gout-subtitle {
  margin: 50px 0 20px; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .gout-box .gout-subtitle {
      margin: 30px 0 20px; } }
  @media screen and (max-width: 350px) {
    .gout-box .gout-subtitle {
      margin: 30px 0 10px; } }
  .gout-box .gout-subtitle:first-of-type {
    margin: 30px 0 20px; }
    @media screen and (max-width: 350px) {
      .gout-box .gout-subtitle:first-of-type {
        margin: 30px 0 10px; } }

.stiff-photo01 {
  max-width: 300px;
  width: 100%;
  margin: 30px auto; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    .stiff-photo01 {
      max-width: 300px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .stiff-photo01 {
      max-width: 300px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .stiff-photo01 {
      max-width: 300px; } }
  @media screen and (max-width: 350px) {
    .stiff-photo01 {
      max-width: 300px; } }

.gout-box strong,
.gout-box_first strong {
  font-weight: bold; }

.stiff-glaf {
  width: 100%;
  margin: 30px auto;
  text-align: center; }
  .stiff-glaf p {
    display: inline-block;
    text-align: left;
    margin: 15px 0 30px; }
  .stiff-glaf img {
    border: 1px solid #cccccc;
    margin: auto; }

.pain-list {
  margin: 20px 0 0; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .pain-list {
      margin: 15px 0 0; } }
  @media screen and (max-width: 350px) {
    .pain-list {
      margin: 10px 0 0; } }

ul.pain-list {
  margin: 20px 0 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    ul.pain-list {
      display: inherit;
      margin: 15px 0 0; } }
  @media screen and (max-width: 350px) {
    ul.pain-list {
      display: inherit;
      margin: 10px 0 0; } }
  ul.pain-list li {
    width: calc(50% - 10px);
    margin: 0 20px 10px 0; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      ul.pain-list li {
        width: calc(50% - 5px);
        margin: 0 10px 10px 0; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      ul.pain-list li {
        width: calc(50% - 10px); } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      ul.pain-list li {
        width: 280px;
        margin: 0 auto 10px; } }
    @media screen and (max-width: 350px) {
      ul.pain-list li {
        width: 100%;
        margin: 0 0 10px; } }
    ul.pain-list li:nth-child(2n) {
      margin: 0 0 10px; }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        ul.pain-list li:nth-child(2n) {
          margin: 0 auto 10px; } }
      @media screen and (max-width: 350px) {
        ul.pain-list li:nth-child(2n) {
          margin: 0 0 10px; } }
    ul.pain-list li.cell_long {
      width: 100%;
      margin: 0 0 10px 0; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        ul.pain-list li.cell_long {
          width: 100%; } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        ul.pain-list li.cell_long {
          width: 280px;
          margin: 0 auto 10px; } }
      @media screen and (max-width: 350px) {
        ul.pain-list li.cell_long {
          width: 100%; } }
    ul.pain-list li a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 10px 0;
      border-radius: 30px;
      background: #00afee;
      text-align: center;
      color: #ffffff; }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        ul.pain-list li a {
          padding: 5px 0; } }
      @media screen and (max-width: 350px) {
        ul.pain-list li a {
          padding: 5px 0; } }
      ul.pain-list li a span {
        display: inline-block;
        text-align: left;
        margin-left: 15px;
        max-width: calc(100% - 35px);
        line-height: 1.5; }
        @media screen and (min-width: 350.1px) and (max-width: 600px) {
          ul.pain-list li a span {
            margin-left: 10px; } }
        @media screen and (max-width: 350px) {
          ul.pain-list li a span {
            margin-left: 10px; } }
      ul.pain-list li a:before {
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #ffffff;
        transform: rotate(45deg);
        position: relative;
        top: -2px; }
        @media screen and (min-width: 350.1px) and (max-width: 600px) {
          ul.pain-list li a:before {
            top: 0; } }
        @media screen and (max-width: 350px) {
          ul.pain-list li a:before {
            top: 0; } }
      ul.pain-list li a[href*="no-page"] {
        pointer-events: none;
        background: #cccccc; }

table.cause_box {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 1.5;
  width: 100%;
  margin: auto; }
  table.cause_box th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px 20px;
    text-align: center;
    background-color: #eaecff; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      table.cause_box th {
        padding: 10px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      table.cause_box th {
        padding: 5px 10px; } }
    @media screen and (max-width: 350px) {
      table.cause_box th {
        padding: 5px; } }
  table.cause_box td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px 20px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      table.cause_box td {
        padding: 10px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      table.cause_box td {
        padding: 5px 10px; } }
    @media screen and (max-width: 350px) {
      table.cause_box td {
        padding: 5px; } }
    table.cause_box td.first-block {
      background-color: #e6f9fc;
      white-space: nowrap; }
    table.cause_box td ul {
      list-style: disc;
      margin-left: 1.0em; }

@media screen and (min-width: 350.1px) and (max-width: 600px) {
  .treat-box {
    margin: 20px 0; } }
@media screen and (max-width: 350px) {
  .treat-box {
    margin: 20px 0; } }
.treat-box > div {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .treat-box > div {
      display: inherit; } }
  @media screen and (max-width: 350px) {
    .treat-box > div {
      display: inherit; } }
.treat-box .treat-img {
  max-width: 140px;
  width: 100%; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .treat-box .treat-img {
      max-width: 100px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .treat-box .treat-img {
      max-width: 100px;
      margin: 10px auto 0; } }
  @media screen and (max-width: 350px) {
    .treat-box .treat-img {
      max-width: 100px;
      margin: 10px auto 0; } }
.treat-box .treat-txt {
  width: calc(100% - 170px); }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .treat-box .treat-txt {
      width: calc(100% - 120px); } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .treat-box .treat-txt {
      margin: 20px 0;
      width: 100%; } }
  @media screen and (max-width: 350px) {
    .treat-box .treat-txt {
      margin: 20px 0;
      width: 100%; } }

p.astarisk {
  text-indent: -1.0em;
  margin-left: 1.0em; }