@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Alkatra:wght@400;500;600;700&display=swap');


/* Site layout
-----------------------------------------*/
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,
ol 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,.h2{font-size:3.2rem;}
h3,.h3{font-size:2.7rem;}
h4,.h4{font-size:2.0rem;}
h5,.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 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;
}


/* 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 .navi_tit .hover,
#js-lnav .navi_tit .hover{
	font-weight:600 !important;
	color:#000 !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 .s_n_list{
	width:55%;
}

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

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

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

.sasu_navi_area .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 .s_n_list li ul li{
	display: inline-block;
	margin:10px 5px 0 0;
}

.sasu_navi_area .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;
	font-size:1.6rem;
	background:#ffffff;
}

.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;
	border-radius: 30px;
	border: 1px solid #CCCCCC;
}
.Select_menu .select-box select:focus {
  outline: 1px solid #00f;
}
.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,
div#mainArea .h2{
	text-align: center;
	position: relative;
	display: block;
	padding-bottom:10px;
	margin-bottom:50px;
}

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

div#mainArea .contit{
	border-top:1px solid #0068b9;
	border-bottom:1px solid #0068b9;
	padding:15px 0;
	margin:0 0 30px;
	font-size: 2.7rem;
	text-align: left;
}
div#mainArea h2.h3:before,
div#mainArea .contit:before {
  content: none;
}
div#mainArea .contit span.subcontit,
.pgtit_4 span.subcontit{
	font-size:1.8rem;
	display: block;
}

div#mainArea .contit.sptitmain1{
	border-top:1px solid #1EAAE6;
	border-bottom:1px solid #1EAAE6;
}
div#mainArea .contit.sptitmain2{
	border-top:1px solid #F2CA3A;
	border-bottom:1px solid #F2CA3A;
}
div#mainArea .contit.sptitmain3{
	border-top:1px solid #87441C;
	border-bottom:1px solid #87441C;
}
div#mainArea .contit.sptitmain4{
	border-top:1px solid #5AB43C;
	border-bottom:1px solid #5AB43C;
}
div#mainArea .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 .contit02 span{
 font-size: 1.6rem;
}

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

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

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

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

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

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

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

div#mainArea .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 .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 .tit_bdr{
    margin-bottom: 20px;
   font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
    padding: 0 60px;
    color:#000;
}

div#mainArea .tit_bdr::before,
div#mainArea .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 .tit_bdr::before{left:0;}
div#mainArea .tit_bdr::after{right: 0;}


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

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

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

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


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

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

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

div#mainArea .pgtit_4.fs18{
	font-size:2.1rem;
}
div#mainArea .pgtit_4.clotxt1{border-bottom:1px dashed #004351;}

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

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

div#mainArea .pgtit_5.clotxt1{background:#0068b9;}
div#mainArea .pgtit_5.clotxt2{color: #d55f7d;
background: #ffedf2; text-align: left;}
div#mainArea .pgtit_5.clotxt3{color: #3F98D2;
 background: #e0f1fc; text-align: left;}
div#mainArea .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 .pgtit_6{
	font-size:1.8rem;
	padding: 0 0 5px 25px;
	position: relative;
	border-bottom:1px solid #0068b9;
	margin-bottom:20px;
}

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

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

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

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

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

div#mainArea .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 .pgtit_8 span{
	display: block;
	border-bottom:4px solid #EC85B2;
	padding:0 0 15px 30px;
}

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

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

div#mainArea .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 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,
div#mainArea table.hyo_1 tbody td.sdgs_mokuhyo:first-child{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.sdgs_hoicon{border-left:none;}

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,
div#mainArea table.hyo_1.guide tbody td:first-child,
div#mainArea table.hyo_1 tbody td.sdgs_hoicon{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 .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 .hyoicon::before{
	font-family: 'Material Icons';
	font-size:2.0rem;
}

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

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

div#mainArea table.hyo_1 tbody td .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_1.v3{border-top:1px solid #ccc;}

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 .numlist{counter-reset:numlists;}
div#mainArea .numlist li,
div#mainArea .numlist_nl2 li{
	text-indent: -2.0em;
	margin-left:2.0em;
	font-size:1.5rem;
	margin-bottom:5px;
}

div#mainArea .numlist_nl2.ver2 li{
	text-indent: -2.6em;
	margin-left:2.6em;
}

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

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

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

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

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

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

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

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

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

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

div#mainArea .list02.clo1 li::before{
	content: "・";
	color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div#mainArea .list06 li.list_iconnone{
    padding: 0 0 0 0px;
}

div#mainArea .list06 li.list_iconnone .pdlist25{
	padding: 0 0 0 25px;
}

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

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

/* 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 .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 .int-tit{
	border-bottom: none;
	color:#2fa2cf;
}

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

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

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

div#mainArea .interviewBox .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 .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 .tobiratit{
	border-bottom: none;
	color:#0068b9;
	position: relative;
	padding: 0px 0px 10px;
	margin-bottom: 20px;
}

div#mainArea .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 li{margin-bottom: 20px;}
div#mainArea .link_tobira_btn li:last-child{margin-bottom: 0px;}

div#mainArea .link_tobira_btn 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 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 li a:hover{
	background:#666666;
	text-decoration: none;
}

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

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

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.txtl a{text-align: left;}

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

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

div#mainArea .linkbtn .pdficon::before,
div#mainArea .linkbtn .urlicon::before,
div#mainArea .linkbtn .arrowicon::before,
div#mainArea .linkbtn_mini .pdficon::before,
div#mainArea .linkbtn_mini .urlicon::before,
div#mainArea .linkbtn .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 .pdficon::before,
div#mainArea .linkbtn_mini .pdficon::before,
div#mainArea .linkbtn .policyicon.ppdficon::before{
	content: "\e415";
}
div#mainArea .linkbtn .urlicon::before,
div#mainArea .linkbtn_mini .urlicon::before{
	content: "\e89e";
}
div#mainArea .linkbtn .policyicon::before{
	content: "\e873";
}
div#mainArea .linkbtn .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{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: 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: #004351;}
div#mainArea .linkbtn.bgasp5 a{background: #5AB43C;}
div#mainArea .linkbtn.bgasp6 a{background: #e85298;}
div#mainArea .linkbtn.bgasp7 a{background: #ee5a24;}

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{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 .linkline{
	text-decoration: underline;
}

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

div#mainArea .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 .boxsubInner.mb50{
	margin-bottom: 50px;
}

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 .linklistbox li{margin-bottom:20px;}
div#mainArea .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;
}

div#mainArea .koearea{
	background:#e1f3fa;
	padding: 20px;
	border-radius: 3px;
}

div#mainArea .koearea .koebox{
	background: #fff;
	padding: 20px 20px 15px;
}

div#mainArea .koearea .koebox .koename{
	color: #e6004f;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 30px;
	text-align: right;
}

div#mainArea .koearea .koebox .koename span{
	border:2px solid #fde9ed;
	padding: 8px;
}

div#mainArea .koearea .koebox .koecon{
	padding-bottom: 20px;
}

div#mainArea .koearea .koebox .bdrend{
	border-bottom: none;
}









/* 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 .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 .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 .syohin_txt span{
	background:#ee5a24;
	padding:5px;
}

div#mainArea .co2_point_txt_2 .co2_p_1 .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 .qatit,
div#mainArea .faqbtn.an_icon .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 .qatit{
	padding: 20px 0px 5px 20px;
}

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

div#mainArea .faqbtn.qa_icon a span,
div#mainArea .faqbtn.qa_icon .qatit span,
div#mainArea .faqbtn.an_icon .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 .qatit::before,
div#mainArea .faqbtn.an_icon .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 .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 .qatit::before{
	background: url("/company/activity/customer/images/fag_q_icon.png") left center no-repeat;
}
div#mainArea .faqbtn.an_icon .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 .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 .list06.mark3.sdgs_p01 li::before{color: #f7ab00;}
div#mainArea table.sdgsprom td.sdgs_service .list06.mark3.sdgs_p02 li::before{color: #00ac97;}
div#mainArea table.sdgsprom td.sdgs_service .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 .pgsptit_4{
	font-size:1.8rem;
	font-weight:600;
	padding: 0 0 0 20px;
	margin-bottom:10px;
	position: relative;
}

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

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

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

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

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

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

div#mainArea .bdrsp.bbsp1{border-top:3px dotted #1EAAE6;}
div#mainArea .bdrsp.bbsp2{border-top:3px dotted #F2CA3A;}
div#mainArea .bdrsp.bbsp3{border-top:3px dotted #87441C;}
div#mainArea .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 .pgsptit_5.closp1{border-left:6px solid #1EAAE6;}
div#mainArea .pgsptit_5.closp2{border-left:6px solid #F2CA3A;}
div#mainArea .pgsptit_5.closp3{border-left:6px solid #87441C;}
div#mainArea .pgsptit_5.closp4{border-left:6px solid #5AB43C;}
div#mainArea .pgsptit_5.closp5{border-left:6px solid #e85298;}

/* Contents Special / edusupport/
-----------------------------------------*/
div#mainArea .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 .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 .processtit{
	color:#fff;
	border-bottom: none;
	margin-bottom: 15px;
	padding: 10px;
	text-align: center;
}

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

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

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

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

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

