@charset "UTF-8";

/* 環境への取り組み
-----------------------------------------*/

/* 扉 */

div#mainArea h2.tobiratit{
	border-bottom: none;
	color:#0068b9;
	position: relative;
	padding: 0px 0px 10px;
	margin-bottom: 20px;
}

div#mainArea h2.tobiratit::before{
	content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 7px;
 background: -webkit-repeating-linear-gradient(-45deg, #008db9, #008db9 2px, #fff 2px, #fff 4px);
 background: repeating-linear-gradient(-45deg, #008db9, #008db9 2px, #fff 2px, #fff 4px);
}

div#mainArea .environment_tobirabtnarea{
	border:1px solid #CACACA;
}

div#mainArea .link_environment_btn{
	padding: 20px;
}

div#mainArea .link_environment_btn ul li{
margin-bottom: 15px;
background: #0068b9;
border-radius: 5px;
}

div#mainArea .link_environment_btn ul li.s_tobira_indent{
margin-left: 30px;
}

div#mainArea .link_environment_btn ul li:last-child{
	margin-bottom: 0px;
}

div#mainArea .link_environment_btn ul li a{
	display: block;
	color: #fff;
	padding:10px;
	text-indent: -1.2em;
	margin-left: 1.2em;
}

div#mainArea .link_environment_btn ul li a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	padding-right: 3px;
}

div#mainArea .link_environment_btn ul li:hover{
	background: #c4e2f9;
	-webkit-transition: all .3s;
	transition: all .3s;
}

div#mainArea .img_environment_btn{
	width: 50%;
	padding: 0px 0px 20px;
	margin:0 auto;
}


/*災害への復興を支援*/
div#mainArea .kumamotoBox h5{
	color: #000;
	border-left: none;
	margin-bottom: 10px;
	padding: 10px;
	background: #d6e9ed;
	position: relative;
}

div#mainArea .kumamotoBox span.minitit{
	background: #1d99d4;
	color: #fff;
	padding: 5px 10px;
	display: block;
	position: absolute;
	top:-27px;
	left: 0;
}

div#mainArea .kumamotoBox02 h5{
	color: #1d99d4;
	border-left: none;
	margin-bottom: 10px;
	padding:0px 0px 10px;
	border-bottom: 3px solid #1d99d4;
}

/*環境配慮モデル型店舗*/

div#mainArea .model-box_new{
	background: #bf4188;
	padding: 10px;
}

div#mainArea .model-box_new h5{
	color: #fff;
	border-left: none;
	margin-bottom: 10px;
	padding:0px;
	background: #bf4188;
}

div#mainArea .model-box-con{
	background: #fff;
	padding: 10px;
}

div#mainArea .storemapbox{
	padding: 10px;
	margin-bottom: 10px;
}

div#mainArea .storemapbox a{
	color:#000;
	display: block;
}
div#mainArea .storemapbox a:hover{
	color:#000;
	opacity: 0.6;
}

div#mainArea .modelstore01{
	background: #ffe4d7;
	border:2px solid #ffcfb8;
	border-radius: 5px;
}

div#mainArea .modelstore02{
	background: #fff2d5;
	border:2px solid #fee7b3;
	border-radius: 5px;
}

div#mainArea .modelstore03{
	background: #deecff;
	border:2px solid #c4deff;
	border-radius: 5px;
}

div#mainArea .modelstore04{
	background: #e9ffec;
	border:2px solid #d6f7da;
	border-radius: 5px;
}

div#mainArea .modelstore05{
	background: #ece6fe;
	border:2px solid #ded3fd;
	border-radius: 5px;
}

div#mainArea .modelstore06{
	background: #e0feff;
	border:2px solid #c1edee;
	border-radius: 5px;
}

div#mainArea .modelstore07{
	background: #fff0f7;
	border:2px solid #fedfee;
	border-radius: 5px;
}

/*マチカフェ*/
div#mainArea .machicafe_process{
	width: 25%;
}

div#mainArea h3.processtit{
	color:#fff;
	border-bottom: none;
	margin-bottom: 15px;
	padding: 10px;
	text-align: center;
}

.cafebgtit01{background:#1EAAE6;}
.cafebgtit02{background:#5AB43C;}

div#mainArea h4.machicafeprotit{
	border-bottom:none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

div#mainArea h4.cafecolortit01{
	color:#1688cf;
	background: linear-gradient(transparent 40%, #e6f6ff 40%);
}

div#mainArea h4.cafecolortit02{
	color:#27b364;
	background: linear-gradient(transparent 40%, #ecfceb 40%);
}

div#mainArea .machicafe_con{
	margin-bottom: 10px;
}

div#mainArea h5.araiansutit{
	color: #329664;
	border-left: none;
	margin-bottom: 10px;
	padding: 0px;
	font-weight: bold;
}

