@charset "UTF-8";



/* ========== ========== ==========
    Config
========== ========== ========== */

:root {
	--color-primary: #099945;
	--color-secondary: #099945;
	--color-black: #000000;
	--color-white: #ffffff;
	--color-bg-01: #e6f5ec;
	--color-bg-02: #eeeeee;
	--color-blend: #aaaaaa;
	--color-font: #222222;
	--font-weight-normal: 400;
	--font-weight-bold: 600;
	--padding-pc: 8rem;
	--padding-ta: 4rem;
	--padding-sp: 2rem;
}

*, *::before, *::after {
	box-sizing: border-box;
	font-family: YakuHanJP, "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

::selection {
    background: var(--color-primary);
    color: #ffffff;
}
::-moz-selection {
    background: var(--color-primary);
    color: #ffffff;
}
html, body {
	margin: 0;
	padding: 0;
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
a.textlink {
	color: #094099;
	text-decoration: underline;
	transition: all 0.2s;
}
a.textlink:hover {
	opacity: 0.5;
}
a[target="_blank"]::after {
	content: "";
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-left: 0.25rem;
	background: url("../img/icons/open_in_new--black.svg") center center no-repeat;
	background-size: 100%;
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
}
img.border {
	border: 1px solid #eeeeee;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: var(--font-weight-bold);
}
p {
	margin: 0;
	padding: 0;
	line-height: 1.75;
}
span {
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}



/* ========== ========== ==========
    Layout
========== ========== ========== */

.l-loading {
	display: none;
	width: 100%;
	height: 100%;
	background-color: var(--color-primary);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
.l-loading__inner {
	content: "";
	width: 100%;
	max-width: 20rem;
	height: 10rem;
	background-color: #ffffff;
	-webkit-mask-size: center center;
	mask-position: center center;
	-webkit-mask-size: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("https://wing-kk.com/ohtsuka/assets/img/logo_ohtsuka-group.svg");
	mask-image: url("https://wing-kk.com/ohtsuka/assets/img/logo_ohtsuka-group.svg");
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.l-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}



/* Header */

.l-header {
	width: 100%;
	margin: 0 auto;
	padding: 2rem 2rem 0;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}
.l-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 4rem;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 100vh;
	box-shadow: 0 5px 5px rgb(0 0 0 / 0.1);
	transition: background-color 0.25s;
}
.l-header-logo {
	width: 10rem;
}
.l-header-gnav__inner {
	display: flex;
	align-items: center;
}
.l-hamburger {
	margin-left: 2rem;
}
.l-modal {
	display: none;
}
.l-modal__inner {
	width: 50%;
	height: 100vh;
	padding: 4rem;
	background-color: var(--color-primary);
	transition: all 0.5s;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	transform: translateX(100%);
}
.l-modal.is-active .l-modal__inner {
	box-shadow: 0 0 1rem rgb(0 0 0 / 0.25);
	transform: translateX(0);
}
.l-hamburger--modal {
	position: absolute;
	right: 2rem;
	top: 2rem;
}
.l-modal.is-active .l-modal__overlay {
	width: 100%;
	height: 100vh;
	background: rgb(0 0 0 / 0.25);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
}
@media only screen and (max-width: 960px) {
	.l-header-gnav .c-gnav-list {
		display: none;
	}
	.l-modal__inner {
		width: 75%;
	}
}
@media only screen and (max-width: 720px) {
	.l-header {
		padding: 1rem 1rem 0;
	}
	.l-header__inner {
		padding: 1rem 3rem;
	}
	.l-modal__inner {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.l-header__inner {
		padding: 1rem 2rem;
	}
	.l-modal__inner {
		padding: 4rem 2rem;
	}
}



/* Key Visual */

.l-kv {
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.l-kv__front {
	width: 100%;
	height: 100vh;
	position: relative;
}
.l-kv__front .l-kv__lede {
	width: 24rem;
	position: absolute;
	left: 6rem;
	bottom: 12rem;
}
.l-kv__bg {
	width: 100%;
	height: 100vh;
	background: url("../img/img_kv01.jpg") center center no-repeat;
	background-size: cover;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.l-kv__bg > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (max-width: 960px) {
	.l-kv__front .l-kv__lede {
		width: 24rem;
		left: 4rem;
	}
}
@media only screen and (max-width: 480px) {
	.l-kv__front .l-kv__lede {
		width: 75%;
		max-width: 20rem;
		left: 2rem;
	}
}



/* Main */

.l-main {
	padding: 0;
	background-color: var(--color-white);
	position: relative;
}
.l-main--index::before {
	content: "";
	width: 100%;
	height: 300px;
	background: url("../img/deco_wave.svg") 0 0 repeat-x;
	background-size: 50%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: -30px;
	z-index: -1;
	transform: scaleY(1.2);
    animation-name: wave;
    animation-timing-function: cubic-bezier(0.75, 0.25, 0.25, 0.75);
    animation-duration: 10s;
    animation-iteration-count: infinite;
}
@keyframes wave {
	0%   { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@media only screen and (max-width: 720px) {
	.l-main::before {
		top: -10px;
	}
}
@media only screen and (max-width: 480px) {
	.l-main::before {
		top: 0;
		background-size: 100%;
	}
}



/* Footer */

.l-footer {
	display: flex;
	justify-content: space-between;
	padding: 8rem 3rem;
	background-color: #222222;
	color: var(--color-white);
}
.l-footer__inner {
	width: 50%;
	padding: 0 4rem;
}
.l-footer__inner:not(:first-of-type) {
	border-left: 1px solid var(--color-white);
}
.l-copyright {
	padding: 1rem;
	background-color: #000000;
}
@media only screen and (max-width: 960px) {
	.l-footer {
		flex-wrap: wrap;
		padding: 4rem;
	}
	.l-footer__inner {
		width: 100%;
		padding: 4rem 0;
	}
	.l-footer__inner:not(:first-of-type) {
		border: 0;
		border-top: 1px solid var(--color-white);
	}
}
@media only screen and (max-width: 720px) {
	.l-footer {
		padding: 4rem;
	}
}
@media only screen and (max-width: 480px) {
	.l-footer {
		padding: 2rem;
	}
}



/* Others */

.l-section {
	padding: 8rem calc((100% - 1140px) / 2);
	position: relative;
}
.l-container {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 2rem;
}
.l-container--harf {
	width: 50%;
}
.l-container--harf-left {
	padding: 2rem 50% 2rem 2rem;
}
.l-container--harf-right {
	padding: 2rem 2rem 2rem 50%;
}
.l-container--harf-img {
	width: calc(50% - 2rem);
	height: 80%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.l-container--harf-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}
.l-container--harf-left .l-container--harf-img {
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
	right: 0;
}
.l-container--harf-right .l-container--harf-img {
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	left: 0;
}
@media only screen and (max-width: 960px) {
	.l-section {
		padding: 6rem calc((100% - 1140px) / 2);
	}
	.l-container--harf-left {
		padding: 0 2rem;
	}
	.l-container--harf-right {
		padding: 0 2rem;
	}
	.l-container--harf-img {
		width: 100%;
		height: 20rem;
		margin-bottom: 4rem;
		position: static;
		top: 0;
		transform: translateY(0);
	}
	.l-container--harf-left .l-container--harf-img,
	.l-container--harf-right .l-container--harf-img {
		border-radius: 2rem;
	}
}
@media only screen and (max-width: 480px) {
	.l-section {
		padding: 4rem calc((100% - 1140px) / 2);
	}
}



/* Page */

.l-page-header {
	margin-top: 10rem;
	width: 100%;
	height: 20rem;
}
@media only screen and (max-width: 960px) {
	.l-page-header {
		margin-top: 9rem;
	}
}
@media only screen and (max-width: 720px) {
	.l-page-header {
		margin-top: 7rem;
	}
}



/* ========== ========== ==========
    Compornent
========== ========== ========== */

.c-page-caption {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	text-align: right;
}

/* Hamburger Button */

.c-hamburger {
	width: 2rem;
	height: 1.75rem;
	transition: all 0.2s;
	position: relative;
}
.c-hamburger:hover {
	cursor: pointer;
	opacity: 0.5;
}
.c-hamburger__line {
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--color-primary);
	border-radius: 100vh;
	position: absolute;
	left: 0;
}
.c-hamburger__line.top {
	top: 0;
}
.c-hamburger__line.center {
	top: 50%;
	transform: translateY(-50%);
}
.c-hamburger__line.bottom {
	bottom: 0;
}
.c-hamburger.is-active .c-hamburger__line {
	top: 50%;
	transform: translateY(-50%);
}
.c-hamburger.is-active .c-hamburger__line.top {
	transform: rotate(45deg);
}
.c-hamburger.is-active .c-hamburger__line.center {
	display: none;
}
.c-hamburger.is-active .c-hamburger__line.bottom {
	transform: rotate(-45deg);
}
.l-modal .c-hamburger__line {
	background-color: var(--color-white);
}



/* Global Navigation */

.c-gnav-list {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	list-style: none;
}
.c-gnav-list .gnav-link {
	display: inline-block;
	color: var(--color-font);
	font-weight: var(--font-weight-bold);
	font-size: 0.875rem;
	text-decoration: none;
	transition: all 0.25s;
}
.c-gnav-list .gnav-link:hover {
	color: var(--color-primary);
}
.c-gnav-list .gnav-link--en {
	line-height: 1.5rem;
	padding-left: 1.75rem;
	background: url("../img/icons/language--black.svg") left center no-repeat;
}
.c-gnav-list .gnav-link--en:hover {
	background: url("../img/icons/language--green.svg") left center no-repeat;
}
.c-gnav-list .c-gnav-parent {
	cursor: pointer;
	position: relative;
}
.c-gnav-child-list {
	width: 12rem;
	padding: 1.5rem;
	background-color: var(--color-primary);
	border-radius: 1rem;
	list-style: none;
	opacity: 0;
	transition: all 0.2s;
	visibility: hidden;
	position: absolute;
	top: 2rem;
}
.c-gnav-child-list__item::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin-bottom: 2px;
	margin-right: 0.5rem;
	border: 2px solid var(--color-white);
	border-radius: 100vh;
}
.c-gnav-parent:hover .c-gnav-child-list {
	opacity: 1;
	visibility: visible;
}
.c-gnav-child-list__item:not(:first-of-type) {
	margin-top: 0.5rem;
}
.c-gnav-child-list .gnav-link {
	color: var(--color-white);
}
.c-gnav-list .c-gnav-child-list .gnav-link:hover {
	color: var(--color-white);
}
.c-gnav-child-list .gnav-link:hover {
	opacity: 0.5;
}



/* Modal Global Navigation */

.l-modal .c-gnav-list {
	display: block;
	padding: 0;
}
.l-modal .c-gnav-list__item {
	margin-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #6bc28f;
}
.l-modal .c-gnav-list__item:last-of-type {
	border-bottom: 0;
}
.l-modal .c-gnav-list .gnav-link {
	color: var(--color-white);
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 1.5rem;
}
.l-modal .c-gnav-list .gnav-link:hover {
	opacity: 0.5;
}
.l-modal .c-gnav-list .c-gnav-parent > .gnav-link:hover {
	cursor: default;
	opacity: 1;
}
.l-modal .c-gnav-list .gnav-link .en {
	color: #6bc28f;
	font-size: 1.25rem;
}
.l-modal .c-gnav-list .gnav-link .en::before {
	content: "-";
	margin-right: 0.5rem;
	margin-left: 1rem;
}
.l-modal .c-gnav-list .gnav-link--en {
	line-height: 2.5rem;
	padding-left: 3rem;
	background: url("../img/icons/language--white.svg") left center no-repeat;
	background-size: contain;
}
.l-modal .c-gnav-child-list {
	display: block;
	width: 100%;
	margin-top: 1rem;
	padding: 0 0 0 2rem;
	opacity: 1;
	visibility: visible;
	position: static;
}
.l-modal .c-gnav-child-list__item:not(:first-of-type) {
	margin-top: 0;
}
.l-modal .c-gnav-child-list__item::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin-bottom: 2px;
	margin-right: 0.5rem;
	border: 2px solid var(--color-white);
	border-radius: 100vh;
}
.l-modal .c-gnav-child-list__item .gnav-link {
	margin-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1.25rem;
}
.l-modal .c-gnav-child-list__item .gnav-link .en {
	font-size: 1rem;
}



/* 見出し--index */

.c-heading--index {
	text-align: center;
}
.c-heading--index__ttl {
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 3rem;
}
.l-footer .c-heading--index__ttl {
	text-align: left;
}
.c-heading--index__ttl .en {
	display: block;
	margin-bottom: 1rem;
	font-family: "Quicksand", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
}
.c-heading--index__txt {
	margin-top: 4rem;
}



/* Button */

.c-btn {
	display: block;
	padding: 1rem;
	background: var(--color-primary) url("../img/icons/arrow_circle_right--white.svg") 74% center no-repeat;
	border: 2px solid var(--color-primary);
	border-radius: 100vh;
	color: var(--color-white);
	font-weight: var(--font-weight-bold);
	text-align: center;
	transition: all 0.25s;
}
.c-btn:hover {
	background: var(--color-white) url("../img/icons/arrow_circle_right--green.svg") 94% center no-repeat;
	color: var(--color-primary);
}
.p-btn-wrap--index {
	width: 50%;
	margin: 4rem auto 0;
}
@media only screen and (max-width: 480px) {
	.p-btn-wrap--index {
		width: 75%;
	}
}



/* Copyright */

.copyright {
	color: var(--color-white);
	font-size: 0.875rem;
	text-align: center;
}



/* Page Header */

.c-page-heading {
	width: 100%;
	height: 100%;
	position: relative;
}
.c-page-heading::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--color-blend);
	mix-blend-mode: multiply;
	position: absolute;
	left: 0;
	top: 0;
}
.c-page-heading--about-us {
	background: url("../img/img_intro_about-us.jpg") center 60% no-repeat;
	background-size: cover;
}
.c-page-heading--ohtsuka-beef {
	background: url("../img/img_intro_ohtsuka-beef.jpg") center 60% no-repeat;
	background-size: cover;
}
.c-page-heading--ohtsuka-farm {
	background: url("../img/img_intro_ohtsuka-farm.jpg") center 80% no-repeat;
	background-size: cover;
}
.c-page-heading--kougen-farm {
	background: url("../img/img_intro_kougen-farm.jpg") center 80% no-repeat;
	background-size: cover;
}
.c-page-heading--niku-no-ohtsuka {
	background: url("../img/img_intro_niku-no-ohtsuka.jpg") center 50% no-repeat;
	background-size: cover;
}
.c-page-heading--recruit {
	background: url("../img/img_intro_recruit.jpg") center center no-repeat;
	background-size: cover;
}
.c-page-heading__inner {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.c-page-heading__ttl {
	color: var(--color-white);
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 3rem;
	text-align: center;
}
.c-page-heading__ttl .sub {
	display: block;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 700;
}



/* breadCramb */

.l-page-breadCramb {
	padding: 1rem 0;
	background-color: #cccccc;
}
.breadCramb-list {
	display: flex;
    overflow-x: auto;
	overflow-y: hidden;
    white-space: nowrap;
}
.breadCramb-list .breadCramb-list__item {
	color: #222222;
	font-size: 0.875rem;
	font-weight: var(--font-weight-bold);
	text-decoration: none;
	transition: all 0.2s;
}
.breadCramb-list .breadCramb-list__item:hover {
	opacity: 0.5;
}
.breadCramb-list .breadCramb-list__item::before {
	content: "▼";
	font-size: 0.75rem;
	margin-right: 0.25rem;
}
.breadCramb-list .breadCramb-list__item:not(:first-of-type) {
	margin-left: 2rem;
}



/* Section Lede */

.c-section-lede {
	padding-bottom: 0;
}
.c-section-lede p {
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 1.5rem;
	font-weight: var(--font-weight-bold);
	text-align: center;
}
@media only screen and (max-width: 480px) {
	.c-section-lede p {
		font-size: 1.25rem;
	}
}



/* Section Heading */

.c-section-heading {
	content: "";
	height: 2rem;
	position: relative;
}
.c-section-heading::before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--color-font);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}
.c-section-heading__inner {
	background-color: #ffffff;
	padding-right: 1rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.c-section-heading__ttl {
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 1.75rem;
	text-align: left;
	z-index: 2;
}



/* Page Content */

.c-page-content--column-1 {
	margin-top: 4rem;
}
.c-page-content--column-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 4rem;
	margin-top: 4rem;
}
/* .c-page-content__inner--img {
	max-height: 32rem;
} */
.c-page-content__inner img {
	width: 100%;
	height: 100%;
	border-radius: 2rem;
	/* object-fit: cover; */
}
.c-page-content__inner p:not(:first-of-type) {
	margin-top: 2rem;
}



/* .c-table */

.c-table {
	width: 100%;
	border-collapse: collapse;
}
.c-table th, .c-table td {
	border-bottom: 1px solid #cccccc;
	font-size: 0.875rem;
}
.c-table th {
	min-width: 6rem;
	padding: 1rem 1rem 1rem 0;
	font-weight: normal;
	text-align: left;
}
.c-table td {
	padding: 1rem 0 1rem 1rem;
	line-height: 1.75;
}
.c-table--recruit th {
	min-width: 8rem;
}



/* Google Map */

.c-map {
	width: 100%;
	height: 0;
	padding-top: 75%;
	position: relative;
}
.c-map iframe {
	width: 100%;
	border-radius: 2rem;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}



/* Strong */

.c-strong {
	color: var(--color-primary);
	font-size: 1.125rem;
	font-weight: var(--font-weight-bold);
}



/* ========== ========== ==========
    Project
========== ========== ========== */

/* News List */

.p-news-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 4rem;
}
.p-news-list__item {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
	padding: 2rem 4rem 2rem 2rem;
	background: var(--color-bg-01) url("../img/icons/arrow_circle_right--green.svg") 98% center no-repeat;
}
.p-news-item__date {
	flex-shrink: 0;
	color: var(--color-primary);
	font-size: 0.875rem;
}
.p-news-item__cate {
	flex-shrink: 0;
	color: #666666;
	font-size: 0.875rem;
}
.p-news-item__ttl {
	flex-shrink: 1;
}
@media only screen and (max-width: 720px) {
	.p-news-list__item {
		flex-wrap: wrap;
	}
	.p-news-item__ttl {
		width: 100%;
		margin-top: -0.5rem;
	}
}



