@charset "UTF-8";

@media print {

body {
width: 1280px;
transform: scale(0.8);
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform-origin: 0 0;
}
 header,footer{display: none;}
 #footer_sec-01,
 #footer_sec-02,
 #footer_sec-03,
 #pageTop{
  display: none;
 }

 html {
	font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'MS Pゴシック', sans-serif;
	color:#000000;
	font-size: 62.5%;
}

body {
	background:#fff;
	word-wrap: break-word;
}

a,
a:focus,
a:active{
  color:#0068b9;
  text-decoration: none;
}

a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration:underline;
}

a.linkall{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	z-index:3;
}

a.linkall:hover{
	background: rgba(255, 255, 255,0.5);
	z-index:4;
}

p{
	line-height: 1.6;
	font-size: 1.6rem;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	line-height: 1.6;
	font-weight: 600;
}

ul li{
	font-size:1.6rem;
	line-height: 1.6;
}

dl dt,
dl dd{
	font-size:1.6rem;
	line-height: 1.6;
	font-weight: normal;
}

table{
	width:100%;
	border:0;
	border-collapse:collapse;
}

table th,
table td,
table thead th,
table thead td,
table tbody th,
table tbody td{
	font-size:1.6rem;
	line-height: 1.6;
}

h1{font-size:3.6rem;}
h2{font-size:3.2rem;}
h3{font-size:2.7rem;}
h4{font-size:2.0rem;}
h5{font-size:1.8rem;}


/* breadcrumbs
-----------------------------------------*/
#breadcrumbslist{
	border-bottom: 1px solid #ccc;
	padding:140px 0px 10px;
}

#breadcrumbslist nav#topicPath{
	max-width: 1260px;
	margin: 0 auto;
	padding:0 20px;
}

#breadcrumbslist nav#topicPath ul{

}

#breadcrumbslist nav#topicPath ul li{
	color: #999;
	padding-right: 10px;
	padding-left: 16px;
	background: url("/company/activity/images/topicPath_arrow.png") no-repeat left center;
	font-size:1.3rem;
	display:inline-block;
	line-height:1.8;
}

#breadcrumbslist nav#topicPath li:first-child {
	padding-left: 0;
	background: none;
}
/* 
#breadcrumbslist nav#topicPath2015 {
	position: relative;
	margin: 13px auto 0;
	overflow: hidden;
	zoom: 1;
	font-size: 1.3rem;
}

#breadcrumbslist nav#topicPath2015 li{
	display: inline-block;
}

#breadcrumbslist nav#topicPath2015 li a::after {
	color: #999;
	padding-right: 10px;
	padding-left: 10px;
	content: "\f125";
	font-family: "Ionicons";
}

#breadcrumbslist nav#topicPath2015 li:first-child {
	padding-left: 0;
	background: none;
}

#breadcrumbslist nav#topicPath2015 li a:hover {
	color: #63b2ed!important;
}

#breadcrumbslist.contentsNavTtl {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #ededed;
	color: #076cb9;
	text-align: center;
	font-size: 1.3rem;
}

#breadcrumbslist .contentsNav {
	height: 50px;
	margin: 0 auto 20px;
	color: #333;
	font-size: 1.4rem;
	line-height: 50px;
	background: #f7f7f7;
	padding: 0 0 0 20px;
	overflow: hidden;
	zoom: 1;
}

#breadcrumbslist .contentsNav li {
	margin: 0 0 0 60px;
	float: left;
}

#breadcrumbslist .contentsNav li:first-child {
	margin: 0;
}

#breadcrumbslist .contentsNav li a.active,
#breadcrumbslist .contentsNav li a:hover {
	color: #63b2ed;
} */


/* Sidenavi layout
-----------------------------------------*/

#js-lnav li > ul { display: none!important; }
#js-lnav li .memuTitle {
  margin: 0!important;
}

#js-lnav .active > ul { display: block!important; }

#js-lnav .hover,
#js-lnav .hover .memuTitle,
#js-lnav .hover .memuTitle02{
 color: #0068b9!important;
 font-weight:600;
}

.sasu_navi_area{
	background:#EFEFEF;
	padding:40px 20px;
}

.sasu_navi_inner{
	max-width:1260px;
	margin:0 auto;
	padding:0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sasu_navi_area .navi_tit a,
.sasu_navi_area .navi_tit p{
	display: block;
	font-size:1.6rem;
	font-weight:600;
	color:#000;
	margin:20px;
}

.sasu_navi_area .navi_tit a:hover{
	color: #0068b9;
}

.sasu_navi_area ul.s_n_list{
	width:55%;
}

.sasu_navi_area ul.s_n_list li{
	margin-bottom:10px;
}

.sasu_navi_area ul.s_n_list li:last-child{
	margin-bottom:0;
}

.sasu_navi_area ul.s_n_list li a{
	background:#fff;
	color:#000000;
	border-radius:30px;
	padding:10px 50px 10px 20px;
	display: block;
	position: relative;
}

.sasu_navi_area ul.s_n_list li a::before{
	font-family: 'Material Icons';
	content: "\e5e1";
	margin-left:5px;
	font-size:1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top:0;
	bottom:0;
	right:10px;
}

.sasu_navi_area ul.s_n_list li ul li{
	display: inline-block;
	margin:10px 5px 0 0;
}

.sasu_navi_area ul.s_n_list li ul li:last-child{
	margin:10px 0 0 0;
}

/* Select_menu layout
-----------------------------------------*/

.Select_menu{
	max-width:1260px;
	margin:40px auto 60px;
	padding:0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.Select_menu .slc_tit{
	margin:20px;
}

.Select_menu .select-box {
	width:55%;
	cursor: pointer;
	position: relative;
	border-radius:30px;
	font-size:1.6rem;
	background:#ffffff;
	border:1px solid #CCCCCC;
}

.Select_menu .select-box label,
.Select_menu .select-box select{
	display: block;
	width:100%;
	cursor:pointer;
}

.Select_menu .select-box select{
	padding:20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}

.Select_menu .select-box::before{
	font-family: 'Material Icons';
	content: "\e313";
	margin-left:5px;
	font-size:2.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top:0;
	bottom:0;
	right:10px;
}

/* Title
-----------------------------------------*/
#ttlArea{
	clear: both;
	border-bottom: 3px solid #0068b9;
	margin: 30px 20px 40px;
	text-align: center;
}

#ttlArea h1{padding: 0 0 20px;}

#ttlArea h1 span.subtitle{
	color: #0068b9;
	font-size:1.6rem;
	vertical-align: middle;
}

#ttlArea.ftr h1{padding:0;}
#ttlArea.ftr{border-bottom:0;}

div#mainArea h2{
	text-align: center;
	position: relative;
	display: block;
	padding-bottom:10px;
	margin-bottom:50px;
}

div#mainArea h2::before{
	content:"";
	position: absolute;
	bottom:-3px;
	left: 0;
	right:0;
	margin:0 auto;
	width:80px;
	height:3px;
	background:#0068b9;
}

div#mainArea h3.contit{
	border-top:1px solid #0068b9;
	border-bottom:1px solid #0068b9;
	padding:15px 0;
	margin:0 0 30px;
}

div#mainArea h3.contit span.subcontit{
	font-size:1.8rem;
	display: block;
}

div#mainArea h3.contit.sptitmain1{
	border-top:1px solid #1EAAE6;
	border-bottom:1px solid #1EAAE6;
}
div#mainArea h3.contit.sptitmain2{
	border-top:1px solid #F2CA3A;
	border-bottom:1px solid #F2CA3A;
}
div#mainArea h3.contit.sptitmain3{
	border-top:1px solid #87441C;
	border-bottom:1px solid #87441C;
}
div#mainArea h3.contit.sptitmain4{
	border-top:1px solid #5AB43C;
	border-bottom:1px solid #5AB43C;
}
div#mainArea h3.contit02{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	color: #333333;
	text-align: center;
	padding: 15px 0px;
	border-bottom: none;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#e0f0f7 3px, #e0f0f7 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#e0f0f7 3px, #e0f0f7 7px);
	font-weight: bold;
	line-height:1.4;
}

div#mainArea h3.contit02 span{
 font-size: 1.6rem;
}

div#mainArea h4{
	border-bottom:1px dashed #0068b9;
	padding:10px 0;
	margin:0 0 30px;
}

div#mainArea h4.customerTtl{
	border-bottom:none;
	padding:10px;
	margin:0;
	background: #5AB43C;
	color:#fff;
	text-align: center;
}
div#mainArea h4.customerTtl.tit02{
	background:#ee5a24;
}
div#mainArea h4.customerTtl.tit03{
	text-align: left;
	margin:0 0 30px;
}

div#mainArea h4.govtit{
	text-align: center;
	font-size:2.0rem;
	font-weight:600;
	border-bottom:none;
	padding:0;
}

div#mainArea h4.c-h_2{
	background:#ffedf2;
	border-left:5px solid #d55f7d;
	padding:10px;
	margin-bottom:20px;
	text-align:left;
	border-bottom:none;
}

div#mainArea h4.c-h_2.cb{
	border-left:5px solid #3F98D2;
	background:#e0f1fc;
}

div#mainArea h5.asidetit{
	background:#E7F8FF;
	border-left:5px solid #2A8AD4;
	padding:10px;
	margin-bottom:20px;
	text-align:left;
}

div#mainArea h5.asidesubtit{
	background:#E7F8FF;
	color:#2A8AD4;
	font-weight: bold;
	padding:10px;
	margin-bottom:20px;
}

div#mainArea h5.col-greentit{
	border-bottom: none;
	color: #58A600;
	text-shadow: 0 0 5px white;
	border-left: solid 7px #58A600;
	background: -webkit-repeating-linear-gradient(-45deg, #ccf6d3, #ccf6d3 3px,#e2fcf4 3px, #e2fcf4 7px);
	background: repeating-linear-gradient(-45deg, #ccf6d3, #ccf6d3 3px,#e2fcf4 3px, #e2fcf4 7px);
	padding:15px;
	margin-bottom:20px;
}

div#mainArea h5.col-bluetit{
	border-bottom: none;
	color: #2380CC;
	text-shadow: 0 0 5px white;
	border-left: solid 7px #2380CC;
	background: -webkit-repeating-linear-gradient(-45deg, #ccf0f6, #ccf0f6 3px,#e2f8fc 3px, #e2f8fc 7px);
	background: repeating-linear-gradient(-45deg, #ccf0f6, #ccf0f6 3px,#e2f8fc 3px, #e2f8fc 7px);
	padding:15px;
	margin-bottom:20px;
}

div#mainArea h5.tit_bdr{
    margin-bottom: 20px;
   font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
    padding: 0 60px;
    color:#000;
}

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

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


div#mainArea p.pgtit_1{
	font-size:1.8rem;
	font-weight:600;
	padding:10px;
	border-left:6px solid #0068b9;
	margin-bottom:20px;
}

div#mainArea p.pgtit_2{
	font-size:1.8rem;
	font-weight:600;
	padding: 0 0 0 20px;
	margin-bottom:10px;
	position: relative;
}

div#mainArea p.pgtit_2::before{
	font-family: 'Material Icons';
	content: "\ef4a";
	font-size:1.8rem;
	position: absolute;
	top:0;
	left:0;
	color:#0068b9;
}
div#mainArea p.pgtit_2.clo_p_1{
	font-size:1.6rem;
	font-weight:400;
	margin-bottom:0;
}
div#mainArea p.pgtit_2.clotxt1::before{color: #f7ab00;}
div#mainArea p.pgtit_2.clotxt2::before{color: #00ac97;}
div#mainArea p.pgtit_2.clotxt3::before{color: #e85298;}
div#mainArea p.pgtit_2.clotxt4::before{color: #5AB43C;}

div#mainArea p.pgtit_2.numtxt{font-size:1.5rem; margin-bottom:5px;}
div#mainArea p.pgtit_2.numtxt::before{font-size:1.5rem;}


div#mainArea p.pgtit_3{
	font-size:2.0rem;
	font-weight:600;
	color:#0068b9;
	margin-bottom:20px;
}

div#mainArea p.pgtit_3.clotxt1{color:#5AB43C;}
div#mainArea p.pgtit_3.clotxt2{color:#d55f7d;}
div#mainArea p.pgtit_3.clotxt3{color:#3F98D2;}

div#mainArea p.pgtit_4{
	font-size:2.7rem;
	font-weight:600;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dashed #0068b9;
}

div#mainArea p.pgtit_4.fs18{
	font-size:2.1rem;
}

div#mainArea p.pgtit_5{
	background:#DAE8F2;
	padding:15px;
	text-align: center;
	font-weight:600;
	font-size:1.8rem;
	margin-bottom:20px;
}

div#mainArea p.pgtit_5.brtit1{
	background:#0068b9;
	color: #fff;
	border-radius:30px;
}

div#mainArea p.pgtit_5.clotxt1{background:#0068b9;}
div#mainArea p.pgtit_5.clotxt2{color: #d55f7d;
background: #ffedf2; text-align: left;}
div#mainArea p.pgtit_5.clotxt3{color: #3F98D2;
 background: #e0f1fc; text-align: left;}
