@charset "UTF-8";


/*-----------------------------------------------------------------
		タイトル
-----------------------------------------------------------------*/
.newCource-sub-ttl {
  background: url(../images/course/new_sightseeing/i_ttl_00.png) no-repeat left 3px center;
  background-size: 28px auto;
  padding-left: 42px;
}

@media screen and (max-width: 767px){
.newCource-sub-ttl {
  background: url(../images/course/new_sightseeing/i_ttl_00.png) no-repeat left 3px center;
  background-size: auto 29px;
  padding-left: 38px;
}
}


/*-----------------------------------------------------------------
		モデルコース
-----------------------------------------------------------------*/
.course-wrap {
  padding-left: 100px;
}

.course-03 a {
  background: url(../images/course/new_sightseeing/i_02.png) no-repeat center top;
  background-size: 43px auto;
}

.course-02 a {
  background: url(../images/course/new_sightseeing/i_03.png) no-repeat center top;
  background-size: 43px auto;
}

@media screen and (max-width: 767px){
.course-wrap {
  padding-left: 0;
}

.course-02 a::after {
  background: url(../images/course/new_sightseeing/i_03.png) no-repeat center top;
  background-size: 34px auto;
}
.course-03 a::after {
  background: url(../images/course/new_sightseeing/i_02.png) no-repeat center top;
  background-size: 34px auto;
}

.course-03 a {
  writing-mode: horizontal-tb;
  line-height: 52px;
  border-radius: 52px;
  background: #D5EAD0 url(../images/course/new_style/i_down_03.png) no-repeat right 20px center;
  background-size: 16px auto;
}
.course-02 a {
  writing-mode: horizontal-tb;
  line-height: 52px;
  border-radius: 52px;
  background: #C1EDF8 url(../images/course/new_style/i_down_02.png) no-repeat right 20px center;
  background-size: 16px auto;
}

.course-wrap p.course-03::after {
  display: block;
}
}


/*-----------------------------------------------------------------
		スポット情報
-----------------------------------------------------------------*/
.spot-02 .spot-info-ttl,
.spot-03 .spot-info-ttl,
.spot-05 .spot-info-ttl {
  text-align: left;
  padding: 30px 0 0 100px;
}
.spot-04 .spot-info-ttl {
  margin-bottom: 20px;
  text-align: left;
  padding: 30px 0 0 100px;
}

.spot-03 .spot-info-ttl::before {
  width: 123px;
  height: 158px;
  background-image: url(../images/course/new_sightseeing/i_ttl_02.png);
  background-size: 123px auto;
  top: -10px;
  left: -30px;
}

.spot-05 .spot-info-ttl::before {
    width: 123px;
    height: 158px;
    background-image: url(../images/course/new_sightseeing/i_ttl_05.png);
    background-size: 123px auto;
    top: -10px;
    left: -30px;
}

.spot-02 .spot-info-ttl::before {
  width: 123px;
  height: 158px;
  background-image: url(../images/course/new_sightseeing/i_ttl_03.png);
  background-size: 123px auto;
  top: -10px;
  left: -30px;
  right: auto;
}

.spot-04 .spot-info-ttl::before {
  top: -10px;
  left: -30px;
  right: auto;
}

.spot-02 .spot-wrap-left {
  order: 2;
}
.spot-02 .spot-wrap-right {
  order: 1;
}

.spot-02 .spot-img-04 {
  right: -50px;
}




@media screen and (max-width: 767px){
.spot-01 .spot-info-ttl,
.spot-02 .spot-info-ttl,
.spot-03 .spot-info-ttl,
.spot-04 .spot-info-ttl,
.spot-05 .spot-info-ttl {
  margin-bottom: 20px;
  padding: 85px 20px 0;
  text-align: center;
}

.spot-03 .spot-info-ttl {
  background: url(../images/course/new_sightseeing/i_02.png) no-repeat center top;
  background-size: 54px auto;
}
.spot-05 .spot-info-ttl {
  background: url(../images/course/new_sightseeing/i_02.png) no-repeat center top;
  background-size: 54px auto;
}
.spot-02 .spot-info-ttl {
  background: url(../images/course/new_sightseeing/i_03.png) no-repeat center top;
  background-size: 54px auto;
}
  
.spot-02 .spot-img-04 {
  right: 0;
}

}