/* Work List */

.p-work-list {
	margin-top: 4rem;
	display: flex;
	gap: 1rem;
}
.p-work-list__item {
	width: calc(100% / 3);
	height: 30rem;
	border-radius: 2rem;
	overflow: hidden;
	position: relative;
	transition: all 0.2s;
}
.p-work-list__item:nth-child(1) {
	background: var(--color-white) url("../img/img_intro_works-01.jpg") center center no-repeat;
	background-size: cover;
}
.p-work-list__item:nth-child(2) {
	background: var(--color-white) url("../img/img_intro_works-02.jpg") center center no-repeat;
	background-size: cover;
}
.p-work-list__item:nth-child(3) {
	background: var(--color-white)url("../img/img_intro_works-03.jpg") center center no-repeat;
	background-size: cover;
}
.p-work-list__item::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--color-blend);
	mix-blend-mode: multiply;
	transition: all 0.2s;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.p-work-list__item:hover::after {
	background-color: #666666;
}
.p-work-list__item .work-item__heading {
	padding: 0 2rem 2rem 0;
	color: var(--color-white);
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.p-work-list__item .work-item__heading .work-item__ttl {
	display: block;
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 1.75rem;
	font-weight: var(--font-weight-bold);
}
.p-work-list__item .work-item__heading .work-item__more {
	display: inline-block;
	margin-top: 1rem;
	padding-right: 2rem;
	text-align: right;
	position: relative;
}
.p-work-list__item .work-item__heading .work-item__more::after {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url("../img/icons/arrow_circle_right--white.svg") center center no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 960px) {
	.p-work-list {
		flex-wrap: wrap;
	}
	.p-work-list__item {
		width: 100%;
		height: 16rem;
	}
	.p-work-list__item:nth-child(1) {
		background-position: left 75%;
		background-size: 50%;
	}
	.p-work-list__item:nth-child(2) {
		background-position: left 75%;
		background-size: 50%;
	}
	.p-work-list__item:nth-child(3) {
		background-position: left center;
		background-size: 50%;
	}
	.p-work-list__item::after {
		display: none;
	}
	.p-work-list__item .work-item__heading {
		color: var(--color-primary);
	}
	.p-work-list__item .work-item__heading .work-item__more::after {
		background: url("../img/icons/arrow_circle_right--green.svg") center center no-repeat;
	}
}
@media only screen and (max-width: 480px) {
	.p-work-list__item {
		width: 100%;
		height: 8rem;
	}
	.p-work-list__item:nth-child(1) {
		background-size: 40%;
	}
	.p-work-list__item:nth-child(2) {
		background-size: 40%;
	}
	.p-work-list__item:nth-child(3) {
		background-size: 40%;
	}
	.p-work-list__item .work-item__heading .work-item__ttl {
		display: block;
		font-family: YakuHanJP, "Zen Maru Gothic", serif;
		font-size: 1.5rem;
		font-weight: var(--font-weight-bold);
	}
}



/* Contact List */

.p-contact-list {
	margin-top: 4rem;
}
.p-contact-list__item.ttl {
	font-size: 1.25rem;
	font-weight: var(--font-weight-bold);
}
.p-contact-list__item.tel {
	display: grid;
	grid-template-columns: 1rem 1fr;
	gap: 0.5rem;
	margin-top: 1rem;
}
.p-contact-list__item.tel .tel__img {
	content: "";
	display: inline-block;
	background: url("../img/icons/call--white.svg") center center no-repeat;
	background-size: 1rem;
}
.p-contact-list__item.email {
	display: grid;
	grid-template-columns: 1rem 1fr;
	gap: 0.5rem;
	margin-top: 1rem;
}
.p-contact-list__item.email .email__img {
	content: "";
	display: inline-block;
	background: url("../img/icons/mail--white.svg") center center no-repeat;
	background-size: 1rem;
}



/* Contact List */

.p-sitemap-list {
	display: flex;
	margin-top: 4rem;
	font-size: 0.875rem;
}
.p-sitemap-list__item {
	width: 50%;
}
.p-sitemap-list__item p:not(:first-of-type) {
	margin-top: 1rem;
}



/* Philosophy */

.p-philosophy-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 1rem;
}
.p-philosophy-list__item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	padding: 2rem;
	background-color: var(--color-primary);
	border-radius: 2rem;
}
.p-philosophy-item__ttl {
	display: grid;
  	place-items: center;
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--color-white);
	color: var(--color-white);
	font-size: 1.5rem;
	font-weight: var(--font-weight-bold);
	text-align: center;
}
.p-philosophy-item__txt {
	color: var(--color-white);
}