div#mainArea	.col-cafe{
	color: #C17C33;
}

div#mainArea h3.columnhl_color_machicafe{
	color:#C17C33;
	border-bottom: none;
	margin-bottom: 15px;
	padding-bottom:0px;
	text-align: left;
}

div#mainArea .cafeline{
	border-top: 1px #EC8D53 dashed;
	padding-top: 20px;
}

div#mainArea .machicafe_flow_sp{
	width: 40%;
}

div#mainArea .machicafebox{
	border:1px solid #EC8D53;
	padding: 15px;
	overflow: hidden;
}

/*サプライチェーンにおける環境保全活動*/

div#mainArea .m2table table{
	width:100%;
	border:1px solid #666666;
	margin:0 auto;
}

div#mainArea .m2table table th{
	background:#c1c7e2;
	font-weight:bold;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	text-align:center;
	padding:5px;
	vertical-align: middle;
}

div#mainArea .m2table table td{
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:10px;
	vertical-align: middle;
}

.co2num{
    text-align: right;
}

/*お客さまと取り組む環境活動*/

#co2offset{
	background:#7EAF17;
	padding: 10px;
}

#co2offset h4.customerTtl{
	color: #fff;
	border-bottom: none;
	margin-bottom: 0px;
	padding:0px 0px 10px;
	text-align: center;
}

#co2offset span.number01{
	font-size: 1.786em;/*25px*/
	padding: 0px 5px 0px;
}

#co2offset span.co2offcolor01{
	color: #22B273;
}

#co2offset .co2offsetlink a{
	background: #daecc8;
	color:#75a53c;
	border-radius: 5px;
	border:1px solid #daecc8;
	padding: 10px;
	text-align: center;
	display: block;
}

#co2offset .co2offsetlink a:hover{
		background: #fff;
	}

	#keitaibag{
		background:#DCAC49;
		padding: 10px;
	}

	#keitaibag h4.customerTtl{
		color: #fff;
		border-bottom: none;
		margin-bottom: 0px;
		padding:0px 0px 10px;
		text-align: center;
	}

	#keitaibag span.number01{
		font-size: 1.786em;/*25px*/
		padding: 0px 5px 0px;
	}

	#keitaibag span.keitaicolor01{
		color: #EE5A24;
	}

	#keitaibag .keitaibaglink a{
		background: #eee8db;
		color:#c88519;
		border-radius: 5px;
		border:1px solid #eee8db;
		padding: 10px;
		text-align: center;
		display: block;
	}

	#keitaibag .keitaibaglink a:hover{
			background: #fff;
		}

	div#mainArea	.co2_kmBlock{
		background: #fff;
		border:3px solid #adadad;
		padding: 15px;
		border-radius: 10px;
	}

	div#mainArea .co2_kmBlock h4.co2sp{
		background: #80b105;
		padding:10px;
		border-bottom: none;
		color: #fff;
		font-weight: bold;
	}

	div#mainArea	.co2_mWidth{
		background: #fffae6;
		border:5px solid #ffca7d;
		padding: 15px;
		border-radius: 10px;
	}

div#mainArea	.attentionRed{
	font-weight: bold;
	color: #E6004F;
	font-size:1.786em;/*25px*/
}

div#mainArea	.ecoBag_spec{
	color: #6C4B00;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding: 5px 0px;
}

/*ローソングループ環境方針*/

#environment_policy{
	background: #F7FFE8;
	padding: 30px;
}

#environment_policy .environment_title{
	font-size:1.786em;/*25px*/
	color: #006CB6;
	text-align: center;
	margin-bottom: 20px;
}

#environment_policy .environment_text{
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.125em;/*18px*/
}

#environment_policy .environment_policy_con{
	width: 95%;
	margin: 0 auto;
}

#environment_policy .polycy_title{
	font-weight: bold;
}

#environment_policy .polycy_text{
	margin-bottom: 20px;
}

#environmentListcon{
	 border: 2px solid #006CB6;
}

#environmentListcon .environment_link_title{
			background: #E5F0F7;
			padding: 10px 20px;
			margin-bottom: 0px;
			color: #006CB6;
			font-size: 1.125em;/*18px*/
}

#environmentListcon ul{
	padding: 15px;
}

