#intro02 h2,
.course_txt h3 {
  font-family: 'Kaisei Tokumin', serif;
  font-weight: 400;
}

/* ---------------------------------------------------------------------------------------------

　   COMING SOON

--------------------------------------------------------------------------------------------- */
#intro02 h2 {
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.2rem;
	color: #51b996;
}
#intro02 p {
	text-align: center;
}
.end {
	display: block;
	margin: 0 auto;
}
@media only screen and ( max-width : 767px ) {
	#intro02 {
		padding: 50px 0;
		letter-spacing: 0.05em;
		line-height: 2.2em;
		font-size: 15px;
		background: url(../img/bg_sp02.png) no-repeat 50% 40px / 80%;
		position: relative;
	}
	#intro02 h2 {
		font-size: 22px;
	}
	#intro02 p {
		margin: 20px 0 30px;
		font-size: 14px;
	}
	#end {
		margin-top: 50px;
	}
}
@media only screen and ( max-width : 575px ) {
	#intro02 p {
		background-position: 0 40px;
	}
}
@media only screen and ( max-width : 480px ) {
	#intro02 p {
		font-size: 3vw;
	}
}
@media print, screen and ( min-width : 768px ) {
	#intro02 {
		padding: 80px 0 60px 0;
		background: url(../img/bg02.png) no-repeat 50% 30% / 850px;
	}
	#intro02 h2 {
		font-size: 26px;
	}
	#intro02 p {
		margin-top: 30px;
		margin-bottom: 50px;
		letter-spacing: 0.15em;
		line-height: 2.6em;
		font-size: 14px;
	}
	#end {
		padding: 100px 0 50px 0;
	}
	#intro02 ul {
		max-width: 840px;
		margin: 0 auto;
	}
	#intro02 li {
		width: 22%;
	}
}
@media print, screen and ( min-width : 992px ) {
	#intro02 {
		background-size: 1300px;
	}
	#intro02 h2 {
		font-size: 30px;
	}
	#intro02 p {
		font-size: 16px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   おすすめモデルコース

--------------------------------------------------------------------------------------------- */
.course_wrap {
	padding: 20px;
	background: #fff;
}
.course_wrap_box {
	padding: 5px;
	border: #231815 solid 1px;
}
.course_wrap_inner {
	border: #231815 solid 1px;
}
.hp_icon img {
	width: 30px;
}
.course_txt h3 {
	color: #4c4948;
}
.course_txt p {
	color: #4c4948;
	font-size: 14px;
}
.course_txt .time p {
	color: #000;
}
.add_icon {
	margin-top: 5px;
}
.start {
	position: relative;
}
.start_img_wrap {
	position: relative;
}
.start_img_wrap img {
	position: relative;
	z-index: 21;
}
.right_img_first .course_txt {
	margin-top: 10px;
}
.car {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 100px;
	z-index: 23;
}
.time p {
	font-weight: 700;
	font-size: 12px;
}
.time p span {
	color: #b49141;
	font-size: 16px;
}
.right_img {
	position: relative;
	z-index: 22;
}
.right_img .course_img {
	position: relative;
	z-index: 31;
}
.left_img .course_txt {
	width: 54%;
	-ms-flex-order: 2;
	order: 2;
}
.left_img .course_img {
	width: 45%;
	-ms-flex-order: 1;
	order: 1;
}
.left_img .course_txt {
	position: relative;
	z-index: 24;
}
.left_img .course_img {
	position: relative;
	z-index: 30;
}
.left_img .course_img img {
	position: relative;
	display: block;
	z-index: 20;
}
rt {
	letter-spacing: 0;
}

/* アニメーション */
/* .left_img_road:after,.right_img_road:after {
  font-size:40px;
  opacity:0;
  animation-name: road_fade;
  animation-duration: .8s;
  animation-fill-mode: forwards;
}
@keyframes road_fade {
0% {
  opacity: 0;
}
50% {
  opacity: 0;
}
 100% {
  opacity: 1;
}
} */

