/* オーバーライド */
main {
	margin-top: 0;
	padding-top: 0;
}

.img-area {
	margin: 2rem 0;
}

.development-case .text-area {
	display: flex;
}

/* ボタンコンテンツ */
.btn-contents {
	text-align: right;
}

.development-case .content {
	display: flex;
	flex-direction: column;
}

.development-case .text-area {
	display: flex;
	justify-content: space-around;
}

.content ul {
	padding-left: 25px;
}

/* その他・システム開発事例 */
.development-case .text-area div:nth-child(2) {
	margin-left: 50px;
}

/* タブレットサイズに適用 */
@media screen and (max-width:913px) {
	.development-case .content {
		align-items: stretch;
		display: flex;
		flex-direction: column;
	}
}

/* スマホサイズに適応 */
@media screen and (max-width:599px) {
	.development-case h2 {
		font-size: 20px;
	}
}

@media screen and (max-width:500px) {
	.development-case h2 {
		font-size: 30px;
		margin-bottom: 0;
		margin-top: 10px;
	}

	.development-case .text-area {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		padding: 0 20px;
	}

	.development-case .text-area div:nth-child(2) {
		margin-left: 0;
	}
}