#environmentListcon ul li{
	padding-bottom: 5px;
}

/*よくある質問*/

div#mainArea	.ques{
	padding: 15px 20px;
 border: 1px solid #006CB5;
 border-radius: 6px;
}

div#mainArea	.ques ul li{
	text-indent: -0.3em;
	margin-left: 0.3em;
}

/*あなたのCO2家計簿*/

div#mainArea .co2Table th,
div#mainArea .co2Table td{
	font-size: 0.813em;/*13px*/
}

div#mainArea .co2Table{
	width: 100%;
	margin:0px auto 20px;
	background: #d2d2d2;
	border: 1px solid #DDD;
}

div#mainArea .co2Table th {
	padding: 4px 10px 4px 10px;
	background: #E2E2E2;
	border: 0px solid #ffffff;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

div#mainArea .co2Table th.bkth2 {
	padding: 4px 10px 4px 10px;
	background: #E2E2E2;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	border-left: 2px solid #690;
	border-right: 2px solid #690;
	border-top: 2px solid #690;
}

div#mainArea .co2Table td {
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	vertical-align: middle;
	text-align: left;
}

div#mainArea .co2Table td.bktd1 {
	border-top: 1px solid #DDD;
}

div#mainArea .co2Table td.bktd2 {
	padding: 4px 10px 4px 10px;
	background-color:#FF9;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #DDD;
	border-left: 2px solid #690;
	border-right: 2px solid #690;
}

div#mainArea .co2Table td.bktd2e {
	padding: 4px 10px 4px 10px;
	background-color:#FF9;
	vertical-align: middle;
	text-align: center;
	border-left: 2px solid #690;
	border-right: 2px solid #690;
	border-bottom: 2px solid #690;
}

div#mainArea .co2Table td.bktd3 {
	padding: 4px 10px 4px 10px;
	background-color:#C4E0BA;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #DDD;
}

div#mainArea .co2Table td.bktd4 {
	padding: 4px 10px 4px 10px;
	background-color:#390;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #DDD;
}

div#mainArea .co2linkbtn a{
	font-size: 1em;/*16px*/
	background: #3261A9;
	color: #fff;
	border-radius: 10px;
	border:1px solid #3261A9;
	text-align: center;
	padding: 15px 10px;
	display: block;
}

div#mainArea .co2linkbtn a:hover{
	background: #fff;
	color: #3261A9;
}

div#mainArea .co2totalbtn{
	background: #26a226;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
}

div#mainArea .co2peoplearea{
	background: #ff9;
	border: 3px solid #009800;
	border-radius: 10px;
	padding: 15px;
}

/**/

/* SDGs推進に向けた取り組み */

div#mainArea h5.sdgs_subtit{
	color:#fff;
	background: #0068b9;
	border-left: none;
	margin-bottom: 20px;
	padding: 10px;
}

div#mainArea p.steptit{
	border:2px solid #0068b9;
	padding: 10px;
	vertical-align: middle;
	color:#0068b9;
	margin-bottom: 10px;
}


div#mainArea h6.sdgstit_kpi{
	background: #006cb8;
	color: #fff;
	padding: 15px 10px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: 0px auto -15px;
	font-size: 1em;
	width: 180px;
}

div#mainArea .sdgskpibox{
	background:#fdeff5;
	border:2px solid #ee869a;
	padding: 30px 20px 0px;
	border-radius: 10px;
	position: relative;
	z-index: 0;
}

div#mainArea h6.sdgstit_2050{
	background: #006cb8;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: 0px 0px 10px;
	font-size: 1.313em;/*21px*/
}

div#mainArea .sdgs2050box{
	background:#fffeee;
	border:2px solid #006cb8;
 padding: 15px 15px 0px;
	border-radius: 10px;
	margin-bottom: 20px;
}

div#mainArea .sdgs2050box02{
	background:#fffeee;
	border:2px solid #006cb8;
 padding: 15px;
	border-radius: 10px;
}

div#mainArea .sdgsbdrbox{
	border-top: 2px dotted #006cb8;
	padding-top: 10px;
	margin-bottom: 10px;
}

div#mainArea .sdgsbdrbox_bdrnone{
		border-top:none;
		padding-top: 0px;
}

div#mainArea .sdgsbdrbox p{
	font-size: 1em;
}

div#mainArea .sdgsbdrbox span.sdgs_number{
	font-weight: bold;
	/* margin-left: 20px; */
	font-size: 1.688em;/*27px*/
}

div#mainArea .sdgsTable{
	width: 100%;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
}

