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

/* スタイル
----------------------------------------------------------- */
main {
	width: 1000px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: baseline;
}
main .main_inner {
	margin-bottom: 50px;
}
div.img-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
}
div.img-box div.img-area {
	width: 100%;
	max-width: 250px;
	text-align: center;
	/*width: 50%;*/
	margin: 0 20px 0 0;
	flex-shrink: 0;
}
div.img-box div.img-area img {
	text-align: center;
	border: 1px solid #d6d6d6;
}
div.img-box div.img-area p em {
	font-size: 116%;
	font-weight: bold;
}
div.img-box div.img-txt {
	width: 100%;
}
div.img-box div.img-txt p {
	margin: 10px 0 0 0;
	/*text-align: left;*/
	line-height: 1.6;
}

/* 2列の場合 */
main .two_rows {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	gap: 20px 4%;
}
main .two_rows > * {
	width: 48%;
}
main .two_rows div.img-box {
	display: block;
}
main .two_rows div.img-box div.img-area {
	margin: 0 auto;
}


@media screen and (max-width: 950px) {
	main {
		width: 100%;
	}
	div.img-box {
		width: 100%;
	}
	div.img-box div.img-area {
		width: 100%;
		/*margin: 0;*/
	}
	/*div.img-box div.img-txt {
		width: 100%;
	}*/
	
}


@media screen and (max-width: 768px) {
	div.img-box {
		/*display: block;*/
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*background: rgba(217,121,123,1.00);*/
	}
	div.img-box div.img-area {
		margin: 0;
	}
	div.img-box div.img-txt {
		width: 100%;
	}
	
	/* 2列の場合 */
	main .two_rows > * {
		width: 100%;
		/*width: 95%;
        margin: 0 auto;*/
	}
}


@media screen and (max-width: 539px) {
	/* 2列の場合 */
	main .two_rows {
		/*display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		gap: 20px 4%;*/
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}


@media screen and (max-width: 480px) {
	
}