#youkan{
  max-width: 700px;
  margin: 0 auto 50px;
  font-size: 16px;
}
#youkan .mb50 { margin-bottom: 50px; }
#youkan h2{
  margin-bottom: 20px;
}
#youkan img{
  max-width: 100%;
}
#youkan .btn_area ul{
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 40px auto 40px;
  justify-content: center;
}
#youkan .img_area ul{
  display: flex;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 10px auto 10px;
  justify-content: center;
}
#youkan .img_area p{
  margin-bottom: 5px;
}
#youkan h3{
  color: #D7132F;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}
#youkan .log{
  max-width: 600px;
  margin: 0 auto 30px;
  padding: 10px;
  background-color: #FCE9E7;
}
#youkan .log .c1{
  color: #586B3B;
  font-weight: bold;
}
#youkan .log .c2{
  color: #6C3B28;
  font-weight: bold;
}
#youkan .log .c3{
  color: #CB8960;
  font-weight: bold;
}
#youkan .img{
  margin-bottom: 20px;
  padding-left: 40px;
}
@media screen and (max-width: 640px) {
  #youkan .mb50 { margin-bottom: 20px; }
  #youkan{
    width: 94%;
    margin: 0 auto;
  }
  #youkan .btn_area ul{
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px auto 20px;
    justify-content: center;
  }
  #youkan .img{
    padding-left: 0px;
  }
}