@media only screen and ( max-width : 991px ) {
	#d-course .right_img:last-of-type .road_end .time {
		top: auto;
		bottom: -80px;
		right: auto;
		left: 33%;
	}
}
@media only screen and ( max-width : 767px ) {
	#course .section {
		padding-top: 80px;
	}
	#intro02 li {
		width: 23%;
	}
	.course_wrap {
		margin-bottom: 80px;
	}
	.course_wrap_inner {
		padding: 10px 15px 140px 15px;
	}
	.br_pc_mini {
		display: none;
	}
	.br_pc_wide {
		display: none;
	}
	.car_img {
		margin-right: 40px;
	}
	.car_txt p span {
		line-height: 1;
	}
	.start_ttl {
		width: 120px;
		position: absolute;
		top: -60px;
		left: 0;
	}
	.course_img_left .start_ttl {
		left: auto;
		right: 0;
	}
	.start_img {
		max-width: 150px;
		margin: 0 0 0 auto;
	}
	.start_img_wrap {
		position: relative;
		z-index: 19;
	}
	.start_img_wrap:after {
		content: url(../img/model_course/road01.png);
		display: block;
		width: 25px;
		height: 200px;
		margin: -20px auto 0;
		position: relative;
		z-index: 20;
	}
	.right_img_first,.left_img_first {
		margin-top: -80px;
	}
	.right_img .course_txt {
		width: 50%;
	}
	.right_img .course_img {
		width: 45%;
	}
	.left_img_road {
		position: relative;
		margin-top: 80px;
	}
	.left_img_road:after {
		content: url(../img/model_course/road05.png);
		position: absolute;
		top: -130px;
		right: 60px;
		z-index: 18;
	}
	.left_img_road.road_none:after {
		content: url(../img/model_course/road_none_sp.png);
	}
	.left_img .time {
		position: absolute;
		top: -55px;
		right: 70px;
		z-index: 28;
	}
	.right_img_road {
		position: relative;
		margin-top: 80px;
	}
	.right_img_road:after {
		content: url(../img/model_course/road06.png);
		position: absolute;
		top: -130px;
		right: 60px;
		z-index: 18;
	}
	.right_img_road.right_img_road_nocar:after {
		content: url(../img/model_course/road07.png);
	}
	.right_img .time {
		position: absolute;
		top: -53px;
		right: 80px;
		z-index: 28;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.road_end .time {
		position: absolute;
		top: inherit;
		bottom: 0;
		right: 70px;
		z-index: 28;
	}
	.right_img_road_end .road_end .time {
		bottom: -105px;
		right: 120px;
	}
	#d-course .right_img:last-of-type .road_end .time {
		left: auto;
		bottom: -120px;
		right: 120px;
	}
	.left_space {
		/*margin-left: 5%;*/
		margin-left: 1%;
	}
	.course_txt h3 {
		font-size: 16px;
	}
	.course_txt h3 small {
		font-size: 12px;
	}
	.course_txt p {
		margin-top: 5px;
		font-size: 11px;
	}
	.course_img img {
		width: 100%;
	}
	.end_img {
		position: absolute;
		right: 0;
		bottom: -120px;
	}
	.right_img_road_end .end_img {
		position: absolute;
		left: 0;
		bottom: -120px;
		z-index: 24;
	}
	.left_img .road_end .time {
		min-width: 80px;
		position: absolute;
		top: inherit;
		right: 130px;
		left: inherit;
		bottom: -110px;
		z-index: 28;
	}
	.left_img_road_end {
		position: relative;
	}
	.left_img_road_end:before {
		content: url(../img/model_course/road04_sp.png);
		position: absolute;
		right: 120px;
		left: 20px;
		bottom: -90px;
		z-index: 16;
	}
	.right_img_road_end:before {
		content: url(../img/model_course/road04_right_sp.png);
		position: absolute;
		right: 120px;
		right: 20px;
		bottom: -90px;
		z-index: 10;
	}
	.left_img .add_icon {
		-ms-flex-pack: end !important;
    justify-content: flex-end !important;
	}
	.left_img .time.long-time {
		right: 20px;
	}
	.left_img .road_end .time.long-time {
		width: 90px;
		right: 220px;
	}
}
@media only screen and ( max-width : 575px ) {
	.course_txt h3 {
		font-size: 14px;
	}
	.ribbon {
		margin-top: -20px;
	}
	.left_img_road_end:before {
		content: url(../img/model_course/road04_sp_mini.png);
		position: absolute;
	}
	.left_img_road:after {
		top: -140px;
	}
	.right_img_road:after {
		top: -140px;
	}
	.left_img_road_end:before {
		bottom: -90px;
	}
	.left_img .time {
		top: -65px;
	}
	.right_img .time {
		top: -63px;
	}
	.right_img_road_end .road_end .time {
		top: auto;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.time.long-time {
		right: 30px;
	}
	.left_img .road_end .time.long-time {
		width: 90px;
		right: auto;
		left: -100px;
	}
}
@media only screen and ( max-width : 540px ) {
	.right_img_road_end:before {
		content: url(../img/model_course/road04_right_sp_mini.png);
		position: absolute;
		right: 40px;
		bottom: -100px;
	}
	.right_img_road_end .road_end .time {
		right: 140px;
		bottom: -120px;
	}
}
@media only screen and ( max-width : 430px ) {
	#intro02 ul {
		max-width: 250px;
		margin: 0 auto;
	}
	#intro02 li {
		width: 48%;
		margin-bottom: 20px;
	}
	.course_wrap_inner {
		padding-bottom: 180px;
	}
	.start_img_wrap:after {
		content: url(../img/model_course/road01_sp.png);
		width: 36px;
		height: 203px;
	}
	.left_img_road:after {
		content: url(../img/model_course/road05_sp_mini.png);
		position: absolute;
		top: -100px;
		right: 0;
		left: 0;
		width: 170px;
		height: 125px;
		display: block;
		margin: 0 auto;
		z-index: 18;
	}
	.left_img_road.road_none:after {
		content: url(../img/model_course/road_none_sp_mini.png);
	}
	.right_img_road:after {
		content: url(../img/model_course/road06_sp_mini.png);
		position: absolute;
		top: -100px;
		right: 0;
		left: 0;
		width: 170px;
		height: 130px;
		display: block;
		margin: 0 auto;
		z-index: 18;
	}
	.right_img_road.right_img_road_nocar:after {
		content: url(../img/model_course/road07_sp_mini.png);
	}
	.left_img_road_end:before {
		content: url(../img/model_course/road06_sp_mini.png);
		position: absolute;
		right: 0;
		left: 0;
		bottom: -100px;
		width: 170px;
		height: 130px;
		display: block;
		margin: 0 auto;
		z-index: 18;
	}
	.end_img {
		bottom: -300px;
		max-width: 90px;
	}
	.left_img .road_end .time {
		right: 40px;
		bottom: -180px;
	}
	.right_img .time {
		top: -50px;
		right: 60px;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.left_img .time {
		top: -55px;
		right: 60px;
	}
	.course_txt {
		background: #fff;
	}
	.course_txt h3 {
		padding-right: 40px;
	}
	.start_ttl {
		width: 100px;
		left: 0;
	}
	.start_img {
		max-width: 120px;
	}
	.img-txt_wrap {
		display: block !important;
		margin-top: 5px;
		position: relative;
		background: #fff;
		z-index: 30;
	}
	.course_txt {
		width: 100% !important;
	}
	.right_img_first .course_txt {
		margin-top: 0;
	}
	.course_img {
		width: 200px !important;
		margin: 0 auto;
	}
	.right_img_first .course_img {
		width: 250px !important;
	}
	.add_icon {
		margin-bottom: 10px;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
	.hotel__block .add_icon {
		top: 27px;
	}
	.left_img .add_icon {
		-ms-flex-pack: start !important;
    justify-content: flex-start !important;
	}
	.car {
		right: inherit;
		bottom: 110px;
	}
	.car_img {
		width: 30px;
	}
	.time p {
		font-size: 10px;
	}
	.ribbon {
		margin-top: 0;
	}
	.right_img_road_end:before {
		content: url(../img/model_course/road04_right_sp_mini_mini.png);
		position: absolute;
		right: 50px;
	}
	.left_img .time.long-time {
		right: 0;
	}
	.right_img_road_end .end_img img {
		max-width: 90px;
	}
	.left_img .road_end .time.long-time {
		left: 70px;
		bottom: -235px;
	}
}
@media only screen and ( max-width : 410px ) {
	.right_img .time {
		right: 40px;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.left_img .time {
		right: 45px;
	}
	.right_img_road_end .end_img {
		left: -30px;
	}
}

@media only screen and ( max-width : 360px ) {
	.right_img .time {
		right: 20px;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.left_img .time {
		right: 25px;
	}
	.start_ttl {
		width: 90px;
		left: -10px;
	}
	.start_img {
		max-width: 100px;
	}
	.start_img_wrap {
		margin-right: -5px;
	}
	.right_img_first .course_img {
		width: 200px !important;
	}
	.car_img {
		margin-right: 20px;
	}
	.left_img .time.long-time {
		/*top: -30px;*/
	}
}
@media only screen and ( max-width : 320px ) {
	.course_wrap {
		padding: 0;
	}
	.left_img .time {
		right: 0;
	}
	.left_img .road_end .time {
		right: 0;
	}
}
@media print, screen and ( min-width : 768px ) {
	#course .section {
		padding-top: 100px;
	}
	.course_wrap {
		margin-bottom: 120px;
	}
	.course_wrap_inner {
		padding: 10px 30px 120px 40px;
	}
	.course_txt h3 {
		margin-bottom: 5px;
		font-size: 17px;
	}
	.course_txt h3 small {
		font-size: 17px;
	}
	.course_txt P {
		font-size: 13px;
	}
	.course_txt P .br_pc {
		display: none;
	}
	.br_pc_mini {
		display: block;
	}
	.br_pc_wide {
		display: none;
	}
	.car_img {
		margin-right: 40px;
	}
	.course_img_left .car_img {
		transform: scaleX(-1);
	}
	.car_txt {
		margin-left: 30px;
	}
	.start_ttl {
		position: absolute;
		top: -70px;
		left: -20px;
	}
	.course_img_left .start_ttl {
		left: inherit;
		right: 0;
	}
	.start_ttl img {
		max-width: 140px;
	}
	.start_img {
		width: 200px;
	}
	.start_img_wrap:after {
		content: url(../img/model_course/road01.jpg);
		display: block;
		width: 30px;
		height: 180px;
		margin: -20px auto 0;
		position: relative;
		z-index: 20;
	}
	.end_img {
		width: 120px;
	}
	.right_img_first,.left_img_first {
		margin-top: -80px;
	}
	.right_img_road {
		position: relative;
		margin-top: 60px;
	}
	.right_img_road:after {
		content: url(../img/model_course/road03_mini.png);
		position: absolute;
		top: -115px;
		right: 25px;
		z-index: 18;
	}
	.right_img_road.right_img_road_nocar:after {
		content: url(../img/model_course/road07_mini.png);
	}
	.right_img .time {
		position: absolute;
		top: -70px;
		right: 140px;
		z-index: 28;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.left_img_road {
		position: relative;
		margin-top: 60px;
	}
	.left_img_road:after {
		content: url(../img/model_course/road02_mini.png);
		position: absolute;
		top: -130px;
		left: 20px;
		z-index: 18;
	}
	.left_img_road.road_none:after {
		content: url(../img/model_course/road_none_mini.png);
	}
	.right_img .course_txt {
		width: 48%;
	}
	.right_img .course_img {
		width: 50%;
	}
	.right_img_first .course_txt {
		width: calc(45% - 20px);
	}
	.right_img_first .course_txt {
		margin-left: 20px;
	}
	.left_img_road_end,.right_img_road_end {
		position: relative;
	}
	.left_img_road_end:before {
		content: url(../img/model_course/road04_mini.png);
		position: absolute;
		left: 20px;
		bottom: -60px;
		z-index: 18;
	}
	.right_img_road_end:before {
		content: url(../img/model_course/road04_right_mini.png);
		position: absolute;
		right: 20px;
		bottom: -60px;
		z-index: 18;
	}
	.left_img .time {
		position: absolute;
		top: -75px;
		left: 145px;
		z-index: 28;
	}
	.left_img .time.long-time {
		left: 125px;
	}
	.end_img {
		position: absolute;
		right: 0;
		bottom: -100px;
		z-index: 40;
	}
	.right_img_road_end .end_img {
		right: auto;
		left: 0;
		bottom: -90px;
	}
	.left_img .road_end .time {
		min-width: 80px;
		position: absolute;
		top: inherit;
		right: 180px;
		left: inherit;
		bottom: -80px;
		z-index: 28;
	}
	.left_space {
		margin-left: 1%;
	}
	.ribbon {
		width: 100px;
	}
}
@media print, screen and ( min-width : 992px ) {
	#course .section {
		padding-top: 190px;
	}
	.course_wrap_inner {
		padding: 10px 30px 40px 40px;
	}
	.course_txt h3 {
		margin-bottom: 0.5rem;
		font-size: 20px;
	}
	.course_txt  .br_pc {
		display: block;
	}
	.br_pc_mini {
		display: none;
	}
	.br_pc_wide {
		display: block;
	}
	.start_ttl {
		top: -110px;
	}
	.start_ttl img {
		max-width: 180px;
	}
	.start_img {
		width: 250px;
	}
	.end_img {
		width: 140px;
	}
	.right_img_road {
		position: relative;
		margin-top: 60px;
	}
	.right_img_road:after {
		content: url(../img/model_course/road03.png);
		position: absolute;
		top: -130px;
		right: 100px;
		z-index: 18;
	}
	.right_img_road.right_img_road_nocar:after {
		content: url(../img/model_course/road07.png);
	}
	.right_img .time {
		position: absolute;
		top: -80px;
		right: 260px;
		z-index: 28;
	}
	.right_img.right_img_road_end .road_end {
		right: auto;
		left: 205px;
	}
	.left_img_road {
		position: relative;
		margin-top: 80px;
	}
	.left_img_road:after {
		content: url(../img/model_course/road02.png);
		position: absolute;
		top: -170px;
		left: 20px;
		z-index: 18;
	}
	.left_img_road.road_none:after {
		content: url(../img/model_course/road_none.png);
	}
	.left_img_road_end {
		position: relative;
	}
	.left_img_road_end:before {
		content: url(../img/model_course/road04.png);
		position: absolute;
		right: 120px;
		left: auto;
		bottom: 20px;
		z-index: 18;
	}
	.right_img_road_end:before {
		content: url(../img/model_course/road04_right.png);
		position: absolute;
		left: 100px;
		bottom: 20px;
		z-index: 18;
	}
	.left_img .time {
		position: absolute;
		top: -115px;
		left: 210px;
		z-index: 28;
	}
	.end_img {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.right_img_road_end .end_img {
		right: auto;
		left: 0;
		bottom: -15px;
	}
	.left_img .road_end .time,.right_img .road_end .time {
		position: absolute;
		top: inherit;
		right: 215px;
		left: inherit;
		bottom: 0;
		z-index: 28;
	}
	.left_space {
		margin-left: 0;
	}
	.ribbon {
		width: 120px;
	}
	.left_img .time.long-time {
		left: 190px;
		max-width: 110px;
	}
	.left_img .road_end .time.long-time {
		width: 110px;
		left: 95px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   XXX

--------------------------------------------------------------------------------------------- */
@media only screen and ( max-width : 991px ) {

}
@media only screen and ( max-width : 767px ) {

}
@media only screen and ( max-width : 575px ) {

}
@media only screen and ( max-width : 320px ) {

}
@media print, screen and ( min-width : 768px ) {

}
@media print, screen and ( min-width : 992px ) {

}