@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#about {
	width: 100%;
	height: auto;
	padding: 230px 0px 200px;
	background-color: #FAF9F2;
}
	.about--inner {
		width: 90%;
		max-width: 1000px;
		margin: 90px auto auto;
	}
		.about-container {
			width: 100%;
			margin-bottom: 70px;
		}
		.about-container:last-of-type {
			margin-bottom: 0px;
		}
			.about-container_heading {
				width: 100%;
				margin: auto auto;
				font-size: 20px;
				line-height: 1.0;
				font-feature-settings: "palt";
			}
			.about-list {
				width: 100%;
			}
				.about-item {
					width: 100%;
					padding: 18px 0px;
					border-bottom: solid 1px #D8D5C2;
					font-size: 16px;
					display: flex;
					justify-content: flex-start;
					align-items: flex-start;
				}
					.about-item_heading {
						width: 180px;
						height: auto;
						text-align: justify;
						text-align-last: justify;
						text-justify: inter-ideograph;
						white-space: nowrap;
						font-feature-settings: "palt";
					}
						.chotai_13 span {
							display: block;
							transform: scale(0.935, 1);
							-webkit-transform: scale(0.935, 1);
							transform-origin: top left;
							-webkit-transform-origin: top left;
						}
						.chotai_16 span {
							display: block;
							transform: scale(0.75, 1);
							-webkit-transform: scale(0.75, 1);
							transform-origin: top left;
							-webkit-transform-origin: top left;
						}
					.about-item_details {
						width: calc(100% - 180px);
						padding-left: 105px;
						font-feature-settings: "palt";
						letter-spacing: 0.01em;
					}

		.about-note {
			width: 100%;
			margin: 30px auto auto;
			font-size: 12px;
		}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#about {
	width: 100%;
	height: auto;
	padding: 30px 0px 100px;
	background-color: #FAF9F2;
}
	.about--inner {
		width: 90%;
		margin: 50px auto auto;
	}
		.about-container {
			width: 100%;
			margin-bottom: 70px;
		}
		.about-container:last-of-type {
			margin-bottom: 0px;
		}
			.about-container_heading {
				width: 100%;
				margin: auto auto;
				font-size: 16px;
				line-height: 1.0;
				font-feature-settings: "palt";
			}
			.about-list {
				width: 100%;
			}
				.about-item {
					width: 100%;
					padding: 10px 0px;
					border-bottom: solid 1px #D8D5C2;
					display: flex;
					justify-content: flex-start;
					align-items: flex-start;
				}
					.about-item_heading {
						width: 180px;
						height: auto;
						text-align: justify;
						text-align-last: justify;
						text-justify: inter-ideograph;
						white-space: nowrap;
						font-feature-settings: "palt";
					}
						.chotai_13 span {
							display: block;
							transform: scale(0.935, 1);
							-webkit-transform: scale(0.935, 1);
							transform-origin: top left;
							-webkit-transform-origin: top left;
						}
						.chotai_16 span {
							display: block;
							transform: scale(0.75, 1);
							-webkit-transform: scale(0.75, 1);
							transform-origin: top left;
							-webkit-transform-origin: top left;
						}
					.about-item_details {
						width: calc(100% - 180px);
						padding-left: 50px;
					}

		.about-note {
			width: 100%;
			margin: 30px auto auto;
			font-size: 14px;
		}
}

/* SP ================================================== */
@media all and (max-width:559px){
#about {
	width: 100%;
	height: auto;
	padding: 30px 0px 100px;
	background-color: #FAF9F2;
}
	.about--inner {
		width: 90%;
		margin: 50px auto auto;
	}
		.about-container {
			width: 100%;
			margin-bottom: 70px;
		}
		.about-container:last-of-type {
			margin-bottom: 0px;
		}
			.about-container_heading {
				width: 100%;
				margin: auto auto;
				font-size: 16px;
				line-height: 1.0;
				font-feature-settings: "palt";
			}
			.about-list {
				width: 100%;
			}
				.about-item {
					display: flex;
					width: 100%;
					padding: 14px 0px;
					border-bottom: solid 1px #D8D5C2;
				}
					.about-item_heading {
						width: 40%;
						height: auto;
						font-size: 14px;
						margin-right: 5%;
						line-height: 1.4em;
					}
					.about-item_details {
						width: 60%;
						padding-top: 2px;
						line-height: 1.6;
						font-size: 14px;
					}

		.about-note {
			width: 100%;
			margin: 30px auto auto;
			font-size: 14px;
		}
}