@charset "UTF-8";

#main .content p a {
	pointer-events: none;
}
.sp {
	display: none;
}
#main #youtube {
	padding: 100px 0;
	margin-top: 250px;
	border-top: 3px solid #a5a5a5;
}
#main #youtube .title {
	display: flex;
	align-items: center;
	font-weight: normal;
}
#main #youtube .title .logo {
	width: 200px;
	margin-right: 30px;
}
#main #youtube .title .logo img {
	width: 100%;
}
#main #youtube .listVideo {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
#main #youtube .listVideo li {
	width: 31%;
	text-align: center;
}
#main #youtube .listVideo li a {
	display: block;
}
#main #youtube .listVideo li .titleVideo {
	font-weight: normal;
	margin-top: 5px;
}
#main #youtube .listVideo li .thumnail {
	width: 100%;
	height: 180px;
	overflow: hidden;
}
#main #youtube .listVideo li .thumnail img {
	width: 140%;
	height: 180px;
	object-fit: cover;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}


/*Breakpoint*/
@media (max-width: 1217px) and (min-width: 769px) {
	body {
		min-width: 100%;
	}
	#main {
		min-width: 100%;
	}
	.bx-wrapper {
		min-width: 100% !important;
	}
	.slider li {
		width: 100% !important;
	}
	.slider li img {
		width: 100% !important;
		height: auto;
	}
	
}

@media (max-width: 1097px) and (min-width: 769px) {
	#intro {
		width: calc(100% - 60px);
	}
	#main .centering {
		width: calc(100% - 60px);
	}
	.fltL {
		width: 65.75%;
		height: auto;
	}
	#main .content .farmer img.fltL {
		width: auto;
	}
	#main .content p {
		padding-right: 35px;
	}
}

@media (max-width: 921px) and (min-width: 769px) {
	#main .content {
		width: 100%;
	}
}

@media (max-width: 897px) and (min-width: 769px) {
	iframe {
		width: 100%;
	}
	#intro h2.txt  {
		width: 100%;
	}
}

@media (max-width: 840px) and (min-width: 769px) {
	#main .content p {
		padding-right: 35px;
	}
}

@media (max-width: 787px) and (min-width: 769px) {
	#main .content .farmer img.fltL {
		margin-right: 12px;
	}
}

/*SP STYLE*/
@media (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	body {
		min-width: 100%;
	}
	#intro {
	    padding: 0 4% 30px;
	    width: calc(100% - 8%);
	    margin: 90px auto 30px;
	    border-bottom: 1px solid #3333;
	}
	#main {
		min-width: 100%;
	}
	#main .content:first-child h3 > img {
		width: 65%;
		min-width: auto;
	} 
	#main .centering {
		padding: 0 4%;
		width: calc(100% - 8%);
	}
	#main .content {
		width: 100%;
		margin-top: 30px;
		padding-top: 35px;
	}
	.fltL {
		width: 100%;
		height: auto;
	}
	#main .content .farmer img.fltL {
		margin-right: 0;
		float: none;
	}
	iframe {
		width: 100%;
		height: 55vw;
	}
	#main .content:last-child{
		margin-bottom: 30px;
	}
	#main .content p {
		text-align: justify;
	}
	#main .content p a {
		pointer-events: auto;
	}
	#main .content .farmer {
		margin-bottom: 30px;
	}

	.bx-wrapper {
		min-width: 100% !important;
	}
	.slider li {
		width: 100% !important;
	}
	.slider li img {
		width: 100% !important;
		height: auto;
	}

	#intro h2 {
		max-width: 40px;
	}
	#intro h2 img {
		width: 100%;
	}
	#intro ul {
	    margin: 25px 0 0;
	}
	#intro ul li {
		margin-right: 20px;
	}

	#intro h2.txt {
		width: 100%;
		max-width: 100%;
	}

	#main .content h3 {
		line-height: 1.3;
	}

	#main .content address a {
		pointer-events: auto;
	}

	#main #youtube {
	    padding: 50px 0;
	    margin-top: 100px;
	    border-width: 2px;
	}
	#main #youtube .title {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	#main #youtube .title .logo {
	    width: 200px;
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	#main #youtube .listVideo {
		align-items: center;
		flex-direction: column;
		margin-top: 0;
	}
	#main #youtube .listVideo li {
		width: 80%;
		max-width: 276px;
		margin-top: 20px;
	}
}