@charset "UTF-8";

/*-----------------------------------

	business

-----------------------------------*/
.business_block{
	padding-top: 160px;
}
.business_block .business_flex{
	gap: 30px;
}
.farming h3{
	text-align: center;
	margin-bottom: 60px;
    font-size: 28px;
}
.business_block .intro_p {
    font-weight: 300;
    text-align: center;
    margin-bottom: 48px;
    line-height: 1.8em;
}

.business_block .top_wrap .img_box{
	width: 41%;
}
/*.business_block .top_wrap .img_box img{
	border-radius: 20px;
}*/

.business_block.farming .top_wrap .inner_wrap ,
.business_block .top_wrap .text_box{
	width: 53%;
}

.business_block .top_wrap .text_box span,
.business_block .top_wrap .text_box h4{
	font-size: 18px;
	margin-bottom: 20px;
	display: block;
	line-height: 1.5;
}

.business_block .top_wrap .text_box h4 {
	position: relative;
	padding-left: 21px;
}

.business_block .top_wrap .text_box h4::before{
	content: "";
	position: absolute;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #72BF98;
	top: 8px;
	/*bottom: 0;*/
	left: 0;
	margin: auto;
}
.business_block .top_wrap .text_box p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 30px;
}

.business_block .top_wrap .text_box a{
	display: inline;
    margin-left: 0;
}

.business_block .top_wrap a.lightgreen_p {
	color: #38af80;
}
.business_block .top_wrap a.lightgreen_p span {
	font-size: 1.4rem;
    margin-bottom: unset;
    display: unset;
    line-height: unset;
}
.business_block .top_wrap .text_box .beforelink_p {
	margin-bottom: 8px;
}
@media screen and (max-width: 640px){
	.business_block{
		padding-top: 80px;
	}
	.business_block .top_wrap{
		flex-direction: column;
		gap: 28px;
	}
	.business_block .top_wrap .img_box,
	.business_block .top_wrap .text_box{
		width: 100%;
	}
	.business_block .top_wrap .text_box span,
	.business_block .top_wrap .text_box h4{
		margin-bottom: 12px;
	}
	.business_block.farming .top_wrap .inner_wrap {
		width: 100%;
	}
}


/*buz_farming*/
.business_block.farming .top_wrap .text_box h4 {
	padding-left: 0px;
}
.business_block.farming .top_wrap .text_box h4::before{
	content: none;
}
.business_block.farming .top_wrap .link_underline .noneline {
	text-decoration: none !important;
}
.business_block.farming .top_wrap .img_box{
	width: 53%;
}
.business_block.farming .top_wrap .inner_wrap {
	width: 39%;
}
.business_block.farming .top_wrap .text_box{
	width: 100%;
}
.business_block.farming .top_wrap {
	align-items: center;
}
@media screen and (max-width: 640px){
	.business_block.farming .top_wrap .img_box ,
	.business_block.farming .top_wrap .inner_wrap {
		width: 100%;
	}
}
/*buz_introduce*/
/*.introduce{
	padding-top: 0px;
}*/
.introduce h3 {
	justify-content: flex-start;
    font-size: 28px;
    width: 100%;
    border-bottom: 1px solid #38af80;
    padding-bottom: 10px;
    margin-bottom: 36.8px;
}
@media screen and (max-width: 640px){
	.introduce h3 {
		font-size: 22px;
	}
}

/*buz_ringyo*/
/*.business_block.ringyo .top_wrap .text_box h4 {
	font-size: 16px;
	padding-left: 0;
	margin: 14px 0 6px;
}
.business_block.ringyo .top_wrap .text_box h4::before {
	content: none;
}
.business_block.ringyo .top_wrap .text_box p {
	font-size: 14px;
}
.business_block.ringyo  .top_wrap .text_box {
    width: 100%;
}
.business_block.ringyo .top_wrap .img_box {
	max-width: 480px;
	width: calc((100% - 140px) /2);
}
@media screen and (max-width: 640px){
	.business_block.ringyo .top_wrap .img_box {
		width: 100%;
	}
}*/

/*yamagata_logo_box*/
.yamagata_logo_box{
	padding: 60px 0 0px;
}
.yamagata_logo_box img{
	width: 94px;
	height: 76px;
	display: block;
	margin: auto;
}


/*-----------------------------------

	area_block

-----------------------------------*/
#area_block {
	padding: 140px 0 0;
}

#area_block .contents_inner {
	display: flex;
    flex-direction: column;
    align-items: center;
}

#area_block p {
	font-weight: 300;
	text-align: center;
	margin-bottom: 76px;
	line-height: 1.8em;
}

#area_block picture {
	display: flex;
    width: 42%;
    max-width: 450px;
	position: relative;
}

#area_block .map_wrap {
	position: relative;
	width: 100%;
    display: flex;
    justify-content: center;
}

/*#area_block .map_wrap .map_box {
	max-width: 450px;
	width: 42%;
}*/

#area_block .left_btn_box {
	left: 0;
}

#area_block .right_btn_box {
	right: 0;
}

#area_block .left_btn_box .btn ,
#area_block .right_btn_box .btn {
	position: relative;
	pointer-events: none;
} 

#area_block .btn.blue_bg {
    left: 10%;
    top: 22%;
}

