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


/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs ul { display: flex; justify-content: flex-end; align-items: center; padding: 0 4% 20px; }
#breadcrumbs ul li { font-size: 0.8rem; margin-right: 5px; display: inline-block; }
#breadcrumbs ul li:after { content: ">"; margin-left: 10px; }
#breadcrumbs ul li:last-child { margin-right: 0px; }
#breadcrumbs ul li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 0px; }
	#breadcrumbs ul { padding: 0 4% 0px; }
	#breadcrumbs li { font-size: 0.7rem; }
}

/*-- 事例 ------------------------------------------------------------*/
.exList li div { margin-bottom: 10px; }
.exList li .cate { margin-bottom: 10px; }
@media screen and (max-width: 599px) {
	.exList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.exList li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.exList li:nth-child(2n) { margin-right: 0; }
}
@media screen and (min-width: 600px) {
	.exList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.exList li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.exList li:nth-child(2n) { margin-right: 0; }
}
@media screen and (min-width: 900px) and (max-width: 1189px) {
	.exList li { width: 32%; margin-right: 2%; margin-bottom: 20px; }
	.exList li:nth-child(3n) { margin-right: 0; }
}
@media screen and (min-width: 1190px) {
	.exList li { width: 23.5%; margin-right: 2%; margin-bottom: 20px; }
	.exList li:nth-child(4n) { margin-right: 0; }
}

/*-- テーブル ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#content .tbl01 { width: 100%; margin-bottom: 20px; table-layout: fixed; }
	#content .tbl01 th,#content .tbl01 td { padding: 5px 10px; text-align: left; }
	#content .tbl01 thead th { text-align: center; background: #f4f4f4; }
	#content .tbl01 th { text-align: left; border-bottom: 3px solid #dedede; }
	#content .tbl01 td { border-bottom: 1px solid #dedede; }
}
@media screen and (min-width: 600px) {
	#content .tbl01 { width: 100%; margin-bottom: 40px; table-layout: fixed; }
	#content .tbl01 th,#content .tbl01 td { padding: 10px 20px; text-align: left; }
	#content .tbl01 thead th { text-align: center; background: #f4f4f4; }
	#content .tbl01 th { text-align: left; border-bottom: 3px solid #dedede; }
	#content .tbl01 td { border-bottom: 1px solid #dedede; }
}


/*-- アーカイブ ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.archiveFlex { display: flex; justify-content: space-between; }
	.archiveFlex .eye { width: 50px; margin-right: 4%; }
	.archiveFlex .s-content { width: calc(96% - 50px); }
}
@media screen and (min-width: 600px) and (max-width: 899px) {	
	.archiveFlex { display: flex; justify-content: space-between; }
	.archiveFlex .eye { width: 120px; margin-right: 2%; }
	.archiveFlex .s-content { width: calc(98% - 120px); }
}
@media screen and (min-width: 900px) {	
	.archiveFlex { display: flex; justify-content: space-between; }
	.archiveFlex .eye { width: 150px; margin-right: 2%; }
	.archiveFlex .s-content { width: calc(98% - 150px); }
}