div#mainArea p.pgtit_5.clotxt_l{text-align: left;}

div#mainArea .plybox_1{counter-reset:pgnum01;}
div#mainArea .plybox_2{counter-reset:pgnum02;}
div#mainArea .plybox_3{counter-reset:numlists_2;}

div#mainArea p.pgtit_6{
	font-size:1.8rem;
	padding: 0 0 5px 25px;
	position: relative;
	border-bottom:1px solid #0068b9;
	margin-bottom:20px;
}

div#mainArea p.pgtit_6.v-2{
	padding: 0 10px 0px 45px;
	border-bottom: none;
	color:#0068b9;
}

div#mainArea p.pgtit_6.v_3{
	padding:0 0 5px 0px;
}

div#mainArea p.pgtit_6::before{
	counter-increment:pgnum01;
	content: counter(pgnum01) ".";
	position: absolute;
	top:0;
	left:0;
}
div#mainArea p.pgtit_6.v-2::before{
	counter-increment:pgnum02;
	content: "（"counter(pgnum02)"）";
}

div#mainArea p.pgtit_6.v_3::before{
	display: none;
}

div#mainArea p.pgtit_7{
	border: 2px solid #0068b9;
	padding: 10px;
	color: #0068b9;
}

div#mainArea p.pgtit_8{
	position: relative;
	font-size:2.1rem;
	border-radius:10px;
	display: block;
	color: #000;
	font-weight:600;
	padding: 44px 0px 35px 85px;
}

div#mainArea p.pgtit_8 span{
	display: block;
	border-bottom:4px solid #EC85B2;
	padding:0 0 15px 30px;
}

div#mainArea p.pgtit_8::before{
	content:"";
	width:105px;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
}

div#mainArea p.pgtit_8.icon_1::before{background: url("/company/activity/sustainability/images/img_ch_icon01.png") left center no-repeat;}
div#mainArea p.pgtit_8.icon_2::before{background: url("/company/activity/sustainability/images/img_ch_icon02.png") left center no-repeat;}
div#mainArea p.pgtit_8.icon_3::before{background: url("/company/activity/sustainability/images/img_ch_icon03.png") left center no-repeat;}
div#mainArea p.pgtit_8.icon_4::before{background: url("/company/activity/sustainability/images/img_ch_icon04.png") left center no-repeat;}

div#mainArea p.pgtit_9{
	border-top:1px solid #1EAAE6;
	border-bottom:1px solid #1EAAE6;
	padding:10px 0;
	margin:0 0 30px;
	color:#1EAAE6;
	text-align: center;
	font-weight: 600;
}


/* Table Layout
-----------------------------------------*/
div#mainArea .sphyocon,
div#mainArea .spesgcon{
	margin-bottom:10px;
}

div#mainArea table.hyo_1{
}

div#mainArea table.hyo_1 thead th{
	background:#2A8AD4;
	color:#fff;
	text-align: center;
	padding: 10px;
	border-left:1px solid #ccc;
	vertical-align: middle;
}

div#mainArea table.hyo_1 thead th:first-child{border-left:none;}
div#mainArea table.hyo_1 thead th.bdbb{border-bottom:1px solid #ccc;}
div#mainArea table.hyo_1 thead th.bdr{border-right:1px solid #ccc;}

div#mainArea table.hyo_1 tbody th,
div#mainArea table.hyo_1 tbody td{
	vertical-align: middle;
	padding: 10px;
	border-bottom:1px solid #ccc;
}

div#mainArea table.hyo_1 tbody th{background:#E3E3E3;}
div#mainArea table.hyo_1 tbody th.bdrr,
div#mainArea table.hyo_1 tbody td.bdrr{border-right:1px solid #ccc;}
div#mainArea table.hyo_1 tbody td{border-left:1px solid #ccc;}
div#mainArea table.hyo_1 tbody th.bdt,
div#mainArea table.hyo_1 tbody td.bdt{border-top:1px solid #ccc;}

div#mainArea table.hyo_1.tch tbody th,
div#mainArea table.hyo_2.tch tbody th{text-align: center;}
div#mainArea table.hyo_1.trh tbody th,
div#mainArea table.hyo_2.trh tbody th{text-align: right;}
div#mainArea table.hyo_1.tcd tbody td,
div#mainArea table.hyo_2.tcd tbody td{text-align: center;}
div#mainArea table.hyo_1.trd tbody td,
div#mainArea table.hyo_2.trd tbody td{text-align: right;}

div#mainArea table.hyo_1 tbody td.text_vlgtop{vertical-align: top;}
div#mainArea table.hyo_1.bdrlno tbody td:first-child,
div#mainArea table.hyo_1.esgdata tbody td:first-child {border-left:none;}

div#mainArea table tbody th.clo_1{background:#8EC4ED;}
div#mainArea table tbody td.clo_1{background:#E7F8FF; font-weight:600;}

div#mainArea table.hyo_1.ohc tbody th,
div#mainArea table.hyo_1.ohc tbody td{
	background:#ee5a24;
	color:#fff;
	text-align: center;
}

div#mainArea table.hyo_1.bhc tbody th{
	background:#2A8AD4;
	color:#fff;
	text-align: center;
}

div#mainArea table.hyo_1 thead th.bhg01{background:#ee5a24;}
div#mainArea table.hyo_1 tbody th.bhg01,
div#mainArea table.hyo_1 tbody td.bdg01{background:#BCE6F7;}
div#mainArea table.hyo_1 tbody th.bhg02,
div#mainArea table.hyo_1 tbody td.bdg02{background:#F0C5DF;}
div#mainArea table.hyo_1 tbody th.bhg03,
div#mainArea table.hyo_1 tbody td.bdg03{background:#E3E3E3;}
div#mainArea table.hyo_1 tbody th.bhg04,
div#mainArea table.hyo_1 tbody td.bdg04{background:#F5E8B8;}


div#mainArea table.hyo_1.bgclo2 thead th{background:#F2CA3A; color: #000;}
div#mainArea table.hyo_1.bgclo2 tbody th{background:#F5E8B8;}
div#mainArea table.hyo_1.bgclo3 thead th{background:#5AB43C;}
div#mainArea table.hyo_1.bgclo3 tbody th{background:#e8fae2;}

div#mainArea table.hyo_1 thead th.esghbg01,
div#mainArea table.hyo_1 thead td.esgdbg01,
div#mainArea table.hyo_1 tbody th.esghbg01,
div#mainArea table.hyo_1 tbody td.esgdbg01{background:#8EC4ED; color: #000000; font-weight: bold;}
div#mainArea table.hyo_1 thead th.esghbg02,
div#mainArea table.hyo_1 thead td.esgdbg02,
div#mainArea table.hyo_1 tbody th.esghbg02,
div#mainArea table.hyo_1 tbody td.esgdbg02{background:#E3E3E3; color: #000000;}
div#mainArea table.hyo_1 thead th.esghbg03,
div#mainArea table.hyo_1 thead td.esgdbg03,
div#mainArea table.hyo_1 tbody th.esghbg03,
div#mainArea table.hyo_1 tbody td.esgdbg03{background:#E7F8FF; color: #000000;}

div#mainArea table.hyo_1 tbody td span.hyoicon{
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

div#mainArea table.hyo_1 tbody td span.hyoicon::before{
	font-family: 'Material Icons';
	font-size:2.0rem;
}

div#mainArea table.hyo_1 tbody td span.hyoicon.i01::before{
	content: "\e5d8";
	color:#c00;
}

div#mainArea table.hyo_1 tbody td span.hyoicon.i01.clo_w::before{
	color:#fff;
}

div#mainArea table.hyo_1 tbody td span.hyoicon.i02::before{
	content: "\e86b";
	color:#666;
}

div#mainArea table.hyo_1.esgdata thead th,
div#mainArea table.hyo_1.esgdata thead td,
div#mainArea table.hyo_1.esgdata tbody th,
div#mainArea table.hyo_1.esgdata tbody td{
	font-size:1.4rem;
}

div#mainArea table.hyo_2{
	border-top:1px solid #ccc;
	margin-bottom:30px;
}
div#mainArea table.hyo_2.mb0{margin-bottom:0px;}

div#mainArea table.hyo_2 tbody th{width:30%;}
div#mainArea table.hyo_2.v2 tbody th{width:50%;}
div#mainArea table.hyo_2.v3 tbody th{width:15%;}

div#mainArea table.hyo_2 tbody th,
div#mainArea table.hyo_2 tbody td{
	vertical-align: middle;
	padding: 10px;
	border-bottom:1px solid #ccc;
}

div#mainArea table.hyo_2 tbody th{background:#E7F8FF;}
div#mainArea table.hyo_2.bgclo2 tbody th{background:#F5E8B8;}
div#mainArea table.hyo_2.bgclo3 tbody th{background:#e0f1fc;}
div#mainArea table.hyo_2 tbody th.clo_1_2{background:#8EC4ED;}
div#mainArea table.hyo_2 tbody td{border-left:1px solid #ccc;}
div#mainArea table.hyo_2 tbody th.bdrr{border-left:1px solid #ccc;}
div#mainArea table.hyo_2.bdrno tbody th,
div#mainArea table.hyo_2.bdrno tbody td{border-left:none;}


/* accordion Table Layout
-----------------------------------------*/
div#mainArea .disAccordion .accordion dt{
	font-size:1.8rem;
	font-weight: bold;
	color: #FFF;
	padding:10px 40px 10px 10px;
	margin: 0 0 3px;
	background: #006cb8 url("/company/activity/social/images/ico_down.gif") 98% 50% no-repeat;
	cursor: pointer;
}
div#mainArea .disAccordion .accordion dt.open {
    background: #006cb8 url("/company/activity/social/images/ico_up.gif") 98% 50% no-repeat;
}
div#mainArea .disAccordion .accordion dd {
	display:none;
	padding: 2px 0 6px 0;
}
div#mainArea .disAccordion .accordion dd.first {
	display: block;
}
div#mainArea .disAccordion .accordion dd table {
	border-collapse: collapse;
	width: 100%;
	border-spacing: 0;
	font-size: 108%;
}
div#mainArea .disAccordion .accordion dd th,
div#mainArea .disAccordion .accordion dd td{
	border-bottom: #ccc 2px solid;
	border-left: #ccc 2px solid;
}

div#mainArea .disAccordion .accordion dd th:first-child,
div#mainArea .disAccordion .accordion dd td:first-child{
	border-left: none;
}

div#mainArea .disAccordion .accordion dd th {
	color: #FFF;
	font-weight: normal;
	background-color: #2A8AD4;
	text-align: center;
	padding: 4px 4px 4px 4px;
}
div#mainArea .disAccordion .accordion dd .th01 {
	width: 135px;
}
div#mainArea .disAccordion .accordion dd .th02 {
	width: 135px;
}
div#mainArea .disAccordion .accordion dd .th03 {
	width: 135px;
}
div#mainArea .disAccordion .accordion dd .th04 {
	width: 150px;
}
div#mainArea .disAccordion .accordion dd td {
	background-color: #fff;
	padding: 7px 12px 7px 12px;
	text-align: left;
	vertical-align: top;
}
div#mainArea .disAccordion .accordion dd tr.bg td {
	background-color: #E3E3E3;
}
div#mainArea #continuationhyo .disAccordion .accordion dd .th01,
div#mainArea #continuationhyo .disAccordion .accordion dd .th02{
	width: 50%;
}

/* table01・02 Table Layout
-----------------------------------------*/

div#mainArea .label {
	padding: 1px 5px;
	color: #FFFFFF;
	background-color: #006cb8;
	border-radius: 3px;
	margin-right: 5px;
  }

div#mainArea .table01{
	margin: 0 auto;
	 width: 100%;
	border-collapse: collapse;
	border: solid 1px #aaaaaa;
  }
  div#mainArea .table01 caption,
  div#mainArea .table02 caption{ text-align: right; font-size:1.6rem; margin-bottom:5px;}
  div#mainArea .table01 tbody tr:nth-child(odd) { background-color: #E7F8FF;}
  div#mainArea .table01 tbody tr th {
	text-align: right;
	font-weight: normal;
  }
  div#mainArea .table01 tbody tr > *{
	border: solid 1px #aaaaaa;
	text-align: right;
	padding: 5px;
  }
  div#mainArea .table01 tbody tr.first-child { background-color: #2A8AD4; color:#fff;}
  div#mainArea .table01 tbody tr.first-child td, #section03 .table01 tbody tr.first-child th {
	  text-align: center;
	  padding: 10px 0px;
  }

  div#mainArea .table02 {
	margin-bottom: 2px;
	border-collapse: collapse;
	border: solid 1px #aaaaaa;
  }
  div#mainArea .table02 tbody tr.total {
	border: 3px #006cb8 solid;
	font-weight: bold;
  }
  div#mainArea .table02 tbody tr > * {
	  border: solid 1px #aaaaaa;
	  padding: 5px;
	  vertical-align: middle;
  }

  div#mainArea .table02 tbody tr:nth-child(odd) { background-color: #E7F8FF; }
  div#mainArea .table02 tbody tr:first-child td {
	  background-color: #2A8AD4; color:#fff;
	  vertical-align: middle;
  }


