@charset 'UTF-8';
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
#mainVisual {
	background: url(/img/project/main_visual_bg.jpg) no-repeat center center;
	background-size: cover;
}

.comItems {
	margin: 0 16px 32px 25px;
}

.comItems .picList {
	width: 390px;
	float: left;
}

.comItems .picList li {
	margin-right: 15px;
	width: 120px;
	float: left;
}

.comItems .picList li:last-child {
	margin-right: 0;
}

.comItems .picList span {
	margin-bottom: 10px;
	display: block;
	color: #231815;
	font-size: 1.22em;
	font-weight: bold;
	text-align: center;
}

.comItems .rBox {
	margin-top: 7px;
	width: 225px;
	float: right;
}

.comItems .rBox ul {
	margin-bottom: 14px;
}

.comItems .rBox li {
	margin-right: 15px;
	width: 65px;
	float: left;
}

.comItems .rBox li:last-child {
	margin-right: 0;
}

.comItems .rBox span {
	margin-bottom: 8px;
	display: block;
	color: #231815;
	text-align: center;
}

.comItems .rBox p {
	margin: 0 !important;
	padding: 12px 2px 8px;
	font-size: 0.93em !important;
	border-radius: 3px;
	letter-spacing: -0.5px;
	background-color: #f5f5f5;
	text-align: center;
}

/*------------------------------------------------------------
	process
------------------------------------------------------------*/
#project_process #main {
	padding-bottom: 160px;
}
#project_process #conts .headLine01 {
	margin-bottom: 18px;
}

#project_process #conts #supply .headLine01 {
	margin-bottom: 25px;
}

#project_process #conts p {
	margin: 0 20px 26px 25px;
	line-height: 1.7;
	letter-spacing: -1px;
}

#project_process #conts .text01 {
	margin-bottom: 33px;
}

#project_process #conts .photo {
	margin: 0 0 24px 72px;
	text-align: center;
}

#project_process #conts .imgBox {
	margin: 0 30px 37px 25px;
}

#project_process #conts .imgBox .photoBox {
	float: right;
}

#project_process #conts .imgBox .textBox {
	float: left;
	width: 350px;
}

#project_process #conts .imgBox .textBox p {
	margin: 0;
}

#project_process #conts .comLinkBox {
	margin-bottom: 40px;
	padding: 0;
}

#project_process #conts ol {
	margin: 0 7px;
}

#project_process #conts ol > li {
	margin-top: 65px;
	padding: 20px 26px 33px 22px;
	position: relative;
	background-color: #F7F7F7;
}

#project_process #conts ol > li.none {
	margin: 0;
}

#project_process #conts ol > li:before {
	margin-left: -40px;
	width: 79px;
	height: 47px;
	background: url(/img/project/process_arrow.png) no-repeat left top;
	position: absolute;
	top: -54px;
	left: 50%;
  
	content: ""; 
}

#project_process #conts ol > li.none:before {
	display: none;
}

#project_process #conts ol li .ttl {
	margin: 0 0 10px;
	color: #6b9e30;
	font-size: 1.25em;
	font-weight: bold;
}

#project_process #conts ol li .ttl img {
	margin-right: 18px;
	vertical-align: middle;
}

#project_process #conts ol li .inner {
	margin-left: 5px;
}

#project_process #conts ol li .inner .photoBox {
	margin-top: 3px;
	float: right;
}

#project_process #conts ol li .inner .textBox {
	float: left;
	width: 320px;
}

#project_process #conts ol li .inner .textBox p {
	margin: 0;
	line-height: 1.75;
}

#project_process #conts ol li .inner .textBox ul {
	margin: 16px 0 0 7px;
}

#project_process #conts ol li .inner .textBox ul li {
	float: left;
}
/*------------------------------------------------------------
	producer
------------------------------------------------------------*/
#producer #about .h3Ttl {
	margin-bottom: 15px;
}

