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

main .container {
	max-width: 1000px;
}


/*////////// 共通 ///////////*/


/*////////// セクション1 ///////////*/
.sec1 h1 {
	line-height: 1.5em;
}

/*////////// セクション2 ///////////*/
.sec2 table {
	width: 100%;
}

.sec2 table th {
	display: block;
	padding: 0.5rem;
}

.sec2 table td {
	display: block;
	padding: 1rem;
}

.sec2 table th {
	text-align: center;
	background-color: #f2f2f2;
	font-weight: 500;
}

.sec2 table a {
	color: #3f3f3f;
}

.sec2 table a:hover {
	color: #54dfff;
	transition-duration: 0.3s;
}

@media (min-width: 768px) {
	.sec2 table th {
		display: table-cell;
		padding: 1.25rem;
		width: 28%;
	}

	.sec2 table td {
		display: table-cell;
		padding: 1.25rem;
		width:72%;
	}

	.sec2 table th {
		text-align: left;
		background-color: rgba(242,242,242,0.00);
	}
	
	.sec2 table tr:nth-child(2n+1) {
		background-color: #f2f2f2;
	}
}

@media (min-width: 992px) {
	.sec2 table th {
		padding: 1.5rem;
		width: 22%;
	}

	.sec2 table td {
		padding: 1.5rem;
		width:78%;
	}
}

@media (min-width: 1200px) {
	.sec2 table th {
		padding: 1.75rem;
	}

	.sec2 table td {
		padding: 1.75rem;
	}
}