/* list Layout
-----------------------------------------*/
div#mainArea ul.numlist{counter-reset:numlists;}
div#mainArea ul.numlist li,
div#mainArea ul.numlist_nl2 li{
	text-indent: -2.0em;
	margin-left:2.0em;
	font-size:1.5rem;
	margin-bottom:5px;
}

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

div#mainArea ul.numlist li::before{
	counter-increment:numlists;
	content: "※" counter(numlists);
	padding-right: 5px;
}

div#mainArea .plybox_3 ul.numlist_nl2 li::before{
	counter-increment:numlists_2;
	content: "※" counter(numlists_2);
	padding-right: 5px;
}

div#mainArea ul.list01{
counter-reset:numlist01;
}

div#mainArea ul.list01.mrb01 li{
margin-bottom:5px;
}

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

div#mainArea ul.list01 li{
text-indent: -1.2em;
margin-left: 1.2em;
line-height: 1.8;
}

div#mainArea ul.list01 li::before{
counter-increment:numlist01;
content: counter(numlist01) ".";
padding-right: 5px;
}

div#mainArea ul.list02 li{
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.8;
	margin-bottom:5px;
}

div#mainArea ul.list02 li::before{
content: "・";
color: #0068b9;
}

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

div#mainArea ul.list03{
counter-reset:numlist03;
}

div#mainArea ul.list03 li{
text-indent: -1.7em;
margin-left: 1.7em;
line-height: 1.8;
}

div#mainArea ul.list03 li::before{
counter-increment:numlist03;
content: counter(numlist03)"）";
}

div#mainArea ul.list04{
counter-reset:numlist04;
}

div#mainArea ul.list04 li{
text-indent: -2.7em;
margin-left: 2.7em;
line-height: 1.8;
}

div#mainArea ul.list04 li::before{
counter-increment:numlist04;
content: "（"counter(numlist04)"）";
}

div#mainArea ul.list05 li{
	text-indent: -1.2em;
	margin-left: 1.2em;
	line-height: 1.8;
}

div#mainArea ul.list05 li::before{
	font-family: 'Material Icons';
	content: "\eaaa";
	padding-right: 3px;
	color:#0068b9;
}

div#mainArea ul.list06 li{
	position: relative;
	padding:0 0 0 25px ;
	margin-bottom:3px;
}

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

div#mainArea ul.list06 li::before{
	font-family: 'Material Icons';
	content: "\e86c";
	color:#0068b9;
	position: absolute;
	top:0;
	left:0;
}

div#mainArea ul.list06.mark2 li::before{
	content: "\eb36";
}

div#mainArea ul.list06.mark3 li::before{
	content: "\ef4a";
}

div#mainArea ul.list06.splt1 li::before{color:#1EAAE6;}
div#mainArea ul.list06.splt2 li::before{color:#F2CA3A;}
div#mainArea ul.list06.splt3 li::before{color:#87441C;}
div#mainArea ul.list06.splt4 li::before{color:#5AB43C;}
div#mainArea ul.list06.splt5 li::before{color:#e85298;}
div#mainArea ul.list06.splt6 li::before{color:#ffffff}

div#mainArea ul.list06 li.markno::before{
	display: none;
}

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

div#mainArea ul.list_indent li{
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.8;
}




/* div#mainArea #boxnoteslist ul.numlist_notes li{
text-indent: -1.9em;
margin-left: 1.9em;
}

div#mainArea #boxnoteslist ul.numlist_notes li::before{
counter-increment:boxnoteslist;
content: "※" counter(boxnoteslist);
padding-right: 3px;
}

div#mainArea ul.numlist_notes02{
counter-reset:numlist_notes02;
}

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

div#mainArea ul.numlist_notes02 li::before{
counter-increment:numlist_notes02;
content: "（""※" counter(numlist_notes02)"）";
padding-right: 3px;
}
	
 */
/* Interview Contents
-----------------------------------------*/

div#mainArea .interviewBox{
	overflow: hidden;
	background: #DAE8F2;
	padding: 30px;
	margin-bottom: 20px;
}
div#mainArea .comint{background: #fdf3f3;}
div#mainArea .eduint{background: #F5E8B8;}
div#mainArea .farmint{background: #A7DE95;}

 div#mainArea .interviewBox h5.int-tit{
	font-size:2.2rem;
	padding-bottom:10px;
	margin-bottom: 20px;
	border-bottom: dotted 2px #0068b9;
	border-left: none;
	text-align:left;
}

div#mainArea .interviewBox.comint h5.int-tit{
	border-bottom: none;
	color:#2fa2cf;
}

div#mainArea .interviewBox h5.cafe-color{
	color: #ea8b53;
	border-bottom: dotted 2px #ea8b53;
}

div#mainArea .interviewBox.farmint h5.int-tit{
	border-bottom: dotted 2px #5AB43C;
}

div#mainArea .interviewBox h5.edu-fukidashi{
	border-bottom: none;
	position: relative;
	display: inline-block;
	background: #fff;
	border-radius: 15px;
	padding:15px;
}

div#mainArea .interviewBox h5.edu-fukidashi::before{
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #fff;
z-index: 0;
}


 div#mainArea .interviewBox .int-con{
		background: #fff;
		padding: 20px;
		border-radius:10px;
	}

 div#mainArea .interviewBox	.int-fig{
		font-size:1.4rem;
	}

div#mainArea .interviewBox .int-fukidashi{
	margin:0 70% 0 0;
	padding:5px 0 0;
}

div#mainArea .interviewBox p.intcome{
	display: inline-block;
	background: #fff;
	border:2px solid #2fa2cf;
	border-radius: 10px;
	padding:10px;
	margin-bottom:20px;
	color: #2fa2cf;
	font-weight: bold;
}




/* Contents tobira
-----------------------------------------*/
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 .tobirabtnarea{
	background:#effafc;
	padding:40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div#mainArea .link_tobira_btn{width:70%; margin-right:30px;}
div#mainArea .img_tobira_btn{width:25%;}

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

div#mainArea .link_tobira_btn ul li a{
	display: block;
	color: #fff;
	padding:10px;
	border-radius: 30px;
	background: #0068b9;
	padding: 10px 20px 10px 35px;
	position: relative;
}

div#mainArea .link_tobira_btn ul li a::before{
	font-family: 'Material Icons';
	content: "\e5e1";
	font-size: 1.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
}

div#mainArea .link_tobira_btn ul li a:hover{
	background:#666666;
	text-decoration: none;
}

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

/* Contents
-----------------------------------------*/
#wrapper{
	/* overflow: hidden; */
}

#container{
	max-width:1260px;
	padding:0 20px;
	margin:0 auto;
}

div#mainArea .linkbtn a,
div#mainArea .linkbtn_mini a,
div#mainArea .linklistbox a{
	font-size:1.6rem;
	background: #0068b9;
	color: #fff;
	border-radius:30px;
	text-align: center;
	padding: 20px 20px 20px 20px;
	display: inline-block;
	line-height:1.6;
}

div#mainArea .linkbtn a.pdficon,
div#mainArea .linkbtn a.urlicon,
div#mainArea .linkbtn a.arrowicon,
div#mainArea .linkbtn_mini a.pdficon,
div#mainArea .linkbtn_mini a.urlicon{
	padding: 20px 55px 20px 20px;
	position: relative;
}

div#mainArea .linkbtn a.policyicon{
	padding: 20px 55px 20px 20px;
	display: block;
	position: relative;
	text-align: left;
}

div#mainArea .linkbtn a.pdficon::before,
div#mainArea .linkbtn a.urlicon::before,
div#mainArea .linkbtn a.arrowicon::before,
div#mainArea .linkbtn_mini a.pdficon::before,
div#mainArea .linkbtn_mini a.urlicon::before,
div#mainArea .linkbtn a.policyicon::before{
	font-family: 'Material Icons';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top:0;
	bottom:0;
	right:20px;
	font-size:2.0rem;
}

div#mainArea .linkbtn a.pdficon::before,
div#mainArea .linkbtn_mini a.pdficon::before,
div#mainArea .linkbtn a.policyicon.ppdficon::before{
	content: "\e415";
}
div#mainArea .linkbtn a.urlicon::before,
div#mainArea .linkbtn_mini a.urlicon::before{
	content: "\e89e";
}
div#mainArea .linkbtn a.policyicon::before{
	content: "\e873";
}
div#mainArea .linkbtn a.arrowicon::before{
	content: "\eaaa";
}

div#mainArea .custombtn a{
	padding: 20px 20px 20px 70px;
	position: relative;
	font-size:1.6rem;
	background: #0068b9;
	color: #fff;
	border-radius:30px;
	display: block;
}

div#mainArea .custombtn a::before{
	content:"";
	background: url("/company/activity/customer/images/btn_icon_1.png") left center no-repeat;
	width:60px;
	position: absolute;
	top:0;
	bottom:0;
	left:20px;
}

div#mainArea .linkbtn.ctrtopbtn{
	max-width:300px;
	display: block;
	margin:0 auto;
}
div#mainArea .linkbtn.ctrtopbtn_ver02{
	max-width:200px;
	display: block;
}

div#mainArea .linkbtn.ctrtopbtn_ver03{
	max-width:500px;
	display: block;
	margin:0 auto;
	text-align: center;
}

div#mainArea .linkbtn.ctrtopbtn a,
div#mainArea .linkbtn.ctrtopbtn_ver02 a{
	display: block;
	text-align: left;
}

div#mainArea .linkbtn.lnkb_1 a{background:#5AB43C; display: block;}
div#mainArea .linkbtn.lnkb_2 a{background:#1EAAE6; display: block;}
div#mainArea .linkbtn.lnkb_3 a{background:#e50014; display: block;}
div#mainArea .linkbtn.lnkb_4 a{background:#ee5a24; display: block;}
div#mainArea .linkbtn.lnkb_5 a{background:#2A8AD4; display: block;}

div#mainArea .linkbtn_mini.bokinbtn_o a{background:#e0b100; display: block;}

div#mainArea .linkbtn.bgasp1 a{background: #1EAAE6;}
div#mainArea .linkbtn.bgasp2 a{background: #F2CA3A; color: #000;}
div#mainArea .linkbtn.bgasp3 a{background: #87441C;}
div#mainArea .linkbtn.bgasp4 a{background: #104350;}
div#mainArea .linkbtn.bgasp5 a{background: #5AB43C;}
div#mainArea .linkbtn.bgasp6 a{background: #e85298;}

div#mainArea .linkbtn.hls1 a{background: #F08599;}
div#mainArea .linkbtn.hls2 a{background: #3F98D2;}

div#mainArea .linkbtn.fsc1 a{background: #498a76;}
div#mainArea .linkbtn.fsc2 a{background: #7ab645;}

div#mainArea .linkbtn.tps1 a{background: #36AAB9;}

div#mainArea .linkbtn.mv1 a{background:none; border:2px solid #fff; color:#fff;}

div#mainArea .linkbtn.mv1 a:hover{background:#26BBE0;}

div#mainArea .linkbtn a:hover,
div#mainArea .linkbtn_mini a:hover,
div#mainArea .linklistbox a:hover,
div#mainArea .custombtn a:hover,
div#mainArea a.minibtn:hover{
	background:#666666;
	text-decoration: none;
}
div#mainArea .linkbtn.bgasp2 a:hover{color:#fff;}

div#mainArea .linkbtnflex{
	margin-top: auto;
}

div#mainArea .linkbtn_nostyle a{
	font-size: 1.6rem;
	text-decoration: underline;
}

div#mainArea .linkbtn_nostyle a:hover{
	text-decoration: none;
}

div#mainArea a.linkline{
	text-decoration: underline;
}

div#mainArea a.linkline:hover{
		text-decoration: none;
}

div#mainArea a.minibtn{
	display: inline-block;
	padding:5px;
	background:#0068b9;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	margin-left:5px;
	border-radius:5px;
	text-align: center;
}

div#mainArea{
	margin: 0px 0px 30px;
}

div#mainArea .boxInner{
	margin-bottom: 40px;
	/* overflow: hidden; */
}

div#mainArea .boxInner.wdt{
	max-width:800px;
	margin: 0 auto 40px;
}

div#mainArea .boxsubInner{
	/* overflow: hidden; */
	margin-bottom: 30px;
}

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

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

div#mainArea .policysubbox{
	margin-bottom: 30px;
	padding:0 0 30px 0;
	border-bottom:1px dotted #0068b9;
}	

div#mainArea .policysubbox.bdr0{
	border-bottom:none;
}

div#mainArea .textboxInner{
	margin-bottom: 30px;
}

/* Contents bokin
-----------------------------------------*/
div#mainArea .greenbokin_text{
	background:#F5E8B8;
	width:55%;
	text-align: center;
	padding:30px;
}
div#mainArea .greenbokin_text .greenbokin_tit{
	font-weight:600;
	font-size:2.0rem;
}
div#mainArea .greenbokin_text .greenbokin_kingaku{
	font-weight:600;
}
div#mainArea .greenbokin_text .greenbokin_kingaku span{
	font-weight:600;
	font-size:3.0rem;
}
div#mainArea .greenbokin_img{
	width:30%;
}
div#mainArea .bokinshien{
    box-shadow:0px 0px 5px 3px #f2f2f2 inset;
    border:1px solid #cccccc;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    }
    