div#mainArea .araiansutit{
	color: #004351;
	margin-bottom: 10px;
	padding: 0px;
	font-weight: bold;
}

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

div#mainArea .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 .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 .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 .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 .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 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 .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 .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 .tit_2{
	margin:20px 0px;
	text-align: center;
	font-size:2.0rem;
}
div#mainArea .bd_original .tit_2.ver2{
	margin:0px 0px 20px;
	font-size:1.7rem;
}

div#mainArea .bd_original .img_bd_1{width:80px;}
div#mainArea .bd_original .img_bd_2{width:150px;}
div#mainArea .bd_original .img_bd_3{max-width:200px;}

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 .line_bdr_3{
	width:100%;
	height:5px;
	background: -webkit-repeating-linear-gradient(-45deg,#004351 0,#004351  10px,#96c0c9  10px,#96c0c9 20px);
	background: -o-repeating-linear-gradient(-45deg,#004351  0,#004351  10px,#96c0c9 10px,#96c0c9 20px);
	background: repeating-linear-gradient(-45deg,#004351  0,#004351  10px,#96c0c9 10px,#96c0c9 20px);
}

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

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

div#mainArea .bd_original.bd_3_o{
	background:#004351;
}

div#mainArea .bd_original.bd_3_o .tit_1{
	background: #004351;
	border: 2px solid #004351;
	width: 180px;
	height: 180px;
}



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

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

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

div#mainArea .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 .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 .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 .yajirushi span{
	background:#5AB43C;
	padding:7px;
}

