@charset "utf-8";
/*======================================
開発者メッセージ
========================================*/
/*****
コメントヘッダー
*****/
.message_ttl{
	border-radius: 1em;
	/*background-color: #edf0ed;*/
	background-image: linear-gradient(110deg,#edf0ed 0,#f6f9f6 65%,#d8dcd9 100%);
	position: relative;
}
.message01{}
.message02{}

/*****
メッセージ本文
*****/
.message_text{}

/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*****
	コメントヘッダー
	*****/
	.message_ttl{
		aspect-ratio: 916 / 420;
	}
	.message01{
		width: 52%;
		max-width: 475px;
		position: absolute;
		top: 14%;
		left: 9%;
	}
	.message02{
		width: 68%;
		max-width: 620px;
		position: absolute;
		bottom: 0;
		right: 2%;
	}
	
	/*****
	メッセージ本文
	*****/
	.message_text{
		width: 80%;
		margin: 2em auto 0 auto;
	}
	.message_text.p_line p{
		margin-bottom: 1.5em;
	}
	.message_text.p_line p:last-of-type{
		margin-bottom: 0;
	}
}

/* スマホ----------------------------- */
@media (max-width: 767px){
	/*****
	コメントヘッダー
	*****/
	.message_ttl{
		padding: 1.5em 1em 0 1em;
	}
	.message01{}
	.message02{
		text-align: right;
		margin-top: 0.5em;
	}
	
	/*****
	メッセージ本文
	*****/
	.message_text{
		margin-top: 2em;
	}
}