*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

:where([hidden]:not([hidden=until-found])) {
	display: none !important
}

:where(html) {
	-webkit-text-size-adjust: none;
	color-scheme: dark light;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2;
	scrollbar-gutter: stable
}

:where(html:has(dialog:modal[open])) {
	overflow: clip
}

@media(prefers-reduced-motion: no-preference) {
	:where(html:focus-within) {
		scroll-behavior: smooth
	}
}

:where(body) {
	line-height: 1.5;
	font-family: system-ui, sans-serif;
	-webkit-font-smoothing: antialiased
}

:where(button) {
	all: unset
}

:where(input, button, textarea, select) {
	font: inherit;
	color: inherit
}

:where(textarea) {
	resize: vertical;
	resize: block
}

:where(button, label, select, summary, [role=button], [role=option]) {
	cursor: pointer
}

:where(:disabled) {
	cursor: not-allowed
}

:where(label:has(>input:disabled), label:has(+input:disabled)) {
	cursor: not-allowed
}

:where(a) {
	color: inherit;
	text-underline-offset: .2ex
}

:where(ul, ol) {
	list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
	display: block
}

:where(img, picture, svg, video) {
	max-inline-size: 100%;
	block-size: auto
}

:where(p, h1, h2, h3, .animal-content .animal-card-header strong, dl.howto-process dt, .petfood-products>div>div>div strong, .petfood-merit>div>div strong, .marche-marcket-desc .feature-list li, h4, h5, h6) {
	overflow-wrap: break-word
}

:where(h1, h2, h3, .animal-content .animal-card-header strong, dl.howto-process dt, .petfood-products>div>div>div strong, .petfood-merit>div>div strong, .marche-marcket-desc .feature-list li) {
	line-height: calc(1em + .5rem);
	text-wrap: balance
}

:where(hr) {
	border: none;
	-webkit-border-before: 1px solid;
	border-block-start: 1px solid;
	color: inherit;
	block-size: 0;
	overflow: visible
}

:where(dialog, [popover]) {
	border: none;
	background: none;
	color: inherit;
	inset: unset;
	max-width: unset;
	max-height: unset
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
	display: none !important
}

:where(:focus-visible) {
	outline: 3px solid CanvasText;
	-webkit-box-shadow: 0 0 0 5px Canvas;
	box-shadow: 0 0 0 5px Canvas;
	outline-offset: 1px
}

:where(:focus-visible, :target) {
	scroll-margin-block: 8vh
}

:where(.visually-hidden:not(:focus-within, :active)) {
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	border: 0 !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important
}

.vos {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	font-size: 1rem;
	font-family: monospace, sans-serif;
	font-style: normal;
	font-weight: normal;
	height: 1px;
	line-height: 1rem;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

:root {
	color-scheme: light
}

html {
	background-color: #272625;
	color: #505050;
	font-size: 16px;
	overflow-y: scroll;
	overflow-x: hidden
}

body {
	background-color: #272625;
	position: relative;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%
}

img:not([style*="display: block"]):not([style*="display:block"]),
img[style*="display: inline"],
img[style*="display:inline"],
img[style*="display: inline-block"],
img[style*="display:inline-block"] {
	vertical-align: bottom
}

:where(button, .button) {
	inline-size: -webkit-fit-content;
	inline-size: -moz-fit-content;
	inline-size: fit-content;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.hidden {
	display: none
}

h1,
h2,
h3,
.animal-content .animal-card-header strong,
dl.howto-process dt,
.petfood-products>div>div>div strong,
.petfood-merit>div>div strong,
.marche-marcket-desc .feature-list li,
h4,
h5,
h6 {
	display: block;
	line-height: 1;
	margin: 0;
	padding: 0
}

address {
	font-style: normal
}

main {
	background-color: #fff
}

details summary {
	list-style: none
}

details summary::-webkit-details-marker {
	display: none
}

details>summary::marker {
	display: none
}

.font-antique,
.marche-greeting>div .greeting-text>div strong,
.marche-marcket-desc>div h2 i,
.marche-hero .marche-text p,
.home-petfood-card>div .biz-meta>div:nth-child(1) h2,
.home-marche-card>div .biz-meta>div:nth-child(1) h2 {
	font-family: "Zen Antique", serif;
	font-weight: 400;
	font-style: normal
}

.font-lato,
.petfood-merit>div>div strong,
.contact-card>div .tel-slate a {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal
}

img {
	height: auto;
	width: 120px;
	vertical-align: bottom
}

img[class] {
	outline: none
}

.card-padding,
.petfood-products,
.petfood-parts,
.petfood-merit,
.petfood-business,
.marche-catalogue,
.marche-greeting,
.marche-trade,
.marche-marcket-desc,
.home-biz-links,
.home-petfood-card,
.home-marche-card,
.home-stars,
.contact-card {
	padding: clamp(60px, -11.1111111111px + 0.0925925926*100vw, 100px) 20px
}

.flex-centering,
.petfood-products>div>div>div,
.petfood-products>div>div,
.petfood-header,
.marche-catalogue>div .animal-images,
.marche-trade>div,
.marche-marcket-desc .nihon-map,
.marche-marcket-desc>div,
.marche-hero .marche-text,
.marche-hero h1,
.home-biz-links>div,
.home-biz-links,
.home-petfood-card,
.home-marche-card,
.home-stars>div,
.home-hero>div,
.home-hero,
.contact-card>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.inner-block,
.petfood-products>div,
.petfood-parts>div,
.petfood-merit>div,
.petfood-business>div,
.marche-catalogue>div,
.marche-greeting>div,
.marche-trade>div,
.marche-marcket-desc .nihon-map,
.marche-marcket-desc>div,
.home-biz-links>div,
.home-petfood-card>div,
.home-marche-card>div,
.home-stars>div,
.home-hero>div,
.page-banner>div,
.contact-card>div {
	margin: 0 auto;
	max-width: 1200px
}

.background-image,
.petfood-header,
.marche-hero,
.home-hero,
.arrow-btn::after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.arrow-btn {
	background-color: #139675;
	border-radius: 12px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	padding: 1rem 60px 1rem 1rem;
	position: relative;
	text-decoration: none
}

.arrow-btn:hover,
.arrow-btn:focus,
.arrow-btn:active,
.arrow-btn:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.arrow-btn::after {
	background-image: url('../w/icon/u-arrow-c-r.svg');
	background-size: 70%;
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	content: "";
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 60px
}

.arrow-btn:hover,
.arrow-btn:focus,
.arrow-btn:active {
	background-color: #0d6952
}

.arrow-btn:hover::after,
.arrow-btn:focus::after,
.arrow-btn:active::after {
	background-position: 16px center;
	-webkit-transition: background-position .3s;
	transition: background-position .3s
}

.hr {
	border: 1px solid #ccc;
	width: 100%
}

h2 {
	font-size: clamp(23px, 8.7777777778px + 0.0185185185*100vw, 31px)
}

h3,
.animal-content .animal-card-header strong,
dl.howto-process dt,
.petfood-products>div>div>div strong,
.petfood-merit>div>div strong,
.marche-marcket-desc .feature-list li {
	font-size: clamp(19px, 4.7777777778px + 0.0185185185*100vw, 27px)
}

h4 {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px)
}

.underline,
.gibier-news-container h3,
.gibier-news-container .marche-marcket-desc .feature-list li,
.marche-marcket-desc .feature-list .gibier-news-container li,
.gibier-news-container .petfood-merit>div>div strong,
.petfood-merit>div>div .gibier-news-container strong,
.gibier-news-container .petfood-products>div>div>div strong,
.petfood-products>div>div>div .gibier-news-container strong,
.gibier-news-container .animal-content .animal-card-header strong,
.animal-content .animal-card-header .gibier-news-container strong,
.catalogue-container h2,
dl.howto-process dt {
	border-bottom: 1px solid silver;
	display: block;
	margin: 1.2em 0 1rem 0;
	padding: 0 1em .2rem 0
}

.read-h {
	line-height: calc(clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px)*1.7) !important;
	text-align: justify
}

