/*
Theme Name: farm-suzuki
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*
#####################
	common
#####################
*/
.pc { display: block !important; }
.sp { display: none !important; }

body, html {
	color: #000;
	position: relative;
	z-index: 0;
	letter-spacing: 0.1em;
	overflow-x: clip;
	font-size: clamp(14px, 1.2vw, 16px);
	font-family: "dnp-shuei-gothic-gin-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.brandon, p.head-nav_sub, .page-header h1:after,
.harvest-message_block h2::before, .harvest-message_block h2::after,
:is(.archive, .single-post) .page-header-title:after {
	font-family: "brandon-grotesque", sans-serif;
	font-style: normal;
}
p {
	line-height: 1.8;
}
li a, p a {
	text-decoration: none;
	cursor: pointer;
}
a { transition: 0.3s; }
a:hover {
	transform: translateY(-5px);
	opacity: 0.8;
	transition: 0.3s;
	color: #b28850;
}
.site-body {
	padding-top: 0;
}
:is(.base_btn, .fot-tel_btn, .fot-mail_btn).vk_button .vk_button_link.btn,
#sb_instagram .sbi_follow_btn a {
	padding: 1rem 4.5rem 1rem 2.5rem;
	position: relative;
	border-radius: calc(infinity * 1px);
	font-size: 1.125rem;
	text-align: left;
}
:is(.base_btn, .fot-tel_btn, .fot-mail_btn).vk_button .vk_button_link.btn::after,
#sb_instagram .sbi_follow_btn a::after {
	content: '';
	background: url(/wp-content/uploads/icon-arrow.svg) center / contain no-repeat;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	aspect-ratio: 1 / 1;
}
.sec_ttl {
	background:url('/wp-content/uploads/sec-ttl_bg.svg') repeat-x 0 100%;
	width: fit-content;
	padding: 1rem;
	color: #7f5348;
	font-size: clamp(24px, 3vw, 36px);
	position: relative;
	margin-bottom: 5rem !important;
}
.sec_ttl2 {
	font-size: clamp(24px, 3vw, 36px);
	position: relative;
}
.sec_ttl2::before {
	content: '';
	display: block;
	background-color: #7f5348;
	width: 40px;
	height: 4px;
	position: absolute;
	bottom: -0.8rem;
}
.sec_ttl3 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: #7f5348;
	font-size: 1.125rem;
}
.sec_ttl3::before {
	content: '●';
	padding-bottom: 0.5rem;
	color: #b28850;
	font-size: 14px;
}

/* CTA */
.cta_block {
	color: white;
	background: url(/wp-content/uploads/cta_bg.png) top center / cover no-repeat;
	padding: 10rem 0 20vw;
}
.cta_block h2 {
	font-size: clamp(28px, 2.5vw, 40px);
	margin-bottom: 1rem !important;
}
.cta_column .wp-block-column {
	display: flex;
}
a:is(.cta-tel_box, .cta-mail_box) {
	border-radius: 10px;
	display: block;
	padding: 1.5rem 0;
	text-align: center;
	color: white;
	font-weight: 700;
	width: 100%;
}
a:is(.cta-tel_box, .cta-mail_box):hover {
	margin-top: 5px;
	transform: translate(0);
	opacity: 1;
}
a.cta-tel_box {
	background-color: #358940;
	border-right: 10px solid #22722c;
	border-bottom: 10px solid #22722c;
}
a.cta-tel_box:hover {
	border-right: 5px solid #22722c;
	border-bottom: 5px solid #22722c;
}
:is(.cta-tel_box, .cta-mail_box) figure {
	border-radius: calc(infinity * 1px);
	width: 5rem;
	height: 5rem;
	padding: 0;
	text-align: center;
	background-color: white;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.cta-tel_box .wp-block-image img:not([style*=object-fit]) {
	filter: brightness(0) saturate(100%) invert(33%) sepia(73%) saturate(469%) hue-rotate(77deg) brightness(92%) contrast(91%);
	height: 2rem !important;
	margin-top: 2px;
	margin-left: 1px;
}
.cta-tel_number {
	font-size: 2.375rem;
	margin-bottom: 0 !important;
}
.cta-tel_reception {
	width: fit-content;
	background-color: white;
	color: initial;
	margin: 0 auto;
	padding: 0 1rem;
	border-radius: 50px;
	font-size: 0.875rem;
}
a.cta-mail_box {
	background-color: #7f5348;
	border-right: 10px solid #754337;
	border-bottom: 10px solid #754337;
}
a.cta-mail_box:hover {
	border-right: 5px solid #754337;
	border-bottom: 5px solid #754337;
}
.cta-mail_box .wp-block-image img:not([style*=object-fit]) {
	filter: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(2655%) hue-rotate(325deg) brightness(93%) contrast(81%);
}
.cta-mail_box p {
	font-size: clamp(18px, 1.5vw, 24px);
	line-height: 1.5;
}



/*
#####################
	header
#####################
*/
.site-header {
	box-shadow: none;
	position: absolute;
}
.site-header--layout--nav-float .site-header-container {
	align-items: center;
}
.header_scrolled .site-header {
	background-color: initial;
	box-shadow: none;
}
.header_scrolled .site-header-logo {
	display: block;
}
.container.site-header-container {
	max-width: 100vw;
	padding: 1rem 3vw;
}
.device-pc .global-nav-list>li>a {
	text-align: left;
}
.global-nav-list>li .global-nav-name {
	font-weight: 400;
	font-size: clamp(14px, 1.1vw, 18px);
}
p.head-nav_sub {
	margin-bottom: 0;
	color: #5fa368;
	font-size: clamp(11px, 1.1vw, 14px);
}
.site-header--layout--nav-float .site-header-logo {
	width: auto;
	margin-right: 0;
}
.global-nav--layout--float-right {
	margin-left: 1vw;
}
.global-nav-list {
	align-items: center;
}
.global-nav-list li img {
	min-width: auto;
}
#menu-item-29, #menu-item-28, #menu-item-27, #menu-item-372 {
	background-color: white;
	padding: 1rem 0;
}
#menu-head-nav li:first-child {
	padding-left: 2rem;
	border-top-left-radius: 5rem;
	border-bottom-left-radius: 5rem;
}
#menu-head-nav #menu-item-372 {
	padding-right: 2rem;
	border-top-right-radius: 5rem;
	border-bottom-right-radius: 5rem;
}
:is(#menu-item-32, #menu-item-535) a {
	border-radius: calc(infinity * 1px);
	margin-left: 2rem;
	width: 5rem;
	height: 5rem;
	padding: 0;
	text-align: center;
}
#menu-item-32 a {
	background-color: #22722c;
}
#menu-item-535 a {
	background-color: #7f5348;
}
:is(#menu-item-32, #menu-item-535) a img {
	filter: brightness(0) invert(1);
	height: 2rem;
	margin-top: 6px;
	margin-left: 1px;
}



