@charset "utf-8";

/*********************************
 *
 * LINEUP STYLES
 * (「育てている野菜」ページのCSSファイル
 *
 *********************************/

@media screen and (min-width: 641px) {
	/*pc用スタイル記述Start*/
	div.lineup div.p_section {
		width: 550px;
	}

	div.lineup div.img_section {
		width: 450px;
	}

	div.lineup div.left_title_line_img {
		position: relative;
		margin-bottom: 12px;
	}

	div.lineup div.left_title_line_img h2{
		position: absolute;
		background-color: #fff;
		z-index: 1;
		top: -12px;
		padding-right: 8px;
	}

	div.lineup div.left_title_line_img img.line_img{
		width: 550px;
		height: 9.0px;
		object-fit: cover;
	}

	div.lineup div.section h2 {
		font-size: 24px; /* 指定 */
		line-height: 38px; /* 指定 */
	}

	div.lineup div.section p {
		font-size: 18px; /* 指定 */
		line-height: 38px; /* 指定 */
		text-align: justify;
	}

	div.lineup div.lineup-section {
		padding-bottom: 50px; /* 指定 */
	}

	div.lineup div.lineup-section:last-of-type {
		padding-bottom: 0px;
	}

	div.lineup div.section_between {
		margin-bottom: 100px;
	}
	/*pc用スタイル記述End*/
}

@media screen and (max-width: 640px) {
	/*sp用スタイル記述Start*/
	div.lineup div.section  {
		margin-top: 75px;
	}

	div.lineup div.img_section  {
		margin-bottom: 25px;
	}

	div.lineup div.left_title_line_img {
		position: relative;
		margin-bottom: 18px;
	}

	div.lineup div.left_title_line_img h2{
		position: absolute;
		background-color: #fff;
		top: -8px;
	}

	div.lineup div.lineup-section {
		padding-bottom: 40px;
	}

	div.lineup div.lineup-section:last-of-type {
		padding-bottom: 0px;
	}
	/*sp用スタイル記述End*/
}