@charset "UTF-8";


/*****************************************************
　SOLI DEO GROLOA!　
*****************************************************/
/* 共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:60px 0 0;
}
.block_inner{
	margin:0 45px;
}
.block_inner p{
	line-height:1.8;
}
.block_inner p + p{
	margin:40px 0 0;
}
/* ----- タイトル ----- */
.sdg-ttl{
	border-bottom:3px solid #a6a6a6;
	background:#fbf9f2;
	box-sizing:border-box;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 33px 35px;
	padding:9px 35px 10px;
}
/* ----- .column ----- */
.column{
	display:flex;
	justify-content:space-between;
	max-width:1045px;
}
.column .txt{
	max-width:610px;
	width:59%;
}
.column .img{
	max-width:382px;
	width:37%;
	margin:0 0 0 4%;
}
.column .img figcaption{
	font-size:14px;
	font-size:1.4rem;
	line-height:2;
	margin:5px 0 0;
	text-align:right;
}
/* メッセージ 
------------------------------------------------- */
/* ----- .head ----- */
#message .head{
	margin:0 0 80px;
	text-align:center;
}
.message-ttl,
.message-subttl{
	letter-spacing:0.025em;
	line-height:1.4;
}
.message-ttl{
	border-bottom:3px solid #c5c5c5;
	font-size:30px;
	font-size:3.0rem;
	display:inline-block;
	padding:0 12px 12px;
}
.message-ttl br{
	display:none;
}
.message-subttl{
	font-size:22px;
	font-size:2.2rem;
	display:block;
	margin:20px 0 0;
}
/* ----- .column ----- */
#message p + p,
#message .column + p,
#message p + .column{
	margin:60px 0 0;
}
/* 宮崎のオルガン製作にあたって 
------------------------------------------------- */
/* ----- .column ----- */
#miyazaki-organ .column + p{
	margin:40px 0 0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　SOLI DEO GROLOA!　
	*****************************************************/
	/* 共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:7.5vw 0 0;
	}
	.block_inner{
		margin:0 5.62vw;
	}
	.block_inner p + p{
		margin:5vw 0 0;
	}
	/* ----- タイトル ----- */
	.sdg-ttl{
		border-width:0.37vw;
		font-size:3.33vw;
		margin:0 4.12vw 4.37vw;
		padding:1.12vw 4.37vw 1.25vw;
	}
	/* ----- .column ----- */
	.column{
		display:block;
		max-width:none;
	}
	.column .txt{
		max-width:none;
		width:auto;
	}
	.column .img{
		max-width:none;
		width:auto;
		margin:4% 0 0;
	}
	.column .img img{
		width:100%;
	}
	.column .img figcaption{
		font-size:2.5vw;
		margin:0.62vw 0 0;
	}
	/* メッセージ 
	------------------------------------------------- */
	/* ----- .head ----- */
	#message .head{
		margin:0 0 10vw;
	}
	.message-ttl{
		border-width:0.37vw;
		font-size:4vw;
		padding:0 1.5vw 1.5vw;
	}
	.message-ttl br{
		display:block;
	}
	.message-subttl{
		font-size:2.75vw;
		margin:2.5vw 0 0;
	}
	/* ----- .column ----- */
	#message p + p,
	#message .column + p,
	#message p + .column{
		margin:7.5vw 0 0;
	}
	/* 宮崎のオルガン製作にあたって 
	------------------------------------------------- */
	/* ----- .column ----- */
	#miyazaki-organ .column + p{
		margin:5vw 0 0;
	}
}