/*
#####################
	top
#####################
*/
/*　MV　*/
.mv_block {
	position: relative;
	padding-bottom: 9vw;
}
.mv_block::before {
	content: '';
	background: url(/wp-content/uploads/mv-slider_bg.png) top left / contain no-repeat;
	position: absolute;
	width: 15%;
	aspect-ratio: 387 / 1326;
	top: 5rem;
	left: 0;
	z-index: 1;
}
:is(.mv_block, .page-header)::after {
	content: '';
	-webkit-mask: url(/wp-content/uploads/wave01.svg) bottom center / 100% no-repeat;
	mask: url(/wp-content/uploads/wave01.svg) bottom center / 100% no-repeat;
	background-color: white;
	position: absolute;
	bottom: -1px;
	width: 100vw;
	aspect-ratio: 1602 / 173;
}
.mv-slider_box {
	padding-left: 20vw;
	padding-bottom: 2rem;
	position: relative;
}
.mv_block .mv-slider_box :is(.swiper-container,.vk_slider,.wp-block-image,.wp-block-cover-image,.wp-block-cover) {
	height: 50vw;
	border-bottom-left-radius: 10rem;
}
.mv-slider_box::after {
	content: '';
	background: url(/wp-content/uploads/mv-illust.svg) top left / contain no-repeat;
	position: absolute;
	width: 38vw;
	aspect-ratio: 608 / 469;
	bottom: -8rem;
	right: -5rem;
	z-index: 10;
}
.mv-copy {
	position: absolute;
	width: 50vw;
	height: auto !important;
	left: 7vw;
	bottom: 10rem;
	z-index: 10;
}

/*　intro　*/
.top-intro_block {
	margin-bottom: 5rem;
	position: relative;
}
.top-intro_column {
	position: relative;
	z-index: 1;
}
.top-intro_left-column img {
	width: clamp( 188px, calc( 126px + 17vw ), 325px );
	aspect-ratio: 325 / 328;
	margin: 10rem 0 0 30%;
}
.top-intro_right-column {
	padding-left: 10%;
}
.top-intro_right-column img {
	width: 545px;
	margin-bottom: 1rem;
}
:is(.top-intro_right-column, .harvest-intro_left-column) p {
	line-height: 2.5;
	font-size: clamp(14px, 2vw, 18px);
}
:is(.top-intro_img01, .vehicle-intro_img01).wp-block-image img:not([style*=object-fit]) {
	position: absolute;
	top: 4rem;
	left: 0;
	width: 18%;
	height: 36rem !important;
	object-fit: cover;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 15rem;
	z-index: 2;
}
:where(.top-intro_img02, .harvest-intro_img01).wp-block-image img:not([style*=object-fit]) {
	position: absolute;
	bottom: -13rem;
	right: 0;
	width: 35%;
	height: 20rem !important;
	object-fit: cover;
	border-bottom-left-radius: 2rem;
	border-top-left-radius: 15rem;
	z-index: 2;
}

/*　commit　*/
.commit_block, .harvest-message_block {
	position: relative;
	padding: 20rem 0 10rem;
}
:is(.commit_block, .harvest-message_block)::before {
	content: '';
	-webkit-mask: url(/wp-content/uploads/curve01.svg) top center / 100% no-repeat;
	mask: url(/wp-content/uploads/curve01.svg) top center / 100% no-repeat;
	background-color: white;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100vw;
	aspect-ratio: 6 / 1;
	transform: scale(-1, 1);
}
:is(.commit_block, .harvest-message_block, .vehicle-intro_block)::after {
	content: '';
	-webkit-mask: url(/wp-content/uploads/wave02.svg) bottom center / 100% no-repeat;
	mask: url(/wp-content/uploads/wave02.svg) bottom center / 100% no-repeat;
	background-color: #f2edde;
	position: absolute;
	bottom: -1px;
	width: 101vw;
	left: -4px;
	aspect-ratio: 1515 / 70;
}
:is(.commit_column, .vehicle-intro_column):not(:last-child) {
	margin-bottom: 7rem;
}
:is(.commit_column, .vehicle-intro_column) .wp-block-image img:not([style*=object-fit]) {
	border-radius: 20px;
	border: 1px solid #fbf6e5;
	aspect-ratio: 580 / 420;
	object-fit: cover;
}
.commit_column p {
	color: white;
}
.biostimulant_box {
	border: 2px dashed #f2edde;
	border-radius: 30px;
	padding: 1.5rem 2rem;
	position: relative;
	margin-top: 3rem !important;
}
.biostimulant_box h3 {
	position: absolute;
	top: -1rem;
	width: calc(100% - 4rem);
	background-color: #5fa368;
}