div#mainArea .sdgsTable .sdgshyo01{width:15%;}
div#mainArea .sdgsTable .sdgshyo02{width:15%;}
div#mainArea .sdgsTable .sdgshyo03{width:40%;}
div#mainArea .sdgsTable .sdgshyo04{width:50%;}

div#mainArea .sdgsTable td.sdgs_hoicon img{
	width: 100%;
}

div#mainArea .sdgsTable th{
	background:#fff799;
	color:#000;
	vertical-align: middle;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	padding: 5px;
	text-align: center;
}

div#mainArea .sdgsTable td{
	padding: 10px;
	vertical-align: middle;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
}

div#mainArea .sdgsTable td.sdgs_mokuhyo .sdgsimgbox{
	width: 30%;
 margin: 0px 2px;
}

div#mainArea .sdgsTable td.sdgs_kadai{
	font-weight: bold;
	font-size: 0.875em;/*14px*/
}

div#mainArea .sdgsTable td.sdgs_service{
	font-size: 1em;
}

div#mainArea .sdgsTable td.sdgs_service ul li{
	text-indent: -1em;
	margin-left: 1em;
	font-size: 0.813em;/*13px*/
}

div#mainArea .sdgsTable td.sdgs_service ul li::before{
	content: "●";
}

div#mainArea .sdgsTable td.sdgs_service ul.sdgs_p01 li::before{color: #f7ab00;}
div#mainArea .sdgsTable td.sdgs_service ul.sdgs_p02 li::before{color: #00ac97;}
div#mainArea .sdgsTable td.sdgs_service ul.sdgs_p03 li::before{color: #e85298;}


div#mainArea .tcfdarea{
	padding:15px;
	border:1px solid #1caad0;
}

/*既存レイアウト*/

div#mainArea td.applytit{
	width:18%;
}

div#mainArea .sdgsTable .applyWeb{
		width:35%;
	}

div#mainArea .sdgsTable .applyReport{
		width:25%;
	}

div#mainArea .sdgsTable	.sgdsimg img{
	display: block;
	margin: 0 auto;
	width: 100%;
}

div#mainArea td.applytit,
div#mainArea td.applyWeb,
div#mainArea td.applyReport{
	background: #F2F2F5;
}

div#mainArea td ul.pageLink li{
	font-size: 1em;
}

div#mainArea .groupTbl{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-left: 0px;
}

div#mainArea .groupTbl th,
div#mainArea .groupTbl td{
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	padding: 7px;
	text-align: left;
	vertical-align: top;
}

div#mainArea .groupTbl th{
	background-color: #dfeaf8;
	font-weight: normal;
	border-left: none;
}

div#mainArea .groupTbl th.tblHead{
	background-color: #1a5fa7;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}

div#mainArea .groupTbl th.first{
	border-left: none;
}

div#mainArea .groupTbl .width01{
	width: 11em;
}

div#mainArea .groupTbl .width02{
	width: 5em;
}


	@media print, screen and (max-width:767px) and (-ms-high-contrast: none) {
		*::-ms-backdrop, div#mainArea .sdgsTable td.sdgs_mokuhyo .sdgsimgbox{
					width: 38px;
		}
}


	@media print, screen and (max-width:767px) and (-ms-high-contrast: none) {
		div#mainArea .sdgsTable td.sdgs_mokuhyo .sdgsimgbox{
			width: 38px;
		}
}

/* ほっとやさしいプロジェクト */

div#mainArea .kindness_color{
	color: #ed86b3;
}

div#mainArea h3.kindness_tit{
	margin-bottom:5px;
	position: relative;
	padding:0px 0px 10px;
	background: #fff;
	color: #1b1b1b;
	border: none;
	overflow: hidden;
	text-align: center;
}

div#mainArea h3.kindness_tit img{
	vertical-align: bottom;
}

div#mainArea h3.borderbot{
	border-bottom: 3px solid #ed86b3;
	margin: 0px 0px 20px;
}

div#mainArea h3.kindness_tit span.sdgsicon{
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 0px 0px;
}

div#mainArea h3.kindness_tit span.sdgsicon img{
	width: 10%;
	display: inline-block;
	margin-bottom: 0;
}

div#mainArea h4.kindness_subtit{
	color: #0068b9;
	border-bottom: none;
	margin-bottom: 10px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: bold;
}

div#mainArea h5.kindness_tit02{
	color: #1b1b1b;
	border:none;
	margin-bottom: 10px;
	padding: 0px;
}

