@charset "utf-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import "./reset.css";
@import "./loader.css";
@import "./parts.css";
@import "./icon.css";
@import "./menu_trigger.css";
@import "./fadein.css";
/* CSS Document */
/* =Layout
-------------------------------------------------------------- */
.sp {
	display: none !important;
}
#wrapper {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
.inside {
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.inside::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}
#to_top {
	position: fixed;
	right: 0px;
	bottom: 20px;
	z-index: 9000;
	opacity: 0;
	transition: ease-in 0.2s;
}
.shlink #to_top {
	opacity: 1;
}
#to_top a {
	width: 80px;
	height: 80px;
	background: #af6e34;
	filter: drop-shadow(0px 3px 6px rgba(128, 62, 4, 0.4));
	color: #fff;
	text-align: center;
	font-size: 18px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#to_top a strong {
	display: block;
	text-align: center;
	font-size: 22px;
}
#to_cp {
	position: fixed;
	right: 0px;
	top: 120px;
	z-index: 9000;
	transform: translate(110%, 0);
	transition: ease-out 0.6s;
	opacity: 0;
}
.shlink #to_cp {
	transform: translate(0%, 0);
	opacity: 1;
}
#to_cp a {
	display: block;
}
#to_cp a img {
	width: 180px;
	filter: drop-shadow(3px 3px 6px rgba(128, 62, 4, 0.4));
}
#drawer {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 0vh;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	text-align: center;
	z-index: 998;
	transition: ease-in 0.5s;
	overflow: hidden;
}
.active #drawer {
	height: 100vh;
}
/*============================
#header
============================*/
#header {
	background: #ee7800;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 12px 0;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9900;
}
#header .inside {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .inside::after {
	display: none;
}
#header .inside h1.site-title {}
#header .inside h1.site-title a {
	display: block;
}
#header .inside h1.site-title a img {
	display: block;
	width: 96px;
}
#header .inside .shoulder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
#header .inside .shoulder .sns {}
#header .inside .shoulder .sns a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .inside .shoulder .sns a .balloon {
	width: auto;
	height: 36px;
	padding: 0 16px;
	border-radius: 8px;
	background: #ecca83;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 17px;
	line-height: 43px;
	text-align: left;
	color: #803e04;
	margin: 0 21px 0 0;
	position: relative;
}
#header .inside .shoulder .sns a .balloon::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 9px;
	border-color: transparent transparent transparent #eccb83;
	display: block;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(100%, -50%);
	content: "";
}
#header .inside .shoulder .sns a .cricle {
	width: 36px;
	height: 36px;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	line-height: 1;
}
#header .inside .shoulder .sns a .cricle i.icon-tw {}
/*============================
#main
============================*/
#main {
	padding: 60px 0 182px;
}
/*============================
#footer
============================*/
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 63px 0;
	background: #fff;
}
#footer .inside {}
#footer .inside h6.site-title {}
#footer .inside h6.site-title a {}
#footer .inside h6.site-title a img {
	width: 87.13px;
}
#footer .inside p.copyright {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #000;
}
/*============================
#menu_bt
============================*/
#header .inside .shoulder #menu_bt {
	width: 36px;
	height: 24px;
	margin: 0 0 0 20px;
}
#header .inside .shoulder #menu_bt button.menu-trigger {}
#header .inside .shoulder nav.nav_links {
	position: absolute;
	right: 0;
	top: 74px;
	display: none;
	z-index: 9999;
}
#header .inside .shoulder nav.nav_links ul {
	width: 286px;
	border-radius: 8px;
	padding: 20px 20px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
}
#header .inside .shoulder nav.nav_links ul:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	border-color: transparent transparent #fff transparent;
	display: block;
	position: absolute;
	top: 0%;
	right: 20px;
	transform: translate(0%, -100%);
	content: "";
}
#header .inside .shoulder nav.nav_links ul li {}
#header .inside .shoulder nav.nav_links ul li a {
	font-weight: 500;
	font-size: 18px;
	line-height: 46px;
	text-align: left;
	color: #612701;
	padding: 0 0 0 40px;
	display: block;
	position: relative;
}
#header .inside .shoulder nav.nav_links ul li a::before {
	color: #EE7800;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	font-size: 18px;
	font-family: 'icomoon';
	content: "\e907";
}
#contents section .tit {
	text-align: center;
}
#contents section .tit h2 {
	text-align: center;
	margin: 0 0 43px;
}
#contents section .tit h2 img {
	height: 63px;
	display: block;
	margin: 0 auto;
}
#contents section .tit h2 p {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #612701;
}
/*============================
#visual
============================*/
#visual {
	background: url(../img/background_main.jpg) center top / auto 639px no-repeat;
	height: 702px;
	position: fixed;
	width: 100%;
	left: 0;
	top: 60px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#visual {
		background: url(../img/x2/background_main.jpg) center top / auto 639px no-repeat;
	}
}
#visual .inside {
	position: relative;
}
#visual .inside h1, #visual .inside .item01, #visual .inside .item02 {
	position: absolute;
}
#visual .inside h1 {
	top: 127px;
	left: 63px;
}
#visual .inside .item01 {
	width: 328px;
	top: 156px;
	right: -20px;
	z-index: 10;
}
#visual .inside .item02 {
	top: 22px;
	right: 150px;
	width: 230px;
}
/*============================
#sect01
============================*/
#sect01 {
	padding: 526px 0 0;
}
#sect01 .wave img {
	display: block;
	height: 168px;
	width: 100%;
	filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.08));
}
#sect01 .wrap {
	background: #fdf3da;
	padding: 1px 0 107px;
	position: relative;
	z-index: 10;
}
#sect01 .wrap::before {
	width: 578px;
	height: 993px;
	background: url("../img/main_bg.png") center bottom / contain no-repeat;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 0;
	content: "";
	z-index: 11;
}
#sect01 .inside {
	padding: 1px 0 0;
	position: relative;
	z-index: 13;
}
#sect01 .inside .item01 {
	position: absolute;
	left: -15px;
	top: -344px;
}
#sect01 .inside .item01 img {
	width: auto;
	height: 354px;
	display: block;
}
#sect01 .inside .main_hl {
	margin: -110px 0 0;
}
#sect01 .inside .main_hl h1 {
	text-align: center;
}
#sect01 .inside .main_hl h1 img {
	height: 116.43px;
	display: block;
	margin: 0 auto;
}
#sect01 .inside .tit {
	padding: 120px 0 0;
}
#sect01 .inside .tit h2 {}
#sect01 .inside .tit h2 img {}
#sect01 .inside .above {}
#sect01 .inside .above .block {}
#sect01 .inside .above .block .img {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
#sect01 .inside .above .block .img img {}
#sect01 .inside .above .block .img .links {
	margin: 0 17px;
}
#sect01 .inside .above .block .img .links a {}
#sect01 .inside .above .block .img .links a::after {}
#sect01 .inside .above .block .img .links a img {
	display: block;
	width: 195px;
}
#sect01 .inside .above .block .img .links.link02, #sect01 .inside .above .block .img .links.link04 {}
#sect01 .inside .above .block .img .links.link03, #sect01 .inside .above .block .img .links.link04 {}
#sect01 .inside .above .block .img .links.link02 a, #sect01 .inside .above .block .img .links.link03 a {}
#sect01 .inside .above .block .img .links.link02 a::after, #sect01 .inside .above .block .img .links.link03 a::after {}
#sect01 .inside .above .block .img .links.link01 {}
#sect01 .inside .above .block .img .links.link01 a {}
#sect01 .inside .above .block .img .links.link02 {}
#sect01 .inside .above .block .img .links.link02 a {}
#sect01 .inside .above .block .img .links.link03 {}
#sect01 .inside .above .block .img .links.link03 a {}
#sect01 .inside .above .block .img .links.link04 {}
#sect01 .inside .above .block .img .links.link04 a {}
#sect01 .inside .above .block .info {
	margin: 64px 0 63px;
}
#sect01 .inside .above .block .info p {
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	color: #612701;
	margin: 0 0 48px;
}
#sect01 .inside .above .block .info p strong {}
#sect01 .inside .above .block .info h6 {
	text-align: center;
	margin: 0 0 10px;
}
#sect01 .inside .below {}
#sect01 .inside .below .block {
	display: flex;
	justify-content: center;
}
#sect01 .inside .below .block .img {
	width: 424px;
}
#sect01 .inside .below .block .img img {}
#sect01 .inside .below .block .info {
	width: 437px;
	text-align: center;
}
#sect01 .inside .below .block .info h5 {
	margin: 0 0 24px;
}
#sect01 .inside .below .block .info h5 img {
	display: block;
	margin: 0 auto;
	width: 308px;
}
#sect01 .inside .below .block .info p {
	font-size: 16px;
	line-height: 32px;
	color: #612701;
}
#sect01 .inside .below .block .info p strong {}
/*============================
#sect02
============================*/
#sect02 {
	padding: 120px 0;
	background: url("../img/sect02_bg.jpg") center no-repeat;
	background-size: cover;
}
#sect02 .inside {}
#sect02 .inside .tit {}
#sect02 .inside .tit h2 {}
#sect02 .inside .tit h2 img {}
#sect02 .inside .tit p {
	color: #612701;
}
#sect02 .inside .btn {
	margin: 58px 0 65px;
}
#sect02 .inside .btn a {
	width: 720px;
	height: 82px;
	background: #FCF5D8;
	filter: drop-shadow(0px 3px 6px rgba(128, 62, 4, 0.4));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	text-align: center;
	color: #612701;
	margin: 0 auto;
	border-radius: 12px;
	position: relative;
}
#sect02 .inside .btn a::after {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(50%, -50%);
	content: "\e916";
	font-family: 'icomoon';
	width: 42px;
	height: 42px;
	background: #fff;
	filter: drop-shadow(1px 2px 3px rgba(173, 105, 26, 0.3));
	display: flex;
	align-items: center;
	justify-content: center;
	color: #803E04;
	font-size: 23px;
	border-radius: 50%;
}
#sect02 .inside .btn a small {
	font-weight: bold;
	font-size: 21px;
}
#sect02 .inside .btn a strong {
	font-weight: 900;
}
#sect02 .inside .block {
	display: flex;
	align-items: center;
	justify-content: center;
}
#sect02 .inside .block > .img {
	width: 648px;
	margin: 0 0 0 -78px;
}
#sect02 .inside .block .img img {}
#sect02 .inside .block .slide {
	width: 458px;
	position: relative;
	padding: 20px 20px 50px;
	overflow: hidden;
}
#sect02 .inside .block .slide .swiper {
	overflow: visible;
}
#sect02 .inside .block .slide .swiper-slide {
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 3px 6px rgba(128, 62, 4, 0.4);
	padding: 15px;
	box-sizing: border-box;
	height: auto;
}
.slide .swiper-button-next, .slide .swiper-button-prev {
	width: 42px;
	height: 42px;
	background: #fff;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
	color: #803E04;
	border-radius: 50%;
}
.slide .swiper-button-next::after, .slide .swiper-button-prev::after {
	font-size: 18px;
	font-family: 'icomoon';
	content: "\e90b";
}
.slide .swiper-button-prev::after {
	content: "\e909";
}
.slide .swiper-button-next {
	right: 1px;
	left: auto;
}
.slide .swiper-button-prev {
	left: 1px;
	right: auto;
}
.slide .swiper-pagination-bullets {
	bottom: 0px;
}
.slide .swiper-pagination-bullets .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
	background: #F6D377;
	margin: 0 8px;
	opacity: 1;
}
.slide .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #803E04;
}
#sect02 .inside .block .slide .above {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
}
#sect02 .inside .block .slide .above .img {
	width: 136px;
}
#sect02 .inside .block .slide .above .img img {
	width: 136px;
}
#sect02 .inside .block .slide .above .info {
	width: 220px;
}
#sect02 .inside .block .slide .above .info h4 {
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
#sect02 .inside .block .slide .above .info h4 small {
	font-size: 16px;
	color: #803E04;
}
#sect02 .inside .block .slide .above .info h4 strong {
	color: #206f59;
	font-size: 24px;
}
#sect02 .inside .block .slide .below {
	border-radius: 0px 0px 8px 8px;
	background: #f6d377;
	padding: 28px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sect02 .inside .block .slide .below h5 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
}
#sect02 .inside .block .slide .below h5 small {
	color: #803E04;
}
#sect02 .inside .block .slide .below h5 strong {
	color: #206f59;
	font-size: 24px;
}
#sect02 .inside .block .slide .slide01 .above .img img {
	margin: 0 0 -33px;
}
#sect02 .inside .block .slide .slide02 .above .img img {
	margin: 0 0 -33px;
}
#sect02 .inside .block .slide .slide03 .above {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	height: 100%;
}
/*============================
#sect03
============================*/
#sect03 {
	padding: 120px 0 0;
	background: #F06300;
}
#sect03 .inside {}
#sect03 .inside .tit {
	margin: 0;
}
#sect03 .inside .tit h2 {}
#sect03 .inside .tit h2 img {}
#sect03 .inside .tit p {
	color: #fff;
	margin: 0;
}
#sect03 article {
	padding: 213px 0 75px;
}
#sect03 article .inside {
	width: 896px;
}
#sect03 article .inside .block {
	background: #fff;
	border-radius: 20px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 42px 36px;
}
#sect03 article:nth-child(2n+1) .inside .block {
	flex-direction: row-reverse;
}
#sect03 article .inside .block .img {
	width: 393px;
	margin: -180px 0 0;
}
#sect03 article .inside .block .img img {}
#sect03 article .inside .block .img h3 {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	text-align: left;
	color: #ee7800;
}
#sect03 article .inside .block .info {
	width: 370px;
}
#sect03 article .inside .block .info p {
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	color: #612701;
}
#sect03 article .inside .block .info p strong {}
#sect03 article .inside .block .info .btn {}
#sect03 article .inside .block .info .btn a {
	width: 356px;
	height: 48px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	color: #803e04;
	position: relative;
}
#sect03 article .inside .block .info .btn a::before {
	width: 28px;
	height: 28px;
	background: #803e04;
	color: #fff;
	font-family: 'icomoon';
	content: "\e90b";
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translate(0%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
#sect03 article .inside .block .info .btn a:hover {
	background: #803e04;
	color: #fff;
}
#sect03 article .inside .block .info .btn a:hover::before {
	background: #fff;
	color: #803e04;
}
/*============================
#nuts
============================*/
#sect03 #nuts {
	background: #F06300;
	padding-top: 163px;
}
#sect03 #nuts .inside {}
#sect03 #nuts .inside .block {}
#sect03 #nuts .inside .block .img {}
#sect03 #nuts .inside .block .img img {}
#sect03 #nuts .inside .block .img h3 {}
#sect03 #nuts .inside .block .info {}
#sect03 #nuts .inside .block .info p {}
#sect03 #nuts .inside .block .info p strong {}
#sect03 #nuts .inside .block .info .btn {}
#sect03 #nuts .inside .block .info .btn a {}
/*============================
#cheese
============================*/
#sect03 #cheese {
	background: #007854;
}
#sect03 #cheese .inside {}
#sect03 #cheese .inside .block {}
#sect03 #cheese .inside .block .img {}
#sect03 #cheese .inside .block .img img {}
#sect03 #cheese .inside .block .img h3 {
	color: #007854;
}
#sect03 #cheese .inside .block .info {}
#sect03 #cheese .inside .block .info p {}
#sect03 #cheese .inside .block .info p strong {}
#sect03 #cheese .inside .block .info .btn {}
#sect03 #cheese .inside .block .info .btn a {}
/*============================
#garlic
============================*/
#sect03 #garlic {
	background: #F6D377;
}
#sect03 #garlic .inside {}
#sect03 #garlic .inside .block {}
#sect03 #garlic .inside .block .img {}
#sect03 #garlic .inside .block .img img {
	width: 348px;
}
#sect03 #garlic .inside .block .img h3 {
	color: #DCAB00;
}
#sect03 #garlic .inside .block .info {}
#sect03 #garlic .inside .block .info p {}
#sect03 #garlic .inside .block .info p strong {}
#sect03 #garlic .inside .block .info .btn {}
#sect03 #garlic .inside .block .info .btn a {}
/*============================
#fruits_nuts
============================*/
#sect03 #fruits_nuts {
	background-image: linear-gradient(170deg, rgba(229, 142, 148, 1) 50%, rgba(237, 176, 179, 1) 50%);
	padding: 120px 0;
}
#sect03 #fruits_nuts .inside {}
#sect03 #fruits_nuts .inside .block {
	align-items: center;
	border: 3px solid #c51d2f;
	box-shadow: 4px 4px 8px rgba(197, 29, 47, 0.4);
	background-image: linear-gradient(170deg, rgba(229, 142, 148, 0.17) 50%, rgba(255, 255, 255, 0.17) 50%);
}
#sect03 #fruits_nuts .inside .block .img {
	margin: 0 0 0 -36px;
	width: 442px;
}
#sect03 #fruits_nuts .inside .block .img img {}
#sect03 #fruits_nuts .inside .block .info {}
#sect03 #fruits_nuts .inside .block .info h3 {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	text-align: left;
	color: #c51d2f;
	margin: 0 0 28px;
}
#sect03 #fruits_nuts .inside .block .info h3 small {
	font-size: 20px;
}
#sect03 #fruits_nuts .inside .block .info p {}
#sect03 #fruits_nuts .inside .block .info p strong {}
#sect03 #fruits_nuts .inside .block .info .btn {}
#sect03 #fruits_nuts .inside .block .info .btn a {}
/*============================
#pepper_cereals
============================*/
#sect03 #pepper_cereals {
	background-image: linear-gradient(170deg, rgba(221, 174, 91, 1) 50%, rgba(238, 214, 172, 1) 50%);
	padding: 120px 0;
}
#sect03 #pepper_cereals .inside {}
#sect03 #pepper_cereals .inside .block {
	align-items: center;
	border: 3px solid #a0701c;
	box-shadow: 4px 4px 8px rgba(160, 112, 28, 0.4);
	background-image: linear-gradient(170deg, rgba(238, 214, 172, 0.4) 50%, rgba(255, 255, 255, 1) 50%);
}
#sect03 #pepper_cereals .inside .block::after {
	content: "";
	background: url(../img/x2/img_graph_sect03_pickup_02.png) center no-repeat;
	background-size: contain;
	width: 128px;
	height: 148px;
	position: absolute;
	top: 0%;
	right: 0%;
	transform: translate(33%, -50%);
}
#sect03 #pepper_cereals .inside .block .img {
	margin: 0;
	width: 442px;
}
#sect03 #pepper_cereals .inside .block .img img {}
#sect03 #pepper_cereals .inside .block .info {}
#sect03 #pepper_cereals .inside .block .info h3 {
	font-weight: bold;
	font-size: 30px;
	line-height: 40px;
	text-align: left;
	color: #a0701c;
	margin: 0 0 28px;
}
#sect03 #pepper_cereals .inside .block .info h3 small {
	font-size: 20px;
}
#sect03 #pepper_cereals .inside .block .info p {}
#sect03 #pepper_cereals .inside .block .info p strong {}
#sect03 #pepper_cereals .inside .block .info .btn {}
#sect03 #pepper_cereals .inside .block .info .btn a {}
/*============================
#sect04
============================*/
#sect04 {
	background: #ffecad;
	padding: 120px 0;
}
#sect04 .inside {}
#sect04 .inside .tit {
	margin: 0 0 75px;
}
#sect04 .inside .tit h2 {}
#sect04 .inside .tit h2 img {}
#sect04 .inside .tit p {
	color: #612701;
}
#sect04 .slide {
	position: relative;
	padding: 0 0 60px;
}
#sect04 .swiper {
	overflow: visible;
}
#sect04 .swiper .swiper-wrapper {}
#sect04 .swiper .swiper-wrapper .swiper-slide {
	width: 260px;
}
#sect04 .slide .swiper-button-next, #sect04 .slide .swiper-button-prev {
	right: auto;
	left: 50%;
	transform: translate(156px, calc(-50% + 19px));
	z-index: 7000;
}
#sect04 .slide .swiper-button-prev {
	transform: translate(-198px, calc(-50% + 19px));
}
#sect04 .swiper .swiper-wrapper .swiper-slide .info {
	margin: 0 auto 24px;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #803e04;
	width: 188px;
	height: 45px;
	border-radius: 22.5px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
