@charset "utf-8";
/* CSS Document */
.marker1 {
	background: linear-gradient(transparent 70%, #c1e0ff 70%);
}
.contents_body {
	position: relative;
}
.main_visual {
	background-image: url(../img/index/main_visual.jpg);
	background-position: left -130px;
	background-repeat: no-repeat;
	height: 400px;
	width: 100%;
	max-width: 1600px;
	margin: auto;
	/* margin-bottom: 125px; */
    margin-bottom: 60px;
}
.main_visual::before {
	content: "";
	display: block;
	position: absolute;
	top: 660px;
	right: 0;
	margin: auto;
	width: 161px;
	height: 272px;
	background-image: url(../img/eye_catchi_2.png);
}
@media screen and (max-width: 900px) {
	.main_visual::before {
		display: none;
	}
}
.main_visual form {
	height: 100%;
	padding-top: 91px;
}
@media screen and (max-width: 476px) {
	.main_visual form {
		height: auto;
		width: 90%;
		padding-top: 0;
		position: absolute;
		top: 10vw;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 20;
	}
	.main_visual input {
		max-width: 100%;
	}
}

.index-info {
	max-width: 100%;
	width: 990px;
	font-size: 18px;
	margin: auto;
	padding: 0 0 40px 0;
	text-align: center;
}
@media screen and (max-width: 815px) {
	.index-info {
		padding: 0 20px 30px 20px;
		text-align: left;
	}
}

.index-btns .btn-area {
	max-width: 100%;
	width: 800px;
}
@media screen and (max-width: 550px) {
	.index-btns .btn-area:not(.is-app) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-bottom: 0;
	}
	.index-btns .btn-area.is-app {
		padding-left: 10px;
		padding-right: 10px;
	}
	.index-btns .btn-area.is-app .item .btn {
		font-size: 14px;
	}
	.index-btns .btn-area .item {
		margin-bottom: 20px;
	}
	.index-btns {
		margin-bottom: 60px;
	}
}