/*　harvest　*/
.harvest-list_block {
	padding: 8rem 0;
}
:is(.harvest_ttl, .blog_ttl)::before, :is(.harvest_ttl, .blog_ttl)::after {
	content: '';
	position: absolute;
	z-index: 2;
}
.harvest_ttl::before {
	left: -30vw;
	top: 0;
	width: clamp(92px, 10vw, 124px);
	background: url(/wp-content/uploads/illust02.svg) center / contain no-repeat;
	aspect-ratio: 124 / 104;
}
.harvest_ttl::after {
	right: -30vw;
	top: 7rem;
	width: clamp(50px, 8vw, 73px);
	background: url(/wp-content/uploads/illust03.svg) center / contain no-repeat;
	aspect-ratio: 73 / 111;
}
.harvest-list_column {
	flex-wrap: wrap !important;
}
.harvest-list_column.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
	flex-basis: auto;
}
.harvest-list_column-box {
	position: relative;
	width: 30%;
}
.harvest-list_column h3 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	left: 0;
	font-size: clamp(13px, 2vw, 18px);
	background-color: #f2edde;
	margin: 0 !important;
	padding: 10px 1rem 1.5rem;
	border-bottom-right-radius: 12px;
}
.harvest-list_column h3::before, .harvest-list_column h3::after {
	content: '';
	position: absolute;
	aspect-ratio: 1 / 1;
	-webkit-mask: url(/wp-content/uploads/curve02.svg) center / contain no-repeat;
	mask: url(/wp-content/uploads/curve02.svg) center / contain no-repeat;
	background-color: #f2edde;
}
.harvest-list_column h3::before {
	right: -12px;
	top: 0;
	width: 12px;
}
.harvest-list_column h3::after {
	bottom: -12px;
	left: 0;
	width: 12px;
}
.harvest-list_column-box img {
	border-radius: 20px;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.home .harvest-list_block p {
	font-weight: 700;
	font-size: 1.125rem;
	margin: 5rem auto 1rem !important;
}

/*　about　*/
.top-about_block {
	position: relative;
	padding: 8rem 0 5rem;
}
.top-about_block::before {
	content: '';
	-webkit-mask: url(/wp-content/uploads/curve03.svg) top center / 100% no-repeat;
	mask: url(/wp-content/uploads/curve03.svg) top center / 100% no-repeat;
	background-color: #f2edde;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100vw;
	aspect-ratio: 6 / 1;
	transform: scale(-1, 1);
}
.top-about_block h4 {
	font-size: clamp(22px, 2.5vw, 28px);
	margin: 3rem 0 !important;
}
.message_column, .farm_column {
	margin-top: 10rem !important;
}
.message-img_column {
	margin-left: calc(50% - 50vw) !important;
	min-width: 40vw;
}
.message-img_column img:not([style*=object-fit]) {
	border-bottom-right-radius: 2rem;
	border-top-right-radius: 15rem;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.farm_block {
	position: relative;
}
.farm_block::before {
	content: '';
	background: url(/wp-content/uploads/map.svg) center / contain no-repeat;
	position: absolute;
	width: 45%;
	aspect-ratio: 636 / 838;
	top: 8rem;
	right: -10rem;
	z-index: -1;
}

/*　farm-slide　*/
.farm-slide_block {
	position: relative;
	z-index: 2;
}
.farm-slide_block::before {
	content: '';
	-webkit-mask: url(/wp-content/uploads/curve04.svg) bottom center / 100% no-repeat;
	mask: url(/wp-content/uploads/curve04.svg) bottom center / 100% no-repeat;
	background-color: #5fa368;
	position: absolute;
	bottom: -1rem;
	left: 0;
	width: 100vw;
	aspect-ratio: 1370 / 230;
}
.farm-slide_block .wp-block-vk-blocks-slider {
	-webkit-mask: url(/wp-content/uploads/slide_mask.svg) center / 100% no-repeat;
	mask: url(/wp-content/uploads/slide_mask.svg) center / 100% no-repeat;
}
.farm-slide_block .wp-block-vk-blocks-slider :is(figure, img) {
	height: 100% !important;
	object-fit: cover;
	position: relative;
}
.farm-slide_block .wp-block-vk-blocks-slider .container {
	padding: 0;
	height: 100%;
}
.farm-slide_block .wp-block-image figcaption {
	display: none;
	position: absolute;
	bottom: 5rem;
	right: 1rem;
	width: fit-content;
	font-size: clamp(14px, 1.1vw, 18px);
	font-weight: 700;
	color: #b28850;
	background-color: white;
	padding: 0 1rem;
	border-radius: 10px;
}
.farm-slide_block .vk_slider .swiper-wrapper {
	transition-timing-function:linear;
}

/*　vehicle　*/
.top-vehicle_block {
	padding: 30rem 0 15rem;
	margin-top: -20rem;
}
.top-vehicle_box {
	padding: 3rem;
	border-radius: 20px;
	width: 80%;
	position: relative;
}
.top-vehicle_box::before {
	content: '';
	position: absolute;
	aspect-ratio: 115 / 177;
	right: -1rem;
	top: -9rem;
	width: 115px;
	background: url(/wp-content/uploads/illust04.svg) center / contain no-repeat;
}
.top-vehicle_box h2 {
	margin-top: -4.3rem !important;
	position: relative;
}
.top-vehicle_box h2::after {
	content: '';
	background:url('/wp-content/uploads/sec-ttl_bg.svg') repeat-x;
	width: 84px;
	height: 4px;
	display: block;
	margin: 1rem 0 0 5px;
}
.vehicle_list {
	display: flex;
	padding: 0;
	margin-top: 2rem !important;
}
.vehicle_list li {
	color: #b28850;
	list-style: none;
	font-size: clamp(13px, 1.4vw, 16px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid #b28850;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	width: 160px;
	margin-right: 1.5rem;
	background-color: white;
	line-height: 1.6;
}
.top-vehicle_img-column {
	margin-right: calc(50% - 50vw) !important;
	position: relative;
}
.top-vehicle_img-column img {
	position: absolute;
	object-fit: cover;
}
.top-vehicle_img01.wp-block-image img:not([style*=object-fit]) {
	top: -10rem;
	right: -20%;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 200px;
	height: 35rem !important;
}
.top-vehicle_img02.wp-block-image img:not([style*=object-fit]) {
	top: 14rem;
	left: -17rem;
	border-radius: 20px;
	aspect-ratio: 400 / 290;
	max-width: 24vw;
}

/*　blog　*/
.top-blog_block {
	background: url(/wp-content/uploads/curve05.svg) top center / contain no-repeat;
	margin-top: -14vw;
	padding: 12rem 0;
}
.blog_ttl::before {
	left: -8vw;
	top: -1rem;
	width: 99px;
	aspect-ratio: 99 / 86;
	background: url(/wp-content/uploads/illust05.svg) center / contain no-repeat;
}
.blog_ttl::after {
	right: -6vw;
	top: -2rem;
	width: 90px;
	aspect-ratio: 90 / 120;
	background: url(/wp-content/uploads/illust06.svg) center / contain no-repeat;
}
.top-blog_block .swiper-container {
	margin-right: calc(50% - 50vw) !important;
	margin-bottom: 3rem !important;
}
.top-blog_block .swiper-container .img-cat_box {
	position: relative;
}
.top-blog_block .swiper-container .taxonomy-category {
	position: absolute;
	z-index: 2;
	bottom: 0;
	background-color: white;
	padding: 0 2rem 3px 5px;
	border-top-right-radius: 12px;
}
.top-blog_block .swiper-container .taxonomy-category::before {
	content: '';
	position: absolute;
	aspect-ratio: 1 / 1;
	-webkit-mask: url(/wp-content/uploads/curve02.svg) center / contain no-repeat;
	mask: url(/wp-content/uploads/curve02.svg) center / contain no-repeat;
	background-color: white;
	right: -12px;
	bottom: 0;
	width: 12px;
	transform: scale(1, -1);
}
.top-blog_block .swiper-container .taxonomy-category a {
	color: #b28850;
	font-size: 0.875rem;
}
.top-blog_block .swiper-container h4 {
	margin-bottom: 0 !important;
}
.top-blog_block .swiper-container h4 a {
	font-size: 1rem;
	font-weight: 400;
	color: #1a1a1a;
	margin-top: 1.5rem;
}
.top-blog_block .swiper-container .wp-block-post-date {
	font-size: 0.875rem;
	color: #b3b3b3;
}
.vk_slider .swiper-button-next, .vk_slider .swiper-button-prev,
.vk_post_list_slider .swiper-button-next, .vk_post_list_slider .swiper-button-prev {
	background-color: white;
	border-radius: 50%;
	border: 2px solid #b28850;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-button-prev:after {
	content: '';
	-webkit-mask: url(/wp-content/uploads/icon-arrow2.svg) center / contain no-repeat;
	mask: url(/wp-content/uploads/icon-arrow2.svg) center / contain no-repeat;
	background-color: #7f5348;
	aspect-ratio: 7 / 12;
	width: 7px;
	transform: scale(-1, 1);
}
.swiper-button-next:after {
	transform: scale(1, -1);
}
.vk_slider .swiper-button-next {
	right: 3%;
}

/*　insta　*/
.insta_block {
	padding-bottom: 22vw;
}
.insta_block h3 {
	writing-mode: horizontal-tb;
}
.insta_block h3::before {
	padding-right: 0.5rem;
}
.sbi_item {
	border-radius: 30px;
}
#sb_instagram .sbi_follow_btn a {
	margin-top: 3rem !important;
}
#sb_instagram .sbi_follow_btn a::after {
	transform: translateY(-50%) rotate(-45deg);
}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
	box-shadow: none !important;
}



