@charset "utf-8";
/* CSS Document */

.mainvisual {
	width:100%;
}
.mainvisualSp {
	display:none;
}
.breadcrumb_custom {
	background-color:#E7E7E7;
	padding: 5px 2%;
	width:100%;
	margin-bottom: 5%;
}
.breadcrumb_custom ul {
	padding:0;
	margin:0;
}
.breadcrumb_custom li {
	list-style:none;
	float:left;
}
@media screen and (max-width: 780px) {
.mainvisual {
	display:none;
}
.mainvisualSp {
	width:100%;
	display: block;
}
}
/*-------------------------------------
	CSRトップページ
-------------------------------------*/

.topCenter {
	width:1000px;
	text-align:center;
	font-size:120%;
	margin-left:auto;
	margin-right:auto;
}
.topC1000 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.topMenu {
	margin-bottom:5%;
}
.topMenu ul,.csrMenu ul {
	margin:0;
	padding:0;
}
.topMenu li {
	width:29%;
	margin: 0 2%;
	float:left;
	list-style: none;
}
.topMenu .arrow {
	vertical-align:middle;
	margin-left:2%;
}
.topHead {
	font-size: 150%;
	color: #545454;	
	font-weight: bold;
}
.csrBox {
	width:100%;
	margin-bottom: 10%;
}
.csrMenu {
	width:29%;
	margin: 0 2%;
	float:left;	
}
.csrMenu li {
	list-style: none;
	margin-bottom:4%;
}
.csrMenu .reT {
	color: #00adba;
	font-size: 120%;
	font-weight:bold;
	border-bottom:solid 2px #00adba;
}
.csrMenu .esdT {
	color: #6cba5a;
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 2px #6cba5a;
	background-image: url(/csr/image/top/icon_leaf.png);
	background-position: 80% 0%;
	background-repeat: no-repeat;
}
.csrMenu .diversityT {
	color: #ec6d45;
	font-size: 120%;
	font-weight:bold;
	border-bottom:solid 2px #ec6d45;
}
.menuSingle {
	text-align:left;
	border-bottom:solid 1px #CCC;
}
.inqBox {
	margin-bottom:10%;
}
.inqBox ul {
	margin:0;
	padding:0;
}
.inqBox li {
	list-style:none;
	float:left;
	margin: 0 1%;
}
@media screen and (max-width: 780px) {
.topCenter {
	width:100%;
	padding-right:2%;
	padding-left:2%;
}
.topC1000 {
	width:100%;
}
.topMenu li {
	width:100% !important;
	margin: 4% 0;
	float:none;
}
.csrMenu {
	width:100% !important;
	margin: 4% 0;
	float:none;
}
.inqBox li {
	width:100%;
	float:none;
}
}

/*-------------------------------------
	フッター
-------------------------------------*/

