@charset "utf-8";
:root {
/* 共通設定 */
	--color--black: #202023;
	--color--white: #ffffff;
	--color--gray: #F2F2F2
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	min-height: 100vh;
	margin: 0px;
	padding: 0px;
	background-color: var(--color--white);
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: var(--color--black);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
._mar {
	font-family: "Marcellus", serif;
}

#footer {
	width: 100%;
	height: auto;
	padding: 80px 0 124px;
}
	.footer__inner {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
		.footer__copyright {
			font-size: 12px;
			font-weight: 400;
			line-height: 1;
			letter-spacing: 0.05em;
			text-align: center;
		}

/* PC ================================================== */
@media all and (min-width: 769px){
.tablet,.sp {display: none;}
.pc {display: inline-block;}
.view_sp {display: none;}
.view_tablet {display: none;}
.view_pc {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
.pc,.sp {display: none;}
.tablet {display: inline-block;}
.view_pc {display: none;}
.view_sp {display: none;}
.view_tablet {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

#footer {
	padding: 80px 0 122px;
}
	.footer__inner {
		width: calc((327 / 375) * 100%);
	}
}

/* SP ================================================== */
@media all and (max-width: 575px){
.pc,.tablet {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_tablet {display: none;}
.view_sp {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}