@charset "utf-8";
:root {
	--tablet-unit: 0.069444vw; /* 1440px幅でデザイン上の1pxに相当 */
	--sp-unit: 0.232558vw; /* 430px幅でデザイン上の1pxに相当 */
	--sp-min-scale: 0.8; /* フォントサイズ最小係数 */

	--color-theme: #655229;
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-light-gray: #D9D9D9;
	--color-very-light-gray: #FBFBFB;
	--color-white-gray: #F5F5F5;
	--color-off-gray: #FCFCFC;
	--color-light-brown: #C7A680;
	--color-light-pink: #FFE4E4;
	--color-dusty-rose: #D9C7C8;
	--color-bright-red: #ED1C24;
}
	
html {
	scroll-behavior: smooth;
	scroll-padding-top: 132px;
	font-size: 100%; /* 16px */
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
body {
	font-size: 1rem;
}

/* @media (max-width: 767px) {
	html {
		font-size: calc(100vw / 4.30);
		scroll-padding-top: 19.5vw;
	}
}
@media (min-width: 768px) and (max-width: 1440px) {
	html {
		font-size: calc(100vw / 14.40);
		font-size: calc(100lvw / 14.40);
		scroll-padding-top: 1.32rem;
	}
} */

/* Nunito Sans 読み込みまでのフォールバック用フォント */
@font-face {
    font-family: "Nunito Sans Fallback";
    src: local("Segoe UI");
    size-adjust: 96.8%;
    ascent-override: 101.1%;
    descent-override: 35.3%;
    line-gap-override: 0%;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite,
code, del, dfn, img, ins, kbd, q, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, footer,
header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family:
		"Nunito Sans",
    "Nunito Sans Fallback",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		"Helvetica Neue",
		Arial,
		sans-serif;
	font-weight: 400;
	-ms-word-wrap: break-word;
	    word-wrap: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
br {
	line-height: 0;
}
ul {
	list-style: none;
}
a {
	display: inline-block;
	text-decoration: none;
	word-break: break-word;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
input,select,textarea,button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-border-radius: 0;
	        border-radius: 0;
	font-family: "Noto Sans JP", sans-serif;
}
button {
	cursor: pointer;
}
img {
	max-width: 100%;
    height: auto;
	vertical-align: middle;
}
.only_pc {
	display: block;
}
.only_sp {
	display: none;
}
.clearfix:after {
	height: 0;
	display: block;
	clear: both;
	content: "";
}
.flex {
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.visually_hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.fo-yahei {
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;
}

/*For SP*/
@media only screen and (max-width: 767px) {
	.only_pc {
		display: none;
	}
	.only_sp {
		display: block;
	}
}