@charset "utf-8";

/*********************************
 *
 * ABOUT STYLES
 * (「NCXX FARMとは」ページのCSSファイル
 *
 *********************************/

@media screen and (min-width: 641px) {
	/*pc用スタイル記述Start*/
	div.about .main-title {
		margin-bottom: 70px;
	}

	div.about div.background-color div.contents {
		padding-top: 120px;
	}

	div.about div.left_title_dot_line_img {
		position: relative;
		margin-bottom: 30px;
	}

	div.about div.left_title_dot_line_img div.line_dotted.vegetables {
		position: absolute;
		top: -1px;
		left: 420px;
		width: calc(100% - 370px);
	}

	div.about img.about.vegetables_icon {
		height: 60px;
		width: auto;
		position: absolute;
		top: -23px;
		left: 350px;
	}

	div.about div.left_title_dot_line_img div.line_dotted.whatis_icon {
		position: absolute;
		top: -1px;
		left: 300px;
		width: calc(100% - 300px);
	}

	div.about img.about.whatis_icon {
		height: 60px;
		width: auto;
		position: absolute;
		top: -23px;
		left: 230px;
	}

	div.about div.section {
		padding-bottom: 180px;
	}

	div.about_section {
		padding-top: 25px;
		text-align: justify;
	}

	div.about_section p.note {
		font-size: 13.5px;
	}

	div.about div.more_btn {
		margin-top: 30px;
	}
	/*pc用スタイル記述End*/
}

@media screen and (max-width: 640px) {
	/*sp用スタイル記述Start*/
	div.about div.main-title h2 {
		padding-bottom: 60px;
	}

	div.about div.main-title h2 {
		font-size: 16.5px;
	}

	div.about div.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.left_title_dot_line_img {
		position: relative;
		margin-bottom: 30px;
	}

	.left_title_dot_line_img div.line_dotted.vegetables {
		width: 250px;
		margin-top: 5px;
	}

	img.about.vegetables_icon {
		height: 50px;
		width: auto;
		position: absolute;
		top: -18px;
		left: 260px;
	}

	.left_title_dot_line_img div.line_dotted.whatis_icon {
		width: 250px;
		margin-top: 5px;
	}

	img.about.whatis_icon {
		height: 50px;
		width: auto;
		position: absolute;
		top: -18px;
		left: 260px;
	}

	div.about_section {
		padding-bottom: 50px;
	}

	div.about_section h3 {
		padding-bottom: 5px;
	}
	/*sp用スタイル記述End*/
}

@media screen and (max-width: 320px) {
	/*iPhone SE 用スタイル記述Start*/
	img.about.vegetables_icon {
		left: auto;
		right: -2px;
	}
	img.about.whatis_icon {
		left: auto;
		right: -2px;
	}
	/*iPhone SE 用スタイル記述End*/
}