.base-font-size,
.catalogue-container details.animal-name summary h3,
.catalogue-container details.animal-name summary .animal-content .animal-card-header strong,
.animal-content .animal-card-header .catalogue-container details.animal-name summary strong,
.catalogue-container details.animal-name summary .marche-marcket-desc .feature-list li,
.marche-marcket-desc .feature-list .catalogue-container details.animal-name summary li,
.catalogue-container details.animal-name summary .petfood-merit>div>div strong,
.petfood-merit>div>div .catalogue-container details.animal-name summary strong,
.catalogue-container details.animal-name summary .petfood-products>div>div>div strong,
.petfood-products>div>div>div .catalogue-container details.animal-name summary strong,
.catalogue-container details.animal-name summary dl.howto-process dt,
dl.howto-process .catalogue-container details.animal-name summary dt,
.petfood-products>div>div>div p,
.petfood-parts>div p,
.petfood-merit>div>div p,
.petfood-business>div p,
.marche-catalogue>div .catalogue-link,
.marche-greeting>div .greeting-text>div,
.marche-trade>div>p {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px)
}

u {
	color: #139675;
	font-weight: bold;
	text-decoration: none
}

main {
	margin-top: 88px
}

header {
	background-image: url("../w/material/d-leaves-background.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 88px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}

header>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 88px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 20px
}

header .logo a {
	border-radius: 8px;
	display: block
}

header .logo a:hover,
header .logo a:focus,
header .logo a:active,
header .logo a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

header .logo a:hover,
header .logo a:focus,
header .logo a:active,
header .logo a:focus-visible {
	-webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(392%) hue-rotate(127deg) brightness(93%) contrast(101%);
	filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(392%) hue-rotate(127deg) brightness(93%) contrast(101%)
}

header .logo a img {
	height: 40px;
	width: auto
}

header nav>div.menu-bar {
	display: block
}

@media(max-width: 680px) {
	header nav>div.menu-bar {
		display: none
	}
}

header nav>div.menu-bar ul {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none
}

header nav>div.menu-bar ul li {
	margin-right: 16px
}

header nav>div.menu-bar ul li:last-child {
	margin-right: 0
}

header nav>div.menu-bar ul li a {
	border-radius: 8px;
	color: #fff;
	display: block;
	font-weight: bolder;
	text-decoration: none
}

header nav>div.menu-bar ul li a:hover,
header nav>div.menu-bar ul li a:focus,
header nav>div.menu-bar ul li a:active,
header nav>div.menu-bar ul li a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

header nav>div.menu-bar ul li a:hover,
header nav>div.menu-bar ul li a:focus,
header nav>div.menu-bar ul li a:active,
header nav>div.menu-bar ul li a:focus-visible {
	-webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(392%) hue-rotate(127deg) brightness(93%) contrast(101%);
	filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(392%) hue-rotate(127deg) brightness(93%) contrast(101%)
}

header nav>div.menu-brief {
	display: none
}

@media(max-width: 680px) {
	header nav>div.menu-brief {
		display: block
	}
}

header nav>div.menu-brief {
	position: relative
}

header nav>div.menu-brief button {
	background-color: rgba(0, 0, 0, 0);
	border: none;
	height: 48px;
	position: fixed;
	right: 20px;
	top: 20px;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 48px
}

header nav>div.menu-brief button:hover,
header nav>div.menu-brief button:focus,
header nav>div.menu-brief button:active,
header nav>div.menu-brief button:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

header nav>div.menu-brief ul#menu-brief-contents {
	-webkit-overflow-scrolling: touch;
	background-color: #272625;
	height: calc(100vh - 88px);
	right: 0;
	list-style: none;
	overflow-y: scroll;
	position: fixed;
	scrollbar-width: none;
	top: 88px;
	width: 100%
}