#producer #about .text01 {
	margin-bottom: 21px;
	color: #808080;
	text-align: center;
	line-height: 2;
}

#producer #about .imgTtl {
	margin-bottom: 7px;
	text-align: center;
}

#producer #about .text02 {
	margin-bottom: 19px;
	color: #4d4d4d;
	font-size: 0.79em;
	text-align: center;
}

#producer #about .picList {
	margin: 0 auto 69px;
	width: 426px;
}

#producer #about .picList li {
	padding: 0 15px;
	float: left;
}

#producer #about .picList a {
	display: block;
}

#producer #about .picList a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#producer #yuzu,
#producer #ginger,
#producer #hinoki {
	margin: 0 31px 95px;
	padding: 31px 28px 29px 29px;
	border: 2px dotted #6b9e30;
	border-radius: 12px;
	background: #FAFAFA;
	display: none;
}

/*#producer .off { display: none; }*/
#producer .on { display: block !important; }

#producer #about .ttlBox {
	margin: 0 -2px 23px 0;
}

#producer #about .ttlBox .photoBox {
	float: left;
}

#producer #about .ttlBox .textBox {
	width: 269px;
	float: right;
}

#producer #about .ttlBox .h4Ttl {
	margin-bottom: 8px;
	padding-top: 16px;
	min-height: 35px;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	background: #6b9e30 url(/img/project/h4_ttl_bg.png) no-repeat right top;
}

#producer #about .ttlBox p {
	margin: 0 22px;
	line-height: 1.75;
}

#producer #about .ttlBox .name {
	margin-bottom: 15px;
	color: #4d4d4d;
	font-size: 0.79em;
	font-weight: bold;
	text-align: center;
}

#producer #about #h5Sec01 {
	margin-bottom: 34px;
}

#producer #about .h5Ttl {
	margin-bottom: 13px;
}

#producer #about .imgBoxR {
	margin-bottom: 7px;
}

#producer #about .imgBoxL {
	margin-bottom: 20px;
}

#producer #about .imgBoxR .photoBox {
	width: 250px;
	float: right;
	color: #4d4d4d;
	font-size: 0.71em;
	text-align: right;
}

#producer #about .imgBoxR .photoBox span,
#producer #about .imgBoxL .photoBox span {
	margin-bottom: 3px;
	display: block;
}

#producer #about .imgBoxR .textBox {
	width: 270px;
	float: left;
	display: table;
}

#producer #about .imgBoxR .textBox p,
#producer #about .imgBoxL .textBox p {
	padding-bottom: 10px;
	display: table-cell;
	line-height: 1.75;
	vertical-align: middle;
}

#producer #about .imgBoxL .photoBox {
	width: 250px;
	float: left;
	color: #4d4d4d;
	font-size: 0.71em;
}

#producer #about .imgBoxL .textBox {
	width: 280px;
	float: right;
	display: table;
}

#producer #about .text03 {
	vertical-align: top !important;
	padding-top: 32px;
}

#producer #about .imgBox {
	padding-top: 20px;
	border-top: 1px solid #6b9e30;
}

#producer #about .imgBox .photoBox {
	width: 228px;
	float: right;
}

#producer #about .imgBox .textBox {
	width: 318px;
	float: left;
	display: table;
}

#producer #about .imgBox p {
	display: table-cell;
	font-size: 1.05em;
	text-align: center;
	line-height: 1.8;
	vertical-align: middle;
}

#producer #about .imgBox p span {
	margin-bottom: 2px;
	display: block;
	font-size: 1.23em;
	font-weight: bold;
}

#producer #about #h5Sec02 .h5Ttl {
	margin-bottom: 16px;
}

#producer #about .imgBoxL01 {
	margin-bottom: 24px;
}

#producer #ginger .ttlBox {
	margin-bottom: 29px;
}

#producer #ginger .phoList {
	margin-bottom: 3px;
}

#producer #ginger .phoList li {
	padding: 0 0 4px 4px;
	float: left;
}

