@font-face {
	font-family: 'Noto Sans JP';
	font-display: swap;
	src: url('/common/fonts/NotoSansJP-Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	background: var(--aizufarm-floral-white) !important;
}

a:hover {
	opacity: 0.7 !important;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "・";
}

.menu-btn {
	position:absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	height: 48px;
	width: 50px;
}

.menu-btn span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background-color: #005d29;
	width: 45%;
}

.menu-btn span:nth-of-type(1) {
	top:15px;
}

.menu-btn span:nth-of-type(2) {
	top:23px;
}

.menu-btn span:nth-of-type(3) {
	top:31px;
}

.menu-btn.active span:nth-of-type(1) {
	top: 16px;
	left: 9px;
	transform: translateY(6px) rotate(-45deg);
	width: 30px;
}

.menu-btn.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-btn.active span:nth-of-type(3) {
	top: 28px;
	left: 9px;
	transform: translateY(-6px) rotate(45deg);
	width: 30px;
}

.sp-menu-list {
	position: absolute;
	width: 100%;
	top: 60px;
	left: 0;
	opacity: 0;
	transition: 0.4s;
	pointer-events: none;
}

.sp-menu-list.panelactive {
	display: block;
	opacity: 1;
	pointer-events: auto;
}

.dropdown-menu {
	min-width: 100% !important;
}

.rounded-left-bottom {
	border-radius: 0 0 0 20px;
}

.rounded-right-bottom {
	border-radius: 0 0 20px 0;
}

.rounded-0rem-50rem {
	border-radius: clamp(0rem, 20vw, 20rem);
}

.bg-wave-top-bottom {
	background-color: var(--aizufarm-winter-doldrums);
	background-image: url('/top/img/bg_wave_top.png'), url('/top/img/bg_wave_bottom.png');
	background-repeat: no-repeat, no-repeat;
	background-position: top, bottom;
	background-size: auto, auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bg-wave-top {
	background-color: var(--aizufarm-winter-doldrums);
	background-image: url('/top/img/bg_wave_top.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.transition-0p4s {
	transition: 0.4s;
}

.bg-header {
	background: var(--aizufarm-beige);
}

.header-height {
	height: clamp(60px, 2vh, 85px);
}

.min-w-80px {
	min-width: 80px;
}

.min-height-700px-1050px {
	min-height: clamp(700px, 90vw, 1050px);
}

.min-height-875px {
	min-height: 875px;
}

.letter-spacing-2px {
	letter-spacing: 2px;
}

.mb-100px {
	margin-bottom: 100px;
}

.pb-100px {
	padding-bottom: 100px;
}

.pb-150px {
	padding-bottom: 150px;
}

.pb-200px {
	padding-bottom: 200px;
}

.pb-225px {
	padding-bottom: 225px;
}

.pt-200px {
	padding-top: 200px;
}

.pt-80px-200px {
	padding-top: clamp(50px, 30vw, 200px);
}

.pb-80px-200px {
	padding-bottom: clamp(80px, 30vw, 200px);
}

.btn-arrow {
	position:absolute;
	content: '';
	top: 15%;
	right: 5px;
	width: 28px;
	height: 28px;
	background: #ffffff;
	color: var(--aizufarm-sherwood-green);
	border-radius: 15px;
}

.btn-arrow:after {
	position:absolute;
	content: '→';
	top: 2px;
	left: 6px;
	width: 28px;
	height: 28px;
	color: var(--aizufarm-sherwood-green);
}

#contactBtn > .btn-arrow:after, #contactBtnSp > .btn-arrow:after {
	color: var(--aizufarm-sparks-in-the-dark) !important;
}

.filter-invert-100per {
	filter: invert(100%);
}

.line-height-1p8 {
	line-height: 1.8;
}

.line-height-2p0 {
	line-height: 2.0;
}

.overflow-x-clip {
	overflow-x: clip !important;
}

.text-shadow-3px-3px-1px-gainsboro {
	text-shadow: 2px 2px 1px var(--aizufarm-white);
}

.box-shadow-1px-1px-2px-dark-gray {
	box-shadow: 1px 1px 2px var(--aizufarm-dark-gray);
}