/* Farm Act */

.p-farm-act-list {
	display: grid;
	gap: 1rem;
}
.p-farm-act-list__item {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 3fr;
	background-color: #eeeeee;
	border-radius: 2rem;
	overflow: hidden;
}
.p-farm-act-item__ttl {
	padding: 2rem 0 2rem 2rem;
	font-size: 1.5rem;
	font-weight: var(--font-weight-bold);
	text-align: center;
}
.p-farm-act-item__txt {
	padding: 2rem;
}
p.p-farm-act-item__txt:not(:first-of-type) {
	margin-top: 0;
}
@media only screen and (max-width: 480px) {
	.p-farm-act-list__item {
		grid-template-columns: 1fr;
	}
	.p-farm-act-item__ttl {
		padding: 2rem 2rem 0 2rem;
		border-bottom:  2px solid var(--color-primary);
		text-align: left;
	}
	
}



/* Slogan */

.p-slogan__inner {
	display: inline-block;
	margin-top: 0.5rem;
	background-color: var(--color-primary);
	color: var(--color-white);
	font-size: 1.5rem;
	font-weight: var(--font-weight-bold);
}



/* GI Act */

.p-gi-act {
	margin-top: 2rem;
	padding: 2rem;
	background-color: #eeeeee;
}



/* Beef List */