div#mainArea .bokinshien .ryokuka,
div#mainArea .bokinshien .shinrin{
	color: #fff;
	padding: 0px 10px;
	background: #7fb001;
	font-size: 1,6rem;
	font-weight: 600;
	line-height: 40px;
}

div#mainArea .bokinshien .ryokuka span{
	background: url("/company/activity/social/bokin/images/block_ttl_bg_icon02.gif") right center no-repeat;
	display: block;
	height: 40px;
	}

div#mainArea .bokinshien .shinrin span{
	background: url("/company/activity/social/bokin/images/block_ttl_bg_icon01.gif") right center no-repeat;
	display: block;
	height: 40px;
	}

div#mainArea .bokinshien .bokinshien_txt{
	padding: 10px;
	height:55%;
}

div#mainArea .bokinshien .treeicon{
	margin-left: auto;
	display: block;
	margin-top: auto;
	padding: 5px;
	width: 56px;
	height: 53px;
}

div#mainArea .contentsheight_jigyo{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	margin-bottom:40px;
}

div#mainArea .subboxhight_jigyo{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	flex-direction: column;
	width: 40%;
	background: #E3E3E3;
	padding: 20px;
	border: 1px solid #cccccc;
	margin:20px 10px 0;
}

/* /bokin/greening_archive/ Contents
-----------------------------------------*/
div#mainArea ul.linklistbox li{margin-bottom:20px;}
div#mainArea ul.linklistbox li a{text-decoration: none;}

div#mainArea .contentIn h5{
	background:#DAE8F2;
	padding:15px;
	text-align: center;
	font-weight:600;
	font-size:1.6rem;
	margin-bottom:20px;
}

div#mainArea .monthTable{
	width: 100%;
 	margin-bottom: 16px;
 	border-collapse: collapse;
}

div#mainArea .monthTable td {
 width: 8%;
 padding: 5px;
 text-align: center;
 border: 1px solid #e7ecf2;
}

div#mainArea .monthTable td a{text-decoration: underline;}
div#mainArea .monthTable td a:hover{text-decoration: none;}
div#mainArea .monthTable_link_l td{
	text-align:left;
	padding: 5px 10px;
}

div#mainArea .boxheight{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

/* Contents co2 / co2book
-----------------------------------------*/
div#mainArea .co2Table th,
div#mainArea .co2Table td{
	font-size: 1.4rem;
}

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

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

div#mainArea .co2Table th.bkth2 {
	padding: 4px 10px 4px 10px;
	background: #E3E3E3;
	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 #ccc;
}
div#mainArea .co2Table td.bktd2 {
	padding: 4px 10px 4px 10px;
	background-color:#FF9;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #ccc;
	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-top: 1px solid #ccc;
	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 #ccc;
}

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

div#mainArea .co2Table td input,
div#mainArea .co2peopletxt input{
	background:#fff;
	box-shadow:0px 0px 2px 1px #f2f2f2;
}

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;
}

div#mainArea .cstmbox01{
	background: #F4F7FB;
	border:1px solid #CCDBED;
	padding: 40px 20px;
	border-radius: 10px;
}

div#mainArea .joinInnerBox{
	background: #fff;
	border:1px solid #CCDBED;
	padding: 15px;
	border-radius: 10px;
}

div#mainArea .co2_tit1{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color:#0068b9;
	font-weight:600;
	font-size:2.1rem;
	margin-bottom:20px;
}

div#mainArea .co2_tit1 span{
	display: block;
	margin-right:20px;
	background:#0068b9;
	color:#fff;
	font-size:1.8rem;
	text-align: center;
	line-height:1;
	padding:10px;
	border-radius:10px;
	font-weight:400;
}

div#mainArea .co2_tit1 span.num_t{
	margin-right:0px;
	padding:5px 0 0;
	font-size:2.7rem;
}

div#mainArea .co2_point_txt_1{
	border:1px solid #ee5a24;
	padding:10px;
	color:#ee5a24;
	font-weight:600;
	font-size:1.8rem;
	margin-bottom:20px;
	background:#fff;
}

div#mainArea .co2_point_txt_2{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom:20px;
}

div#mainArea .co2_point_txt_2 .co2_p_1{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
div#mainArea .co2_point_txt_2 .co2_p_1 .co2_p_1_inner{
	background: rgb(229,241,246);
	background: linear-gradient(0deg, rgba(229,241,246,1) 0%, rgb(185, 235, 255) 100%);
	border:3px solid #CCDBED;
	padding:10px;
	border-radius:10px;
}
div#mainArea .co2_point_txt_2 .co2_p_1 .co2_p_1_inner p{
	font-weight:600;
	text-align: center;
	color:#ee5a24;
}
div#mainArea .co2_point_txt_2 .co2_p_1 .co2_p_1_inner p span.fnt_l{
	font-size:2.4rem;
}
div#mainArea .co2_point_txt_2 .co2_p_1 p.equal{
	font-size:4.0rem;
	padding:0 10px;
}
div#mainArea .co2_point_txt_2 .co2_p_2{
	margin-left:10px;
}

div#mainArea .co2_point_txt_2 .co2_p_1 .co2_p_1_inner.bgco2none{
	background: none;
	border: none;
}

div#mainArea .co2_point_txt_2 .co2_p_1 p.syohin_txt{
	font-size:1.6rem;
	color:#fff;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin:0 5px;
}

div#mainArea .co2_point_txt_2 .co2_p_1 p.syohin_txt span{
	background:#ee5a24;
	padding:5px;
}

div#mainArea .co2_point_txt_2 .co2_p_1 p.syohin_txt::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 30px;
	border-color: transparent transparent transparent #ee5a24;
}

div#mainArea .faqbtn.qa_icon a,
div#mainArea .faqbtn.qa_icon p.qatit,
div#mainArea .faqbtn.an_icon p.antit{
	position: relative;
	font-size:1.6rem;
	border-radius:10px;
	display: block;
	color: #000;
	font-weight:600;
}

div#mainArea .faqbtn.qa_icon a,
div#mainArea .faqbtn.qa_icon p.qatit{
	padding: 20px 0px 5px 20px;
}

div#mainArea .faqbtn.an_icon p.antit{
	padding: 5px 0px 5px 20px;
}

div#mainArea .faqbtn.qa_icon a span,
div#mainArea .faqbtn.qa_icon p.qatit span,
div#mainArea .faqbtn.an_icon p.antit span{
	display: block;
	padding:10px 10px 10px 40px;
	border-radius:10px;
	background:#fff;
}

div#mainArea .faqbtn.qa_icon a::before,
div#mainArea .faqbtn.qa_icon p.qatit::before,
div#mainArea .faqbtn.an_icon p.antit::before{
	content:"";
	width:53px;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
}

div#mainArea .faqbtn.qa_icon a span,
div#mainArea .faqbtn.qa_icon p.qatit span{
	border-top:2px solid #5AB43C;
	border-bottom:2px solid #5AB43C;
	border-right:2px solid #5AB43C;
}

div#mainArea .faqbtn.qa_icon a::before,
div#mainArea .faqbtn.qa_icon p.qatit::before{
	background: url("/company/activity/customer/images/fag_q_icon.png") left center no-repeat;
}
div#mainArea .faqbtn.an_icon p.antit::before{
	background: url("/company/activity/customer/images/fag_a_icon.png") left center no-repeat;
}

div#mainArea .faqbtn.qa_icon a:hover{
	text-decoration: none;
	color:#5AB43C;
}

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

div#mainArea p.faqpoint{
	background:#fffae6;
	color:#009900;
	padding:10px;
	font-weight: 600;
	margin-bottom:20px;
}

/* Contents employee/health
-----------------------------------------*/
div#mainArea .em_hl_cha{
	padding:0;
	border-radius:20px;
}

div#mainArea .em_hl_cha .em_hl_cha_tit{
	font-size:1.8rem;
	text-align: center;
	border-radius:18px 18px 0 0;
	padding:10px;
	color:#fff;
	font-weight:600;
}

div#mainArea .em_hl_cha .em_hl_cha_txt{padding:30px;}
	
div#mainArea .em_hl_cha.em_bch_1{border:2px solid #ED61B8;}
div#mainArea .em_hl_cha.em_bch_2{border:2px solid #5AB43C;}
div#mainArea .em_hl_cha.em_bch_1 .em_hl_cha_tit{background:#ED61B8;}
div#mainArea .em_hl_cha.em_bch_2 .em_hl_cha_tit{background:#5AB43C;}


div#mainArea .em_hlinner .e-h-bg3{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	padding:15px 10px 10px;
}

div#mainArea .em_hlinner .e-h-bg3 p{
	color:#fff;
	font-weight:600;
	font-size:2.0rem;
	margin-left:20px;
}

div#mainArea .em_hlinner .em_hl_box{
	padding:20px;
}

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

div#mainArea .em_hlinner .em_hl_txt_1 .em_hl_t_1{
	text-align: center;
	padding:10px;
	color:#fff;
	font-weight:600;
	margin-right:20px;
	
}

div#mainArea .em_hlinner.em_h_clo1 .em_hl_txt_1 .em_hl_t_1{background:#006cb8;}
div#mainArea .em_hlinner.em_h_clo2 .em_hl_txt_1 .em_hl_t_1{background:#5AB43C}
div#mainArea .em_hlinner.em_h_clo1{border:2px solid #006cb8;}
div#mainArea .em_hlinner.em_h_clo2{border:2px solid #5AB43C;}
div#mainArea .em_hlinner.em_h_clo1 .e-h-bg3{background:#006cb8;}
div#mainArea .em_hlinner.em_h_clo2 .e-h-bg3{background:#5AB43C;}

/* promotion Contents
-----------------------------------------*/
div#mainArea table.sdgsprom td.sdgs_service ul.list06.mark3.sdgs_p01 li::before{color: #f7ab00;}
div#mainArea table.sdgsprom td.sdgs_service ul.list06.mark3.sdgs_p02 li::before{color: #00ac97;}
div#mainArea table.sdgsprom td.sdgs_service ul.list06.mark3.sdgs_p03 li::before{color: #e85298;}

div#mainArea table.sdgsprom td.sdgs_hoicon figure{
	padding:0px 5px;
	margin:0 auto;
	width:100px;
}
div#mainArea table.sdgsprom td.sdgs_mokuhyo figure{
	padding:0px 20px;
	margin:0 auto;
	width:100px;
}
div#mainArea table.sdgsprom td.sdgs_mokuhyo figure.pdm0 img{
	padding-bottom:0;
}

/* Contents policy/ethics
-----------------------------------------*/

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

div#mainArea .ethics_process .ethics_process_box_l{
	width:40%;
}
div#mainArea .ethics_process .ethics_process_box_r{
	width:60%;
}

div#mainArea .ethics_process .ethics_process_box_l::after{
font-family: 'Material Icons';
content: "\e5db";
display: block;
text-align: center;
color:#2378be;
font-size:3.0rem;
}

div#mainArea .ethics_process .ethics_process_box_l.lasticon::after{
	display: none;
}

div#mainArea .ethics_process .ethics_text01{
border-radius: 5px;
border:2px solid #2378be;
padding:5px;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
}

div#mainArea .ethics_process .ethics_text02{
color:#2378be;
font-weight: bold;
text-align: center;
}

div#mainArea .ethics_process .ethics_process_box_l.lastbox::after{
content: "";
}

/* Contents community
-----------------------------------------*/
div#mainArea .area-nav{
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}

div#mainArea .area-nav li{
	box-sizing: border-box;
	width: 100%;
	padding: 0 2px 12px;
	text-align: center;
}

div#mainArea .area-nav li a{
	display: block;
	background-color: #DCEFFD;
	color: #2A8AD4;
	padding: 5px;
	text-decoration: none;
}

div#mainArea .area-nav li a:visited{
	color: #2A8AD4 !important;
}

div#mainArea .area-nav li a:hover{
	background-color: #0b7ed0;
	color: #fff !important;
}

div#mainArea .area-nav li.select{
	background-image: url("/company/activity/social/community/img/index/ico01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#mainArea .area-nav li.select a{
	background-color: #0b7ed0;
	color: #fff !important;
}

div#mainArea .area-table-block{margin-bottom: 15px;}
div#mainArea .area-table{display: none;}
div#mainArea .area-table.select{display: block;}


/* Contents Special
-----------------------------------------*/

div#mainArea .pgsptit{
	padding:15px;
	text-align: center;
	font-weight:600;
	font-size:1.8rem;
	margin-bottom:20px;
	color: #fff;
	border-radius:30px;
}

div#mainArea .pgsptit.sptxt1{
	border-radius:0px;
	margin-bottom:0px;
	max-width:200px;
	padding:10px;
}

div#mainArea .pgsptit.sptxt2{
	border-radius:0px;
	text-align:left;
}

div#mainArea .pgsptit.sptxt3{
	font-size:2.2rem;
	margin-bottom:0px;
	padding:10px;
}

div#mainArea .pgsptit.sptxt4{
	padding:10px;
	font-size:1.6rem;
	display:inline-block;
	border-radius:0px;
}