/*
#####################
	page
#####################
*/
.page-header {
	padding: 10vw 0;
	color: white;
}
.page-header h1:after, :is(.archive, .single-post) .page-header-title:after {
	display: block;
	font-weight: 400;
	font-size: 1.625rem;
}
.page-header-title, h1.page-header-title {
	font-size: clamp(24px, 3vw, 36px);
}
.breadcrumb, .site-footer {
	display: none;
}
table {
	margin-left: auto;
	margin-right: auto;
}
.wp-block-table :is(table,thead,tbody,tfoot,th,td) {
	border: none;
}
.wp-block-table td, .wp-block-table th {
	text-align: left;
	padding: 2rem;
	font-size: 1rem;
}
table th {
	width: 25%;
}
table td {
	line-height: 1.8;
	border-top: 1px solid #5fa368 !important;
	border-bottom: 1px solid #5fa368 !important;
}

/*　company
-------------------------------------*/
.post-name-company .page-header {
	background: url(/wp-content/uploads/company_head-img.jpg) top center / cover no-repeat;
}
.post-name-company .page-header h1:after {
	content: 'Company';
}
.company-intro_block {
	padding-top: 5rem;
	position: relative;
}
.company-intro_block::before {
	content: '';
	background: url(/wp-content/uploads/company-intro_im01.png) center / contain no-repeat;
	position: absolute;
	width: clamp(70px, 30vw, 233px);
	aspect-ratio: 470 / 968;
	top: 0;
	left: -5%;
}
.company-intro_block::after {
	content: '';
	background: url(/wp-content/uploads/company-intro_im02.png) center / contain no-repeat;
	position: absolute;
	width: clamp(100px, 25vw, 204px);
	aspect-ratio: 410 / 800;
	top: -8vw;
	right: -5%;
	z-index: 1;
}
.company-intro_block img {
	filter: brightness(0) saturate(100%) invert(52%) sepia(90%) saturate(234%) hue-rotate(77deg) brightness(94%) contrast(79%);
	z-index: 5;
	position: relative;
}
.company-about_block {
	margin-top: -3rem;
}
.company-commit_block {
	position: relative;
	margin-top: 25rem;
	padding-bottom: 20rem;
}
.company-commit_block::before {
	content: '';
	-webkit-mask: url(/wp-content/uploads/curve04.svg) bottom center / 100% no-repeat;
	mask: url(/wp-content/uploads/curve04.svg) bottom center / 100% no-repeat;
	background-color: #5fa368;
	position: absolute;
	top: -16vw;
	left: 0;
	width: 100vw;
	aspect-ratio: 6 / 1;
	transform: scale(1, -1);
}
.post-name-company .farm-slide_block {
	margin-top: -15rem;
}
.company-outline_block {
	padding: 30rem 0 20rem;
	margin-top: -20rem;
}