.footBan {
	width: 100%;
	background-color: #ECF8DB;
	padding: 2% 0;
	text-align: center;
}
.footBanin {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.footBan li {
	float: left;
	list-style: none;
	width: 210px;
	margin: 0 1%;
}
@media screen and (max-width: 640px) {
	.footBanin {
	width: 100%;
}
	.footBan li {
		width:47%;
		margin: 0 1% 1% 1%;
	}
}

/*-------------------------------------
	CSRコンテンツ
-------------------------------------*/
.singleTitle {
	width:100%;
	text-align:center;
	font-size: 250%;
	color: #61aa31;	
	font-weight: bold;
	padding: 2% 0 7% 0;
}

/*----- トップメッセージ -----*/
.ceo {
	float: right;
	margin: 0 0 5% 5%;
}
@media screen and (max-width: 640px) {
.ceo {
	width:40%;
}
}
/*----- CSR基本方針とSDGs -----*/
.bgSdgs {
	background-color:#d9eed4;
	padding:5%;
	margin-top:10%;
}
.sdgsTitle {
	width:70%;
	font-size:140%;
	font-weght:bold;
	border-bottom:dashed 2px #545454;
	margin: 0 auto 2% auto;
	text-align:center;
}

/*----- 活動レポート -----*/
.reportBox ul {
	width:46%;
	float:left;
	margin:2%;
}
.reportBox li {
	list-style:none;
}
.reportBox .reportT {
	font-size: 120%;
	font-weight:bold;
	border-bottom:solid 2px #61aa31;
	padding-bottom:3%;
	margin-bottom:5%;
}
.reportBox img {
	margin-right:2%;
}

@media screen and (max-width: 780px) {
.singleTitle {
	font-size: 150%;
}
.reportBox ul {
	width:96%;
	float:none;
}
}
/*-------------------------------------
	CSR エコの輪をひろげようプロジェクト
-------------------------------------*/

.flame1000 {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.flame950 {
	width:950px;
	margin-right:auto;
	margin-left:auto;
}
.reCenter {
	text-align:center;
}
.reTitle {
	font-size: 250%;
	color: #00adba;	
	font-weight: bold;
}
.reHead {
	font-size: 150%;
	color: #00adba;	
	font-weight: bold;
}
.reSubhead {
	width:60%;
	font-size: 120%;
	color: #fff;	
	font-weight: bold;
	background-color: #a2d000;
	padding:1%;
	margin: 0 auto 5% auto;
	text-align:center;
}
@media screen and (max-width: 640px) {
.flame1000,.flame950 {
	width:100%;
	padding-left:2%;
	padding-right:2%;
}
.reTitle {
	font-size: 140%;
}
.reHead {
	font-size: 120%;
}
.reSubhead {
	width:90%;
	font-size: 110%;
}
}

/*----- おひさまこっこ -----*/

.coccoTitle {
	font-size: 250%;
	color: #ff8331;	
	font-weight: bold;
}
.coccoHead {
	font-size: 150%;
	color: #ff8331;	
	font-weight: bold;
}
.coccoBack {
	margin-bottom:5%;
}
.coccoBack ul,.coccoMerit ul,.caseDetail ul,.appConditions ul,.appMethod ul {
	margin:0;
	padding:0;
}
.coccoBack li {
	width: 50%;
	list-style: none;
	float: left;
}
.coccoMerit {
	background-image: url(/csr/image/cocco/bg_merit.gif);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 680px;
	margin-bottom: 5%;
}
.coccoMerit li {
	width:30%;
	height:30%;
	margin: 7% 10% 3% 10%;
	list-style: none;
	float:left;
}
.meritB {
	color:#81dee5;
	font-size:110%;
}
.meritY {
	color:#feee67;
	font-size:110%;
}
.caseDetail {
	border: solid 1px #7E7E7E;
	border-radius:5px;
	padding:2%;
}
.caseDetail li {
	width:48%;
	margin: 0 1%;
	list-style: none;
	float:left;
}
.appConditions {
	margin-bottom:5%;
}
.appConditions li {
	font-size:110%;
	list-style: none;
	border-bottom:dashed 2px #ff8331;
	padding-top:1%;
	text-align:left;
}
.appMethod {
	margin-bottom:10%;
}
.appMethod li {
	font-size:110%;
	width:48%;
	list-style: none;
	float:left;
	margin: 1%;
	padding:1%;
	border-radius:10px;
	border:dashed 2px #ff8331;
}
.coccoWarranty {
	margin-bottom:5%;
}
.coccoWarranty table {
	border-top:solid 1px #666;
	border-right:solid 1px #666;
}
.coccoWarranty th {
	background-color:#ffd9c0;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	text-align: center;
}
.coccoWarranty td {
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	text-align:left;
}
.tulip {
	 position:relative;
	 bottom:110px;
	 left:40%;
}
.cocco {
	position:relative;
	 bottom:580px;
	 left:-23%;
}
@media screen and (max-width: 640px) {
.coccoTitle {
	font-size: 140%;
}
.coccoHead {
	font-size: 120%;
}
.coccoBack li {
	width: 100%;
	float: none;
}
.coccoBack img {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}
.coccoMerit {
	background-image: none;
	height: auto;
}
.coccoMerit li {
	width:100%;
	height:auto;
	margin: 1%;
	padding:2%;
}
.coccoMerit li.blue {
	background-color: #e7f5f6;
	border-radius: 10px;
}
.coccoMerit li.yellow {
	background-color: #fcfdd9;
	border-radius: 10px;
}
.caseDetail li {
	width:98%;
	float:none;
}
.appMethod li {
	width:100%;
	float:none;
	margin-bottom:2%;
}
.tulip {
	 display:none;
}
.cocco {
	display:none;
}
}

/*----- クールスポット -----*/

.selfConsumption {
	margin-bottom:10%;
}
.selfConsumption ul,.csMerit ul,.csResults ul {
	margin:0;
	padding:0;
}
.selfConsumption li {
	list-style: none;
	float:left;
	width:48%;
	text-align:left;
	margin-right:1%;
	margin-left:1%;
}
.bgCoolspot {
	background-color:#d9eed4;
	padding:3%;
	margin-bottom:3%;
}
.csTitle {
	width:70%;
	font-size:140%;
	font-weght:bold;
	border-bottom:dashed 2px #545454;
	margin: 0 auto 2% auto;
}
.csMerit {
	margin-bottom:10%;
}
.csMerit li {
	list-style: none;
	float:left;
	width:50%;
	padding:2%;
}
.oasis {
	position:relative;
	top:10px;
	left:370px;
	z-index:10;
}
.csResults {
	margin-bottom:10%;
	font-size:130%;
	font-weight:bold;
}
.csResults li {
	list-style: none;
	padding:2%;
	border-bottom:dashed 2px #a2d000;
}


@media screen and (max-width: 640px) {
.selfConsumption li {
	float:none;
	width:100%;
}
.csTitle {
	font-size:120%;
}
.csResults {
	font-size:110%;
}
.oasis,.oasis2 {
	display:none;
}
}

/*----- 地域環境活動 -----*/

.eaToptxt {
	color: #6cba5a;
	font-size:130%;
}
.desBusiness {
	margin-bottom:10%;
}
.desBusiness li {
	width:50%;
	list-style: none;
	float:left;
}
.eaMerit {
	margin-bottom:10%;
}
.eaMerit li {
	width:295px;
	list-style: none;
	float:left;
	margin: 0 1%;
	text-align: left;
}
.eaFaq {
	text-align: left;
	margin-bottom:10%;
}
.eaQleft {
	width:49%;
	float:left;
	padding-right:5%;
	border-right:dashed 1px #48a548;	
}
.eaQleft li {
	height:250px;
	list-style: none;
	padding-bottom:1%;
	margin-bottom:5%;
	border-bottom:dashed 1px #48a548;
}
.eaQright {
	width:49%;
	float:right;
}
.eaQright li {
	height:250px;
	list-style: none;
	padding-bottom:1%;
	margin-bottom:5%;
	border-bottom:dashed 1px #48a548;
}
.question {
	background-image: url(/csr/image/env-act/ea_question.gif);
	padding-left: 12%;
	color: #48a548;
	background-repeat: no-repeat;
	margin-bottom:2%;
}
.eaQlast {
	width:100%;	
}
.eaQlast li {
	width:48%;
	float:left;
	margin-right:2%;
	list-style: none;
}
.eaNecessary {
	margin-bottom:5%;
}
.eaNecessary ul,.eaPrepare ul,.desBusiness ul,.eaMerit ul,.eaQleft ul,.eaQright ul,.eaQlast ul {
	margin:0;
	padding:0;
}
.eaNecessary li {
	font-size:110%;
	list-style-type: decimal;
	list-style-position: outside;
	border-bottom:dashed 2px #6cba5a;
	padding-top:1%;
	text-align:left;
}
.eaPrepare {
	margin-bottom:10%;
}
.eaPrepare li {
	font-size:110%;
	width:48%;
	list-style: none;
	float:left;
	margin: 1%;
	padding:1%;
	border-radius:10px;
	background-color:#d5f2cf;
}
.eaExample {
	margin-bottom:10%;
	text-align:left;
}
.eaExample table,.eaExample th,.eaExample td {
	border:none!important;
}
.eaGuideline {
	width:100%;
	height:400px;
	border:solid 1px #CCC;
	padding:2%;
}

@media screen and (max-width: 640px) {
.eaToptxt {
	font-size:100%;
}
.desBusiness li {
	width:100%;
	float:none;
}
.eaMerit li {
	width:80%;
	float:none;
	margin: 0 auto;
}
.eaQleft {
	width:100%;
	float:none;
	padding-right: 0;
	border-right:none;	
}
.eaQleft li {
	height:auto;
	padding-bottom:2%;
	border-bottom:dashed 1px #48a548;
}
.eaQright {
	width:100%;
	float:none;
}
.eaQright li {
	height:auto;
	padding-bottom:2%;
	border-bottom:dashed 1px #48a548;
}
.eaQlast li {
	width:100%;
	float:none;
	margin-right:0;
}
.eaPrepare li {
	width:100%;
	float:none;
	margin-bottom:2%;
}
.eaGuideline {
	height:300px;
}
}

/*----- 環境教育 -----*/

.esd {
	text-align: center;
	font-size: 120%;
}
.esdHead {
	font-size: 150%;
	color: #2fb2b9;	
	font-weight: bold;
}
@media screen and (max-width: 640px) {
.esdHead {
	font-size: 120%;
}
}

/*----- Jクレジット -----*/

.jcTitle {
	font-size: 250%;
	color: #6cba5a;	
	font-weight: bold;
}

.jcredit {
	text-align: center;
	font-size: 120%;
}

.jcHead {
	font-size: 150%;
	color: #48A548;	
	font-weight: bold;
}
.btn_green {
	width:30%;
	color: #fff;
	font-size: 110%;
	background-color: #48a548;
	padding:1% 2%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 5%;
}
.envCon {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 8%;
}
.envCon ul {
	padding: 0;
	margin: 0;
}
.envCon li {
	list-style: none;
}
@media screen and (max-width: 640px) {
.jcTitle {
	font-size: 140%;
}
.jcHead {
	font-size: 120%;
}
.btn_green {
	width:90%;
}
.envCon {
	width: 100%;
	display: block;
	vertical-align: none;
}
}

/*----- 下部その他サービスボタン -----*/

.btnNext {
	width: 970px;
	margin-right:auto;
	margin-left:auto;
}
.btnNext ul {
	padding: 0;
	margin: 0;
}
.btnNext li {
	list-style: none;
	float:left;
}
.btnNext li.btnJcre {
	position:relative; top:-105px; left:0%;
}
.btnNext li.btnEsd {
	position:relative; top:-30px; left:0%;
}
.btnNext li.btnCoco {
	position:relative; top:0px; left:50%;
}
.btnNext li.btnCoolspot {
	position:relative; top:0px; left:0%;
}
@media screen and (max-width: 640px) {
.ecoring {
	width: 15%;
}
.btnNext {
	width: 100%;
}
.btnNext li {
	float: none;
}
.btnNext li.btnJcre,.btnNext li.btnEsd,.btnNext li.btnCoco {
	position: static;
	margin-bottom: 1%;
}
}

/*-------------------------------------
	ダイバーシティの推進
-------------------------------------*/

.dsCenter {
	text-align:center;
}
.dsTitle {
	font-size: 250%;
	color: #ec6d45;	
	font-weight: bold;
	margin-bottom:5%;
}
.dsHead {
	font-size: 150%;
	color: #ec6d45;	
	font-weight: bold;
}
.dsSubhead {
	width:60%;
	font-size: 120%;
	color: #fff;
	font-weight: bold;
	background-color: #f49273;
	padding:1%;
	margin: 0 auto 5% auto;
	text-align:center;
}
.dsSubheadline {
	border-left: solid 5px #ec6d45;
	padding: 1px 0 1px 2%;
	color: #ec6d45;
	font-weight: bold;
	font-size: 120%;
	margin-bottom:2%;
}
.dsMenu {
	margin-bottom:10%;
}
.dsMenu ul,.dsBasic ul {
	padding: 0;
	margin: 0;
}
.dsMenu li {
	float: left;
	width: 31%;
	list-style-type: none;
	margin-right:1%;
	margin-left:1%;
}
.dsBasic {
	margin-bottom:10%;
}
.dsBasic li {
	float: left;
	width: 45%;
	margin: 0 2%;
	list-style-type: none;
	text-align:left;
}
.employee {
	margin-bottom:10%;
}
.employee table {
	width:70%;
	margin-right:auto;
	margin-left:auto;
}
.employee th {
	text-align:center;
	background-color:#fcf2ef;
}
.actionPlan table,.actionPlan th,.actionPlan td {
	border:none !important;
}
.actionPlan th {
	width:10%;
	font-weight:bold;
	text-align:center;
}
.apBack {
	background-color:#f49273;
	color:#fff;
	vertical-align:middle;
}
@media screen and (max-width: 640px) {
.dsTitle {
	font-size: 140%;
}
.dsHead {
	font-size: 120%;
}
.dsSubhead {
	width:90%;
	font-size: 110%;
}
.dsSubheadline {
	font-size: 100%;
}
.dsBasic li {
	float: none;
	width: 100%;
	margin: 2% 0;
}
.employee table {
	width:100%;
}
.actionPlan th,.actionPlan td {
	padding: 0;
	margin: 0;
}
.actionPlan th {
	width:25%;
}
.actionPlan td {
	padding-left:1%;
}
}
/*-------------------------------------
	お問い合わせ
-------------------------------------*/

.inquiry {
	width: 950px;
	margin: 0 auto;
}
.inquiry th {
	width: 40%;
	line-height: 1.7em;
	text-align: left;
	background-color:#ecf8db;
}
.inquiry th a {
	color: #555;
}
.inquiry td {
	vertical-align: middle;	
}
.cusInfo {
	margin-bottom: 15px;
}
.cusInfo ul {
	padding: 0;
	margin: 0;
}
.cusInfo li {
	float: left;
	width: 50%;
	list-style-type: none;
}
.mailBtn {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.mailBtn ul {
	padding: 0;
	margin: 0;
}
.mailBtn li {
	float: left;
	list-style-type: none;
	margin: 0 1%;
}
@media only screen and (max-width:780px) {
.inquiry {
	width: 100%;
}
.inquiry th,.inquiry td {
	width: 100% !important;
	display: block !important;
}
.cusInfo li {
	float: none;
	width: 100%;
}
}
/*-------------------------------------
	サンクスページ
-------------------------------------*/
.thanks {
	text-align:center;
	font-size: 120%;
	line-height:1.5;
}
.thanks .thHead {
	color: #61584a;
	font-size: 140%;
	font-weight:bold;
	margin-bottom:3%;
}
@media only screen and (max-width:780px) {
.thanks {
	text-align:left;
	font-size: 110%;
}
.thanks .thHead {
	text-align:center;
	font-size: 150%;
}	
}
/*-------------------------------------
	NIKKEI特設ページ
-------------------------------------*/
.eventHead {
	font-size: 180%;
	color: #68b138;	
	font-weight: bold;
	margin-bottom: 5%;
}
.csrBox {
}
.csrBox .txt {
	width:50%;
	float:left;
	margin-right:2%;
}
.btnCsr1,.btnCsr2,.btnCsr3 {
	width:50%;
	color:#fff;
	text-align:center;
	border-radius:30px;
	padding:1%;
}
.btnCsr1 a,.btnCsr2 a,.btnCsr3 a {
	color:#fff !important;
}
.btnCsr1 {
	background-color:#2fb2b9;
}
.btnCsr2 {
	background-color:#4ca548;
}
.btnCsr3 {
	background-color:#ec6d45;
}
.relatedColumn {
	padding-bottom:5%;
	margin-bottom:8%;
	border-bottom:dashed 1px #A3A3A3;
}
.columnBox {
	width:285px;
	float:left;
	margin-right:2%;
}
@media only screen and (max-width:780px) {
.csrBox .txt {
	width:100%;
	float:none;
	margin-right:0;
}	
.btnCsr1,.btnCsr2,.btnCsr3 {
	width:70%;
	margin-bottom:3%;
}
.relatedColumn {
	text-align:center;
}
.columnBox {
	width:auto;
	float:none;
	margin-right:0;
	margin-bottom:5%;
}
}