div#mainArea .kindnessarea .borderarea{
	border-bottom:2px solid #ed86b3;
}

div#mainArea p.kindness_subtit02{
	position: relative;
	margin-bottom: 10px;
}

div#mainArea h4.kindness_subtit03{
	color: #fff;
	border-bottom: none;
	margin-bottom: 15px;
	padding: 10px;
	background: #ed86b3;
}

div#mainArea h4.kindness_subtit03_2{
	color: #ed86b3;
	border-left: 8px solid #ed86b3;
	margin-bottom: 20px;
	padding: 10px;
	border-bottom:none;
}

div#mainArea h5.kindness_subtit04{
	border-left: none;
	position: relative;
	display: inline-block;
	margin: 0px 0px 30px;
	padding: 15px;
	min-width: 120px;
	max-width: 100%;
	background: #ed86b3;
	border-radius: 10px;
	color: #fff;
}

div#mainArea h5.kindness_subtit04::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -12px;
	border: 12px solid transparent;
	border-top: 12px solid #ed86b3;
}

div#mainArea .kindnesslist p.daytxt span{
	background: #faeded;
	padding: 10px 5px;
}

div#mainArea .kindness_column{
	border:2px solid #ed86b3;
	background:#fffef7;
	padding: 15px;
}

div#mainArea .kindness_column .column_point{
	padding: 10px;
	background:#def7d9;
	margin-bottom: 20px;
}

div#ttlArea h1.kindnessmaintit img.hologotit{
	display: block;
	margin: 0 auto 10px;
}

div#mainArea .kindnessarea .changebox{
	background: #fff;
	border: 2px solid #ccc;
	padding: 20px 5px;
}

div#mainArea .kindnessarea h6.tit_kpi{
	color: #1b1b1b;
	font-size: 1em;
	font-weight: bold;
	width: 100px;
	text-align: center;
	padding: 10px;
	background: #606060;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto -20px;
	position: relative;
	z-index: 2;
}

div#mainArea .kindnessarea .sdgskpibox{
	background: #fff;
	border: 2px solid #ccc;
	padding:40px 20px 0px;
	border-radius:0px;
	position: relative;
	z-index: 0;
	margin-bottom:10px;
}

div#mainArea .kindnessarea .sdgsbdrbox{
	border-top: 1px dashed #ed86b3;
	padding:20px 0px 10px;
}

div#mainArea .kindnessarea .sdgsbdrbox_bdrnone{
		border-top:none;
		padding-top: 0px;
}

div#mainArea .kindnessarea .sdgsbdrbox p{
	font-size: 1em;
	letter-spacing:1px;
}

div#mainArea .kindnessarea .sdgsbdrbox span.sdgs_number{
	font-weight: bold;
	font-size: 1.688em;/*27px*/
}

div#mainArea .kindnessarea .sdgsbdrbox span.c_b{
	color:#24adeb;
}

div#mainArea .kindnessarea p.kpimaintit{
	padding:5px;
	border:1px solid #24adeb;
	color:#24adeb;
	font-weight: bold;
	margin-bottom:10px;
}


/*子どもたちの未来のために*/

div#mainArea .edusupport_color{
	color: #e0b100;
}

div#mainArea .edu-table{
	border-top:1px solid #ccc;
}

div#mainArea .edu-table th{
	background:#fbf9da;
}

div#mainArea .edu-table th,
div#mainArea .edu-table td{
	border-right:none;
}



div#mainArea h3.edu_subtit{
	color: #0068b9;
  text-align: center;
  padding: 20px 10px;
  border-top: solid 2px #1d99d4;
  border-bottom: solid 2px #1d99d4;
		background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#dff6f7 3px, #dff6f7 7px);
		background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#dff6f7 3px, #dff6f7 7px);
}

div#mainArea h3.contit_edu{
	background: #fdffec;
	color: #e0b100;
	border: 2px solid #e0b100;
}

div#mainArea h3.contit_edu::before{
		border-right: solid 25px #e0b100;
}

div#mainArea h4.edu_subtit01{
	color: #fff;
	border-bottom: none;
	margin-bottom: 15px;
	padding: 10px;
	background: #e0b100;
}

div#mainArea h4.edu_subtit02{
	color: #e0b100;
	border-left: 8px solid #e0b100;
	margin-bottom: 20px;
	padding: 10px;
	border-bottom:none;
}

div#mainArea h5.edu_subtit03{
	position: relative;
	padding: 10px;
	background: #ffefcb;
	border-left:none;
	color: #333;
}

