#side .category_link ul li a.slct, #side .category_link ul li a:hover,
.svg #side .category_link ul li a.slct, .svg #side .category_link ul li a:hover {
  background-color: #bdded7; }

#main .menkai {
  text-align: center;
  list-style-type: none;
  margin: 0 15px;
  padding: 10px;
  line-height: 0; }

#main .menkai dt {
  display: inline-block;
  margin-right: 1em; }

#main .menkai .red {
  color: red; }

#main .menkai dd {
  display: inline-block;
  border: 0 none;
  margin-right: 2em; }

#main table.checkup_list {
  font-size: 1.4rem; }

#main table.checkup_list thead th {
  text-align: center;
  padding: 5px;
  background: #C0D8EC; }

#main table.checkup_list thead td {
  text-align: center;
  padding: 5px;
  background: #C0D8EC; }

#main table.checkup_list tbody th {
  text-align: left;
  width: 10%;
  padding: 5px;
  background: #F2F7FB; }

#main table.checkup_list tbody td {
  padding: 5px;
  text-align: center; }

#main table.checkup_list tbody td.text {
  padding: 5px;
  text-align: left;
  width: 30%; }

.canvas {
  position: relative;
  width: calc(100% - 40px);
  height: 60vw;
  margin: 0 auto; }

.photobox {
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-between; }
  .photobox .img {
    width: 30%;
    margin-right: 1em; }
    .photobox .img img {
      width: 100%;
      border-radius: 1em; }
  .photobox .text {
    width: calc(70% - 1em); }

@media (min-width: 768px) {
  .canvas {
    position: relative;
    width: calc(100% - 40px);
    height: 400px;
    margin: 0 20px; }

  .photobox {
    display: flex;
    margin: 20px; }
    .photobox .img {
      width: 200px;
      margin-right: 1em; }
      .photobox .img img {
        width: 100%;
        border-radius: 1em; }
    .photobox .text {
      width: calc(100% - 200px - 1em); } }