#sect04 .swiper .swiper-wrapper .swiper-slide .info::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #fff transparent transparent transparent;
	display: block;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, 100%);
}
#sect04 .swiper .swiper-wrapper .swiper-slide .img img {
	width: 260px;
	display: block;
	margin: 0 auto;
}
/* .batsugun */
#sect04 .batsugun {
	width: 896px;
	border-radius: 17px;
	background: #ee7800;
	margin: 138px auto 0;
	padding: 35px 67px 0px 34px;
	box-sizing: border-box;
}
#sect04 .batsugun .batsugun_inside {
	display: flex;
}
#sect04 .batsugun .img {
	margin: -87px 18px -20px 0;
	width: 147px;
	height: auto;
}
#sect04 .batsugun .img img {}
#sect04 .batsugun .info {
	width: 100px;
	flex: 1;
}
#sect04 .batsugun .info h4 {
	margin: 0 0 21px;
}
#sect04 .batsugun .info h4 img {
	display: block;
}
#sect04 .batsugun .info p {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.01em;
	line-height: 24px;
	text-align: left;
	margin: 0;
}
/*============================
#sect05
============================*/
#sect05 {
	background: #fdf3da;
	padding: 120px 0;
}
#sect05 .inside {}
#sect05 .inside .tit {
	position: relative;
}
#sect05 .inside .tit::before, #sect05 .inside .tit::after {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	content: "";
	display: block;
	width: 196px;
	height: 188px;
	background: url("../img/img_bottle_sect05_01.png") center no-repeat;
	background-size: contain;
}
#sect05 .inside .tit::after {
	background: url("../img/img_bottle_sect05_02.png") center no-repeat;
	background-size: contain;
	left: auto;
	right: 0;
}
.x2 #sect05 .inside .tit::before, .x2 #sect05 .inside .tit::after {
	background: url("../img/x2/img_bottle_sect05_01.png") center no-repeat;
	background-size: contain;
}
.x2 #sect05 .inside .tit::after {
	background: url("../img/x2/img_bottle_sect05_02.png") center no-repeat;
	background-size: contain;
}
#sect05 .inside .tit h2 {}
#sect05 .inside .tit h2 img {}
#sect05 .inside .tit p {
	color: #612701;
}
#sect05 .inside .block {
	margin: 75px 0 0;
}
#sect05 .inside .block > div {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin: 0 0 70px;
	transform: translate(-120px, 0);
}
#sect05 .inside .block > div:nth-child(2n) {
	flex-direction: row;
	margin: 0 0 70px 0;
	transform: translate(120px, 0);
}
#sect05 .inside .block > div:last-child {
	margin: 0;
}
#sect05 .inside .block div .info {
	margin: 0 17px;
}
#sect05 .inside .block div .info h3 {
	margin: 0 0 20px;
}
#sect05 .inside .block div .info h3 img {
	height: 36px;
	display: block;
}
#sect05 .inside .block div .info h3 strong {
	display: none;
}
#sect05 .inside .block div .info h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	color: #206f59;
	margin: 0 0 15px;
}
#sect05 .inside .block div .info p {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	color: #612701;
	margin: 0;
}
#sect05 .inside .block div .img {
	width: 456px;
	margin: 0 17px;
}
#sect05 .inside .block div .img img {}
#sect05 .inside .block .time_0700 {}
#sect05 .inside .block .time_0700 .info {}
#sect05 .inside .block .time_0700 .info h3 {}
#sect05 .inside .block .time_0700 .info h3 img {}
#sect05 .inside .block .time_0700 .info h3 strong {}
#sect05 .inside .block .time_0700 .info h4 {}
#sect05 .inside .block .time_0700 .info p {}
#sect05 .inside .block .time_0700 .img {}
#sect05 .inside .block .time_0700 .img img {}
#sect05 .inside .block .time_1200 {}
#sect05 .inside .block .time_1200 .info {}
#sect05 .inside .block .time_1200 .info h3 {}
#sect05 .inside .block .time_1200 .info h3 img {}
#sect05 .inside .block .time_1200 .info h3 strong {}
#sect05 .inside .block .time_1200 .info h4 {}
#sect05 .inside .block .time_1200 .info p {}
#sect05 .inside .block .time_1200 .img {}
#sect05 .inside .block .time_1200 .img img {}
#sect05 .inside .block .time_1500 {}
#sect05 .inside .block .time_1500 .info {}
#sect05 .inside .block .time_1500 .info h3 {}
#sect05 .inside .block .time_1500 .info h3 img {}
#sect05 .inside .block .time_1500 .info h3 strong {}
#sect05 .inside .block .time_1500 .info h4 {}
#sect05 .inside .block .time_1500 .info p {}
#sect05 .inside .block .time_1500 .img {}
#sect05 .inside .block .time_1500 .img img {}
#sect05 .inside .block .time_1900 {}
#sect05 .inside .block .time_1900 .info {}
#sect05 .inside .block .time_1900 .info h3 {}
#sect05 .inside .block .time_1900 .info h3 img {}
#sect05 .inside .block .time_1900 .info h3 strong {}
#sect05 .inside .block .time_1900 .info h4 {}
#sect05 .inside .block .time_1900 .info p {}
#sect05 .inside .block .time_1900 .img {}
#sect05 .inside .block .time_1900 .img img {}
#sect05 .inside .block .kyujitsu {}
#sect05 .inside .block .kyujitsu .info {}
#sect05 .inside .block .kyujitsu .info h3 {}
#sect05 .inside .block .kyujitsu .info h3 img {}
#sect05 .inside .block .kyujitsu .info h3 strong {}
#sect05 .inside .block .kyujitsu .info h4 {}
#sect05 .inside .block .kyujitsu .info p {}
#sect05 .inside .block .kyujitsu .img {}
#sect05 .inside .block .kyujitsu .img img {}
/*============================
#sect06
============================*/
#sect06 {
	background: #f5e5c6;
	padding: 120px 0;
}
#sect06 .inside {
	width: 796px;
}
#sect06 .inside .tit {
	margin: 0 0 75px;
}
#sect06 .inside .tit h2 {}
#sect06 .inside .tit h2 img {}
#sect06 .inside .tit p {
	color: #612701;
}
#sect06 .inside .above {}
#sect06 .inside .above .block {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -18px;
}
#sect06 .inside .above .block .comments {
	background: url(../img/img_person_background.png) center no-repeat;
	background-size: contain;
	width: 380px;
	height: 188px;
	box-sizing: border-box;
	padding: 51px 38px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 18px 36px;
}
#sect06 .inside .above .block .comments .img {
	width: 68px;
}
#sect06 .inside .above .block .comments .img img {}
#sect06 .inside .above .block .comments .info {
	width: 224px;
}
#sect06 .inside .above .block .comments .info p {
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #803e04;
}
#sect06 .inside .above .block .comments.comment01 {}
#sect06 .inside .above .block .comments.comment01 .img {}
#sect06 .inside .above .block .comments.comment01 .img img {}
#sect06 .inside .above .block .comments.comment01 .info {}
#sect06 .inside .above .block .comments.comment01 .info p {}
#sect06 .inside .above .block .comments.comment02 {}
#sect06 .inside .above .block .comments.comment02 .img {}
#sect06 .inside .above .block .comments.comment02 .img img {}
#sect06 .inside .above .block .comments.comment02 .info {}
#sect06 .inside .above .block .comments.comment02 .info p {}
#sect06 .inside .above .block .comments.comment03 {}
#sect06 .inside .above .block .comments.comment03 .img {}
#sect06 .inside .above .block .comments.comment03 .img img {}
#sect06 .inside .above .block .comments.comment03 .info {}
#sect06 .inside .above .block .comments.comment03 .info p {}
#sect06 .inside .above .block .comments.comment04 {}
#sect06 .inside .above .block .comments.comment04 .img {}
#sect06 .inside .above .block .comments.comment04 .img img {}
#sect06 .inside .above .block .comments.comment04 .info {}
#sect06 .inside .above .block .comments.comment04 .info p {}
#sect06 .inside .above .block .comments.comment05 {}
#sect06 .inside .above .block .comments.comment05 .img {}
#sect06 .inside .above .block .comments.comment05 .img img {}
#sect06 .inside .above .block .comments.comment05 .info {}
#sect06 .inside .above .block .comments.comment05 .info p {}
#sect06 .inside .above .block .comments.comment06 {}
#sect06 .inside .above .block .comments.comment06 .img {}
#sect06 .inside .above .block .comments.comment06 .img img {}
#sect06 .inside .above .block .comments.comment06 .info {}
#sect06 .inside .above .block .comments.comment06 .info p {}
#sect06 .inside .below {}
#sect06 .inside .below a {
	font-weight: bold;
	font-size: 15px;
	line-height: 23px;
	text-align: center;
	color: #612701;
	display: flex;
	align-items: center;
	justify-content: center;
}
#sect06 .inside .below a img {
	width: 48px;
	height: 44px;
}
#sect06 .inside .below a strong {
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #612701;
	border-bottom: 2px solid #5a2a0c;
	display: inline-block;
	margin: 0 0.5em;
}
#sect06 .inside .below a i {
	font-size: 20px;
}
/*============================
#sect06
============================*/
#sect07 {
	background: #fff;
	padding: 120px 0;
}
#sect07 .inside {
	width: 796px;
}
#sect07 .inside .tit {
	margin: 0 0 75px;
}
#sect07 .inside .tit h2 {}
#sect07 .inside .tit h2 img {}
#sect07 .inside .tit p {
	color: #612701;
}
/*============================
#modal_01
============================*/
#modal_01 {
	width: 896px;
	padding: 64px 0 24px;
	margin: 12px;
	background: #f6d377;
	border-radius: 12px;
	filter: drop-shadow(3px 6px 6px rgba(128, 62, 4, 0.4));
}
#modal_01 .block {
	display: flex;
	align-items: center;
	justify-content: center;
}
#modal_01 .block .img {}
#modal_01 .block .img img {
	width: 420px;
}
#modal_01 .block .info {}
#modal_01 .block .info .above {}
#modal_01 .block .info .above img {
	width: 316.08px;
}
#modal_01 .block .info .below {}
#modal_01 .block .info .below p {
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	color: #612701;
}
#modal_01 .block .info .below p strong {}
.mb0 {
	margin-bottom: 0 !important;
}
@media screen and (max-width: 750px) {
	body {
		font-size: 26px;
		line-height: 1.8;
	}
	.sp {
		display: block !important;
	}
	br.sp {
		display: inline !important;
	}
	.pc {
		display: none !important;
	}
	img {
		max-width: 100%;
	}
	a:active, a:hover {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		text-decoration: none;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	.inside {
		width: auto;
	}
	#menu_bt {}
	.inside {
		width: auto;
		margin: 0 40px;
	}
	.inside::after {
		height: 0;
	}
	#to_top {
		position: absolute;
		right: 0px;
		bottom: 355px;
	}
	.shlink #to_top {}
	#to_top a {
		width: 112px;
		height: 112px;
		filter: drop-shadow(0px 3px 6px rgba(128, 62, 4, 0.4));
		font-size: 32px;
		border-radius: 16px;
		line-height: 1.4;
		flex-direction: column;
	}
	#to_top a strong {
		font-size: 30px;
	}
	#to_cp {
		position: fixed;
		right: 0px;
		top: auto;
		left: 0;
		bottom: 0;
		transform: translate(0, 110%);
		transition: ease-out 0.6s;
	}
	.shlink #to_cp {
		transform: translate(0%, 0);
	}
	#to_cp a {
		display: block;
	}
	#to_cp a img {
		width: 100%;
		display: block;
		filter: drop-shadow(3px 3px 6px rgba(128, 62, 4, 0.4));
	}
	#drawer {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		height: 0vh;
		background: rgba(0, 0, 0, 0.9);
		transition: ease-in 0.5s;
	}
	.active #drawer {
		height: 100vh;
	}
	/*============================
#header
============================*/
	#header {
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
		padding: 18px 0px;
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		left: 0;
		top: 0;
	}
	#header .inside {}
	#header .inside::after {
		display: none;
	}
	#header .inside h1.site-title {}
	#header .inside h1.site-title a {}
	#header .inside h1.site-title a img {
		width: 168px;
	}
	#header .inside .shoulder {}
	#header .inside .shoulder .sns {}
	#header .inside .shoulder .sns a {}
	#header .inside .shoulder .sns a .balloon {
		width: 204px;
		height: 56px;
		border-radius: 8px;
		font-size: 22px;
		line-height: 56px;
		margin: 0 20px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#header .inside .shoulder .sns a .balloon::after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 0 8px 18px;
		border-color: transparent transparent transparent #eccb83;
		top: 50%;
		right: 1px;
		transform: translate(100%, -50%);
	}
	#header .inside .shoulder .sns a .cricle {
		width: 64px;
		height: 64px;
		font-size: 36px;
		line-height: 1;
	}
	#header .inside .shoulder .sns a .cricle i.icon-tw {}
	/*============================
#main
============================*/
	#main {
		padding: 100px 0 0;
	}
	/*============================
#footer
============================*/
	#footer {
		bottom: auto;
		left: auto;
		width: auto;
		padding: 64px 0 238px;
		position: relative;
	}
	#footer .inside {}
	#footer .inside h6.site-title {}
	#footer .inside h6.site-title a {}
	#footer .inside h6.site-title a img {
		width: 144px;
	}
	#footer .inside p.copyright {
		margin: 0;
		font-size: 24px;
		line-height: 56px;
	}
	/*============================
#menu_bt
============================*/
	#header .inside .shoulder #menu_bt {
		width: 36px;
		height: 24px;
		margin: 0 0 0 28px;
		transform: scale(1.5);
	}
	#header .inside .shoulder #menu_bt button.menu-trigger {}
	#header .inside .shoulder nav.nav_links {
		right: -18px;
		top: 114px;
		display: none;
	}
	#header .inside .shoulder nav.nav_links ul {
		width: 364px;
		border-radius: 16px;
		padding: 20px 34px;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	}
	#header .inside .shoulder nav.nav_links ul:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 14px 20px 14px;
		border-color: transparent transparent #fff transparent;
		top: 0%;
		right: 20px;
		transform: translate(0%, -100%);
	}
	#header .inside .shoulder nav.nav_links ul li {}
	#header .inside .shoulder nav.nav_links ul li a {
		font-weight: 500;
		font-size: 24px;
		line-height: 60px;
		padding: 0 0 0 40px;
	}
	#header .inside .shoulder nav.nav_links ul li a::before {
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		font-size: 18px;
	}
	#contents section .tit {}
	#contents section .tit h2 {
		margin: 0 0 36px;
	}
	#contents section .tit h2 img {
		height: 144px;
	}
	#contents section .tit h2 p {
		font-weight: 500;
		font-size: 16px;
		line-height: 26px;
	}
	/*============================
#visual
============================*/
	#visual {
		background: url(../img/sp/background_main.jpg) center top / 105% auto no-repeat;
		height: 1234px;
		margin: 0 0 -79px;
		overflow: hidden;
		top: 100px;
	}
	#visual .inside {
		margin: 0;
	}
	#visual .inside h1, #visual .inside .item01, #visual .inside .item02 {}
	#visual .inside h1 {
		top: 322px;
		left: 40px;
		width: 392px;
	}
	#visual .inside .item01 {
		width: 488px;
		height: auto;
		top: 246px;
		right: -80px;
	}
	#visual .inside .item02 {
		top: 22px;
		right: 90px;
		width: 320px;
		height: auto;
	}
	/*============================
#sect01
============================*/
	#sect01 {
		padding: 824px 0 0;
	}
	#sect01 .wave {
		padding: 20px 0 0;
		margin: 0 0 -1px;
	}
	#sect01 .wave img {
		height: 68px;
		width: 100%;
		filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.08));
	}
	#sect01 .wrap {
		padding: 0 0 40px;
	}
	#sect01 .wrap::before {
		width: 604px;
		height: 1423px;
		background: url(../img/sp/main_bg.png) center bottom / contain no-repeat;
		bottom: 40px;
	}
	#sect01 .inside {}
	#sect01 .inside .item01 {
		position: relative;
		left: auto;
		top: auto;
		display: table;
		margin: -153px auto 0;
	}
	#sect01 .inside .item01 img {
		height: 470px;
	}
	#sect01 .inside .main_hl {
		margin: 0 0;
		padding: 56px 0 0;
	}
	#sect01 .inside .main_hl h1 {}
	#sect01 .inside .main_hl h1 img {
		height: 212px;
	}
	#sect01 .inside .tit {
		padding: 120px 0 0;
	}
	#sect01 .inside .tit h2 {}
	#sect01 .inside .tit h2 img {}
	#sect01 .inside .above {}
	#sect01 .inside .above .block {}
	#sect01 .inside .above .block .img {
		margin: 0 -10px 50px;
		padding: 0 0 20px;
	}
	#sect01 .inside .above .block .img img {
		width: 424px;
	}
	#sect01 .inside .above .block .img .links {
		margin: 0 10px;
	}
	#sect01 .inside .above .block .img .links a {
		background: url(../img/link_bt_orange.png) center no-repeat;
		background-size: contain;
		width: 196px;
		height: 196px;
		font-size: 22px;
		line-height: 36px;
	}
	#sect01 .inside .above .block .img .links a::after {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		font-size: 18px;
		filter: drop-shadow(1px 2px 3px rgba(128, 62, 4, 0.4));
	}
	#sect01 .inside .above .block .img .links a img {
		width: 216px;
		height: auto;
	}
	#sect01 .inside .above .block .img .links.link02, #sect01 .inside .above .block .img .links.link04 {}
	#sect01 .inside .above .block .img .links.link03, #sect01 .inside .above .block .img .links.link04 {}
	#sect01 .inside .above .block .img .links.link02 a, #sect01 .inside .above .block .img .links.link03 a {}
	#sect01 .inside .above .block .img .links.link02 a::after, #sect01 .inside .above .block .img .links.link03 a::after {}
	#sect01 .inside .above .block .img .links.link01 {}
	#sect01 .inside .above .block .img .links.link01 a {}
	#sect01 .inside .above .block .img .links.link02 {}
	#sect01 .inside .above .block .img .links.link02 a {}
	#sect01 .inside .above .block .img .links.link03 {}
	#sect01 .inside .above .block .img .links.link03 a {}
	#sect01 .inside .above .block .img .links.link04 {}
	#sect01 .inside .above .block .img .links.link04 a {}
	#sect01 .inside .above .block .info {
		margin: 38px 0 98px;
	}
	#sect01 .inside .above .block .info p {
		font-size: 28px;
		line-height: 48px;
	}
	#sect01 .inside .above .block .info p strong {}
	#sect01 .inside .above .block .info h6 {
		margin: 0 0 10px;
	}
	#sect01 .inside .above .block .info h6 img {
		width: 124px;
	}
	#sect01 .inside .below {}
	#sect01 .inside .below .block {
		display: block;
	}
	#sect01 .inside .below .block .img {
		width: 704px;
		margin: 0 0 40px -20px;
	}
	#sect01 .inside .below .block .img img {}
	#sect01 .inside .below .block .info {
		width: auto;
	}
	#sect01 .inside .below .block .info h5 {
		margin: 0 0 44px;
	}
	#sect01 .inside .below .block .info h5 img {
		width: 512px;
	}
	#sect01 .inside .below .block .info p {
		font-size: 24px;
		line-height: 48px;
		margin: 0;
	}
	#sect01 .inside .below .block .info p strong {}
	/*============================
#sect02
============================*/
	#sect02 {
		padding: 120px 0;
		background: url("../img/sp/background_sect02.jpg") center no-repeat;
		background-size: cover;
	}
	#sect02 .inside {}
	#sect02 .inside .tit {}
	#sect02 .inside .tit h2 {
		margin: 0 0 100px;
	}
	#sect02 .inside .tit h2 img {}
	#sect02 .inside .tit p {}
	#sect02 .inside .btn {
		margin: 88px 0 110px;
	}
	#sect02 .inside .btn a {
		width: 648px;
		height: 104px;
		filter: drop-shadow(0px 3px 6px rgba(128, 62, 4, 0.4));
		font-size: 32px;
		border-radius: 12px;
	}
	#sect02 .inside .btn a::after {
		top: 50%;
		right: 0%;
		transform: translate(50%, -50%);
		width: 48px;
		height: 48px;
		filter: drop-shadow(1px 2px 3px rgba(173, 105, 26, 0.3));
		font-size: 27px;
		border-radius: 50%;
	}
	#sect02 .inside .btn a small {
		font-size: 26px;
		margin: 0 -10px 0 0;
	}
	#sect02 .inside .btn a strong {
		font-weight: 900;
	}
	#sect02 .inside .block {
		display: block;
	}
	#sect02 .inside .block > .img {
		width: auto;
		margin: 0 auto 20px;
		text-align: center;
	}
	#sect02 .inside .block .img img {}
	#sect02 .inside .block .slide {
		width: auto;
		padding: 20px 35px 80px;
		margin: 0 -30px;
	}
	#sect02 .inside .block .slide .swiper {}
	#sect02 .inside .block .slide .swiper-slide {
		border-radius: 20px;
		box-shadow: 0px 3px 6px rgba(128, 62, 4, 0.4);
		padding: 26px;
	}
	.slide .swiper-button-next, .slide .swiper-button-prev {
		width: 64px;
		height: 64px;
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
		border-radius: 50%;
		margin-top: 0;
		transform: translate(0%, calc(-50% - 25px));
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.slide .swiper-button-next::after, .slide .swiper-button-prev::after {
		font-size: 30px;
	}
	.slide .swiper-button-prev::after {}
	.slide .swiper-button-next {
		right: 6px;
		left: auto;
	}
	.slide .swiper-button-prev {
		left: 5px;
		right: auto;
	}
	.slide .swiper-pagination-bullets {
		bottom: 0px;
	}
	.slide .swiper-pagination-bullets .swiper-pagination-bullet {
		height: 16px;
		width: 16px;
		margin: 0 14px;
	}
	.slide .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {}
	#sect02 .inside .block .slide .above {
		padding: 0 15px;
	}
	#sect02 .inside .block .slide .above .img {
		width: 224px;
	}
	#sect02 .inside .block .slide .above .img img {
		width: 224px;
	}
	#sect02 .inside .block .slide .above .info {
		width: 410px;
	}
	#sect02 .inside .block .slide .above .info h4 {
		line-height: 1.3;
	}
	#sect02 .inside .block .slide .above .info h4 small {
		font-size: 26px;
	}
	#sect02 .inside .block .slide .above .info h4 strong {
		font-size: 36px;
	}
	#sect02 .inside .block .slide .below {
		border-radius: 0px 0px 16px 16px;
		padding: 40px 0;
	}
	#sect02 .inside .block .slide .below h5 {
		font-size: 26px;
		line-height: 1.3;
	}
	#sect02 .inside .block .slide .below h5 small {}
	#sect02 .inside .block .slide .below h5 strong {
		font-size: 36px;
	}
	#sect02 .inside .block .slide .slide01 .above .img img {
		margin: 0 0 -33px;
	}
	#sect02 .inside .block .slide .slide02 .above .img img {
		margin: 0 0 -33px;
	}
	#sect02 .inside .block .slide .slide03 .above {
		height: 100%;
	}
	/*============================
#sect03
============================*/
	#sect03 {
		padding: 120px 0 0;
	}
	#sect03 .inside {}
	#sect03 .inside .tit {
		margin: 0 0 75px;
	}
	#sect03 .inside .tit h2 {}
	#sect03 .inside .tit h2 img {
		height: 79px;
	}
	#sect03 .inside .tit p {
		font-size: 26px;
		line-height: 40px;
	}
	#sect03 article {
		padding: 403px 0 75px;
	}
	#sect03 article .inside {
		width: auto;
		margin: 0 40px;
	}
	#sect03 article .inside .block {
		border-radius: 20px;
		padding: 42px 36px;
		display: block;
	}
	#sect03 article:nth-child(2n+1) .inside .block {}
	#sect03 article .inside .block .img {
		width: auto;
		margin: -350px 0 30px;
	}
	#sect03 article .inside .block .img img {}
	#sect03 article .inside .block .img h3 {
		font-size: 46px;
		line-height: 66px;
		margin: 20px 0 0;
	}
	#sect03 article .inside .block .info {
		width: auto;
	}
	#sect03 article .inside .block .info p {
		font-size: 27px;
		line-height: 48px;
	}
	#sect03 article .inside .block .info p strong {}
	#sect03 article .inside .block .info .btn {}
	#sect03 article .inside .block .info .btn a {
		width: auto;
		height: 96px;
		border-radius: 48px;
		box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
		font-size: 32px;
		line-height: 44px;
	}
	#sect03 article .inside .block .info .btn a::before {
		width: 56px;
		height: 56px;
		font-size: 27px;
		top: 50%;
		left: 25px;
		transform: translate(0%, -50%);
		border-radius: 50%;
	}
	#sect03 article .inside .block .info .btn a:hover {}
	#sect03 article .inside .block .info .btn a:hover::before {}
	/*============================
#nuts
============================*/
	#sect03 #nuts {
		padding-top: 323px;
	}
	#sect03 #nuts .inside {
		width: auto;
	}
	#sect03 #nuts .inside .block {
		border-radius: 20px 0 0 20px;
		margin: 0 -40px 0 0;
	}
	#sect03 #nuts .inside .block .img {}
	#sect03 #nuts .inside .block .img img {
		margin: 0 30px 0 0;
	}
	#sect03 #nuts .inside .block .img h3 {}
	#sect03 #nuts .inside .block .info {}
	#sect03 #nuts .inside .block .info p {}
	#sect03 #nuts .inside .block .info p strong {}
	#sect03 #nuts .inside .block .info .btn {}
	#sect03 #nuts .inside .block .info .btn a {}
	/*============================
#cheese
============================*/
	#sect03 #cheese {}
	#sect03 #cheese .inside {}
	#sect03 #cheese .inside .block {
		border-radius: 0 20px 20px 0;
		margin: 0 0 0 -40px;
	}
	#sect03 #cheese .inside .block .img {}
	#sect03 #cheese .inside .block .img img {
		margin: 0 0 0 40px;
	}
	#sect03 #cheese .inside .block .img h3 {}
	#sect03 #cheese .inside .block .info {}
	#sect03 #cheese .inside .block .info p {}
	#sect03 #cheese .inside .block .info p strong {}
	#sect03 #cheese .inside .block .info .btn {}
	#sect03 #cheese .inside .block .info .btn a {}
	/*============================
#garlic
============================*/
	#sect03 #garlic {}
	#sect03 #garlic .inside {}
	#sect03 #garlic .inside .block {
		border-radius: 0 20px 20px 0;
		margin: 0 0 0 -40px;
	}
	#sect03 #garlic .inside .block .img {}
	#sect03 #garlic .inside .block .img img {
		width: auto;
		margin: 0 0 0 40px;
	}
	#sect03 #garlic .inside .block .img h3 {}
	#sect03 #garlic .inside .block .info {}
	#sect03 #garlic .inside .block .info p {}
	#sect03 #garlic .inside .block .info p strong {}
	#sect03 #garlic .inside .block .info .btn {}
	#sect03 #garlic .inside .block .info .btn a {}
	/*============================
#fruits_nuts
============================*/
	#sect03 #fruits_nuts {
		background-image: linear-gradient(170deg, rgba(229, 142, 148, 1) 50%, rgba(237, 176, 179, 1) 50%);
		padding: 120px 0;
	}
	#sect03 #fruits_nuts .inside {}
	#sect03 #fruits_nuts .inside .block {
		border: 6px solid #c51d2f;
		box-shadow: 4px 4px 8px rgba(197, 29, 47, 0.4);
		background-image: linear-gradient(170deg, rgba(229, 142, 148, 0.17) 50%, rgba(255, 255, 255, 0.17) 50%);
	}
	#sect03 #fruits_nuts .inside .block::after {
		background: url(../img/x2/img_graph_sect03_pickup.png) center no-repeat;
		background-size: contain;
		width: 176px;
		height: 202px;
		top: 0%;
		left: 0%;
		transform: translate(-15%, -50%);
	}
	#sect03 #fruits_nuts .inside .block .img {
		margin: 0;
		width: auto;
	}
	#sect03 #fruits_nuts .inside .block .img img {}
	#sect03 #fruits_nuts .inside .block .info {}
	#sect03 #fruits_nuts .inside .block .info h3 {
		font-size: 46px;
		line-height: 66px;
		margin: 0 0 28px;
	}
	#sect03 #fruits_nuts .inside .block .info h3 small {
		font-size: 32px;
	}
	#sect03 #fruits_nuts .inside .block .info h3 small span {
		font-size: 26px;
	}
	#sect03 #fruits_nuts .inside .block .info p {}
	#sect03 #fruits_nuts .inside .block .info p strong {}
	#sect03 #fruits_nuts .inside .block .info .btn {}
	#sect03 #fruits_nuts .inside .block .info .btn a {}
	/*============================
#pepper_cereals
============================*/
	#sect03 #pepper_cereals {
		background-image: linear-gradient(170deg, rgba(221, 174, 91, 1) 50%, rgba(238, 214, 172, 1) 50%);
		padding: 120px 0;
	}
	#sect03 #pepper_cereals .inside {}
	#sect03 #pepper_cereals .inside .block {
		align-items: center;
		border: 6px solid #a0701c;
		box-shadow: 4px 4px 8px rgba(160, 112, 28, 0.4);
		background-image: linear-gradient(170deg, rgba(238, 214, 172, 0.4) 50%, rgba(255, 255, 255, 1) 50%);
	}
	#sect03 #pepper_cereals .inside .block .img {
		margin: 0;
		width: auto;
	}
	#sect03 #pepper_cereals .inside .block .img img {}
	#sect03 #pepper_cereals .inside .block .info {}
	#sect03 #pepper_cereals .inside .block .info h3 {
		font-size: 46px;
		line-height: 66px;
		margin: 0 0 28px;
	}
	#sect03 #pepper_cereals .inside .block .info h3 small {
		font-size: 32px;
	}
	#sect03 #pepper_cereals .inside .block .info h3 small span {
		font-size: 26px;
	}
	#sect03 #pepper_cereals .inside .block .info p {}
	#sect03 #pepper_cereals .inside .block .info p strong {}
	#sect03 #pepper_cereals .inside .block .info .btn {}
	#sect03 #pepper_cereals .inside .block .info .btn a {}
	/*============================
#sect04
============================*/
	#sect04 {
		padding: 120px 0;
	}
	#sect04 .inside {}
	#sect04 .inside .tit {
		margin: 0 0 136px;
	}
	#sect04 .inside .tit h2 {
		margin: 0 0 50px;
	}
	#sect04 .inside .tit h2 img {
		height: 85px;
	}
	#sect04 .inside .tit p {}
	#sect04 .slide {
		padding: 0 0 80px;
	}
	#sect04 .swiper {}
	#sect04 .swiper .swiper-wrapper {}
	#sect04 .swiper .swiper-wrapper .swiper-slide {
		width: 460px;
	}
	#sect04 .slide .swiper-button-next, #sect04 .slide .swiper-button-prev {
		right: auto;
		left: 50%;
		transform: translate3d(256px, calc(-50% + 19px), 1px);
	}
	#sect04 .slide .swiper-button-prev {
		transform: translate3d(-320px, calc(-50% + 19px), 1px);
	}
	#sect04 .swiper .swiper-wrapper .swiper-slide .info {
		margin: 0 auto 48px;
		font-size: 32px;
		line-height: 60px;
		width: 372px;
		height: 90px;
		border-radius: 45px;
	}
	#sect04 .swiper .swiper-wrapper .swiper-slide .info::before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 16px 16px 0 16px;
		border-color: #fff transparent transparent transparent;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, 100%);
	}
	#sect04 .swiper .swiper-wrapper .swiper-slide .img img {
		width: 460px;
	}
	/* .batsugun */
	#sect04 .batsugun {
		width: auto;
		border-radius: 34px;
		margin: 102px auto 0;
		padding: 50px 48px;
	}
	#sect04 .batsugun h4 {
		margin: 0 0 46px;
	}
	#sect04 .batsugun h4 img {
		display: block;
		width: 100%;
		height: auto;
	}
	#sect04 .batsugun .batsugun_inside {}
	#sect04 .batsugun .batsugun_inside .img {
		margin: 0px 0px -53px -29px;
		width: 208px;
		height: auto;
	}
	#sect04 .batsugun .batsugun_inside .img img {
		width: 100%;
		height: auto;
	}
	#sect04 .batsugun .batsugun_inside .info {
		width: 100%;
		flex: 1;
	}
	#sect04 .batsugun .batsugun_inside .info p {
		font-weight: 600;
		font-size: 28px;
		line-height: 48px;
	}
	/*============================
#sect05
============================*/
	#sect05 {
		padding: 120px 0;
	}
	#sect05 .inside {
		margin: 0 auto;
	}
	#sect05 .inside .tit {}
	#sect05 .inside .tit::before, #sect05 .inside .tit::after {
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		width: 196px;
		height: 188px;
		background: url("../img/img_bottle_sect05_01.png") center no-repeat;
		background-size: contain;
		display: none;
	}
	#sect05 .inside .tit::after {
		background: url("../img/img_bottle_sect05_02.png") center no-repeat;
		background-size: contain;
		left: auto;
		right: 0;
	}
	.x2 #sect05 .inside .tit::before, .x2 #sect05 .inside .tit::after {
		background: url("../img/x2/img_bottle_sect05_01.png") center no-repeat;
		background-size: contain;
	}
	.x2 #sect05 .inside .tit::after {
		background: url("../img/x2/img_bottle_sect05_02.png") center no-repeat;
		background-size: contain;
	}
	#sect05 .inside .tit h2 {}
	#sect05 .inside .tit h2 img {}
	#sect05 .inside .tit p {}
	#sect05 .inside .block {
		margin: 75px 0 0;
	}
	#sect05 .inside .block > div {
		margin: 0 0 98px;
		transform: translate(0px, 0);
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	#sect05 .inside .block > div:nth-child(2n) {
		flex-direction: column-reverse;
		margin: 0 0 70px 0;
		transform: translate(0px, 0);
	}
	#sect05 .inside .block > div:last-child {
		margin: 0;
	}
	#sect05 .inside .block div .info {
		margin: 0 40px;
	}
	#sect05 .inside .block div .info h3 {
		margin: 0 0 40px;
	}
	#sect05 .inside .block div .info h3 img {
		height: 56px;
	}
	#sect05 .inside .block div .info h3 strong {
		display: none;
	}
	#sect05 .inside .block div .info h4 {
		font-size: 32px;
		line-height: 52px;
		margin: 0 0 25px;
	}
	#sect05 .inside .block div .info p {
		font-weight: 500;
		font-size: 25px;
		line-height: 40px;
		margin: 0;
	}
	#sect05 .inside .block div .img {
		width: 100%;
		margin: 0 auto 30px;
	}
	#sect05 .inside .block div:nth-child(2n) .img {
		text-align: right;
	}
	#sect05 .inside .block div .img img {}
	#sect05 .inside .block .time_0700 {}
	#sect05 .inside .block .time_0700 .info {}
	#sect05 .inside .block .time_0700 .info h3 {}
	#sect05 .inside .block .time_0700 .info h3 img {}
	#sect05 .inside .block .time_0700 .info h3 strong {}
	#sect05 .inside .block .time_0700 .info h4 {}
	#sect05 .inside .block .time_0700 .info p {}
	#sect05 .inside .block .time_0700 .img {}
	#sect05 .inside .block .time_0700 .img img {}
	#sect05 .inside .block .time_1200 {}
	#sect05 .inside .block .time_1200 .info {}
	#sect05 .inside .block .time_1200 .info h3 {}
	#sect05 .inside .block .time_1200 .info h3 img {}
	#sect05 .inside .block .time_1200 .info h3 strong {}
	#sect05 .inside .block .time_1200 .info h4 {}
	#sect05 .inside .block .time_1200 .info p {}
	#sect05 .inside .block .time_1200 .img {}
	#sect05 .inside .block .time_1200 .img img {}
	#sect05 .inside .block .time_1500 {}
	#sect05 .inside .block .time_1500 .info {}
	#sect05 .inside .block .time_1500 .info h3 {}
	#sect05 .inside .block .time_1500 .info h3 img {}
	#sect05 .inside .block .time_1500 .info h3 strong {}
	#sect05 .inside .block .time_1500 .info h4 {}
	#sect05 .inside .block .time_1500 .info p {}
	#sect05 .inside .block .time_1500 .img {}
	#sect05 .inside .block .time_1500 .img img {}
	#sect05 .inside .block .time_1900 {}
	#sect05 .inside .block .time_1900 .info {}
	#sect05 .inside .block .time_1900 .info h3 {}
	#sect05 .inside .block .time_1900 .info h3 img {}
	#sect05 .inside .block .time_1900 .info h3 strong {}
	#sect05 .inside .block .time_1900 .info h4 {}
	#sect05 .inside .block .time_1900 .info p {}
	#sect05 .inside .block .time_1900 .img {}
	#sect05 .inside .block .time_1900 .img img {}
	#sect05 .inside .block .kyujitsu {}
	#sect05 .inside .block .kyujitsu .info {}
	#sect05 .inside .block .kyujitsu .info h3 {}
	#sect05 .inside .block .kyujitsu .info h3 img {}
	#sect05 .inside .block .kyujitsu .info h3 strong {}
	#sect05 .inside .block .kyujitsu .info h4 {}
	#sect05 .inside .block .kyujitsu .info p {}
	#sect05 .inside .block .kyujitsu .img {}
	#sect05 .inside .block .kyujitsu .img img {}
	/*============================
#sect06
============================*/
	#sect06 {
		padding: 120px 0;
	}
	#sect06 .inside {
		width: auto;
	}
	#sect06 .inside .tit {
		margin: 0 0 45px;
	}
	#sect06 .inside .tit h2 {}
	#sect06 .inside .tit h2 img {}
	#sect06 .inside .tit p {}
	#sect06 .inside .above {}
	#sect06 .inside .above .block {
		margin: 0;
	}
	#sect06 .inside .above .block .comments {
		background: url(../img/sp/img_person_background.png) center no-repeat;
		background-size: contain;
		width: 115%;
		height: 352px;
		padding: 0px 56px;
		margin: 0 -10px 0px;
	}
	#sect06 .inside .above .block .comments .img {
		width: 120px;
	}
	#sect06 .inside .above .block .comments .img img {}
	#sect06 .inside .above .block .comments .info {
		width: 425px;
	}
	#sect06 .inside .above .block .comments .info p {
		margin: 0;
		font-weight: 500;
		font-size: 26px;
		line-height: 40px;
	}
	#sect06 .inside .above .block .comments.comment01 {}
	#sect06 .inside .above .block .comments.comment01 .img {}
	#sect06 .inside .above .block .comments.comment01 .img img {}
	#sect06 .inside .above .block .comments.comment01 .info {}
	#sect06 .inside .above .block .comments.comment01 .info p {}
	#sect06 .inside .above .block .comments.comment02 {}
	#sect06 .inside .above .block .comments.comment02 .img {}
	#sect06 .inside .above .block .comments.comment02 .img img {}
	#sect06 .inside .above .block .comments.comment02 .info {}
	#sect06 .inside .above .block .comments.comment02 .info p {}
	#sect06 .inside .above .block .comments.comment03 {}
	#sect06 .inside .above .block .comments.comment03 .img {}
	#sect06 .inside .above .block .comments.comment03 .img img {}
	#sect06 .inside .above .block .comments.comment03 .info {}
	#sect06 .inside .above .block .comments.comment03 .info p {}
	#sect06 .inside .above .block .comments.comment04 {}
	#sect06 .inside .above .block .comments.comment04 .img {}
	#sect06 .inside .above .block .comments.comment04 .img img {}
	#sect06 .inside .above .block .comments.comment04 .info {}
	#sect06 .inside .above .block .comments.comment04 .info p {}
	#sect06 .inside .above .block .comments.comment05 {}
	#sect06 .inside .above .block .comments.comment05 .img {}
	#sect06 .inside .above .block .comments.comment05 .img img {}
	#sect06 .inside .above .block .comments.comment05 .info {}
	#sect06 .inside .above .block .comments.comment05 .info p {}
	#sect06 .inside .above .block .comments.comment06 {}
	#sect06 .inside .above .block .comments.comment06 .img {}
	#sect06 .inside .above .block .comments.comment06 .img img {}
	#sect06 .inside .above .block .comments.comment06 .info {}
	#sect06 .inside .above .block .comments.comment06 .info p {}
	#sect06 .inside .below {
		margin: 40px 0 0;
	}
	#sect06 .inside .below a {
		font-size: 15px;
		line-height: 23px;
	}
	#sect06 .inside .below a img {
		width: 84px;
		height: 80px;
	}
	#sect06 .inside .below a strong {
		font-size: 26px;
		border-bottom: 4px solid #5a2a0c;
		margin: 0 0.5em;
		line-height: 1.4;
	}
	#sect06 .inside .below a i {
		font-size: 34px;
	}
	/*============================
#sect07
============================*/
	#sect07 {
		padding: 120px 0;
	}
	#sect07 .inside {
		width: auto;
	}
	#sect07 .inside .tit {
		margin: 0 0 45px;
	}
	#sect07 .inside .tit h2 {
		margin: 0 0 86px;
	}
	#sect07 .inside .tit h2 img {
		height: 176px;
	}
	#sect07 .inside .tit p {
		font-weight: 500;
		font-size: 26px;
		line-height: 1.8;
	}
	/*============================
#modal_01
============================*/
	#modal_01 {
		width: 648px;
		padding: 64px 0 64px;
		margin: 22px;
		border-radius: 12px;
		filter: drop-shadow(3px 6px 6px rgba(128, 62, 4, 0.4));
	}
	#modal_01 .block {
		padding: 0 40px;
		display: block;
	}
	#modal_01 .block .img {
		margin: 0 0;
	}
	#modal_01 .block .img img {
		width: 560px;
	}
	#modal_01 .block .info {}
	#modal_01 .block .info .above {}
	#modal_01 .block .info .above img {
		width: 456px;
		display: block;
		margin: 0 auto 15px;
	}
	#modal_01 .block .info .below {}
	#modal_01 .block .info .below p {
		font-size: 28px;
		line-height: 48px;
		margin: 0;
	}
	#modal_01 .block .info .below p strong {}
}