div#mainArea h5.edu_subtit03:after{
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #ffefcb;
	width: 0;
	height: 0;
}

div#mainArea .edu-table02{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

div#mainArea .edu-table02 th.tit{
	background: #e0b100;
	color: #fff;
	vertical-align: middle;
}

div#mainArea .edu-table02 td{
	vertical-align: middle;
	background:#fff;
	border-right:1px solid #ccc;
}

div#mainArea .edu_koe{
	background:#fbf9da;
	padding: 0px 0px 10px;
}

div#mainArea .edu_koebox{
	background:#fff;
	padding:15px;
	margin:10px 10px 20px;
}

div#mainArea .edu_koebox .edu_name{
	text-align:right;
	padding:10px 0px;
}

div#mainArea .edu_koebox .edu_name span{
	border:1px solid #e0b100;
	padding:10px;
}

div#mainArea .mailcon{
	background:#fbf9da;
	padding: 10px 0px 10px;
}

div#mainArea .mailconbox{
	background:#fff;
	padding:15px 15px 0px;
	margin:10px;
}

div#mainArea .intedu{
	margin-bottom:0px;
}

div#mainArea .koetext{
	margin-bottom:20px;

}

div#mainArea .koetext span{
	background:#fbf9da;
	padding:10px;
}

/* TCFD提言への取り組み */

div#mainArea .tcfdhyo th,
div#mainArea .tcfdhyo td{
	vertical-align: middle;
	font-size:0.813em;
}


div#mainArea .tcfdhyo{
	border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

div#mainArea .tcfdhyo tbody td{
	border-right: 1px solid #ccc;
}

div#mainArea .tcdf_note{
	text-indent: -2em;
	margin-left: 2em;
}

div#mainArea .hyo_w15{width:15%;}
div#mainArea .hyo_w18{width:18%;}


div#mainArea .kpibox_tcfd{
	border:1px solid #0068b9;
	padding:15px 15px 0px;
}

div#mainArea .kpibox_tcfd h4{
	border: none;
	margin-top:-40px;
	background:#0068b9;
	width:130px;
	text-align: center;
	padding:10px;
	color:#fff;
}

div#mainArea h5.tcfd_kpitit{
	font-size:1.125em;
	border-left:none;
	border-top: solid 1px #0068b9;
	border-bottom:dotted 1px #0068b9;
	margin-bottom:5px;
}

div#mainArea .kpiflex{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div#mainArea .kpiflex .kpi01{
	padding: 10px 0px;
}

div#mainArea .kpiflex .kpi02{
	padding: 10px 0px 10px 10px;
}

div#mainArea .kpiflex .kpi01 p,
div#mainArea .kpiflex .kpi02 p{
	font-size:1em;
}

div#mainArea .kpiflex .kpi02 p.line_h{
	line-height:1.2;
}

div#mainArea .kpiflex .kpiyear01{
	background:#606060;
	color:#fff;
	padding:7px 15px;
	border-radius:5px;
}

div#mainArea .kpiflex .kpiyear02{
	background:#00acea;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
}

div#mainArea .kpiflex .kpi02 .kpi_p{
	font-size:1.688em;
	vertical-align: middle;
	color:#006cb8;
	font-weight:bold;
}

div#mainArea .kpiflex .kpi02 .notes{
	font-size:0.813em;
}

/* Lawson Blue Challenge 2050！ */

div#mainArea h3.lbctit{
	text-align: center;
}
/**/


/*ローソンファーム*/
div#mainArea .nakajima-article{
	border:3px solid #2da62a;
	padding: 70px 20px 20px;
	border-radius: 10px;
	margin-top: -70px;
}

div#mainArea	.col-farm{
	color: #2da62a;
}

div#mainArea	ul.farm_listbox li{
	text-indent: -1.6em;
	margin-left: 1.6em;
}

div#mainArea .formColumn{
	border:1px solid #2da62a;
	padding: 20px;
}

div#mainArea .farm-table{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

div#mainArea .farm-table tbody th.tit{
	background-color: #2da62a;
	color: #fff;
	text-align: center;
}

div#mainArea .farm-table tbody th{
	background-color: #d5f7d6;
	text-align: left;
	vertical-align: middle;
}

div#mainArea .farm-table tbody td{
	border-right: 1px solid #ccc;
	vertical-align: middle;
}


div#mainArea .lawsonfarmnewarea{
	background: #fbfbee;
	padding: 20px;
	position: relative;
	margin-bottom: 20px;
}