div#mainArea .lawsonfarmcolumn .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 .comictit{
  position: relative;
  padding: 0;
  border-bottom:none;
}

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

div#mainArea .comictit:before {
  left:0;
}
div#mainArea .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: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
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;
}

div#mainArea .movie_flex .mvimg{
	margin-bottom:0;
}

div#mainArea .movie_flex .mvimg img{
	border-radius:10px;
	border:8px solid #fff;
	display: block;
	padding:0;

}




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

div#mainArea .listlink li a{
	display: block;
	text-decoration: underline;
}
div#mainArea .listlink li a:hover{text-decoration: none;}
div#mainArea .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 .bdrsp.bbsp1{border-top:3px dotted #1EAAE6;}
div#mainArea .bdrsp.bbsp2{border-top:3px dotted #F2CA3A;}
div#mainArea .bdrsp.bbsp3{border-top:3px dotted #87441C;}
div#mainArea .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 25%;}
div#mainArea .featurebox .ftrInner .ftr_box.ftrpd4{margin:0 0 0;}
div#mainArea .featurebox .ftrInner .ftr_box.ftrpd5{margin:0 0 0;}

div#mainArea .ftr_sptit{
	border-radius:50%;
	color:#fff;
	width:180px;
	height:130px;
	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:2rem;
	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,