/*　harvest
-------------------------------------*/
.post-name-harvest .page-header {
	background: url(/wp-content/uploads/harvest_head-img.jpg) top center / cover no-repeat;
}
.post-name-harvest .page-header h1:after {
	content: 'Harvest';
}
.harvest-intro_block {
	padding-bottom: 5rem;
	position: relative;
	z-index: 1;
}
.harvest-intro_left-column img {
	width: 545px;
	margin: 12rem 0 1rem;
}
.harvest-intro_right-column img {
	width: clamp( 188px, calc( 126px + 17vw ), 325px );
	aspect-ratio: 325 / 328;
	margin: -1rem 30% 0 0;
}
.harvest-intro_img01.wp-block-image img:not([style*=object-fit]) {
	bottom: -7rem;
}
.harvest-message_block {
	padding: 7rem 0 15rem;
}
.harvest-message_block h2 {
	font-size: clamp(24px, 3vw, 36px);
}
.harvest-message_block h2::before, .harvest-message_block h2::after {
	color: #22722c;
	vertical-align: 7px;
}
.harvest-message_block h2::before {
	content: '“';
	padding-right: 3px;
}
.harvest-message_block h2::after {
	content: '”';
	padding-left: 3px;
}
.harvest-message-img_column01 {
	margin-left: calc(50% - 50vw) !important;
	min-width: 50vw;
	z-index: 5;
}
.harvest-message-img_column01 img:not([style*=object-fit]) {
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 15rem;
	aspect-ratio: 4 / 2;
	object-fit: cover;
}
.harvest-message-txt_column01 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.harvest-message-img_column02 img:not([style*=object-fit]) {
	border-radius: 2rem;
	border-top-left-radius: 15rem;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	margin-top: -2rem;
}
.harvest-message-txt_column02 {
	display: flex;
	align-items: center;
}
.harvest-message-img_column03 {
	margin-left: calc(50% - 50vw) !important;
	max-width: 20vw;
}
.harvest-message-img_column03 img:not([style*=object-fit]) {
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 15rem;
	aspect-ratio: 2 / 4;
	object-fit: cover;
}
.harvest-message-txt_column03 {
	text-align: right;
}
.harvest-message-txt_column03 h2 {
	margin: 6rem !important;
	margin-left: auto !important;
}
.harvest-message-txt_column03 img:not([style*=object-fit]) {
	border-radius: 2rem;
	border-top-right-radius: 15rem;
	aspect-ratio: 5 / 2;
	object-fit: cover;
	width: 90%;
}
.harvest-message-ttl {
	margin-top: 5rem !important;
}
h2.harvest-message-ttl::before, h2.harvest-message-ttl::after {
	content: none;
}
.harvest-item_column {
	margin-top: 10rem !important;
}
.harvest-item_img-box img {
	border-radius: 20px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
}
.harvest-item_txt-box h3 {
	font-size: 2rem;
	margin: 2.5rem auto !important;
}
.harvest-item_txt-box table {
	margin: 2rem 0 1rem !important;
}
.harvest-item_txt-box th {
	padding: 0.5rem;
	font-size: 0.875rem;
	display: flex;
	background-color: #5fa368;
	border-radius: 50px;
	width: 85%;
	line-height: 1.2;
	color: white;
	justify-content: center;
}
.harvest-item_txt-box td {
	border: none !important;
	padding: 0 1rem 2rem;
	width: 80%;
}
.producer-message {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	padding: 1.7rem;
	padding-bottom: 3rem;
	border-radius: 1rem;
	background-color: white;
}
.producer-message::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 75%;
	border-style: solid;
	border-width: 20px 0 0 20px;
	border-color: white transparent transparent;
	translate: calc(-50% + 0.4px) 100%;
	transform: skew(16deg);
	transform-origin: top;
}
.producer-message::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -5rem;
	width: 90px;
	aspect-ratio: 90 / 120;
	background: url(/wp-content/uploads/illust06.svg) center / contain no-repeat;
}
.producer-message h4 {
	font-size: 1rem;
	padding-bottom: 0.6rem;
	margin-bottom: 1.5rem !important;
	border-bottom: 2px dashed #5fa368;
}

