@charset "UTF-8";



/* ================================================================================
kv
================================================================================ */
#kv > .inner{	background: url("../image/information/kv_background.webp") no-repeat center/cover;	}


/* ================================================================================
navigation
================================================================================ */
#navigation a[aria-current="page"]
{
	pointer-events: all;
}





/* ================================================================================
introduction
================================================================================ */
#introduction
{
	min-width: var(--innerWidth);
	margin: 0 auto 50px;
}
#introduction > .inner
{
	width: var(--innerWidth);

	padding: 0 var(--innerPaddingL);
	margin: 0 auto;
}

#introduction .boxes
{
	display: flex;	flex-wrap: wrap;	justify-content: space-between;
	margin: 0 0 50px;
}
#introduction .box{	width: calc((100% - var(--innerPadding) * 2) / 2);	}

#introduction .boxes p
{
	margin: 0 0 1rem;
	line-height: 1.7;
}
#introduction .box .linkPDF{	line-height: 1;	}


/* ========================================
SP
======================================== */
@media screen and (max-width: 767px)
{

#introduction{	margin: 0 auto 10vw;	}
#introduction .boxes{	margin: 0 0 10vw;	}
#introduction .box{	width: 100%;	}

}


/* ================================================================================
spot
================================================================================ */
#spot
{
	min-width: var(--innerWidth);
	margin: 0 auto 50px;
}
#spot > .inner
{
	width: var(--innerWidth);

	padding: 0 var(--innerPaddingL);
	margin: 0 auto;
}

#spot .map
{
	width: 100%;
	margin: 0 0 50px;
}


#spot .spots
{
	display: flex;	flex-wrap: wrap;
	gap: calc(var(--innerPadding) * 2);
}
#spot .spots > li
{
	width: calc((100% - var(--innerPadding) * 2) / 2);
}

#spot h3
{
	margin: 0 0 1rem;
	font-size: 1.5rem;
	font-weight: 500;
}
#spot picture
{
	margin: 0 0 1rem;
}

#spot p
{
	margin: 0 0 0.5rem;
	line-height: 1.7;
}
#spot p.accTriangleR
{
	padding-left: 1.5rem;
	line-height: 1.1;
	text-indent: -1.5rem;
}


#spot .colum2_A .title{	width: 20%;	}
#spot .colum2_A .body{	width: 80%;	padding: 1.5rem 1rem;	}

#spot .colum2_A p:last-child
{
	margin: 0;
}

#spot .colum2_A .accTriangleR
{
	color: var(--colorGrayDeep);
	line-height: 1;
}
#spot .colum2_A .accTriangleR:hover
{
/* 	text-decoration: underline; */
/* 	text-underline-offset: 0.2em; */
}

#spot .colum2_A .accTriangleR::before
{
	color: var(--colorBlue);
}

#spot .colum2_A .red
{
	color: var(--colorRed);
}


/* ========================================
SP
======================================== */
@media screen and (max-width: 767px)
{

#spot{	margin: 0 auto 10vw;	}
#spot .map{	margin: 0 0 10vw;	}


#spot .spots > li{	width: 100%;	}
#spot h3{	font-size: 1.2rem;	}

#spot p.accTriangleR{	line-height: 1.5rem;	}


#spot .colum2_A .title{	width: 100%;	}
#spot .colum2_A .body{	width: 100%;	padding: 1.5rem 1rem;	}

#spot .colum2_A .accTriangleR
{
	color: var(--colorGrayDeep);
	line-height: 1;
}



}






/* ======================================== end ======================================== */