.main_visual .main_visual_map {
	width: 400px;
	height: 600px;
	background-image: url(../img/index/map.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	left: 0;
	top: -20px;
	margin-left: 2%;
	position: absolute;
	z-index: 9;
}
@media screen and (max-width: 1700px) {
    .main_visual .main_visual_map {
    	margin-left: 0;
    }
}
.main_visual figure {
	position: absolute;
	top: 120px;
	background-color: #ffffff;
	padding: 30px;
}
.main_visual figure img {
	position: relative;
	z-index: 10;
}
.spbg {
	display: none;
	position: relative;
}
.spbg div:nth-child(1) {
	z-index: 5;
}
.spbg div:nth-child(2) {
	z-index: 4;
}
.spbg div:nth-child(3) {
	z-index: 3;
}
.main_visual_sp_btn {
	display: none;
}

@media screen and (max-width: 476px) {
	.main_visual .main_visual_map {
		display: none;
	}
	.main_visual figure {
		background-color: rgba(255, 255, 255, 0.8);
	}
	.main_visual {
		background-image: none;
		margin-bottom: 0;
		height: 141vw;
		position: relative;
	}
	.spbg {
		display: block;
	}
	.spbg > div {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	.spbg img {
		max-width: 100%;
	}
	.main_visual figure {
		background-repeat: no-repeat;
		background-position: 20vw 6vw;
		background-size: 73%;
		margin: 0 5%;
		width: 90%;
		top: 26vw;
		z-index: 10;
		padding: 30px 10px 0px 10px;
	}
	.main_visual figure.login {
		max-width: 90%;
		margin: 0 5%;
		top: 26vw;
	}
	.main_visual figure img {
		width: 100%;
	}
	.main_visual_sp_btn {
		display: block;
		padding-top: 0vw;
	}
	.main_visual_sp_btn a {
		display: block;
		background-color: #f8a624;
		color: #ffffff;
		padding: 3vw 0;
		text-align: center;
		font-size: 4.5vw;
		border-radius: 8px;
		margin-bottom: 15px;
	}
	.main_visual_sp_btn a.nonbtn {
		background-color: transparent;
		color: #434343;
		text-decoration: underline;
	}
}

.introduction {
	position: relative;
}

.introduction-bg {
	height: 633px;
	width: 61%;
	background-image: url(../img/bg_shaded.jpg);
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.introduction-bg:after {
	position: relative;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #90c31f;
	left: -20px;
	top: -20px;
}

.introduction-body {
	padding: 0 20px;
	margin: 0 auto;
	width: 1040px;
	max-width: 100%;
	height: 633px;
	position: relative;
	z-index: 10;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

.introduction-body > div {
	min-width: 450px;
	width: 450px;
	line-height: 1.4;
}
.introduction-body h2 {
	color: #ffffff;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 25px;
}
.introduction-body h3 {
	font-size: 24px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 10px;
}

.introduction-body p {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.introduction-body p {
		/*font-feature-settings: "palt";*/
		letter-spacing: -0.01999rem;
	}
}
.introduction-body > figure {
	width: 100%;
}
.introduction-body > figure img {
	max-width: 100%;
}
.introduction-btn {
	display: inline-block;
	border: solid 2px #ffffff;
	padding: 15px 40px;
	color: #ffffff;
	border-radius: 8px;
}
.introduction-btn:hover {
	color: #ffffff;
}

@media screen and (max-width: 900px) {
	.main_visual figure {
		/* z-index: 20; */
	}
	.introduction-body {
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
		height: auto;
		padding-bottom: 60px;
		margin-top: -webkit-calc(40vw + 100px);
		margin-top: calc(40vw + 100px);
	}
	.introduction-body > figure {
		margin-bottom: 3.5vw;
		text-align: right;
		margin-top: -40vw;
		margin-right: -6%;
	}
	.introduction-body > div {
		min-width: 100%;
		width: 100%;
	}
	.introduction-bg {
		height: 100%;
		width: 100%;
	}

	.introduction-body h2,
	.introduction-body p {
		width: 90%;
	}
	.introduction-btn {
		width: 90%;
		text-align: center;
	}
}

@media screen and (max-width: 476px) {
	.introduction-bg {
		height: 100%;
		width: 120%;
	}
	.introduction-body {
		margin-top: 40vw;
	}
	.introduction-body h3 {
		font-size: 20px;
	}
	.introduction-body {
		margin-bottom: 30px;
	}
	.introduction-body h2,
	.introduction-body p {
		width: 100%;
	}
	.introduction-body h2 {
		font-size: 25px;
	}
}

.flow {
	background-image: url(../img/border-image.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	margin-bottom: 100px;
	position: relative;
	height: 835px;
	overflow: hidden;
	max-width: 100%;
}
.flow:before {
	content: "";
	display: block;
	background-image: url(../img/eye_catchi_1.png);
	height: 547px;
	width: 220px;
	background-position: left bottom;
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: 5;
}
.flow:after {
	content: "";
	display: block;
	background-image: url(../img/eye_catchi_1.png);
	height: 547px;
	width: 220px;
	background-position: left bottom;
	position: absolute;
	right: 0;
	bottom: 40px;
	transform: scale(-1, 1);
	z-index: 5;
}

@media screen and (max-width: 1425px) {
	.flow:before {
		left: calc(-1409px + 100%);
	}
	.flow:after {
		right: calc(-1409px + 100%);
	}
}

.flow h2 {
	color: #90c31f;
	font-weight: normal;
	text-align: center;
	margin: 120px auto 50px auto;
	font-size: 36px;
}
.flow ul {
	position: relative;
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	width: 990px;
	margin: 0 auto;
	z-index: 10;
	max-width: 100%;
	padding-bottom: 30px;
}
.flow ul li.step {
	width: 280px;
}
.flow ul li.step dt {
	background-repeat: no-repeat;
	background-position: center center;
	height: 0;
	padding-top: 19px;
	line-height: 1.4;
	overflow: hidden;
}
.flow ul li.step:nth-of-type(1) dt {
	background-image: url(../img/index/step1.svg);
}
.flow ul li.step:nth-of-type(3) dt {
	background-image: url(../img/index/step2.svg);
}
.flow ul li.step:nth-of-type(5) dt {
	background-image: url(../img/index/step3.svg);
}

.flow ul li.dot img {
	margin-bottom: 60px;
}

.flow ul li dl dt {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}

.flow ul li dl dd figure {
	display: block;
	width: 100%;
	text-align: center;
}
.flow ul li dl dd figure img {
	display: inline-block;
}
.flow ul li dl dd p {
	padding: 25px 0 0 0;
	font-size: 16px;
	line-height: 29px;
}
@media screen and (max-width: 1000px) {
	.flow {
		height: inherit;
		padding-bottom: 100px;
	}
	.flow ul {
		padding: 0 20px 20px 20px;
		display: block;
	}
	.flow ul li dl dt {
		margin: 0;
	}
	.flow ul li dl dd {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
	}
	.flow ul li dl dd figure img {
		max-width: 100%;
	}
	.flow ul li.dot,
	.flow ul li.step {
		width: 60vw;
		margin: auto;
	}
	.flow ul li dl dd figure {
		width: 120px;
		min-width: 120px;
		margin-right: 2vw;
	}
	.flow ul li dl dd p {
		padding: 0;
		font-size: 2vw;
	}
	.flow ul li.dot {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		padding: 20px 0 40px 0;
	}
	.flow ul li.dot img {
		transform: rotate(90deg);
		margin: 0;
	}
}
@media screen and (max-width: 700px) {
	.flow ul li dl dt,
	.flow ul li dl dd {
		width: 300px;
		margin: auto;
	}
	.flow ul li dl dt {
		margin-bottom: 20px;
	}
	.flow ul li dl dd {
		display: block;
	}
	.flow ul li.dot,
	.flow ul li.step {
		width: 100%;
		margin: auto;
	}
	.flow ul li dl dd figure {
		width: 100%;
		min-width: 120px;
		margin-right: 2vw;
	}
	.flow ul li dl dd p {
		padding: 20px 0 0 0;
		font-size: 16px;
	}
}

.farmer-show-list h2 {
	font-weight: bold;
	line-height: 1.4;
}

/* もっと見るボタン */
.farmerlist_link {
	padding: 25px 0;
}
.farmerlist_link a {
	color: #628bff;
	font-size: 16px;
	text-decoration: underline;
}

/* ------------------------------------------------- */
/* ゴヒイキNEWS！！ */
/* ------------------------------------------------- */
.news_list {
	padding: 0 20px;
	margin: 0 auto;
	width: 1040px;
	max-width: 100%;
	padding-bottom: 90px;
	z-index: 25;
	position: relative;
	padding-top: 100px;
	text-align: center;
}
.news_list li {
	border-bottom: solid 1px #969696;
	padding-bottom: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 10px;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.news_list li a {
	font-size: 16px;
	text-decoration: underline;
	color: #628bff;
}
.news_list li a::before {
	display: inline-block;
	content: "";
	height: 20px;
	width: 20px;
	background-image: url(../img/news/icon.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.news_list li a:hover {
	color: #f78000;
	text-decoration: underline;
}
.news_list_body h2 {
	text-align: center;
	color: #444444;
	font-size: 34px;
	margin-bottom: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.news_list_body ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 26px;
	margin-bottom: 85px;
}
.news_list_title img:first-child {
	height: 50px;
}
.news_list_title img:last-child {
	height: 60px;
}

.news_list_body h2::before {
	content: "";
	display: block;
	position: absolute;
	height: 10px;
	width: 106%;
	background-color: #fef0c8;
	left: -3%;
	bottom: -2px;
	z-index: 1;
}
.news_list_title {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	white-space: nowrap;
}
.news_list_title span {
	margin: 0 30px;
}
@media screen and (max-width: 476px) {
	.news_list_title span {
		margin: 0 10px;
	}
	.news_list_title img:first-child {
		height: 40px;
	}
	.news_list_title span {
		font-size: 20px;
	}
	.news_list_body ul {
		margin-bottom: 0;
	}
	.news_list_body h2 span.news_list_title img:last-child {
		height: 45px;
	}
}

/* 新着評価のリスト */
section.eval_list {
	margin-bottom: 80px;
}

.eval_list_header {
	padding: 80px 0 40px 0;
	text-align: center;
	margin: 100px 0 40px 0;
}

.eval_list_header h2 {
	background-image: url(../img/common/voice_bg.jpg);
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: center;
	color: #111111;
	font-size: 36px;
	height: 146px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: auto 100%;
	font-weight: bold;
	background-position: center center;
	flex-direction: column;
}
.eval_list_header h2 span {
	display: inline-block;
	background: -webkit-linear-gradient(transparent 70%, #ffd2d2 70%);
	background: -o-linear-gradient(transparent 70%, #ffd2d2 70%);
	background: linear-gradient(transparent 70%, #ffd2d2 70%);
	padding: 0 5px;
	margin-bottom: 8px;
	position: relative;
}
.eval_list_header h2 span::before {
	content: "";
	display: block;
	background-image: url(../img/common/voice_b1n.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 81px;
	position: absolute;
	right: 85%;
	bottom: 98%;
	margin-bottom: 0px;
}
.eval_list_header h2 span::after {
	content: "";
	display: block;
	background-image: url(../img/common/voice_b2n.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 199px;
	height: 77px;
	position: absolute;
	left: 85%;
	bottom: 100%;
	margin-bottom: 0px;
}
.eval_list_header h2 small {
	font-size: 22px;
	color: #997817;
}
.eval_list ul {
	display: flex;
	flex-wrap: wrap;
}
.eval_list ul li {
	width: 33.33333%;
	padding: 0 10px;
}
.eval_list ul li a {
	outline: none;
	width: 100%;
}
.eval_list ul li .eval_head {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.eval_list ul li .eval_head span {
	display: block;
	text-align: left;
}
.eval_list ul li figure img {
	width: 80px;
	height: 80px;
	margin-right: 15px;
}
.eval_list ul li .eval_detail img {
	max-width: 100%;
}
.eval_list ul li .eval_detail {
	padding: 10px;
	border-radius: 10px;
	background-color: rgb(234, 224, 224);
	position: relative;
}

.eval_list ul li .eval_detail::before {
	content: "";
	position: absolute;
	left: 31px;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-bottom: 15px solid rgb(234, 224, 224);
	border-left: 10px solid transparent;
}
.eval_list ul li p {
	margin-bottom: 15px;
}
.eval_list ul li .eval_head span.evaluation {
	display: flex;
	align-items: center;
}
.eval_list .clamp {
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}
.eval_list .clamp p {
	font-size: 14px;
	height: 42px;
	line-height: 1.4;
	position: relative;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.eval_list .clamp p:before,
.clamp p:after {
	background-color: rgba(209, 194, 194, 1);
	position: absolute;
}
/*
.eval_list .clamp p:before {
	content: "…";
    padding-right: 3px;
	top: 39.2px;
	right: 0;
}
.eval_list .clamp p:after{
	content: "";
	height: 100%;
	width: 100%;
}
*/
.eval_list_name {
	font-weight: bold;
	font-size: 16px;
}
.eval_list_farmers_name {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.eval_list ul li {
		padding: 0 50px;
	}
	.eval_list_header {
		margin-bottom: 0;
		margin-top: 50px;
	}
	.eval_list_header h2 {
		font-size: 22px;
		height: 74px;
	}
	.eval_list_header img {
		width: 130px;
	}
	.eval_list_header h2 span::before {
		width: 120px;
		height: 52px;
	}
	.eval_list_header h2 span::after {
		width: 118px;
		height: 47px;
	}
	.eval_list_header h2 small {
		font-size: 16px;
	}
}

.farmers_icon_detail {
	margin-bottom: 20px;
}

/* リストのアイコン表示 */
.farmer-introduction {
	margin-bottom: 5px;
	height: auto;
	max-height: 62px;
}
.farmers_detail_type_list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px;
}
.center-slick li .farmers_detail_type_list li {
	margin: 0;
	/*width: 10%;*/
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 7px;
	padding: 5px 10px !important;
	border: solid 1px #dbdbdb;
	background-color: #f5f5f5;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
}
.farmers_detail_type_list li img {
	width: auto;
	min-width: auto;
	max-height: 20px;
}
.center-slick li .farmers_detail_type_list.delivery_type li {
	width: 25%;
}
.farmers_detail_type_list.delivery_type li img {
	width: 61px;
	min-width: 61px;
	height: 61px;
}
.delivery_item_text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 10px 14px;
}

/* ------------------------------------------------- */
/* キーワード検索 */
/* ------------------------------------------------- */
.keyword_search {
	margin-bottom: 80px;
	margin-top: 80px;
}
.keyword_search form {
	display: flex;
	margin-bottom: 30px;
}
.keyword_search form input {
	margin: 0;
}
.keyword_search form button {
	background-color: #90c31f;
	color: #ffffff;
	width: 80px;
	min-width: 80px;
	font-size: 18px;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}
.keyword_search h2 {
	padding: 0;
	line-height: 1;
	text-align: center;
	color: #444444;
	font-size: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-bottom: 30px;
}
.keyword_search h2::after,
.keyword_search h2::before {
	display: block;
	content: "";
	height: 50px;
	width: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.keyword_search h2::after {
	background-image: url(../img/common/h_icon_2.png);
}
.keyword_search h2::before {
	background-image: url(../img/common/h_icon_1.png);
}
.keyword_search h2 span {
	background: linear-gradient(transparent 70%, #cae1bb 70%);
	display: inline-block;
	margin: 0 30px;
	padding: 0 5px;
}

.keyword_search_body {
	width: 500px;
	margin: auto;
}
.keyword_search h3 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 20px;
}

.keyword_search_body ul {
	display: flex;
	flex-wrap: wrap;
}
.keyword_search_body ul li {
	width: 50%;
	margin-bottom: 10px;
}
.keyword_search_body ul li a {
	text-decoration: underline;
}
.keyword_search_body ul li a:hover {
	color: #f78000;
}
@media screen and (max-width: 476px) {
	.keyword_search_body {
		width: 100%;
		padding: 0 20px;
	}
}

/* トップページSNSボタン */
.sns_link {
	padding: 50px 0 100px 0;
}
.sns_link h2 {
	font-size: 30px;
	color: #444444;
	text-align: center;
	font-weight: bold;
}
.sns_link_body {
	padding: 20px 0 0 0;
	text-align: center;
}
.sns_link_body ul {
	display: flex;
	justify-content: center;
	padding: 0 0 20px 0;
}
.sns_link_body ul li {
	margin: 0 20px;
}
.sns_link_body ul li img {
	width: 60px;
}
.sns_link_body span {
	line-height: 1;
	background: -webkit-linear-gradient(transparent 70%, #cae1bb 70%);
	background: -o-linear-gradient(transparent 70%, #90c31f 70%);
	background: linear-gradient(transparent 70%, #cae1bb 70%);
	font-size: 23px;
	font-weight: bold;
	padding: 0 5px;
	display: inline-block;
}
@media screen and (max-width: 760px) {
	.sns_link_body ul li {
		margin: 0 8px;
	}
	.sns_link_body ul li img {
		width: 60px;
	}
	.sns_link_body span {
		font-size: 24px;
	}
}

/*200903追加*/
.main_visual_sp_btn span {
	display: block;
	background-color: #f8a624;
	color: #ffffff;
	padding: 3vw 0;
	text-align: center;
	font-size: 4.5vw;
	border-radius: 8px;
	margin-bottom: 15px;
}

/*200916追加*/
.section {
	padding: 80px 0;
	line-height: 1.7;
}
.section-inner {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
}
.section.-bg {
	background: #f7f5ed;
}
.section-head {
	margin-bottom: 48px;
	text-align: center;
}
.section-title {
	font-size: 46px;
	font-weight: bold;
	text-align: center;
}
.section-lead {
	text-align: center;
	padding-top: 1.5em;
	font-size: 24px;
}
.beginner-flow__list {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}

.beginner-flow__item {
	position: relative;
	width: 230px;
}
.beginner-flow__item::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 6px;
	content: url(../howto/img/beginner/arrow.png);
}
.beginner-flow__item:last-child::after {
	content: "";
}
.beginner-request_list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.beginnerrequest_item {
	width: 480px;
	max-width: 100%;
}
@media screen and (max-width: 476px) {
	.section-head {
		margin-bottom: 5vw;
	}
	.section-title {
		font-size: 26px;
	}
	.section-lead {
		font-size: 16px;
		padding: 0 10px;
	}
	.beginner-flow__list {
		display: block;
		padding: 0 10px;
	}
	.beginner-flow__item {
		margin: 0 auto 30px;
	}
	.beginner-flow__item img {
		width: 100%;
		display: block;
	}
	.beginner-flow__item::after {
		top: initial;
		bottom: -27px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg);
	}
	.beginner-request_list {
		padding: 0 10px;
		margin-bottom: 0;
	}
	.beginnerrequest_item img {
		width: 100%;
		height: auto;
	}
}

/*210107追加*/
.center-slick li .farmers_detail_type_list li {
	background-color: #fff2cc;
	border: none;
	border-radius: 20px;
}
.center-slick li .farmers_detail_type_list li a {
	color: #7f6000;
}
/*210108追加*/
.beginner-request_list.sp_column {
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.beginner-request_list.sp_column .beginnerrequest_item {
	margin-bottom: 30px;
}
.beginner-request_list.sp_column .beginnerrequest_item .btn.btn-7 {
	display: block;
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
	padding: 15px 20px;
	background-color: #f8a624;
	border-color: #f8a624;
}
.beginner-request_list.sp_column .beginnerrequest_item .btn.btn-7.is_no {
	position: relative;
	pointer-events: none;
	background-color: rgb(248 166 36 / .3);
    border-color: rgb(248 166 36 / .1);
}
.beginner-request_list.sp_column .beginnerrequest_item .btn.btn-7.is_no:before {
	position: absolute;
	z-index: 9;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	background-color: rgb(34 34 34 / .3);
	content: "現在改修中";
	border-radius: 6px;
	color: #464646;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}
/*
@media screen and (max-width: 1200px) {
	.farmer_registration div {
		min-width: 35%;
	}
	.farmer_registration .registration_link {
		padding: 6% 0;
	}
	.farmer_registration .registration_link i {
		right: 5%;
	}
}
*/
@media screen and (max-width: 1000px) {
	.beginner-request_list.sp_column {
		padding: 0 20px;
	}
	.beginner-request_list.sp_column .beginnerrequest_item {
		width: 49%;
	}
	.beginner-request_list.sp_column .beginnerrequest_item img {
		width: 100%;
	}
}

.news_list.pb_40 {
    /* padding-bottom: 40px; */
}

@media screen and (max-width: 767px) {
	.beginner-request_list.sp_column {
		flex-direction: column;
	}
	.beginner-request_list.sp_column .beginnerrequest_item {
		width: 100%;
	}
	.beginner-request_list.sp_column .beginnerrequest_item:last-child {
		margin-bottom: 0;
	}
	.beginner-request_list.sp_column .beginnerrequest_item .btn.btn-7 {
		width: 60%;
	}
	.news_list.pb_40 {
		padding-bottom: 40px;
        padding-top: 50px;
	}
}
/*210111追加*/
.farmer_registration {
	background-image: url(../img/index/farmer_registration.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding: 95px 25px 25px 200px;
	background-color: #f7f5ed;
}
.farmer_registration span {
	font-size: 58px;
	font-weight: bold;
	color: #43240f;
    padding-right: 20px;
}
.farmer_registration span.fs_103 {
	font-size: 103px;
	color: #f17c68;
	padding-right: 0;
}
.farmer_registration ._df_box {
	display: flex;
	align-items: center;
	/* justify-content: flex-end; */
}
.farmer_registration ._df_box.pt_30 {
	padding-top: 30px;
}
.farmer_registration a {
	width: 550px;
	height: 90px;
	font-size: 35px;
	font-weight: bold;
	padding: 25px 30px;
	margin-top: 120px;
	color: #fff;
	border-radius: 50px;
	background-color: #f7931e;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.farmer_registration a:hover {
	opacity: 0.9;
}
.farmer_registration a i {
	position: absolute;
	right: 20px;
}
.farmer_registration ul {
	display: flex;
	padding-left: 25px;
	flex: 1;
}
.farmer_registration ul li {
	padding-right: 15px;
}
.farmer_registration ul li:last-child {
	padding-right: 0;
}

._contents-inner {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 100px 20px;
}
@media screen and (max-width: 1700px) {
	.farmer_registration {
		padding-left: 4%;
		flex: 1;
	}
}

@media screen and (max-width: 1640px) {
	.farmer_registration span br {
		display: block;
	}
    .farmer_registration span {
		flex: 1;
		text-align: center;
	}
}
@media screen and (max-width: 1540px) {
	.farmer_registration span {
		padding-right: 2%;
	}
}
@media screen and (max-width: 1460px) {
	.farmer_registration {
		padding-left: 25px;
	}
	.farmer_registration ._df_box.pt_30 figure {
		flex: 1;
	}
	.farmer_registration ._df_box.pt_30 figure img {
		width: 100%;
	}
	.farmer_registration a {
		width: 40%;
		margin-top: 10%;
		height: auto;
		padding: 2% 4%;
	}
	.farmer_registration ul li img {
		width: 100%;
	}
}
@media screen and (max-width: 1300px) {
	.registration_text img {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
    .farmer_registration span{
        font-size: 4.5vw;
    }
    .farmer_registration span.fs_103{
        font-size: 8vw;

    }
}

@media screen and (max-width: 1080px) {
	.farmer_registration a {
		font-size: 24px;
	}
	.farmer_registration a i {
		font-size: 24px;
	}
}
@media screen and (max-width: 1000px) {
	._contents-inner {
		width: 100%;
	}
}
@media screen and (max-width: 850px) {
	.farmer_registration span.fs_103 {
        font-size: 10vw;
	}
}
@media screen and (max-width: 767px) {
	.farmer_registration {
		padding: 3% 3% 4.5% 3%;
		background-image: url(../img/index/farmer_registration_sp.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.farmer_registration span {
		font-size: 5vw;
		padding-right: 0;
		flex: inherit;
		display: flex;
		justify-content: center;
		position: relative;
	}
	.farmer_registration span.registration_number {
		width: 75vw;
		margin: 0 auto;
	}
	.farmer_registration span.registration_number::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: -18px;
		background-image: url(../img/index/farmer_registration01_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 24px;
	}
	.farmer_registration span.fs_31 {
		display: flex;
		flex-direction: column;
		margin-bottom: 3%;
		line-height: 1.2;
	}
	.farmer_registration span.fs_31 span {
		font-size: 4.5vw;
	}
	.farmer_registration span.fs_93 {
		font-size: 12vw;
		line-height: 0.9;
		color: #f17c68;
		padding: 0 1%;
	}
	.farmer_registration span.fs_40 {
		display: flex;
		align-items: flex-end;
		margin-bottom: 3%;
	}
	.farmer_registration figure.pt_5 {
		padding: 3% 5% 0 5%;
		position: relative;
		z-index: 2;
	}
	.farmer_registration figure img {
		width: 100%;
	}
	.farmer_registration ul {
		display: flex;
		flex: inherit;
		padding-left: 0;
		margin-top: -3%;
		position: relative;
		z-index: 1;
	}
	.farmer_registration ul li {
		padding-right: 9%;
	}
	.farmer_registration figure.pd_08 {
		padding: 0 8%;
	}
	.farmer_registration a {
		width: 90%;
		font-size: 4vw;
		font-weight: normal;
		padding: 5% 3%;
		margin: 0 auto;
		margin-top: 3%;
		border: none;
	}
	.farmer_registration a i {
		font-size: 4vw;
	}
}

/*210219追加*/
.recipe_list {
	padding-top: 120px;
    background: #f7f5ed;
	padding-bottom: 70px;
}
.recipe_list h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 36px;
}
.recipe_list h2._appearance {
	width: 400px;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	position: relative;
	margin-bottom: 75px;
}
.recipe_list h2._appearance::before {
	content: "＼ ";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -80px;
	font-size: 72px;
	color: #4472c4;
}
.recipe_list h2._appearance::after {
	content: "／ ";
	display: inline-block;
	position: absolute;
	top: 0;
	right: -80px;
	font-size: 72px;
	color: #4472c4;
}
.recipe_list h2._appearance span {
	font-size: 24px;
	color: #ed7d31;
}
.recipe_list h2._appearance span small {
	font-size: 20px;
	color: #464646;
}
.recipe_list ul.s_balloon {
	padding: 20px 20px 80px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recipe_list ul.s_balloon li {
	width: 450px;
	font-size: 18px;
	line-height: 1.2;
	padding: 20px 20px 15px 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.recipe_list ul.s_balloon li:first-child {
	color: #464646;
	background-color: #f2f2f2;
}
.recipe_list ul.s_balloon li:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 15px 0;
	border-color: transparent #f2f2f2 transparent transparent;
	margin-top: -7px;
}
.recipe_list ul.s_balloon li:last-child {
	color: #fff;
	background-color: #70ad47;
}
.recipe_list ul.s_balloon li:last-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 20px 0 0;
	border-color: #70ad47 transparent transparent transparent;
	margin-top: -7px;
}
.recipe_list h2.r_release {
	line-height: 1.2;
	height: 146px;
	background-image: url(../img/common/voice_bg.png);
	background-size: auto 100%;
	background-position: center center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	margin-bottom: 60px;
}
.recipe_list h2.r_release span {
	position: relative;
	display: inline-block;
    background: -webkit-linear-gradient(transparent 70%, #ffd2d2 70%);
    background: -o-linear-gradient(transparent 70%, #ffd2d2 70%);
    background: linear-gradient(transparent 70%, #ffd2d2 70%);
    padding: 0 5px;
    margin-bottom: 8px;
    line-height: 1;
    text-align: center;
    color: #111111;
    font-size: 36px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.recipe_list h2.r_release span:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: -70px;
	left: -160px;
	background-image: url(../img/common/voice_b3n.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 80px;
}
.recipe_list h2.r_release span:first-child::after {
	content: "";
	display: block;
	position: absolute;
	top: -70px;
	right: -200px;
	background-image: url(../img/common/voice_b4n.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 80px;
}
.recipe_list h2.r_release small {
	display: block;
	font-size: 20px;
	margin-top: 5px;
}
.recipe_list a.btn {
	border-radius: 25px;
}
/* recipe_list スライダー */
.recipe_list ul.recipe_slide {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.recipe_list ul.recipe_slide li.recipe_slide_list {
	padding: 0 10px;
	min-height: 521px;
	outline: none;
    flex-direction: column;
	align-items: flex-start;
    justify-content: flex-start;
}
.recipe_list ul.recipe_slide a.recipe_slide_link {
	padding: 14px;
	border-radius: 8px;
	outline: none;
}
.recipe_list ul.recipe_slide dl.r-slide_detail dt.r-slide_title {
	font-size: 18px;
	font-weight: bold;
	color: #548235;
	display: flex;
	flex-direction: column;
	text-align: left;
}
.recipe_list ul.recipe_slide dl.r-slide_detail dt.r-slide_title span {
	font-size: 16px;
	padding-bottom: 5px;
	color: #464646;
}
.recipe_list ul.recipe_slide div._df {
	display: flex;
	align-items: center;
	padding: 5px 0 20px 0;
	text-align: left;
}
.recipe_list ul.recipe_slide figure.w_30 {
	width: 29%;
}
.recipe_list ul.recipe_slide figure.w_30 img {
	width: 100%;
	border-radius: 50px;
}
.recipe_list ul.recipe_slide div._df dl {
	width: 70%;
	line-height: 1.2;
	padding-left: 10px;
}
.recipe_list ul.recipe_slide div._df dt {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
}
.recipe_list ul.recipe_slide div._df span.category {
	display: block;
}
.recipe_list ul.recipe_slide div._df span object a {
	text-decoration: underline;
}
.recipe_list ul.recipe_slide div._df ul {
	display: flex;
	padding-top: 10px;
}
.recipe_list ul.recipe_slide div._df ul li {
    font-size: 20px;
}
.recipe_list ul.recipe_slide div._df ul li._heart {
	margin-right: 30px;
}
.recipe_list ul li._heart::before {
	content: "\f004";
	font-family: "Font Awesome 5 Free";
	padding-right: 5px;
}
.recipe_list ul li._favorite::before {
	content: "\f02e";
	font-family: "Font Awesome 5 Free";
	padding-right: 5px;
}
.recipe_list ul li._heart.active::before {
	color: #c21f3d;
	font-weight: 900;
}
.recipe_list ul li._favorite.active::before {
	/* color: #1fc253; */
	color: #ffc800;
	font-weight: 900;
}
.recipe_list ul.recipe_slide figure.w_100 {
	width: 100%;
}
.recipe_list ul.recipe_slide figure.w_100 img {
	width: 100%;
	border-radius: 8px;
}
.recipe_list ul.recipe_slide dl._catch_copy {
	padding: 10px 0 0 0;
	line-height: 1.2;
	text-align: left;
}
.recipe_list ul.recipe_slide dl._catch_copy dt {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
}

.recipe_list .btn-area .item a {
    color: #628bff;
}


.recipe_list .bubble {
	padding: 10px;
    border-radius: 10px;
	background-color: rgb(255 250 229);
    position: relative;
	border: solid 2px #f5caa6;
}
.recipe_list .bubble ::before {
    content: "";
    position: absolute;
    left: 31px;
    top: -15px;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #f5caa6;
    border-left: 10px solid transparent;
}

.recipe_list .r-slide_detail .date {
	display: block;
	text-align: left;
	margin-bottom: 5px;
}
.recipe_list .r-slide_detail .title {
	display: block;
	text-align: left;
	color: #548235;
	font-size: 18px;
    line-height: 1.4;
	font-weight: bold;
	margin-bottom: 5px;
}
.recipe_list .r-slide_detail .title span {
	background: -webkit-linear-gradient(transparent 70%, #ffd2d2 70%);
	background: -o-linear-gradient(transparent 70%, #ffd2d2 70%);
	background: linear-gradient(transparent 70%, #ffd2d2 70%);
}
.recipe_list .r-slide_detail .catchcopy {
	font-size: 14px;
	color: #333333;
	text-shadow: none;
	line-height: 1.4;
	margin-bottom: 10px;
	text-align: left;
}

.recipe_list li > ul.item_cnt_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	width: 282px;
	margin: 0 auto;
	padding: 5px 15px;
    font-size: 18px;
}
.recipe_list li > .item_cnt_list a {
	text-decoration: underline;
	color: #628bff;
	font-size: 14px;
    line-height: 1;
}
.recipe_list li > .item_cnt_list li {
	display: flex;
	align-items: center;
}
.recipe_list li > .item_cnt_list .foot_favorite,
.recipe_list li > .item_cnt_list span {
	font-size: 14px;
    line-height: 1;
}

@media screen and (max-width: 1020px) {
	.recipe_list ul.s_balloon {
		padding: 20px 40px 80px 40px;
	}
	.recipe_list ul.s_balloon li {
		width: 49%;
	}
}
@media screen and (max-width: 867px) {
	.recipe_list ul.s_balloon {
		padding: 20px 30px 80px 30px;
	}
	.recipe_list ul.s_balloon li {
		width: 100%;
	}
	.recipe_list ul.s_balloon li:first-child {
		margin-bottom: 20px;
	}
	.recipe_list h2.r_release span::before {
		left: -40%;
		top: -70%;
	}
	.recipe_list h2.r_release span::after {
		right: -40%;
		top: -70%;
	}
}

.bnr_slider {
    width: 1040px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bnr_slider li {
    margin: 0 20px;
    width: 480px;
}
.bnr_slider li a {
    display: block;
}
.bnr_slider li a:hover {
	opacity: 0.8;
}
.bnr_slider li a img {
    width: 100%;
    height: auto;
}
.bnr_slider li span {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.recipe_list h2._appearance {
		width: 80vw;
		font-size: 5vw;
	}
	.recipe_list h2._appearance span {
		font-size: 4.5vw;
	}
	.recipe_list h2._appearance span small {
		font-size: 3.5vw;
	}
	.recipe_list h2._appearance::before {
		left: -7vw;
		font-size: 10vw;
	}
	.recipe_list h2._appearance::after {
		right: -7vw;
		font-size: 10vw;
	}
	.recipe_list ul.s_balloon li {
		font-size: 3.5vw;
	}
	.recipe_list h2.r_release {
		font-size: 5vw;
	}
	.recipe_list a.btn {
		font-size: 3.5vw;
	}
	.recipe_list ul.recipe_slide li.recipe_slide_list {
		min-height: inherit;
	}
	.recipe_list ul.r-icon_list {
		padding: 3%;
		margin: 6%;
		border-top: solid 2px #e3e3e3;
		border-bottom: solid 2px #e3e3e3;
		display: flex;
		justify-content: center;
	}
	.recipe_list ul.r-icon_list li {
		font-size: 16px;
		margin-right: 3%;
		display: flex;
		align-items: center;
	}
	.recipe_list ul.r-icon_list li:last-child {
		margin-right: 3%;
	}
	.recipe_list ul.r-icon_list li._heart::before {
		font-size: 4.5vw;
	}
	.recipe_list ul.r-icon_list li._favorite::before {
		font-size: 4.5vw;
	}

    .bnr_slider  {
        width: 100%;
    }
    .bnr_slider li {
        margin: 10px;
    }
    .index_bnr {
        margin: 0 0 30px 0;
        padding: 0 0 20px 0;
    }

}
@media screen and (max-width: 480px) {
    .bnr_slider:not(.slick-slider) {
		display: flex;
		flex-wrap: nowrap;
        padding: 0 40px;
    }
    .bnr_slider:not(.slick-slider) li {
        width: 300px;
		margin: 10px;
    }
    .index_bnr:not(.slick-slider) .bnr_img img {
        width: 300px;
    }
}
@media screen and (max-width: 676px) {
	.recipe_list h2.r_release span::before {
		top: -13.5vw;
		left: -5vw;
		width: 30vw;
		height: 12vw;
	}
	.recipe_list h2.r_release span::after {
		top: -13.5vw;
		right: -5vw;
		width: 30vw;
		height: 12vw;
	}
}
@media screen and (max-width: 480px) {
	.recipe_list {
		padding-top: 80px;
		padding-bottom: 1px;
	}
	.recipe_list .index-btns {
		margin-bottom: 20px;
	}
	.recipe_list h2.r_release {
    	height: 18vw;
	}
	.recipe_list ul.recipe_slide li.recipe_slide_list {
		padding: 0 50px;
	}
	.recipe_list ul.recipe_slide a.recipe_slide_link {
		padding: 0px;
		margin-bottom: 5vw;
	}
	.recipe_list li > ul.item_cnt_list {
		width: 100%;
		padding: 3vw 1vw;
		font-size: 5vw;
	}
	.recipe_list li > .item_cnt_list a {
		font-size: 5vw;
	}
	
	.recipe_list h2.r_release span{
		font-size: 22px;
	}
	.recipe_list h2.r_release small {
		display: block;
		font-size: 3.5vw;
		margin-top: 1vw;
	}
	.recipe_list h2.r_release span:first-child::before {
		content: "";
		display: block;
		position: absolute;
		top: -50px;
		left: -84px;
		background-image: url(../img/common/voice_b3n.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 120px;
		height: 50px;
	}
	.recipe_list h2.r_release span:first-child::after {
		content: "";
		display: block;
		position: absolute;
		top: -50px;
		right: -78px;
		background-image: url(../img/common/voice_b4n.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 120px;
		height: 50px;
	}
	
}


._cnt_list {
	display: flex;
	justify-content: flex-start;
	position: relative;
}
._cnt_list li:first-of-type {
	margin-right: 20px;
}
._cnt_list .red {
	position: absolute;
	bottom: calc(100% + 10px);
	background-color: #e04141;
	z-index: 3;
	padding: 7px 12px;
	border-radius: 9px;
	color: #FFF;
	cursor: pointer;
	right: 0;
}
._cnt_list .red::before,
._cnt_list .red::after {
	content: '';
	position: absolute;
	transform: rotate(62deg);
	border: 7px solid transparent;
	border-left: 17px solid #e04141;
}
._cnt_list .red::before {
	bottom: -12px;
	right: 7px;
	z-index: 1;
}
._cnt_list .red::after {
	bottom: -10px;
	right: 7px;
	z-index: 2;
}

.index_bnr .bnr_slider {
    opacity: 0;
    transition: opacity .5s linear;
}
.index_bnr .bnr_slider.slick-initialized {
	opacity: 1;
}

@media screen and (max-width: 768px) {
    body.ua-gohiiki {
        padding-top: 120px;
    }	
}