div#mainArea .pgsptit.sptxt5{
	padding:10px;
	font-size:1.8rem;
	border-radius:0px;
	margin-bottom:0;
	text-align:left;
}

div#mainArea .pgsptit_2{
	font-size:1.8rem;
	font-weight: bold;
	text-align: center;
	padding:10px;
	border:3px solid #ccc;
	background:#EFEFEF;
}

div#mainArea .pgsptit_2.sptxt1{
	text-align:left;
	background:#fff;
}

div#mainArea .pgsptit_3{
	font-size:1.8rem;
	font-weight: bold;
	padding:10px;
}

div#mainArea p.pgsptit_4{
	font-size:1.8rem;
	font-weight:600;
	padding: 0 0 0 20px;
	margin-bottom:10px;
	position: relative;
}

div#mainArea p.pgsptit_4::before{
	font-family: 'Material Icons';
	content: "\ef4a";
	font-size:1.8rem;
	position: absolute;
	top:0;
	left:0;
	color:#0068b9;
}

div#mainArea p.pgsptit_5{
	font-size:1.8rem;
	font-weight:600;
	padding:10px;
	margin-bottom:20px;
}

div#mainArea p.bdrsp{
	display: block;
	width:95%;
	height:2px;
}

div#mainArea p.pgsptit_4.closp1::before{color: #1EAAE6;}
div#mainArea p.pgsptit_4.closp2::before{color: #F2CA3A;}
div#mainArea p.pgsptit_4.closp3::before{color: #87441C;}
div#mainArea p.pgsptit_4.closp4::before{color: #5AB43C;}

div#mainArea p.pgsptit.closp1{background:#1EAAE6;}
div#mainArea p.pgsptit.closp2{background:#F2CA3A; color:#000;}
div#mainArea p.pgsptit.closp3{background:#87441C;}
div#mainArea p.pgsptit.closp4{background:#5AB43C;}
div#mainArea p.pgsptit.closp5{background:#498a76;}
div#mainArea p.pgsptit.closp6{background:#7ab645;}
div#mainArea p.pgsptit.closp7{background:#e85298;}
div#mainArea p.pgsptit.closp_2{background:#BCE6F7; color: #000;}
div#mainArea p.pgsptit.closp2_2{background:#F5E8B8; color: #000;}
div#mainArea p.pgsptit.closp3_2{background:#DECDC3; color: #000;}
div#mainArea p.pgsptit.closp4_2{background:#A7DE95; color: #000;}

div#mainArea p.pgsptit_2.closp1{border:3px solid #1EAAE6;}
div#mainArea p.pgsptit_2.closp2{border:3px solid #F2CA3A;}
div#mainArea p.pgsptit_2.closp3{border:3px solid #87441C;}
div#mainArea p.pgsptit_2.closp4{border:3px solid #5AB43C;}
div#mainArea p.pgsptit_2.closp5{border:3px solid #e85298;}

div#mainArea p.bdrsp.bbsp1{border-top:3px dotted #1EAAE6;}
div#mainArea p.bdrsp.bbsp2{border-top:3px dotted #F2CA3A;}
div#mainArea p.bdrsp.bbsp3{border-top:3px dotted #87441C;}
div#mainArea p.bdrsp.bbsp4{border-top:3px dotted #5AB43C;}

div#mainArea .bdrbbsp.bbsp1{border-bottom:3px solid #1EAAE6;}
div#mainArea .bdrbbsp.bbsp2{border-bottom:3px solid #F2CA3A;}
div#mainArea .bdrbbsp.bbsp3{border-bottom:3px solid #87441C;}
div#mainArea .bdrbbsp.bbsp4{border-bottom:3px solid #5AB43C;}

div#mainArea p.pgsptit_5.closp1{border-left:6px solid #1EAAE6;}
div#mainArea p.pgsptit_5.closp2{border-left:6px solid #F2CA3A;}
div#mainArea p.pgsptit_5.closp3{border-left:6px solid #87441C;}
div#mainArea p.pgsptit_5.closp4{border-left:6px solid #5AB43C;}
div#mainArea p.pgsptit_5.closp5{border-left:6px solid #e85298;}

/* Contents Special / edusupport/
-----------------------------------------*/
div#mainArea p.edu_fukidashi{
	position: relative;
	padding: 10px;
	background: #F2CA3A;
	border-left:none;
	color: #000;
	font-weight: bold;
	font-size:1.8rem;
	margin-bottom:30px;
}

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

/* Contents Special / machicafe/
-----------------------------------------*/

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

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

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: #104350;
	margin-bottom: 10px;
	padding: 0px;
	font-weight: bold;
}

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

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

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

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

/* consumer/safety/
-----------------------------------------*/
div#mainArea .processBlock.select {display: block;}

div#mainArea .processBlock{
	overflow: hidden;
	color: #333;
	display: none;
}

div#mainArea .processLeft{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	margin-bottom: 10px;
}

div#mainArea .processLeft li{
	margin-right: 5px;
	margin-bottom: 5px;
}

div#mainArea .processLeft li:last-child{
	margin-right: 0px;
}

div#mainArea .processLeft li a{
	display: block;
	padding: 10px;
	border-radius: 10px;
	opacity: 0.4;
}

div#mainArea .processLeft li.select a{
	opacity: 1;
}

div#mainArea .processLeft li a.cakelink01{
	background: #f1f6fc;
	color: #000;
	border:3px solid #c2d5ec;
}

div#mainArea .processLeft li a.cakelink02{
	background: #6ea7f0;
	color: #fff;
	border:3px solid #6ea7f0;
}

div#mainArea .processLeft li a.cakelink03{
	background: #578fc2;
	color: #fff;
	border:3px solid #578fc2;
}

div#mainArea .processLeft li a.cakelink04{
	background: #8dcc9f;
	color: #fff;
	border:3px solid #8dcc9f;
}

div#mainArea .processLeft li a.cakelink05{
	background: #e0b28f;
	color: #fff;
	border:3px solid #e0b28f;
}

div#mainArea .processLeft li a.cakelink06{
	background: #668dbf;
	color: #fff;
	border:3px solid #668dbf;
}

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

div#mainArea .processMain.col-1{background: #f1f6fc;border:3px solid #c2d5ec;}
div#mainArea .processMain.col-2{background: #E6F8EE;border:3px solid #8dcc9f;}
div#mainArea .processMain.col-3{background: #FCF7F1;border:3px solid #e0b28f;}
div#mainArea .processMain.col-4{background: #8dcc9f;border:3px solid #668dbf;}

div#mainArea .processMain .ttl{
	color: #fff;
	overflow: hidden;
	line-height: 30px;
	position: relative;
	margin-bottom: 30px;
}

div#mainArea .processMain.col-1 .ttl{background: #7097c7;}
div#mainArea .processMain.col-2 .ttl{background: #93d3a6;}
div#mainArea .processMain.col-3 .ttl{background: #deba9e;}
div#mainArea .processMain.col-4 .ttl{background: #8caad2;}

div#mainArea .processMain .ttl em{
	font-size:2.1em;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	display: block;
}

div#mainArea .processMain .ttl em span{
	position: static;
	font-size:1.4rem;
}

div#mainArea .processMain .ttl span{
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 30px;
	font-size:1.6rem;
}

div#mainArea .processMain .item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
 align-items: center;
	margin-bottom: 10px;
}

div#mainArea .processMain .txt{
	width: 49%;
}

div#mainArea .processMain .pic{
	width: 49%;
}

div#mainArea .processMain .pic img{
	display: block;
 margin:0 auto;
	max-width: 100%;
	height: auto;
}

div#mainArea .processMain.col-1 .balloon{
	background:#68A4F1;
}

div#mainArea .processMain.col-1 .balloon::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #68A4F1;
}

div#mainArea .processMain.col-2 .balloon{
	background:#66B57D;
}

div#mainArea .processMain.col-2 .balloon::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #66B57D;
}

div#mainArea .processMain.col-3 .balloon{
	background:#E2B28B;
}

div#mainArea .processMain.col-3 .balloon::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #E2B28B;
}

div#mainArea .processMain .balloon:before{
	position: absolute;
	top: 20%;
	right: -18px;
}

div#mainArea .processMain .balloon{
	position: relative;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
}

div#mainArea .processMain .balloon span{
	font-weight: bold;
	font-size: 1.2rem;
}

div#mainArea .processMain .balloon span em{
	font-size: 1.6rem;
	font-style: normal;
}

div#mainArea .processMain .arrow{
	padding: 10px 0px;
}

div#mainArea .processMain .picList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

div#mainArea .processMain .picList li{
	width: 49%;
	margin-bottom: 10px;
}

div#mainArea .processMain .picList li img{
	display: block;
	margin: 0 auto 5px;
	max-width: 100%;
}


/* consumer/health/
-----------------------------------------*/
div#mainArea .colBlock{position: relative;}

div#mainArea .colBlock .hls_tag{
	border-radius:13px;
	background: #F08599;
	color:#fff;
	font-size:2.0rem;
	text-align: center;
	padding: 20px;
	position: absolute;
	top:0;
	right:0;
	font-weight:bold;
}

div#mainArea .colBlock.col-blue .hls_tag{background: #3F98D2;}

div#mainArea .colBlock .hls_tit{
	font-size:2.4rem;
	font-weight: bold;
	color:#F08599;
	margin-left:10px;
}

div#mainArea .colBlock.col-blue .hls_tit{color:#3F98D2;}

div#mainArea p.hls_fukidashi{
	position: relative;
	padding: 10px;
	background: #F08599;
	border-left:none;
	color: #000;
	font-weight: bold;
	font-size:1.8rem;
	margin-bottom:15px;
	display: inline-block;
	color: #fff;
}

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

div#mainArea .colBlock.col-pink{
	border: 5px solid #F08599;
	padding: 20px;
	border-radius:20px;
}

div#mainArea .colBlock.col-pink .inner .colInner {
background: #FFEDF2;
}

div#mainArea .colBlock .inner .colInner .bg1 p,
div#mainArea .colBlock .inner .colInner .bg2 p{
	padding: 10px;
}
div#mainArea .colBlock .inner .colInner .bg1 .linkbtn,
div#mainArea .colBlock .inner .colInner .bg2 .linkbtn{
	padding: 10px 10px 20px 10px;
}

div#mainArea .colBlock .inner .colInner .bg1 {
	background: url("/company/activity/social/images/bg4.gif") no-repeat right top;
		width: 100%;
	}
div#mainArea .colBlock .inner .colInner .bg2 {
background: url("/company/activity/social/images/bg5.gif") no-repeat right top;
	width: 100%;
}
   

div#mainArea .colBlock.col-blue{
 border: 5px solid #3F98D2;
 padding: 20px;
 border-radius:20px;
}

div#mainArea .healthBlock2 .healthInner dl{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

div#mainArea .healthBlock2 .healthInner dt{
	font-weight: bold;
	width: 31%;
	font-size:1.6rem;
}

div#mainArea .healthBlock2 .healthInner dd{
	margin-left: 5px;
	width: 66%;
	padding-bottom: 5px;
	font-size:1.6rem;
}

div#mainArea .custhealthcolumn{
	background:#fff;
	border-radius:10px;
	padding:15px;
	border:1px solid #d55f7d;
}

div#mainArea .custhealthcolumn ul li{
	font-size:1.6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom:5px;
}

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

div#mainArea .custhealthcolumn ul li span{
	padding: 0em;
	color: #fff;
	background: #d55f7d;
	font-weight: 900;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 29%);
	display: inline-block;
	margin-right: 1px;
	margin-right: 5px;
}

/* /environment/tcfd/
-----------------------------------------*/
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:200px;
	text-align: center;
	padding:10px;
	color:#fff;
}

div#mainArea h5.tcfd_kpitit{
	font-size:1.8rem;
	border-left:none;
	border-top: solid 1px #0068b9;
	border-bottom:dotted 1px #0068b9;
	margin-bottom:20px;
	padding:10px 0;
}

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:1.6rem;
}

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:2.7rem;
	vertical-align: middle;
	color:#006cb8;
	font-weight:bold;
}

div#mainArea .kpiflex .kpi02 .notes{
	font-size:1.3rem;
}

/* message
-----------------------------------------*/
div#mainArea .mxInner{
}

div#mainArea .mxInner figure{
	position: relative;
	max-width:950px;
	margin:0 auto;
}

div#mainArea .mxInner .txt_1{
	font-size:1.6rem;
	background:#ddecf0;
	padding:20px;
	text-align: center;
	position: absolute;
	bottom:0;
	right:0;
}

div#mainArea .mxInner .txt_1 span{font-size:1.8rem;}

div#mainArea .mxInner .mxbox{
	padding:20px;
}

/* preservation/resource/biodiversity/
-----------------------------------------*/
div#mainArea .bd_original{
	background:#498a76;
	padding:20px;
}

div#mainArea .bd_original .bd_bg_w{
	background:#fff;
	border-radius:10px;
	padding:30px;
}

div#mainArea .bd_original p.tit_1{
	background: #498a76;
	border: 2px solid #498a76;
	position: relative;
	border-radius:50%;
	color:#fff;
	width:150px;
	height:150px;
	text-align: center;
	font-weight: bold;
	margin:0 auto 20px;
}
div#mainArea .bd_original p.tit_1 span{
	font-size:1.8rem;
	width:100%;
	height:100%;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