header nav>div.menu-brief ul#menu-brief-contents li {
	padding: 2em 0;
	text-align: center
}

header nav>div.menu-brief ul#menu-brief-contents li a {
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none
}

header nav>div.menu-brief ul#menu-brief-contents li a:hover,
header nav>div.menu-brief ul#menu-brief-contents li a:focus,
header nav>div.menu-brief ul#menu-brief-contents li a:active,
header nav>div.menu-brief ul#menu-brief-contents li a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

footer {
	background-image: url("../w/material/d-leaves-background.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

footer>div {
	padding: 88px 20px;
	color: #f5f5f5;
	margin: 0 auto;
	max-width: 1200px
}

footer>div .sitemap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px
}

footer>div .sitemap ul {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	padding: 0 10px
}

footer>div .sitemap ul li {
	margin-bottom: 10px
}

footer>div .sitemap ul li a {
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	min-width: 240px
}

footer>div .sitemap ul li a:hover,
footer>div .sitemap ul li a:focus,
footer>div .sitemap ul li a:active,
footer>div .sitemap ul li a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

footer>div .company {
	padding: 0 10px
}

footer>div .company h2 {
	font-size: 1.5rem;
	font-weight: normal;
	margin: 0 0 10px 0
}

footer>div .company address {
	margin-bottom: 10px
}

footer>div .company address p {
	line-height: 1.8
}

footer>div .company address p span {
	display: inline-block;
	width: 3.5rem
}

footer>div small {
	display: block;
	margin: 20px 0 0 20px;
	text-align: center;
	width: 100%
}

.contact-card>div {
	border: 1px solid #ddd;
	border-radius: 12px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px 10px;
	max-width: 800px
}

@media(max-width: 660px) {
	.contact-card>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.contact-card>div h2 {
	background-color: #139675;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	color: #fff;
	padding: 1em 0;
	text-align: center;
	width: 100%
}

.contact-card>div .tel-slate {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 40%;
	flex: 1 1 40%
}

.contact-card>div .tel-slate div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.contact-card>div .tel-slate div img {
	height: 26px;
	width: auto
}

.contact-card>div .tel-slate div span {
	font-size: clamp(20px, 9.3333333333px + 0.0138888889*100vw, 26px)
}

.contact-card>div .tel-slate a {
	display: block;
	text-decoration: none;
	font-size: clamp(25px, 3.6666666667px + 0.0277777778*100vw, 37px);
	font-weight: bold;
	text-align: center;
	margin-top: 5px
}

.contact-card>div .web-slate {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 40%;
	flex: 1 1 40%;
	text-align: center
}

.contact-card>div .web-slate div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.contact-card>div .web-slate div img {
	height: 26px;
	width: auto
}

.contact-card>div .web-slate div span {
	font-size: clamp(20px, 9.3333333333px + 0.0138888889*100vw, 26px)
}

.contact-card>div .web-slate a {
	background-color: skyblue;
	display: inline-block;
	text-decoration: none;
	background-color: #f7f7f7;
	border-radius: 12px;
	color: #139675;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	font-weight: bold;
	margin-top: 10px;
	padding: .5rem 1rem;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.contact-card>div .web-slate a:hover,
.contact-card>div .web-slate a:focus,
.contact-card>div .web-slate a:active,
.contact-card>div .web-slate a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.contact-card>div .fax-slate {
	border-top: 1px solid #ddd;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	padding: 1em 0;
	text-align: center;
	width: 100%
}

.page-banner {
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: clamp(40px, -31.1111111111px + 0.0925925926*100vw, 80px) 20px
}

.page-banner>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: clamp(10px, -43.3333333333px + 0.0694444444*100vw, 40px)
}

.page-banner>div .page-header-logo {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: clamp(80px, -382.2222222222px + 0.6018518519*100vw, 340px);
	width: 100%
}

.page-banner>div .page-header-logo img {
	margin: 0 0 0 auto;
	height: 100px;
	width: auto
}

.page-banner>div .page-header-text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: clamp(22px, -2.8888888889px + 0.0324074074*100vw, 36px)
}

.page-banner.toplayer .page-header-text {
	text-align: center
}

.container {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin: 10px auto 0 auto;
	max-width: 1200px;
	padding: 40px 20px 80px 20px
}

@media(max-width: 768px) {
	.container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.container .sidemenu {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 320px;
	flex: 0 0 320px
}

@media(max-width: 768px) {
	.container .sidemenu {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}
}

.container .sidemenu details {
	border-radius: 12px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: 20px 10px
}

.container .sidemenu details summary {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: bold;
	font-family: "Lato", sans-serif
}

.container .sidemenu details summary img {
	height: 20px;
	margin: 0 10px 0 0;
	width: 20px
}

.container .sidemenu details[open] summary img {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: ease-in-out .15s;
	transition: ease-in-out .15s
}

.container .sidemenu details ul li a {
	border-radius: 12px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 5px 15px;
	text-decoration: none
}

.container .sidemenu details ul li a.current {
	background-color: #e8fcf7
}

.container .sidemenu details ul li a:focus,
.container .sidemenu details ul li a:hover,
.container .sidemenu details ul li a:active {
	color: #139675
}

.container .sidemenu details ul li a:focus:hover,
.container .sidemenu details ul li a:focus:focus,
.container .sidemenu details ul li a:focus:active,
.container .sidemenu details ul li a:focus:focus-visible,
.container .sidemenu details ul li a:hover:hover,
.container .sidemenu details ul li a:hover:focus,
.container .sidemenu details ul li a:hover:active,
.container .sidemenu details ul li a:hover:focus-visible,
.container .sidemenu details ul li a:active:hover,
.container .sidemenu details ul li a:active:focus,
.container .sidemenu details ul li a:active:active,
.container .sidemenu details ul li a:active:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.container section.context {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px)
}

.container section.context .page-toc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0
}