/*　vehicle
-------------------------------------*/
.post-name-vehicle .page-header {
	background: url(/wp-content/uploads/vehicle_head-img.jpg) top center / cover no-repeat;
}
.post-name-vehicle .page-header h1:after {
	content: 'Vehicle';
}
.vehicle-intro_block {
	margin-top: 3rem;
	padding-top: 15rem;
}
.vehicle_img-right-column, .vehicle-info_box, .vehicle-info_box .vehicle_list li {
	position: relative;
	z-index: 5;
}
.vehicle-intro_img02.wp-block-image img:not([style*=object-fit]) {
	position: absolute;
	top: -17rem;
	right: 10%;
	object-fit: cover;
	border-radius: 20px;
	aspect-ratio: 400 / 290;
	max-width: clamp(245px, 30vw, 456px);
}
.vehicle-info_box::before {
	content: '';
	position: absolute;
	aspect-ratio: 115 / 177;
	right: 17rem;
	top: -13rem;
	width: clamp(72px, 15vw, 115px);
	background: url(/wp-content/uploads/illust04.svg) center / contain no-repeat;
}
.vehicle-info_box .vehicle_list {
	justify-content: center;
}
.vehicle-info_box .vehicle_list li::after {
	content: '';
	position: absolute;
	aspect-ratio: 7 / 12;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 7px;
	-webkit-mask: url(/wp-content/uploads/icon-arrow2.svg) center / contain no-repeat;
	mask: url(/wp-content/uploads/icon-arrow2.svg) center / contain no-repeat;
	background-color: #7f5348;
	transform: rotate(90deg);
}
.vehicle-info_box .vehicle_list li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #b28850;
}
.vehicle_block {
	padding: 10rem 0;
}

/*　blog
-------------------------------------*/
:is(.blog, .archive, .single-post) .page-header {
	background: url(/wp-content/uploads/blog_head-img.jpg) top center / cover no-repeat;
}
:is(.blog, .archive, .single-post, .post-name-contact, .post-name-privacy) .page-header:after {
	background-color: #f2edde;
}
.blog .page-header h1:after, :is(.archive, .single-post) .page-header-title:after {
	content: 'Blog';
}
:is(.blog, .archive, .single-post, .post-name-contact, .post-name-privacy) .site-body {
	padding: 5rem 0 40vw;
	background-color: #f2edde;
}
.single-post h1.entry-title, .sub-section-title {
	color: #b28850;
}
.entry-meta-item-updated, .entry-meta-item-author, .vk_post_imgOuter_singleTermLabel {
	display: none;
}
.veu_postList .postList_miniThumb .postList_item {
	border: none;
}
.site-body :where(.vk_post.media, .widget, .single-post .main-section),
.contact_block, .privacy_block {
	background-color: white;
	border-radius: 20px;
	margin: 0 !important;
	padding: 2rem !important;
}
.vk_posts {
	gap: 2rem;
}
.widget {
	margin-bottom: 2rem !important;
}
.veu_postList {
	margin-bottom: 0 !important;
}
.single-post .main-section {
	padding: 3rem !important;
}
.archive-header-title {
	color: #7f5348;
}
.veu_postList .postList_title {
	line-height: 1.5;
}

/*　contact
-------------------------------------*/
:is(.post-name-contact, .post-name-privacy) .page-header {
	background-color: #5fa369;
	padding: 8vw 0;
}
.post-name-contact .page-header h1:after {
	content: 'Contact';
}
.post-name-contact .cta-tel_box {
	margin: 0 20% 3rem;
	width: 60%;
}
.smf-form {
	margin-top: 2rem;
	padding: 0 2rem;
}
.smf-item__label__text {
	font-size: 16px;
	font-weight: 700;
}
.smf-form .smf-text-control__control, .smf-form .smf-textarea-control__control {
	padding: 1.6rem 1rem;
	border-radius: 10px;
}
span.required {
	margin-left: 10px;
	padding: 0.5rem;
	border-radius: 2px;
	background-color: #cd2b43;
	color: #ffffff !important;
	font-size: 14px !important;
}
::placeholder {
	color: #eee;
	font-family: initial;
}
#zip {
	width: 20%;
}
.smf-action .smf-button-control__control {
	border-radius: calc(infinity * 1px);
	background: #7f5348;
	color: white;
	border: none;
	font-size: 120%;
	padding: 1rem 3rem;
}
.smf-button-control__control[data-action="back"] {
	background: #626262;
}
form[data-screen="confirm"] div.smf-item--divider {
	display: none !important;
}
.smf-complete-content h2 {
	margin-left: auto;
	margin-right: auto;
}

.post-name-privacy .page-header h1:after {
	content: 'Privacy';
}
.privacy_block {
	padding: 3rem !important;
	text-align: justify;
}
.privacy_block h2 {
	margin-top: 3rem !important;
}


/*
#####################
	footer
#####################
*/
.site-body-bottom {
	background: url(/wp-content/uploads/fot_bg.svg) top center / cover no-repeat;
	padding: 16rem 0 5rem;
	margin-top: -18vw;
	position: relative;
	z-index: 1;
}
.fot_column {
	margin: 0 20% 3rem;
	gap: 3rem;
}
.fot_logo {
	width: 80%;
}
:is(.fot-tel_btn, .fot-mail_btn).vk_button .vk_button_link.btn {
	padding-left: 4.5rem;
}
:is(.fot-tel_btn, .fot-mail_btn).vk_button .vk_button_link.btn::before {
	content: '';
	position: absolute;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	aspect-ratio: 1 / 1;
	filter: brightness(0) invert(1);
}
.fot-tel_btn.vk_button .vk_button_link.btn::before {
	background: url(/wp-content/uploads/icon-tel.svg) center / contain no-repeat;
}
.fot-mail_btn.vk_button .vk_button_link.btn::before {
	background: url(/wp-content/uploads/icon-mail.svg) center / contain no-repeat;
}
.fot-tel_btn.vk_button .vk_button_link.btn {
	font-size: 1.5rem;
	padding: 0.7rem 0 0.7rem 4.5rem;
	margin-bottom: 1.5rem;
}
#menu-fot-nav {
	display: flex;
	justify-content: center;
	gap: 5rem;
}
ul#menu-fot-nav li a {
	border: none;
	color: #7f5348;
}
ul#menu-fot-nav li a:hover {
	background: initial;
}
ul#menu-fot-nav li a::before {
	content: '●';
	padding-right: 0.5rem;
	color: #b28850;
	font-size: 14px;
}
.page_top_btn {
	box-shadow: none;
	width: 126px;
	height: 80px;
	bottom: 0;
	background: url(/wp-content/uploads/page_top_btn.svg) center center / contain no-repeat;
}



