/* ==========================================================================
	message

========================================================================== */
.content .box.message .text_block .message_ttl {
	font-size:2.9rem;
}
.content .box.message .text_block p {
	font-size:2.1rem;
}
.content .box.message p.txt_area span {
	font-size:1.8rem;
	line-height:2.5;
}
.content .box.message .text_block p span {
	font-size:1.5rem;
}
.content .box.message .date {
text-align:right;
}

.content .box.message{
	width: 75%;
}
.content .left{
	width: 21%;
}
.content .left p{
	margin: 0;
}
.flex_message{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media screen and (max-width: 960px) {
	.content .box.message{
		width: 100%;
		margin-bottom: 30px;
	}
	.content .left{
		width: 100%;
		text-align: center;
	}
	.content .left img{
		width: 80%;
		height: auto;
		max-width:360px;
	}
	.flex_message{
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 600px) {
	.content .box.message .text_block .message_ttl {
		font-size:3.5rem;
	}
	.content .box.message .text_block p {
		font-size:3.0rem;
		margin-top:0;
	}
	.content .box.message .text_block p span {
		font-size:2.4rem;
	}
.content .box.message p.txt_area span {
	font-size:2.8rem;
	line-height:2.5;
}

}

/* ==========================================================================
	message add
========================================================================== */

@media screen and (min-width: 961px) {
	.page_arrow a span {
		position: relative;
	}

	.page_arrow a span::after{
		position: absolute;
		right: 8px;
		content: '\f078';
		font-family: 'Font Awesome 5 Free';
		font-weight: bold;
		color: #00afff;
	}
}

@media screen and (min-width: 1161px) {
	.screen_sp {
		display: none;
	}
}