div#mainArea .lawsonfarmnewarea h5{
	border-left:none;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: bold;
	font-size: 1.5em;
}

div#mainArea .lawsonfarm_map{
	position: relative;
	z-index: 0;
}

div#mainArea .lawsonfarm_map .farmbase{
	position: relative;
	width:180px;
	height:180px;
	border-radius: 50%;
	background:#ffee1c;
	display: inline-block;
	z-index: 1;
	box-shadow: 2px 2px 4px #ccc;
	margin: 0 auto;
}

div#mainArea .lawsonfarm_map .farmbase p{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :180px;
	text-align:center;
	font-size: 1.125em;
	color: #007fbb;
	font-weight: bold;
}

div#mainArea .lawsonfarm_map .farmbase p span{
	font-size:0.667em;
}

div#mainArea .lawsonfarmnewarea_con{
overflow: hidden;
}

div#mainArea .lawsonfarmnewarea_con .chibafarm{
 position: relative;
  margin-bottom: 25px;
  padding: 15px;
  border: 2px solid #2da62a;
  border-radius: 5px;
  text-align: left;
	}

	div#mainArea .lawsonfarmnewarea_con .chibafarm h5{
		border-left:none;
		margin-bottom: 20px;
		padding: 0px;
		font-weight: bold;
		font-size: 1.125em;
		text-align: center;
		position: relative;
  display: inline-block;
		padding: 0 60px;
		color:#000;
	}

	div#mainArea .lawsonfarmnewarea_con .chibafarm h5:before, 	div#mainArea .lawsonfarmnewarea_con .chibafarm h5:after {
  content: '';
  position: absolute;
  top: 35%;
  display: inline-block;
		width: 30px;
		height: 8px;
		background: -webkit-repeating-linear-gradient(-45deg,#2da62a 0,#2da62a 10px,#d5f7d6 10px,#d5f7d6 20px);
		background: -o-repeating-linear-gradient(-45deg,#2da62a 0,#2da62a 10px,#d5f7d6 10px,#d5f7d6 20px);
		background: repeating-linear-gradient(-45deg,#2da62a 0,#2da62a 10px,#d5f7d6 10px,#d5f7d6 20px);
}

div#mainArea .lawsonfarmnewarea_con .chibafarm h5:before {
  left:0;
}
div#mainArea .lawsonfarmnewarea_con .chibafarm h5:after {
  right: 0;
}

div#mainArea .lawsonfarmnewarea_con .chibafarm h5{
	padding: 0 100px;
}
div#mainArea .lawsonfarmnewarea_con .chibafarm h5:before, 	div#mainArea .lawsonfarmnewarea_con .chibafarm h5:after {
width: 75px;
}
div#mainArea .lawsonfarmnewarea_con .chibafarm::before{
position: absolute;
right: calc(0% - 15px);
bottom: 60%;
content: "";
width: 25px;
height: 25px;
border-top: solid 2px #2da62a;
border-right: solid 2px #2da62a;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff; /* .txtのborderを地の色で打ち消す */
}

div#mainArea .lawsonfarm_map .farmbase{
position: absolute;
top:13%;
left: 5%;
width:180px;
height:180px;
border-radius: 50%;
background:#ffee1c;
display: inline-block;
z-index: 1;
box-shadow: 2px 2px 4px #ccc;
}


/*レスポンシブ レイアウト
	-----------------------------------------*/

/*スマホ*/

@media print, screen and (min-width:0px) and ( max-width:450px) {

	div#ttlArea h1 img.hologotit{
		margin-right: 0px;
		display: block;
		margin: 0 auto 15px;
	}


}


@media print, screen and (min-width:0px) and ( max-width:767px) {
	div#mainArea	.machicafe_flow{
		display: none;
	}

	div#mainArea	.machiflowbox{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-webkit-flex-pack: justify;
		-moz-flex-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
}

.machicafe_hinshitu{
		width: 70%;
}

div#mainArea h3.kindness_tit img{
	display: block;
	margin:0 auto 10px;
	max-width:100%;
}
div#mainArea h3.borderbot{
	padding: 0;
}

div#mainArea .edu-table th{
	border-bottom:none;
}

div#mainArea .edu-table th,
div#mainArea .edu-table td{
	display: block;
}

div#mainArea .kpibox_tcfd h4{
	margin:-40px auto 0;
}

div#mainArea h5.tcfd_kpitit{
	text-align: center;
}

div#mainArea .kpiflex{
display: block;
}

div#mainArea .kpiflex .kpi01,
div#mainArea .kpiflex .kpi02{
	padding: 10px 0px;
	text-align: center;
}

