@charset "UTF-8";

.page-orders_container {
	padding-top: 170px;
	padding-bottom: 100px;
	background-image: url(../img/about_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2220px 1665px;
}

.page-orders_content {
	max-width: 1000px;
	width: 90%;
	margin: auto;
}

.title_container {
	width: 100% !important;
	padding: 0;
}

.title-en {
	color: #72522d;
	font-size: 59px !important;
}
body.font-large .title-en {
	font-size: calc(59px + 2px) !important;
}
body.font-extra-large .title-en {
	font-size: calc(59px + 6px) !important;
}

.title-ja {
	color: #ff8c05;
	font-size: 20px;
}
body.font-large .title-ja {
	font-size: calc(20px + 2px);
}
body.font-extra-large .title-ja {
	font-size: calc(20px + 6px);
}

.page-top-textarea {
	max-width: 800px;
	width: 95%;
	margin: auto;
	margin-top: 52px;
	font-size: 14px;
	line-height: 2;
}
body.font-large .page-top-textarea {
	font-size: calc(14px + 2px) ;
}
body.font-extra-large .page-top-textarea {
	font-size: calc(14px + 6px);
}

.business_list {
	display: flex;
	margin-top: 42px;
	column-gap: 1.8%;
	flex-wrap: wrap;

	row-gap: 42px;
}

.business-content-item {
	width: calc(100% / 4 - 14px);
}

.img_wrap {
	position: relative;
}

.img_wrap::before {
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.3);
	content: "";
}

.business-img {
	max-width: 100%;
	border-radius: 10px;
}

.img-text {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translateY(-50%) translateX(-50%);
	color: #ffffff;
	font-weight: 700;
	font-size: 28px;
}
body.font-large .img-text {
	font-size: calc(28px + 2px);
}
body.font-extra-large .img-text {
	font-size: calc(28px + 6px);
}

.business-content-text {
	margin-top: 13px;
}

.content-text {
	font-size: 14px;
	line-height: 2;
}
body.font-large .content-text {
	font-size: calc(14px + 2px);
}
body.font-extra-large .content-text {
	font-size: calc(14px + 6px);
}

.window-list-table_container {
	margin-top: 70px;
}

.table-top-title {
	font-size: 26px;
	text-align: center;
}
body.font-large .table-top-title {
	font-size: calc(26px + 2px);
}
body.font-extra-large .table-top-title {
	font-size: calc(26px + 6px);
}

.window-table {
	min-width: 1000px;
	width: 100%;
	margin-top: 26px;
	border: 2px solid #72522d;
	border-collapse: collapse;
}

.head_wrap {
	background-color: #72522d;
}

.th-head {
	padding: 10px 0;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}
body.font-large .th-head {
	font-size: calc(14px + 2px);
}
body.font-extra-large .th-head {
	font-size: calc(14px + 6px);
}

.th-head:nth-child(1) {
	width: 19%;
}

.th-head:nth-child(2) {
	width: 16%;
}

.th-head:nth-child(3) {
	width: 24%;
}

.th-head:nth-child(4) {
	width: 14%;
}

.th-head:nth-child(5) {
	width: 27%;
}

.td-block {
	padding: 23px 17px;
	border-right: 1px solid #72522d;
	border-bottom: 1px solid #72522d;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
}

.td-block:nth-child(2) {
	padding: 23px 10px;
}

.td-block:nth-child(5) {
	text-align: left;
}

.td-block p {
	font-size: 14px;
	line-height: 2;
}
body.font-large .td-block p {
	font-size: calc(14px + 2px);
}
body.font-extra-large .td-block p {
	font-size: calc(14px + 6px);
}


.td-block:nth-child(2) p {
	display: inline-block;
	text-align: left;
}

.scroll-hint-icon {
	top: 20% !important;
}

@media screen and (max-width: 900px) {
	.business-content-item {
		width: calc(100% / 3 - 10px);
	}
}

@media screen and (max-width: 650px) {
	.page-orders_container {
		padding-top: 120px;
		padding-bottom: 50px;
	}
	.page-top-textarea {
		margin-top: 34px;
	}
	.business_list {
		margin-top: 36px;
		column-gap: 14px;
	}
	.business-content-item {
		width: calc(100% / 2 - 7px);
	}
	.img-text {
		font-size: 19px;
	}
	body.font-large .img-text {
		font-size: calc(19px + 2px);
	}
	body.font-extra-large .img-text {
		font-size: calc(19px + 6px);
	}

	.business-content-text {
		margin-top: 9px;
	}
	.content-text {
		line-height: 1.8;
	}
	.window-list-table_container {
		margin-top: 55px;
	}
}