@charset "UTF-8";

/* ポートフォリオ　－　下層ページ SP */



/*****************************
全ページ共通
*****************************/
@media screen and (max-width: 767px) {
	/* flex */
	.flex {
		flex-direction: column;
	}
	.flex_items {
		width: 100%;
	}

	/* ヘッダー固定によるマージン調整 */
	.main {
		margin-top: 84px;
	}
}

/*****************************
パンくずリスト
*****************************/
@media screen and (max-width: 767px) {
	#breadcrumb ul {
		max-width: 1200px;
		padding: 0px 20px 10px 20px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 500px) {
	#breadcrumb ul {
		padding: 0px 20px 18px 20px;
	}
	#breadcrumb ul li.sp_block {
		display: block;
	}
}