@charset "UTF-8";

/* ▼▼▼ モデルコース
=====================================*/
.read {
	margin-bottom: 30px;
	font-size: 18px;
	}
.map {margin-bottom: 20px;}

.spot {
	margin-bottom: 50px;
	overflow: hidden;
	}
.spot h2 {
	margin-bottom: 20px;
	}
	.spot .copy {
		margin-bottom: 10px;
		font-size: 30px;
		font-weight: normal;
		}
	#spot01 .copy {color: #00794B;}
	#spot02 .copy {color: #0081AC;}
	#spot03 .copy {color: #CA46B0;}
	.spot .txt,
	.spot .course {
		margin-bottom: 30px;
		}
	.spot .box {
		padding: 30px 65px;
		margin-bottom: 50px;
		overflow: hidden;
		}
	#spot01 .box {background: #F2FFFC;}
	#spot02 .box {background: #EFFCFF;}
	#spot03 .box {background: #FFF2FD;}
		.spot .box h3 {
			margin: 0 auto 20px;
			overflow: hidden;
			text-align: center;
			}
			.spot .box ul {overflow: hidden;}
				.spot .box ul li {
					float: left;
					width: 48%;
					margin: 0 4% 30px 0;
					}
				.spot .box ul li:nth-child(2n) {margin-right: 0;}
				.spot .box ul li h4 {
					padding-left: 10px;
					margin: 10px 0;
					font-size: 20px;
					}
				#spot01 .box ul li h4 {
					border-left: 8px solid #00794B;
					color: #00794B;
					}
				#spot02 .box ul li h4 {
					border-left: 8px solid #0081AC;
					color: #0081AC;
					}
				#spot03 .box ul li h4 {
					border-left: 8px solid #CA46B0;
					color: #CA46B0;
					}

/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

.read {
	margin-bottom: 15px;
	font-size: 16px;
	}

.spot {
	margin-bottom: 30px;
	}
	.spot .copy {
		font-size: 20px;
		}
	.spot .txt,
	.spot .course {
		margin-bottom: 15px;
		}
	.spot .box {
		padding: 3% 5%;
		margin-bottom: 30px;
		}
		.spot .box h3 {
			margin: 0 auto 10px;
			}
				.spot .box ul li {
					float: none;
					width: 100%;
					margin: 0 0 20px 0;
					}
				.spot .box ul li h4 {
					padding-left: 10px;
					margin: 10px 0;
					font-size: 16px;
					}
				#spot01 .box ul li h4 {
					border-left: 5px solid #00794B;
					}
				#spot02 .box ul li h4 {
					border-left: 5px solid #0081AC;
					}
				#spot03 .box ul li h4 {
					border-left: 5px solid #CA46B0;
					}

}