#course_map_content h2 span {
  font-size: .14rem
}

#course_map_content .wrapper {
  width: 960px
}

#course_map_content .wrapper .map_block {
  float: left;
  width: 450px
}

#course_map_content .wrapper .map_block p span {
  font-size: .11rem
}

#course_map_content .wrapper .map_block .pdflink {
  text-align: center
}

#course_map_content .wrapper .video_block {
  float: right;
  width: 450px
}

#course_map_content .course_mb_large {
  margin-bottom: 60px !important
}

#course_map_content .table05_cyan-sp {
  display: none
}

#course_map_content .table05_cyan-pc {
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%
}

#course_map_content .table05_cyan-pc td,
#course_map_content .table05_cyan-pc th {
  padding: 20px 10px
}

#course_map_content .table05_cyan-pc thead th {
  padding: 20px 0;
  width: 15%;
  color: #fff;
  text-align: center;
  background-color: #01b4bb
}

#course_map_content .table05_cyan-pc tbody th {
  background-color: #e9e9e9;
  font-weight: 700;
  width: 19%
}

#course_map_content .table05_cyan-pc tbody td {
  background-color: #f2f2f2;
  text-align: center
}

#course_map_content .table05_cyan-pc tbody td:first-of-type {
  text-align: left;
  width: 19%
}

#course_map_content .coursemap_example {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  border: 5px solid #f4f4f4
}

#course_map_content .coursemap_example ul {
  display: flex;
  margin-top: 5px;
}

#course_map_content .coursemap_example li {
  display: flex;
  align-items: center;
  margin-left: 40px
}

#course_map_content .coursemap_example li span {
  display: block;
  margin-right: 5px
}

#course_map_content .coursemap_example li span img {
  display: block;
}

#course_map_content .coursemap_example li:first-child {
  margin-left: 10px;
}

#course_map_content .google_map iframe {
  width: 960px;
  height: 620px
}

@media screen and (max-width:768px) {
  #course_map_content h2 span {
    font-size: .13rem
  }

  #course_map_content .course_video iframe {
    width: 100%;
    height: auto
  }

  #course_map_content .wrapper {
    width: 100%
  }

  #course_map_content .wrapper .map_block {
    float: none;
    width: auto
  }

  #course_map_content .wrapper .map_block p span {
    font-size: .1rem
  }

  #course_map_content .wrapper .map_block .pdflink {
    text-align: center
  }

  #course_map_content .wrapper .video_block {
    float: none;
    width: auto
  }

  #course_map_content .course_mb_large {
    margin-bottom: 0 !important
  }

  #course_map_content .table05_cyan-pc {
    display: none
  }

  #course_map_content .table05_cyan-sp {
    display: block
  }

  #course_map_content .sp_table {
    margin-top: 0;
    margin-bottom: 20px;
    background: #f2f2f2
  }

  #course_map_content .sp_table h5 {
    background: #01b4bb;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 15px
  }

  #course_map_content .sp_table h6 {
    background: #73c7ee;
    color: #fff;
    text-align: left;
    font-weight: 700;
    padding: 15px
  }

  #course_map_content .sp_table dl {
    border-bottom: 1px solid #fff;
    font-size: 11px
  }

  #course_map_content .sp_table dt {
    font-weight: 700;
    padding: 15px 15px 0
  }

  #course_map_content .sp_table dd {
    padding: 5px 15px 15px
  }

  #course_map_content .sp_table>p {
    padding: 15px;
    font-size: 11px
  }

  #course_map_content .sp_table .sub {
    background: #e9e9e9
  }

  #course_map_content .sp_table a {
    text-decoration: underline;
    font-size: 11px
  }

  #course_map_content .coursemap_example ul {
    display: block;
    margin-top: 0;
  }

  #course_map_content .coursemap_example li {
    margin-left: 5px;
    margin-top: 5px;
  }

  #course_map_content .coursemap_example li span {
    margin-right: 8px
  }

  #course_map_content .coursemap_example li:first-child {
    margin-left: 5px;
  }

  #course_map_content .google_map iframe {
    width: 100%;
    height: 500px
  }
}