@charset "utf-8";

#symptom_title {
  background-image: url(bg_title.jpg);
}

#column_main #symptom_title h2 {
  background-image: url(title01.png);
  padding-bottom: 14.5%;
}

@media screen and (max-width: 768px) {
  #symptom_title {
    background-position: right 20% center;
  }

  #column_main #symptom_title h2 {
    padding-bottom: 17%;
  }
}

.img_wide {
  width: 580px;
}

.img_normal {
  width: 240px;
}

.img_wide,
.img_normal {
  float: right;
  margin: 0 0 0 1.5em;
  text-align: center;
}

.img_wide img,
.img_normal img {
  margin: 0 auto 2px auto;
}

#clm_cont section .img_wide p,
#clm_cont section .img_normal p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .img_wide {
    width: auto;
    float: none;
    margin: 0 0 1.2em 0;
  }
}

@media screen and (max-width: 480px) {
  .img_normal {
    width: auto;
    float: none;
    margin: 0 0 1.2em 0;
  }

  #clm_cont section .img_wide p,
  #clm_cont section .img_normal p {
    font-size: 1.1rem;
  }
  #clm_cont .img_right {
    display: block;
    margin: 0 auto 1.5em auto;
  }
}

#clm_cont section .aside_prod .img_right {
  border: 0;
  max-width: 647px;
  width: 72%;
  margin: 0;
}

.exlogo {
  width: 161px;
  float: left;
}

#clm_cont section .aside_prod .clm_btn01 {
  width: 26%;
  float: left;
  padding: 16px 0 0 0;
}

#clm_cont section .aside_prod .clm_btn01 a {
  display: block;
  margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
  #clm_cont section .aside_prod .img_right {
    max-width: 100%;
    width: auto;
    float: none;
    display: block;
    margin: 0 auto 10px auto;
  }

  .exlogo {
    width: auto;
    float: none;
    margin: 0 auto 4px auto;
    text-align: center;
  }

  .exlogo img {
    margin: auto;
  }

  #clm_cont section .aside_prod .clm_btn01 {
    width: auto;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    float: none;
  }

  #clm_cont section .aside_prod .clm_btn01 a {
    box-sizing: border-box;
    margin: 0 4px;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  #clm_cont section .aside_prod .clm_btn01 {
    display: block;
  }

  .clm_btn01 li {
    width: auto;
    padding: 0;
    float: none;
  }

  #clm_cont section .aside_prod .clm_btn01 a {
    width: auto;
    margin: 0 0 8px 0;
    display: block;
  }
}