#producer #ginger .phoList li:first-child {
	padding-left: 0;
}

#producer #ginger .phoList li:last-child {
	padding: 0;
}

#producer #ginger .imgBoxL02 {
	margin-bottom: 8px;
}

#producer #ginger .imgBoxR01 {
	margin-bottom: 31px;
}

#producer #ginger .imgBoxR01 .photoBox span {
	margin: 0 0 0 -15px;
}

#producer #h5Sec03 .h5Ttl {
	margin-bottom: 18px;
}

#producer #h5Sec03 p {
	text-align: center;
}

#producer #hinoki {
	margin-bottom: 0;
	padding-bottom: 51px;
}
/*------------------------------------------------------------
	trad
------------------------------------------------------------*/
#trad #main {
	padding-bottom: 170px;
}

#trad .headLine01 {
	margin-bottom: 18px;
}

#trad #trading {
	margin-bottom: 48px;
}

#trad #trading .text01 {
	margin: 0 25px 44px;
	line-height: 1.67;
}

#trad #trading .cardList {
	margin: 0 13px;
}

#trad #trading .cardList li {
	margin-right: 10px;
	padding-bottom: 22px;
	width: 208px;
	float: left;
	border-radius: 4px;
	background-color: #f5f5f5;
}

#trad #trading .cardList li:last-child {
	margin-right: 0;
}

#trad #trading .cardList p {
	margin: 0 9px 19px;
	font-size: 0.86em;
	line-height: 1.58;
}

#trad #trading .cardList .title {
	margin: 0 0 2px;
	padding: 4px 8px 5px;
	position: relative;
	top: -11px;
	font-size: 0.86em;
	color: #373737;
	line-height: 1.5;
	background: url(/img/project/txt_bg01.png) no-repeat left top;
}

#trad #trading .cardList li:first-child .title {
	padding: 3px 8px 5px;
	font-size: 0.86em;
}

#trad #trading .cardList .txtImg {
	margin-bottom: 19px;
	text-align: center;
}

#trad #trading .cardList .link {
	margin: 0 auto;
	width: 115px;
}

#trad #trading .cardList .link a {
	display: block;
}

#trad #trading .cardList .link a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#trad .h4Ttl {
	margin: 0 0 10px 34px;
	padding-left: 22px;
	color: #507300;
	font-size: 1.14em;
	font-weight: normal;
	background: url(/img/project/trading_icon01.png) no-repeat left center;
}

#trad .color {
	color: #de5f0e;
	font-weight: bold;
}

#trad #business {
	margin-bottom: 80px;
}

#trad #business p {
	margin: 0 0 36px 53px;
	line-height: 1.75;
}

#trad #business .text01 {
	margin: 0 25px 26px;
	line-height: 1.75;
}

#trad #business .text02 {
	margin-bottom: 16px;
}

#trad #wholesale {
	margin-bottom: 84px;
}

#trad #wholesale p {
	margin: 0 0 33px 53px;
	line-height: 1.75;
}

#trad #wholesale .text01 {
	margin: 0 25px 29px;
	line-height: 1.75;
}

#trad #contract p {
	margin: 0 0 35px 53px;
	line-height: 1.75;
}

#trad #contract .text01 {
	margin: 0 25px 34px;
	line-height: 1.75;
}

#trad #contract .comLinkBox {
	margin-bottom: 0;
	padding-left: 36px;
}

#trad #contract .comLinkBox .lBox {
	margin-top: 12px;
}

#trad #contract .comLinkBox .lBox p {
	padding-left: 0;
	text-align: left;
	line-height: 1.4;
}

#trad #contract .comLinkBox .lBox .txt {
	padding: 0 0 6px 0;
	color: #808080;
}
/*------------------------------------------------------------
	essentialoil
------------------------------------------------------------*/
#project_essentialoil #main{
	padding-bottom: 140px;
}
#project_essentialoil #conts .ttl {
	margin-bottom: 33px;
	text-align: center;
}

