@charset "utf-8";
/*==============================
表形式
tableContents
==============================*/

/*===============================================
●共通
===============================================*/
.tableContents { width: 100%;}
.tableContents:last-of-type { margin-bottom: 0;} 
.tableContents th, .tableContents td {
	display: block;
	width: 100%;
	line-height: 1.875em;
}
.tableContents th .tit04 {
	display: block;
	width: 100%;
}
.tit04::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	border-radius: 1.5px;
	background: #459BD7;
	position: absolute;
	bottom: -3px;
	left: 0;
}
.tableContents .photoBox {
	display: flex;
	flex-wrap: wrap;
}
.tableContents .photoBox li { display: block;}
.tableContents .photoBox li a {
	display: block;
	width: 100%;
	padding-top: 67%;
	border-radius: 20px;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px){
	
	.tableContents:not(:first-of-type) { margin-top: 18%;}
	.tableContents th { margin-bottom: 0.65em;}
	.tableContents .photoBox { justify-content: space-between;}
	.tableContents .photoBox { margin-top: 2em;}
	.tableContents .photoBox li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 1%;
	}
	.tableContents .photoBox li:nth-of-type(2n) {
		margin-right: 0;
		margin-bottom: 0;
	}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px){

	.tableContents th { margin-bottom: 1em;}
	.tableContents .photoBox { margin-top: 3em;}
	.tableContents .photoBox li {
		width: 19.2%;
		margin-right: 1%;
	}
	.tableContents .photoBox li:last-of-type { margin-right: 0;}
}