div#mainArea .ftr_sptit.ftr07::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.ftr07::before{
	border-top: 40px solid #ee5a24;
	right:30px;
}

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;
}
div#mainArea .ftr_sptit.ftr07{
	background: #ee5a24;
	border: 2px solid #ee5a24;
	right:30px;
}

/* Top Contents
-----------------------------------------*/
#container_top .sasubdr_top,
#container_top .sasubdr_bottom{
  position: relative;
}

#container_top .sasubdr_bottom{
	margin-top:-3px;
}

#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.ver2{
	max-width:1280px;
	padding:20px;
	margin:0 auto 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_boxarea.wdt03{
	max-width:1260px;
	margin:0 auto 40px;
}
#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 figure.bdrrd1 img{
	border-radius: 20px;
box-shadow: 3px 4px 8px -4px rgba(0, 0, 0, 0.16);
}

#container_top .topInner01{
	background:#edf6f7;
}

#container_top .topInner03{margin-bottom:60px;}
#container_top .topInner03.mb0{margin-bottom:0px;}
#container_top .topInner03.mb10{margin-bottom:10px;}
#container_top .topInner03.mb20{margin-bottom:20px;}

#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;
	padding:0 20px;
}

#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 .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 .topic_pagetit{
	padding:0px 0px 50px;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .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;
}

#container_top .keyissuesInner{
	max-width:1000px;
	margin:0 auto 50px;
}

#container_top .keyissuesInner .keyissuesbox .kspoint{
	font-size:1.4rem;
	padding:3px 5px;
	color:#fff;
	display:inline-block;
	border-radius:3px 0px 0px 0px;
}

#container_top .keyissuesInner .keyissuesbox .kspoint.clo1{background: #f7ab00;}
#container_top .keyissuesInner .keyissuesbox .kspoint.clo2{background: #00ac97;}
#container_top .keyissuesInner .keyissuesbox .kspoint.clo3{background: #e85298}

#container_top .keyissuesInner .keyissuesbox li{
	background:#fff;
	border-radius:5px;
	box-shadow: 0px 3px 12px -1px rgba(0, 0, 0, 0.16);
}

#container_top .keyissuesInner .keyissuesbox li a{
	color:#000;
	text-decoration: underline;
	display: block;
	padding:12px 14px 14px;
}

#container_top .keyissuesInner .keyissuesbox li a:hover{
	text-decoration:none;
}



.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;
}
div#mainArea .fgbox{
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, 1fr);
}

div#mainArea .fgbox figure{
	display: flex;
	align-items:center;
}
div#mainArea .fgbox figure img{max-width:75px;}
div#mainArea .fgbox figure figcaption{
width: 70%;
background: #BCE6F7;
border-radius: 20px;
padding: 10px;
line-height:1.2;
margin:0;
}

div#mainArea .coldg2_4{
display: grid;
gap: 2rem;
grid-template-columns: repeat(4, 1fr);
}
div#mainArea .coldg3{
display: grid;
gap: 4rem;
grid-template-columns: repeat(3, 1fr);
}
div#mainArea .coldg3.v2{gap: 2rem;}

div#mainArea .sakanabox{
border-radius: 10px;
padding: 20px;
background: #f7f7f7;
}
div#mainArea .sakanabox a{
	color:#000000;
	text-decoration: none;
}
div#mainArea .tnfdbox{background:#E7F8FF;}
div#mainArea .tnfdbox .tit{
background:#2A8AD4;
color: #fff;
font-weight: bold;
font-size:1.7rem;
padding:10px;
text-align: center;
}
div#mainArea .tnfdbox .txt{padding:10px;}

div#mainArea .coldg6{
display: grid;
grid-template-columns: repeat(6, 1fr);
}
div#mainArea .coldg6.v2{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
div#mainArea .coldg6.v2 li{
	text-align: center;
	padding:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

div#mainArea .coldg6.v2 li.pt{border:3px solid red;}






/* Responsible area
-----------------------------------------*/

@media screen and (min-width:0px) and ( max-width:767px) {
/* Select_menu layout
-----------------------------------------*/
.Select_menu{display: none}

/* Title
-----------------------------------------*/
div#mainArea .tit_bdr::before,
div#mainArea .tit_bdr::after{
	width:20%;
}