/*************************** レスポンシブ開始　***************************/
@media (min-width: 1200px) {
	:root{ --vk-width-container : 1230px; }
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1230px;
	}
	.global-nav--layout--float-right {
		margin-left: 14vw;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.acc-btn.acc-btn-open {
		display: none;
	}
	#menu-head-nav li {
		padding-left: 1%;
	}
	:is(#menu-item-32, #menu-item-535) a {
		display: flex;
	}
	.farm_block::before {
		top: 20rem;
	}
	.top-vehicle_img02.wp-block-image img:not([style*=object-fit]) {
		top: 24rem;
		left: -5rem;
	}
	.vehicle-intro_img02.wp-block-image img:not([style*=object-fit]) {
		top: -20rem;
	}
}

@media (max-width: 991.98px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	.flex-item-1 { order: 1; }
	.flex-item-2 { order: 2; }
	.flex-item-3 { order: 3; }
	.wp-block-table td, .wp-block-table th {
		display: block;
		width: 100%;
		padding: 1.2rem;
	}
	
	.site-header-logo a {
		background-color: white;
		padding: 0.5rem 1rem;
		display: block;
		width: fit-content;
		margin: 0 auto;
		border-radius: calc(infinity * 1px);
	}
	.vk-mobile-nav-menu-btn {
		border: none;
		background: url(/wp-content/uploads/menu-btn-black.svg) center / contain no-repeat;
		width: 50px;
		height: 50px;
	}
	.vk-mobile-nav-menu-btn.menu-open {
		border: none;
		background: url(/wp-content/uploads/menu-close-black.svg) center / contain no-repeat;
	}
	.vk-mobile-nav {
		background-color: #f2edde;
		padding-left: 10%;
		padding-right: 10%;
		border: none;
	}
	.vk-mobile-nav nav > ul, .vk-mobile-nav nav ul li a {
		border-color: white;
	}
	:is(#menu-item-449, #menu-item-531) a {
		padding: 1rem 0 1rem 4.5rem;
		position: relative;
		border: none !important;
		margin-top: 1.6rem !important;
		color: white;
		border-radius: calc(infinity * 1px);
	}
	:is(#menu-item-449, #menu-item-531) a::before {
		content: '';
		position: absolute;
		left: 1.5rem;
		top: 50%;
		transform: translateY(-50%);
		width: 20px;
		aspect-ratio: 1 / 1;
		filter: brightness(0) invert(1);
	}
	#menu-item-449 a {
		background-color: #22722c;
	}
	#menu-item-531 a {
		background-color: #7f5348;
	}
	#menu-item-449 a::before {
		background: url(/wp-content/uploads/icon-tel.svg) center / contain no-repeat;
	}
	#menu-item-531 a::before {
		background: url(/wp-content/uploads/icon-mail.svg) center / contain no-repeat;
	}
	:is(#menu-item-449, #menu-item-531) a::after {
		content: '';
		background: url(/wp-content/uploads/icon-arrow.svg) center / contain no-repeat;
		position: absolute;
		right: 1.5rem;
		top: 50%;
		transform: translateY(-50%);
		width: 15px;
		aspect-ratio: 1 / 1;
	}

	.page-header {
		padding-top: 20vw !important;
	}
	.sec_ttl3 {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		direction: ltr; 
		writing-mode: horizontal-tb;
	}
	.cta_column {
		margin-left: 10% !important;
		margin-right: 10% !important;
	}
	
	.mv_block::before {
		width: 25%;
		top: 1rem;
		left: -1rem;
	}
	.mv_block .mv-slider_box :is(.swiper-container, .vk_slider, .wp-block-image, .wp-block-cover-image, .wp-block-cover) {
		height: 80vw;
	}
	.mv_block .mv-slider_box .wp-block-image img:not([style*="object-fit"]) {
		width: 100%;
		height: 100% !important;
		object-fit: cover;
	}
	.mv-slider_box::after {
		width: 60vw;
		bottom: -2rem;
		right: -2rem;
	}
	.mv-copy {
		width: 85vw;
		bottom: 18rem;
	}
	:is(.top-intro_img01, .vehicle-intro_img01).wp-block-image img:not([style*="object-fit"]) {
		width: 30%;
		height: 30vh !important;
		top: -2rem;
	}
	.top-intro_left-column img {
		margin: 1rem 0 0 0;
	}
	:where(.top-intro_img02, .harvest-intro_img01).wp-block-image img:not([style*="object-fit"]) {
		bottom: -15rem;
		width: 85%;
		height: 12rem !important;
	}
	.commit_block, .harvest-message_block {
		padding: 15rem 0 5rem;
	}
	:is(.commit_column, .vehicle-intro_column):not(:last-child) {
		margin-bottom: 4rem;
	}
	.harvest-list_block {
		padding: 4rem 0;
	}
	.harvest_ttl::after {
		top: 1rem;
		right: -23vw;
	}
	.harvest-list_column.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: auto !important;
	}
	.harvest-list_column {
		gap: 1rem;
	}
	.harvest-list_column-box {
		width: 45%;
		flex-basis: auto !important;
	}
	.harvest-list_column h3 {
		padding: 8px 0.5rem 1rem;
	}
	.top-about_block {
		padding: 4rem 0 0rem;
	}
	.message_column {
		margin-top: 0 !important;
		margin-bottom: 5rem !important;
	}
	.farm_column {
		margin-top: 0 !important;
		margin-bottom: 10rem !important;
	}
	.top-about_block h4 {
		margin: 0 !important;
		margin-bottom: 3rem !important;
	}
	.farm_block::before {
		width: 100vw;
		top: 21rem;
		right: -17rem;
	}
	.farm-slide_block .wp-block-vk-blocks-slider .container {
		max-width: 100vw;
	}
	.farm-slide_block::before {
		-webkit-mask-size: 175% 175%;
		mask-size: 175% 175%;
		bottom: 2rem;
	}
	.top-vehicle_block {
		padding: 16rem 0 24rem;
		margin-top: -9rem;
	}
	.top-vehicle_box::before {
		width: 70px;
		top: -4rem;
	}
	.vehicle_list {
		flex-wrap: wrap;
		gap: 2%;
	}
	.vehicle_list li {
		width: 47%;
		margin-right: 0;
	}
	.vehicle_list li {
		width: 23%;
		margin-right: 0;
	}
	.top-vehicle_img01.wp-block-image img:not([style*=object-fit]) {
		top: -6rem;
		right: 0%;
		height: 21rem !important;
		width: 45vw;
	}
	.top-vehicle_img02.wp-block-image img:not([style*=object-fit]) {
		top: -3rem;
		left: 0rem;
		max-width: 55vw;
	}
	.top-blog_block {
		padding: 7rem 0;
	}
	.sec_ttl.blog_ttl {
		margin-bottom: 2rem !important;
	}
	.blog_ttl::before {
		left: -31vw;
	}
	.blog_ttl::after {
		right: -24vw;
	}
	.company-intro_block {
		padding-bottom: 6rem;
	}
	.company-intro_block::before {
		left: -20%;
		top: 2rem;
	}
	.company-intro_block::after {
		right: -16%;
		top: -6rem;
	}
	.company-outline_block {
		padding: 23rem 0 5rem;
		margin-top: -15rem;
	}
	.harvest-intro_left-column img {
		margin-top: -2rem;
	}
	.harvest-intro_img01.wp-block-image img:not([style*="object-fit"]) {
		bottom: -10rem;
	}
	.harvest-message-img_column02 img:not([style*="object-fit"]) {
		margin-top: 4rem;
	}
	.harvest-message-img_column03 {
		max-width: 53vw;
		margin-top: 3rem !important;
	}
	.harvest-message-txt_column03 h2 {
		margin: 1rem 0 !important;
	}
	.harvest-item_column:first-of-type {
		margin-top: 0 !important;
	}
	.harvest-item_txt-box h3 {
		margin: 1.5rem auto !important;
	}
	.vehicle-intro_block {
		padding: 10rem 0;
	}
	.vehicle-info_box {
		padding: 0 8%;
	}
	.vehicle-info_box::before {
		right: 3rem;
		top: -9rem;
	}
	.vehicle-info_box h2 {
		width: 85%;
		margin-bottom: 0.5rem !important;
	}
	.vehicle-info_box :where(h2, p) {
		padding-left: 20%;
	}
	.vehicle-intro_img02.wp-block-image img:not([style*="object-fit"]) {
		top: auto;
		bottom: -13rem;
		right: 0;
	}
	:is(.blog, .archive, .single-post) .vk_posts {
		justify-content: center;
	}
	.post-name-contact .cta-tel_box {
		margin: 0 0 3rem;
		width: 100%;
	}
	.smf-form {
		padding: 0;
	}
	#zip {
		width: 60%;
	}
	
	.site-body-bottom {
		background: url(/wp-content/uploads/sp-fot_bg.svg) top center / cover no-repeat;
		padding: 9rem 0 1rem;
		margin-top: -25vw;
	}
	.fot_column {
		margin: 0 10% 3rem;
	}
	#menu-fot-nav {
		gap: 0;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#menu-fot-nav li {
		width: 45%;
	}
}

