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

#messeage .messeage_box {
	margin: 60px 0;
}

#messeage .messeage_box h2 {
	font-size: 2.4rem;
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}

#messeage .messeage_box .image img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:767.98px) {
/* ここにSP向けのCSS指定 */
	
	
}

@media screen and (min-width:768px) {
/* ここにPC向けのCSS指定 */
	
	#messeage .messeage_box {
		display: flex;
	}
	
	#messeage .messeage_box:nth-child(2n) {
		flex-direction: row-reverse;
	}
	
	
	#messeage .messeage_box .image,
	#messeage .messeage_box .text {
		box-sizing: border-box;
		width: 50%;
		padding: 30px;
	}
}