#project_essentialoil #conts .blueTxt {
	margin-bottom: 31px;
	text-align: center;
}

#project_essentialoil #conts .linkUl {
	margin-bottom: 24px;
	text-align: center;
}

#project_essentialoil #conts .linkUl li {
	margin: 0 5px;
	display: inline-block;
}

#project_essentialoil #conts .linkUl li a:hover img {
	opacity: 0.7;
}

#project_essentialoil #conts p {
	margin: 0 25px 29px;
	line-height: 1.75;
	letter-spacing: -0.5px;
}

#project_essentialoil #conts .photoUl {
	margin: 0 -10px 28px 9px;
}

#project_essentialoil #conts .photoUl li {
	margin-right: 10px;
	float: left;
}

#project_essentialoil #main .comLinkBox {
	margin-bottom: 46px;
	padding-left: 32px;
}

#project_essentialoil #safety .headLine01 {
	margin-bottom: 26px;
}

#project_essentialoil #safety p {
	margin-bottom: 32px;
}

#project_essentialoil #conts .textImg {
	margin-bottom: 35px;
	text-align: center;
}

#project_essentialoil #conts .textUl {
	margin: 0 0 55px 13px;
}

#project_essentialoil #conts .textUl li {
	margin-right: 10px;
	padding: 10px 8px 16px;
	float: left;
	font-size: 0.857em;
	line-height: 1.58;
	width: 192px;
	background-color: #F5F5F5;
}

#project_essentialoil #conts .textUl li span {
	margin-bottom: 11px;
	padding-bottom: 2px;
	display: block;
	color: #009de6;
	font-size: 1.417em;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #3DB3EA;
}

#project_essentialoil #conts .textUl li span img {
	margin: 0 auto 6px;
	display: block;
}

#project_essentialoil #conts .imgBox {
	margin: 0 46px 39px 22px;
}

#project_essentialoil #conts .imgBox .photo {
	margin-top: 6px;
	float: right;
}

#project_essentialoil #conts .imgBox .textBox {
	float: left;
	width: 410px;
}

#project_essentialoil #conts .imgBox .textList {
	margin-left: 32px;
}

#project_essentialoil #conts .imgBox .textList li {
	padding-left: 18px;
	font-size: 1.071em;
	line-height: 1.95;
	letter-spacing: -1px;
	background: url(/img/common/icon14.png) no-repeat left center;
}

#project_essentialoil #conts .imgBox .textList li span {
	font-weight: bold;
}

#project_essentialoil #conts .h4Ttl {
	padding: 0 0 15px 30px;
	color: #036eb5;
	font-size: 1.214em;
	background: url(/img/common/icon13.png) no-repeat left 2px;
}

#project_essentialoil #conts #a02 {
	margin-left: 22px;
}

#project_essentialoil #conts #a02 .h4Ttl {
	padding-bottom: 6px;
}

#project_essentialoil #conts #a02 p {
	margin: 0 30px 12px;
}

#project_essentialoil #conts #a02 dl {
	margin: 0 30px 20px;
}

#project_essentialoil #conts #a02 dt {
	color: #e75513;
	float: left;
	font-weight: bold;
	font-size: 1.286em;
}

#project_essentialoil #conts #a02 dd {
	padding: 3px 0 0 8.2em;
	font-size: 1.09em;
	line-height: 1.55;
}

#project_essentialoil #conts #a02 dd li {
	padding-left: 76px;
	background: url(/img/project/essentialoil_bg02.png) no-repeat left -11px;
}

#project_essentialoil #conts #a02 dd .first {
	background: url(/img/project/essentialoil_bg01.png) no-repeat left 11px;
}

#project_essentialoil #conts #a02 dd .last {
	background: url(/img/project/essentialoil_bg03.png) no-repeat left -10px;
}

#project_essentialoil #conts #a02 dd li span {
	font-weight: bold;
}

