@charset "UTF-8";

.price {
	width: 100%;
	margin: 50px 0 100px;
	display: inline-block;
}


		@media only screen and (max-width: 600px) {
			.price {
				margin: 0 0 70px;
			}
		}

.price .inner {
	width: 1180px;
	margin: 0 auto;
}

		@media only screen and (max-width: 1180px) {
			.price .inner {
				width: 100%;
				margin: 0 auto;
				padding: 0 4%;
				box-sizing: border-box;
			}
		}

.price h3 {
	font-size: 20px;
	padding: 0.25em 0.8em;
	color: #494949;
	background: transparent;
	border-left: solid 5px #7db4e6;
}

.supplement {
	width: 82%;
	margin: 0 auto 50px;
}
.supplement p {
	margin-top: 10px;
}
.supplement p:first-child {
	margin-top: 0;
}

table.price-list {
	width: 100%;
	border-top: #1b76d0 solid 1px;
	border-right: #1b76d0 solid 1px;
	border-left: #1b76d0 solid 1px;
	border-collapse: collapse;
	margin: 50px 0;
}

.list-1 {
	font-weight: 500;
	font-size: 20px;
}

table.price-list thead th {
	background: #d0e2f4;
	color: #1b76d0;
	padding: 10px 15px;
	border-right: #1b76d0 solid 1px;
	border-bottom: #1b76d0 solid 1px;
}

table.price-list tbody th {
	background: #d0e2f4;
	color: #1b76d0;
	padding: 50px 15px;
	border-bottom: #1b76d0 solid 1px;
	vertical-align: middle;
	display: table-cell;
}
table.price-list tbody td {
	color: #1b76d0;
	text-align: center;
	background: #FFF;
	padding: 50px 15px;
	border-left: #1b76d0 solid 1px;
	border-bottom: #1b76d0 solid 1px;
	vertical-align: top;
}
table.price-list thead th:last-child {
	border-right: #a6435d solid 1px;
}



table.price-list2 {
	width: 100%;
	border-top: #1b76d0 solid 1px;
	border-right: #1b76d0 solid 1px;
	border-left: #1b76d0 solid 1px;
	border-collapse: collapse;
	margin: 50px 0;
}

.list-2 {
	font-weight: 500;
	font-size: 20px;
}
table.price-list2 thead th {
	background: #d0e2f4;
	color: #1b76d0;
	padding: 10px 15px;
	border-right: #1b76d0 solid 1px;
	border-bottom: #1b76d0 solid 1px;
}

table.price-list2 tbody th {
	background: #d0e2f4;
	color: #1b76d0;
	padding: 50px 15px;
	border-bottom: #1b76d0 solid 1px;
	vertical-align: middle;
	display: table-cell;
}
table.price-list2 tbody td {
	color: #1b76d0;
	text-align: center;
	background: #FFF;
	padding: 50px 15px;
	border-left: #1b76d0 solid 1px;
	border-bottom: #1b76d0 solid 1px;
	vertical-align: top;
}


		@media screen and (max-width: 640px) {
				.price h3 {
					font-size: 14px;
					padding: 0.25em 0.8em;
					color: #494949;
					background: transparent;
					border-left: solid 4px #7db4e6;
				}
				.supplement {
					width: 90%;
					margin: 0 auto 50px;
				}
				table.price-list thead {
					display: none;
				}
				table.price-list tbody th {
					display: block;
					padding: 20px 15px;
				}
				table.price-list tbody td {
					display: block;
					padding: 20px 15px;
					border-left: none;
				}

				table.price-list tbody td::before {
					content: attr(label);
					float: left;
					clear: both;
					font-weight: bold;
				}
				table.price-list tbody td p {
					text-align: right;
				}
				table.price-list2 thead th {
					font-size: 16px;
				}
				table.price-list2 tbody th {
					display: block;
					padding: 20px 15px;
					text-align: left;
				}
				table.price-list2 tbody td {
					display: block;
					padding: 20px 15px;
					border-left: none;
					text-align: left;
				}
				table.price-list2 tbody td p {
					text-align: left;
				}
			
		}