@charset "utf-8";
/* CSS Document */

/*================================================
legal
================================================*/
#legal {
	background-color: #d8effd;
	margin-bottom: -50px;
    font-weight: 400;
}
#legal .legal_inner {
	background-color: #33a8ed;
	max-width: 844px;
	margin: 0 auto;
	padding: 50px;
}
#legal .box_legal {
	color: #4a4a4a;
	background-color: #d8effd;
	padding: 50px 30px;
	border-radius: 10px;
	box-shadow: 0 0 5px hsla(0,0%,0%,0.61); 
	font-size: 1.6rem;
}
#legal .box_legal .box_legal_heading {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 30px;
}
#legal .box_legal .definition {
	display: flex;
	gap: 10x;
	margin-top: 5px;
}
#legal .box_legal .definition > dt {
	flex: 1;
}
#legal .box_legal .definition > dd {
	flex: 1;
}
#legal .box_legal a {
	color: #4a4a4a;
	text-decoration: underline;
}
@media screen and (min-width: 751px) and (max-width: 843px){
	#legal {
		margin-bottom: calc(-50 / 843 * 100vw);
	}
	#legal .legal_inner {
		padding: calc(50 / 843 * 100vw) calc(30 / 843 * 100vw);
	}
	#legal .box_legal {
		padding: calc(50 / 843 * 100vw) calc(30 / 843 * 100vw);
		border-radius: calc(10 / 843 * 100vw);
		font-size: calc(16 / 843 * 100vw);
	}
	#legal .box_legal .box_legal_heading {
		font-size: calc(16 / 843 * 100vw);
		margin-bottom: calc(30 / 843 * 100vw);
	}
	#legal .box_legal .definition {
		gap: calc(10 / 843 * 100vw);
		margin-top: calc(10 / 843 * 100vw);
	}
}
@media screen and (max-width: 750px){
	#legal {
		margin-bottom: 0;
	}
	#legal .legal_inner {
		width: 95%;
		padding: calc(40 / 750 * 100vw) calc(20 / 750 * 100vw) calc(60 / 750 * 100vw);
	}
	#legal .box_legal {
		font-size: calc(28 / 750 * 100vw);
		padding: calc(30 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	#legal .box_legal .box_legal_heading {
		font-size: calc(28 / 750 * 100vw);
		margin-bottom: calc(30 / 750 * 100vw);
	}
	#legal .box_legal .definition {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		margin-top: calc(20 / 750 * 100vw);
	}
	#legal .box_legal .definition > dt {
	}
	#legal .box_legal .definition > dd {
		padding-left: 2em;
	}
}