#project_essentialoil #conts #a02 .text {
	margin-bottom: 42px;
	color: #e75513;
	font-weight: bold;
	font-size: 1.286em;
}

#project_essentialoil #conts #a02 .text span {
	margin-left: 20px;
	color: #231815;
	font-weight: normal;
	font-size: 0.6em;
}

#project_essentialoil #conts #a02 .comLinkBox {
	margin-bottom: 65px;
	padding-left: 13px;
}

#project_essentialoil #materials .headLine01 {
	margin-bottom: 20px;
}

#project_essentialoil #materials .comLinkBox {
	margin-bottom: 0;
}

#project_essentialoil #materials p {
	margin-bottom: 22px;
}

#project_essentialoil #conts .comItems {
	margin-bottom: 52px;
}

#project_essentialoil #materials .imgBox {
	margin: 0 18px 41px;
}

#project_essentialoil #materials .imgBox .textBox {
	margin-top: 5px;
	width: 370px;
}

#project_essentialoil #materials .imgBox .textBox .h4Ttl {
	padding-bottom: 12px;
	margin: 0;
}

#project_essentialoil #materials .imgBox .textBox p {
	margin: 0 0 0 35px;
}

#project_essentialoil #main .comLinkBox .lBox p:nth-of-type(2) {
	padding-left: 15px;
}
/*------------------------------------------------------------
	extracting
------------------------------------------------------------*/
#extracting #outline {
	margin-bottom: 48px;
}

#extracting #outline p {
	margin: 0 0px 22px 25px;
	line-height: 1.75;
}

#extracting #outline p span {
	font-size: 0.78em;
}

#extracting #outline .txtImg {
	margin: 0 0 32px;
	text-align: center;
}

#extracting #outline .text01 {
	margin: 0 12px 0 15px;
	padding: 8px 15px 9px;
	font-size: 0.78em;
	border-radius: 3px;
	background-color: #f5f5f5;
}

#extracting #construction {
	margin-bottom: 47px;
}

#extracting #construction .headLine01 {
	margin-bottom: 23px;
}

#extracting #construction .text01 {
	margin: 0 25px 28px;
	line-height: 1.75;
}

#extracting #construction .method {
	margin: 0 12px 10px;
	padding: 14px 0 17px;
	border-radius: 4px;
	background-color: #f5f5f5;
}

#extracting #construction .method .title {
	margin-bottom: 14px;
}

#extracting #construction .method .text02 {
	margin: 3px 16px 0 0;
	padding: 0 15px 5px 10px;
	display: inline-block;
	vertical-align: top;
	background: url(/img/project/txt_bg01.png) no-repeat right top;
}

#extracting #construction .method .text03 {
	margin-right: 13px;
	font-size: 1.44em;
}

#extracting #construction .method .text04 {
	font-size: 0.81em;
}

#extracting #construction .method ul {
	margin: 0 0 0 39px;
}

#extracting #construction .method li {
	margin-bottom: 11px;
	padding-left: 30px;
	letter-spacing: -1px;
	background: url(/img/project/extracting_icon01.png) no-repeat left center;
}

#extracting #construction .method li:last-child {
	margin-bottom: 0;
	background: url(/img/project/extracting_icon02.png) no-repeat left center;
}

#extracting #construction .method li span {
	position: relative;
}

#extracting #construction .method li span:after {
	content: "";
	width: 140px;
	height: 39px;
	position: absolute;
	bottom: -42px;
	left: 0;
	background: url(/img/project/img01.png) no-repeat left top;
}

#extracting #construction .imgTxt {
	margin: 0 24px 29px 0;
	text-align: center;
}

#extracting #construction .recipe {
	margin: 0 12px;
	padding: 19px 0 20px;
	border-radius: 4px;
	background-color: #f5f5f5;
}

