@charset "utf-8";
#legal {
	width: 100%;
	height: auto;
	padding: 40px 0 72px;
}
	.legal__inner {
		width: 90%;
		max-width: 980px;
		height: auto;
		margin: 0 auto;
	}
		.legal__contents {
			width: 100%;
			height: auto;
		}
			.legal__txt {
				width: 100%;
				height: auto;
				margin: 0 auto 32px;
				font-family: "秀英角ゴシック銀 L" !important;
				font-size: 16px;
				line-height: 1.8;
				letter-spacing: 0.05em;
				color: var(--color--black);
			}
			.legal__list {
				display: flex;
				flex-direction: column;
				gap: 32px;
				width: 100%;
				height: auto;
				counter-reset: number 0;
			}
				.legal__list__item {
					width: 100%;
					height: auto;
				}
					.legal__list__item__ttl {
						display: flex;
						align-items: center;
						width: 100%;
						height: auto;
						padding: 16px 32px 16px 29px;
						margin: 0 auto 16px;
						border-radius: 16px;
						background-color: var(--color--beige);
						border: 1px solid #EFEBD9;
        				font-family: "秀英角ゴシック銀 B" !important;
						font-size: 26px;
						font-weight: 600;
						line-height: 1.3;
						letter-spacing: 0.05em;
						color: var(--color--brown);
						font-feature-settings: 'palt' on;
						position: relative;
					}
						.privacy_policy .legal__list__item__ttl::before {
							counter-increment: number 1;
							content: '（' counter(number) '）';
							font-family: "秀英角ゴシック銀 B" !important;
						}
						.terms_of_use .legal__list__item__ttl::before {
							counter-increment: number 1;
							content: '第' counter(number) '条';
							font-family: "秀英角ゴシック銀 B" !important;
						}
						.legal__list__item__ttl::after {
							content: "";
							width: 5px;
							height: 40px;
							border-radius: 0 4px 4px 0;
							background-color: var(--color--orange);
							position: absolute;
							top: 50%;
							left: 0;
							transform: translateY(-50%);
						}
					.legal__list__item__txt {
						width: 100%;
						height: auto;
						font-size: 16px;
						line-height: 1.8;
						letter-spacing: 0.05em;
						color: var(--color--black);
					}
					.legal__list__item__txt * {
					    font-family: "秀英角ゴシック銀 L" !important;
					}
						.legal__list__item__txt__cmn_ul {
							width: 100%;
							height: auto;
						}
							.legal__list__item__txt__cmn_ul li {
								width: 100%;
								height: auto;
								padding-left: 1rem;
								position: relative;
							}
								.legal__list__item__txt__cmn_ul li::before {
									content: "・";
									display: block;
									position: absolute;
									top: 0;
									left: 0;
								}
						.legal__list__item__txt__disc_ul {
							display: flex;
							flex-direction: column;
							gap: 8px;
							width: 100%;
							height: auto;
							margin: 16px auto;
						}
							.legal__list__item__txt__disc_ul li {
								width: 100%;
								height: auto;
								padding-left: 23px;
								position: relative;
							}
								.legal__list__item__txt__disc_ul li::before {
									content: "";
									width: 11px;
									height: 11px;
									border-radius: 9999px;
									border: solid 3px var(--color--orange);
									position: absolute;
									top: 8px;
									left: 2px;
								}
						.legal__list__item__txt div {
							width: 100%;
							height: auto;
							padding: 24px 32px;
							margin: 16px auto 0;
							border-radius: 16px;
							border: 1px solid var(--color--yellow);
						}
						.legal__list__item__txt a {
							color: var(--color--black);
						}
					@media (any-hover: hover) {
						.legal__list__item__txt a {
							transition: .3s;
						}
						.legal__list__item__txt a:hover {
							color: var(--color--orange);
							text-decoration: underline;
						}
					}
			.legal__end_txt {
				width: 100%;
				height: auto;
				margin: 32px auto 0;
				font-family: "秀英角ゴシック銀 L" !important;
				font-size: 16px;
				line-height: 1.8;
				letter-spacing: 0.05em;
				color: var(--color--black);
			}

/* PC ================================================== */
@media all and (min-width: 720px){

}

/* Tablet ================================================== */
@media all and (max-width: 719px){
#legal {
	padding: 24px 0 80px;
}
	.legal__inner {
		width: calc((343 / 375) * 100%);
	}
					.legal__list__item__ttl {
						padding: 25px 32px 25px 29px;
						margin: 0 auto 8px;
						font-size: 22px;
					}
}