/* リキッドレイアウト対応 */

.u-mobile {
	display: none;
}

.u-mobile--lg {
	display: none;
}

a:hover {
	opacity: 0.7;
}

body {
	color: #333;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.025em;
	line-height: 2.1;
}

html {
	font-size: 0.6944444444vw;
}

/* pcの電話番号発信対応 */

a[href^="tel:"] {
	pointer-events: none;
}

/* ホバー */

a {
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

address {
	font-style: normal;
}

/* Set core root defaults */

/* Set core body defaults */

body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
}

body.hidden {
	overflow: hidden;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.l-404 {
	margin-top: 20rem;
}

.l-breadcrumb {
	margin-top: 23.5rem;
}

.l-footer {
	margin: 5rem 0 3rem;
}

.l-inner,
.l-inner100,
.l-inner140 {
	margin-left: auto;
	margin-right: auto;
	max-width: 120rem;
	width: 100%;
}

.l-inner100 {
	max-width: 100rem;
}

.l-inner140 {
	max-width: 140rem;
}

.l-top-main {
	overflow: hidden;
}

.l-page {
	overflow: hidden;
}

.c-arrow {
	position: relative;
}

.c-arrow::after {
	-webkit-mask-image: url(../images/common/arrow-green.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 1.3rem;
	background: #333;
	content: "";
	height: 1.8rem;
	mask-image: url(../images/common/arrow-green.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 1.3rem;
	position: absolute;
	right: -2.5rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-out;
	width: 1.8rem;
}

.c-arrow:hover::after {
	transform: translate(0.5rem, -50%);
}

.c-breadcrumb {
	border-top: 1px solid #dee2e2;
	padding: 2.4rem 0;
}

.c-breadcrumb__inner.l-inner {
	padding-left: 3rem;
	padding-right: 3rem;
}

.c-breadcrumb__item {
	display: inline;
	font-size: 1.4rem;
}

.c-breadcrumb__item:nth-last-child(n+2)::after {
	background-color: #dee2e2;
	content: "";
	display: inline-block;
	height: 1px;
	vertical-align: 0.5rem;
	width: 4.5rem;
}

.c-breadcrumb__item a {
	padding: 0 0.6rem;
	transition: opacity 0.6s;
}

.c-breadcrumb__item > span {
	color: #333;
	padding-left: 0.6rem;
}

.c-breadcrumb__item:first-child a {
	padding-left: 0;
}

.c-btn a {
	border: 1px solid #34A853;
	border-radius: 5rem;
	color: #34A853;
	display: block;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin: 0 auto;
	opacity: 1;
	padding: 0.8rem 6rem 1.2rem 3.5rem;
	position: relative;
	text-align: left;
	transition: 0.3s;
	width: -moz-max-content;
	width: max-content;
}

.c-btn a::after {
	background-color: #34A853;
	border-radius: 50%;
	bottom: 0;
	content: "";
	height: 0.9rem;
	margin: auto;
	position: absolute;
	right: 3rem;
	top: 0;
	width: 0.9rem;
}

.c-btn a:hover {
	background-color: #34A853;
	color: #fff;
}

.c-btn a:hover::after {
	background-color: #fff;
}

.c-fixed__btn {
	display: none;
}

.c-fixed__btn a {
	background-color: #34A853;
	border-radius: 0.8rem;
	color: #fff;
	display: block;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	line-height: 1.2;
	padding: 1.5rem 2rem;
	position: relative;
	width: 15.5rem;
}

.c-fixed__btn a::before {
	background: url(../images/common/arrow.svg) no-repeat center/100%;
	bottom: 0;
	content: "";
	margin: auto;
	position: absolute;
	right: 2rem;
	top: 0;
	width: 2.5rem;
}

.c-cta {
	margin-top: 6.5rem;
}

.c-cta .l-inner {
	background-color: #F8F9F6;
	padding: 2.5rem 7rem 2.5rem 5rem;
}

.c-cta__txt {
	margin-top: 1.5rem;
}

.c-cta__btn a {
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	padding: 1rem 3.5rem 1rem 2rem;
	width: 30.5rem;
}

.c-flex {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.c-hamburger {
	color: #fff;
	cursor: pointer;
	font-size: 1.1rem;
	height: 4rem;
	padding: 0;
	position: absolute;
	right: 2rem;
	text-shadow: none;
	top: 2rem;
	width: 4rem;
	z-index: 999;
}

.c-hamburger span {
	left: 50%;
	margin: 0 0 0 -1.4rem;
	top: 50%;
	transition: background-color 100ms;
}

.c-hamburger span::before,
.c-hamburger span,
.c-hamburger span::after {
	background: #fff;
	border-radius: 5rem;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 1.8rem;
}

.c-hamburger.active span::before,
.c-hamburger.active span,
.c-hamburge.active span::after {
	height: 3px;
	transform: rotate(45deg);
	width: 2rem;
}

.c-hamburger p {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	letter-spacing: 0.05em;
	padding-top: 3.5rem;
}

/*×に変化*/

.c-hamburger span::before {
	top: -0.9rem;
	transform: rotate(0deg);
}

.c-hamburger span::after {
	top: 0.9rem;
	transform: rotate(0deg);
}

.c-hamburger span,
.c-hamburger span::before,
.c-hamburger span::after,
.c-hamburger p {
	left: 0;
	transition: 0.5s;
}

.c-hamburger.active span::before,
.c-hamburger.active span::after {
	height: 3px;
	top: 0;
	transform: rotate(-90deg);
	width: 2rem;
}

.c-hamburger.active span::after {
	transform: rotate(90deg);
}

.c-hamburger.active .open {
	display: block;
}

.c-pagination {
	margin: 6rem auto 0;
	width: -moz-fit-content;
	width: fit-content;
}

.c-pagination span {
	border-bottom: 1px solid;
}

.c-pagination span,
.c-pagination a {
	color: #34A853;
	font-family: "Poppins", sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	margin-left: 3rem;
	margin-right: 3rem;
	padding: 0 0.5rem;
}

.c-pagination span:last-child,
.c-pagination a:last-child {
	margin-right: 0;
}

.c-pagination span:first-child,
.c-pagination a:first-child {
	margin-left: 0;
}

.c-pagination span.dots {
	border: none;
}

.c-pagination a {
	border-bottom: 1px solid transparent;
}

.c-pagination .next,
.c-pagination .prev {
	border: 1px solid #34A853;
	border-radius: 5rem;
	display: inline-block;
	opacity: 1;
	padding: 0.8rem;
	text-align: center;
	transition: 0.3s;
	width: 15rem;
}

.c-pagination .next:hover,
.c-pagination .prev:hover {
	background-color: #34A853;
	color: #fff;
}

.c-section-title {
	color: #34A853;
	font-size: 4.6rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.8;
}

.c-section-title span {
	color: #333;
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 1.8rem;
}

.c-topics {
	background: url(../images/top/news-bg.png) no-repeat right top;
	background-size: 57%;
	padding-top: 8.5rem;
}

.c-topics__lists {
	align-items: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}

.c-topics__lists::before {
	content: "";
	order: 1;
	width: calc(25% - 2rem);
}

.c-topics__lists::after {
	content: "";
	width: calc(25% - 2rem);
}

.c-topics__list {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(25% - 2rem);
}

.c-topics__img img {
	height: auto;
	width: 100%;
}

.c-topics__new {
	color: #34A853;
	font-family: "Poppins", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	text-align: center;
}

.c-topics__list:nth-child(n+4)::before {
	display: none;
}

.c-topics__list:nth-child(n+4) .c-topics__new {
	display: none;
}

.c-topics__datetime {
	color: #34A853;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	margin-bottom: 2rem;
	text-align: center;
}

.c-topics__date {
	font-size: 3.2rem;
	line-height: 1.2;
}

.c-topics__date span {
	font-size: 2.2rem;
	margin: 0 1rem;
	vertical-align: middle;
}

.c-topics__time {
	font-size: 1.5rem;
}

.c-topics__info {
	border-radius: 2rem;
	box-shadow: 5px 5px 15px -6px rgba(0, 0, 0, 0.25);
	flex: 1;
	overflow: hidden;
}

.c-topics__info a {
	display: block;
	height: 100%;
}

.c-topics__txt {
	background-color: #fff;
	padding: 2rem 2.5rem;
}

.c-topics__ttl {
	font-size: 1.3rem;
	font-weight: 500;
}

.c-topics__descri {
	font-size: 1.3rem;
	font-weight: 400;
}

.c-topics__tab-contents {
	background-color: #F6F8F4;
	padding-bottom: 8rem;
}

.c-topics__tab-lists {
	flex-wrap: wrap;
	margin: 0 auto;
	width: 72rem;
}

.c-topics__tab-lists::before {
	content: "";
	order: 1;
	width: calc(25% - 2.5rem);
}

.c-topics__tab-lists::after {
	content: "";
	width: calc(25% - 2.5rem);
}

.c-topics__tab-list {
	width: calc(25% - 2.5rem);
}

.c-topics__tab-list a {
	background-color: #F6F8F4;
	border: 1px solid;
	border-radius: 5rem;
	color: #34A853;
	display: block;
	opacity: 1;
	padding: 1rem 1.5rem;
	text-align: center;
	transition: 0.3s;
}

.c-topics__tab-list a:hover {
	background-color: #34A853;
	color: #fff;
}

.c-topics__tab-list a.active {
	background-color: #34A853;
	color: #fff;
}

.c-topics__under-lists::before {
	width: calc(33.3333333333% - 2rem);
}

.c-topics__under-lists::after {
	display: none;
}

.c-topics__under-list {
	display: flex;
	flex-direction: column;
	margin-bottom: 5rem;
	width: calc(33.3333333333% - 0.2rem);
}

.c-topics__under-list:nth-child(n+3) {
	display: block;
}

.c-topics__under-list .c-topics__info {
	background-color: #F9F6F4;
	box-shadow: none;
}

.c-topics__under-list .c-topics__info a {
	display: block;
	height: 100%;
}

.c-topics__under-list .c-topics__txt {
	background-color: #F9F6F4;
}

.p-404__main {
	color: #333;
	font-size: 8rem;
	font-weight: bold;
	text-align: center;
}

.p-404__sub {
	color: #000000;
	font-size: 2.4rem;
	margin-top: 5rem;
	text-align: center;
}

.p-404__top-btn {
	margin: 0 auto;
	margin-bottom: 15rem;
	margin-top: 5rem;
	text-align: center;
}

.p-about {
	margin-bottom: 14.5rem;
	margin-top: 9rem;
}

.p-about__concept {
	margin-bottom: 8rem;
}

.p-about__concept-box {
	align-items: flex-start;
	margin-bottom: 7rem;
}

.p-about__concept-box:last-child {
	margin-bottom: 0;
}

.p-about__concept-imgarea {
	margin-right: 9rem;
	width: 50%;
}

.p-about__concept-txtarea {
	width: 50%;
}

.p-about__concept-ttl {
	color: #34A853;
	font-size: 2.9rem;
	letter-spacing: 0.08em;
	line-height: 1.8;
	margin-bottom: 2rem;
}

.p-about__concept-descri {
	line-height: 2;
	margin-bottom: 3rem;
}

.p-about__concept-descri span {
	display: block;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.p-kitchencar__concept-descri:last-child {
	margin-bottom: 0;
}

.p-about__concept-box:nth-child(2n) {
	flex-direction: row-reverse;
}

.p-about__concept-box:nth-child(2n) .p-about__concept-imgarea {
	margin-left: 7rem;
	margin-right: 0;
}

.p-about__mainimg {
	margin-left: calc(50% - 50vw);
	margin-top: 15.5rem;
}

.p-about__candy {
	margin-top: 9.5rem;
}

.p-about__candy h2 {
	margin-bottom: 8rem;
	text-align: center;
}

.p-about__candy-box {
	width: calc(33.3333333333% - 9rem);
}

.p-about__candy-contents {
	align-items: flex-start;
}

.p-about__candy-img {
	margin: 0 auto;
	width: 20%;
}

.p-about__candy-box:nth-child(1) .p-about__candy-img {
	margin-top: 1.5rem;
	width: 13rem;
}

.p-about__candy-box:nth-child(2) .p-about__candy-img {
	margin-top: 1rem;
}

.p-about__candy-box:nth-child(2) .p-about__candy-img,
.p-about__candy-box:nth-child(3) .p-about__candy-img {
	width: 10rem;
}

.p-about__candy-txtarea {
	margin-top: 2rem;
}

.p-about__candy-ttl {
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 2.5rem;
	text-align: center;
}

.p-about__candy-ttl span {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 0.5rem;
}

.p-about__candy-descri {
	letter-spacing: 0.1em;
	line-height: 2.05;
}

.p-about__commitment {
	margin-top: 8rem;
}

.p-about__commitment h2 {
	margin-bottom: 7rem;
	text-align: center;
}

.p-about__commitment .c-flex {
	align-items: flex-start;
}

.p-about__commitment-box {
	width: calc(33.3333333333% - 8rem);
}

.p-about__commitment-img {
	margin-bottom: 5rem;
}

.p-about__commitment-part {
	aspect-ratio: 1;
	align-items: center;
	background-color: #34A853;
	border-radius: 50%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.5;
	margin: 0 auto 2.5rem;
	padding-top: 0.7rem;
	text-align: center;
	width: 8.5rem;
}

.p-about__commitment-part span {
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 2.2rem;
}

.p-about__commitment-ttl {
	color: #34A853;
	font-size: 2.4rem;
	font-weight: 700;
	height: 9rem;
	line-height: 1.8;
	margin-bottom: 2.5rem;
	text-align: center;
}

.p-about__commitment-descri {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.2;
}

.p-contact {
	background-color: #F6F8F4;
	padding-bottom: 18.5rem;
}

.p-contact .l-inner {
	background-color: #fff;
}

.p-contact form {
	margin: 0 auto;
	padding: 12.5rem 0 6rem;
	width: 60rem;
}

.p-contact table {
	text-align: left;
	width: 100%;
}

.p-contact table tr th {
	color: #34A853;
	display: block;
	font-weight: 500;
}

.p-contact table tr th span {
	color: #FF0000;
	vertical-align: text-top;
}

.p-contact table tr td {
	display: block;
	font-weight: 400;
	margin-bottom: 2.5rem;
}

.p-contact table tr td input,
.p-contact table tr td textarea {
	background-color: #F6F8F4;
	border-radius: 0.4rem;
	padding: 1rem 1.5rem;
	resize: vertical;
	width: 100%;
}

.p-contact table tr td textarea {
	height: 16.5rem;
}

.p-contact__submit {
	text-align: center;
}

.p-contact__submit input {
	background-color: #34A853;
	border: 1px solid;
	border-radius: 0.8rem;
	color: #fff;
	padding: 0.5rem 1rem;
	text-align: center;
	transition: 0.3s;
	width: 9rem;
}

.p-contact__submit input:hover {
	background-color: #fff;
	color: #34A853;
}

.p-contact__submit span {
	display: none;
}

.p-contact .wpcf7 form.invalid .wpcf7-response-output,
.p-contact .wpcf7 form.unaccepted .wpcf7-response-output,
.p-contact .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #FF0000;
}

.p-contact__accept {
	font-size: 1.5rem;
	margin-bottom: 3.5rem;
	text-align: center;
}

.p-contact__accept .wpcf7-list-item {
	display: block;
	line-height: 1;
	margin: 0;
}

.wpcf7-list-item + .wpcf7-list-item {
	margin-top: 8px;
}

.p-contact__accept input[type=checkbox] {
	display: none;
}

.p-contact__accept .wpcf7-list-item-label {
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	padding-left: 2rem;
	position: relative;
}

.p-contact__accept .wpcf7-list-item-label::before {
	background: #fff;
	border: 1px solid #767676;
	bottom: 0;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 1.3rem;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 1.3rem;
}

.p-contact__accept input[type=checkbox]:checked + .wpcf7-list-item-label::after {
	border-right: 0.3rem solid #34A853;
	border-top: 0.3rem solid #34A853;
	content: "";
	display: block;
	height: 0.6rem;
	left: 0.2rem;
	position: absolute;
	top: 0.3rem;
	transform: rotate(135deg);
	width: 1.3rem;
}

.p-footer__info {
	padding-left: 6rem;
}

.p-footer__logo {
	margin-bottom: 2.5rem;
	width: 25rem;
}

.p-footer__address {
	line-height: 1.7;
}

.p-footer__address a {
	display: inline-block;
}

.p-footer__lists {
	margin-bottom: 1.5rem;
}

.p-footer__list {
	margin-right: 4.5rem;
}

.p-footer__list:last-child {
	margin-right: 0;
}

.p-footer__list a {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.p-footer__insta {
	width: 2rem;
}

.p-footer__copy {
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-top: 1.5rem;
	text-align: center;
}

.p-header {
	left: 0;
	padding: 6rem 1.6rem 0 7rem;
	position: absolute;
	right: 0;
	z-index: 999;
}

.p-header.is-fixed {
	animation: DownAnime 1s forwards;
	position: fixed;
}

.p-header.is-fixed .p-header__nav-list a {
	color: #333;
}

.p-header.is-fixed .p-header__nav-shop a {
	color: #fff;
}

.p-header.is-fixed .p-header__nav-shop a:hover {
	color: #34A853;
}

.p-header.is-fixed .c-hamburger p {
	color: #34A853;
}

.p-header.is-fixed .c-hamburger span::before,
.p-header.is-fixed .c-hamburger span,
.p-header.is-fixed .c-hamburger span::after {
	background: #34A853;
}

.p-header.is-fixed .c-hamburger.active p {
	color: #fff;
}

.p-header.is-fixed .c-hamburger.active span::before,
.p-header.is-fixed .c-hamburger.active span,
.p-header.is-fixed .c-hamburger.active span::after {
	background: #fff;
}

.p-header__logo {
	width: 23rem;
}

.p-header__logo .fixed-logo {
	display: none;
}

.p-header.is-fixed .p-header__logo .nofixed-logo {
	display: none;
}

.p-header.is-fixed .p-header__logo .fixed-logo {
	display: block;
}

.p-header__nav-list a {
	color: #fff;
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	padding-right: 4.5rem;
}

.p-header__nav-list a span {
	display: none;
}

.p-header__nav-shop {
	margin-right: 0;
}

.p-header__nav-shop-sp {
	display: none;
}

.p-header__nav-shop a {
	background-color: #34A853;
	border: 1px solid #34A853;
	border-radius: 0.8rem;
	color: #fff;
	display: block;
	opacity: 1;
	padding: 1.5rem 0;
	padding-left: 3rem;
	position: relative;
	width: 20.5rem;
}

.p-header__nav-shop a:hover {
	background-color: #fff;
	border: 1px solid #fff;
	color: #34A853;
}

.p-header__nav-shop a::after {
	background: url(../images/common/arrow.svg) no-repeat;
	background-size: 100%;
	bottom: 0;
	content: "";
	height: 1rem;
	margin: auto;
	position: absolute;
	right: 2rem;
	top: 0;
	width: 3rem;
}

.p-header__nav-shop a:hover::after {
	background: url(../images/common/arrow-green.svg) no-repeat;
	background-size: 100%;
}

.p-header__nav-logo {
	display: none;
}

.p-header__insta {
	display: none;
	margin: 0 auto;
	width: 3rem;
}

.p-header__copy {
	color: #fff;
	display: none;
	font-family: "Poppins", sans-serif;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-top: 3.5rem;
	text-align: center;
}

.p-header__page-under {
	padding-top: 4rem;
	position: fixed;
}

.p-header__page-under .p-header__nav-list a {
	color: #333;
}

.p-header__page-main .p-header__nav-list a {
	color: #fff;
}

.p-header__page-main.is-scrolled .p-header__nav-list a {
	color: #333;
}

.p-header__page-main.is-scrolled .p-header__nav-shop a {
	color: #fff;
}

.p-header__page-under .p-header__nav-shop {
	margin-right: 3rem;
}

.p-header__page-under .p-header__nav-shop a {
	color: #fff;
}

.p-header__page-under .p-header__nav-shop a:hover {
	color: #34A853;
}

.p-header__page-under .c-hamburger {
	color: #34A853;
}

.p-header__page-under .c-hamburger.active {
	color: #fff;
}

.p-header__page-under .c-hamburger span::before,
.p-header__page-under .c-hamburger span,
.p-header__page-under .c-hamburger span::after {
	background: #34A853;
}

.p-header__page-main .c-hamburger span::before,
.p-header__page-main .c-hamburger span,
.p-header__page-main .c-hamburger span::after {
	background: #fff;
}

.p-header__page-main.is-scrolled .c-hamburger span::before,
.p-header__page-main.is-scrolled .c-hamburger span,
.p-header__page-main.is-scrolled .c-hamburger span::after {
	background: #34A853;
}

.p-header__page-main .c-hamburger p {
	color: #fff;
}

.p-header__page-main.is-scrolled .c-hamburger p {
	color: #34A853;
}

.p-header__page-under .c-hamburger.active span::before,
.p-header__page-under .c-hamburger.active span,
.p-header__page-under .c-hamburger.active span::after {
	background: #fff;
}

.p-header__page-under .p-header__logo .fixed-logo {
	display: block;
}

.p-header__page-main .p-header__logo .fixed-logo {
	display: none;
	transition: 0.3s;
}

.p-header__page-main.is-scrolled .p-header__logo .fixed-logo {
	display: block;
}

.p-header__page-main.is-scrolled .p-header__logo .nofixed-logo {
	display: none;
}

.p-kitchencar {
	margin-bottom: 9rem;
	margin-top: 9rem;
}

.p-kitchencar__concept {
	margin-bottom: 9rem;
}

.p-kitchencar__concept-box {
	align-items: flex-start;
	margin-bottom: 10.5rem;
}

.p-kitchencar__concept-box:last-child {
	margin-bottom: 0;
}

.p-kitchencar__concept-imgarea {
	margin-right: 9rem;
	width: 50%;
}

.p-kitchencar__concept-txtarea {
	margin-top: 6.5rem;
	width: 50%;
}

.p-kitchencar__concept-ttl {
	color: #34A853;
	font-size: 2.9rem;
	letter-spacing: 0.08em;
	line-height: 1.8;
	margin-bottom: 2rem;
}

.p-kitchencar__concept-descri {
	line-height: 2;
	margin-bottom: 4rem;
}

.p-kitchencar__concept-descri:last-child {
	margin-bottom: 0;
}

.p-kitchencar__concept-box:nth-child(2n) {
	flex-direction: row-reverse;
}

.p-kitchencar__concept-box:nth-child(2n) .p-kitchencar__concept-imgarea {
	margin-left: 7rem;
	margin-right: 0;
}

.p-kitchencar__mainimg {
	margin-left: calc(50% - 50vw);
	margin-top: 21rem;
}

.p-kitchencar__cafe .c-flex {
	align-items: flex-start;
	margin-top: 8rem;
}

.p-kitchencar__cafe2 .c-flex {
	margin-top: 19rem;
}

.p-kitchencar__cafe-name {
	display: inline-block;
	font-size: 3.2rem;
	margin-bottom: 1.5rem;
	position: relative;
}

.p-kitchencar__cafe-name::after {
	border-bottom: 1px solid;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	width: 23rem;
}

.p-kitchencar__cafe-name span {
	font-size: 1.6rem;
	margin-left: 7rem;
}

.p-kitchencar__cafe-descri {
	font-weight: 500;
	line-height: 2;
}

.p-kitchencar__cafe-txtarea {
	margin-right: 7.5rem;
	width: 34rem;
}

.p-kitchencar__cafe-imgarea {
	margin-top: 1.5rem;
	width: 85.5rem;
}

.p-kitchencar__shop {
	margin-bottom: 12rem;
	margin-top: 7rem;
}

.p-kitchencar__shop .c-section-title {
	font-size: 3.4rem;
}

.p-kitchencar__cafe-title {
	font-weight: 500;
}

.p-kitchencar__table {
	margin-top: 1.5rem;
	width: 100%;
}

.p-kitchencar__table tr th,
.p-kitchencar__table tr td {
	border-bottom: 1px solid #DAD2CC;
	border-top: 1px solid #DAD2CC;
	font-weight: 500;
	padding: 1.5rem 0;
	text-align: left;
}

.p-kitchencar__table tr th {
	color: #34A853;
	vertical-align: text-top;
	width: 20rem;
}

.p-kitchencar__table tr td img {
	width: 2rem;
}

.p-kitchencar__table tr td a.insta {
	display: inline-block;
	vertical-align: middle;
}

.p-kitchencar__table tr td .ggmap {
	background-color: #34A853;
	border: 1px solid #34A853;
	border-radius: 5rem;
	color: #fff;
	display: block;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.6;
	margin-top: 0.5rem;
	padding-bottom: 0.1rem;
	text-align: center;
	width: 10rem;
}

.p-kitchencar__table tr td .ggmap:hover {
	background-color: #fff;
	color: #34A853;
}

.p-kitchencar__introduction {
	margin-bottom: 8.5rem;
}

.p-kitchencar__introduction h2 {
	font-size: 3.2rem;
	margin-bottom: 1rem;
}

.p-kitchencar__introduction-contents {
	flex-wrap: wrap;
	margin-top: 8rem;
}

.p-kitchencar__introduction-box {
	justify-content: flex-start;
	margin-bottom: 3.5rem;
	width: 50%;
}

.p-kitchencar__introduction-img {
	margin-right: 2rem;
	width: 17rem;
}

.p-kitchencar__introduction-img img {
	border-radius: 1rem;
}

.p-kitchencar__introduction-name {
	font-size: 1.5rem;
}

.p-kitchencar__introduction-txt a {
	display: inline-block;
	font-size: 1.3rem;
	margin-top: 1rem;
	position: relative;
	text-decoration: underline;
}

.p-kitchencar__introduction-txt a:after {
	aspect-ratio: 1;
	background: url(../images/common/ic-insta.svg) no-repeat;
	content: "";
	position: absolute;
	right: 0;
	right: -2.5rem;
	top: 0.5rem;
	width: 2rem;
}

.leafShadow {
	position: absolute;
	width: 50%;
	z-index: 0;
}

.leafShadow01 {
	left: 0rem;
	top: -41rem;
}

.leafShadow02 {
	right: -7rem;
	top: -21rem;
	z-index: -1;
}

body.home.is-loading {
	overflow: hidden;
}

.loading-overlay {
	align-items: center;
	background: #333;
	display: flex;
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	z-index: 9999;
}

.loading-container {
	height: 100vh;
	width: 100%;
}

.loading-overlay.hidden {
	display: none;
}

.p-shop {
	background-color: #F6F8F4;
	padding-bottom: 18.5rem;
}

.p-page-hero__other {
	align-items: flex-end;
	background: #F6F8F4;
	background-size: 50% 100%;
	display: flex;
	justify-content: center;
	min-height: 46rem;
	padding-bottom: 6rem;
	position: relative;
}

.p-page-hero__other .p-page-hero__ttl {
	color: #34A853;
	font-family: "Poppins", sans-serif;
	font-size: 5rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	position: relative;
	text-align: center;
}

.p-page-hero__main {
	border-radius: 2.4rem;
	height: 65rem;
	margin: 2.5rem;
}

.p-page-hero__main .p-page-hero__ttl {
	color: #fff;
	font-size: 5rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.4;
	padding-top: 48rem;
}

.p-page-hero__kitchencar .p-page-hero__ttl {
	padding-top: 45rem;
}

.p-page-hero__kitchencar {
	background: url(../images/kitchencar/fv.jpg) no-repeat top center/cover;
}

.p-page-hero__about {
	background: url(../images/about/fv.png) no-repeat top center/cover;
}

.p-top-about {
	margin-top: 14rem;
	position: relative;
}

.p-top-about__imgarea {
	position: relative;
}

.p-top-about__imgarea::before {
	background: url(../images/top/about-vegetable1.png) no-repeat;
	background-size: 100%;
	content: "";
	height: 25rem;
	left: 51.5rem;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 4.5rem;
	width: 21rem;
}

.p-top-about__imgarea::after {
	background: url(../images/top/about-vegetable2.png) no-repeat;
	background-size: 100%;
	content: "";
	height: 28rem;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 52rem;
	top: 59.5rem;
	width: 17rem;
}

.p-top-about__img {
	position: absolute;
}

.p-top-about__img img {
	border-radius: 1rem;
}

.p-top-about__img1 {
	left: 0;
	margin: 0 auto;
	right: 18rem;
	top: 0;
	width: 41rem;
}

.p-top-about__img2 {
	right: 2rem;
	top: 3.5rem;
	width: 26.5rem;
}

.p-top-about__img3 {
	right: 0;
	top: 61.5rem;
	width: 25rem;
}

.p-top-about__img4 {
	left: 19rem;
	margin: 0 auto;
	right: 0;
	top: 89rem;
	width: 42.5rem;
}

.p-top-about__img5 {
	left: 1rem;
	top: 62.5rem;
	width: 32.5rem;
}

.p-top-about__img6 {
	left: 3rem;
	top: 8rem;
	width: 27rem;
}

.p-top-about__txtarea {
	margin: 0 auto;
	padding-top: 36rem;
	width: 82.5rem;
}

.p-top-about__title {
	font-size: 2.4rem;
	letter-spacing: 0;
	margin-left: 1.5rem;
	text-align: center;
}

.p-top-about__title span {
	font-size: 1.6rem;
	letter-spacing: 0.06em;
}

.p-top-about__txt {
	line-height: 2;
	width: 56rem;
}

.p-top-about__descri span {
	display: block;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.p-top-about__btn {
	margin-top: 3rem;
	text-align: right;
}

.p-top-about__btn a {
	margin-right: 0;
}

.p-top-cafe {
	margin-top: 12rem;
	position: relative;
}

.p-top-cafe h2 {
	letter-spacing: 0;
}

.p-top-cafe .l-inner {
	padding-right: 32rem;
}

.p-top-cafe__img {
	margin: 2rem 0 3.5rem;
	width: 87rem;
}

.p-top-cafe__txt {
	line-height: 2;
	margin-bottom: 3.5rem;
	width: 78.5rem;
}

.p-top-cafe__txt span {
	display: block;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.p-top-cafe__btn a {
	margin-right: 0;
	width: 20rem;
}

.p-top-fv {
	margin: 2.5rem;
}

.p-top-fv {
	overflow: hidden;
	position: relative;
}

.p-top-fv::after {
	background-color: rgba(0, 0, 0, 0.5);
	background-image: radial-gradient(#353535 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-position: 0 0, 2px 2px;
	background-size: 2px 2px;
	border-radius: 10px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.p-top-fv__video {
	-o-object-fit: cover;
	border-radius: 1.5rem;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.p-top-fv__video--sp {
	display: none;
}

.p-top-news {
	background: url(../images/top/news-bg.png) no-repeat right top;
	background-size: 57%;
	padding-top: 8rem;
}

.p-top-topics__lists {
	margin-bottom: 9.5rem;
	margin-top: 7rem;
}

.p-top-online {
	background-color: #F6F8F4;
	margin-top: 54rem;
	padding-bottom: 11.5rem;
	padding-top: 12rem;
	position: relative;
}

.p-top-online .l-inner {
	position: relative;
	z-index: 1;
}

.p-top-online__title {
	position: absolute;
	top: -19rem;
}

.p-top-online__contents {
	background: url(../images/top/online-bg.png) no-repeat;
	background-size: cover;
	display: flex;
	margin-right: calc(50% - 50vw);
	padding-bottom: 8.5rem;
	padding-left: 17.5rem;
}

.p-top-online__txt {
	margin-right: 5rem;
	margin-top: 13.5rem;
	width: 54rem;
}

.p-top-online__descri span {
	display: block;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.p-top-online__img {
	margin-left: auto;
	margin-right: 3.5rem;
	margin-top: -6rem;
	width: 57.5rem;
}

.p-top-online__btn {
	margin-top: 4rem;
}

.p-top-online__btn a {
	background-color: #34A853;
	color: #fff;
	font-size: 1.6rem;
	margin-right: 0;
	padding: 1rem 4rem 1rem 2.5rem;
	width: 31rem;
}

.p-top-online__btn a:hover {
	background-color: #fff;
	color: #34A853;
}

.p-top-online__btn a::after {
	background-color: #fff;
}

.p-top-online__btn a:hover::after {
	background-color: #34A853;
}

.p-topics__lists {
	flex-wrap: wrap;
	margin-top: 0;
}

.p-topics__list:nth-child(n+4) .c-topics__datetime {
	padding-top: 0;
}

.p-topics__contents {
	background-color: #F6F8F4;
	padding-bottom: 21rem;
}

.p-topics__contents .l-inner {
	background-color: #fff;
	padding: 7rem 10rem 6.5rem;
}

.p-topics__detail-contents {
	background-color: #F6F8F4;
	padding-bottom: 13.5rem;
}

.p-topics__detail-relation {
	background: none;
	border-top: 1px solid #004C34;
	margin-top: 15rem;
	padding-bottom: 0;
	padding-top: 7rem;
}

.p-topics__detail-contents .l-inner {
	background-color: #fff;
	padding: 11rem 10rem 5.5rem;
}

.p-topics__detail-datetime {
	margin-bottom: 2rem;
	padding-top: 0;
}

.p-topics__detail-info {
	background-color: #F6F8F4;
}

.p-topics__detail-txtarea {
	margin: 0 auto;
	width: 66rem;
}

.p-topics__detail-ttl {
	color: #34A853;
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 3rem;
}

.p-topics__detail-descri video {
	width: 100%;
}

.p-topics__detail-descri p {
	margin-bottom: 4.5rem;
}

.p-topics__detail-descri p:last-child {
	margin-bottom: 0;
}

.p-topics__detail-btn {
	margin: 6rem auto 0;
}

.p-topics__detail-btn a {
	padding: 1rem 6rem 1rem 3.5rem;
}

@media (min-width: 1441px) {

html {
	font-size: 62.5%;
}

}

@media screen and (max-width: 1024px) {

.u-desktop--lg {
	display: none;
}

.u-mobile--lg {
	display: block;
}

}

@media screen and (max-width: 767px) {

.u-desktop {
	display: none;
}

.u-mobile {
	display: block;
}

a:hover {
	opacity: 1;
}

body {
	line-height: 1.92;
}

html {
	font-size: 2.5641025641vw;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

a:hover {
	opacity: 0.8;
}

.l-404 {
	margin-top: 12rem;
}

.l-breadcrumb {
	margin-top: 11rem;
}

.l-footer {
	margin: 2rem 0;
}

.l-inner,
.l-inner100,
.l-inner140 {
	padding-left: 2.75rem;
	padding-right: 2.75rem;
}

.c-breadcrumb {
	padding: 1.5rem 0;
}

.c-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
}

.c-breadcrumb__item {
	font-size: 1rem;
}

.c-breadcrumb__item:nth-last-child(n+2)::after {
	margin-right: 0.5rem;
	vertical-align: middle;
	width: 1.5rem;
}

.c-breadcrumb__item a {
	padding: 0 0.5rem;
}

.c-breadcrumb__item > span {
	padding-left: 0.5rem;
}

.c-btn a {
	font-size: 1.6rem;
	padding: 0.7rem 4rem 0.9rem 3rem;
}

.c-btn a::after {
	right: 2rem;
}

.c-fixed__btn {
	bottom: 2rem;
	display: block;
	position: fixed;
	right: 1rem;
	z-index: 99;
}

.c-cta .l-inner {
	padding: 2rem 2rem 4rem;
}

.c-cta__txt {
	margin-bottom: 4.5rem;
	margin-top: 3.5rem;
	text-align: center;
}

.c-cta__btn a {
	padding: 1rem 4rem 1rem 2rem;
}

.c-cta__btn a::after {
	right: 3rem;
}

body.home .c-cta {
	margin-top: 3rem;
}

.c-flex {
	display: block;
}

.c-hamburger {
	right: 2.5rem;
}

.c-hamburger.active {
	right: 1rem;
	top: 1rem;
}

.c-hamburger p {
	padding-top: 4rem;
}

.c-hamburger.active p {
	padding-top: 3rem;
}

.c-hamburger .open {
	display: none;
}

.c-hamburger.active .close {
	display: none;
}

.c-pagination {
	display: flex;
	flex-wrap: wrap;
	margin: 2rem auto 0;
}

.c-pagination span,
.c-pagination a {
	font-size: 1.5rem;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
}

.c-pagination .next,
.c-pagination .prev {
	padding: 0rem 1rem;
	width: 7rem;
}

.c-section-title {
	font-size: 3rem;
	line-height: 1.7;
}

.c-section-title span {
	font-size: 1.8rem;
}

.c-topics {
	background: url(../images/top/sp/news-bg.png) no-repeat right top;
	background-size: 65%;
	padding-top: 1rem;
}

.c-topics__lists {
	display: flex;
}

.c-topics__list {
	width: calc(50% - 1rem);
}

.c-topics__list:nth-child(n+3) {
	display: none;
}

.c-topics__img img {
	height: auto;
}

.c-topics__new {
	font-size: 0.8rem;
}

.c-topics__datetime {
	margin-bottom: 1rem;
}

.c-topics__date {
	font-size: 2.3rem;
}

.c-topics__date span {
	font-size: 1.6rem;
}

.c-topics__time {
	font-size: 1rem;
}

.c-topics__info {
	border-radius: 1rem;
}

.c-topics__txt {
	padding: 1rem 1.5rem;
}

.c-topics__ttl {
	font-size: 1rem;
}

.c-topics__descri {
	font-size: 1rem;
}

.c-topics__tab-contents {
	padding-bottom: 2rem;
}

.c-topics__tab-lists {
	display: flex;
	width: 100%;
}

.c-topics__tab-list {
	width: calc(25% - 0.4rem);
}

.c-topics__tab-list a {
	font-size: 1.2rem;
	padding: 0.2rem 1rem 0.4rem 1rem;
}

.c-topics__under-list {
	margin-bottom: 1.5rem;
	width: calc(50% - 0.5rem);
}

.p-404__main {
	font-size: 3rem;
}

.p-404__sub {
	font-size: 1.8rem;
	margin-top: 3rem;
}

.p-404__top-btn {
	margin-bottom: 9rem;
	margin-top: 3rem;
}

.p-about {
	margin-bottom: 8rem;
	margin-top: 4rem;
}

.p-about .l-inner {
	padding-left: 2rem;
	padding-right: 2rem;
}

.p-about__concept-box {
	margin-bottom: 3rem;
}

.p-about__concept-imgarea {
	margin-right: 0;
	width: 34rem;
}

.p-about__concept-txtarea {
	margin-top: 3rem;
	width: 100%;
}

.p-about__concept-ttl {
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 2rem;
}

.p-about__concept-descri {
	font-size: 1.2rem;
	line-height: 2.1;
	margin-bottom: 3rem;
}

.p-about__concept-descri span {
	font-size: 1.8rem;
}

.p-about__concept-box:nth-child(2n) .p-about__concept-imgarea {
	margin-left: 0;
	width: 100%;
}

.p-about__mainimg {
	margin: 0 calc(50% - 50vw);
	margin-top: 8rem;
	width: 100vw;
}

.p-about__candy {
	margin-top: 7rem;
}

.p-about__candy h2 {
	line-height: 1.5;
	margin-bottom: 3rem;
}

.p-about__candy-box {
	margin-bottom: 2rem;
	width: 100%;
}

.p-about__candy-box:nth-child(1) .p-about__candy-img {
	margin-top: 0;
	width: 11rem;
}

.p-about__candy-box:nth-child(2) .p-about__candy-img {
	margin-top: 1rem;
}

.p-about__candy-box:nth-child(2) .p-about__candy-img,
.p-about__candy-box:nth-child(3) .p-about__candy-img {
	width: 7.5rem;
}

.p-about__candy-txtarea {
	margin: 2rem auto 0;
	width: 26.5rem;
}

.p-about__candy-ttl {
	margin-bottom: 2.5rem;
}

.p-about__candy-descri {
	font-size: 1.2rem;
	line-height: 2.75;
}

.p-about__commitment {
	margin-top: 5.5rem;
}

.p-about__commitment-box {
	margin-bottom: 5rem;
	width: 100%;
}

.p-about__commitment-img {
	margin: 0 calc(50% - 50vw) 6rem;
	width: 100vw;
}

.p-about__commitment-part {
	font-size: 1.2rem;
	margin-bottom: 2.5rem;
	padding-top: 0.5rem;
	width: 7rem;
}

.p-about__commitment-part span {
	font-size: 1.6rem;
}

.p-about__commitment-ttl {
	height: auto;
	margin-bottom: 2rem;
}

.p-about__commitment-descri {
	font-size: 1.2rem;
	line-height: 2.75;
}

.p-contact {
	padding-bottom: 15.5rem;
}

.p-contact .l-inner {
	padding: 0 2rem;
}

.p-contact form {
	padding: 4.5rem 0 3.5rem;
	width: 100%;
}

.p-contact table tr td {
	margin-bottom: 3rem;
}

.p-contact table tr td:last-child {
	margin-bottom: 3.5rem;
}

.p-contact table tr td input,
.p-contact table tr td textarea {
	font-size: 1.5rem;
}

.p-contact table tr td textarea {
	height: 16.5rem;
}

.p-contact table tr:last-child td {
	margin-bottom: 2rem;
}

.p-footer__info {
	padding-left: 0;
}

.p-footer__logo {
	margin: 0 auto 3rem;
	width: 27.5rem;
}

.p-footer__address {
	text-align: center;
}

.p-footer__nav {
	margin-top: 3rem;
	padding-right: 0;
}

.p-footer__lists {
	display: flex;
	flex-wrap: wrap;
}

.p-footer__list {
	margin-bottom: 0.5rem;
	margin-left: 3rem;
	margin-right: 0;
	width: 40%;
}

.p-footer__list a {
	letter-spacing: 0.05em;
}

.p-footer__insta {
	margin: 0 auto;
	margin-right: 11rem;
	width: 3rem;
}

.p-footer__copy {
	font-size: 1rem;
	margin-top: 4rem;
}

.p-header {
	padding: 2.5rem 1.5rem 0 2.5rem;
}

.p-header.is-fixed .p-header__nav-list a {
	color: #fff;
}

.p-header__logo {
	width: 13rem;
}

.p-header__nav-list {
	margin-bottom: 3rem;
	text-align: center;
}

.p-header__nav-list a {
	font-size: 3rem;
	letter-spacing: 0.02em;
	line-height: 1.2;
	padding-right: 0;
	text-align: center;
}

.p-header__nav-list a span {
	display: block;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
}

.p-header__nav-shop {
	display: none;
	margin-bottom: 0;
}

.p-header__nav-shop-sp {
	display: block;
}

.p-header__spnavBox {
	background-color: #34A853;
	display: none;
	height: 100dvh;
	left: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.p-header__nav-logo {
	display: block;
	margin: 5rem auto 2rem;
	width: 20.5rem;
}

.p-header__insta {
	display: block;
	margin-top: 4rem;
}

.p-header__copy {
	display: block;
}

.p-header__page-under .p-header__nav-list a {
	color: #fff;
	display: block;
}

.p-header__page-main.is-scrolled .p-header__nav-list a {
	color: #fff;
}

.p-kitchencar {
	margin-bottom: 9rem;
	margin-top: 4.5rem;
}

.p-kitchencar .l-inner {
	padding-left: 2rem;
	padding-right: 2rem;
}

.p-kitchencar__concept {
	margin-bottom: 7rem;
}

.p-kitchencar__concept-box {
	margin-bottom: 3.5rem;
}

.p-kitchencar__concept-imgarea {
	margin-right: 0;
	width: 34rem;
}

.p-kitchencar__concept-txtarea {
	margin-top: 3rem;
	width: 100%;
}

.p-kitchencar__concept-ttl {
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 2rem;
}

.p-kitchencar__concept-descri {
	font-size: 1.2rem;
	line-height: 2.1;
	margin-bottom: 3rem;
}

.p-kitchencar__concept-box:nth-child(2n) .p-kitchencar__concept-imgarea {
	margin-left: 0;
	width: 100%;
}

.p-kitchencar__mainimg {
	margin: 0 calc(50% - 50vw) 3rem;
	margin-top: 0;
	width: 100vw;
}

.p-kitchencar__cafe .c-flex {
	display: flex;
	flex-direction: column;
	margin-top: 3.5rem;
}

.p-kitchencar__cafe-name {
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	width: 100%;
}

.p-kitchencar__cafe-name::after {
	width: 100%;
}

.p-kitchencar__cafe-name span {
	font-size: 1.4rem;
	margin-left: 3rem;
}

.p-kitchencar__cafe-descri {
	font-size: 1.4rem;
	line-height: 1.7142857143;
}

.p-kitchencar__cafe-txtarea {
	margin-right: 0;
	order: 2;
	width: 100%;
}

.p-kitchencar__cafe-imgarea {
	margin-bottom: 1.5rem;
	margin-top: 0;
	order: 1;
	width: 100%;
}

.p-kitchencar__shop {
	margin-bottom: 9rem;
	margin-top: 6rem;
}

.p-kitchencar__shop .c-section-title {
	font-size: 1.8rem;
}

.p-kitchencar__shop2 {
	margin-bottom: 5rem;
}

.p-kitchencar__cafe-title {
	font-size: 2.8rem;
}

.p-kitchencar__cafe-title span {
	font-size: 1.4rem;
}

.p-kitchencar__shop .p-kitchencar__cafe-title {
	font-size: 1.8rem;
}

.p-kitchencar__table {
	border-top: 1px solid #DAD2CC;
	margin-top: 2rem;
}

.p-kitchencar__table tr th,
.p-kitchencar__table tr td {
	display: block;
	font-size: 1.2rem;
	padding: 0;
	width: 100%;
}

.p-kitchencar__table tr th {
	border: none;
	font-size: 1.3rem;
	padding-top: 2.5rem;
}

.p-kitchencar__table tr td {
	border-top: none;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}

.p-kitchencar__table tr td .ggmap {
	line-height: 1.6;
	margin-top: 0;
	width: 100%;
}

.p-kitchencar__introduction {
	margin-bottom: 7rem;
}

.p-kitchencar__introduction h2 {
	font-size: 2.4rem;
}

.p-kitchencar__introduction-contents {
	margin-top: 2.5rem;
}

.p-kitchencar__introduction-box {
	align-items: flex-start;
	display: flex;
	margin-bottom: 2rem;
	width: 100%;
}

.p-kitchencar__introduction-img {
	margin-right: 1.5rem;
	width: 10.5rem;
}

.p-kitchencar__introduction-txt {
	line-height: 1.4;
	margin-top: 1rem;
}

.p-kitchencar__introduction-name {
	font-size: 1.1rem;
}

.p-kitchencar__introduction-txt a {
	font-size: 1rem;
	margin-top: 0.5rem;
}

.p-kitchencar__introduction-txt a:after {
	top: 0;
}

.leafShadow {
	width: 90%;
}

.leafShadow01 {
	left: 0rem;
	top: -20rem;
}

.leafShadow02 {
	right: -1rem;
	top: 0rem;
	width: 100%;
}

.p-shop {
	padding-bottom: 15.5rem;
}

.p-shop .l-inner {
	background-color: #fff;
	padding-top: 6rem;
}

.p-page-hero__other {
	background-size: 100% 14rem;
	min-height: 21.5rem;
	padding-bottom: 3rem;
}

.p-page-hero__other .p-page-hero__ttl {
	font-size: 2.7rem;
}

.p-page-hero__main {
	height: 48rem;
	margin: 1rem;
}

.p-page-hero__main .p-page-hero__ttl {
	font-size: 3rem;
	padding-top: 35rem;
}

.p-page-hero__kitchencar .p-page-hero__ttl {
	padding-top: 33rem;
}

.p-page-hero__about {
	background: url(../images/about/sp/fv.png) no-repeat top center/cover;
}

.p-top-about {
	margin-top: 4.5rem;
	padding-bottom: 75rem;
}

.p-top-about__imgarea::before {
	background: url(../images/top/sp/about-vegetable1.png) no-repeat;
	background-size: 100%;
	left: 1rem;
	right: inherit;
	top: 3rem;
	width: 13rem;
}

.p-top-about__imgarea::after {
	background: url(../images/top/sp/about-vegetable2.png) no-repeat;
	background-size: 100%;
	left: 0;
	right: 0;
	top: 125rem;
	width: 20rem;
}

.p-top-about__img1 {
	left: inherit;
	right: 4.5rem;
	width: 47vw;
}

.p-top-about__img2 {
	right: -0.5rem;
	top: 27rem;
	width: 15.5rem;
}

.p-top-about__img3 {
	right: -7.2rem;
	top: 152rem;
	width: 65vw;
}

.p-top-about__img4 {
	left: 0;
	right: 0;
	top: 178.5rem;
	width: 26rem;
}

.p-top-about__img5 {
	left: -6rem;
	top: 156.5rem;
	width: 61vw;
}

.p-top-about__img6 {
	left: -3rem;
	top: 18.5rem;
	width: 41vw;
}

.p-top-about__txtarea {
	padding-top: 48rem;
	width: 31.5rem;
}

.p-top-about__title {
	font-size: 2.4rem;
	margin-left: 0;
}

.p-top-about__title span {
	font-size: 1.4rem;
}

.p-top-about__txt {
	margin-top: 2.5rem;
	width: 100%;
}

.p-top-about__descri span {
	font-size: 1.8rem;
}

.p-top-about__btn {
	margin-top: 18rem;
}

.p-top-cafe {
	margin-top: 9.5rem;
}

.p-top-cafe .l-inner {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.p-top-cafe__img {
	margin: 7.5rem 0 3.5rem;
	width: 100%;
}

.p-top-cafe__txt {
	letter-spacing: 0.1em;
	margin-bottom: 2rem;
	width: 100%;
}

.p-top-cafe__txt span {
	font-size: 1.8rem;
}

.p-top-cafe__btn a {
	margin: 0 auto;
	width: 17rem;
}

.p-top-fv {
	margin: 1rem;
}

.p-top-fv img {
	-o-object-fit: cover;
	border-radius: 1.5rem;
	height: calc(100dvh - 2rem);
	object-fit: cover;
}

.p-top-fv::after {
	display: none;
}

.p-top-fv__video--pc {
	display: none;
	height: calc(100dvh - 2rem);
}

.p-top-fv__video--sp {
	display: block;
}

.p-top-news {
	background: url(../images/top/sp/news-bg.png) no-repeat right top;
	background-size: 65%;
	padding-top: 2rem;
}

.p-top-topics__lists {
	margin-bottom: 5rem;
	margin-top: 1.5rem;
}

.p-top-topics__btn a {
	width: 17rem;
}

.p-top-online {
	margin-top: 0;
	padding-bottom: 1rem;
	padding-top: 14.5rem;
}

.p-top-online .l-inner {
	padding-left: 1rem;
	padding-right: 1rem;
}

.p-top-online__title {
	top: -15.5rem;
}

.p-top-online__contents {
	background: url(../images/top/sp/online-bg.png) no-repeat;
	background-position: bottom 18vw right 0;
	background-size: 100%;
	flex-direction: column;
	padding-left: 2rem;
}

.p-top-online__txt {
	margin-right: 0;
	margin-top: 5.5rem;
	order: 2;
	padding-right: 2rem;
	width: 100%;
}

.p-top-online__descri {
	line-height: 1.9;
}

.p-top-online__descri span {
	font-size: 1.8rem;
}

.p-top-online__img {
	margin-right: -1.5rem;
	margin-top: -2rem;
	width: 100%;
}

.p-top-online__btn {
	margin-top: 1.5rem;
}

.p-top-online__btn a {
	letter-spacing: 0;
	margin: 0 auto;
	padding: 1rem 4rem 1rem 3rem;
	width: 30rem;
}

.p-top-online__btn a::after {
	right: 3.5rem;
}

.p-topics__contents {
	padding-bottom: 15rem;
}

.p-topics__contents .l-inner {
	padding: 4rem 2.5rem 1rem;
}

.p-topics__detail-contents {
	padding-bottom: 15rem;
}

.p-topics__detail-relation {
	margin-top: 6rem;
	padding-top: 2rem;
}

.p-topics__detail-contents .l-inner {
	padding: 4rem 2.5rem 2rem;
}

.p-topics__detail-txtarea {
	width: 100%;
}

.p-topics__detail-ttl {
	font-size: 1.4rem;
	margin-bottom: 2rem;
}

.p-topics__detail-descri {
	font-size: 1.4rem;
	line-height: 2;
}

.p-topics__detail-descri p {
	margin-bottom: 3.5rem;
}

.p-topics__detail-btn {
	margin-top: 4rem;
}

.p-topics__detail-btn a {
	padding: 0.8rem 4rem 0.8rem 3rem;
}

}

@media screen and (max-width: 767px) and (max-width: 767px) {

a:hover {
	opacity: 1;
}

}

@media (max-width: 360px) {

html {
	font-size: 2.7777777778vw;
}

}

@keyframes DownAnime {

0% {
	opacity: 0;
	transform: translateY(-170px);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}


/*# sourceMappingURL=styles.css.map */