#extracting #construction .recipe .title {
	margin-bottom: 22px;
	color: #de5f0e;
	font-size: 1.57em;
	font-weight: bold;
}
#extracting #construction .recipe .title span {
	margin: 2px 15px 0 0;
	padding: 1px 15px 4px 10px;
	display: inline-block;
	color: #fff;
	font-size: 0.64em;
	font-weight: normal;
	vertical-align: top;
	background: #de5f0e url(/img/project/txt_bg02.png) no-repeat right top;
}

#extracting #construction .recipe .pho {
	margin-left: 13px;
	text-align: center;
}

#extracting #effect .headLine01 {
	margin-bottom: 30px;
}

#extracting #effect #h4Sec01 {
	margin-left: 22px;
}

#extracting #effect .h4Ttl {
	padding: 0 0 15px 30px;
	font-size: 1.21em;
	color: #036EB5;
	background: url(/img/common/icon13.png) no-repeat left top;
}

#extracting #effect .txtUl {
	margin: 0 0 40px 32px;
}

#extracting #effect .txtUl li {
	padding: 0 0 15px 20px;
	color: #231815;
	line-height: 1.71;
	letter-spacing: -1px;
	background: url(/img/common/icon14.png) no-repeat left 6px;
	background-size: 11px auto;
}

#extracting #effect .txtUl li span {
	display: block;
	font-weight: bold;
	font-size: 1.07em;
}

#extracting #effect .txtUl li:first-child {
	background: url(/img/common/icon14.png) no-repeat left 10px;
	background-size: 11px auto;
}

#extracting #effect .txtUl li:first-child span {
	font-size: 1.21em;
}

#extracting #effect .txtUl li .small {
	font-size: 0.8em;
	display: inline;
}

#extracting #evolution .headLine01 {
	margin-bottom: 27px;
}

#extracting #evolution .pTxt {
	margin: 0 25px 27px;
	line-height: 1.8;
}

#extracting #evolution .innerBox {
	margin: 0 22px 36px 30px;
}

#extracting #evolution .innerBox .lBox {
	padding: 15px 14px 5px;
	width: 504px;
	float: left;
	box-sizing: border-box;
	background: #FFFCE7;
}

#extracting #evolution .innerBox ul {
	margin-left: 2px;
}

#extracting #evolution .innerBox li {
	padding: 4px 0 5px 34px;
	font-size: 0.86em;
	text-indent: -34px;
	letter-spacing: -0.5px;
}

#extracting #evolution .innerBox li img {
	margin: -5px 10px 0 0;
	vertical-align: top;
}

#extracting #evolution .innerBox .ttl {
	margin-bottom: 11px;
}

#extracting #evolution .innerBox .rBox {
	margin-top: 2px;
	float: right;
}

#extracting #evolution .linkUl {
	margin-left: 20px;
}

#extracting #evolution .linkUl li {
	padding: 0 10px;
	float: left;
	text-align: center;
}

#extracting #evolution .linkUl .last {
	padding-left: 30px;
}

#extracting #evolution .linkUl li a {
	padding: 0 3px;
	display: table-cell;
	height: 144px;
	text-align: center;
	vertical-align: bottom;
}

#extracting #evolution .linkUl li a:hover {
	opacity: 1.0;
}

#extracting #evolution .linkUl .link {
	margin-bottom: 12px;
	width: 100%;
	display: inline-table;
	text-align: center;
}

/*------------------------------------------------------------
	wholesale
------------------------------------------------------------*/
#wholesale #main {
	padding-bottom: 160px;
}
#wholesale #conts .headLine01 {
	margin-bottom: 18px;
}

#wholesale #conts #supply .headLine01 {
	margin-bottom: 25px;
}

#wholesale #conts p {
	margin: 0 20px 26px 25px;
	line-height: 1.7;
	letter-spacing: -1px;
}

#wholesale #conts .text01 {
	margin-bottom: 33px;
}

#wholesale #conts .photo {
	margin: 0 0 24px 72px;
	text-align: center;
}

#wholesale .color {
	color: #de5f0e;
	font-weight: bold;
}