/* Table Layout
-----------------------------------------*/
div#mainArea .sphyocon{
	overflow: auto;
}
.sphyocon::-webkit-scrollbar {
	height: 5px;
}
.sphyocon::-webkit-scrollbar-track {
	background: #ddd;
}
.sphyocon::-webkit-scrollbar-thumb {
	background:#248df2;
}
.sphyocon table th,
.sphyocon table td {
	white-space: nowrap;
}

/* 横スクロール
-----------------------------------------*/
div#mainArea .scrolllist{overflow: auto;}
.scrolllist::-webkit-scrollbar {height: 5px;}
.scrolllist::-webkit-scrollbar-track {background: #ddd;}
.scrolllist::-webkit-scrollbar-thumb {background:#248df2;}
.scrolllist .coldg6.v2 li{white-space: nowrap;}


div#mainArea table.hyo_2 tbody th,
div#mainArea table.hyo_2 tbody td{
	display: block;
}

div#mainArea table.hyo_2 tbody th,
div#mainArea table.hyo_2.v2 tbody th,
div#mainArea table.hyo_2.v3 tbody th{
	width:100%;
}

div#mainArea table.hyo_2 tbody td,
div#mainArea table.hyo_2 tbody th.bdrr{border-left:none;}

div#mainArea .sp_twoblock{width: 49%;}
div#mainArea .sp_threeblock{width: 33%;}

/* Interview Contents
-----------------------------------------*/

div#mainArea .interviewBox{padding:20px;}
div#mainArea .interviewBox .int-tit{font-size:2.0rem;}
div#mainArea .interviewBox .int-con{padding:15px;}
div#mainArea .interviewBox .intcome{
	display: block;
	text-align: center;
}

/* Contents
-----------------------------------------*/
div#mainArea .linkbtn a{font-size:1.5rem;}

div#mainArea .contentsheight_jigyo{
	display: block;
}

div#mainArea .subboxhight_jigyo{
	display: block;
	width: 100%;
	margin:0 0 20px;
}

/* Contents co2 / co2book
-----------------------------------------*/
div#mainArea .co2_point_txt_2{display: block;}
div#mainArea .co2_point_txt_2 .co2_p_1{
	display: block;
	margin-bottom:20px;
}
div#mainArea .co2_point_txt_2 .co2_p_1 .equal{
	transform:rotate(90deg);
	display: inline-block;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
div#mainArea .co2_point_txt_2 .co2_p_2{margin-left:0px;}

div#mainArea .co2_tit1{
	display:block;
	text-align: center;
}
div#mainArea .co2_tit1 span{margin:0 0 10px;}
div#mainArea .co2_tit1 span.num_t{margin:0;}

div#mainArea .co2_point_txt_2 .co2_p_1 .syohin_txt,
div#mainArea .co2_point_txt_2 .co2_p_1 .syohin_txt span{
	display: block;
	position: relative;
	text-align: center;
}
div#mainArea .co2_point_txt_2 .co2_p_1 .syohin_txt::after{
	border-width: 10px 10px 0 10px;
	border-color:  #ee5a24 transparent transparent transparent;
	display: block;
	margin:0 auto 10px;
}

/* Contents employee/health
-----------------------------------------*/
div#mainArea .em_hlinner .e-h-bg3 p{font-size:1.8rem;}
div#mainArea .em_hlinner .em_hl_txt_1{display: block;}
div#mainArea .em_hlinner .em_hl_txt_1 .em_hl_t_1{margin-right:0px; margin-bottom:10px;}

/* Contents community
-----------------------------------------*/
div#mainArea .area-nav{display: block;}


/* Manga Layout
-----------------------------------------*/
div#mainArea .mangabox01,
div#mainArea .mangabox02,
div#mainArea .mangabox03,
div#mainArea .mangabox04,
div#mainArea .mangabox05{
	padding: 0px 20px;
}

div#mainArea .comictit:before,
div#mainArea .comictit:after {
  width: 29%;
}