div#mainArea .bd_original p.tit_2{
	margin:20px 0px;
	text-align: center;
	font-size:2.0rem;
}

div#mainArea .bd_original img.img_bd_1{width:80px;}
div#mainArea .bd_original img.img_bd_2{width:150px;}

div#mainArea .bd_original .line_bdr{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#498a76 0,#498a76  10px,#c9efe4  10px,#c9efe4 20px);
	background: -o-repeating-linear-gradient(-45deg,#498a76  0,#498a76  10px,#c9efe4 10px,#c9efe4 20px);
	background: repeating-linear-gradient(-45deg,#498a76  0,#498a76  10px,#c9efe4 10px,#c9efe4 20px);
}

div#mainArea .bd_original .line_bdr_2{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#7ab645 0,#7ab645  10px,#d2f0b8  10px,#d2f0b8 20px);
	background: -o-repeating-linear-gradient(-45deg,#7ab645  0,#7ab645  10px,#d2f0b8 10px,#d2f0b8 20px);
	background: repeating-linear-gradient(-45deg,#7ab645  0,#7ab645  10px,#d2f0b8 10px,#d2f0b8 20px);
}

div#mainArea .bd_original.bd_2_o{
	background:#7ab645;
}

div#mainArea .bd_original.bd_2_o p.tit_1{
	background: #7ab645;
	border: 2px solid #7ab645;
}

div#mainArea ul.fp_list{
	margin-bottom:20px;
}

div#mainArea ul.fp_list li{
	border-radius:10px;
	padding:20px;
	background:#f7f7f7;
}

div#mainArea ul.fp_list li a{display: block;}
div#mainArea ul.fp_list li a:hover{opacity:0.7;}
div#mainArea ul.fp_list li .fp_tit_2{
	font-size:1.6rem;
	color:#5a2e00;
}

div#mainArea p.fp_tit_1{
	font-size:2.0rem;
	font-weight: bold;
	margin-bottom:20px;
	text-align: center;
	color:#fff;
}

div#mainArea .boxfpInner{
	background:#fff;
	position: relative;
	z-index:1;
	padding:30px 20px 10px;
	border-radius:10px;
}

div#mainArea .boxfpInner .tit_fp{
	text-align: center;
	font-size:1.8rem;
	font-weight: bold;
	padding-bottom:20px;
}

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

div#mainArea .formColumn{
	border:1px solid #5AB43C;
	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: #5AB43C;
	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 .lawsonfarm_map{
	position: relative;
	z-index: 0;
}

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;
}
	
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.8rem;
	color: #007fbb;
	font-weight: bold;
}

div#mainArea .lawsonfarm_map .farmbase p span{
	font-size:1.4rem;
}

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

div#mainArea .lawsonfarmnewarea_con .farmbox::before{
position: absolute;
right: calc(0% - 15px);
bottom: 60%;
content: "";
width: 26px;
height: 26px;
border-top: solid 2px #5AB43C;
border-right: solid 2px #5AB43C;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
}

div#mainArea .lawsonfarmcolumn{
	position: relative;
}

div#mainArea .farm-article{
	border:3px solid #5AB43C;
	padding: 80px 20px 20px;
	border-radius: 10px;
	margin-top: -70px;
}

div#mainArea .farm-articlebox{
	border:3px solid #5AB43C;
	padding:20px;
	border-radius:10px;
}

div#mainArea .lawsonfarmcolumn .coltit{
	position: relative;
	width:140px;
	height:140px;
	border-radius: 50%;
	background:#5AB43C;
	z-index: 1;
	margin:0 auto;
}

div#mainArea .lawsonfarmcolumn .coltit p{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :140px;
	text-align:center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
}

div#mainArea .lawsonfarmcolumn div.yajirushi{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	position: relative;
}

div#mainArea .lawsonfarmcolumn div.yajirushi span{
	background:#5AB43C;
	padding:7px;
}

div#mainArea .lawsonfarmcolumn div.yajirushi::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #5AB43C;
}

/* environment/preservation/waste/
-----------------------------------------*/
div#mainArea .waste_clmbox{
	background:#f7ab00;
	padding:10px;
	margin-bottom:5px;
}

div#mainArea .waste_clmbox .ws_tit{
	font-weight:600;
	text-align: center;
	font-size:1.8rem;
	margin-bottom:10px;
}

div#mainArea .waste_clmbox .waste_clinner{
	background:#fff;
	padding:10px;
	border-radius:10px;
}

div#mainArea .waste_clmbox .waste_clinner .ws_txt,
div#mainArea .waste_clmbox .waste_clinner .ws_indent{
	color:#c00;
	font-weight:600;
	text-align: center;
}

div#mainArea .waste_clmbox .waste_clinner .ws_txt{
	font-size:3.2rem;
}

div#mainArea .waste_clmbox .waste_clinner .ws_indent{
	text-decoration: underline;
}

/* environment/preservation/saving/
-----------------------------------------*/

div#mainArea .svtpbox{
	background:#ffe9eb;
	border-radius:0 0 10px 10px;
}

div#mainArea .svtpbox .svtxt{
	padding:10px 20px 20px;
	text-align: center;
}

/* Manga Layout
-----------------------------------------*/
div#mainArea h3.mangaimgtit{}

div#mainArea h4.comictit{
  position: relative;
  padding: 0;
  border-bottom:none;
}

div#mainArea h4.comictit:before,
div#mainArea h4.comictit:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40%;
  border-top: 10px dotted #fff;
}

div#mainArea h4.comictit:before {
  left:0;
}
div#mainArea h4.comictit:after {
  right: 0;
}

div#mainArea .mangabox01,
div#mainArea .mangabox02,
div#mainArea .mangabox03,
div#mainArea .mangabox04,
div#mainArea .mangabox05{
	padding: 0px 65px;
}

div#mainArea .mangabox01{
	position: relative;
	background: #d2ecfa;
	background: -moz-linear-gradient(top, #d2ecfa 1%, #fcffba 20%);
	background: -webkit-linear-gradient(top, #d2ecfa 1%,#fcffba 20%);
	background: linear-gradient(to bottom, #d2ecfa 1%,#fcffba 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ecfa', endColorstr='#fcffba',GradientType=0 );
	overflow: hidden;
}

div#mainArea .mangabox02{
	position: relative;
	background: #fcffba;
	background: -moz-linear-gradient(top, #fcffba 1%, #c9ffab 20%);
	background: -webkit-linear-gradient(top, #fcffba 1%,#c9ffab 20%);
	background: linear-gradient(to bottom, #fcffba 1%,#c9ffab 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffba', endColorstr='#c9ffab',GradientType=0 );
	overflow: hidden;
}

div#mainArea .mangabox03{
	position: relative;
	background: #c9ffab;
	background: -moz-linear-gradient(top, #c9ffab 1%, #fff0c9 20%);
	background: -webkit-linear-gradient(top, #c9ffab 1%,#fff0c9 20%);
	background: linear-gradient(to bottom, #c9ffab 1%,#fff0c9 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ffab', endColorstr='#fff0c9',GradientType=0 );
	overflow: hidden;
}

div#mainArea .mangabox04{
	position: relative;
	background: #fff0c9;
	background: -moz-linear-gradient(top, #fff0c9 1%, #93c8e6 20%);
	background: -webkit-linear-gradient(top, #fff0c9 1%,#93c8e6 20%);
	background: linear-gradient(to bottom, #fff0c9 1%,#93c8e6 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0c9', endColorstr='#93c8e6',GradientType=0 );
	overflow: hidden;
}

div#mainArea .mangabox05{
	position: relative;
	background: #93c8e6;
	background: -moz-linear-gradient(top,  #93c8e6 1%, #c4c2fa 47%, #86bdf6 100%);
	background: -webkit-linear-gradient(top,  #93c8e6 1%,#c4c2fa 47%,#86bdf6 100%);
	background: linear-gradient(to bottom,  #93c8e6 1%,#c4c2fa 47%,#86bdf6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93c8e6', endColorstr='#86bdf6',GradientType=0 );
	overflow: hidden;
}

div#mainArea .mangafusenarea{
	position: absolute;
	top:50px;
	left: 0;
	right: 0;
	z-index:0;
}

#mainArea .read_comic{
  background-color: #D2ECF9;
  cursor: pointer;
  padding:0px 0px 30px 50px;
}

#mainArea .comic_box{
	margin-bottom: 20px;
	position: relative;
	z-index: 10;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	/* -ms-flex-wrap: wrap;
	flex-wrap: wrap; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

#mainArea .comic_box .comic_box_right p{
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: -15px;
}

#mainArea	.comic_box .comic_box_left{
	width: 35%;
	margin-bottom: 0px;
	margin-right:20px;
}

#mainArea	.comic_box .comic_box_right {
	width: 62%;
}
#mainArea .comic_box .comic_box_left img{
	margin:0 auto 10px;
}

#mainArea .comic_box .comic_box_left img,
#mainArea .comic_box .comic_box_right img{
	max-width: 100%;
	width:300px;
	height: auto;
	display: block;
}

#mainArea .comic_pdf_btn{position: relative;}

#mainArea .pdfcomiclink{
	position: absolute;
	top:30px;
	left: 80px;
}

#mainArea .pdfcomiclink a{display: block;}
#mainArea .pdfcomiclink a:hover{opacity: 0.6;}

/* movie
-----------------------------------------*/
div#mainArea .mv_bg{
	background:rgb(48, 93, 72);
	padding:30px;
	border-radius:30px;
}

div#mainArea .mv_bg .boxInner{
	margin-bottom:50px;
}

div#mainArea .mv_bg .boxInner:last-child{
	margin-bottom:0px;
}

div#mainArea .mv_tit{
	color:#fff;
	font-weight: bold;
	font-size:1.8rem;
	padding-bottom:5px;
}

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

div#mainArea .line_mv_bdr_1{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#C93C6A 0,#C93C6A  10px,#ffe7ef 10px,#ffe7ef 20px);
	background: -o-repeating-linear-gradient(-45deg,#C93C6A  0,#C93C6A  10px,#ffe7ef 10px,#ffe7ef 20px);
	background: repeating-linear-gradient(-45deg,#C93C6A  0,#C93C6A  10px,#ffe7ef 10px,#ffe7ef 20px);
	margin-bottom:20px;
}

div#mainArea .line_mv_bdr_2{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#E8B64D 0,#E8B64D  10px,#f9f2e3  10px,#f9f2e3 20px);
	background: -o-repeating-linear-gradient(-45deg,#E8B64D  0,#E8B64D  10px,#f9f2e3 10px,#f9f2e3 20px);
	background: repeating-linear-gradient(-45deg,#E8B64D  0,#E8B64D  10px,#f9f2e3 10px,#f9f2e3 20px);
	margin-bottom:20px;
}

div#mainArea .line_mv_bdr_3{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#26BBE0 0,#26BBE0  10px,#d8f0f6  10px,#d8f0f6 20px);
	background: -o-repeating-linear-gradient(-45deg,#26BBE0  0,#26BBE0  10px,#d8f0f6 10px,#d8f0f6 20px);
	background: repeating-linear-gradient(-45deg,#26BBE0  0,#26BBE0  10px,#d8f0f6 10px,#d8f0f6 20px);
	margin-bottom:20px;
}

div#mainArea .movie_flex{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	margin-bottom:20px;
}

div#mainArea .movie_flex .w_1{
	width:40%;
}
div#mainArea .movie_flex .w_2{
	width:58%;
}

div#mainArea .movie_flex .mv_txt{
	color:#fff;
	margin-bottom:10px;
}

div#mainArea .mv_bg_box{
	border-radius:0px;
	border:2px solid #fff;
	padding:20px;
}

div#mainArea .mv_bg_box p{
	color:#fff;
}

/* link
-----------------------------------------*/
div#mainArea ul.listlink li{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:20px;
}
div#mainArea ul.listlink li.nobox{border:none;}

div#mainArea ul.listlink li a{
	display: block;
	text-decoration: underline;
}
div#mainArea ul.listlink li a:hover{text-decoration: none;}
div#mainArea ul.listlink li a span.linktxt{
	display: block;
	margin-bottom:20px;
}


/* sitemap
-----------------------------------------*/
div#mainArea .sitemapList .contBox,
div#mainArea .sitemapList .contBox.fulllist .contTitle{
	border-bottom: 1px dashed #ccc;
	padding:0 0 20px;
	margin:0 0 20px;
}
div#mainArea .sitemapList .contBox.fulllist,
div#mainArea .sitemapList .contBox.fulllist .contTitle.mb0{
	border-bottom:none;
	padding:0;
	margin:0;
}

div#mainArea .sitemapList .contBox.sublist .contTitle{
	margin-bottom:20px;
}

div#mainArea .sitemapList .contTitle a{
	font-size:1.8rem;
	padding: 0 0 0 20px;
	position: relative;
	color:#000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div#mainArea .sitemapList .contTitle a::before{
	font-family: 'Material Icons';
	content: "\e5cc";
	font-size:1.8rem;
	position: absolute;
	left:0;
	color:#0068b9;
}