.container section.context .page-toc li {
	display: block
}

.container section.context .page-toc a {
	background-color: #fff;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	font-weight: bold;
	padding: .5em 16px;
	text-decoration: none
}

.container section.context .page-toc a:focus,
.container section.context .page-toc a:hover,
.container section.context .page-toc a:active {
	color: #139675
}

.container section.context .page-toc a:focus:hover,
.container section.context .page-toc a:focus:focus,
.container section.context .page-toc a:focus:active,
.container section.context .page-toc a:focus:focus-visible,
.container section.context .page-toc a:hover:hover,
.container section.context .page-toc a:hover:focus,
.container section.context .page-toc a:hover:active,
.container section.context .page-toc a:hover:focus-visible,
.container section.context .page-toc a:active:hover,
.container section.context .page-toc a:active:focus,
.container section.context .page-toc a:active:active,
.container section.context .page-toc a:active:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.container section.context .txtr {
	text-align: right
}

.container section.context .mb {
	margin-bottom: clamp(8px, 4.4444444444px + 0.0046296296*100vw, 10px)
}

.container section.context .mbw {
	margin-bottom: clamp(17px, -31px + 0.0625*100vw, 44px)
}

.container section.context .ovalimg {
	border-radius: 12px
}

.container section.context .bllt {
	margin: 2em 0 1.5rem 1em;
	position: relative
}

.container section.context .bllt::before {
	background-color: #139675;
	content: "";
	height: 1em;
	left: -1em;
	position: absolute;
	width: .6em
}

.container section.context .indent-down {
	margin-top: 0
}

.container section.context ol {
	list-style-type: decimal;
	padding-left: 2em
}

.container section.context ol li::marker {
	color: #6cd9be;
	font-size: 120%;
	font-weight: bold
}

.container section.context dl.table {
	width: 100%
}

