hr {
  clear: both;
  border: 0px;
  padding: 2em 0;
}
.row-r{
  flex-direction: row-reverse;
}
#is-content{
  padding: 0;
}

#main .course-wrap{
  padding: 0 1em;
}
.course-img img{
  border: 1px solid #eee;
  padding: 1em;
}
@media only screen and (min-width: 768px){
  #main .course-wrap{
    width: 980px;
    max-width: 100%;
  }
  .course-img{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -20px 0px;
  }
  .course-img .items{
    width: calc(50% - 40px);
    margin: 10px 20px 10px;
  }
}
.ss-tourism-first{
  padding: 1em 0;
  position: relative;
}
.ss-tourism-first h2{
  font-size: max(2.1vw, 1.2em);
  line-height: 1.4;
  padding-top: .4em;
}
.ss-tourism-first span{
  color: #64accd;
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: .08em;
}
.ss-tourism-first p{
  padding: 2em 0 0;
}