@charset "UTF-8";
/* farmers */

/*page-title*/
.page-title {
	padding-top: 60px;
	padding-bottom: 60px;
    background-image: url("../img/farmer/page-title-farmer.jpg");
	background-size: cover;
	background-position: center;
	color: #ffffff;
	text-align: center;
}
.page-title h1 {
	margin: 0;
	font-size: 24px;
    font-weight: 500;
    text-shadow: 1px 1px 4px #111;
}
@media (min-width: 768px) {
    .page-title {
        padding-top: 100px;
        padding-bottom: 100px;
    }
	.page-title h1 {
		font-size: 36px;
        letter-spacing: 0.1em;
	}
}


/*集合写真*/
.farmers-intro {
    margin-bottom: 30px;
}
.farmers-intro h3, .blog h3, .media-info h3 {
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
    line-height: 1.8;
    text-align: center;
}
.farmers-intro p, .blog p {
    font-size: 15px;
}
@media (min-width: 768px) {
    .farmers-intro h3, .blog h3, .media-info h3 {
        font-size: 30px;
        letter-spacing: 0.06em;
        margin-bottom: 5px;
    }
    .farmers-intro p, .blog p {
        font-size: 17px;
        line-height: 2;
        letter-spacing: 0.06em;
        text-align: center;
    }
}


/*生産者写真*/
.farmers-photo {
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .farmers-photo-inner01 {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
    .farmers-photo-inner02 {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
    .farmers-photo-item {
      padding: 15px 20px;
      width: 32%;
    }
}
@media  (max-width: 767px) {
      .farmers-photo-item {
        width: 70%;
        margin: 0 auto 20px;
      }
}

p.caption {
    margin-top: 5px;
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}


/*ブログ*/
.blog {
    margin-bottom: 80px;
}
.blog-img {
    max-width: 760px;
    margin: 10px auto;
}
@media  (max-width: 1023px) {
      .blog-img {
        width: 80%;
        margin: 0 auto 20px;
      }
}
@media  (max-width: 500px) {
      .blog-img {
        width: 300px;
      }
}

/*メディア*/
.media-info {
    text-align: center;
    margin-bottom: 30px;
}