.p-beef-list {
	margin: 0.5rem 0 0;
	padding: 0 0 0 2rem;
	list-style: circle;
}
.p-beef-list li:not(:first-of-type) {
	margin-top: 0.5rem;
}



/* JGAP Act */

.p-jgap-act {
	margin-top: 2rem;
	padding: 2rem;
	background-color: #eeeeee;
}
.p-jgap-act p:not(:first-of-type) {
	margin-top: 0.5rem;
}
.p-jgap-act .quotation {
	font-size: 0.875rem;
}
.p-jgap-act .quotation a {
	display: inline-block;
	margin-left: 0.25rem;
}



/* Staff Comment */

.p-staff-comment-list {
	display: grid;
	gap: 1rem;
}
.p-staff-comment-list__item {
	display: grid;
	align-items: center;
	grid-template-columns: 120px 1fr;
	gap: 2rem;
	padding: 2rem;
	background-color: var(--color-bg-02);
	border-radius: 2rem;
}
.p-staff-comment-item__txt {
	padding: 2rem;
}
.p-staff-comment-item__txt p {
	font-family: YakuHanJP, "Zen Maru Gothic", serif;
	font-size: 1.125rem;
	font-weight: var(--font-weight-bold);	
}
@media only screen and (max-width: 720px) {
	.p-staff-comment-list__item {
		grid-template-columns: 100px 1fr;
	}
	.p-staff-comment-item__txt {
		padding: 0;
	}
	.p-staff-comment-item__txt p {
		font-size: 1rem;
	}
}



/* ========== ========== ==========
    Utility
========== ========== ========== */

.u-bg-green {
	background-color: var(--color-primary);
}
.u-bg-green .c-heading--index {
	color: var(--color-white);
}
.u-column-1of1 {
	width: 100%;
}
.u-column-1of2 {
	width: calc(100% / 2);
}
.u-column-1of3 {
	width: calc(100% / 3);
}
.u-img-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.u-text-align-right {
	text-align: right;
}
.u-w-50 {
	width: 50%;
}
.u-mar-t4 {
	margin-top: 4rem;
}
.u-pad-b0 {
	padding-bottom: 0;
}