@charset 'utf-8';

html {
  font-size: 62.5%;
}

body {
  font-size: 1.0rem;
	background-color: #fff;
  color: var(--color-text);
	font-family: var(--font-ff-outfit), var(--font-ff-zen-kaku-gothic), sans-serif;
}

img{
	max-width: 100%;
	vertical-align: bottom;
}

button {
	padding: 0;
	border: none;
	background-color: transparent;
}

a {
	color: var(--color-primary-02);
	text-decoration: underline;

	&:hover {
		color: var(--color-border-01);
	}
}

strong {
	font-weight: 700;
}

em {
	font-style: italic;
}

input, textarea {
	font-family: var(--font-ff-outfit), var(--font-ff-zen-kaku-gothic), sans-serif;
}

details {
	summary {
		&::marker {
			content: '';
		}
	}
}