@charset "UTF-8";


/**************************************************
　eyecatch
***************************************************/

.eyecatch {
	background: url( './../image/fisherman/eyecatch-bg.jpg' ) no-repeat center center;
	background-size: cover;
}

/**************************************************
　生産者
***************************************************/

.introduction-block .each-box .text-box span {
	color: #B3925D;
	display: block;
	font-size: .9em;
	margin-bottom: 3px;
}
.introduction-block .each-box .text-box h3 {
	border-bottom: 1px solid #d3d3d3;
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 10px;
}
.introduction-block .each-box .text-box p {
	margin-top: 20px;
}

/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* 生産者 */
	.introduction-block .contents {
		margin-top: 70px;
		padding-bottom: 50px;
	}
	.introduction-block .each-box {
		margin: 0 auto 70px;
		width: 85vw;
	}
	.introduction-block .each-box .photo-box {
		margin-bottom: 10px;
	}
	.introduction-block .each-box img {
		width: 85vw;
	}
}
@media (max-width: 320px) {

	/* 幅狭スマホ */

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */
}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/* 生産者 */
	.introduction-block .each-box .photo-box {
		margin-bottom: 30px;
	}
	
}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	/* 生産者 */
	.introduction-block .contents {
		margin: 80px auto;
		padding-bottom: 80px;
		width: 690px;
	}
	.introduction-block .each-box {
		float: left;
		margin-left: 30px;
		width: 210px;
	}
	.introduction-block .each-box:nth-of-type( 1 ) {
		margin-left: 0;
	}
	.introduction-block .each-box img {
		width: 210px;
	}
}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	/* 生産者 */
	.introduction-block .contents {
		margin: 100px auto;
		padding-bottom: 60px;
		width: 930px;
	}
	.introduction-block .each-box {
		float: left;
		margin-left: 45px;
		width: 280px;
	}
	.introduction-block .each-box:nth-of-type( 1 ) {
		margin-left: 0;
	}
	.introduction-block .each-box img {
		width: 280px;
	}
	
}