@charset "utf-8";

.terms {
	.terms-content {
		background-color: var(--white);
		padding: 72px 56px;
		@media (width <= 800px) {
			padding: 40px 16px;
		}
		.terms-detail {
			margin-bottom: 40px;
			&.child {
				padding-left: 56px;
				@media (width <= 800px) {
					padding-left: 24px;
				}
			}
			h2,
			h3 {
				color: var(--blue);
				font-size: 18px;
				font-weight: 500;
				margin-bottom: 20px;
				@media (width <= 800px) {
					font-size: 17px;
					margin-bottom: 15px;
				}
			}
			h4 {
				font-size: 16px;
				margin-bottom: 5px;
				@media (width <= 800px) {
					font-size: 15px;
				}
			}
			ol {
				padding: 0;
				margin-bottom: 0;
				li {
					line-height: 2;
					margin: 0 0 5px;
					padding: 0;
				}
			}
			ul {
				margin: 0 0 10px;
				padding: 0;
				li {
					line-height: 2;
					margin-left: 1em;
					&::before {
						margin-left: -1em;
						content: "・";
					}
				}
			}
			dl {
				margin: 0 0 10px;
				dt {
					font-weight: 400;
					line-height: 2;
					margin: 0;
					padding: 0;
					@media (width <= 800px) {
						font-size: 15px;
					}
				}
				dd {
					line-height: 2;
					margin: 0;
					padding: 0 0 0 2em;
					@media (width <= 800px) {
						font-size: 15px;
					}
				}
			}
			p {
				line-height: 2;
			}
			.conditions {
				margin-bottom: 40px;
				@media (width <= 800px) {
					margin-bottom: 32px;
				}
			}
		}
		
	}
}