@charset "utf-8";

html { font-size: 62.5%; }

input, textarea, select, 
body {
	/*
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-family: 'Kiwi Maru', serif;
	*/
	font-family: 'Noto Serif JP', serif;
	color: rgba(100, 100, 100, 1);
}
/*
body.serif input, body.serif textarea, body.serif select, 
body.serif {
	font-family: 'Noto Serif JP', serif;
}
*/
.cautionTel::before, 
#homePointBox dl::after, 
#backToTopBtn::before, 
#headerBox #reservationBtnBox::before, 
#headerBox #telBox::before, 
.wfAwesome {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transform: translate(0, 0);
}

#headerBox #reservationBtnBox::before, 
#headerBox #telBox::before {
	font-size: 23px;
	color: rgba(255, 255, 255, 1);
}
#headerBox #reservationBtnBox::before { content: '\f073'; }
#headerBox #telBox::before { content: '\f879'; }
#backToTopBtn::before { content: '\f062'; }

#homePointBox dl::after {
	position: absolute;
	color: rgba(255, 255, 255, 1);
	font-size: 50px;
	top: 18px;
}
#homePointBox dl:nth-child(1)::after {
	content: '\f7f2';
	left: 7px;
}
#homePointBox dl:nth-child(2)::after {
	content: '\f5de';
	left: 12px;
}
.cautionTel::before {
	position: absolute;
	top: 5rem;
	left: 2.5rem;
	font-size: 10rem;
	content: '\f87b';
	color: rgba(250, 126, 92, 1);
/*	color: rgba(20, 117, 135, 0.5); */
}



/* [sp] ============================================ */
@media only screen and (max-width: 780px) {
	.cautionTel::before {
		top: 2.5rem;
		left: 1.5rem;
		font-size: 5rem;
	}
}