@media (min-width: 782px) and (max-width: 991.98px) {
	.top-intro_column {
		gap: 0 !important;
	}
	.top-intro_left-column img {
		margin: 9rem 0 0 20%;
		width: 80%;
	}
	.sec_ttl3 {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.farm_block::before {
		width: 85vw;
		top: 30rem;
	}
	.top-vehicle_img02.wp-block-image img:not([style*=object-fit]) {
		top: 33rem;
		left: -17rem;
		max-width: 41vw;
	}
	.top-blog_block .swiper-container {
		margin-right: 0 !important;
	}
	.vehicle-info_box {
		flex-basis: 90% !important;
	}
	.vehicle-info_box, .vehicle-info_box :where(h2, p) {
		padding: 0;
	}
	.vehicle-info_box::before {
		right: -7rem;
		width: 30%;
	}
}

@media (max-width: 575.98px) {
	.mv_block .mv-slider_box :is(.swiper-container, .vk_slider, .wp-block-image, .wp-block-cover-image, .wp-block-cover) {
		height: 140vw;
	}
	.mv-copy {
		bottom: 6rem;
	}
	.farm_block::before {
		width: 145vw;
		top: 40rem;
		right: -13rem;
	}
	.farm-slide_block .wp-block-vk-blocks-slider {
		-webkit-mask-size: 250% 250%;
		mask-size: 250% 250%;
	}
	.top-vehicle_block {
		padding: 11rem 0 15rem;
		margin-top: -6rem;
	}
	.vehicle-info_box :where(h2, p) {
		padding-left: 0;
	}
	.vehicle_list {
		gap: 6%;
	}
	.vehicle_list li {
		width: 47%;
	}
	#menu-fot-nav {
		gap: 0;
		flex-direction: column;
	}
	#menu-fot-nav li {
		width: 100%;
	}
}

@supports (-webkit-hyphens: none) {
	@media (max-width: 575.98px)
	.farm_block::before {
		width: 127vw;
		top: 29rem;
	}
}