#area_block .left_btn_box .btn::before ,
#area_block .right_btn_box .btn::before {
	position: absolute;
	font-weight: 500;
	font-size: 12.8px;
	text-align: center;
	bottom: -40px;
}

#area_block .btn.blue_bg::before {
	content: "米、野菜、畜産、水産";
	color: #37bef0;
}
#area_block .btn.pink_bg {
    left: 18%;
    bottom: 28.5%;
}
#area_block .btn.pink_bg::before {
	content: "米、畜産、果実";
	color: #e2507f;
}
#area_block .btn.green_bg {
	right: 30%;
    top: 8%;
}
#area_block .btn.green_bg::before {
	content: "米、野菜（山菜など）";
	color: #6cbb5a;
}
#area_block .btn.yellow_bg {
    right: 5%;
    bottom: 33.5%;
}
#area_block .btn.yellow_bg::before {
	content: "果実、米、野菜";
	color: #f3982d;
}
@media screen and (max-width: 840px) {
	#area_block .map_wrap{
		display: block;
	}
	#area_block .map_wrap .tab_box{
		margin: 0 auto 60px;
		gap: 36px;
	}
	#area_block .map_wrap .map_box{
		width: 62%;
        max-width: 661px;
	}
/*	#area_block .left_btn_box .btn, 
	#area_block .right_btn_box .btn {
		width: 144px;
		height: 48px;
	}*/
	#area_block .btn.blue_bg,
	#area_block .btn.green_bg {
		top: 0;
	}
	#area_block .btn.pink_bg,
	#area_block .btn.yellow_bg {
		bottom: 0;
	}
	/*#area_block .left_btn_box .btn::after ,
	#area_block .right_btn_box .btn::after {
		width: 6px;
		height: 6px;
		right: 16px;
	}*/
}
@media screen and (max-width: 640px) {
	#area_block {
		padding: 70px 0 0;
	}
	#area_block p{
		margin-bottom: 58px;
	}
	
	#area_block .map_wrap .map_box {
		width: 100%;
	}
	#area_block .map_wrap .tab_box{
		gap: 36px 9px;
	}
	
}
@media screen and (max-width: 400px) {
	/*#area_block .left_btn_box .btn, 
	#area_block .right_btn_box .btn {
		z-index: -1;
    }
	#area_block .btn.green_bg {
        right: -5%;
        top: -15%;
    }
	#area_block .btn.yellow_bg {
        right: 0;
        bottom: 10%;
    }
	#area_block .btn.blue_bg{
		top: -12%;
	}
	#area_block .btn.pink_bg {
        left: -17%;
        bottom: -8%;
    }*/
}

/*-----------------------------------

	youtube_block

-----------------------------------*/
#youtube_block {
	padding: 140px 0 0;
}
#youtube_block .inner_wrap {
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	gap: 100px;
}
#youtube_block .intro_p {
    font-weight: 300;
    text-align: center;
    margin-bottom: 48px;
    line-height: 1.8em;
}
#youtube_block .inner_wrap .movie_box {
	width: calc((100% - 100px) /2);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#youtube_block .inner_wrap .movie_box iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
    object-fit: contain;
	border-radius: 20px;
}
@media screen and (max-width: 840px) {
	#youtube_block .inner_wrap .movie_box {
		width: calc((100% - 40px) /2);
	}
	#youtube_block .inner_wrap {
		gap: 40px;
	}
}
@media screen and (max-width: 640px) {
	#youtube_block .inner_wrap .movie_box {
		width: 100%;
	}
	#youtube_block .inner_wrap {
		gap: 50px;
	}
}
/*-----------------------------------

	swiper_block

-----------------------------------*/
#swiper_block {
	margin: 142px 0;
}
#swiper_block .contents_inner {
	position: relative;
}
#swiper_block h3 {
	justify-content: flex-start;
    font-size: 28px;
    width: 100%;
    border-bottom: 1px solid #38af80;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
#swiper_block .swiper-container {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
#swiper_block .swiper-container .swiper {
	overflow: visible;
	position: static;
}
#swiper_block .swiper-container .swiper-slide {
	transform: translate(-55%,0)!important;
}
#swiper_block .swiper-container .btn_wrapper {
	width: 110px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
}
#swiper_block .swiper-container .swiper-button {
	width: 45px;
	height: 45px;
	margin: 0;
	position: static;
}
#swiper_block .swiper-container .swiper-button::after {
	display: none;
}
#swiper_block .img_box {
 	overflow: hidden;
	height: 13vw;
	margin-bottom: 21px;
}
#swiper_block .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}
#swiper_block .text_box h3 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 6px;
	color: #ffffff;
}
#swiper_block .text_box p {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.05em;
}
#swiper_block .sp {
	display: none;
}
@media screen and (max-width: 840px) {
	#swiper_block .swiper-container .swiper-slide {
		transform: translate(0, 0) !important;	
	}
	#swiper_block .img_box {
		height: 36vw;
	}
}
@media screen and (max-width: 640px) {

	#swiper_block .swiper-container .btn_wrapper {
		display: none;
	}
	#swiper_block .img_box {
		margin-bottom: 20px;
	}
	#swiper_block .text_box h3 {
		font-size: 15px;
		font-weight: 400;
		margin-bottom: 2px;
	}
	#swiper_block .text_box p {
		font-size: 13px;
	}

	#swiper_block .sp {
		display: block;
	}	
}