@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#performance {
	width: 100%;
	height: auto;
}
	.performance__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 0 0 80px;
		margin: 0 auto;
	}
		.performance__contents {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.performance__contents__heading {
				width: 100%;
				height: auto;
				padding: 16px 0;
				margin: 0 auto 50px;
				font-size: 1.625rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.05em;
				border-bottom: solid 1px var(--color--lightgray);
				position: relative;
			}
				.performance__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.performance__contents__wrap {
					width: 90%;
					max-width: 900px;
					height: auto;
					margin: 0 auto 40px;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
					row-gap: 50px;
				}
					.performance__item {
						width: 47.4%;
						height: auto;
					}
						.performance__item__heading {
							width: 100%;
							height: auto;
							padding: 9px 14px;
							margin-bottom: 45px;
							background-color: var(--color--creamgray);
							font-size: 1.25rem;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.06em;
							position: relative;
						}
						.performance__item__heading::before {
							content: '';
							display: block;
							width: 3px;
							height: 15px;
							background-color: var(--color--gray);
							position: absolute;
							top: 50%;
							left: 0;
							transform: translate(0%,-50%);
						}
						.performance__item__image {
							width: 100%;
							height: auto;
							padding: 16px 0;
							margin-bottom: 24px;
							background-color: #fff;
							display: flex;
							justify-content: center;
							align-items: center;
							position: relative;
						}
							.performance__item__image img {
								width: 63%;
								height: auto;
							}
							.performance__item__image_note {
								width: 100%;
								height: auto;
								font-size: 0.875rem;
								font-weight: 500;
								line-height: 1;
								letter-spacing: 0.06em;
								position: absolute;
								top: -7px;
								left: 0;
								transform: translate(0%,-100%);
							}
						.performance__item__table {
							width: 100%;
							height: auto;
						}
							.performance__item__table table {
								width: 100%;
								height: auto;
								border: solid 1px #C5C5C5;
								border-collapse: collapse;
							}
								.performance__item__table table th,
								.performance__item__table table td {
									border: solid 1px #C5C5C5;
								}
								.performance__item__table table td {
									padding-right: 7px;
								}
								.performance__item__table table th {
									width: 40px;
									background-color: var(--color--black);
									font-size: 0.875rem;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.03em;
									color: #fff;
								}
								.performance__item__table table td {
									width: auto;
									height: 42px;
									font-size: 0.875rem;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.04em;
									color: var(--color--black);
								}
								.performance__item__table table tr:first-of-type td {
									padding: 0;
									background-color: var(--color--yellowgray);
									font-weight: 700;
								}
				.performance__contents__note {
					width: 90%;
					max-width: 900px;
					height: auto;
					margin: 0 auto;
					font-size: 0.875rem;
					font-weight: 500;
					line-height: 2.0;
					letter-spacing: 0.04em;
				}
				.performance__contents__precautions {
					width: 90%;
					max-width: 900px;
					height: auto;
					margin: 80px auto 0; 
				}
					.performance__contents__precautions__heading {
						width: 100%;
						height: auto;
						padding: 2px 16px 2px 16px;
						margin: 0 auto 20px;
						font-size: 1rem;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.06em;
						position: relative;
					}
						.performance__contents__precautions__heading::before {
							content: '';
							display: block;
							width: 9px;
							height: 1px;
							background-color: var(--color--black);
							position: absolute;
							top: 47.5%;
							left: 0;
							transform: translate(0%,-50%);
						}
					.performance__contents__precautions__list {
						width: 100%;
						height: auto;
						margin-bottom: 15px;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
						.performance__contents__precautions__list > li {
							padding-left: 15px;
							position: relative;
						}
						.performance__contents__precautions__list > li::before {
							content: '';
							display: block;
							width: 3px;
							height: 3px;
							border-radius: 50%;
							border: none;
							background-color: var(--color--gray);
							position: absolute;
							top: 12px;
							left: 0;
						}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#performance {
	width: 100%;
	height: auto;
}
	.performance__inner {
		width: 90%;
		height: auto;
		padding: 0 0 100px;
		margin: 0 auto;
	}
		.performance__contents {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.performance__contents__heading {
				width: 100%;
				height: auto;
				padding: 16px 0;
				margin: 0 auto 40px;
				font-size: 1.5rem;
				font-weight: 700;
				line-height: 1;
				letter-spacing: 0.05em;
				border-bottom: solid 1px var(--color--lightgray);
				position: relative;
			}
				.performance__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.performance__contents__wrap {
					width: 100%;
					height: auto;
					margin: 0 auto 40px;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					flex-wrap: wrap;
					row-gap: 50px;
				}
					.performance__item {
						width: 48%;
						height: auto;
					}
						.performance__item__heading {
							width: 100%;
							height: auto;
							padding: 9px 12px;
							margin-bottom: 45px;
							background-color: var(--color--creamgray);
							font-size: 1.125rem;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.06em;
							position: relative;
						}
							.performance__item__heading::before {
								content: '';
								display: block;
								width: 3px;
								height: 15px;
								background-color: var(--color--gray);
								position: absolute;
								top: 50%;
								left: 0;
								transform: translate(0%,-50%);
							}
						.performance__item__image {
							width: 100%;
							height: auto;
							padding: 16px 0;
							margin-bottom: 24px;
							background-color: #fff;
							display: flex;
							justify-content: center;
							align-items: center;
							position: relative;
						}
							.performance__item__image img {
								width: 63%;
								height: auto;
							}
							.performance__item__image_note {
								width: 100%;
								height: auto;
								font-size: 0.875rem;
								font-weight: 500;
								line-height: 1;
								letter-spacing: 0.06em;
								position: absolute;
								top: -7px;
								left: 0;
								transform: translate(0%,-100%);
							}
						.performance__item__table {
							width: 100%;
							height: auto;
						}
							.performance__item__table table {
								width: 100%;
								height: auto;
								border: solid 1px #C5C5C5;
								border-collapse: collapse;
							}
								.performance__item__table table th,
								.performance__item__table table td {
									border: solid 1px #C5C5C5;
								}
								.performance__item__table table td {
									padding-right: 7px;
								}
								.performance__item__table table th {
									width: 36px;
									background-color: var(--color--black);
									font-size: 0.875rem;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.03em;
									color: #fff;
								}
								.performance__item__table table td {
									width: auto;
									height: 36px;
									font-size: 0.75rem;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.04em;
									color: var(--color--black);
								}
								.performance__item__table table tr:first-of-type td {
									padding: 0;
									background-color: var(--color--yellowgray);
									font-weight: 700;
								}
				.performance__contents__note {
					width: 100%;
					height: auto;
					margin: 0 auto;
					font-size: 0.875rem;
					font-weight: 500;
					line-height: 2.0;
					letter-spacing: 0.04em;
				}
				.performance__contents__precautions {
					width: 100%;
					height: auto;
					margin: 80px auto 0; 
				}
					.performance__contents__precautions__heading {
						width: 100%;
						height: auto;
						padding: 2px 16px 2px 16px;
						margin: 0 auto 20px;
						font-size: 1rem;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.06em;
						position: relative;
					}
						.performance__contents__precautions__heading::before {
							content: '';
							display: block;
							width: 9px;
							height: 1px;
							background-color: var(--color--black);
							position: absolute;
							top: 47.5%;
							left: 0;
							transform: translate(0%,-50%);
						}
					.performance__contents__precautions__list {
						width: 100%;
						height: auto;
						margin-bottom: 15px;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
						.performance__contents__precautions__list > li {
							padding-left: 15px;
							position: relative;
						}
						.performance__contents__precautions__list > li::before {
							content: '';
							display: block;
							width: 3px;
							height: 3px;
							border-radius: 50%;
							border: none;
							background-color: var(--color--gray);
							position: absolute;
							top: 12px;
							left: 0;
						}
}

/* SP ================================================== */
@media all and (max-width:599px){
#performance {
	width: 100%;
	height: auto;
}
	.performance__inner {
		width: 90%;
		height: auto;
		padding: 0 0 100px;
		margin: 0 auto;
	}
		.performance__contents {
			width: 100%;
			height: auto;
			counter-reset: number 0;
		}
			.performance__contents__heading {
				width: 100%;
				height: auto;
				padding: 12px 0;
				margin: 0 auto 25px;
				font-size: 1.5rem;
				font-weight: 700;
				line-height: 1.4;
				letter-spacing: 0.05em;
				border-bottom: solid 1px var(--color--lightgray);
				position: relative;
			}
				.performance__contents__heading::after {
					content: '';
					display: block;
					width: 50px;
					height: 1px;
					background-color: var(--color--yellow);
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.performance__contents__wrap {
					width: 100%;
					height: auto;
					padding: 0 0 60px;
					margin: 0 auto;
				}
					.performance__item {
						width: 100%;
						height: auto;
						margin-bottom: 70px;
					}
					.performance__item:last-of-type {
						margin-bottom: 0;
					}
						.performance__item__heading {
							width: 100%;
							height: auto;
							padding: 9px 14px;
							margin-bottom: 45px;
							background-color: var(--color--creamgray);
							font-size: 1.125rem;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.06em;
							position: relative;
						}
							.performance__item__heading::before {
								content: '';
								display: block;
								width: 3px;
								height: 15px;
								background-color: var(--color--gray);
								position: absolute;
								top: 50%;
								left: 0;
								transform: translate(0%,-50%);
							}
						.performance__item__image {
							width: 100%;
							height: auto;
							padding: 16px 0;
							margin-bottom: 24px;
							background-color: #fff;
							display: flex;
							justify-content: center;
							align-items: center;
							position: relative;
						}
							.performance__item__image img {
								width: 63%;
								height: auto;
							}
							.performance__item__image_note {
								width: 100%;
								height: auto;
								font-size: 0.875rem;
								font-weight: 500;
								line-height: 1;
								letter-spacing: 0.06em;
								position: absolute;
								top: -7px;
								left: 0;
								transform: translate(0%,-100%);
							}
						.performance__item__table {
							width: 100%;
							height: auto;
						}
							.performance__item__table table {
								width: 100%;
								height: auto;
								border: solid 1px #C5C5C5;
								border-collapse: collapse;
							}
								.performance__item__table table th,
								.performance__item__table table td {
									border: solid 1px #C5C5C5;
								}
								.performance__item__table table td {
									padding-right: 7px;
								}
								.performance__item__table table th {
									width: 40px;
									background-color: var(--color--black);
									font-size: 0.875rem;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.03em;
									color: #fff;
								}
								.performance__item__table table td {
									width: auto;
									height: 42px;
									font-size: 0.875rem;
									font-weight: 500;
									line-height: 1;
									letter-spacing: 0.04em;
									color: var(--color--black);
								}
								.performance__item__table table tr:first-of-type td {
									padding: 0;
									background-color: var(--color--yellowgray);
									font-weight: 700;
								}
				.performance__contents__note {
					width: 100%;
					height: auto;
					margin: 0 auto;
					font-size: 0.875rem;
					font-weight: 500;
					line-height: 2.0;
					letter-spacing: 0.04em;
				}
				.performance__contents__precautions {
					width: 100%;
					height: auto;
					margin: 80px auto 0; 
				}
					.performance__contents__precautions__heading {
						width: 100%;
						height: auto;
						padding: 2px 16px 2px 16px;
						margin: 0 auto 20px;
						font-size: 1rem;
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.06em;
						position: relative;
					}
						.performance__contents__precautions__heading::before {
							content: '';
							display: block;
							width: 9px;
							height: 1px;
							background-color: var(--color--black);
							position: absolute;
							top: 47.5%;
							left: 0;
							transform: translate(0%,-50%);
						}
					.performance__contents__precautions__list {
						width: 100%;
						height: auto;
						margin-bottom: 15px;
						font-size: 0.875rem;
						font-weight: 500;
						line-height: 2;
						letter-spacing: 0.04em;
					}
						.performance__contents__precautions__list > li {
							padding-left: 15px;
							position: relative;
						}
						.performance__contents__precautions__list > li::before {
							content: '';
							display: block;
							width: 3px;
							height: 3px;
							border-radius: 50%;
							border: none;
							background-color: var(--color--gray);
							position: absolute;
							top: 12px;
							left: 0;
						}
}