#course {
  position: relative;
  padding-top: 35vw;
  padding-bottom: 0;
}
#course .wrap::before {
  content: "";
  background: url("../img/index/course_deco.png") no-repeat center;
  background-size: 100% auto;
  width: 100vw;
  height: 743px;
  position: absolute;
  top: 0;
  right: 0;
}
#course .photo-2, #course .photo-1 {
  width: 45vw;
  height: 60vw;
}
#course .photo-1 {}
#course .photo-2 {
  position: absolute;
  top: -9vw;
  right: 4vw;
}
#course h2 {
  margin-bottom: 10vw;
  margin-top: 10vw;
}
#course .box {}
#course .box .text {
  margin-bottom: 10vw;
}


 @media screen and (min-width: 768px) {
	 #course {
		 padding-top: 258px;
		 padding-bottom: 123px;
	}
	 #course .wrap::before {
		 width: 915px;
		 height: 743px;
		 top: 151px;
		 right: calc(50% - 164px);
	}
	 #course .photo-2, #course .photo-1 {
		 width: 535px;
		 height: 627px;
		 position: absolute;
	}
	 #course .photo-1 {
		 top: -15px;
		 right: calc(50% + 200px);
	}
	 #course .photo-2 {
		 top: -143px;
		 left: calc(50% + 200px);
	}
	 #course h2 {
		 width: 239px;
		 margin: 0 auto 145px;
	}
	 #course .box {
		 width: 436px;
		 padding-left: 363px;
	}
	 #course .box .text {
		 margin-bottom: 59px;
	}
	 #course .box .btn-link .btn-style-1 {
		 width: 283px;
		 margin-left: -4px;
		}
	 #course .box .btn-link .btn-style-1::after {
		 
right: -37px;
		 
width: 80px;
		}
}


#sightseeing {
  background: url(../img/shared/pattern1.jpg);
  padding-top: 0;
  padding-bottom: 20vw;
  color: #000;
}
#sightseeing h2 {
  position: relative;
  margin: 0 -5vw 10vw;
  width: 98vw;
}
#sightseeing .photo-1 {
  width: 100vw;
  height: 60vw;
  margin: 0 0vw 10vw -10vw;
}
#sightseeing .photo-2 {
  position: relative;
  width: 63vw;
  height: 40vw;
  margin-left: auto;
  margin-bottom: 8vw;
  margin-right: -8vw;
  display: none;
}
#sightseeing .box {
  position: relative;
  margin-bottom: 17vw;
}
#sightseeing .box .text {
  margin-bottom: 8vw;
}
#sightseeing .box .btn-link .btn-style-1 {
  width: 59vw;
  margin: 0 auto;
}
#sightseeing h3 {
  text-align: center;
  font-size: 7vw;
  line-height: 1;
  margin-bottom: 7vw;
}
#sightseeing .floor {
  margin: 0 -5vw;
}

 @media screen and (min-width: 768px) {
	 #sightseeing {
		 padding-top: 245px;
		 padding-bottom: 120px;
	}
	 #sightseeing h2 {
		 position: absolute;
        top: -133px;
        right: calc(50% + 150px);
		 width: 855px;
		 margin: 0;
	}
	 #sightseeing h2 img {
		 width: 100%;
		 height: 85px;
	 }
	 #sightseeing .photo-1 {
		 width: 898px;
		 margin-left: -250px;
		 height: 566px;
		 margin-bottom: 95px;
		 margin-right: 0;
	}
	 #sightseeing .photo-2 {
		 position: absolute;
		 top: -191px;
		 right: -39px;
		 width: 426px;
		 height: 296px;
		 display: block;
		 margin: 0;
	}
	 #sightseeing .box {
		 width: 290px;
		 position: absolute;
		 top: 164px;
		 right: 0;
		 margin-bottom: 0;
	}
	 #sightseeing .box .text {
		 margin-bottom: 49px;
	}
	 #sightseeing .box .btn-link .btn-style-1 {
		 width: 246px;
		 margin-left: 6px;
	}
	 #sightseeing .box .btn-link .btn-style-1::after {
		 width: 73px;
		 right: -36px;
		}
	 #sightseeing h3 {
		 font-size: 36px;
		 margin-bottom: 39px;
	}
	 #sightseeing .floor {
		 width: 800px;
		 margin: 0 auto;
	}
}