@charset "utf-8";

/*********************************
 *
 * REASON STYLES
 * (「野菜をつくる理由」ページのCSSファイル
 *
 *********************************/

@media screen and (min-width: 641px) {
	/*pc用スタイル記述Start*/
	div.contents.reason {
		margin-top: calc(120px - (40px + 14px));
	}

	div.reason_section {
		margin-bottom: 100px;
	}

	div.reason_section .line_img {
		margin-bottom: 50px;
	}

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

	div.reason_section .img_section img:nth-of-type(2) {
		padding-top: 35px;
	}

	div.reason_section .p_section {
		width: 550px;
		text-align: justify;
	}

	div.reason_section p.li {
		padding-left: 2.2em;
		text-indent: -2.7em;
	}

	div.reason_section div.p_li {
		padding: 2.5em 0px;
	}
	/*pc用スタイル記述End*/
}

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

	div.reason_section img.line_img{
		margin-top: 5px;
		margin-bottom: 30px;
	}

	div.reason_section div.img_section img {
		padding-bottom: 25px;
	}

	div.reason_section p.li {
		padding-left: 2em;
		text-indent: -2.6em;
	}

	div.reason_section div.p_li {
		padding: 2.5em 0px;
	}

	div.reason div.right {
		float: none !important;
	}

	div.reason div.left {
		float: none !important;
	}

	div.reason div.clear {
		float: none !important;
	}
	/*sp用スタイル記述End*/
}