#mainArea .comic_box{
	display: block;
}

#mainArea	.comic_box .comic_box_left{
	width: 100%;
	float: none;
	margin-bottom: 20px;
	margin-left:0;
}
#mainArea	.comic_box .comic_box_right {
	width: 100%;
	float: none;
}
#mainArea .comic_box .comic_box_left img,
#mainArea .comic_box .comic_box_right img{
	width:auto;
	margin:0 auto 10px;
}

/* Topics Contents
-----------------------------------------*/
#container_top .csrtopicsarea{
	padding:0 10px;
}

div#mainArea .fgbox{
	display: block;
}
div#mainArea .fgbox figure{
	display: block;
max-width:300px;
margin:0 auto 20px;
}
div#mainArea .fgbox figure img{max-width:75px;}
div#mainArea .fgbox figure figcaption{
width: auto;
background: #BCE6F7;
border-radius: 20px;
padding: 10px;
font-size:1.4rem;
}

div#mainArea .coldg2_4{grid-template-columns: repeat(1, 1fr);}
div#mainArea .bd_original .tit_2{font-size:1.7rem;}
}


@media print, screen and (min-width:768px) {
	div#mainArea img.object_fit_img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}

/* Topics Contents
-----------------------------------------*/
#container_top .csrtopicscon .csrtopicswrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: stretch;
}

#container_top .csrtopicscon .csrtop_topicsbox{
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
}

#container_top .csrtopicscon .csrtopicswrap .csrtop_topicsbox .csrtop_topicsbox_con{
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

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


}

@media screen and (min-width:768px) and ( max-width:999px) {

/* Select_menu layout
-----------------------------------------*/
.Select_menu .select-box {width:70%;}

/* Top Contents
-----------------------------------------*/
#container_top .topInner04 .ftubox .ftuInner{width:48%; margin:0 20px 20px 0;}
#container_top .topInner04 .ftubox .ftuInner:nth-child(2n){margin:0 0px 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{width:48%; margin:0 20px 20px 0;}
#container_top .csrtopicscon .csrtop_topicsbox:nth-child(2n){margin:0 0px 20px 0;}


div#mainArea .coldg2_4{
grid-template-columns: repeat(2, 1fr);
}


}

