/* variable > breakpoint
-----------------------------------------------------------------*/
/* variable > z-index
-----------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
.t-agreement__listbox {
		margin-top: 4rem;
		padding: 3rem;
		box-sizing: border-box;
		border: 1px solid #e7e7e7;
		background-color: #F8F6F0;
		position: relative;
}
@media screen and (max-width: 679px) {
		.t-agreement__listbox {
				margin-top: 2rem;
				padding: 1.5rem;
		}
}
.t-agreement__listbox::after {
		content: "";
		position: absolute;
		display: block;
		width: 2.4rem;
		height: 1.4rem;
		left: 50%;
		bottom: -1.5rem;
		transform: translateX(-50%);
		background: url("/assets/image/common/icon-tryangle-black-b.png") no-repeat center/contain;
}
@media screen and (max-width: 679px) {
		.t-agreement__listbox::after {
				width: 2rem;
				height: 1rem;
				bottom: -1.1rem;
		}
}