@charset "utf-8";
/* CSS Document */


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

	header

------------------------------------*/
body.lower header{
	border-bottom: 1px solid #195b9e;
}


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

	breadcrumbs

------------------------------------*/
.breadcrumbs{
	width: 1200px;
	margin: 150px auto 50px;
}

.breadcrumbs>span{
	margin-right: 10px;
}

.breadcrumbs>span:not(:last-of-type)::after{
	content: ">";
	display: inline-block;
	margin-left: 10px;
}

.breadcrumbs span a span{
	font-size: 1.5rem;
	color: var(--bk222);
	transition: color 0.3s 0s ease;
}

.breadcrumbs span a span:hover{
	color: #53aed8;
}





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

 下層ページ共通	lower

------------------------------------*/
h1{
	color: var(--navy395);
	margin-bottom: 80px;
}

h1+p{
	line-height: 2;
	margin-bottom: 100px;
}

h1+p span{
	display: inline-block;
	margin-bottom: 10px;
}





/*------------------------------------------------------------------------------------
		スマホ
------------------------------------------------------------------------------------*/



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

	header(SP)

------------------------------------*/
	body.lower header{
		border-bottom: 1px solid var(--navy195);
	}
	
	
	
	
/*------------------------------------

	breadcrumbs(SP)

------------------------------------*/
	.breadcrumbs{
		width: 95%;
		margin: 70px auto 30px;
	}

	.breadcrumbs>span{
		margin-right: 5px;
	}

	.breadcrumbs>span:not(:last-of-type)::after{
		content: ">";
		display: inline-block;
		margin-left: 5px;
	}

	.breadcrumbs span a span{
		font-size: 1.2rem;
		color: var(--bk222);
		transition: color 0.3s 0s ease;
	}

	.breadcrumbs span a span:hover{
		color: #53aed8;
	}





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

 下層ページ共通	lower(SP)

------------------------------------*/
	h1{
		color: var(--navy395);
		margin-bottom: 40px;
	}

	h1+p{
		line-height: 2;
		margin-bottom: 60px;
	}
	
	
	
	
}