/**************************
Compass Text Replacement
*/
/**************************
Inline List
*/
/**************************
Inline Block List
*/
/**************************
horizontal-list
*/
/**************************
Bullets
*/
/* simple clearfix */
/**************************
@mixin for sprite
*/
@-webkit-keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
@-webkit-keyframes fade-out {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}
@keyframes fade-out {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}
@-webkit-keyframes zoom-in {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes zoom-in {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@-webkit-keyframes zoom-in-hover {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
@keyframes zoom-in-hover {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
@-webkit-keyframes zoom-in-hover2 {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		        transform: scale(1.15);
	}
}
@keyframes zoom-in-hover2 {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.15);
		        transform: scale(1.15);
	}
}
@-webkit-keyframes sub_menu_fade_in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.5;
	}
}
@keyframes sub_menu_fade_in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.5;
	}
}
@-webkit-keyframes pop-upwards {
	0% {
		-webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
		        transform: matrix(0.97, 0, 0, 1, 0, 12);
		opacity: 0;
	}
	20% {
		-webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
		        transform: matrix(0.99, 0, 0, 1, 0, 2);
		opacity: 0.7;
	}
	40% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, -1);
		        transform: matrix(1, 0, 0, 1, 0, -1);
		opacity: 1;
	}
	70% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
}
@keyframes pop-upwards {
	0% {
		-webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
		        transform: matrix(0.97, 0, 0, 1, 0, 12);
		opacity: 0;
	}
	20% {
		-webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
		        transform: matrix(0.99, 0, 0, 1, 0, 2);
		opacity: 0.7;
	}
	40% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, -1);
		        transform: matrix(1, 0, 0, 1, 0, -1);
		opacity: 1;
	}
	70% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
}
@-webkit-keyframes pop-downwards {
	0% {
		-webkit-transform: matrix(0.97, 0, 0, 1, 0, -12);
		        transform: matrix(0.97, 0, 0, 1, 0, -12);
		opacity: 0;
	}
	20% {
		-webkit-transform: matrix(0.99, 0, 0, 1, 0, -2);
		        transform: matrix(0.99, 0, 0, 1, 0, -2);
		opacity: 0.7;
	}
	40% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 1);
		        transform: matrix(1, 0, 0, 1, 0, 1);
		opacity: 1;
	}
	70% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
}
@keyframes pop-downwards {
	0% {
		-webkit-transform: matrix(0.97, 0, 0, 1, 0, -12);
		        transform: matrix(0.97, 0, 0, 1, 0, -12);
		opacity: 0;
	}
	20% {
		-webkit-transform: matrix(0.99, 0, 0, 1, 0, -2);
		        transform: matrix(0.99, 0, 0, 1, 0, -2);
		opacity: 0.7;
	}
	40% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 1);
		        transform: matrix(1, 0, 0, 1, 0, 1);
		opacity: 1;
	}
	70% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		        transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
	}
}
@-webkit-keyframes pop-up {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
@keyframes pop-up {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
@-webkit-keyframes _on_opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes _on_opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes slide-up {
	0% {
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes slide-up {
	0% {
		-webkit-transform: translateY(100%);
		        transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@-webkit-keyframes header_start {
	0% {
		-webkit-transform: translateY(-200px);
		        transform: translateY(-200px);
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes header_start {
	0% {
		-webkit-transform: translateY(-200px);
		        transform: translateY(-200px);
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@-webkit-keyframes gnav_sub {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.9) translateY(-5%);
		        transform: scale(0.9) translateY(-5%);
	}
	100% {
		-webkit-transform: scale(1) translateY(0);
		        transform: scale(1) translateY(0);
	}
}
@keyframes gnav_sub {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.9) translateY(-5%);
		        transform: scale(0.9) translateY(-5%);
	}
	100% {
		-webkit-transform: scale(1) translateY(0);
		        transform: scale(1) translateY(0);
	}
}
@-webkit-keyframes header_appear {
	0% {
		top: -66px;
	}
	100% {
		top: 0;
	}
}
@keyframes header_appear {
	0% {
		top: -66px;
	}
	100% {
		top: 0;
	}
}
.imain_content {
	overflow: hidden;
}

.hero__image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.hero a.hero__item:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	transition: 0.2s opacity;
}
.hero__item {
	display: block;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
	        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
}
@media screen and (min-width: 768px), print {
	.hero__item {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media screen and (max-width: 767px) {
	.hero__item {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media screen and (max-width: 767px) {
	.hero {
		min-height: 170px;
	}
}

.hero .slick-list {
	overflow: visible;
}

.hero_area {
	position: relative;
	top: 0;
	z-index: 1;
	width: 100vw;
}
@media screen and (min-width: 768px), print {
	.hero_area {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px) {
	.hero_area {
		margin-bottom: 30px;
	}
}
.hero_area .slider-hero {
	position: relative;
	left: 0;
	z-index: 1;
}
@media screen and (min-width: 768px), print {
	.hero_area .slider-hero {
		opacity: 0;
		-webkit-animation-name: _on_opacity;
		        animation-name: _on_opacity;
		-webkit-animation-duration: 1s;
		        animation-duration: 1s;
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-iteration-count: 1;
		        animation-iteration-count: 1;
		-webkit-animation-delay: 1.5s;
		        animation-delay: 1.5s;
	}
	.hero_area .slider-hero-init {
		-webkit-animation-name: none;
		        animation-name: none;
	}
}
@media screen and (max-width: 767px) {
	.hero_area .slider-hero {
		padding-top: 10px;
	}
}
@media screen and (min-width: 768px), print {
	.hero_area {
		min-height: 515px;
	}
}
.hero_area .container {
	pointer-events: none;
}
@media screen and (min-width: 768px), print {
	.hero_area .container {
		position: absolute;
		top: 0;
		min-height: 515px;
		margin-left: -500px;
		left: 50%;
		z-index: 2;
	}
}
.hero_area .container .hero_dots,
.hero_area .container .hero_arrows button {
	pointer-events: auto;
}
.hero_area .container .hero_arrows {
	width: 100%;
}
.hero_area.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.hero_area .slick-dots {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.hero {
	width: 100%;
}
.hero a:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

.hero_dots {
	position: absolute;
	z-index: 2;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	font-size: 0;
}
@media screen and (min-width: 768px), print {
	.hero_dots {
		bottom: -30px;
	}
}
@media screen and (max-width: 767px) {
	.hero_dots {
		bottom: -20px;
	}
	.hero_dots,
.hero_dots ul {
		height: 12px;
	}
}

@media screen and (min-width: 768px), print {
	.imenu_area {
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 767px) {
	.imenu_area {
		margin-bottom: 10px;
	}
}

.imenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 767px) {
	.imenu {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 768px), print {
	.imenu li {
		margin-left: 15px;
		margin-right: 15px;
	}
	.imenu li:first-child {
		margin-left: 0;
	}
	.imenu li:last-child {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.imenu li {
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 6px;
	}
	.imenu li:nth-child(1), .imenu li:nth-child(4) {
		margin-left: 0;
	}
	.imenu li:nth-child(3), .imenu li:nth-child(6) {
		margin-right: 0;
	}
}
.imenu__a {
	display: block;
	background-color: #fbf030;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.06);
	        box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.06);
}
@media screen and (min-width: 768px), print {
	.imenu__a {
		width: 125px;
		height: 125px;
		padding-top: 16px;
	}
}
@media screen and (max-width: 767px) {
	.imenu__a {
		width: 95px;
		height: 95px;
		padding-top: 8px;
	}
}
.imenu__a .image,
.imenu__a .text,
.imenu__a .text_detail {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 768px), print {
	.imenu__a .image,
.imenu__a .text,
.imenu__a .text_detail {
		width: 90px;
	}
}
@media screen and (max-width: 767px) {
	.imenu__a .image,
.imenu__a .text,
.imenu__a .text_detail {
		width: 76px;
	}
}
.imenu__a .image {
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.imenu__a .text {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.imenu__a .text_detail {
	display: none;
}
.imenu__a:hover {
	background-color: #fbe130;
}
.imenu__a:hover .image {
	display: none;
}
.imenu__a:hover .text {
	display: none;
}
.imenu__a:hover .text_detail {
	display: block;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.index2 {
	margin-bottom: 100px;
	position: relative;
	top: 0;
	left: 0;
	background: url("../img/index/bg_index2.png") center center repeat #ceeba6;
	-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px), print {
	.index2 {
		position: relative;
	}
}
@media screen and (max-width: 767px) {
	.index2 {
		padding-bottom: 30px;
	}
}
.index2 .container {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
@media screen and (min-width: 768px), print {
	.index2 .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		position: relative;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.index2__1 {
		max-width: 600px;
		-ms-flex-preferred-size: 600px;
		    flex-basis: 600px;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		-webkit-box-flex: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0;
	}
	.index2__2 {
		max-width: 400px;
		-ms-flex-preferred-size: 400px;
		    flex-basis: 400px;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		-webkit-box-flex: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0;
		margin-top: 10px;
	}
}

@media screen and (min-width: 768px), print {
	.inews_area {
		padding-bottom: 30px;
	}
}
.inews_area__title img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 768px), print {
	.inews_area__title img {
		width: 420px;
		height: 70px;
	}
}
@media screen and (max-width: 767px) {
	.inews_area__title img {
		width: 300px;
	}
}
@media screen and (max-width: 767px) {
	.inews_area__title {
		padding-top: 10px;
		padding-bottom: 20px;
	}
}
@media screen and (min-width: 768px), print {
	.inews_area__foot {
		position: absolute;
		bottom: -10px;
	}
}
@media screen and (max-width: 767px) {
	.inews_area__foot {
		margin-top: 15px;
		margin-bottom: 50px;
	}
}
.inews_area__link {
	display: block;
	width: 160px;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-left: 15px;
	-webkit-transition: -webkit-transform 0.1s ease-in-out;
	transition: -webkit-transform 0.1s ease-in-out;
	-o-transition: transform 0.1s ease-in-out;
	transition: transform 0.1s ease-in-out;
	transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.inews_area__link:hover {
	-webkit-transform: scale(1.07);
	    -ms-transform: scale(1.07);
	        transform: scale(1.07);
}
.inews_area__link::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #fdf464;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(-2deg, -2deg);
	    -ms-transform: skew(-2deg, -2deg);
	        transform: skew(-2deg, -2deg);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
	        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
}
.inews_area__link img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.inews_area__link {
		margin-left: auto;
		margin-right: auto;
	}
}
.inews_area__tab_area {
	margin-left: -10px;
	margin-right: -10px;
}
@media screen and (max-width: 767px) {
	.inews_area .newscard_list > li:nth-child(n+7) {
		display: none;
	}
}

.ifacebook_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
@media screen and (min-width: 768px), print {
	.ifacebook_area__head {
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.ifacebook_area__body {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.ifacebook_area__foot {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
}
.ifacebook_area__title img {
	display: block;
	max-width: 100%;
	width: 220px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 768px), print {
	.ifacebook_area .facebook {
		max-width: 400px;
	}
}
@media screen and (max-width: 767px) {
	.ifacebook_area .facebook {
		max-width: 300px;
	}
}

.index3 {
	position: relative;
	top: 0;
	left: 0;
	background: url("../img/index/bg_index3_01.png") center center repeat #fcf37b;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px), print {
	.index3 {
		height: 880px;
	}
}
@media screen and (max-width: 767px) {
	.index3 {
		height: 1300px;
	}
}
.index3__title {
	position: absolute;
	left: 50%;
}
@media screen and (min-width: 768px), print {
	.index3__title {
		top: -70px;
		margin-left: -130px;
	}
}
@media screen and (max-width: 767px) {
	.index3__title {
		top: -50px;
		margin-left: -90px;
	}
}
.index3__title,
.index3__title img {
	display: block;
}
@media screen and (min-width: 768px), print {
	.index3__title,
.index3__title img {
		width: 260px;
		height: 160px;
	}
}
@media screen and (max-width: 767px) {
	.index3__title,
.index3__title img {
		width: 180px;
	}
}
.index3 .container {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}

.link_recipe {
	display: block;
	width: 260px;
	position: absolute;
	top: 730px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);
	        transform: translate(-50%, 0%);
	padding-top: 10px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 5px;
	margin-left: 20px;
	-webkit-transition: -webkit-transform 0.1s ease-in-out;
	transition: -webkit-transform 0.1s ease-in-out;
	-o-transition: transform 0.1s ease-in-out;
	transition: transform 0.1s ease-in-out;
	transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.link_recipe:hover::before {
	outline: 5px solid #fff;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.link_recipe::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	z-index: 1;
	background-color: #39bb45;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(-2deg, -2deg);
	    -ms-transform: skew(-2deg, -2deg);
	        transform: skew(-2deg, -2deg);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
	        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
}
.link_recipe img {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-ms-interpolation-mode: nearest-neighbor;
	    image-rendering: -webkit-optimize-contrast;
	    image-rendering: -moz-crisp-edges;
	    image-rendering: -o-pixelated;
	    image-rendering: pixelated;
}
@media screen and (max-width: 767px) {
	.link_recipe {
		margin-left: auto;
		margin-right: auto;
		top: 1150px;
	}
}

@media screen and (max-width: 767px) {
	.iagri_area .illust {
		display: none;
	}
}
.iagri_area .illust .main {
	position: absolute;
	top: 320px;
	left: 50%;
	margin-left: -100px;
	z-index: 3;
}
.iagri_area .illust .main,
.iagri_area .illust .main img {
	width: 200px;
	height: 400px;
}
.iagri_area .illust .sub-1 {
	position: absolute;
	top: 26px;
	left: 142px;
	width: 100px;
	height: 110px;
}
.iagri_area .illust .sub-2 {
	position: absolute;
	top: 16px;
	right: -123px;
	width: 180px;
	height: 150px;
}
.iagri_area .illust .sub-3 {
	position: absolute;
	top: 222px;
	right: 55px;
	width: 100px;
	height: 110px;
}
.iagri_area .illust .sub-4 {
	position: absolute;
	top: 536px;
	left: 22px;
	width: 90px;
	height: 120px;
}
.iagri_area .illust .sub-5 {
	position: absolute;
	top: 580px;
	right: 35px;
	width: 90px;
	height: 90px;
}
.iagri_area .illust .sub-6 {
	position: absolute;
	top: 500px;
	left: -80px;
	width: 145px;
	height: 115px;
}

.iagri_group {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.iagri_group__inner {
	width: 280px;
	position: relative;
	top: 0;
	left: 0;
}
.iagri_group .name {
	margin-left: -3px;
}
@media screen and (min-width: 768px), print {
	.iagri_group .name,
.iagri_group .name img {
		height: 43px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group .name,
.iagri_group .name img {
		height: 30px;
		margin-bottom: 5px;
	}
}
.iagri_group ._link {
	position: absolute;
	right: 0;
}
@media screen and (min-width: 768px), print {
	.iagri_group ._link {
		top: 16px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group ._link {
		top: 5px;
	}
}
.iagri_group ._link,
.iagri_group ._link a,
.iagri_group ._link img {
	display: block;
	width: 114px;
	height: 24px;
}
.iagri_group ._link a:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	transition: 0.2s opacity;
}
.iagri_group .text {
	padding-top: 7px;
	font-size: 0.875rem;
	line-height: 1.7857142857;
}
@media screen and (max-width: 767px) {
	.iagri_group {
		left: 50%;
	}
}
.iagri_group-1 {
	width: 560px;
	height: 300px;
	padding-left: 140px;
	padding-top: 75px;
	background: url("../img/index/agri/bg1.png") center center/cover no-repeat transparent;
}
@media screen and (min-width: 768px), print {
	.iagri_group-1 {
		position: absolute;
		margin-left: -140px;
		top: 73px;
		left: 325px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-1 {
		position: relative;
		margin-left: -280px;
		top: 60px;
	}
}
.iagri_group-1 .image {
	position: absolute;
}
@media screen and (min-width: 768px), print {
	.iagri_group-1 .image {
		top: -124px;
		right: -312px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-1 .image {
		top: 120px;
		left: 60px;
	}
}
.iagri_group-1 .image,
.iagri_group-1 .image img {
	display: block;
}
@media screen and (min-width: 768px), print {
	.iagri_group-1 .image,
.iagri_group-1 .image img {
		width: 310px;
		height: 290px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-1 .image,
.iagri_group-1 .image img {
		width: 150px;
	}
}
.iagri_group-2 {
	width: 510px;
	height: 270px;
	padding-left: 140px;
	padding-top: 75px;
	background: url("../img/index/agri/bg2.png") center center/cover no-repeat transparent;
}
@media screen and (min-width: 768px), print {
	.iagri_group-2 {
		position: absolute;
		top: 390px;
		left: -43px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-2 {
		position: relative;
		margin-left: -278px;
		top: 100px;
	}
}
.iagri_group-2 .image {
	position: absolute;
}
@media screen and (min-width: 768px), print {
	.iagri_group-2 .image {
		top: -332px;
		left: -85px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-2 .image {
		top: 120px;
		left: 57px;
	}
}
.iagri_group-2 .image,
.iagri_group-2 .image img {
	display: block;
}
@media screen and (min-width: 768px), print {
	.iagri_group-2 .image,
.iagri_group-2 .image img {
		width: 320px;
		height: 340px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-2 .image,
.iagri_group-2 .image img {
		width: 150px;
	}
}
.iagri_group-3 {
	width: 460px;
	height: 260px;
	padding-left: 115px;
	padding-top: 60px;
	background: url("../img/index/agri/bg3.png") center center/cover no-repeat transparent;
}
@media screen and (min-width: 768px), print {
	.iagri_group-3 {
		position: absolute;
		top: 325px;
		right: 40px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-3 {
		position: relative;
		margin-left: -253px;
		top: 200px;
	}
}
@media screen and (min-width: 768px), print {
	.iagri_group-3 .iagri_group__inner {
		width: 260px;
	}
}
.iagri_group-3 .image {
	position: absolute;
}
@media screen and (min-width: 768px), print {
	.iagri_group-3 .image {
		top: -40px;
		right: -170px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-3 .image {
		top: 120px;
		left: 55px;
	}
}
.iagri_group-3 .image,
.iagri_group-3 .image img {
	display: block;
}
@media screen and (min-width: 768px), print {
	.iagri_group-3 .image,
.iagri_group-3 .image img {
		width: 280px;
		height: 330px;
	}
}
@media screen and (max-width: 767px) {
	.iagri_group-3 .image,
.iagri_group-3 .image img {
		width: 140px;
	}
}

.index4 {
	background: url("../img/index/bg_index4.jpg") center center/cover transparent;
}
@media screen and (min-width: 768px), print {
	.index4 {
		padding-top: 80px;
		padding-bottom: 140px;
	}
}
@media screen and (max-width: 767px) {
	.index4 {
		padding-top: 40px;
		padding-bottom: 70px;
	}
}
.index4__title {
	width: 520px;
	height: 180px;
}

.ievent_area {
	position: relative;
}
@media screen and (min-width: 768px), print {
	.ievent_area {
		padding-bottom: 30px;
	}
}
.ievent_area__title {
	margin-left: auto;
	margin-right: auto;
}
.ievent_area__title,
.ievent_area__title h2,
.ievent_area__title img {
	display: block;
}
@media screen and (min-width: 768px), print {
	.ievent_area__title,
.ievent_area__title h2,
.ievent_area__title img {
		width: 520px;
		height: 180px;
	}
}
@media screen and (max-width: 767px) {
	.ievent_area__title,
.ievent_area__title h2,
.ievent_area__title img {
		width: 300px;
	}
}
.ievent_area .btn {
	margin-top: 2em;
	text-decoration: none;
}

@media screen and (min-width: 768px), print {
	.ievent_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.ievent_list li {
		margin-left: 10px;
		margin-right: 10px;
	}
	.ievent_list li:first-child {
		margin-left: 0;
	}
	.ievent_list li:last-child {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.ievent_list li:not(:last-child) {
		margin-bottom: 30px;
	}
}

.ievent {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: block;
	text-decoration: none;
}
@media screen and (min-width: 768px), print {
	.ievent {
		width: 322px;
	}
}
@media screen and (max-width: 767px) {
	.ievent {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}
.ievent:hover .image {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}
.ievent:hover .content {
	color: #279ffa;
}
.ievent__1 {
	text-align: center;
	padding-bottom: 10px;
}
.ievent__2 {
	font-size: 0.938rem;
}
.ievent .image {
	border: 1px solid #fff;
	-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
	transition: -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.ievent .date {
	position: relative;
	top: -15px;
	left: 0;
	display: inline-block;
	padding-left: 24px;
	padding-right: 10px;
	margin-bottom: -15px;
}
.ievent .date .date_arrow {
	height: 20px;
	width: 100%;
	position: relative;
}
.ievent .date .date_arrow::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	background-image: url("/common/img/icon/arrow/white.png");
	background-size: cover;
	width: 16px;
	height: 20px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	z-index: 1;
}
.ievent .date .text {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	color: #fff;
	font-size: 1.125rem;
}
.ievent .date::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #fc4b22;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(-2deg, -1deg);
	    -ms-transform: skew(-2deg, -1deg);
	        transform: skew(-2deg, -1deg);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
	        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
}
.ievent .content {
	color: #000;
	font-weight: bold;
	margin-top: -15px;
}

.index5 {
	position: relative;
	top: 0;
	left: 0;
	background: url("../img/index/bg_index2.png") center center repeat #ceeba6;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px), print {
	.index5 {
		height: 900px;
	}
}

.imap_area {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.imap_area .container {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
@media screen and (min-width: 768px), print {
	.imap_area {
		padding-top: 122px;
	}
}
@media screen and (max-width: 767px) {
	.imap_area {
		padding-top: 80px;
	}
}

@media screen and (min-width: 768px), print {
	.index6 {
		padding-top: 60px;
		padding-bottom: 70px;
	}
}
@media screen and (max-width: 767px) {
	.index6 {
		padding-top: 30px;
		padding-bottom: 40px;
	}
}

.ipickup_area__title {
	margin-left: auto;
	margin-right: auto;
}
.ipickup_area__title,
.ipickup_area__title h2,
.ipickup_area__title img {
	display: block;
}
@media screen and (min-width: 768px), print {
	.ipickup_area__title,
.ipickup_area__title h2,
.ipickup_area__title img {
		width: 380px;
		height: 150px;
	}
}
@media screen and (max-width: 767px) {
	.ipickup_area__title,
.ipickup_area__title h2,
.ipickup_area__title img {
		width: 230px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
}

.ipickup_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	justify-content: center;
}
@media screen and (min-width: 768px), print {
	.ipickup_list li {
		margin-right: 20px;
		width: 320px;
	}
	.ipickup_list li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.ipickup_list li {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.ipickup_list li:nth-child(odd) {
		padding-right: 5px;
	}
	.ipickup_list li:nth-child(even) {
		padding-left: 5px;
	}
}

.ipickup:hover {
	text-decoration: none;
	opacity: 0.6;
	-webkit-transition: 0.2s opacity;
	-o-transition: 0.2s opacity;
	transition: 0.2s opacity;
}

@media screen and (min-width: 768px), print {
	.tab_list {
		width: 550px;
	}
}
@media screen and (min-width: 768px), print {
	.tab_list li:not(:last-child) {
		margin-bottom: 14px;
	}
}
/*# sourceMappingURL=index.css.map */