div#mainArea .subContList{
	margin: 0 0 0 20px;
}

div#mainArea .subContList2{
	margin: 0 0 0 10px;
}
div#mainArea .subContList li a,
div#mainArea .subContList2 li a{
	color:#000;
}

div#mainArea .subContList li,
div#mainArea .subContList2 li{
	line-height:1.8;
}


div#mainArea .subContList li::before{
	font-family: 'Material Icons';
	content: "\e5df";
	color:#0068b9;
}
div#mainArea .subContList2 li::before{
	content: "・";
	color:#0068b9;
}


/* feature layout
-----------------------------------------*/

.feature_bg{
	background: rgb(95,175,237);
	background: linear-gradient(180deg, rgba(95,175,237,1) 31%, rgba(213,233,247,1) 81%, rgba(255,255,255,1) 100%);
}

div#mainArea .featurebox{
	overflow: hidden;
	position: relative;
	padding-bottom:100px;
}

div#mainArea .featurebox .ftr_txt{
	position: absolute;
	top:0;
	right:0;
	padding:30px 0 0;
	margin-bottom:100px;
}

div#mainArea .featurebox .ftrInner{
	padding:250px 0 0;
}

div#mainArea .featurebox .ftrInner .ftr_box{
	background:#fff;
	padding:30px;
	border-radius:20px;
	position: relative;
	box-shadow: 3px 4px 8px -4px #767676;
}

div#mainArea p.bdrsp.bbsp1{border-top:3px dotted #1EAAE6;}
div#mainArea p.bdrsp.bbsp2{border-top:3px dotted #F2CA3A;}
div#mainArea p.bdrsp.bbsp3{border-top:3px dotted #87441C;}
div#mainArea p.bdrsp.bbsp4{border-top:3px dotted #5AB43C;}

div#mainArea .featurebox .ftrInner .ftr_box.ftrpd1{margin:0 0 25%;}
div#mainArea .featurebox .ftrInner .ftr_box.ftrpd2{margin:25% 0 25%;}
div#mainArea .featurebox .ftrInner .ftr_box.ftrpd3{margin:0 0 0;}
div#mainArea .featurebox .ftrInner .ftr_box.ftrpd4{margin:0 0 0;}

div#mainArea .ftr_sptit{
	border-radius:50%;
	color:#fff;
	width:120px;
	height:120px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top:-110px;
}

div#mainArea .ftr_sptit.ver2{
	position: relative;
	top:0;
	z-index:1;
}

div#mainArea .ftr_sptit span{
	font-size:2.4rem;
	width:100%;
	height:100%;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div#mainArea .ftr_sptit::before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 0;
	position: absolute;
	bottom:-20px;
}

div#mainArea .ftr_sptit.ftr01::before,
div#mainArea .ftr_sptit.ftr04::before{
	left: 45px;
	transform: rotate(-25deg);
}

div#mainArea .ftr_sptit.ftr02::before,
div#mainArea .ftr_sptit.ftr03::before{
	left: 35px;
	transform: rotate(25deg);
}

div#mainArea .ftr_sptit.ftr05::before,
div#mainArea .ftr_sptit.ftr06::before{
	bottom:0px;
	right:2px;
	transform: rotate(-60deg);
}

div#mainArea .ftr_sptit.ftr01::before{
	border-top: 40px solid #1EAAE6;
	left:50px;
}
div#mainArea .ftr_sptit.ftr02::before{
	border-top: 40px solid #5AB43C;
	right:30px;
}
div#mainArea .ftr_sptit.ftr03::before{
	border-top: 40px solid #87441C;
	right:30px;
}
div#mainArea .ftr_sptit.ftr04::before{
	border-top: 40px solid #F2CA3A;
	left:50px;
}
div#mainArea .ftr_sptit.ftr05::before{
	border-top: 40px solid #36AAB9;
}
div#mainArea .ftr_sptit.ftr06::before{
	border-top: 40px solid #DD7B8B;
}

div#mainArea .ftr_sptit.ftr01{
	background: #1EAAE6;
	border: 2px solid #1EAAE6;
	left:30px;
}
div#mainArea .ftr_sptit.ftr02{
	background: #5AB43C;
	border: 2px solid #5AB43C;
	right:30px;
}
div#mainArea .ftr_sptit.ftr03{
	background: #87441C;
	border: 2px solid #87441C;
	right:30px;
}
div#mainArea .ftr_sptit.ftr04{
	background: #F2CA3A;
	border: 2px solid #F2CA3A;
	color:#000;
	left:30px;
}
div#mainArea .ftr_sptit.ftr05{
	background: #36AAB9;
	border: 2px solid #36AAB9;
}
div#mainArea .ftr_sptit.ftr06{
	background: #DD7B8B;
	border: 2px solid #DD7B8B;
}

/* Top Contents
-----------------------------------------*/
#container_top{}

#container_top .sasubdr_top,
#container_top .sasubdr_bottom{
  position: relative;
}

#container_top .sasubdr_top::before,
#container_top .sasubdr_bottom::before{
  content:"";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8px;
}

#container_top .sasubdr_top::before{
  background: linear-gradient(
    to right, 
    #E5243B 0%, #E5243B 6%,
    #DDA63A 6%, #DDA63A 12%,
    #4C9F38 12%, #4C9F38 18%,
    #C5192D 18%, #C5192D 24%,
	#FF3A21 24%, #FF3A21 30%,
    #26BDE2 30%, #26BDE2 36%,
    #FCC30B 36%, #FCC30B 42%,
    #A21942 42%, #A21942 48%,
	#FD6925 48%, #FD6925 54%,
    #DD1367 54%, #DD1367 60%,
    #FD9D24 60%, #FD9D24 66%,
    #BF8B2E 66%, #BF8B2E 72%,
	#3F7E44 72%, #3F7E44 78%,
    #0A97D9 78%, #0A97D9 84%,
    #56C02B 84%, #56C02B 90%,
    #00689D 90%, #00689D 95%,
	#19486A 95%, #19486A 100%
  );
}

#container_top .sasubdr_bottom::before{
  background: linear-gradient(
    to right,
	#19486A 0%, #19486A 6%,
	#00689D 6%, #00689D 12%,
	#56C02B 12%, #56C02B 18%,
	#0A97D9 18%, #0A97D9 24%,
	#3F7E44 24%, #3F7E44 30%,
	#BF8B2E 30%, #BF8B2E 36%,
	#FD9D24 36%, #FD9D24 42%,
	#DD1367 42%, #DD1367 48%,
	#FD6925 48%, #FD6925 54%,
	#A21942 54%, #A21942 60%,
	#FCC30B 60%, #FCC30B 66%,
	#26BDE2 66%, #26BDE2 72%,
	#FF3A21 72%, #FF3A21 78%,
	#C5192D 78%, #C5192D 84%,
	#4C9F38 84%, #4C9F38 90%,
	#DDA63A 90%, #DDA63A 95%,
    #E5243B 95%, #E5243B 100%
  );
}

#container_top .ss_t_boxarea{
	max-width:1260px;
	padding:20px;
	margin:0 auto 30px;
}

#container_top .ss_t_boxarea.mrauto0{
	margin:0;
	padding:0px 20px;
}

#container_top .ss_t_boxarea.wdt01{
	max-width:970px;
	margin:0 auto 40px;
}
#container_top .ss_t_boxarea.wdt02{
	max-width:750px;
	margin:0 auto 20px;
}

#container_top .ss_t_boxarea02{
	padding:40px 20px;
}

#container_top .sasubdr_top figure{
	position:absolute;
	top:-70px;
	right:0;
}

#container_top .rinen .sasu_t_tit_1{
	background:#36AAB9;
	color:#fff;
	padding:5px;
	border-radius:30px;
	width:180px;
	margin:0 auto -20px;
	text-align: center;
	position: relative;
	z-index:1;
}

#container_top .rinen .sasu_t_tit_2{
	padding:40px 20px;
	background:#FCFDE8;
	border-radius:10px;
	box-shadow: 3px 4px 8px -4px rgba(0, 0, 0, 0.16);
	font-size:2.0rem;
	text-align: center;
}

#container_top .ss_tit{
	font-size:2.1rem;
	font-weight: bold;
}

#container_top .ss_tit_2{
	font-size:3.2rem;
	font-weight: 500;
	font-family: 'Alkatra', cursive;
	color:#36AAB9;
}

#container_top .esgdatatxt{
	position: absolute;
	bottom:20px;
	right:20px;
}

#container_top figure.imgss img{
	border-radius:30px;
	box-shadow: 3px 4px 8px -4px rgba(0, 0, 0, 0.16);
	padding:0;
}

#container_top .topInner03{margin-bottom:60px;}
#container_top .topInner03.mb0{margin-bottom:0px;}

#container_top .topInner03 .sasulinkarea{
	background-image: url("/company/activity/images/top/img_top_23_8.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width:100%;
	padding:100px 0px;
	position: relative;
	z-index:1;
}

#container_top .topInner03 .sasulinkarea::before{
	content:"";
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(255, 255, 255,0.5);
	z-index:2;
}

#container_top .topInner03 .sasulinkarea .sasulink_Box{
	position: relative;
	z-index:3;
}

#container_top .topInner03 .ss_t_area figure img{padding-bottom:0;}
#container_top .topInner03 .ss_t_area.ss_t_e{background:#A7DE95;}
#container_top .topInner03 .ss_t_area.ss_t_s{background:#F0DFA0;}
#container_top .topInner03 .ss_t_area.ss_t_g{background:#BED9ED;}

#container_top .topInner03 .sasutoplinkbox{
	padding:20px 40px;
}

#container_top .topInner03 .sasutoplinkbox p.ss_top_tit{
	margin-bottom:30px;
	font-size:1.8rem;
}

#container_top .topInner03 .sasutoplinkbox a{
	display: block;
	color: #000;
	font-weight:600;
}

#container_top .topInner04.ss_t_bg_4{
	background:#FFF4F7;
	padding:40px 0;
}

#container_top .topInner04 .ftubox{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

#container_top .topInner04 .ftubox .fr_txt{
	background:rgba(255, 255, 255,0.9);
	padding:10px;
	text-align: center;
	width:auto;
	height:70px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	position: absolute;
	bottom:30px;
	left:0;
	right:0;
	margin:0 20px;
	z-index:1;
}

#container_top .topInner04 .ftubox img{
	border-radius:30px;
	box-shadow: 3px 4px 8px -4px rgba(0, 0, 0, 0.16);
	padding:0;
}

#container_top .topInner04 .ftubox .ftuInner{margin:0 0 20px 0;}

/* Topics Contents
-----------------------------------------*/
#container_top .csrtopicscon{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

#container_top .csrtopicscon .csrtop_topicsbox{
	position: relative;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 3px 12px -1px rgba(0, 0, 0, 0.16);
	border-radius:10px;
	margin:0 0 20px;
}

#container_top .csrtopicscon .csrtopicswrap{
	margin-bottom: 30px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .csrtop_topicsbox_con{
	padding: 10px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .csrtop_topicsbox_img{
	margin-bottom: 20px;
	border:1px solid #ccc;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox p.topic_pagetit{
	padding:0px 0px 50px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox p.topic_daytime{
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox a{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
 left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox a:hover{
	background: rgba(255, 255, 255,0.7);
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .tagArea{
	margin-bottom: 20px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .tagArea .tag{
	color: #fff;
	font-size:1.4rem;
	padding: 5px;
	display: inline-block;
	border-radius:5px;
}

#container_top .csrtopicsarea{
	max-width: 1260px;
	padding:0;
}

.tag.social { background: #98222B; }
.tag.kankyo { background: #3E8D4B; }
.tag.fukko { background: #8FAE19; }
.tag.bokin { background: #6F79BF; }
.tag.kanto { background: #6CA0C1; }
.tag.chugoku { background: #6CA0C1;  }
.tag.kyushu { background: #6CA0C1; }
.tag.hokkaido { background: #6CA0C1; }
.tag.kinki { background: #6CA0C1; }
.tag.chubu { background: #6CA0C1; }
.tag.tohoku { background: #6CA0C1; }
.tag.kaigai { background: #6CA0C1; }

/*関連リンク*/
div#mainArea .relationlink li{
	padding: 10px 0px 15px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #6b95c5;
}

div#mainArea .relationlink li a{
	text-indent: -1.1em;
	margin-left: 1.1em;
	display: block;
}

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

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

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

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

div#mainArea .targetTbl 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 .targetTbl th.first,
div#mainArea .targetTbl td.l_none{
	border-left: none;
}

/*ESGデータ集*/
	div#mainArea table.esghyo{
	width:100%;
	border-bottom: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
    border-spacing: 0;
    border-collapse: collapse;
	}

	div#mainArea table.esghyo th,
	div#mainArea table.esghyo td{
		vertical-align: middle;
		padding: 10px 5px;
		border-top: 1px solid #CACACA;
		border-left: 1px solid #CACACA;
	}

	div#mainArea table.esghyo tbody th{
		text-align: left;
		background:#dfeaf8;
	}

	div#mainArea table.esghyo .bg01{
		background:#dfeaf8;
	}

	div#mainArea table.esghyo .bg02{
		background:#e0e0e0;
	}

	div#mainArea table.esghyo .hyotext_c{
		text-align: center;
	}

	div#mainArea table.esghyo .hyotext_r{
		text-align: right;
	}

	div#mainArea table.esghyo .hyotext_l{
		text-align: left;
	}

	div#mainArea table.esghyo	tr.bdrdouble{
		border-top: 4px solid #CACACA;
	}


/*table Layout*/

.table-1{
	border: 0;
	border-spacing: 0;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}
.table-1 thead{
	background-color: #135DA9;
	color: #fff;
}
.table-1 thead th{
	font-weight: normal;
	text-align: center;
	padding: 5px 0;
	border-right: 1px solid #ccc;
}
.table-1 tbody th{
	background-color: #DFEAF9;
	text-align: center;
	font-weight: normal;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table-1 tbody td{
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

div#mainArea ul.histList{
		counter-reset:histLists;
}

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

div#mainArea ul.histList li::before{
counter-increment:histLists;
content: "●";
padding-right: 3px;
color: #1d99d4;
}

div#mainArea .pagelinkblue{
	width: 50%;
	background: #EBF3F9;
}

div#mainArea .pagelinkblue a{
	color: #1f5fa8;
	display: block;
	padding: 10px;
	text-align: center;
}

div#mainArea .pagelinkblue a:hover{
	opacity: 0.6;
}

div#mainArea .contentsBlock table{
	width: 100%;
}

div#mainArea .contentsBlock td.cm3 a{
	text-decoration: underline;
}

