@charset "UTF-8";

* {
	margin: 0;
	padding : 0;
}

html {
}

#wrapper {
	margin:0 auto;
	width:100%;
	text-align: left;
}

.montserrat{
font-family: 'Montserrat', sans-serif;
}

/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){

#cover {
    width: 100%;
}
#cover .bg{
	width: 100%;
	min-height: 350px;
	min-width:1040px;
	position: relative;
}
#cover .bg01 {
    background: #007332;
    background-image: url(/sustainability/image/cover_bg_01.png);
    background-position: center top;
    background-repeat: no-repeat;
}
#cover .innerLeadbox{
	padding:60px 0 30px 0;
}
#cover .innerLeadbox .box{
	width: 1040px;
	margin: auto;
}
#cover .innerLeadbox .box p.EsTitle{
	color: #fff;
	font-size:3.875em;
	font-weight: 600;
	line-height:160% !important;
	font-family: 'Montserrat', sans-serif;
}
#cover .innerLeadbox .box p.title{
	color: #fff;
	font-size:1.625em;
	font-weight: 600;
	line-height:160% !important;
	letter-spacing:2px;
}
#cover .innerLeadbox .box p.lead{
	color: #fff;
	font-weight:500;
	line-height:190% !important;
	letter-spacing:1px;
}

div.inner {
	margin:0 auto;
	width:960px;
}

.sus-colum h3{
	color: #fff;
	font-size:2.500em;
	font-weight: 600;
	line-height:160% !important;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:5px;
}
.sus-colum h4{
	color: #fff;
	font-size:1.625em;
	font-weight: 600;
	line-height:160% !important;
	letter-spacing:2px;
	margin-bottom:30px;
}

.bg-climate {
	width: 100%;
	background-image: url(/sustainability/image/bg-cultivo.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.bg-employment {
	width: 100%;
	background-image: url(/sustainability/image/background.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.bg-gender {
	width: 100%;
	background-image: url(/sustainability/image/bg-gender.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.bg-alliance {
	width: 100%;
	background-image: url(/sustainability/image/bg-alliance.jpg);
	background-position: center 200px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.bg-sitebg{
	background-image: url(/image/common/background.jpg);
}
#footer{
	width: 1040px;
	margin:auto; 
}
#footer .boxFNC{
	float:right;
	width:300px;
	text-align: right;
}
#footer .boxFNC .logo{
	float:right;
	width:64px;
	margin-left: 8px;
}
#footer .boxFNC p{
	font-size:0.56em;
	color: #666;
	text-shadow: 0 1px 0 #FFF;
	padding-top: 2px;
	margin-bottom: 4px;
}
#footer .boxFNC p a{
	color:#666;
	text-decoration: none;
}
#footer .boxFNC p a:hover{
	color:#00662C;
	text-decoration: underline;
}

#footer p.copy{
	width: 660px;
	float: left;
	font-size:0.9em;
	color:#555;
	line-height: 170%;
	text-shadow: 0 1px 0 #FFF;
	text-align:center;
	margin-top:20px;
	padding-bottom: 20px;
}
#footer p.copy a{
	color:#555;
	text-decoration: none;
}
#footer p.copy a:hover{
	color:#333;
	text-decoration: underline;
}


}

/*----------------------------------------
　Mobile
-------------------------------------------*/
@media screen and (max-width: 768px){

.inner{
	width: 90%;
	margin:auto;
}
#cover{
	width: 100%;
}
#cover .bg{
	width: 100%;
	position: relative;
}
#cover .bg01{
	background-image: url(/sustainability/image/cover_bg_01.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:cover; 
}

