@charset "utf-8";

#natural-contents {
	margin-top:50px;
}
#natural-contents h2 {
	position:relative;
}
#natural-contents h2 img {
	width:100%;
}
#natural-contents h2 span {
	display:block;
	padding-right:15px;
	color:#fff;
	font-size:20px;
	line-height:1.6em;
	position:absolute;
	left:42%;
	bottom:15px;
}
#natural-contents h2 span strong {
	display:block;
	margin-bottom:15px;
	font-size:34px;
	line-height:1.4em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#natural-contents h2 span {
		left:15px;
		-webkit-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
		-moz-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
		-ms-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
		-o-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
		text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
	}
}
@media screen and (max-width: 590px) {
	#natural-contents h2 span {
		font-size:15px;
	}
	#natural-contents h2 span strong {
		font-size:20px;
	}
}
@media screen and (max-width: 320px) {
	#natural-contents h2 span strong {
		font-size:18px;
	}
}

#natural-main-contents {
	overflow:hidden;
	line-height:1.8em;
	font-size:15px;
}
#natural-main-contents > div {
	width:850px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}
#natural-main-contents > div:before, #natural-main-contents > div:after {
	content:"";
	display:block;
	width:442px;
	height:100%;
	position:absolute;
	top:0;
}
#natural-main-contents > div:before {
	left:-442px;
	background:url(../../oz-natural%20-%20Copy/img/bg_left.png) repeat-y right top;
}
#natural-main-contents > div:after {
	right:-442px;
	background:url(../../oz-natural%20-%20Copy/img/bg_right.png) repeat-y left top;
}
#natural-main-contents h3 {
	color:#003a1f;
	font-weight:bold;
	font-size:20px;
	margin:30px 0 10px;
}
#natural-main-contents > div > h4 {
	font-weight:bold;
	margin-top:30px;
}
#natural-main-contents .small {
	font-size:13px;
}
#natural-main-contents .orange, #natural-main-contents .orange a {
	color:#d93220;
}
#natural-main-contents .blue, #natural-main-contents .blue a {
	color:#0768ac;
}
#natural-main-contents .pink, #natural-main-contents .pink a {
	color:#d84f8e;
}
#natural-main-contents strong, #natural-main-contents a {
	color:#000;
	font-weight:bold;
}
#natural-cabbage {
	margin:30px 0;
	width:100%;
	display:table;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#natural-main-contents > div {
		width:100%;
		padding:0 5%;
	}
	#natural-cabbage-sp {
		margin:30px 0;
	}
}


#natural_explanation {
	overflow:hidden;
	padding:60px 0 30px;
}
#natural_explanation > div {
	float:right;
}
#natural_crops {
	width:60%;
	padding-left:15px;
	line-height:1.8em;
}
#natural_crops dl ~ dl {
	margin-top:40px;
}
#natural_crops dt {
	text-align:center;
	color:#e60012;
	font-size:20px;
	line-height:2em;
}
#natural_crops dt img {
	max-width:100%;
}
#natural_crops dd {
	margin-top:15px;
	font-size:18px;
}
#natural_crops dl:last-child {
	overflow:hidden;
}
#natural_crops dl:last-child dt, #natural_crops dl:last-child dd {
	float:left;
	width:50%;
	margin-top:0;
}

#natural_numeric {
	width:40%;
}
#natural_numeric > div {
	padding:10px;
	color:#fff;
	font-size:14px;
	line-height:1.5em;
}
#natural_numeric > div, #natural_numeric ul {
	position:relative;
}
#natural_numeric li strong {
	color:#fff100;
	font-weight:normal;
}

