@charset "UTF-8";
@import url("../../../assets/css/common.css");

.container {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}
.image {
	width: 100%;
	height: auto;
	pointer-events: none;
}

/* CTA */
.cta01 {
	position: absolute;
	top: calc(1987 / 12143 * 100%);
	left: calc(52 / 900 * 100%);
	width: calc(796 / 900 * 100%);
	height: calc(158 / 12143 * 100%);
}
.cta02 {
	position: absolute;
	top: calc(11418 / 12143 * 100%);
	left: calc(52 / 900 * 100%);
	width: calc(796 / 900 * 100%);
	height: calc(158 / 12143 * 100%);
}

/* 規約 */
.kiyaku {
	position: absolute;
	top: calc(10853 / 12143 * 100%);
	left: 6%;
	z-index: 0;
	width: 88%;
	height: calc(450 / 12143 * 100%);
	background: #fff;
	font-size: 1.3rem;
	line-height: 1.6;
}
.kiyaku__inner {
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	padding: 0 3.1%;
}
.kiyaku h3,
.kiyaku h4 {
	margin-top: 1.25em;
	margin-bottom: 0.25em;
	font-size: 1em;
	font-weight: normal;
}
.disc-list {
	padding-left: 1em;
}
.disc-list > li::marker {
	font-size: 0.75em;
}
.note-list {
	list-style: none;
	padding-left: 0;
}
.note-list > li {
	position: relative;
	padding-left: 1em;
}
.note-list > li::before {
	position: absolute;
	left: 0;
	content: "※";
}
.bracket-order-list {
	list-style: none;
	padding-left: 0;
	counter-reset: item;
}
.bracket-order-list > li {
	position: relative;
	padding-left: 2em;
	counter-increment: item;
}
.bracket-order-list > li::before {
	position: absolute;
	left: 0;
	width: 2em;
	text-align: center;
	content: "(" counter(item) ")";
}
@media screen and (min-width:701px) {
	.kiyaku {
		font-size: 1.7rem;
	}
}

.mb-0 {
	margin-bottom: 0;
}

/* スクリーンリーダー用 */
.sr-only,
.sr-only-focusable:not(:focus) {
	clip-path: rect(0 0 0 0);
	position: absolute;
	bottom: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
}