#cover .innerLeadbox{
	padding:20px 0 30px 0;
}
#cover .innerLeadbox .box{
	text-align: center;
	width: 95%;
	margin: auto;
	margin-top:50px;
}
#cover .innerLeadbox .box h2{
	color: #da4a37;
	font-size:2.5em;
	line-height:140%;
	letter-spacing:4px;
}
#cover .innerLeadbox .box h2.text-sm{
	color: #da4a37;
	font-size:2.0em;
	line-height:140%;
	letter-spacing:1px !important;
	margin-bottom: 10px;
}
#cover .innerLeadbox .box p.EsTitle{
	color: #fff;
	font-size:2.500em;
	font-weight: 600;
	line-height:160% !important;
	font-family: 'Montserrat', sans-serif;
}
#cover .innerLeadbox .box p.title{
	color: #fff;
	font-size:1.563em;
	font-weight: 600;
	line-height:160% !important;
	letter-spacing:2px;
}
#cover .innerLeadbox .box p.lead{
	color: #fff;
	font-weight:500;
	line-height:190% !important;
	letter-spacing:1px;
	text-align: center;
}

.sus-colum h3{
	color: #fff;
	font-size:2.500em;
	font-weight: 600;
	line-height:160% !important;
	font-family: 'Montserrat', sans-serif;
	margin-bottom:5px;
}
.sus-colum h4{
	color: #fff;
	font-size:1.625em;
	font-weight: 600;
	line-height:160% !important;
	letter-spacing:2px;
	margin-bottom:30px;
}

.bg-climate {
	width: 100%;
	background-image: url(/sustainability/image/bg-cultivo-mob.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bg-employment {
	width: 100%;
	background-image: url(/sustainability/image/background.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bg-gender {
	width: 100%;
	background-image: url(/sustainability/image/bg-gender-mob.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bg-alliance {
	width: 100%;
	background-image: url(/sustainability/image/bg-alliance-mob.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bg-sitebg{
	background-image: url(/image/common/background.jpg);
}
#footer{
	width: 90%;
	margin:auto; 
}
#footer .boxFNC{
	width:90%;
	text-align: right;
}
#footer .boxFNC .logo{
	float:right;
	width:64px;
	margin-left: 8px;
}
#footer .boxFNC p{
	font-size:0.500em;
	color: #666;
	text-shadow: 0 1px 0 #FFF;
}
#footer .boxFNC p a{
	color:#666;
	text-decoration: none;
}
#footer .boxFNC p a:hover{
	color:#00662C;
	text-decoration: underline;
}

#footer p.copy{
	width: 90%;
	font-size:0.9em;
	color:#555;
	line-height: 170%;
	text-shadow: 0 1px 0 #FFF;
	text-align:center;
	border-bottom:1px solid;
	margin-bottom:20px;
	padding: 0;
	padding-bottom:10px;
}
#footer p.copy a{
	color:#555;
	text-decoration: none;
}
#footer p.copy a:hover{
	color:#333;
	text-decoration: underline;
}


}
/*============================================================
//  共通設定
//==========================================================*/


h1, h2, h3, h4, h5, h6 {
	line-height:1.4em;
}

p, li,dt,dd {
	line-height:1.55em;
}

hr{
	clear:both;
	border:0;
	border-bottom:1px dashed #999;
	margin:15px 0 30px 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	font-style: normal;
}

ul,ol {
	list-style-type: none;
}

.left{ float:left; }

.right{ float:right; }

a {
	color:#333;
/* macIE&FF対策\*/
	overflow: hidden;
/* macIE&FF対策*/
}
a:hover {
	color:#00662C;
}

img,
a img {
	border : 0;
}

.left {
	float:left;
}
.right {
	float:right;
	margin-right:0px;
}

.clr {
	clear: both;
/* macIE対策\*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
/* macIE対策*/
}

.clearfix:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}


#header:after,
#title:after,
#shop:after,
#footer:after,
#contents:after,
#main:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#header,
#title,
#shop,
#footer,
#contents,
#main{
	zoom: 1;
}

#header .SNS{
	float: right;
	padding-top: 14px;
}

#title .logo{
	float: left;
}
#title h1{
	float: right;
}
#title .graph{
	float: left;
}
#title .em{
	float: right;
}

#contents{
	width:960px;
	margin: auto;
}

#main{
	margin-bottom: 40px;
}
#main p.sub{
	font-size: 1.0em;
	margin-top: 10px;
}


.blockA{
	float: left;
}
.blockB{
	float: left;
	margin-left: 30px;
}
.blockC{
	float: right;
}