div#mainArea .kpiflex .kpi01 p,
div#mainArea .kpiflex .kpi02 p{
	font-size:1em;
}

div#mainArea .kpiflex .kpiyear01,
div#mainArea .kpiflex .kpiyear02{
	text-align: center;
}

div#mainArea .kpiflex .kpi02 .kpi_p{
	font-size:1.688em;
	vertical-align: middle;
	color:#006cb8;
	font-weight:bold;
}

div#mainArea .lawsonfarmnewarea_con .chibafarm::before{
	position: absolute;
	left: calc(50% - 20px);
	bottom: -15px;
	content: "";
	width: 25px;
	height: 25px;
	border-top: solid 2px #2da62a;
	border-right: solid 2px #2da62a;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	background-color: #fff; /* .txtのborderを地の色で打ち消す */
}

}

/* スマホ〜タブレット */
@media print, screen and (min-width:768px) and ( max-width:999px) {
		div#mainArea	.attentionRed{
			font-size: 1.625em;/*26px*/
		}
}


@media print, screen and (min-width:768px) and ( max-width:838px)
{
	div#mainArea h3.kindness_tit_co2{
		font-size:1.125em;
	}
}

/* PC〜タブレット */
@media print, screen and (min-width:768px) {
 /*画面サイズが768pxからはここを読み込む*/

	.spbr{
		display: none;
	}

	div#mainArea .environment_tobirabtnarea{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		position: relative;
		z-index: 0;
	}

	div#mainArea .link_environment_btn{
	  flex: 1;
			-webkit-box-flex:1;
			-ms-flex:1;
	}

	div#mainArea .img_environment_btn{
		width: 35%;
		padding: 20px;
	}

	#environment_policy .environment_policy_con{
		width: 80%;
		margin: 0 auto;
	}

	div#mainArea p.steptit{
		margin-bottom: 0px;
	}
	div#mainArea .machiflowbox{
		width: 40%;
		float: none;
	}

	div#mainArea	.machicafe_flow_sp{
		display: none;
	}

	table.sdgsTable{
		table-layout: fixed;
	}

	div#mainArea .sdgsbdrbox span.sdgs_number{
		font-size: 2em;/*32px*/
	}

	div#mainArea .sdgsTable td.sdgs_mokuhyo .sdgsimgbox{
		width: 65%;
	 margin: 0px 2px;
	}

	div#mainArea .sdgsbdrbox{
		overflow: hidden;
	}

	div#mainArea .sdgsbdrbox p.tit_width01{
		width: 43%;
	}

	div#mainArea .sdgsbdrbox p.tit_width02{
		width: 55%;
	}

	div#mainArea .sdgsbdrbox p.tit_width03{
		width: 34%;
	}

	div#mainArea .sdgsbdrbox p.tit_width04{
		width: 65%;
	}

	div#mainArea .sdgskpibox{
		margin: 0 auto;
		width: 80%;
	}

	div#mainArea .sdgskpibox_02{
		margin: 0 auto;
		width: 90%;
	}

div#mainArea h3.kindness_tit{
	text-align: left;
}

div#mainArea h3.kindness_tit span.sdgsicon{
	width: 183px;
	display: block;
	position: absolute;
	bottom:0;
	right: 0;
	text-align: right;
}

div#mainArea h3.kindness_tit span.sdgsicon img{
	width: 22%;
}

div#ttlArea h1.kindnessmaintit img.hologotit{
	vertical-align: bottom;
	margin-right: 10px;
	float: left;
}

div#mainArea .kindnessarea .sdgskpibox{
	margin: 0 auto 10px;
	width: auto;
}

div#mainArea .kindnessarea .sdgsbdrbox .tit_w_01{
	width: 32%;
}

div#mainArea .kindnessarea .sdgsbdrbox .tit_w_02{
	width: 67%;
}


}


@media print, screen and (min-width:960px) {
	div#mainArea .sdgskpibox{
		margin: 0 auto;
		width: 73%;
	}
	div#mainArea .sdgskpibox_02{
		margin: 0 auto;
		width: 85%;
	}

		div#mainArea .lawsonfarmnewarea_con .chibafarm h5{
			font-size: 1.5em;
	}
	div#mainArea .farmimgpoint{
		display: none;
	}
}


@media print, screen and (min-width:1000px) {
 /*画面サイズが1000pxからはここを読み込む*/
	div#mainArea	.attentionRed{
		font-size: 2em;/*32px*/
	}

}