@media screen and (min-width:0px) and ( max-width:999px) {

	/* breadcrumbs
	-----------------------------------------*/
	#breadcrumbslist{
		padding:73px 0px 10px;
	}
	#breadcrumbslist nav#topicPath ul li{
		font-size:1.2rem;
	}

	/* Sidenavi layout
	-----------------------------------------*/
	.sasu_navi_inner{
		display: block;
	}
	.sasu_navi_area .navi_tit a{
		margin:0 0 20px;
	}
	.sasu_navi_area .s_n_list{
		width:auto;
	}
	.sasu_navi_area .s_n_list li ul li{
		display:block;
		margin:10px 0px 0 30px;
	}

	/* Table Layout
	-----------------------------------------*/
	div#mainArea .spesgcon{
		overflow: auto;
	}
	.spesgcon::-webkit-scrollbar {
		height: 5px;
	}
	.spesgcon::-webkit-scrollbar-track {
		background: #ddd;
	}
	.spesgcon::-webkit-scrollbar-thumb {
		background:#248df2;
	}
	.spesgcon table th,
	.spesgcon table td {
		white-space: nowrap;
	}

	/* Title
	-----------------------------------------*/
	h1{font-size:2.8rem;}
	h2,.h2{font-size:2.4rem;}
	h3,.h3{font-size:2.2rem;}
	h4,.h4{font-size:1.8rem;}
	h5,.h5{font-size:1.6rem;}

	div#mainArea .pgtit_4{font-size:2.2rem;}
	div#mainArea .pgtit_8{font-size:1.8rem;}
	div#mainArea .contit{font-size:2.2rem;}

	/* Interview Contents
	-----------------------------------------*/
	div#mainArea .interviewBox .int-fukidashi{margin:0 0 0 0;}


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

	div#mainArea .linkbtn a,
	div#mainArea .linkbtn_mini a{
		padding: 20px 20px 20px 20px;
		display:block;
	}

	div#mainArea .greenbokin_text{width:100%; margin-bottom:20px;}
	div#mainArea .greenbokin_text .greenbokin_kingaku span{font-size:2.7rem;}
	div#mainArea .greenbokin_img{width:100%;}
	div#mainArea .bokinshien .bokinshien_txt{height:auto;}


	/* Contents tobira
	-----------------------------------------*/
	div#mainArea .tobirabtnarea{display: block; padding:20px;}
	div#mainArea .link_tobira_btn{width:100%; margin-right:0; margin-bottom:20px;}
	div#mainArea .img_tobira_btn{width:100%;}

	/* Contents policy/ethics
	-----------------------------------------*/
	div#mainArea .ethics_process .ethics_process_box_r,
	div#mainArea .ethics_process .ethics_process_box_l{width:100%;}

	/* Contents Special
	-----------------------------------------*/
	div#mainArea .pgsptit.sptxt3{font-size:2.0rem;}

	/* Contents Special / machicafe/
	-----------------------------------------*/
	div#mainArea .machicafe_flow{display:none;}
	div#mainArea .machicafe_flow_sp{display: block;}

	div#mainArea .machiflowbox{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		width:100%;
	}

	div#mainArea .machicafe_hinshitu{
		width: 70%;
	}

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

	div#mainArea .colBlock .hls_tag{
		padding: 10px;
		position: static;
		margin-bottom:20px;
	}

	div#mainArea .hls_fukidashi{display: block;}


	/* preservation/resource/biodiversity/
	-----------------------------------------*/
	div#mainArea .lawsonfarmnewarea_con .farmbox::before{
		right: calc(50% - 15px);
		bottom:-14px;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	div#mainArea .lawsonfarm_map .farmbase{
		position: relative;
		margin:0 auto;
		display: block;
	}

	div#mainArea .lawsonfarmcolumn div.yajirushi span{padding:12px 7px;}

	div#mainArea .lawsonfarmcolumn div.yajirushi::after{
		border-width: 15px 15px 0 15px;
		border-color:  #5AB43C  transparent transparent transparent;
		position: absolute;
		bottom:-8px;
	}

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

	div#mainArea .featurebox{
	padding-bottom:50px;}

	div#mainArea .featurebox .ftr_txt{
		position:static;
		margin-bottom:0px;
	}

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

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


	/* Top Contents
	-----------------------------------------*/
	#container_top .topInner03 .sasutoplinkbox{
		padding:20px;
	}
	#container_top .topInner03 .sasutoplinkbox .ss_top_tit{
		margin-bottom:20px;
	}
	#container_top .topInner03 .sasutoplinkbox .list06 li{
		padding:0;
		margin-bottom:10px;
	}
	#container_top .topInner03 .sasutoplinkbox .list06 li:last-child{margin-bottom:10px;}
	#container_top .topInner03 .sasutoplinkbox .list06 li::before{display: none;}
	#container_top .topInner03 .sasutoplinkbox .list06 li a{
		background:#fff;
		padding:10px 20px;
		border-radius:30px;
	}

	#container_top .sasut_c_box{
		text-align: center;
	}

	#container_top .mstopmb{
		width:100%;
		margin-bottom:20px;
	}
	#container_top .mstopmb figure{
		max-width:320px;
		margin:0 auto;
	}
	#container_top .mstopmb figure img{
		width:100%;
		padding:0;
		margin:0 auto;
	}

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

	#container_top .topInner01{
		padding-bottom:10px;
	}

	div#mainArea .ftr_sptit.ftr05,
	div#mainArea .ftr_sptit.ftr06{
		margin:0 auto 20px;
	}

	div#mainArea .linkbtn.ctrtopbtn{display: block;}
	div#mainArea .linkbtn.tps1.ctrtopbtn{margin:0 20px;}

	#container_top .keyissuesInner{
		margin:0 20px 50px;
	}

	/* message
	-----------------------------------------*/
	div#mainArea .mxInner .txt_1{
		position: static;
	}


	/* Topics Contents
	-----------------------------------------*/
	#container_top .csrtopicscon{
		padding:0 20px;
	}

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

	div#mainArea .subboxhight{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		flex-direction: column;
	}

	div#mainArea .contentsheight02{
		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;
	}

	div#mainArea .contentsheight03{
		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;
	}


	div#mainArea .interviewBox h5.int-tit{
	font-size: 1.5em;
	text-align: left;
	}

	div#mainArea .interviewBox .int-fukidashi{
		padding: 0px 0px 0px 80px;
	}

	div#mainArea .flex_box{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
	}

	div#mainArea .flex_box2{
		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;
	}

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

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

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

	div#mainArea table.esghyo .esgfont_s{
		font-size:0.813em;
	}

	div#mainArea ul.fp_list{
		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;
	}

	div#mainArea .movie_flex .mv_mr{
		margin-right:25px;
	}

	div#mainArea ul.fp_list li{
		width:38%;
		margin-right:20px;
		margin-bottom:20px;
	}

	div#mainArea ul.fp_list li:nth-child(2n){
		margin-right:0px;
	}

	div#mainArea ul.fp_list li.none_1{
		background:none;
		display: block;
	} */


	/*ESGデータ集*/
	div#mainArea .esgscroll,
	div#mainArea .stscroll{
		overflow: auto;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	div#mainArea table.esghyo th,
	div#mainArea table.esghyo td{
		font-size:0.875em;
	}

	div#mainArea table.st-hyo th,
	div#mainArea table.st-hyo td{
		font-size:0.875em;
	}


	div#mainArea .greening_a_hyo td{
		display: block;
	}

	div#mainArea .table03 tbody th.bg01{
		width:55px
	}

	div#mainArea .table03 th,
	div#mainArea .table03 td{
		font-size:0.875em;
	}

	div#mainArea .interviewBox .edu-fukidashi::before{
		display:none;
	}

	div#mainArea .interviewBox .edu-fukidashi_sp::before{
		content: "";
		position: absolute;
		top: -30px;
		left: 46%;
		border: 15px solid transparent;
		border-bottom: 15px solid #fff;
		z-index: 0;
		display: block;
		margin: 0 auto;
	}

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

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

	div#mainArea .movie_flex{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	div#mainArea .movie_flex .w_1{
		width:100%;
	}
	div#mainArea .movie_flex .w_2{
		width:100%;
	}
	div#mainArea .movie_flex .nmb1 {
		order: 1;
	}
	div#mainArea .movie_flex .nmb2 {
		order: 2;
	}
	div#mainArea .mv_btn a{
		width:auto;
	}

	div#mainArea .coldg3{
	gap: 2rem;
	grid-template-columns: repeat(1, 1fr);
	}
}


