@charset "utf-8";

/*----------------------------
	common
------------------------------*/
* {
	box-sizing: border-box;
}
html {
	font-size: 10px;
	color: #231815;
}
@media (max-width: 1280px) {
	html {
		font-size: 0.781vw;
	}
}
@media (max-width: 768px) {
	html {
		font-size: 1.333vw;
	}
}
body {
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt";
	font-weight: 500;
	line-height: 1;
}
a {
	color: #231815;
}
a img {
	transition: opacity 0.3s ease-out;
}
a img:hover {
	opacity: 0.7;
}
img {
	max-width: 100%;
	height: auto;
}
img[src$=".svg"] {
	width: 100%;
	height: auto;
}
/* a[href^="tel:"]:hover {
	opacity: inherit;
	color: inherit;
	cursor: default;
} */

.wrapper {
	margin: 0 auto;
	max-height: 100%; /*for android*/
}

.sp {
	display: none;
}

/*非表示設定*/
.invisible {
	display: none;
}


@media (max-width: 768px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	body {
		font-size: 2.6rem;
	}
}

/*=====header =====*/
.header.inner {
	max-width: 128rem;
	margin: 5rem auto 2.5rem;
	padding: 0;
}
.header h1 {
	max-width: 24.6rem;
}
.inner {
	max-width: 85rem;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.header.inner {
		max-width: 100%;
		margin: 3rem auto 2.5rem;
	}
	.inner {
		max-width: 100%;
		padding: 0 6.5rem;
	}
}

/*=====footer=====*/
footer {
	margin-top: 19rem;
	margin-bottom: 10rem;
}
footer i {
	display: block;
	max-width: 16.8rem;
	margin: 0 auto;
	cursor: pointer;
}
footer .logo {
	margin: 10rem auto 0;
	max-width: 24.5rem;
}
footer .copy {
	margin-top: 3rem;
	text-align: center;
}
@media (max-width: 768px) {
	footer {
		margin-top: 16.5rem;
		margin-bottom: 5rem;
	}
	footer i {
		max-width: 16.6rem;
	}
	footer .logo {
		margin: 6.5rem auto 0;
		max-width: 24.5rem;
		position: relative;
	}
	footer .copy {
		font-size: 1.7rem;
	}
}