#natural_numeric .reduction {
	background: #ff0d23;
	background: -webkit-linear-gradient(#ff0d23 0, #231815 100%);
	background: -moz-linear-gradient(#ff0d23 0, #231815 100%);
	background: -ms-linear-gradient(#ff0d23 0, #231815 100%);
	background: -o-linear-gradient(#ff0d23 0, #231815 100%);
	background: linear-gradient(#ff0d23 0, #231815 100%);
}
#natural_numeric .hydrogen {
	margin-top:30px;
	background: #202883;
	background: -webkit-linear-gradient(#000 0, #202883 50%, #c20d23 100%);
	background: -moz-linear-gradient(#000 0, #202883 50%, #c20d23 100%);
	background: -ms-linear-gradient(#000 0, #202883 50%, #c20d23 100%);
	background: -o-linear-gradient(#000 0, #202883 50%, #c20d23 100%);
	background: linear-gradient(#000 0, #202883 50%, #c20d23 100%);
}

#natural_numeric h4 {
	position:absolute;
	right:10px;
	font-size:25px;
	line-height:1.3em;
	text-align:right;
	width:54%;
}
#natural_numeric .reduction h4 {
	top:30px;
}
#natural_numeric .reduction h4 span {
	display:block;
	font-size:14px;
}
#natural_numeric .hydrogen h4 {
	top:130px;
}

#natural_numeric .reduction li span {
	display:inline-block;
	width:65px;
}

#natural_numeric .hydrogen ul:nth-of-type(2),
#natural_numeric .hydrogen ul:nth-of-type(3) {
	padding-left:30px;
}

#natural_numeric > div:before,
#natural_numeric > div:after,
#natural_numeric .reduction ul:nth-of-type(2):before,
#natural_numeric .reduction ul:nth-of-type(3):before,
#natural_numeric .reduction ul:nth-of-type(3):after,
#natural_numeric .hydrogen ul:nth-of-type(2):before,
#natural_numeric .hydrogen ul:nth-of-type(3):before,
#natural_numeric .hydrogen ul:nth-of-type(3):after {
	content:"";
	display:block;
	position:absolute;
}
#natural_numeric > div:before {
	border:transparent solid 10px;
	border-bottom-color:#fff100;
	top:30px;
}
#natural_numeric > div:after {
	border:transparent solid 10px;
	border-top-color:#fff;
	bottom:30px;
}
#natural_numeric .reduction:before, #natural_numeric .reduction:after {
	left:52px;
}
#natural_numeric .reduction ul:nth-of-type(2):before,
#natural_numeric .reduction ul:nth-of-type(3):before {
	left:50px;
}
#natural_numeric .hydrogen ul:nth-of-type(2):before,
#natural_numeric .hydrogen ul:nth-of-type(3):before {
	left:8px;
}
#natural_numeric .reduction ul:nth-of-type(2):before,
#natural_numeric .hydrogen ul:nth-of-type(2):before {
	border-right:4px solid #fff100;
}
#natural_numeric .reduction ul:nth-of-type(3):before,
#natural_numeric .hydrogen ul:nth-of-type(3):before {
	border-right:4px solid #fff;
	top:0;
}
#natural_numeric .reduction ul:nth-of-type(2):before {
	height:98%;
	top:2%;
}
#natural_numeric .reduction ul:nth-of-type(3):before {
	height:95%;
}
#natural_numeric .hydrogen ul:nth-of-type(2):before {
	height:100%;
	top:1%;
}
#natural_numeric .hydrogen ul:nth-of-type(3):before {
	height:85%;
	top:6%;
}
#natural_numeric .reduction ul:nth-of-type(2):after {
	display:inline-block;
	content:"血液を還元\A血液を酸化";
	white-space: pre;
	position:absolute;
	right:0;
	bottom:-36px;
	font-size:24px;
	line-height:1.5em;
	-webkit-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
	-moz-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
	-ms-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
	-o-text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
	text-shadow:rgba(0,0,0,0.5) 3px 3px 10px, rgba(0,0,0,0.5) -3px 3px 10px, rgba(0,0,0,0.5) 3px -3px 10px, rgba(0,0,0,0.5) -3px -3px 10px;
}
#natural_numeric .reduction ul:nth-of-type(3):after,
#natural_numeric .hydrogen ul:nth-of-type(3):after {
	border-top:4px solid #fff100;
}
#natural_numeric .reduction ul:nth-of-type(3):after {
	width:calc(100% - 50px);
	left:50px;
	top:-2px;
}
#natural_numeric .hydrogen ul:nth-of-type(3):after {
	width:calc(100% - 135px);
	left:135px;
	top:8px;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#natural_explanation > div {
		width:100%;
		float:none;
	}
	#natural_crops {
		padding-left:0;
	}
	#natural_crops dd {
		font-size:16px;
	}
	#natural_crops dl:last-child dt {
		padding-right:10px;
	}
	#natural_numeric {
		margin-top:30px;
	}
}

#natural-cabbage div {
	display:table-cell;
	width:25%;
}
#natural-cabbage div img {
	width:100%;
	border-right:1px solid #fff;
}
@media screen and (min-width: 770px) {
	#natural-cabbage-sp {
		display:none;
	}
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	#natural-cabbage {
		display:none;
	}
}


/* 181029追加 */
/*--------------------------------------------------------------------*/

/* company
------------------------------------------*/
.company .headline {
  margin-bottom: 30px;
}

.company .headline h2 {
  font-family: "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #791D31;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
}

.company .spec-list {
  font-family: "ヒラギノ明朝 ProN W2", "HiraMinProN-W2", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 18px;
}

.company .spec-list dt {
  float: left;
  clear: left;
  width: 26%;
  margin-bottom: 30px;
  color: #791D31;
  line-height: 160%;
}

.company .spec-list dd {
  margin-bottom: 30px;
  padding-left: 26%;
  line-height: 160%;
}

.company .spec-list dd ol {
  counter-reset: number 0;
}

.company .spec-list dd ol li {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  line-height: 130%;
}

.company .spec-list dd ol li:before {
  counter-increment: number 1;
  content: counter(number) ".";
}