@charset 'utf-8';

/*---------------------------------------------------------------------- */
/* Privay Policy Styles
------------------------------------------------------------------------ */

/* Override
---------------------------------------------------------- */

body {
	letter-spacing: .04em;
}

/* Utilities
---------------------------------------------------------- */

/* Section --------------------------------- */

.section {
	padding-top: 4rem;
}

.section + .section {
	padding-top: 0;
}

.section > .title {
	font-size: 2.5rem;
}

.section > .subtitle {
	line-height: inherit;
	font-weight: inherit;
	font-size: inherit;
	text-align: inherit;
}

.section > .subtitle::first-letter {
	color: var(--btn-color);
}

.section > .subtitle + .txt {
	margin-top: 0;
}

/* List --------------------------------- */

/* .list-privacypolicy */

.list-privacypolicy {
	margin-top: 4rem;
}

.list-privacypolicy > dd > .sublist > li {
	padding-left: 3.2rem;
	text-indent: -3.2rem;
}

.list-privacypolicy.type-a {
	display: grid;
	grid-template-columns: 8rem auto;
	gap: 3rem 0;
}

.list-privacypolicy.type-a > dt > span {
	background: var(--btn-color);
}

.list-privacypolicy.type-b {
	display: flex;
	flex-flow: column;
}

.list-privacypolicy.type-b > dt {
	display: flex;
}

.list-privacypolicy.type-b > dt > span {
	width: 5rem;
}

.list-privacypolicy.type-b > dd {
	padding-left: 5rem;
}

.list-privacypolicy.type-b > dd + dt {
	margin-top: 3rem;
}

.list-privacypolicy.type-c {
	display: grid;
	grid-template-columns: 3.3rem auto;
	gap: 3rem 0;
}


/* Layout
---------------------------------------------------------- */

#main {
	background: none;
}



/*---------------------------------------------------------------------- */
/* 768px Tablet & PC Styles
------------------------------------------------------------------------ */

@media screen and (min-width: 768px), print {

/* Utilities
---------------------------------------------------------- */

/* Section --------------------------------- */

.section {
	align-items: flex-start;
	padding-left: 35rem;
	padding-right: 35rem;
}

.section > .title {
	align-self: center;
	font-size: 3rem;
}

.section > :is(.subtitle, .txt) {
	margin-top: 4rem;
}

/* List --------------------------------- */

/* .list-privacypolicy */

.list-privacypolicy > dd > .sublist > li {
	padding-left: 3.7rem;
	text-indent: -3.7rem;
}

.list-privacypolicy.type-a {
	grid-template-columns: 9.5rem auto;
}

.list-privacypolicy.type-b > dt > span {
	width: 7rem;
}

.list-privacypolicy.type-b > dd {
	padding-left: 7rem;
}

.list-privacypolicy.type-c {
	grid-template-columns: 7rem auto;
}

}