.container section.context dl.table>div {
	border-bottom: 1px solid silver;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.container section.context dl.table>div dt,
.container section.context dl.table>div dd {
	padding: .5rem
}

.container section.context dl.table>div dt {
	font-weight: bold;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%
}

.container section.context table.paper {
	border-collapse: collapse;
	border: 1px dashed silver;
	width: 100%
}

.container section.context table.paper td {
	border-bottom: 1px dashed silver
}

.container section.context table.paper td:first-child {
	padding: .5rem 1rem;
	width: 30%
}

.container section.context table.paper td+td {
	width: 70%
}

.container section.context details.faq {
	border: 1px solid silver;
	border-radius: 8px;
	margin: 1rem 0;
	padding: 1rem 1.5rem
}

.container section.context details.faq:focus:hover,
.container section.context details.faq:focus:focus,
.container section.context details.faq:focus:active,
.container section.context details.faq:focus:focus-visible,
.container section.context details.faq:hover:hover,
.container section.context details.faq:hover:focus,
.container section.context details.faq:hover:active,
.container section.context details.faq:hover:focus-visible,
.container section.context details.faq:active:hover,
.container section.context details.faq:active:focus,
.container section.context details.faq:active:active,
.container section.context details.faq:active:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.container section.context details.faq summary {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-weight: bold;
	list-style: none;
	outline: none;
	padding: .2rem 1.5rem .2rem 1.5rem;
	position: relative
}

.container section.context details.faq summary::before {
	content: "Q";
	color: crimson;
	font-weight: bold;
	display: block;
	font-family: "Lato", sans-serif;
	left: 0;
	position: absolute;
	top: .2em
}

.container section.context details.faq summary::-webkit-details-marker {
	display: none
}

.container section.context details.faq summary::after {
	content: url("../w/icon/u-arrow-r.svg");
	position: absolute;
	right: 0;
	top: 8px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: ease-in-out .3s;
	transition: ease-in-out .3s
}

.container section.context details.faq>div {
	padding: 1.5rem 1rem 1rem 1.5rem;
	position: relative
}

.container section.context details.faq>div::before {
	content: "A";
	color: #6495ed;
	font-weight: bold;
	display: block;
	font-family: "Lato", sans-serif;
	left: 0;
	position: absolute;
	top: 1.2em
}

.container section.context details.faq[open] summary::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.container section.context .petfood-about-header {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	margin-bottom: 40px
}

.container section.context .petfood-about-header img {
	height: 200px;
	width: auto
}

.home-hero {
	background-image: url('../w/material/home-ogp.png');
	min-height: 640px
}

.home-hero>div {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.home-hero>div>a {
	border-radius: 12px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: 20px;
	padding: 20px
}

.home-hero>div>a:hover,
.home-hero>div>a:focus,
.home-hero>div>a:active,
.home-hero>div>a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.home-hero>div>a:hover,
.home-hero>div>a:focus,
.home-hero>div>a:active {
	background-color: rgba(0, 0, 0, .5)
}

.home-hero>div>a>img {
	-webkit-filter: drop-shadow(0 0 20px black);
	filter: drop-shadow(0 0 20px black);
	width: auto
}

.home-hero>div>a>img.logom,
.home-hero>div>a>img.logop {
	height: 170px
}

.home-hero>div>a>img:hover,
.home-hero>div>a>img:focus,
.home-hero>div>a>img:active,
.home-hero>div>a>img:focus-visible {
	-webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(392%) hue-rotate(127deg) brightness(93%) contrast(101%);
	filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(392%) hue-rotate(127deg) brightness(93%) contrast(101%)
}

.home-stars {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px)
}

.home-stars>div {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home-stars>div>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px
}

.home-stars>div>div>img {
	width: 25%
}

.home-stars>div>div>h2 {
	font-size: clamp(23px, 12.3333333333px + 0.0138888889*100vw, 29px);
	line-height: 1.25;
	width: 70%
}

.home-stars>div>div>h2>i {
	font-style: normal;
	white-space: nowrap
}

.home-stars>div>div>p {
	-webkit-filter: brightness(0.95);
	filter: brightness(0.95);
	padding: 20px 10px;
	text-align: justify
}

@media(max-width: 768px) {
	.home-stars>div>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.home-stars>div>div>img {
		max-width: 100px
	}

	.home-stars>div>div>p {
		padding: 10px 20px
	}
}

.home-marche-card {
	position: relative;
	background-image: url('../w/material/marche-ogp.png')
}

.home-marche-card::before {
	content: "";
	position: absolute;
	background-image: url('../w/material/g50.png');
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.home-marche-card .biz-image {
	position: relative;
	z-index: 1
}

.home-petfood-card {
	background-image: url('../w/material/petfood-ogp.png')
}

.home-marche-card {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 640px
}

.home-marche-card>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media(max-width: 768px) {
	.home-marche-card>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.home-marche-card>div .biz-image {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 320px;
	flex: 1 1 320px;
	z-index: 1;
	width: 320px
}

.home-marche-card>div .biz-image img {
	height: auto;
	width: 320px
}

.home-marche-card>div .biz-meta {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
	z-index: 1
}

@media(max-width: 768px) {
	.home-marche-card>div .biz-meta {
		text-align: center
	}
}

.home-marche-card>div .biz-meta>div:nth-child(1) {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 24px;
	padding: 2em
}

.home-marche-card>div .biz-meta>div:nth-child(1) h2 {
	color: #fff;
	font-size: clamp(35px, 13.6666666667px + 0.0277777778*100vw, 47px);
	margin-bottom: 1em
}

.home-marche-card>div .biz-meta>div:nth-child(1) p {
	color: #fff;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	margin-bottom: 1em
}

.home-marche-card>div .biz-meta>div:nth-child(2) {
	margin-top: 2em;
	text-align: center
}

.home-petfood-card {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 640px
}

.home-petfood-card>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media(max-width: 768px) {
	.home-petfood-card>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.home-petfood-card>div .biz-image {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 320px;
	flex: 1 1 320px;
	z-index: 1;
	width: 320px
}

.home-petfood-card>div .biz-image img {
	height: auto;
	width: 320px
}

.home-petfood-card>div .biz-meta {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
	flex: 1 1 50%
}

@media(max-width: 768px) {
	.home-petfood-card>div .biz-meta {
		text-align: center
	}
}

.home-petfood-card>div .biz-meta>div:nth-child(1) {
	background-color: rgba(0, 0, 0, .7);
	border-radius: 24px;
	padding: 2rem;
	z-index: 1
}

.home-petfood-card>div .biz-meta>div:nth-child(1) h2 {
	color: #fff;
	font-size: clamp(35px, 13.6666666667px + 0.0277777778*100vw, 47px);
	margin-bottom: .5em;
	letter-spacing: -6px
}

.home-petfood-card>div .biz-meta>div:nth-child(1) p {
	color: #fff;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px)
}

.home-petfood-card>div .biz-meta>div:nth-child(2) {
	margin-top: 2em;
	text-align: center
}

.home-biz-links {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.home-biz-links>div {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 800px
}

.home-biz-links>div h2 {
	font-size: clamp(23px, 12.3333333333px + 0.0138888889*100vw, 29px);
	line-height: 1.25;
	padding: 0 0 1em 0;
	text-align: center;
	width: 100%
}

.home-biz-links>div>a {
	background-color: #f7f7f7;
	border-radius: 12px;
	color: #139675;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	font-weight: bold;
	padding: .5rem 1rem;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.home-biz-links>div>a:hover,
.home-biz-links>div>a:focus,
.home-biz-links>div>a:active,
.home-biz-links>div>a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

@media(max-width: 768px) {
	.home-biz-links>div>a {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 90%;
		flex: 0 0 90%
	}
}

.home-biz-links>div>a:hover,
.home-biz-links>div>a:focus,
.home-biz-links>div>a:active {
	background-color: #139675;
	color: #fff
}

.marche-hero {
	background-image: url('../w/material/marche-ogp.png');
	min-height: 840px
}

.marche-hero h1 {
	height: 600px;
	width: 100%
}

.marche-hero h1>img {
	-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));
	width: 320px
}

.marche-hero .marche-text {
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 240px;
	margin: auto auto 0 auto;
	text-align: center;
	width: 100%
}

.marche-hero .marche-text p {
	font-size: clamp(23px, 8.7777777778px + 0.0185185185*100vw, 31px);
	font-weight: normal
}

.marche-marcket-desc>div {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.marche-marcket-desc>div h2 {
	border-bottom: 4px double #ddd;
	margin-bottom: 40px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%
}

.marche-marcket-desc>div h2 i {
	font-style: normal;
	font-size: 115%
}

.marche-marcket-desc .feature-list {
	border-radius: 12px;
	padding: 40px 20px 20px 20px
}

.marche-marcket-desc .feature-list li {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	margin-bottom: 1em;
	padding-bottom: 10px
}

.marche-marcket-desc .feature-list li u {
	color: #139675;
	margin-right: 10px;
	text-decoration: none
}

.marche-marcket-desc .nihon-map {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 10px;
	max-width: 540px;
	width: 100%
}

.marche-trade {
	padding-top: 0
}

.marche-trade>div {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.marche-trade>div img {
	margin: 10px;
	max-width: 700px;
	width: 100%
}

.marche-trade>div>p {
	-ms-flex-item-align: start;
	align-self: flex-start;
	margin-bottom: 40px
}

.marche-greeting {
	background-color: #f5f5f5
}

.marche-greeting>div>img {
	display: block;
	margin: 40px auto 40px auto;
	max-width: 240px;
	width: 100%
}

.marche-greeting>div>h2 {
	border-bottom: 4px double #ddd;
	margin-bottom: 40px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%
}

.marche-greeting>div .greeting-text>img {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 12px;
	display: block;
	margin: 0 auto 40px auto;
	max-width: 240px;
	width: 100%
}

.marche-greeting>div .greeting-text>div {
	font-weight: normal;
	margin: 0 auto;
	max-width: 700px;
	text-align: center
}

.marche-greeting>div .greeting-text>div strong {
	display: inline-block;
	text-align: right;
	width: 100%
}

.marche-catalogue {
	background-color: #f5f5f5
}

.marche-catalogue>div h2 {
	margin-bottom: 40px;
	text-align: center
}

.marche-catalogue>div .animal-images {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px
}

.marche-catalogue>div .animal-images img {
	border-radius: 12px;
	width: 160px;
	height: 160px;
	-o-object-fit: cover;
	object-fit: cover
}

.marche-catalogue>div .catalogue-link {
	margin: 30px auto 0 auto;
	max-width: 700px;
	text-align: center
}

.marche-catalogue>div .catalogue-link>a {
	background-color: #139675;
	border-radius: 12px;
	color: #fff;
	display: inline-block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	font-weight: bold;
	margin-top: 30px;
	padding: .5rem 1rem;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.marche-catalogue>div .catalogue-link>a:hover,
.marche-catalogue>div .catalogue-link>a:focus,
.marche-catalogue>div .catalogue-link>a:active,
.marche-catalogue>div .catalogue-link>a:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

@media(max-width: 768px) {
	.marche-catalogue>div .catalogue-link>a {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 90%;
		flex: 0 0 90%
	}
}

.marche-catalogue>div .catalogue-link>a:hover,
.marche-catalogue>div .catalogue-link>a:focus,
.marche-catalogue>div .catalogue-link>a:active {
	background-color: #139675;
	color: #fff
}

.petfood-header {
	background-image: url('../w/material/petfood-ogp.png');
	min-height: 640px
}

.petfood-header h1 {
	line-height: 0
}

.petfood-header h1>img {
	-webkit-filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.1));
	width: 320px
}

.petfood-business>div {
	max-width: 800px
}

.petfood-business>div h2 {
	margin-bottom: 40px;
	text-align: center;
	width: 100%
}

.petfood-business>div p {
	margin-bottom: 40px;
	text-align: center
}

.petfood-business>div img {
	margin: 20px auto 0 auto;
	max-width: 700px;
	width: 100%
}

.petfood-merit>div h2 {
	margin-bottom: 40px;
	text-align: center;
	width: 100%
}

.petfood-merit>div>div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	padding: 20px 0
}

@media(max-width: 768px) {
	.petfood-merit>div>div {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.petfood-merit>div>div img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66px;
	flex: 0 0 66px;
	height: 66px;
	width: 66px
}

.petfood-merit>div>div strong {
	font-weight: bold;
	line-height: 1.25;
	padding: 0;
	width: 8em;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8em;
	flex: 0 0 8em
}

.petfood-merit>div>div p {
	line-height: 1.5;
	padding: 0;
	justify-self: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.petfood-parts {
	background-color: #f5f5f5
}

.petfood-parts>div h2 {
	margin-bottom: 40px;
	text-align: center;
	width: 100%
}

.petfood-parts>div p {
	margin-bottom: 40px;
	text-align: center
}

.petfood-parts>div img {
	margin: 20px auto 0 auto;
	max-width: 1000px;
	width: 100%
}

.petfood-products>div h2 {
	padding-bottom: 40px;
	text-align: center
}

.petfood-products>div>div {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px
}

.petfood-products>div>div>div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 360px
}

.petfood-products>div>div>div img {
	border-radius: 12px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	height: 200px;
	width: 260px
}

.petfood-products>div>div>div strong {
	text-align: center;
	padding: 0
}

.petfood-products>div>div>div p {
	padding-bottom: 40px
}

.deer-meat {
	background-color: #c64f46;
	border-radius: 12px;
	padding: 20px;
	text-align: center
}

.deer-meat img {
	display: inline-block;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	height: 240px;
	width: auto
}

.deer-meat h2 {
	color: #fff;
	padding: 40px 0;
	line-height: 1.4
}

.boar-meat {
	background-color: #336782;
	border-radius: 12px;
	margin-top: 120px;
	padding: 80px 20px 20px 20px;
	text-align: center
}

.boar-meat img {
	display: inline-block;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	height: 180px;
	width: auto
}

.boar-meat h2 {
	color: #fff;
	padding: 40px 0;
	line-height: 1.4
}

.ingredient {
	margin: 40px 0
}

.ingredient strong {
	display: block;
	text-align: center;
	margin-bottom: 20px
}

.sheet {
	border-collapse: collapse;
	border: 1px solid silver;
	margin: 0 0 1rem 0;
	width: 100%
}

.sheet th {
	background-color: #5a5a5a;
	color: #fff;
	padding: .5em
}

.sheet td {
	border: 1px solid #5a5a5a;
	padding: .5em
}

.sheet td:not(:first-child) {
	text-align: right
}

.sheet th.pin,
.sheet td.pin {
	background-color: #70ad9e;
	color: #fff;
	font-weight: bold
}

dl.howto-process dt {
	font-weight: bold
}

dl.howto-process dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px
}

@media(max-width: 768px) {
	dl.howto-process dd {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

dl.howto-process dd img {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 200px;
	border-radius: 12px;
	margin-top: 8px
}

@media(max-width: 768px) {
	dl.howto-process dd img {
		width: 100%
	}
}

dl.howto-process dd p {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto
}

.catalogue-container {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px
}

.catalogue-container h2 {
	padding: 40px 0 10px 0;
	text-align: center;
	width: 100%
}

.catalogue-container details.animal-name {
	border: 1px solid #ddd;
	border-radius: 12px
}

.catalogue-container details.animal-name summary {
	border-radius: 12px;
	max-width: 180px;
	position: relative
}

.catalogue-container details.animal-name summary h3,
.catalogue-container details.animal-name summary .animal-content .animal-card-header strong,
.animal-content .animal-card-header .catalogue-container details.animal-name summary strong,
.catalogue-container details.animal-name summary .marche-marcket-desc .feature-list li,
.marche-marcket-desc .feature-list .catalogue-container details.animal-name summary li,
.catalogue-container details.animal-name summary .petfood-merit>div>div strong,
.petfood-merit>div>div .catalogue-container details.animal-name summary strong,
.catalogue-container details.animal-name summary .petfood-products>div>div>div strong,
.petfood-products>div>div>div .catalogue-container details.animal-name summary strong,
.catalogue-container details.animal-name summary dl.howto-process dt,
dl.howto-process .catalogue-container details.animal-name summary dt {
	font-weight: bold;
	text-align: center;
	padding: 1em 0
}

.catalogue-container details.animal-name summary img {
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 100%
}

.catalogue-container details.animal-name summary:hover,
.catalogue-container details.animal-name summary:focus,
.catalogue-container details.animal-name summary:active {
	background-color: #e8fcf7
}

.catalogue-container details.animal-name summary:hover:hover,
.catalogue-container details.animal-name summary:hover:focus,
.catalogue-container details.animal-name summary:hover:active,
.catalogue-container details.animal-name summary:hover:focus-visible,
.catalogue-container details.animal-name summary:focus:hover,
.catalogue-container details.animal-name summary:focus:focus,
.catalogue-container details.animal-name summary:focus:active,
.catalogue-container details.animal-name summary:focus:focus-visible,
.catalogue-container details.animal-name summary:active:hover,
.catalogue-container details.animal-name summary:active:focus,
.catalogue-container details.animal-name summary:active:active,
.catalogue-container details.animal-name summary:active:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.back-page-toc img {
	height: auto;
	width: 88px;
	border-radius: 12px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.back-page-toc img:hover:hover,
.back-page-toc img:hover:focus,
.back-page-toc img:hover:active,
.back-page-toc img:hover:focus-visible,
.back-page-toc img:focus:hover,
.back-page-toc img:focus:focus,
.back-page-toc img:focus:active,
.back-page-toc img:focus:focus-visible,
.back-page-toc img:active:hover,
.back-page-toc img:active:focus,
.back-page-toc img:active:active,
.back-page-toc img:active:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.cover-catalogue {
	background-color: rgba(0, 0, 0, .8);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500
}

.animal-content {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	height: 80vh;
	left: 50%;
	max-width: 800px;
	overflow-y: scroll;
	padding: 20px;
	position: fixed;
	scrollbar-width: none;
	top: calc(50% + 44px);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 90vw;
	z-index: 9999
}

.animal-content .animal-card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.animal-content .animal-card-header button {
	border-radius: 12px
}

.animal-content .animal-card-header button:hover,
.animal-content .animal-card-header button:focus,
.animal-content .animal-card-header button:active,
.animal-content .animal-card-header button:focus-visible {
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.animal-content .animal-card-header button img {
	height: 44px;
	width: 44px
}

.animal-content .animal-card-description>img {
	border-radius: 12px;
	margin: 3rem 0 1rem 0;
	max-height: 540px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 100%
}

.animal-content .animal-card-description .alien {
	color: crimson;
	margin-top: 10px
}

.gibier-news-container h2 {
	margin-top: 0 !important
}

.gibier-news-container time {
	font-weight: bold;
	display: block;
	text-align: right
}

.gibier-news-container h3,
.gibier-news-container .marche-marcket-desc .feature-list li,
.marche-marcket-desc .feature-list .gibier-news-container li,
.gibier-news-container .petfood-merit>div>div strong,
.petfood-merit>div>div .gibier-news-container strong,
.gibier-news-container .petfood-products>div>div>div strong,
.petfood-products>div>div>div .gibier-news-container strong,
.gibier-news-container dl.howto-process dt,
dl.howto-process .gibier-news-container dt,
.gibier-news-container .animal-content .animal-card-header strong,
.animal-content .animal-card-header .gibier-news-container strong {
	margin: 40px 0
}

.gibier-news-container .product {
	padding: 40px 0;
	border-bottom: 1px solid #ddd
}

.gibier-news-container .product .product-photo {
	margin-bottom: 20px
}

.gibier-news-container .product .product-photo img {
	border-radius: 12px;
	max-width: 380px;
	width: 100%
}

.contact-form-desc {
	margin-bottom: 40px
}

.home-promo {
	padding: clamp(60px, -11.1111111111px + 0.0925925926*100vw, 100px) 0;
}



.home-promo>div {
	border: 1px solid #ddd;
	margin: 0 auto;
	max-width: 1200px;
	padding: 20px;
	width: 100%;
}

.home-promo>div>details>summary {
	width: 100%;
}

.home-promo>div>details>summary>img {
	margin: 60px auto 0 auto;
	width: 100%;
	max-width: 1000px;
}

.home-promo>div>details>div.cm-content {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	line-height: 1.65;
	margin: 40px auto 0 auto;
	text-align: justify;
	max-width: 1000px;
	width: 100%;
}


.home-promo-contact {
	margin: 40px auto 40px auto;
	max-width: 700px;
	width: 100%;
}



.home-promo>div>details>div.cm-content>div.cm-text {
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.65;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	text-align: justify;
	font-weight: bold;
	max-width: 1000px;
}

.hzen-a {
	font-weight: bold;
}

.hzen-b,
.hzen-c {
	margin: 80px auto 0 auto;
	max-width: 1000px;
	width: 100%;
}

.hzen-d {
	align-items: center;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin: 40px auto 0 auto;
	max-width: 1000px;
	width: 100%;
}

.hzen-d>.hzen-e {
	flex: 1 1 35%;
}

.hzen-d>.hzen-f {
	flex: 1 1 auto;
	font-weight: bold;
}

.hzen-g {
	width: 100%;
	max-width: 690px;
	margin: 0 auto;
}

.hzen-h {
	font-size: 120%;
	font-weight: bold;
	margin: 50px auto 0 auto;
	text-align: center;
}

.hzen-i {
	display: block;
	margin-bottom: 40px;
	text-align: right;
}

.hrad-a {
	max-width: 530px !important;
}

.hrad-b {
	margin: 80px auto 0 auto;
	max-width: 620px;
	width: 100%;
}

.hrad-c {
	margin: 80px auto 0 auto;
	max-width: 1000px;
	width: 100%;
}

.hrad-d {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	font-weight: bold;
	margin: 40px auto 0 auto;
	text-align: center;
}

.hrad-e {
	font-size: clamp(26px, 8.7777777778px + 0.0185185185*100vw, 42px);
	font-weight: bold;
	text-align: center;
}

.hrad-f {
	border-color: #ccc;
	margin-top: 40px;
}

.hrad-g {
	margin: 40px auto 40px auto;
	max-width: 520px;
	width: 100%;
}

.contact-form-t {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	max-width: 800px;
	margin: 0 auto;
}

.contact-form-t .form-section {
	margin-bottom: 20px;
	padding-bottom: 16px;
}

/* Error message */
.contact-form-t .form-section .error {
	background-color: #d22e4f;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	margin: 0.5em 0;
	padding: 10px 20px;
}

.contact-form-t .form-section .error::before {
	content: '⚠ ';
}


/* Label */
.contact-form-t .form-section .help-text {
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
}

.contact-form-t .form-section .help-text .help-hint {
	color: cornflowerblue;
	font-weight: normal;
}

/* Input and textarea */
.contact-form-t .form-section .entry {
	appearance: none;
	background-color: #f6f6f6;
	border: none;
	border-radius: 8px;
	font-size: 115%;
	padding: 0.4em 0.5em;
	outline: none;
	width: 100%;
}

.contact-form-t .form-section .entry:hover {
	outline: 1px solid #007bff;
}

.contact-form-t .form-section .entry:focus,
.contact-form-t .form-section .entry:active {
	background-color: #ebf7ff;
	outline: 2px solid #007bff;
}

.contact-form-t .form-section textarea {
	height: 160px;
}

.contact-form-t .btn-action {
	display: inline-block;
	background-color: #ddd;
	border: none;
	border-radius: 12px;
	color: #139675;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	font-weight: bold;
	margin-top: 10px;
	outline: none;
	padding: .8rem 2rem;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.contact-form-t .btn-action:hover,
.contact-form-t .btn-action:focus,
.contact-form-t .btn-action:active {
	background-color: #139675;
	color: #fff;
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}

.contact-form-t .form-section .help-text-c {
	display: block;
	text-align: center;
	width: 100%;
}

.contact-form-t .form-section .help-text span {
	color: cornflowerblue;
	font-weight: normal;
}

.contact-form-t .btn-section {
	text-align: center;
}

.contact-form-t .completed-text {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contact-form-t .completed-text2 {
	margin-bottom: 20px;
}

.contact-form-t dl dt {
	margin-top: 10px;
}

.contact-form-t dl dd {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.contact-form-t .totop {
	display: inline-block;
	background-color: #ddd;
	border: none;
	border-radius: 12px;
	color: #139675;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	font-weight: bold;
	margin-top: 10px;
	outline: none;
	padding: .8rem 2rem;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.contact-form-t .totop:hover,
.contact-form-t .totop:active,
.contact-form-t .totop:focus {
	background-color: #139675;
	color: #fff;
	outline: 2px solid #139675;
	outline-offset: 4px;
	-webkit-transition: ease-in .2s;
	transition: ease-in .2s
}


/* 新規作成 */
.form-contact-container {
	font-size: clamp(17px, 9.8888888889px + 0.0092592593*100vw, 21px);
	max-width: 800px;
	margin: 0 auto;
}

.checkbox-set {
	outline: 1px solid grey;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 10px;
}

.checkbox-set label {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkbox-set input {
	transform: scale(2.0);
	accent-color: #139675;
	margin-right: 15px;
}

.checkbox-set input:hover {
	background-color: #139675;
	color: #fff;
}

.form-section {
	/* outline: 1px solid red; */
}


.netteFormsModal {
	background-color: #fff;
	/* border-color: red !important; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.netteFormsModal::backdrop {
	background-color: rgba(0, 100, 0, 0.5);
}