@charset "UTF-8";

.page-banner {
	&:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 100rem;
		height: 60rem;
		/* background: url("../../img/page/our_work/banner-img.png") no-repeat center left / contain; */

		@media screen and (max-width: 767px) {
			width: 35.7rem;
			height: 21.4rem;
			top: unset;
			transform: unset;
			bottom: 0;
		}
	}
	.common-title {
		padding-bottom: 10rem;
		@media screen and (max-width:767px){
			padding-bottom: 0;
		}
	}
}

.page_container {
	padding-top: 16rem;
	padding-bottom: 16rem;

	@media screen and (max-width: 767px) {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

	.main-text {
		font-family: var(--zen);
		font-style: normal;
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 180%;
		letter-spacing: 0.15em;
		color: #000000;
		margin-bottom: 8rem;

		@media screen and (max-width: 767px) {
			font-size: 1.6rem;
			margin-bottom: 4rem;
		}
	}

	& table {
		width: 100%;
		@media screen and (max-width: 767px) {
			width: 100%;
			display: block;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}

		& th {
			font-family: var(--zen);
			font-style: normal;
			font-weight: 700;
			font-size: 2rem;
			line-height: 1;
			text-align: left;
			letter-spacing: 0.1em;
			color: #e60012;
			background-color: #f3f5f6;
			padding-top: 3rem;
			padding-bottom: 3rem;
			@media screen and (max-width: 767px) {
				font-size: 1.4rem;
				padding-top: 1.2rem;
				padding-bottom: 1.2rem;
			}
		}
		& td:first-child,
		& th:first-child {
			padding-left: 2rem;
			box-sizing: border-box;
			width: 12.5%;

			@media screen and (max-width: 767px) {
				width: 16%;
				padding-left: 1rem;
			}
		}

		& th:nth-child(2) {
			width: 9.5%;
			@media screen and (max-width: 767px) {
				width: 10%;
			}
		}

		& th:nth-child(3) {
			width: 74%;
			@media screen and (max-width: 767px) {
				width: 75%;
			}
		}

		& td {
			font-family: var(--zen);
			font-style: normal;
			font-weight: 500;
			font-size: 2rem;
			line-height: 2.4rem;
			letter-spacing: 0.1em;
			color: #000000;
			padding-top: 3rem;
			padding-bottom: 3rem;
			@media screen and (max-width: 767px) {
				font-size: 1.4rem;
				padding-top: 1.2rem;
				padding-bottom: 1.2rem;
			}
		}

		& tbody {
			@media screen and (max-width: 767px) {
				display: table;
				width: 65rem;
			}
		}
	}
}