#monitoring {
	.inner.section__head {
		padding-block: 8rem 10rem;
	}

	.bg-white {
		background: #fff;

		.inner.compliInner {
			.compliContainer {
				padding-block: 10rem 12rem;

				.compliTop {
					background: var(--colorGray);

					.compliRecom__column {
						grid-template-columns: repeat(4, 1fr);

						.compliRecom__item {
							padding: 1rem 1.5rem;
							background: #fff;

							&::before {
								content: "";
								display: inline-block;
								vertical-align: middle;
								color: #fff;
								line-height: 1;
								width: 0;
								height: 0;
								border-style: solid;
								border-color: transparent;
								border-width: 2rem 1.5rem;
								border-top-color: currentColor;
								border-bottom: 0;
								position: absolute;
								bottom: -1.8rem;
								background: unset;
								z-index: 1;
							}

							&::after {
								content: "";
								display: inline-block;
								vertical-align: middle;
								color: var(--colorTurquoiseBlue);
								line-height: 1;
								width: 0;
								height: 0;
								border-style: solid;
								border-color: transparent;
								border-width: 2rem 1.5rem;
								border-top-color: currentColor;
								border-bottom: 0;
								position: absolute;
								bottom: -2rem;
								transform: translateX(-50%);
								left: 50%;
								background: unset;
								z-index: 0;
							}

							&.border-blue {
								&::after {
									color: var(--colorTurquoiseBlue);
								}
							}

							&.border-green {
								&::after {
									color: var(--colorGreen);
								}
							}
						}
					}
				}

				.compliBottom {
					background: var(--colorGray);
				}
			}
		}
	}

	@media (max-width:767px) {
		.inner.section__head {
			padding-block: 8rem;
		}

		.bg-white {
			.inner.compliInner {
				.compliContainer {
					.compliCircle__column {
						display: grid;
						grid-template-columns: 1fr 1fr;
						gap: 5rem 1rem;
						

						.compliCircle__item {
							width: 34vw;
							height: 34vw;
							font-size: var(--fontSize13);
						}

						.compliRecom__item {
							padding: 1rem 1.5rem;
							background: #fff;
							position: relative;
							border-radius: 2rem;
							margin-top: 1rem;
							font-size: var(--fontSize13);
							text-align: center;

							&.border-blue {
								border: 1px solid var(--colorTurquoiseBlue);
							}

							&.border-green {
								border: 1px solid var(--colorGreen);
							}

							&::before {
								content: "";
								display: inline-block;
								vertical-align: middle;
								color: #fff;
								line-height: 1;
								width: 0;
								height: 0;
								border-style: solid;
								border-color: transparent;
								border-width: 2rem 1.5rem;
								border-top-color: currentColor;
								border-bottom: 0;
								position: absolute;
								bottom: -1.8rem;
								left: 50%;
								transform: translateX(-50%);
								background: unset;
								z-index: 1;
							}

							&::after {
								content: "";
								display: inline-block;
								vertical-align: middle;
								color: var(--colorTurquoiseBlue);
								line-height: 1;
								width: 0;
								height: 0;
								border-style: solid;
								border-color: transparent;
								border-width: 2rem 1.5rem;
								border-top-color: currentColor;
								border-bottom: 0;
								position: absolute;
								bottom: -2rem;
								transform: translateX(-50%);
								left: 50%;
								background: unset;
								z-index: 0;
							}

							&.border-blue {
								&::after {
									color: var(--colorTurquoiseBlue);
								}
							}

							&.border-green {
								&::after {
									color: var(--colorGreen);
								}
							}
						}
					}

					.compliTop {
						padding-inline: 2rem;
						padding-top: 4rem;

						.compliRecom__column {
							grid-template-columns: 1fr;
							gap: 4rem;


							&.pc_display {
								display: none;
							}
						}
					}
				}
			}
		}
	}
}

.compliCircle__itemWrap {
	display: contents;

	@media (max-width:767px) {
		display: block;
	}
}

#service {
	padding-block: 10rem 8rem;

	.blueTableBox {
		&:nth-child(2) {
			margin-top: 4rem;
		}

		.blueTableInner {
			.blueTableWrap {
				.securityTable {
					thead {
						th {
							padding: 2rem;

							&:nth-child(2),
							&:nth-child(3) {
								width: 13.8%;
								@media (max-width:1130px) {
									width: 16%;
								}
							}
						}
					}

					tbody {
						tr {
							td {

								padding: 1.4rem 1.6rem;
								font-size: 1.6rem;

								span {
									font-size: var(--fontSize13);
									margin-left: 0.2rem;
								}

								&.pl-35 {
									padding-left: 3.5rem;
								}

								&.font-20 {
									font-size: var(--fontSize20);
									padding-left: 3.8rem;
								}

								&.other-option-tr {
									padding-inline: 1.2rem;
								}

							}

							&:nth-child(1) {
								td {
									&:nth-child(1) {
										width: 14%;
									}
								}
							}

							&:nth-child(9),
							&:nth-child(10),
							&:nth-child(11),
							&:nth-child(12),
							&:nth-child(13) {
								td {
									border-right: 4px solid var(--colorGray);
								}
							}

							&:nth-last-child(1) {
								td {
									&:nth-child(1) {
										border-radius: 0;
									}
								}
							}

							&:nth-last-child(2) {
								td {
									&:nth-child(1) {
										border-radius: 0 0 0 2rem;
									}
								}
							}
						}
					}
				}

				.standardTable {
					max-width: 86.5rem;
					margin-inline: auto;

					thead {
						th {
							padding: 1.3rem 1rem;
							width: 50%;
						}
					}

					tbody {
						td {
							span {
								font-size: var(--fontSize13);
								margin-left: 0.5rem;
							}
						}
					}
				}
			}

			.blueTable__note {
				text-align: end;
			}

			.standardTable__note {
				max-width: 86.5rem;
				margin-inline: auto;
			}
		}
	}

	@media (max-width:767px) {
		padding-block: 8rem;

		.blueTableBox {
			.blueTableInner {
				.blueTableWrap {
					.standardTable {
						max-width: unset;
						width: 100%;
					}
				}
			}
		}
	}
}

#reason {
	.reasonColumn {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6rem 2rem;

		.reasonItem {
			max-width: 100%;
			display: flex;
			align-items: center;
			padding: 3rem 3rem 3rem 3.5rem;
			gap: 3rem;

			.reasonItem__num {
				position: unset;
				top: -3.2rem;
				left: 50%;
				transform: none;
				font-family: var(--fontPrompt);
				font-size: var(--fontSize44);
				font-weight: 200;
				color: var(--colorGreen);
				letter-spacing: 0.01em;
				display: grid;
				align-content: center;
				text-align: center;
				line-height: 1;
				white-space: nowrap;
			}

			.reasonItem__textarea {
				.reasonItem__title {
					text-align: start;
				}

				.reasonItem__text {
					margin-top: 1rem;
					font-family: var(--body-font-family);
				}
			}
		}
	}

	@media (max-width:767px) {
		.reasonColumn {
			grid-template-columns: 1fr;

			.reasonItem {
				grid-template-columns: 4rem auto;
				font-size: 7vw;

				.reasonItem__num {
					font-size: 9vw;

					span {
						font-size: 4vw;
					}
				}
			}
		}
	}
}

#contact {
	border-top: 1px solid var(--colorBlack);
}