@media print, screen and (min-width:1000px) {
.wid_c_box1{max-width:500px; margin:0 auto;}
.wid_c_box2{max-width:400px; margin:0 auto;}
.wid_c_box3{max-width:640px; margin:0 auto;}
.wid_c_box4{max-width:250px; margin:0 auto;}
.wid_c_box5{max-width:350px; margin:0 auto;}




/* Contents Special
-----------------------------------------*/
div#mainArea .pgsptit_2.sptx2,
div#mainArea .pgsptit_2.closp1.sptx2,
div#mainArea .pgsptit_2.closp2.sptx2,
div#mainArea .pgsptit_2.closp3.sptx2{
	border-bottom:none;
}



/* Top Contents
-----------------------------------------*/
#container_top .topInner04 .ftubox .ftuInner{width:30%; margin:0 20px 20px 0;}
#container_top .topInner04 .ftubox .ftuInner:nth-child(3n){margin:0 0px 20px 0;}

#container_top .keyissuesInner .keyissuesbox ul{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
}

#container_top .keyissuesInner .keyissuesbox ul li{
	width:35%;
	margin:0 5px;
}

/* Topics Contents
-----------------------------------------*/
#container_top .csrtopicscon .csrtop_topicsbox{width:22%; margin:0 20px 20px 0;}
#container_top .csrtopicscon .csrtop_topicsbox:last-child{margin-right:0px;}

}