@charset "UTF-8";
.coursewrap{
  width: 80%;
  margin:30px auto;
}

.course_issue{
  margin: 100px auto;
}

.course_issue h3{
  text-align:center;
  margin: 50px 0;
  line-height: 2em;
  letter-spacing: 2px;
}

.course_issue p{
  font-size: 10pt; 
  line-height: 2em;
  letter-spacing: 2px;
}

.spot_l{
  display: flex;
  margin: 0 auto 100px;
}

.spot_r{
  display: flex;
  flex-direction: row-reverse;
  margin: 0 auto 100px;
}

.spot_img{
  width:50%;
  margin: 0 25px;
}

.spot_txt{
  width:50%;
  margin: 0 25px;
}

.spot_txt h4{
  font-size: 16pt;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px;
  line-height: 2em;
  letter-spacing: 2px;
}

.spot_txt p{
  padding: 10px;
  line-height: 2em;
  letter-spacing: 2px;
}

.spot_txt a{
  margin: auto;
}

.course_map h3{
  text-align:center;
  margin: 50px 0;
  line-height: 2em;
  letter-spacing: 2px;
  }

.course_mapwrap{
  width: 80%;
  margin: 0 auto 100px;
}

/*　スマホ表示 */
@media screen and (max-width: 959px) {
  .spot_l{
    display: flex;
    flex-wrap:wrap;
    margin: 0 auto 100px;
  }
  
  .spot_r{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 100px;
  }

  .spot_img{
      width:100%;
      margin: 0;
    }
    
  .spot_txt{
    width:100%;
    margin: 0;
  }

  .spot_txt h4{
    font-size: 14pt;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    line-height: 2em;
    letter-spacing: 2px;
    }
  }