@charset "UTF-8";


/* spot */

.spot-lead{
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1.92px;
	text-align: center;
	margin-bottom: 90px;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}

.spot-section{padding: 0 20px 40px;}

.spot-section-inner{
	max-width:1048px;
	padding:0 0px 0px;
	margin:auto
}

.spot-list-wrapper {}

.spot-list > li{
	padding: 30px 0 30px 63px;
	background-color: #ededed;
	margin-bottom: 50px;
}

.spot-list-item {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.spot-list-item-image {
	order: 2;
	width: 61.5%;
}

.spot-list-item-body {
	order: 1;
	width: 38%;
	padding-bottom: 20px;
}

.spot-list-item-heading {}

.spot-list-item-heading h2{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 35px;
	line-height: 1.43;
	letter-spacing: .15rem;
	position:relative;
	margin-bottom: 15px;
	padding-bottom: 8px;
}

.spot-list-item-heading h2::after{
	display:block;
	content:'';
	background:#1a1f61;
	width:130%;
	height:1px;
	position:absolute;
	left:0px;
	bottom: 0;
}

.spot-list-item-heading h3{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	font-size: 24px;
	line-height: 1.7;
	letter-spacing: .2rem;
	margin-bottom: 15px;
}

.spot-list-item-heading h3 span{
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
	color: #22a638;
}

.spot-list-item-heading p{
	font-size: 20px;
	line-height: 1.7;
	letter-spacing: .36rem;
	margin-bottom: 25px;
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif;
}


@media (max-width:800px){

	/* spot */

	.spot-lead{
		font-size: 13px;
		padding: 0 40px;
		line-height: 2;
		letter-spacing: .1rem;
		margin-bottom: 55px;
		font-family:"A1ゴシック R","A1ゴシック L",-apple-system,"Hiragino Sans",sans-serif;
	}

	.spot-list > li{
		padding: 0px 0 0px 0;
		margin-bottom: 30px;
		font-family:"A1ゴシック R","A1ゴシック L",-apple-system,"Hiragino Sans",sans-serif;
	}

	.spot-list-item {display: block}
	.spot-list-item-image {width: 100%;}

	.spot-list-item-body {
		width: 100%;
		padding: 20px 0 35px 20px;
	}

	.spot-list-item-heading {}

	.spot-list-item-heading h2{
		font-size: 30px;
		line-height: 1;
		letter-spacing: .0rem;
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.spot-list-item-heading h2::after{width:100%;}

	.spot-list-item-heading h3{
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: .1rem;
		margin-bottom: 15px;
	}

	.spot-list-item-heading p{
		font-size: 17px;
		line-height: 1.7;
		letter-spacing: .2rem;
		margin-bottom: 20px;
	}

	.spot-list-item-body .global_button{width:220px;}

}