div#mainArea .contentsBlock td.cm3 a:hover{
	text-decoration: none;
}

div#mainArea .greening_a_hyo td a.backLink,
div#mainArea .greening_a_hyo td a.nextLink{
	border: 1px solid #0068b9;
	padding:10px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
}

div#mainArea .greening_a_hyo td a.backLink:hover,
div#mainArea .greening_a_hyo td a.nextLink:hover{
	background: #0068b9;
	color: #fff;
}

div#mainArea .greening_a_hyo td.cl3{
	padding: 10px 20px;
}

div#mainArea .greening_a_hyo td.cs3{
	vertical-align: middle;
}

div#mainArea .hyoline{
	background-color: rgb(169, 190, 222);
	padding: 10px 0px;
	margin-bottom: 15px;
}

div#mainArea table.st-hyo{
	width:100%;
	border-bottom: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-spacing: 0;
	border-collapse: collapse;
}

div#mainArea table.st-hyo thead th{
	background:#0068b9;
	color:#fff;
}

div#mainArea table.st-hyo th,
div#mainArea table.st-hyo td{
	vertical-align: middle;
	padding: 10px 5px;
	border-top: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
}

div#mainArea table.st-hyo tbody th{
	text-align: left;
	background:#dfeaf8;
}

div#mainArea table.st-hyo .bg01{
	background:#dfeaf8;
}

div#mainArea table.st-hyo .bg02{
	background:#e0e0e0;
}

div#mainArea table.st-hyo ul.list{
	width:auto;
	margin:0;
}

div#mainArea table.st-hyo ul.list li{
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.8;
	font-size:1em;
}

div#mainArea table.st-hyo ul.list li::before{
	content: "・";
}



/* Common layout
-----------------------------------------*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub{
  bottom: -0.25em;
}

sub.btm{
  bottom: 0em;
}

sup {
  top: -0.5em;
}

sub,
.subText{
	font-size:1.2rem;
}

.note{
	position: relative;
	padding: 0 0 0 15px;
	font-size:1.5rem;
}

.note::before{
	content: "※";
	position: absolute;
	top:0;
	left:0;
}

.note_2{
	position: relative;
	padding: 0 0 0 42px;
	font-size:1.5rem;
}

.note_2::before{
	content: "出展：";
	position: absolute;
	top:0;
	left:0;
}

.notelist ul li{
	font-size:1.5rem;
}

.text_c{text-align: center;}
.text_l{text-align: left;}
.text_r{text-align: right;}

.lineh-txt1{line-height:2.0;}

.flow_con{overflow: hidden;}
.psrlt_con{position: relative;}
.textblock{margin: 0 auto;}
.flex_con{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.flex_con_2{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.flex_con_3{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flexinner{width:50%;}
.flexinner_b_1{width:20%;}
.flexinner_b_2{width:80%;}
.flexinner_b_3{width:60px;}
.flexinner_b_4{width:110px;}
.flexinner_b_5{width:35%;}
.flexinner_b_6{width:80px;}
.flexinner_b_7{width:75%;}
.flexinner_b_8{width:70%;}

.imgblock{
	display: block;
	margin:0 auto;
	max-width: 100%;
}

.imgblock_w100{
	display: block;
	margin:0 auto;
	width: 100%;
}

.imgblock_w50{
	display: block;
	margin:0 auto;
	width: 50%;
}

.imgblock_2{
	display: block;
	margin:0 auto;
	max-width:800px;
}

.imgblock_3{
	display: block;
	margin:0 auto;
	max-width:450px;
}

.imgblock_mat0{
	display: block;
	max-width: 100%;
}

figure{counter-reset:imgcapicon;}
figure img{padding-bottom:8px;}
figure img.mb0{padding-bottom:0px;}
figcaption{
	font-size:1.6rem;
	line-height: 1.6;
	margin:8px 0 0;
}
figcaption.txt_icon{
	text-align: center;
	margin:0 0 8px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
figcaption.txt_icon::before{
	font-family: 'Material Icons';
	content: "\e5c5";
	font-size:3.0rem;
	color:#006cb8;
}
figure.bdrbox{border:1px solid #CCCCCC;}
figure img.bdr_line{border:1px solid #CCCCCC;}
figure.flow_con{position: relative;}
figure.flow_con.pd_m{
	padding-bottom:40px;
	margin-bottom:20px;
}

.wfbox01{
	max-width:400px;
	margin:0 auto;
}

.wfbox02{
	max-width:650px;
	margin:0 auto;
}

.wfbox03{
	max-width:800px;
	margin:0 auto;
}

.font_s{font-size:1.3rem;}
.font_m{font-size:1.8rem}
.font_l{font-size:2.2rem;}
.number_size{font-size:4.0rem;}
.font_b{font-weight: bold;}
.clear{clear: both;}
.spbr{display:none;}
.pinter{cursor: pointer;}

.font_c_b{color: #006cb8;}
.pdf_icon_c{color: #ed1d24;}
.txtRed{color: #c00;}
.ho_color01{color:#f7ab00;}
.ho_color02{color:#00ac97;}
.ho_color03{color:#e85298;}
.clo_txt_1{color:#1EAAE6;}
.clo_txt_2{color:#ED61B8;}
.clo_txt_3{color:#5AB43C;}
.clo_txt_4{color:#F2CA3A;}
.clo_txt_5{color:#87441C;}
.clo_txt_6{color:#151515;}
.clo_txt_7{color:#e50014;}
.clo_txt_8{color:#ee5a24;}
.clo_txt_9{color:#A3A3A3;}
.clo_txt_10{color:#ffffff;}
.clo_txt_11{color:#d55f7d;}
.clo_txt_12{color:#3F98D2;}
.clo_bdr_1{border:1px solid #1EAAE6;}
.clo_bdr_2{border:1px solid #ED61B8;}
.clo_bdr_3{border:1px solid #5AB43C;}
.clo_bdr_4{border:1px solid #F2CA3A;}
.clo_bdr_5{border:1px solid #87441C;}
.clo_bdr_6{border:1px solid #CCCCCC;}
.clo_bdr_7{border:1px solid #e50014;}
.clo_bdr_8{border:1px solid #ee5a24;}
.clo_bdr_9{border:1px solid #f7ab00;}
.clo_bdr_10{border:1px solid #00ac97;}
.clo_bdr_11{border:1px solid #e85298;}
.clo_bg_1{background:#BCE6F7;}
.clo_bg_2{background:#F0C5DF;}
.clo_bg_3{background:#A7DE95;}
.clo_bg_3_2{background:#5AB43C;}
.clo_bg_4{background:#F5E8B8;}
.clo_bg_5{background:#DECDC3;}
.clo_bg_6{background:#E3E3E3;}
.clo_bg_7{background:#ffe3e5;}
.clo_bg_8{background:#ffe6dd;}
.clo_bg_8_2{background:#ee5a24;}
.clo_bg_9{background:#f7ab00;}
.clo_bg_10{background: #00ac97;}
.clo_bg_11{background:#e85298;}

div#mainArea .attentionRed {
	font-weight: bold;
	color: #E6004F;
	font-size:3.2rem;
}
.wdbox_1{
	max-width:600px;
	margin:0 auto;
}
.Redbox{
	border:1px solid #c00;
	padding:15px;
}
.graybox{
	background:#E3E3E3;
	padding:15px;
}

div#mainArea .numtxt{
	font-weight:600;
	font-size:2.0rem;
}
div#mainArea .numtxt span{font-size:6.0rem;}

div#mainArea .greenbox{
	background: #fff;
	border:3px solid #104350;
	padding: 20px;
	border-radius: 10px;
}
div#mainArea .greenbox02{
	background: #ddecf0;
	padding: 20px;
}
div#mainArea .orangebox{
	background: #FFF4EE;
	border:1px solid #EC8D53;
	padding: 20px;
}
div#mainArea .yellowbox{
	border:5px solid #F5E8B8;
	padding: 10px;
	border-radius:10px;
}

.box_lay{
	padding:15px;
}
.box_lay_2{
	padding: 20px;
	border-radius:10px;
}
.box_lay_3{
	padding: 20px;
	background:#fff;
}
.box_lay_4{
	padding: 20px;
	background:#E7F8FF;
}
.box_lay_5{
	padding: 20px;
	background:#FFFEEE;
	border-radius:10px;
	border:2px solid #2A8AD4;
}
.box_lay_6{
	padding: 20px;
	background:#fff;
	border-radius:10px;
}
.box_lay_7{
	background:#2A8AD4;
	padding:20px;
	border-radius:10px;
}
.box_lay_8{
	border:3px solid #5AB43C;
	background:"#ffffff";
	padding:20px;
	border-radius:10px;
}
.box_lay_9{
	background: #fbfbee;
	padding: 20px;
	margin-bottom: 20px;
}
.box_lay_10{
	border:3px solid #ED61B8;
	background:"#ffffff";
	padding:20px;
}
.box_lay_bdr_bb{
	padding:0 0 40px;
	border-bottom:5px dotted #2A8AD4;
}

.box_lay_rd{
	padding:15px;
	border-radius:20px;
}
.box_lay_bdr3{
	padding: 30px;
	border: 3px solid #E3E3E3;
}
.asidebox{
	padding: 20px;
	border: 1px solid #5FAFED;
}
.co2_kmBlock{
	padding: 30px;
	border: 3px solid #E3E3E3;
	border-radius:10px;
}
.co2_mWidth{
	padding: 20px;
	border: 3px solid #ffca7d;
	background:#fffae6;
	border-radius:10px;
}
.co2_mWidth_2{
	padding: 20px;
	border: 2px solid #ffca7d;
	background:#fff;
}
.bluebox{
	background: #e7effa;
	border:1px solid #c8cced;
	padding: 15px;
}
.bluebox02{
	background: #F4F7FB;
	border:1px solid #CCDBED;
	padding: 15px;
	border-radius: 10px;
}
.bluebox03{
	background: #fff;
	border:1px solid #CACACA;
	padding: 20px;
}
.img_arrow{
	background:#006cb8;
	padding:5px;
}
.img_arrow::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 30px;
	border-color: transparent transparent transparent #006cb8;
}

.mb00 {margin-bottom:0px;}
.mb03 {margin-bottom:3px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb29{margin-bottom:29px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}

.pdb05{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}
.pdb50{padding-bottom:50px;}
.pdgcum_top0{padding:0 20px 20px;}

.pdl05{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}

.ml0 {margin-left: 0;}
.ml01 {margin-left: 1px;}
.ml05 {margin-left: 5px;}
.ml08 {margin-left: 8px;}
.ml10 {margin-left: 10px;}
.ml13 {margin-left: 13px;}
.ml14 {margin-left: 14px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml24 {margin-left: 24px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml32 {margin-left: 32px;}
.ml40 {margin-left: 40px;}
.ml53 {margin-left: 53px;}
.ml80 {margin-left: 80px;}

.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}

.mt01 {margin-top: 1px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.indent{
	padding-left: 1em;
	text-indent: -1em;
}
.indent02{
	text-indent: -1.1em;
	margin-left: 1.1em;
}
.indent03{
	text-indent: -2.0em;
	margin-left: 2.0em;
}
.indent04{
	text-indent: -2.7em;
	margin-left: 2.7em;
}

.w100px,
.w500px,
.w650px{
	width: 100%;
}

.moviearea{
	position: relative;
	display: block;
	padding: 0;
	overflow: hidden;
	padding-top: 56%;
	margin-bottom: 1em;
	border:2px solid #ccc;
}

.moviearea iframe,
.moviearea img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.moviearea a{display: block;}
.moviearea a:hover{opacity:0.6;}














 
}