@charset "UTF-8";

/* terms ---------------------------------------*/
.terms {
	position: relative;
	margin-top: calc(-30 / 1440 * 100vw);
	padding: calc(100 / 1440 * 100vw) 20px 140px;
	z-index: 2;
}

.terms-lead {
	margin-bottom: 60px;
	font-size: 18px;
	line-height: 1.75;
	letter-spacing: 0.07em;
}

.terms-list > li {
	margin-bottom: 60px;
}

.terms-list > li:last-of-type {
	margin-bottom: 0;
}

.terms-list-title {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
	line-height: calc(116 / 72);
	letter-spacing: 0.035em;
	color: #ff9149;
}

.terms-list-text {
	font-size: 15px;
	line-height: 1.75;
	letter-spacing: 0.07em;
}

.terms-list-sub {
	margin-top: 15px;
	padding-left: 30px;
}

.terms-list-sub > li {
	list-style: circle;
	font-size: 15px;
	line-height: 1.75;
	letter-spacing: 0.07em;
}

.terms-image {
	position: absolute;
	transform: translate(-50%, 0);
	z-index: -1;
}

.terms-image img { 
	width: 100%;
}

.terms-image-01 {
	bottom: 20px;
	left: calc(50% + 550px);
	width: min(calc(608 / 1440 * 100vw), 608px);
}

.terms a {
	text-decoration: underline;
	color: #ff9149;
}

.terms a:hover {
	opacity: 1;
	text-decoration: none;
}


/* small pc */
@media screen and (min-width: 768px) and (max-width: 1439px) {
	.terms-image-01 {left: 88.4%;}
	.terms-image-02 {left: 0.2%;}

}


/* sp only */
@media screen and (max-width: 767px){
	/* terms ---------------------------------------*/
	.terms {
		margin-top: calc(-30 / 375 * 100vw);
		padding: 60px 16px 140px;
	}

	.terms-lead {
		margin-bottom: 30px;
		font-size: 16px;
	}

	.terms-list > li {
		margin-bottom: 40px;
	}

	.terms-list-title {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.terms-list-sub {
		margin: 10px 0;
		padding-left: 25px;
	}
	
	.terms-image-01 {
		bottom: 20px;
		left: calc(50% + 150px);
		width: min(calc(310 / 375 * 100vw), 310px);
	}

}