@charset "utf-8";
@media screen and (min-width: 641px), print {

/* -----------------------------------------------------------------------------

	MV

----------------------------------------------------------------------------- */
.mvSub {
	background: url(../csr/img/img_mv.jpg) top center no-repeat #9fc87c;
}
.mvSub.sustainability {
	background: url(../sustainability/img/img_mv.jpg) top center/cover no-repeat #9fc87c;
}
.mvSub h1 b {
	background: url(../csr/img/icon_ttl.png) left center no-repeat;
}
/* -----------------------------------------------------------------------------

	CSR 全体

----------------------------------------------------------------------------- */
.csr .mainImg {
	margin-bottom: 10px;
}
.csr .listDot li {
	margin-left: 13px;
	text-indent: -13px;
}
.csr .listDot li:before {
	content: "・";
}
.csr .comment li {
	margin-top: 6px;
}
.csr .mt li + li {
	margin-top: 12px;
}
.csr .mt1 {
	margin-top: 13px;
}
.csr .notes {
	color: #333;
}
.csr .asterisk {
	margin-top: 15px;
}
.csr .asteriskComment {
	display: block;
	margin-left: 2.5em;
	text-indent: -2.5em;
	line-height: 1.6;
}
.csr .asteriskComment:before {
	content: "※注 " ;
}
.csr  #main .bg2014 {
	background: #EFFCF1;
}
.csr  #main th.bg2015 {
	font-weight: bold;
}
.csr  #main td.bg2015 {
	background: #FFFFDF;
	font-weight: bold;
	color: #044da3;
}
.csr  #main th.bgyear{
	font-weight: bold;
}
.csr  #main td.bgyear {
	background: #FFFFDF;
	font-weight: bold;
	color: #044da3;
}
sup {
	font-size: 70%;
	vertical-align:text-top;
}
sub {
	font-size: 70%;
	vertical-align: bottom;
}

/* -----------------------------------------------------------------------------

	カテゴリートップ

----------------------------------------------------------------------------- */
.categoryTop #main .navList > ul > li {
	width: 230px;
	height: 200px;
	margin: 0 0 30px 20px;
}
.categoryTop #main .navList > ul > li:first-child {
	margin-left: 40px;
}
.categoryTop .navList .col2 ul {
	letter-spacing: -.4em;
}
.categoryTop .navList .col2 ul li {
	width: 480px;
	margin: 0 0 30px 20px;
	display: inline-block;
	letter-spacing: normal;
}
.categoryTop .navList .col2 ul li h2 {
	width: 480px;
}
.categoryTop .navList .col3 ul {
	letter-spacing: -.4em;
}
.categoryTop .navList .col3 ul li {
	width: 310px;
	margin: 0 0 30px 25px;
	display: inline-block;
	letter-spacing: normal;
}
.categoryTop .navList .col3 ul {
	margin-left: -25px;
}
.categoryTop .navList .col3 h2 {
	width: 730px;
}
.categoryTop .navList .col4 {
	margin-top: 10px;
}
.categoryTop .navList .col2 ul,
.categoryTop .navList .col4 ul {
	margin-left: -20px;
}
.categoryTop .navList .col4 ul li {
	width: 230px;
	margin: 0 0 30px 20px;
}
.categoryTop .navList .col4 ul li a img {
	margin-bottom: 0;
}
.categoryTop .navList .col2.bnr {
	margin: 30px 0 0;
}
.categoryTop .newsList {
	margin-top: 60px !important;
}
.categoryTop .newsList .type02:before {
	background: #d5dd4e;
}
.categoryTop .navList h2.ttl {
	font-size: 129%;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-bottom: 1px solid #2372b4;
	height: auto;
	width: 100%;
	display: block;
	text-align: left;
	margin: 25px 0 20px;
	clear: both;
}
.categoryTop .navList h2.ttl a {
	padding: 16px 20px;
	display: block;
	position: relative;
	font-weight: bold;
	box-sizing: border-box;
}
.categoryTop .navList h2.ttl a:hover {
	background-color: #f2faff;
}
.categoryTop .navList h2.ttl a:after {
	background: url(../common/img/icon_arw_blue2.png) 0 center no-repeat;
	width: 30px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}
.categoryTop #main .navList .navInner {
width: 100%;
box-sizing: border-box;
border-top: 1px solid #e9e9e9;
}
.categoryTop #main .navList .navInner ul li:nth-child(3n) {
border-right: 1px solid #e9e9e9;
}
.categoryTop #main .navList .navInner + .navInner {
	margin: 70px 0 40px;
}
.categoryTop .navList .navInner a:hover {
	background-color: #f2faff;
}

.categoryTop .navList .navInner .right a:hover {
	border-right: 1px solid #e9e9e9;
}
.categoryTop .navList .navInner ul {
	margin: 0 -1px -1px;
}
.categoryTop .navList .navInner li {
	width: 326px;
	margin: 0;
	float: left;
	position: relative;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	box-sizing: border-box;
}
.categoryTop .navList .navInner li.null a {
	background: #eee;
	cursor: default;
}
.categoryTop .navList .navInner li:nth-of-type(3n+1) {
	width: 328px;
}
.categoryTop .navList .navInner .col4 li {
	width: 245px;
}
.categoryTop .navList .navInner a {
	padding: 12px 38px 10px;
	display: block;
	font-size: 107%;
	background: url(../common/img/icon_arw_blue4.png) 20px center no-repeat;
	color: #333;
}
.categoryTop .navList .management {
	width: 730px;
	float: left;
	margin-bottom: 25px;
}
.categoryTop .navList .efforts li h2 {
	color: #fff;
}
.categoryTop .navList .efforts li h2 span:after {
	content: url(../common/img/icon_arw_white1.png);
}
.categoryTop .navList .efforts li:nth-child(1) h2 {
	background: #189638;
}
.categoryTop .navList .efforts li:nth-child(2) h2 {
	background: #ef6904;
}
.categoryTop .navList .efforts li:nth-child(3) h2 {
	background: #960830;
}
.categoryTop .navList .efforts li:nth-child(4) h2 {
	background: #f7a208;
}
.categoryTop .navList .efforts li:nth-child(5) h2 {
	background: #bf8b2e;
}
.categoryTop .navList .report {
	margin: 100px 0 0;
	float: right;
}
.categoryTop .navList .report li {
	margin: 0 !important;
}
.categoryTop ul.bnr {
	margin: 40px 0 30px;
}
.categoryTop ul.bnr li {
	float: left;
	margin: 0 25px 25px 0;
}
.categoryTop ul.bnr li img {
	width: 220px;
	height: auto;
}
.categoryTop ul.bnr li:nth-child(3n) {
	margin-right: 0;
}
.categoryTop section.bnr ul {
	width: 980px;
	margin: 0 auto;
}
.categoryTop section.bnr ul li {
    float: left;
    text-align: center;
}
.categoryTop section.bnr {
	padding: 40px 0;
}
.categoryTop section.bnr li {
    margin-right: 16px;
    font-size: 84%;
}
.categoryTop .borderR li:last-child a {
	border-right: 1px solid #e9e9e9;
	margin-right: -1px;
}
.categoryTop #main .navList .navInner ul li a.height {
	padding: 23px 38px 22px;
}

/* リストアイコン
---------------------------------------------*/
.categoryTop .newsList .loveEarth {
	display: inline-block;
	float: left;
	width: 145px;
	padding: 4px 0 4px;
	margin: 0 0 10px 1px;
	background: url(../common/img/bg_news_loveEarth.png);
	text-align: center;
	color: #fff;
	font-size: 84%;
	line-height: 1 !important;
}
.categoryTop .newsList .loveEarth + .ttl {
	width: 683px;
}

/*
2022追加
*/
.categoryTop.sustainability#wrapper {
	margin-top: 45px;
}
.categoryTop.sustainability #main .navList h2 {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 64px;
}
.categoryTop.sustainability #main .navList h2.ttl2 {
	justify-content: flex-start;
	font-size: 129%;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-bottom: 1px solid #2372b4;
	height: auto;
	width: 100%;
	margin: 50px 0 20px;
	padding: 0;
	clear: both;
	position: relative;
	display: block;
	text-align: left;
}
.categoryTop.sustainability #main .navList h2 span {
	display: inline-flex;
	align-items: center;
}
.categoryTop .navList h2.ttl2 a {
	padding: 16px 20px;
  display: block;
  position: relative;
  font-weight: bold;
  box-sizing: border-box;
}
.categoryTop .navList h2.ttl2 a:after {
	background: url(../common/img/icon_arw_blue2.png) 0 center no-repeat;
	width: 30px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}
.categoryTop.sustainability #main .navList ul {
}
.categoryTop.sustainability #main .navList ul.nav-item01 {
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.categoryTop.sustainability #main .navList ul.nav-item01 li {
	width: calc(calc(100% - 140px)/3);
	height: 100%;
	margin: 0 70px 0 0;
}
.categoryTop.sustainability #main .navList ul.nav-item01 li img {
	width: 100%;
}
.categoryTop.sustainability #main .navList ul.nav-item01 li:nth-child(3n) {
	margin-right: 0;
}
.categoryTop.sustainability #main .navList ul.nav-item01 li:nth-child(n+4) {
	margin-top: 30px;
}
.categoryTop.sustainability #main .navList ul.nav-item02 {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
}
.categoryTop.sustainability #main .navList ul.nav-item02 li {
	position: relative;
	width: calc(calc(100% - 74px)/3);
	height: auto;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	margin: 0 37px 0 0;
	font-size: 104%;
}
.categoryTop.sustainability #main .navList ul.nav-item02 li:nth-child(3n) {
	margin-right: 0;
}
.categoryTop.sustainability #main .navList ul.nav-item02 li:nth-child(n+4) {
	margin-top: 21px;
}
.categoryTop.sustainability #main .navList ul.nav-item02 li a {
	display: flex;
	align-items: center;
	height: 64px;
	padding: 0 38px;
	font-size: 107%;
	background: url(../common/img/icon_arw_blue4.png) 20px center no-repeat;
	color: #333;
}
.categoryTop.sustainability #main .navList ul.nav-item02 li a:hover {
	background-color: #f2faff;
}
.categoryTop.sustainability #main .navList ul.nav-bnr {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
}
.categoryTop.sustainability #main .navList ul.nav-bnr li{
	width: 480px;
	height: auto;
	margin: 0 20px 0 0;
}
.categoryTop.sustainability #main .navList ul.nav-bnr li:nth-child(2n) {
	margin-right: 0;
}
.categoryTop.sustainability #main .nav-item01 + .nav-item02 {
	margin-top: 80px;
}
.categoryTop.sustainability #main .nav-item02 + .nav-bnr {
	margin-top: 60px;
}

/* -----------------------------------------------------------------------------

	スペシャルコンテンツ

----------------------------------------------------------------------------- */
.special .links ul {
	margin-left: -40px;
}
.special .links ul li{
	width: 325px;
	float: left;
	margin: 0 0 30px 40px;
}
.special .links ul li a figure img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 5px;
}

/* -----------------------------------------------------------------------------

	CSR コミットメント

----------------------------------------------------------------------------- */
.commitment .mainImg {
	position: relative;
}
.commitment .mainImg p {
/*
	position: absolute;
	top: 70px;
	left: 46px;
	color: #333333;
	font-size: 193%;
*/
}
.commitment #main > section p{
	margin-bottom: 50px;
}
.commitment #main h3 {
	font-size: 190%;
	/* background: linear-gradient(transparent 65%, #d5dd4e 0); */
	display: inline-block;
	color: #004d9f;
	margin-top: 20px;
}
.commitment .name {
	text-align: right;
	margin: -30px 0 15px;
}
.commitment .name .executive {
	font-size: 152%;
}
.commitment h4{
	font-size: 120%;
	padding-bottom: 20px;
}
.commitment .goals img{
	width: 100%;
}

.csr.commitment #main .fltBox .fltL {
	float: left;
}

.csr.commitment #main .imgDouble .imgBox01 {
	width: 340px;
}

.csr.commitment #main .imgDouble .imgBox02 {
	margin-left: 355px;
}
/* -----------------------------------------------------------------------------

	CSR マネジメント

----------------------------------------------------------------------------- */
.csr.management .navList {
	margin: 0 0 40px -70px;
}
.csr.management .navList > ul > li {
	width: 300px;
	margin: 0 0 30px 70px;
	float: left;
	position: relative;
}
.csr.management .navList li.blank a:after {
	position: absolute;
	top: 5px;
	right: 8px;
}
.csr.management .navList > ul > li a {
	background: #f7f7f7;
	display: block;
}
.csr.management .navList > ul > li h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	font-size: 123%;
	text-align: center;
}
.csr.management .navList > ul > li h2 span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
}
.csr.management .navList > ul > li h2 span:after {
	content: url(../common/img/icon_arw_blue2.png);
	position: absolute;
	right: -24px;
	top: 50%;
	padding-right: 22px;
	margin-top: -10px;
}
.csr.management .navList > ul > li img {
	width: 100%;
}
.csr.management .sdgs {
	border: 2px solid #004d9f;
	padding: 20px;
	margin-bottom: 0 !important;
}
.csr.management .sdgs .parts01 {
	width: 260px;
	margin-right: 30px;
}
.csr.management .sdgs h3,
.csr.management .esg h3 {
	border-bottom: 2px solid #004d9f;
	margin: 0 -20px 20px;
	padding: 0 20px 20px;
}
.csr.management .sdgs h4 {
	font-size: 115%;
	margin: 25px 0 10px;
}
.csr.management .esg {
	overflow: hidden;
	border-left: 2px solid #004d9f;
	border-right: 2px solid #004d9f;
	border-bottom: 2px solid #004d9f;
	padding: 20px;
}
.csr.management .esg dl {
	width: 204px;
	float: left;
	padding-top: 125px;
	margin-left: 16px;
}
.csr.management .esg dl:nth-of-type(1) {
	background: url(../csr/management/img/img_environment.jpg) left top no-repeat;
	margin-left: 0;
}
.csr.management .esg dl:nth-of-type(2) {
	background: url(../csr/management/img/img_social.jpg) left top no-repeat;
}
.csr.management .esg dl:nth-of-type(3) {
	background: url(../csr/management/img/img_governance2.jpg) left top no-repeat;
}
.csr.management .esg > p {
	margin-bottom: 13px;
}
.csr.management .esg dt {
	font-size: 110%;
	font-weight: bold;
	border-bottom: 3px solid #97cea2;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.csr.management .esg dl:nth-of-type(2) dt {
	border-color: #f4a46c;
}
.csr.management .esg dl:nth-of-type(3) dt {
	border-color: #92d2e1;
}
.csr.management .esg dt span {
	display: block;
	font-size: 110%;
}
.csr.management .esg dt b {
	font-size: 250%;
	font-weight: normal;
	line-height: 1;
}
.csr.management .esg dd {
	background-image: url(../csr/management/img/icon_circle01.png);
	background-size: 8px;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 12px;
}
.csr.management .esg dl:nth-of-type(2) dd {
	background-image: url(../csr/management/img/icon_circle02.png);
}
.csr.management .esg dl:nth-of-type(3) dd {
	background-image: url(../csr/management/img/icon_circle03.png);
}
/* -----------------------------------------------------------------------------

	CSR Interview

----------------------------------------------------------------------------- */

.csr.interview #main .fltBox .fltL {
	float: left;
}

.csr.interview #main .imgDouble .imgBox01 {
	width: 340px;
}

.csr.interview #main .imgDouble .imgBox02 {
	margin-left: 355px;
}
.csr.interview .qaContents {
	margin-top: 12px;
}
.csr.interview .qaContents h3.type03 {
	margin-bottom: 10px;
	padding-top: 10px;

}
.csr.interview .qaContents .txt {
	padding-left: 3.4em;
	text-indent: -3.4em;
}
.csr.interview .qaContents .txt .bold {
	font-weight: bold;
	font-size: 107%;
}
.csr.interview .qaContents .txt + .txt {
	margin-top: 25px;
}
.csr.interview .qaContents .item + .item {
	margin-top: 22px;
}
.csr.interview .qaContents #ques06 .txt + .txt {
	margin-top: 40px;
}
/*
2021追加
*/
.interview2021 .type01 + .type03 {
	font-weight: normal;
	font-size: 150%;
}
.interview2021 .anchorList li {
	display: block;
}
.interview2021 .member {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.interview2021 .member li {
	width: 48.5%;
}
.interview2021 .member li:nth-child(-n+2) {
	margin-bottom: 1.5%;
}
.csr.interview .qaContents {
	margin-bottom: 60px;
}
.csr.interview .qaContents .txt.blue {
	color: #004da0;
}
.csr.interview .qaContents ul li {
	margin-top: 20px;
}

/* -----------------------------------------------------------------------------

	CSR Lookingahead

----------------------------------------------------------------------------- */
.csr.looking #main .txtBox p {
	line-height: 1.4;
}
.csr.looking #main .txtBox p + p {
	margin-top: 23px;
}
.csr.looking #main .txtBox p.note {
	font-size: 77%;
}
.csr.looking #main .imgBox {
	margin-top: 27px;
}
/* -----------------------------------------------------------------------------

	CSR レポート

----------------------------------------------------------------------------- */
/* 共通 -----------------------------------------*/

.report .attention {
	display: block;
	margin-top: 15px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.2;
}
.report .attention:before {
  content: "※";
}
.report .asteriskNum li {
	text-indent: -26px;
	margin-left: 26px;
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
}
.report .asteriskNum li:before {
  display: marker;
  content: "※" counter(cnt) ;
}



/* ページ個別 -----------------------------------------*/　
.report #main .anchorList {
	margin-top: 30px;
	margin-bottom: 30px;
}
.report .comment.pht > p > span {
	display: block;
	text-align: left;
}
.report .navList {
	margin-left: -20px;
}
.report .navList > ul > li {
	width: 330px;
	margin: 0 0 30px 20px;
	float: left;
}
.report .navList > ul > li a {
	background: #f7f7f7;
	height: 280px;
	display: block;
}
.report .navList > ul > li h2 {
	margin: 15px 0 10px;
	font-size: 123%;
	text-align: center;
	height: 70px;
	width: 330px;
	display: table-cell;
	vertical-align: middle;
}
.report .navList > ul > li h2 span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
}
.report .navList > ul > li h2 span:after {
	content: url(../common/img/icon_arw_blue2.png);
	position: absolute;
	right: -24px;
	top: 50%;
	padding-right: 22px;
	margin-top: -10px;
}
.report .navList > ul > li figure {
	line-height: 0;
}
.report .navList > ul > li figure img {
	width: 100%;
	height: auto;
}
.report .comment.pht > p {
	padding-right: 10px;
	overflow: hidden;
}
.report #main p + section {
	margin-top: 30px;
}
.report #main p + p {
	margin-top: 13px;
}

/* -----------------------------------------------------------------------------

	CSR レポート お客さまのために

----------------------------------------------------------------------------- */
.report.for_pertner .anchorList {
	margin-top: 20px;
}
.report.for_customer #main .comment.policy {
	background: #EFFCF1;
	border: 1px solid #90D9AD;
	border-radius: 0;
	color: #044da3;
}
.report.for_customer #main .comment.policy dl dt,
.report.for_customer #main .comment.policy dl dd {
	color: #009F89;
}
.report.for_customer section dl {
	margin: 30px auto;
}
.report.for_customer section dl dt {
	margin-bottom: 20px;
	font-weight: bold;
}
.report.for_customer section dl dt:before {
	content: "■";
}
.report.for_customer section dl dd {
	padding: 0 10px;
}
.report.for_customer #correspondence h2 + div + dl dd img {
	width: 500px;
}
.report.for_customer #correspondence h2 + div + dl + section figure {
	text-align: center;
}
.report.for_customer #correspondence h2 + div + dl + section figure img {
	width: 690px;
}
.report.for_customer section dl dd + dt {
	margin-top: 30px;
}
.report.for_customer section dl dd .fourConditions img {
	width: 600px;
}
.report.for_customer section dl dd .scheme01 img {
	width: 600px;
}
.report.for_customer section dl dd .scheme02 img {
	width: 600px;
}
.report.for_customer .kireikabo dt {
	background: #aaa;
	margin: 40px auto 30px;
	padding: 5px 0;
	color: #fff;
	font-size: 137%;
	font-weight: normal;
	text-align: center;
}
.report.for_customer .kireikabo dt:before {
	display: none;
}
.report.for_customer .comment img {
	width: 100%;
	height: auto;
}
.report.for_customer .comment dl {
	margin: 0 auto;
}
.report.for_customer #main .comment dl dt {
	margin-bottom: 10px;
}
.report.for_customer .comment dl dt:before {
	display: none;
}
.report.for_customer .comment dl dd {
	padding: 0;
}
.report.for_customer .boxLayout > p {
	width: 350px;
	float: left;
}
.report.for_customer .boxLayout > dl {
	width: 300px;
	margin: 0 auto;
	float: right;
}
.report.for_customer .boxLayout > dl dd {
	padding: 0;
}
.report.for_customer .boxLayout > dl dd img {
	width: 100%;
	height: auto;
}
/* -----------------------------------------------------------------------------

	CSR レポート お取引先さまのために

----------------------------------------------------------------------------- */
.report.for_pertner .comment p + ul {
	margin-top: 20px;
}
.report.for_pertner .comment p + ul  li{
/*	margin-bottom: 26px;*/
	margin-top: 0;
}
.report.for_pertner .comment p + ul > li > h4 {
	margin-bottom: 5px;
	margin-top: 15px;
}

.report.for_pertner	.improvement ul li {
	margin-top: 15px;
}
.report.for_pertner	.improvement ul li h3 {
	background: #aaa;
	padding: 5px 0;
	color: #fff;
	font-size: 137%;
	font-weight: normal;
}
.report.for_pertner	.improvement ul li h3 + .comment {
	border-radius: 10px !important;
}
.report.for_pertner	.improvement ul li h3 + .comment h4 {
	margin-bottom: 10px;
	font-size: 123%;
	color: #004d9f;
}
.report.for_pertner	.improvement ul li h3 + .comment p {
	margin: 0 auto 10px;
}
.report.for_pertner	.improvement ul li h3 + .comment img {
	vertical-align: bottom;
}
.report.for_pertner	.improvement ul li h3 + .comment span {
	margin-left: 20px;
	display: inline-block;
	vertical-align: bottom;
}
.report.for_pertner	.improvement ul li h3 + .comment span img {
	margin-top: 5px;
	display: block;
}
.report.for_pertner	.improvement ul li h3 + .comment .col3 li {
	margin-bottom: 0 !important;
}
.report.for_pertner	.improvement ul li .comment + p {
	background: url(../csr/report/for_partner/img/icon_for_partoner_arw01.png) center center no-repeat;
	width: 170px;
	height: 80px;
	margin: 0 auto;
	padding-top: 15px;
	box-sizing: border-box;
	color: #fff;
	font-size: 152%;
	text-align: center;
}
.report.for_pertner	#main .improvement ul li p + .comment {
	background: #FEF5ED ;
	border: 2px #F7BC7F solid;
	border-radius: 10px ;
}
.report.for_pertner	.improvement ul li p + .comment h4 {
	color: #EF4C00;
	font-size: 137%;
	margin: 15px 17px 30px;
}
.report.for_pertner	.improvement ul li p + .comment .improvement {
	margin-top: -20px;
}
.report.for_pertner	.improvement ul li p + .comment .improvement li {
	counter-increment: impnum;
}
.report.for_pertner	.improvement ul li p + .comment .improvement li h5 {
	margin-bottom: 10px;
	color: #555;
	font-size: 137%;
}
.report.for_pertner	.improvement ul li p + .comment .improvement li h5:before {
	background: url(../csr/report/for_partner/img/icon_for_partoner_arw02.png) center center no-repeat;
	width: 110px;
	height: 53px;
	margin-right: 20px;
	display: inline-block;
	content: "改善点"counter(impnum);
	color: #fff;
	vertical-align: middle;
	letter-spacing: 2px;
	line-height: 53px;
	text-align: center;
	font-size: 94%;
}
.report.for_pertner	.improvement ul li p + .comment .improvement li p {
	padding-left: 130px;
	margin-top: -15px;
}
.report.for_pertner	.improvement .pht dl {
	width: 450px !important;
}
.report.for_pertner	.improvement .pht dl dt {
	margin-bottom: 12px !important;
}
.report.for_pertner	.improvement .pht p img {
	margin-left: 24px;
}
.report.for_pertner .comment.after ul {
	margin: 0 !important;
}
.report.for_pertner #to_fair_trade .comment dl dd ul{
	margin-bottom:20px;}
.report.for_pertner #to_fair_trade .comment dl dd ul li a:link {
	text-decoration:underline ;
}
.report.for_pertner #to_fair_trade .comment dl dd ul li{
	padding-left:14px;
	position: relative;
}
.report.for_pertner #to_fair_trade .comment dl dd ul li:before{
	content: "";
	display: inline-block;
	border: 4px solid transparent;
	border-left-color: #044da2;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}
.report.for_pertner #to_fair_trade .comment dl dd ul li a:hover {
	text-decoration:none ;
}



.report.for_pertner	.improvement .comment.tape div > img {
	width: 220px;
}
.report.for_pertner	.improvement .comment.tape span > img {
	width: 170px;
}
.report.for_pertner	#main .improvement .comment.tape + p + .after > div img {
	width: 200px;
}
.report.for_pertner	#main	.improvement .comment.pouch > h4 + p +  div ul {
	margin-left: 45px;
}
.report.for_pertner	#main	.improvement .comment.pouch > h4 + p +  div ul li {
	width: 160px;
	margin: 0 0 20px 20px;
}
.report.for_pertner	#main .improvement .comment.pouch + p + .after > p {
	text-align: center;
}
.report.for_pertner	#main .improvement .comment.pouch + p + .after > p img {
	width: 440px;
}

.report.for_pertner #main dl {
}
.report.for_pertner #main dl dt {
  display: table;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}
.report.for_pertner#main dl dt:first-child{
  margin-top: 0;
}
.report.for_pertner #main dl dt span{
  display: table-cell;
}
.report.for_pertner #main dl dt span:first-child{
  width: 50px;
}
.report.for_pertner #main dl dd {
	display: table;
	margin-bottom: 4px;
	margin-left: 14px;
}
.report.for_pertner #main dl dd span{
  display: table-cell;
}

.report.for_pertner #main .comment .leader span {
	display: block;
	text-align: right;
	margin-bottom: 15px;
}
/* -----------------------------------------------------------------------------

	CSR レポート 地域社会のために

----------------------------------------------------------------------------- */
.report.for_society #main section .leadTable {
	margin-top: 32px;
	margin-bottom: 15px;
}
.report.for_society #main section .leadTable + .scroll {
	margin-top: 15px;
}
.report.for_society .donation dl dt {
	width: 60px;
	margin: 0;
	color: #fff;
	background: #2464A7;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
}
.report.for_society .donation dl dd {
	width: 620px;
	margin-left: 10px;
	display: inline-block;
}
.report.for_society .donation dl dd + dt {
	margin-top: 10px;
}
.report.for_society .donation dl + p {
	margin-top: 30px;
}
.report.for_society .donation dl + p img {
	width: 460px;
}
.report.for_society .listCompany {
	padding-top: 1px;
	text-align: center;
	border: 1px #eee;
	border-style: solid none none solid;
}
.report.for_society .listCompany li {
	background: #fff;
	width: 172px;
	height: 172px;
	margin-bottom: 0;
	border: 1px #eee;
	border-style: none solid solid none;
	box-sizing: border-box;
	display: block;
	float: left;
	vertical-align: top;
}
.report.for_society .listCompany a {
	width: 172px;
	height: 172px;
	display: table-cell;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.report.for_society .listCompany a img {
	width: 168px;
	height: auto;
}
.report.for_society .col2 {
	margin: 0 auto;
}
.report.for_society .col2 ul,
.report.for_society .col2 ol {
	margin: 30px -5px;
	text-align: left;
}
.report.for_society .col2 li {
	margin: 5px;
	max-width: 300px;
	display: inline-block;
	position: relative;
}
.report.for_society .col2 li h3 {
	margin-bottom: 32px;
	font-weight: bold;
	text-align: left;
}
.report.for_society .col2 li h3:before {
	content: "■";
}
.report.for_society .col2 li p {
	position: absolute;
	top: 25px;
	left: 0;
}
.report.for_society section dl {
	text-align: left;
}
.report.for_society section dl dt {
	font-weight: bold;
}
.report.for_society section .square dt:before {
	content: "■";
}
.report.for_society section dl dd + dt {
	margin-top: 30px;
}
.report.for_society p + table,
.report.for_society p + ul {
	margin-top: 20px;
}
.report.for_society p + ul {
	margin-bottom: 20px;
}
.report.for_society .tblType04 tfoot tr {
	border: none;
}
.report.for_society .tblType04 tfoot td {
	padding: 5px 0;
	border-color: #fff;
}
.report.for_society #saving_activity .tblType04 tr:first-child th:nth-child(2) {
	width: 165px;
}
.report.for_society #saving_activity .tblType04 tr:first-child th:nth-child(3) {
	width: 100px;
}
.report.for_society #saving_activity table.tblType04 td {
	padding: 10px 7px 10px 8px;
	letter-spacing: -0.02em;
}
.report.for_society .devising {
	width: 400px;
}
.report.for_society #bussiness_program .comment.pht dl {
	float: left;
}
.report.for_society #bussiness_program .comment.pht > p {
	padding-right: 0;
	padding-left: 10px;
}
.report.for_society #intermingling .layoutRightLeft .parts02 h4{
	margin-bottom: 10px;
	line-height: 1.6;
}
.report.for_society #intermingling + section > .tblType04 .asterisk {
	margin-top: 0;
}
.report.for_society #main section .scroll {
	margin-top: 20px;
}
.report.for_society .play{
	margin: 10px 0 50px 0;
}
.report.for_society .play dl{
	margin: 10px 0;
	display: table;
}
.report.for_society .play dt{
	width: 140px;
	display: table-cell;
	font-weight:normal;
	position: relative;
	margin:0;
	padding-right: 10px;
}
.report.for_society .play dt:after{
	content: ":";
	position: absolute;
	top:0;
	right:0 ;
}
.report.for_society .play dd{
	display: table-cell;
	padding-left: 14px;
}
.report.for_society #sema h2 {
	border: none;
	padding-top: 0;
	color: #004d9f;
	font-weight: bold;
}
.report.for_society #sema h2:before {
	display: none;
}
.report.for_society section > h4.type04 {
	margin-top:40px;
}
/* -----------------------------------------------------------------------------

	CSR レポート 従業員との関係において

----------------------------------------------------------------------------- */
.report.for_employees .type03 {
	margin: 30px 0 20px;
}
.report.for_employees .type04 {
	margin: 30px 0 20px;
}
.report.for_employees .anchorList {
	margin-top: 20px;
}
.report.for_employees p + table {
	margin-top: 15px;
}
.report.for_employees th {
	white-space: nowrap;
}
.report.for_employees .btnType01 a span {
	display: block;
}
.report.for_employees .tblType01 {
	table-layout: fixed;
}
.report.for_employees .tblType01 th {
	width: 250px;
}
.report.for_employees #main h3 {
	margin-bottom: 20px;
}
.report.for_employees #main > dl {
	margin: 30px auto;
}
.report.for_employees #main > dl > dt {
	font-weight: bold;
	margin: 0 0 20px;
}
.report.for_employees #main p + img {
	margin-top: 20px;
}
.report.for_employees #main p + .col3 {
	margin-top: 20px;
}
.report.for_employees #main section > ul + ul {
	margin-top: 15px;
}
.report.for_employees #main section ul li h4 {
	margin-bottom: 5px;
	margin-top: 15px;
}
.report.for_employees #main section img + p,
.report.for_employees #main dl dd img + p {
	margin-top: 10px;
}
.report.for_employees #main .w20 {
	width: 20%;
}
.report.for_employees #main .w100 {
	width: 100%;
}
.report.for_employees #main .mTB30 {
	margin: 30px auto;
}
.report.for_employees #main .mTB20 {
	margin: 20px auto;
}
.report.for_employees #main .result {
	overflow: hidden;
	text-align: center;
	margin-top: 35px;
}
.report.for_employees #main .result table{
	width: 690px;
}
.report.for_employees #main .result h3 {
	text-align: left;
}
.report.for_employees #main .result figure {
	float: left;
	padding-top: 48px;
}
.report.for_employees #main .result figure img {
	width: 365px
}
.report.for_employees #main .result > div dl {
	color: #004d9f;
	text-align: left;
	margin: 0 0 10px;
}
.report.for_employees #main .result > div dl dt {
	float: left;
	clear: left;
}
.report.for_employees #main .result > div dl dt:before,
.report.for_employees #main .result > div p:before {
	content: "■";
}
.report.for_employees #main .result > div dl dt:after {
	content: "：";
}
.report.for_employees #main .result > div dl dd {
	overflow: hidden;
}
.report.for_employees #main .result p {
	margin-bottom: -5px;
	color: #004d9f;
}
.report.for_employees #main .result table .attention {
	background: #EFF6FC;
}
.report.for_employees #main .bT2 {
	border-top: 2px solid #90B1D9;
}
.report.for_employees .colPink a {
	background: #DE548C;
}
.report.for_employees .colPink a:hover {
	background: #f576aa;
}

.report.for_employees #industrial_transportation_accident table,
.report.for_employees #respect_for_human_rights table {
	width: 690px;
}
.report.for_employees #industrial_transportation_accident thead th {
	background: #fff;
	border: none;
	padding: 10px 0;
	font-weight: bold;
	color: #333;
}

.report.for_employees #main #female_employees_promotion .woman_plan h3 {
	font-size: 123%;
	margin: 60px 0 20px;
	line-height: 1.4;
}

.report.for_employees #main #female_employees_promotion .woman_plan {
	position: relative;
}
.report.for_employees #main #female_employees_promotion .parts02 ul {
	margin: 10px 0 30px;
	counter-reset: number 0;
}
.report.for_employees #main #female_employees_promotion  .parts02 ul li:before{
	counter-increment: number 1;
	content: " （"counter(number) "） ";
}
.report.for_employees #main #female_employees_promotion .woman_plan .mark {
	position: absolute;
	width: 210px;
	top: 30px;
	right: 0;
	padding: 25px 0 25px 102px;
	font-size: 75%;
	background: url(../sustainability/social/engagement/for_employees/img/img_mark.png) 12px center no-repeat;
	background-size: 75px;
	border: 1px solid #ccc;
}
.report.for_employees .woman_plan .chart img {
	width: 100%;
}

/* -----------------------------------------------------------------------------

	株主・投資家のために

----------------------------------------------------------------------------- */
.report.for_investor .anchorList {
	margin-top: 20px;
}
.report.for_investor #main h4 {
	margin: 0 0 5px;
}
.report.for_investor #main section h3 {
	margin: 15px 0 10px;
}
.report.for_investor #main h4 + p {
	margin-bottom: 20px;
}
.report.for_investor #main section h2 + p img {
	width: 600px;
}
.report.for_investor #main section h2 + p span {
	text-align:right;
}
.report.for_investor #main section p + p img {
	margin: 10px 0;
}
.report.for_investor #main .donationArea {
	background: #E9F0F8;
	margin: 20px auto;
	padding: 20px;
	border: 2px #004D9F solid;
	border-radius: 10px;
}
.report.for_investor #main .donationArea dl {
/*	border-bottom: 2px #004D9F solid; */
	color: #004D9F;
	font-size: 123%;
}
.report.for_investor #main .donationArea dt {
	float: left;
	clear: left;
}
.report.for_investor #main .donationArea dt:before {
	margin-right: 10px;
	content: "●";
}
.report.for_investor #main .donationArea dd {
	text-align: right;
	position: relative;
}
.report.for_investor #main .donationArea dd,
.report.for_investor #main .donationArea dt {
	margin-bottom: 10px;
}
.report.for_investor #main .donationArea dd:before {
	width: 150px;
	height: 0;
	border-bottom: 1px #004D9F dotted;
	position: absolute;
	top: 46%;
	right: 108px;
	display: block;
	content: "";
}
.report.for_investor #main .donationArea .total {
	margin-top: 15px;
	color: #004D9F;
	line-height: 1;
	font-size: 123%;
	text-align: right;
}
.report.for_investor #main .donationArea .total span {
	font-weight:bold;
}
.report.for_investor #main .donationArea p {
	text-align: center;
	font-size: 114%;
}

/* -----------------------------------------------------------------------------

	地球環境のために

----------------------------------------------------------------------------- */
.report.for_environment #main p + section {
	margin: 20px 0 30px;
}
.report.for_environment #main section h3 {
	margin: 0 0 10px;
}
.report.for_environment #main section h3 + div {
	margin: 20px 0;
}
.report.for_environment .anchorList {
	margin-top: 20px;
}
.report.for_environment #domestic,
.report.for_environment #foreignCountries {
	margin-top: -100px;
	padding-top: 100px;
}
.report.for_environment #main #action_plan table {
	width: 690px;
	font-size: 91%;
}
.report.for_environment #main #action_plan table tr > *:first-child {
	width: 90px;
}
.report.for_environment #main #action_plan table tr > *:first-child + *,
.report.for_environment #main #action_plan table tr > *:first-child + * + *,
.report.for_environment #main #action_plan table tr > *:first-child + * + * + *,
.report.for_environment #main #action_plan table tr > *:first-child + * + * + * + *,
.report.for_environment #main #action_plan table tr > *:first-child + * + * + * + * + *,
.report.for_environment #main #action_plan table tr > *:first-child + * + * + * + * + * + * {
	width: 62px;
}
.report.for_environment #main #action_plan table tr > *:first-child + * + *	+ * + * + * + * + * {
	width: 62px;
}
.report.for_environment #main #action_plan table td {
	text-align: center;
}
.report.for_environment #main #action_plan .asteriskNum li:before {
	content: "※注" counter(cnt);
	padding-right: 0.5em;
}

.report.for_environment #main #accounting .totaling {
	border-bottom: 2px solid #ccc;
}
.report.for_environment #main section .w20 {
	width: 20%;
}
.report.for_environment #main section .w80 img {
	width: 80%;
	margin-bottom: 30px;
}
.report.for_environment #main section .w500 img {
	width: 500px;
	margin-bottom: 30px;
}
.report.for_environment #main section .w100 {
	width: 100%;
}
.report.for_environment #main section .fL {
	float: left;
}
.report.for_environment #main section p + div {
	margin: 20px 0;
}
.report.for_environment #main .bgW {
	margin-bottom: 20px;
}
.report.for_environment #main .bgW td {
	background: #ffffff;
}
.report.for_environment #main section .comment div + div {
	width: 610px;
}
.report.for_environment #main #domestic ul li,
.report.for_environment #main #foreignCountries ul li {
	display: inline-block;
	vertical-align: top;
}
.report.for_environment #main section ul li a {
	font-size: 91%;
}
.report.for_environment #main section .col3 {
	display: table;
	border-collapse: collapse
}
.report.for_environment #main section .col3 h4 {
	background: #EFF6FC;
	border-bottom: 1px solid #90B1D9;
	vertical-align: middle;
	color: #044da3;
	font-weight: 300;
	line-height: 3;
	letter-spacing: 0.1em;
	text-align: center;
}
.report.for_environment #main section .col3 > div {
	width: 230px;
	border: 1px solid #90B1D9;
	box-sizing: border-box;
	display: table-cell;
}
.report.for_environment #main section .col3 > div ul {
	padding-top: 10px;
	padding-bottom: 10px ;
}
.report.for_environment #main section .col3 > div ul li {
	padding: 0 0 5px 10px ;
}
.report.for_environment #main #data section p + div {
	margin: 0 0 20px;
}
.report.for_environment #data table {
	margin: 0 0 13px;
	width: 100%;
}
.report.for_environment .guidelines li {
	text-indent: -33px;
	margin-left: 33px;
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
	}
.report.for_environment .guidelines li:before {
  display: marker;
  content: "【" counter(cnt) "】";
}
.report.for_environment .glossary dt {
	padding: 5px 10px;
	background: #f8f8f8;
	vertical-align: middle;
	color: #044da3;
	font-weight: bold;
}
.report.for_environment .glossary dd {
	padding: 5px 10px;
	font-size: 91%;
}
.report.for_environment .glossary dt + dd + dt {
	margin-top: 10px;
}
.report.for_environment #main .unit {
	margin-top: 40px;
	color: #044da3;
}
.report.for_environment .unit + p {
	margin-top: -26px;
}
.report.for_environment #main .unit + p + div {
	margin-top: 0;
}
.report.for_environment #main .total th {
	width: 80px;
	color: #044da3;
	text-align: left;
	border-top: 1px dashed #90B1D9;
}
.report.for_environment #main .total td {
	padding: 10px 0;
	border-top: 1px dashed #90B1D9;
}

.report.for_environment #main .total {
	margin-bottom: 50px;
	border-bottom: 1px dashed #90B1D9;
}
.report.for_environment h3{
	position:relative;
}
.report.for_environment h3 span.att{
	position:absolute;
	right:0;
	font-weight:normal;
}
/* -----------------------------------------------------------------------------

	地球環境のために > 拠点・地域別環境データ

----------------------------------------------------------------------------- */
.report.for_investor #main section ul li {
	display: inline-block;
	vertical-align: top;
}
.report.for_investor #main section ul li a {
	font-size: 91%;
}
.report.for_investor #main section td {
	padding: 20px;
}
.report.for_investor #main section .col3 {
	display: table;
	border-collapse: collapse
}
.report.for_investor #main section .col3 h4 {
	background: #EFF6FC;
	border-bottom: 1px solid #90B1D9;
	vertical-align: middle;
	color: #044da3;
	font-weight: 300;
	line-height: 3;
	letter-spacing: 0.1em;
	text-align: center;
}
.report.for_investor #main section .col3 > div {
	width: 230px;
	border: 1px solid #90B1D9;
	box-sizing: border-box;
	display: table-cell;
}
.report.for_investor #main section .col3 > div ul {
	padding-bottom: 10px ;
}
.report.for_investor #main section .col3 > div ul li {
	padding: 0 0 5px 10px ;
}
/* -----------------------------------------------------------------------------

	ISO26000対照表

----------------------------------------------------------------------------- */
.iso #main section table {
	width: 100%;
}
.iso #main section table th {
	width: 60%;
}
.iso #main section table th dl dt {
	width: 60px;
	display: inline-block
}
.iso #main section table th dl dd {
	width: 330px;
	display: inline-block;
	vertical-align: top;
}
.iso #main section a.linkType03 {
	display: block;
}
.iso #main section table li {
	text-indent: -1em;
	padding-left: 1em;
}

/* -----------------------------------------------------------------------------

	CSR調達ガイドライン

----------------------------------------------------------------------------- */
.procurement #main ol{
	margin-left:40px;
	list-style-type: decimal;
}
.procurement #main ol li {
	padding-bottom: 10px;
}
.procurement #main .guidelinesPdf{
	margin-top:10px;
	background-color: #F8F8F8 ;
	padding: 18px 20px;
	border-radius:5px;
}
/* -----------------------------------------------------------------------------

	CSR開示方針

----------------------------------------------------------------------------- */
.disclosure #main ul {
	margin: 10px auto;
}
.disclosure table sup {
	font-size: 80%;
}

/* -----------------------------------------------------------------------------

	ESG

----------------------------------------------------------------------------- */
.esg #main .clr .inside .tblType05 tr td {
	padding:10px;
}


/* -----------------------------------------------------------------------------

	グンゼCSR報告書

----------------------------------------------------------------------------- */
.csrreport p.leader {
	margin: 0 0 50px;
}
.csrreport .cover {
	float: left;
}
.csrreport .cover img {
	margin: 0 0 10px;
}
.csrreport .cover ul li {
	font-size: 91%;
	margin: 0 0 5px;
}
.csrreport .cover ul li a:before {
	background: url(../common/img/icon_arw_blue3.png) no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-bottom: 1px;
}
.csrreport #main > section > section {
	float: right;
	width: 420px;
}
.csrreport #main > section section {
	margin: 0;
}
.csrreport table {
	width: 100%;
}
.csrreport table th {
	border-bottom: 1px solid #ddd;
	text-align: left;
	font-weight: normal;
	padding: 15px 30px 15px 0;
	vertical-align: middle;
	width: 335px;
}
.csrreport table td {
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	vertical-align: middle;
	text-align: left;
	font-size: 91%;
}
.csrreport .all {
	margin-bottom: 70px;
}
.csrreport .all table th,
.csrreport .all table td {
	border: none;
}
.csrreport table td span {
	background: url(../common/img/icon_pdf.png) left 0 no-repeat;
	padding-left: 20px;
}
.csrreport table td a {
	color: #000;
	text-decoration: underline;
}
.csrreport table td a:hover {
	text-decoration: none;
}
.csrreport table p {
	font-weight: bold;
	font-size: 107%;
	margin-bottom: 8px;
}
.csrreport table ul.number,
.csrreport table ul.point {
	padding-left: 24px;
}
.csrreport table ul.number li {
	list-style-type: decimal;
}
.csrreport table ul.point li {
	list-style-type: disc;
}
.csrreport #main .col2 ul {
	width: 345px;
	float: left;
}
.csrreport #main .col2 ul li dl {
	margin-bottom: 10px;
	vertical-align: bottom;
}
.csrreport #main .col2 ul li dl dt {
	padding-left: 14px;
	float: left;
	position: relative;
}
.csrreport #main .col2 ul li dl dt:before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #044da2;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}
.csrreport #main .col2 ul li dl dt a {
	color: #000;
	text-decoration: underline;
}
.csrreport #main .col2 ul li dl dt a:hover {
	text-decoration: none;
}
.csrreport #backNumber ul li a:hover dl dt {
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------

	グンゼグループCSR報告書2015
	第三者意見

----------------------------------------------------------------------------- */
.comment #main h1 {
	line-height: 1.5;
}
.comment #main h1 + section dt img {
	border-radius: 10px;
}
.comment #main dd {
	width: 410px;
	margin: 18px 0;
	line-height: 2;
	color: #777;
}
.comment #main dd span {
	margin-top: 10px;
	padding-top: 30px;
	display: block;
	border-top: 2px solid #004d9f;
	color: #004d9f;
	text-align: left;
	font-size: 20px;
}
.comment #main li {
	padding-bottom: 40px;
}
.comment #main figure {
	padding-bottom: 10px;
}
.comment #main figure div {
	float: right;
	margin: 40px 0;
}
.comment #main figure dl dd {
	font-size: 137%;
	font-weight: bold;
	margin: 30px 0;
}
.comment section > section {
	margin-bottom: 40px !important;
}
.comment #main .comment.pht dl {
	margin: 0 auto;
}
.comment #main .comment.pht dl dt {
	margin-bottom: 10px;
}
.comment #main .comment.pht dl dd {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}
.comment #main .comment.pht > p {
	padding-right: 10px;
	overflow: hidden;
}
.comment #main .comment.pht > p > span {
	display: block;
}
.comment #main .inside p + p {
	margin-top: 30px;
}
/* -----------------------------------------------------------------------------

	女性きらきらプロジェクト

----------------------------------------------------------------------------- */
#wrapper.csr.womenproject {
	min-width: 980px;
	width: auto;
	margin: auto 0;
}
#wrapper.csr.womenproject #side{
	display:none;}
.csr.womenproject #main {
	width: auto;
	float: none;
}
.csr.womenproject #main .listInline li {
	display: inline;
}
.csr.womenproject #main .listNum li {
	margin-left: 14px;
	counter-increment: listnum;
	text-indent: -14px;
}
.csr.womenproject #main .listNum li:before {
	width: 14px;
	display: inline-block;
	content: counter(listnum)".";
	text-align: left;
	text-indent: 0;
}
.csr.womenproject #main .mv {
	background: url(../csr/special/womenproject/img/bg_ttl_kirakira.jpg) center center no-repeat;
	background-size: cover;
}
.csr.womenproject #main .mv h1 {
	width: 926px;
	margin: 0 auto;
	padding: 63px 0 51px;
}
.csr.womenproject #main .mv h1 img {
	width: 472px;
	vertical-align: bottom;
}
.csr.womenproject #main .lead {
	width: 910px;
	margin: 33px auto 40px;
}
.csr.womenproject #main .lead p {
	line-height: 2;
}
.csr.womenproject #main .lead > p {
	width: 270px;
}
.csr.womenproject #main .lead img {
	border-radius: 4px;
}
.csr.womenproject #main .navInner {
	background: url(../csr/special/womenproject/img/bg_navinner.gif);
	position: relative;
	overflow: hidden;
}
.csr.womenproject #main .navInner:before {
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	background: #fff;
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	content: "";
}
.csr.womenproject #main .navInner ul {
	padding-top: 40px;
	text-align: center;
}
.csr.womenproject #main .navInner ul li {
	width: 300px;
}
.csr.womenproject #main > section > h2 {
	background: #f5f5f5;
	margin: 2px auto 42px;
	position: relative;
	text-align: center;
}
.csr.womenproject #main > section > h2:before,
.csr.womenproject #main > section > h2:after {
	width: 100%;
	height: 0;
	border-top: 1px #bebebe dashed;
	display: block;
	position: absolute;
	content: "";
}
.csr.womenproject #main > section > h2:before {
	top: -2px;
}
.csr.womenproject #main > section > h2:after {
	bottom: -2px;
}
.csr.womenproject #main > section > h2 img {
	width: auto;
	height: 60px;
	vertical-align: bottom;
}
.csr.womenproject #main .objectiveArea01 {
	background: url(../csr/special/womenproject/img/bg_con01_01.png);
	margin-top: -40px;
	overflow: hidden;
}
.csr.womenproject #main .objectiveArea01 > ul {
	background: url(../csr/special/womenproject/img/bg_con01_01_ul.gif);
	width: 980px;
	margin: 30px auto 40px;
	padding: 10px;
	box-sizing: border-box;
}
.csr.womenproject #main .objectiveArea01 > ul >li {
	background: url(../csr/special/womenproject/img/bg_con01_01_list.png) center 0 no-repeat #fff;
	padding: 35px;
	border: 1px #f2e3e3 solid;
	border-radius: 10px;
	position: relative;
}
.csr.womenproject #main .objectiveArea01 > ul >li:after {
	background: url(../csr/special/womenproject/img/bg_con01_01_list_after.png) center bottom no-repeat;
	width: 100%;
	height: 35px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}
.csr.womenproject #main .objectiveArea01 > ul >li + li {
	margin-top: 10px;
}
.csr.womenproject #main .objectiveArea01 > ul >li h3 {
	margin-bottom: 32px;
	text-align: center;
}
.csr.womenproject #main .objectiveArea01 > ul >li h3 img {
	width: auto;
	height: 51px;
	vertical-align: bottom;
}
.csr.womenproject #main .objectiveArea01 > ul >li:first-child ul {
	text-align: center;
	letter-spacing: -4px;
}
.csr.womenproject #main .objectiveArea01 > ul >li:first-child ul li {
	width: 233px;
	margin: 0 10px;
	display: inline-block;
	letter-spacing: normal;
}
.csr.womenproject #main .objectiveArea01 > ul >li ul li .icon {
	background: #fef3ef;
	padding: 17px 0 10px;
	border: 1px solid #eac2c3;
	border-bottom: none;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.csr.womenproject #main .objectiveArea01 > ul >li ul li .icon img {
	width: 151px;
	height: auto;
	vertical-align: bottom;
}
.csr.womenproject #main .objectiveArea01 > ul >li ul li .icon + p {
	background: #de548c;
	padding: 10px 5px;
	color: #fff;
	font-size: 114%;
}
.csr.womenproject #main .objectiveArea01 > ul >li > div {
	width: 740px;
	margin: 0 auto;
	border: 5px #fef3ef solid;
	border-radius: 10px;
	display: table;
	table-layout: fixed;
}
.csr.womenproject #main .objectiveArea01 > ul >li > div > p {
	width: 260px;
	display: table-cell;
}
.csr.womenproject #main .objectiveArea01 > ul >li > div > p img {
	width: 260px;
	height: auto;
	border-top-left-radius: 0;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius:  6px;
	vertical-align: bottom;
}
.csr.womenproject #main .objectiveArea01 > ul >li > div > div {
	border: 1px #eac2c3;
	border-style: solid none solid solid;
	border-top-left-radius: 6px;
	border-top-right-radius:0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 0;
	display: table-cell;
	font-size: 152%;
	letter-spacing: 10px;
	vertical-align: middle;
}
.csr.womenproject #main .objectiveArea01 > ul >li > div > div p {
	line-height: 2;
}
.csr.womenproject #main .objectiveArea01 > ul >li > div > div strong {
	border-bottom: 1px #e95f96 dotted;
	color: #e54585;
	font-weight: normal;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum {
	width: 740px;
	margin: 0 auto;
	border: 1px #eac2c3 solid;
	border-radius: 10px;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum li {
	background: #fef3ef;
	margin-left: 0;
	padding: 16px 20px;
	font-size: 137%;
	text-indent: 0;
	letter-spacing: 3px;
	line-height: 25px;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum li + li {
	border-top: 1px #e4729f dotted;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum li:before {
	background: #de548c;
	height: 25px;
	width: 25px;
	margin-right: 18px;
	border-radius: 25px;
	content: counter(listnum);
	color: #fff;
	font-family: serif;
	letter-spacing: 0;
	line-height: 25px;
	text-align: center;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum li strong {
	color: #e54585;
	font-weight: normal;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum .even {
	background: #fff9f7;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum li:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.csr.womenproject #main .objectiveArea01 > ul >li .listNum li:first-child + li + li + li {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.csr.womenproject #main .objectiveArea02 h3 + div {
	background: url(../csr/special/womenproject/img/bg_con01_02.gif);
	padding: 10px;
	border-radius: 10px;
}
.csr.womenproject #main .objectiveArea02 h3 + div > div {
 background: #fff;
 margin: 0 auto;
}
.csr.womenproject #main .objectiveArea02 dl.theme{
	overflow:hidden;}
.csr.womenproject #main .objectiveArea02 dl.theme dt{
	color:#ffffff;
	background:#de548c;
	border-radius:30px;
	line-height:60px;
	width:60px;
	text-align:center;
	margin-right:20px;
	float:left;}

.csr.womenproject #main .objectiveArea02 dl.theme dd{
}
.csr.womenproject #main .objectiveArea02 .chronology {
	padding: 50px 77px 50px 118px;
}
.csr.womenproject #main .objectiveArea02 .chronology .listDot li:before {
	color: #de548c;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol {
	border-left: 1px #e4729f dotted;
}
.csr.womenproject #main .objectiveArea02 .chronology h4 {
	background: #fff;
	width: 106px;
	margin-left: -53px;
	padding: 43px 0;
	border: 1px #e4729f dotted;
	border-radius: 106px;
	text-align: center;
	vertical-align: middle;
}
.csr.womenproject #main .objectiveArea02 .chronology h4 img {
	width: auto;
	height: 20px;
	vertical-align: middle;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li {
	position: relative;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li + li {
	margin-top: 17px;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li:before,
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li:after {
	display: block;
	position: absolute;
	content: "";
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > .arrowTop:before,
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > .arrowTop:after {
	top: 13px;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > .arrowMiddle:before,
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > .arrowMiddle:after {
	top: 50%;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li:before {
	width: 55px;
	height: 0;
	border-top: 1px #e4729f dotted;
	left: -76px;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li:after {
	width: 0;
	height: 0;
	margin-top: -3px;
	border-color: transparent transparent transparent #e4729f;
	border-style: solid;
	border-width: 3px 0 3px 7px;
	left: -20px;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li img {
	vertical-align: bottom;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li h5 {
	margin-bottom: 18px;
}
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li > img,
.csr.womenproject #main .objectiveArea02 .chronology > ol ol > li h5 img {
	width: auto;
	height: 27px;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol {
	padding-left: 77px;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment {
	margin-bottom: 21px;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment > * + * {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 1px #d8d8d8 solid;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment p + dl dt {
	font-weight: normal;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment > dl:first-child {
	letter-spacing: -4px;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment > dl:first-child > * {
	display: inline-block;
	font-weight: normal;
	letter-spacing: normal;
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment > dl:first-child dt:after {
	content: "：";
}
.csr.womenproject #main .objectiveArea02 .chronology ol ol .comment > dl:first-child dd + dt:before {
	padding: 0 5px;
	content: ",";
}
.csr.womenproject #main .objectiveArea02 .chronology li p img {
	width: 55px;
	height: auto;
}
.csr.womenproject #main .objectiveArea02 .chronology li p span {
	padding-left: 22px;
	line-height: 55px;
}
.csr.womenproject #main .objectiveArea02 .step {
	padding: 30px 0 40px;
	text-align: center;
}
.csr.womenproject #main .objectiveArea02 .goal {
	padding: 30px 0;
}
/*.csr.womenproject #main .objectiveArea02 .goal ul {
	width: 892px;
	margin: 30px auto 0;
}*/

.csr.womenproject #main .objectiveArea02 .goal .tableImg {
	width:829px;
	height:1218px;
/* 	position:relative;}*/
	margin-left:35px;
}
/* .csr.womenproject #main .objectiveArea02 .goal .tableImg ul{
	position:absolute;
	left:560px;
	bottom:15px;
	width:322px;
	margin:0;
	padding:0;}
.csr.womenproject #main .objectiveArea02 .goal .tableImg ul li{
	width:322px;}}*/
.csr.womenproject #main .objectiveArea02 h3 + div .comment {
	margin: 0 auto;
}
.csr.womenproject #main .objectiveArea02,
.csr.womenproject #main .approachArea01,
.csr.womenproject #main .challengeArea01 {
	width: 980px;
	margin: 0 auto;
}
.csr.womenproject #main .objectiveArea02 > h3,
.csr.womenproject #main .approachArea01 > h3 {
	background: url(../csr/special/womenproject/img/bg_ttl_con01.gif);
	border-left: 5px #de548c solid;
	margin: 40px auto 28px;
}
.csr.womenproject #main .objectiveArea02 > h3 img,
.csr.womenproject #main .approachArea01 > h3 img {
	width: auto;
	height: 60px;
}
.csr.womenproject #main .approachArea01 .floatLeft,
.csr.womenproject #main .approachArea01 .floatRight {
	width: 480px;
	margin: 0 !important;
}
.csr.womenproject #main .approachArea .comment {
	border-radius: 0;
}
.csr.womenproject #main .approachArea01 h3 + p {
	margin: 30px auto;
}
.csr.womenproject #main .approachArea01 .visual img {
	float: left;
}
.csr.womenproject #main .approachArea01 .visual img + img {
	float: right;
}
.csr.womenproject #main .approachArea01 .visual img + img +img {
	margin-top: 4px;
}
.csr.womenproject #main .approachArea01 .visual + ol {
	margin-top: 30px;
	letter-spacing: -4px;
}
.csr.womenproject #main .approachArea01 .visual + ol li {
	width: 262px;
	height: 224px;
	border: 1px #e1e0df solid;
	border-right: none;
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	vertical-align: bottom;
}
.csr.womenproject #main .approachArea01 .visual + ol li + li {
	margin-left: 65px;
}
.csr.womenproject #main .approachArea01 .visual + ol li > * {
	width: 224px;
	margin-left: 30px;
}
.csr.womenproject #main .approachArea01 .visual + ol li h4 {
	margin: 12px 0 12px 30px;
	border-bottom: 1px #e4729f dotted;
	text-align: center;
}
.csr.womenproject #main .approachArea01 .visual + ol li h4 img {
	width: 100%;
	height: auto;
}
.csr.womenproject #main .approachArea01 .visual + ol li:before,
.csr.womenproject #main .approachArea01 .visual + ol li:after {
	width: 0;
	height: 0;
	margin-top: -113px;
	border-style: solid;
	border-width: 113px 0 113px 60px;
	display: block;
	position: absolute;
	top: 50%;
	content: "";
}
.csr.womenproject #main .approachArea01 .visual + ol li:before {
	border-color: transparent transparent transparent #e1e0df;
	right: -60px;
}
.csr.womenproject #main .approachArea01 .visual + ol li:after {
	border-color: transparent transparent transparent #fff;
	right: -59px;
}
.csr.womenproject #main .approachArea01 > .comment {
	padding: 30px 39px;
}
.csr.womenproject #main .approachArea01 > .comment + .comment {
	margin-top: -31px;
}
.csr.womenproject #main .approachArea01 > .comment h4 {
	background: #fff;
	margin-bottom: 20px;
	border: 1px #eee solid;
	position: relative;
}
.csr.womenproject #main .approachArea01 > .comment h4 img {
	width: auto;
	height: 48px;
}
.csr.womenproject #main .approachArea01 > .comment h4:before {
	background: #004d9f;
	width: 3px;
	height: 100%;
	margin: -1px 0;
	padding: 1px 0;
	position: absolute;
	top: 0;
	left: -1px;
	content: "";
}
.csr.womenproject #main .approachArea01 > .comment h4 + p {
	margin-bottom: 46px;
}
.csr.womenproject #main .approachArea01 > .comment div p + p {
	margin-top: 30px;
}
.csr.womenproject #main .approachArea01 .comment .type05 {
	font-size: 107%;
	color: #004d9f;
	font-weight: bold;
	line-height: 1.4;
}
.csr.womenproject #main .approachArea01 .comment h5.type05 {
	margin-bottom: 0;
}
.csr.womenproject #main .approachArea01 > .comment h5.type05 {
	margin-top: 32px;
	margin-bottom: 20px;
}
.csr.womenproject #main .approachArea01 .comment > ul > li + li {
	margin-top: 24px;
}
.csr.womenproject #main .approachArea01 .comment > ul > li + li.mt05 {
	margin-top: 5px;
}
.csr.womenproject #main .approachArea01 .comment > ul + p {
	margin-top: 24px;
}

.csr.womenproject #main .approachArea01 .comment > ul + p img {
	width: 247px;
	height: auto;
}
.csr.womenproject #main .approachArea01 .comment > p + p {
	margin-top: 29px;
}
.csr.womenproject #main .approachArea01 .comment .listInline li {
	margin-left: 0;
	margin-right: 16px;
}
.csr.womenproject #main .approachArea .floatLeft .comment,
.csr.womenproject #main .approachArea .floatRight .comment {
	padding: 18px 30px;
}
.csr.womenproject #main .approachArea .floatLeft .comment h4,
.csr.womenproject #main .approachArea .floatRight .comment h4 {
	margin: -18px -30px 24px;
	background:url(../csr/special/womenproject/img/bg_ttl_con02.png);
}
.csr.womenproject #main .approachArea .floatLeft .comment h4 img,
.csr.womenproject #main .approachArea .floatRight .comment h4 img {
	width: 357px;
	height: auto;
	vertical-align: bottom;
}
.csr.womenproject #main .approachArea .comment h5 + p img {
	width: 378px;
	height: auto;
}
.csr.womenproject #main .approachArea .comment .logo img {
	width: 120px;
	height: auto;
}
.csr.womenproject #main .challengeArea01 .parts01 {
	width: 270px;
}
.csr.womenproject #main .challengeArea01 img {
	border-radius: 6px;
}
.csr.womenproject #main .challengeArea01 .listNum {
	color: #e61869;
}
.csr.womenproject #main .challengeArea + .btnType02 {
	margin-bottom: 100px;
}
/* -----------------------------------------------------------------------------

	グンゼの肌着教室

----------------------------------------------------------------------------- */
#wrapper.csr.school {
	min-width: 980px;
	width: auto;
	margin: auto 0;
	overflow: hidden;
}
#wrapper.csr.school #side{
	display:none;
}
.csr.school #main {
	width: auto;
	float: none;
}
.csr.school #main .mv {
	text-align: center;
	background: url(../sustainability/special/hadagi-school/img/mv.png) no-repeat center 90px #fcf2e7;
	background-attachment: fixed;
	height: 610px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.csr.school #main .mv:after {
	content:"";
	background: url(../csr/special/hadagi-school/img/bg_mv_after.png);
	width: 3000px;
	height: 675px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -1500px;
}
.csr.school #main .mv h1 {
	padding-top: 95px;
}
.csr.school #main .mv h1 + p {
	padding-top: 30px;
}
.csr.school #main .navWrap {
	position: relative;
	z-index: 10;
	margin-top: -100px;
}
.csr.school #main .nav {
	width: 720px;
	z-index: 3;
	margin: 0 auto;
}
.csr.school #main .nav li {
	float: left;
	margin-left: 60px;
}
.csr.school #main .nav li:first-child {
	margin-left: 0;
}
.csr.school #main .nav li a:hover {
	opacity: 0.9;
}
.csr.school #main .contents {
	position: relative;
	margin-top: -106px;
}
.csr.school #main .contents section {
	margin: 0;
}
.csr.school #main .contents section.about {
	background: #fcf2e7;
	padding: 190px 0 260px;
	position: relative;
}
.csr.school #main .contents section.about:before {
	content:"";
	background: url(../csr/special/hadagi-school/img/obj_left.png);
	width: 450px;
	height: 461px;
	position: fixed;
	top: 270px;
	left: 0;
	z-index: 0;
}
.csr.school #main .contents section.about:after {
	content:"";
	background: url(../csr/special/hadagi-school/img/obj_right.png);
	width: 534px;
	height: 460px;
	position: fixed;
	top: 270px;
	right: 0;
	z-index: 0;
}
.csr.school #main .contents .inner {
	margin: 0 auto;
}
.csr.school #main .contents h2 {
	text-align: center;
}
.csr.school #main .contents h3 {
	text-align: center;
	margin-top: 60px;
	color: #43d2e2;
	font-size: 183%;
	font-weight: normal;
}
.csr.school #main .contents #about h3.program {
	margin-top: 100px;
}
.csr.school #main .contents h3 + p {
	margin-top: 35px;
	line-height: 1.8;
	text-align: center;
	font-size: 122%;
}
.csr.school #main .contents #about {
	position: relative;
	z-index: 1;
	padding-top: 180px;
	margin-top: -160px;
}
.csr.school #main .contents #about .program {
	margin: 40px auto 0;
	width: 920px;
}
.csr.school #main .contents #about .program li {
	float: left;
	width: 453px;
	height: 62px;
	box-sizing: border-box;
	display: table;
	text-align: center;
	margin-top: 18px;
	padding-top: 3px;
}
.csr.school #main .contents #about .program li span {
	display: table-cell;
	vertical-align: middle;
	font-size: 137%;
	line-height: 1.2;
	border-radius: 31px;
	-moz-border-radius: 31px;
	-webkit-border-radius: 31px;
	-o-border-radius: 31px;
	-ms-border-radius: 31px;
	background: #fff;
	border: dotted 2px #43d2e2;
}
.csr.school #main .contents #about .program li:nth-child(even) {
	float: right;
}
.csr.school #main .contents section.about .sliderWrap {
	height: 280px;
	overflow: hidden;
}
.csr.school #main .contents section.about .bx-wrapper {
	max-width: 100% !important;
	margin-top: 100px;
}
.csr.school #main .contents section.about .bx-controls.bx-has-pager {
	display: none;
}
.csr.school #main .contents section.outline {
	position: relative;
}
.csr.school #main .contents section.outline:before {
	content:"";
	background: url(../csr/special/hadagi-school/img/bg_outline_before.png);
	width: 3000px;
	height: 675px;
	position: absolute;
	left: 50%;
	top: -130px;

	margin-left: -1500px;
}
.csr.school #main .contents div.outline {
	position: relative;
	margin-top: -20px;
}
.csr.school #main .contents div.outline h2 {
	padding-top: 110px;
	margin-top: -90px;
}
.csr.school #main .contents div.outline dl {
	margin: 80px auto 0;
	width: 846px;
}
.csr.school #main .contents div.outline dt {
	padding: 16px 0 14px 10px;
	color: #43d2e2;
	font-size: 122%;
	font-weight: bold;
	float: left;
}
.csr.school #main .contents div.outline dd {
	padding: 15px 0 15px 160px;
	border-top: dotted 2px #43d2e2;
	font-size: 122%;
}
.csr.school #main .contents div.outline dd.first {
	border: none;
}
.csr.school #main .contents div.outline dd .attention {
	font-size: 75%;
	display: block;
	padding-top: 10px;
}
.csr.school #main .btnForm {
	position: relative;
	text-align: center;
	margin-top: 80px;
	line-height: 0;
}
.csr.school #main .btnForm a:hover {
	opacity: 0.8;
}
.csr.school #main .btnType02 {
	position: relative;
	margin-top: 115px;
}
.csr.school #main .contents div.outline dd li {
	text-indent: -1em;
	padding-left: 1em;
}
.csr.school + footer {
	position: relative;
	margin-top: 100px;
}
.csr.school + footer .pageTopPc {
	z-index: 10;
}
/* -----------------------------------------------------------------------------

	グンゼの肌着教室 ｜ 開催実績

----------------------------------------------------------------------------- */

.csr.school.achieve .mvUnder {
	text-align: center;
	background: url(../sustainability/special/hadagi-school/achieve/img/bg_mv.jpg) no-repeat center 43px;
	background-attachment: fixed;
	height: 200px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.csr.school.achieve .mvUnder:after {
	content:"";
	background: url(../csr/special/hadagi-school/achieve/img/bg_mv_after.png);
	width: 3000px;
	height: 46px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -1500px;
}
.csr.school.achieve .mvUnder h1 {
	padding-top: 50px;
}
.csr.school.achieve .underNav {
	height: 80px;
	background-color: #43d2e2;
}
.csr.school.achieve .underNav .inner {
	overflow: hidden;
	width: 980px;
	height: 80px;
	margin: 0 auto;
}
.csr.school.achieve .underNav ul {
	float: left;
	width: 690px;
}
.csr.school.achieve .underNav ul li {
	float: left;
	overflow: hidden;
}
.csr.school.achieve .underNav ul li a {
	display: block;
}
.csr.school.achieve .underNav ul li a:hover img {
	opacity: 0;
}
.csr.school.achieve .underNav ul li:nth-child(1) a {
	background: url(../csr/special/hadagi-school/achieve/img/nav01_o.png) left top no-repeat;
}
.csr.school.achieve .underNav ul li:nth-child(2) a {
	background: url(../csr/special/hadagi-school/achieve/img/nav02_o.png) left top no-repeat;
}
.csr.school.achieve .underNav p {
	padding-top: 18px;
	float: right;
}
.csr.school.achieve .underNav p a:hover {
	opacity: 0.7;
}
.csr.school.achieve #main .achieveList{
	width: 850px;
	margin: 50px auto 0;
}
.csr.school.achieve .achieveList table {
	width: 100%;
}
.csr.school.achieve .achieveList table tr + tr {
	padding-top: 2px;
	background: url(../csr/special/hadagi-school/achieve/img/img_table_dot.gif) left top no-repeat;
}
.csr.school.achieve .achieveList table th{
	padding: 1.8% 0;
	color: #43d2e2;
	font-size: 122%;
	font-weight: bold;
}
.csr.school.achieve .achieveList table th:nth-child(1){
	width: 16%;
}
.csr.school.achieve .achieveList table th:nth-child(3){
	width: 16%;
}
.csr.school.achieve .achieveList table th span {
	display: block;
}
.csr.school.achieve .achieveList table th:nth-child(2) span {
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}
.csr.school.achieve .achieveList table td{
	font-size: 120%;
	padding: 1.8% 0;
}
.csr.school.achieve .achieveList table td {
	width: 22%;
	box-sizing: border-box;
}
.csr.school.achieve .achieveList table td:first-child,
.csr.school.achieve .achieveList table td:last-child {
	width: 16%;
	text-align: center;
	padding: 1.8% 0;
}
.csr.school.achieve .achieveList table td:nth-child(2) {
	width: 24%;
	padding-right: 10px;
}
.csr.school.achieve .achieveList table td:nth-child(3) {
	padding-right:10px;
}
.csr.school.achieve .achieveList table td span {
	display: block;
}

.csr.school.achieve .achieveList table td:nth-child(2) span {
	border-left: 1px solid #e0e0e0;
	padding-left: 10%;
}
.csr.school.achieve .achieveList table td:nth-child(4) span {
	border-right: 1px solid #e0e0e0;
	padding-right: 10%;
}
.csr.school.achieve #main .backNumber {
	width: 850px;
	margin: 70px auto 0;
	padding: 35px;
	background-color: #f8f8f8;
	box-sizing: border-box;
}
.csr.school.achieve .backNumber h3 {
	font-size: 140%;
}
.csr.school.achieve .backNumber h3 span {
	padding-left: 21px;
	background: url(../csr/special/hadagi-school/achieve/img/icon_backNumber.gif) left top no-repeat;
}
.csr.school.achieve .backNumber .btn {
	padding-top: 26px;
}
.csr.school.achieve .backNumber .btn ul {
	overflow: hidden;
}
.csr.school.achieve .backNumber .btn ul li {
	float: left;
	width: 135px;
}
.csr.school.achieve .backNumber .btn ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 110%;
	text-align: center;
	background: #fff;
	border: 1px solid #43d2e2;
	border-radius: 15px;
}
.csr.school.achieve .backNumber .btn ul li a:hover {
	color: #fff;
	background: #43d2e2;
}
.csr.school.achieve .backNumber .btn ul li + li {
	margin-left: 15px;
}
.csr.school.achieve .backNumber .btn ul li:nth-child(6n) {
	margin-left: 0;
}
.csr.school.achieve .backNumber .btn ul li:nth-child(n+6) {
	margin-top: 15px;
}
.csr.school.achieve .backNumber .btn ul li span {
	padding-left: 16px;
	padding-right: 10px;
	background: url(../csr/special/hadagi-school/achieve/img/icon_arrow.png) left center no-repeat;
}
.csr.school.achieve .backNumber .btn ul li a:hover span {
	background: url(../csr/special/hadagi-school/achieve/img/icon_arrow_o.png) left center no-repeat;
}
.csr.school.achieve #main .btnForm {
	display: none;
}
.csr.school #main .btnTop {
	position: relative;
	text-align: center;
	margin-top: 80px;
	line-height: 0;
}
.csr.school #main .btnTop a:hover {
	opacity: 0.8;
}
.csr.school.achieve h2 {
	font-size: 200%;
	color: #43d2e2;
	margin-bottom: 30px;
}

/* -----------------------------------------------------------------------------

	マテリアリティ

----------------------------------------------------------------------------- */
.csr.materiality .leader {
	/*font-size: 130%;*/
}
.csr.materiality h3.type03 {
	margin-top: 35px;
}
.csr.materiality .agenda {
	margin-bottom: 40px;
}
.csr.materiality .agenda dt {
	position: absolute;
}
.csr.materiality .agenda dt img {
	width: 100px;
}
.csr.materiality .agenda dd {
	background: #ccc;
	height: 100px;
	margin-bottom: 2px;
	padding: 0 0 0 115px;
}
.csr.materiality .agenda dd b {
	display: block;
	font-size: 130%;
	margin-bottom: 8px;
	padding-top: 22px;
}
.csr.materiality .agenda dd:nth-of-type(1) {
	background: #fff1d3;
}
.csr.materiality .agenda dd:nth-of-type(1) b {
	color: #c38604;
}
.csr.materiality .agenda dd:nth-of-type(2) {
	background: #e4f3ea;
}
.csr.materiality .agenda dd:nth-of-type(2) b {
	color: #00973b;
}
.csr.materiality .agenda dd:nth-of-type(3) {
	background: #fcefe4;
}
.csr.materiality .agenda dd:nth-of-type(3) b {
	color: #ed6a02;
}
.csr.materiality .agenda dd:nth-of-type(4) {
	background: #f3e5e9;
}
.csr.materiality .agenda dd:nth-of-type(4) b {
	color: #970b31;
}
.csr.materiality .agenda dd:nth-of-type(5) {
	background: #fdf5e4;
}
.csr.materiality .agenda dd:nth-of-type(5) b {
	color: #ed6a02;
}
.csr.materiality p + p {
	margin-top: 30px;
}
.csr.materiality .col2 {
	margin-bottom: 40px;
}
.csr.materiality .col2 figure figcaption{
	margin-top: 8px;
    font-size: 100%;
    line-height: 1.3em;
}
.csr.materiality .col2 p {
	font-size: 107%;
}
.csr.materiality .fltL {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.csr.materiality ul.btn {
	margin: 55px 0 0 -20px;
}
.csr.materiality ul.btn li {
	font-size: 114%;
	border: 1px solid #e9e9e9;
	margin: 0 0 20px 20px;
	width: 333px;
	float: left;
}
.csr.materiality ul.btn li a {
	padding: 0 20px;
	background: url(../common/img/icon_arw_blue2.png) 306px center no-repeat;
	display: table-cell;
	width: 293px;
	height: 60px;
	vertical-align: middle;
}
.csr.materiality ul.btn li a:hover {
	background-color: #f2faff;
}
.csr.materiality .story {
	margin-top: 50px;
	border: 2px solid #004d9f;
	padding: 35px 20px;
	margin-bottom: 30px;
}
.csr.materiality .story dt {
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 24px;
}
.csr.materiality .story dd p + p {
	margin-top: 20px;
}

/* -----------------------------------------------------------------------------

	マテリアリティ（CSR重要課題）の特定プロセス

----------------------------------------------------------------------------- */
.csr.process .leader {
	margin-bottom: 30px;
	font-size: 130%;
	font-weight: bold;
}
.csr.process .box {
	background: #f8f8f8;
	padding: 30px;
	margin-bottom: 50px;
	position: relative;
}
.csr.process .box img {
	width: 100%;
}
.csr.process .box .largeImg {
	margin-bottom: 0;
}
.csr.process .box + .box:after {
	content: "";
	width: 34px;
	height: 20px;
	background: url(../csr/management/materiality/process/img/img_arw.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: -33px;
	left: 50%;
	margin-left: -17px;
}
.csr.process .box ul {
	margin: 15px 0;
	font-weight: bold;
	font-size: 115%;
}
.csr.process .box ul + p {
	margin-bottom: 30px;
}

/* -----------------------------------------------------------------------------

	共通価値の創造（CSV）に向けた2018年度 目標設定

----------------------------------------------------------------------------- */
.csr.destination .leader {
	margin-bottom: 30px;
}
.csr.destination .leader + p {
	float: left;
	margin-right: 35px;
}
.csr.destination .leader + p img {
	width: 335px;
}
.csr.destination .chart {
	padding-top: 60px;
	clear: both;
}
.csr.destination .chart + .indent {
	line-height: 1.6;
	font-size: 12px;
}
.csr.destination .chart + .indent span {
	font-size: 9px;
}
.csr.destination .chart img {
	width: 100%;
}

/* table new */
table.tblTypeColor {
	width: 100%;
	margin: 0 auto 13px;
	color: #333;
	font-size: 13px;

}
table.tblTypeColor * {
	box-sizing: border-box;
}
table.tblTypeColor th {
	background: #a7acb1;
	padding: 15px;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	border: 1px solid #d7d7d7;
}
table.tblTypeColor th.left {
	text-align: left;
}
table.tblTypeColor th.green {
	background-color: #1b973a;
}
table.tblTypeColor th.red {
	background-color: #970a31;
}
table.tblTypeColor th.orange {
	background-color: #ec6a06;
}
table.tblTypeColor th.yellow {
	background-color: #f5a20b;
}
table.tblTypeColor th.darkYellow {
	background-color: #d39206;
}
table.tblTypeColor th.navi {
	background-color: #004d9f;
}
table.tblTypeColor th,
table.tblTypeColor td {
	width: 130px;
}
table.tblTypeColor th:last-child,
table.tblTypeColor td:last-child {
	width: 145px;
}
table.tblTypeColor td.custom {
	padding: 20px 12px 20px 15px;
}
table.tblTypeColor th:nth-child(3),
table.tblTypeColor td.large {
	width: 285px;
}
table.tblTypeColor th span {
	font-size: 12px;
	font-weight: normal;
	display: block;
}
table.tblTypeColor td {
	border: 1px solid #d7d7d7;
	padding: 20px 17px;
	vertical-align: middle;
}
table.tblTypeColor td.center {
	text-align: center;
}
table.tblTypeColor td .large {
	font-size: 20px;
	display: block;
}
table.tblTypeColor td ul li {
	text-indent: -0.8em;
	padding-left: 0.8em;
}
table.tblTypeColor td ul li > span {
	font-size: 9px;
}
table.tblTypeColor td ul.green li span {
	color: #1b973a;
}
table.tblTypeColor td ul.yellow li span {
	color: #f5a20b;
}
table.tblTypeColor td ul.darkYellow li span {
	color: #d39206;
}
table.tblTypeColor td ul.red li span {
	color: #970a31;
}
table.tblTypeColor td ul.orange li span {
	color: #ec6a06;
}
table.tblTypeColor td ul.navi li span {
	color: #004d9f;
}

/* -----------------------------------------------------------------------------

	緑豊かな環境づくりと環境問題対応

----------------------------------------------------------------------------- */
.csr.environment sup {
	vertical-align: bottom;
	font-size: 70%;
}
.csr.environment sup
.csr.environment .label .parts01 {
	width: 280px;
}
.csr.environment #global section {
	margin: 40px 0 0;
}
.csr.environment #knit {
	margin-bottom: 40px;
	border: 2px solid #004d9f;
	padding: 20px;
}
.csr.environment #knit li {
	border-left: 5px solid #004d9f;
	padding-left: 14px;
	margin-left: 9px;
}
.csr.environment #knit li + li {
	margin-top: 20px;
}
.csr.environment #knit li span {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}
.csr.environment .attentionBtm {
	margin: -30px 0 80px;
	border: 1px solid #ccc;
	padding: 8px;
}

/* -----------------------------------------------------------------------------

	メッセージ

----------------------------------------------------------------------------- */
.csr .message {
	background: #f8f8f8;
	border-radius: 5px;
	padding: 35px 25px;
}
.csr .message dt {
	font-size: 123%;
	color: #004d9f;
	margin: 0 0 20px;
	line-height: 1.4;
	font-weight: bold;
}
.csr .message .photo {
	float: left;
	margin-right: 25px;
	width: 190px;
}
.csr .message .photo img {
	width: 100%;
	height: auto;
}
.csr .message .photo span {
	display: block;
	margin-top: 15px;
	line-height: 1.4;
}
.csr .message p + p {
	margin-top: 15px;
}

/* -----------------------------------------------------------------------------

	職場環境改革・働き方改革

----------------------------------------------------------------------------- */
.csr.work .frog ul,
.csr.work .frog {
	position: relative;
}
.csr.work .frog p {
	position: absolute;
	top: 70px;
	left: 225px;
}
.csr.work .frog p img {
	width: 250px;
}
.csr.work .frog li {
	width: 163px;
	min-height: 160px;
	border: 1px solid #004d9f;
	border-radius: 15px;
	padding: 20px 10px 20px 15px;
	margin-bottom: 20px;
	line-height: 1.4 !important;
	box-shadow:6px 6px 0px 0px #989898;
}
.csr.work .frog li b {
	display: block;
	color: #004d9f;
	font-size: 120%;
	line-height: 1.3;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
}
.csr.work .frog li b span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 270%;
	font-weight: normal;
	line-height: 1;
}
.csr.work .frog li:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
}
.csr.work .frog li:nth-child(3) {
}
.csr.work .frog li:nth-child(4) {
	position: absolute;
	top: 222px;
	right: 0;
}
.csr.work .lab > div:first-child {
	border: 2px solid #004d9f;
	padding: 20px;
}
.csr.work .lab .data {
	margin: 50px 0 !important;
}
.csr.work .lab .data li {
	float: left;
	margin-left: 21px;
}
.csr.work .lab .data li:first-child {
	margin-left: 0;
}
.csr.work .lab .data li span {
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 12px;
}
.csr.work .lab .plan {
	position: relative;
}
.csr.work .lab .plan table tr:first-child th {
	width: 70px
}
.csr.work .lab .plan table tr:first-child th:first-child {
	width: 165px;
}
.csr.work .lab .plan table tbody th:first-child {
	text-align: left;
}
.csr.work .lab .plan table tbody td {
	text-align: center;
}
.csr.work .lab .plan table tbody td.tl {
	text-align: left;
}
.csr.work .lab .data h4,
.csr.work .lab .plan h4 {
	font-size: 123%;
	margin: 0 0 20px;
	line-height: 1.4;
}
.csr.work .lab .data h4 sup {
	vertical-align: top;
	font-size: 75%;
}
.csr.work .lab .plan ul {
	margin: 10px 0 30px;
}
.csr.work .lab .plan .mark {
	position: absolute;
	width: 210px;
	top: 30px;
	right: 0;
	padding: 25px 0 25px 102px;
	font-size: 75%;
	background: url(../csr/efforts/work/img/img_mark.png) 12px center no-repeat;
	background-size: 75px;
	border: 1px solid #ccc;
}
.csr.work .attentionBtm {
	margin: -30px 0 0;
	border: 1px solid #ccc;
	padding: 8px;
}

/* -----------------------------------------------------------------------------

	2017年度 活動ハイライト

----------------------------------------------------------------------------- */
.csr.efforts .navList > ul > li a {
	color: #fff;
}
.csr.efforts .navList > ul > li a figure {
	background: #fff;
}
.csr.efforts .navList > ul > li a h2 span:after {
	content: url(../common/img/icon_arw_white1.png);
}
.csr.efforts .navList > ul > li:nth-child(1) a {
	background: #189638;
}
.csr.efforts .navList > ul > li:nth-child(2) a {
	background: #ef6904;
}
.csr.efforts .navList > ul > li:nth-child(3) a {
	background: #960830;
}
.csr.efforts .navList > ul > li:nth-child(4) a {
	background: #f7a208;
}
.csr.efforts .navList > ul > li:nth-child(5) a {
	background: #BF8B2E ;
}
.csr.efforts.top .attentionBtm {
	margin-top: 30px;
	border: 1px solid #ccc;
	padding: 8px 5px;
}
/* -----------------------------------------------------------------------------

	QOLの向上への貢献

----------------------------------------------------------------------------- */
.csr.qol .layoutList {
	padding-left: 230px;
	background: url(../csr/efforts2017/qol/img/bg_human.png) left center no-repeat;
}
.csr.qol .layoutList li + li {
	margin-top: 20px;
}
.csr.qol .layoutList figure {
	float: left;
}
.csr.qol .layoutList dl {
	float: left;
	width: 270px;
	padding-left: 20px;
}
.csr.qol .layoutList dl dt {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 110%;
}
.csr.qol .taiwan {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.csr.qol .taiwan dt {
	font-size: 115% !important;
	margin-bottom: 12px !important;
}
.csr.qol .taiwan .parts01 {
	width: 300px;
	margin-right: 15px;
}
.csr.qol .parts02 .ttl {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 115%
}
.csr.qol .development h4 {
	font-weight: bold;
}
.csr.qol .development h4 span {
	background: #fff;
	color: #004d9f;
	font-size: 90%;
	font-weight: bold;
	padding: 8px 15px 6px 17px;
	display: inline-block;
	margin-right: 12px;
}
.csr.qol .development .word {
	background: #f9fbdc;
	padding: 18px 26px;
	margin: 20px 0 30px;
}
.csr.qol .development .word h5 {
	font-size: 140%;
	line-height: 1.5;
	margin-bottom:15px;
}
.csr.qol .development .word .text {
	float: left;
	width: 410px;
}
.csr.qol .development .word .image {
	width: 200px;
	float: right;
}
.csr.qol .development .word p span {
	display: block;
}

.csr.qol .development .word + p {
	margin-bottom: 40px;
}
.csr.qol .development h5 {
	font-size: 130%;
}
.csr.qol .development h5 + p + p {
	margin: 25px 0 30px;
}
.csr.qol .development .case {
	margin-top: 20px;
}
.csr.qol .development .case li {
	display: inline-block;
	margin-right: 28px;
}
.csr.qol .development .case li span {
	display: block;
}
.csr.qol .development .comment {
	background: #fff !important;
	border: 2px solid #004d9f;
	border-radius: 0 !important;
}
.csr.qol .development .comment > p {
	color: #004d9f;
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 7px;
}
.csr.qol .development .comment dt {
	font-weight: normal !important;
}
.csr.qol .selfcare .parts02 {
	padding-top: 45px;
}
.csr.qol .selfcare dl dt {
	width: 195px;
	margin: 55px 0 15px;
}
.csr.qol .selfcare dl dd ul {
	margin-bottom: 50px;
}
.csr.qol .selfcare dl dd li {
	width: 216px;
	float: left;
	margin-left: 21px;
}
.csr.qol .selfcare dl dd li:first-child {
	margin-left: 0;
}
.csr.qol .selfcare dl dt img,
.csr.qol .selfcare dl dd li img {
	width: 100%;
}
.csr.qol .selfcare dl dd li b {
	color: #dc589b;
	display: block;
	font-size: 110%;
	margin: 10px 0 12px;
}
.csr.qol .selfcare .message .caption {
	width: 160px;
	float: right;
	margin: 0 0 10px 10px;
}
.csr.qol .club h3 {
	font-size: 115%;
	margin-top: 45px;
}
.csr.qol .club .parts02 {
	padding-top: 55px;
}
.csr.qol .club .assault dt {
	color: #004d9f;
	font-weight: bold;
	margin: 23px 0 5px;
	font-size: 110%;
}
.csr.qol .club .assault dd {
	position: relative;
	padding-right: 290px;
	min-height: 135px;
}
.csr.qol .club .assault dd img {
	position: absolute;
	width: 270px;
	top: 0;
	right: 0;
}
.csr.qol .club .plan {
	margin-bottom: 45px;
}
.csr.qol .club .plan dt {
	background: #004d9f;
	color: #fff;
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	padding: 13px 26px 12px;
	margin: 20px 0 15px;
}
.csr.qol .attentionBtm {
	margin: -30px 0 0;
	border: 1px solid #ccc;
	padding: 8px;
}
.csr.qol　h4.type07 {
	font-weight: bold;
}

/* -----------------------------------------------------------------------------

	活動ハイライト共通

----------------------------------------------------------------------------- */
.csr.efforts ul.anchorList li {
	font-size: 107%;
}
.csr.efforts .iconCate {
	margin-top: -80px;
	margin-bottom: 10px;
}
.csr.efforts .iconCate img {
	vertical-align: bottom;
}
.csr.efforts .backnumberBtn {
	background: #004d9f;
	width: 13.5em;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	margin-top: 20px;
	margin-left: 473px;
}
.csr.efforts .backnumberBtn a {
color: #fff;
}
.csr.efforts .nextnumberBtn {
	background: #004d9f;
	width: 13.5em;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	margin-top: 20px;
	float: left;
}
.csr.efforts .nextnumberBtn a {
color: #fff;
}
/*
2021追加
*/
.highlight .type03 {
	margin-bottom: 15px;
}
.highlight .type04 {
	margin-bottom: 10px;
	font-weight: normal;
}
.highlight {
	margin-bottom: 40px;
}
.highlight ul {
	display: flex;
	justify-content: space-between;
}
.highlight ul li:first-child {
	width: 335px;
	font-size: 94%;
}
.highlight ul li:first-child span {
	position: relative;
	top: -30px;
}
.highlight ul li:first-child img {
	margin-bottom: 3px;
}
.highlight.contImg1 ul li:last-child {
	width: calc(100% - 355px);
}
.highlight.contImg2 ul li:last-child {
	width: 335px;
	font-size: 94%;
}
.highlight.contImg1 ul + p {
	margin-top: 5px;
}
.highlight.contImg2 ul + p {
	margin-top: 25px;
}
.highlight.contImg3 p:first-child,
.highlight.contImg3 h3 + p {
	text-align: right;
	font-size: 94%;
}
.highlight.contImg3 p + p,
.highlight.contImg3 h3 + p + p {
	margin-top: 25px;
}
.highlight ul li span,
.highlight ul + p span {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 94%;
	margin-top: 10px;
}
#community02 .highlight ul li span {
	padding-left: 0;
	text-indent: 0;
}
.data2020 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.data2020 li:last-child {
	width: 305px;
}
.data2020Link a {
	background: #f7f7f7;
	text-align: center;
	color: #004da0;
	padding: 12px 0;
	display: block;
	margin-top: 50px;
}
.data2020Link a span {
	display: inline-block;
	position: relative;
}
.data2020Link a span::after {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../common/img/icon_arw_blue2.png) no-repeat center center/cover;
	position: absolute;
	top: calc(50% - 10px);
	right: -25px;
}
/* -----------------------------------------------------------------------------

	活動ハイライト共通2018

----------------------------------------------------------------------------- */
.csr.efforts2018 ul.anchorList li {
	font-size: 107%;
}
.csr.efforts2018 #main h1.type01 {
	margin: 0 0 20px;
}
.csr.efforts2018 #main .leadBox {
	padding-right: 100px;
	margin-bottom: 35px;
	position: relative;
}
.csr.efforts2018 #main .leadBox .lead {
	font-size: 107%;
}
.csr.efforts2018 .iconCate {
	position: absolute;
	top: 0;
	right: 0;
}
.csr.efforts2018 #main .fltBox .fltL {
	float: left;
}
.csr.efforts2018 #main .fltBox .fltR {
	float: right;
}
.csr.efforts2018 #main .fltBox.imgRight {
}
.csr.efforts2018 #main .fltBox.imgLeft .imgBox {
	width: 285px;
}
.csr.efforts2018 #main .fltBox.imgLeft .txtBox {
	margin-left: 310px;
}
.csr.efforts2018 #main .fltBox .txtBox .columnBox {
	margin-top: 20px;
}
.csr.efforts2018 #main .fltBox .txtBox .columnBox .president {
	float:left;
}
.csr.efforts2018 #main .fltBox .txtBox .columnBox .president + .columnImg {
	float:right;
	width: 380px;
}
.csr.efforts2018 #main .fltBox .txtBox .columnImg span {
	font-size: 86%;
	line-height: 1.4;
	display: block;
}
.csr.efforts2018 #main .txtBox p {
	font-size: 99%;
}
.csr.efforts2018 #main .txtBox .notes li {
	font-size:77%;
	text-indent: -1em;
	padding-left: 1em;
}
.csr.efforts2018 #main .imgBox span {
	font-size: 86%;
	line-height: 1.4;
	display: block;
}
.csr.efforts2018 #main .message {
	margin-top: 45px;
}
.csr.efforts2018 #main .message .imgBox {
	width: 200px;
	margin: 0;
}
.csr.efforts2018 #main .message .txtBox {
	margin-left: 230px;
	font-size: 107%;
}
.csr.efforts2018 #main .message .imgBox span {
	margin-top: 5px;
	font-size: 86%;
}

.csr.efforts2018 #main .table2018 {
	width: 100%;
	margin: 0 auto 13px;
	border: 1px solid #90b1d9;
	color: #333;
}
.csr.efforts2018 #main .table2018 thead th {
	background: #004d9f;
	color: #fff;
	padding: 5px;
	border: none;
	vertical-align: middle;
}
.csr.efforts2018 #main .table2018 tbody th {
	background: #eff6fc;
	color: #004d9f;
	padding: 5px 10px;
	width: 150px;
	border-bottom: 1px solid #90b1d9;
	vertical-align: middle;
	text-align: left
}
.csr.efforts2018 #main .table2018 td {
	padding: 5px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #90b1d9;
	text-align: center;
}
.csr.efforts2018 #main .table2018 td {
	border-bottom: 1px solid #90b1d9;
}
.csr.efforts2018 #main .table2018 td.dotted {
	border-bottom: 1px dotted #90b1d9;
}
.csr.efforts2018 #main .table2018 td.blue {
	background: #eff6fc;
}
.csr.efforts2018 #main .table2018 td.tl {
	text-align: left;
}

/* -----------------------------------------------------------------------------

	活動ハイライト共通2019

----------------------------------------------------------------------------- */
.csr.efforts2019 #main .leadBox {
    padding-right: 100px;
    margin-bottom: 18px;
    position: relative;
}
.csr.efforts2019 #main h1.type01 {
	margin: 0 0 20px;
}
.csr.efforts2019 #main .leadBox .lead {
	font-size: 107%;
}
.csr.efforts2019 .iconCate {
	position: absolute;
    top: 0;
    right: 0;
}
.csr.efforts2019 .iconCate img {
	width: 82px;
	height: 82px;
}
.csr.efforts2019 ul.anchorList {
	padding-top: 25px;
}
.csr.efforts2019 ul.anchorList li:last-child {
	padding-bottom: 25px;
}
.csr ul.anchorList li.full {
	width: 100%;
}
.csr.efforts2019 h2.type02,
.csr.efforts2019 h3.type02 {
	font-size: 138%;
	margin-bottom: 11px;
}
.csr.efforts2019 .typeSub {
	font-size: 122%;
	font-weight: bold;
	color: #004d9f;
	margin-bottom: 20px;
}
.csr.efforts2019 #main .txtBox .notes {
	margin-top: 15px;
}
.csr.efforts2019 #main .txtBox .notes li {
	font-size: 84%;
}
.csr.efforts2019 .imgLeft .imgBox {
	width: 280px;
}
.csr.efforts2019 .imgLeft .txtBox {
	margin-left: 295px;
}
.csr.efforts2019 .message {
	background-color: transparent;
	padding: 0;
}
.csr.efforts2019 .message dt span {
	display: inline-block;
	font-size: 62%;
	color: #fff;
	background-color: #004d9f;
	padding: 2px 5px;
	margin-left: 8px;
	vertical-align: middle;

}
.csr.efforts2019 .message {
	margin-top: 30px;
}
.csr.efforts2019 #main .message .photo {
	margin-right: 15px;
	width: 210px;
}
.csr.efforts2019 #main .message .txtBox {
	margin-left: 225px;
}
.csr.efforts2019 #main .message .photo span {
	font-size: 84%;
	margin-top: 0px;
}

.csr.efforts2019 #main .message-01 .photo {
	width: 330px;
}
.csr.efforts2019 #main .message-01 .imgRight .photo {
	width: auto;
	margin-left: 328px;
	margin-right: 0;
	float: none;
}
.csr.efforts2019 #main .message-01 .imgRight:after{
	display: none;
}
.csr.efforts2019 #main .message-01 .imgRight .txtBox {
	width: 313px;
	margin-left: 0;
}

.csr.efforts2019 #main .message-01 .photo-01 {
	width: 310px;
	margin-right: 14px;
}
.csr.efforts2019 #main .message-01 .photo-02 {
	width: 360px;
	margin-right: 0;
	margin-top: 0;
}
.csr.efforts2019 #main .message-02 .photo {
	width: 280px;
}

.csr.efforts2019 #main .fltBox .fltL {
	float: left;
}
.csr.efforts2019 #main .imgDouble .imgBox01 {
	width: 310px;
}
.csr.efforts2019 #main .imgDouble .imgBox02 {
	margin-left: 325px;
}

.csr.efforts2019 #main .imgRight .txtBox {
	width: 428px;
}
.csr.efforts2019 #main .imgRight .imgBox {
	margin-left: 442px;
}
.csr.efforts2019 #main .fltBox .imgBox span {
	font-size: 84%;
	margin-top: -2px;
	line-height: 1.4;
    display: inline-block;
}
.csr.efforts2019 #main .fltBox + .fltBox {
	margin-top: 10px;
}

.csr.efforts2019 #main .imgTriple .imgBox {
	margin-right: 10px;
	width: auto;
}
.csr.efforts2019 #main .imgTriple .imgBox:last-child {
	margin-right: 0;
	width: 248px;
}
.csr.efforts2019 #main .imgText {
	margin-bottom: 30px;
}
.csr.efforts2019 #main .imgText .imgBox {
	float: right;
	margin-left: 10px;
}



.csr.efforts2019 #main .table2019 {
	width: 100%;
	margin: 0 auto 13px;
	border: 1px solid #90b1d9;
	color: #333;

}
.csr.efforts2019 #main .table2019 thead th {
	background: #004d9f;
	color: #fff;
	padding: 5px;
	border: none;
	vertical-align: middle;
}
.work.csr.efforts2019 #main .table2019 thead th.width01 {
	width: 14.5%;
}
.csr.efforts2019 #main .table2019 tbody th {
	background: #eff6fc;
	color: #004d9f;
	padding: 15px;
	width: 150px;
	border-bottom: 1px solid #90b1d9;
	vertical-align: middle;
	text-align: left
}
.csr.efforts2019 #main .table2019 td {
	padding: 8px 15px;
	vertical-align: middle;
	border-bottom: 1px solid #90b1d9;
	text-align: center;
	line-height: 1.3;
}
.work.csr.efforts2019 #main .table2019 td:not(.tl) {
	padding-left: 7px;
	padding-right: 7px;
}
.csr.efforts2019 #main .table2019 td {
	border-bottom: 1px solid #90b1d9;
}
.csr.efforts2019 #main .table2019 td.dotted {
	border-bottom: 1px dotted #90b1d9;
}
.csr.efforts2019 #main .table2019 td.dashed {
	border-bottom: 1px dashed #90b1d9;
}
.csr.efforts2019 #main .table2019 td.blue {
	background: #eff6fc;
}
.csr.efforts2019 #main .table2019 td.tl {
	text-align: left;
}

.csr.efforts2019 #main .table2019 td .small {
	font-size: 84%;
}
.csr.efforts2019 #main .table2019 td sup {
	font-size: 8px;
	vertical-align: text-top;
}
.work.csr.efforts2019 .notes.number {
	font-size: 84%;
}
.work.csr.efforts2019 .notes.number li {
	text-indent: -2.7em;
	padding-left: 2.7em;
}
/* -----------------------------------------------------------------------------

	QOLの向上への貢献 2019

----------------------------------------------------------------------------- */


.qol.csr.efforts2019 #main .borderBox {
	border: 2px solid #004d9f;
	padding: 32px 24px 38px;
	margin-top: 60px;
}
.qol.csr.efforts2019 #main .borderBox h2 {
	font-size: 123%;
	margin-bottom: 24px;
	font-weight: bold;
	line-height: 1.55;
}

.qol.csr.efforts2019 #main .borderBox .txtBox {
	margin-top: 10px;
}
.qol.csr.efforts2019 #main .borderBox .txtBox p {
	line-height: 1.55;
}
.qol.csr.efforts2019 #medicure .txtBox,
.qol.csr.efforts2019 #health .txtBox {
	margin-top: 10px;
	letter-spacing: 0.03em;
}
/* -----------------------------------------------------------------------------

	QOLの向上への貢献 2018

----------------------------------------------------------------------------- */



.qol.csr.efforts2018 #main #skin .fltL {
	width: 485px;
	margin: 0;
}
.qol.csr.efforts2018 #main #skin .imgBox {
	margin-left: 512px;
}
.qol.csr.efforts2018 #main #skin .message .imgBox {
	width: 200px;
	margin: 0;
}
.qol.csr.efforts2018 #main #skin .message .txtBox {
	margin-left: 230px;
}
.qol.csr.efforts2018 #main #absorbency .fltBox .txtBox .columnImg {
	width: 160px;
}
.qol.csr.efforts2018 #main #medicure {
	position: relative;
}
.qol.csr.efforts2018 #main #medicure h2.type02 {
	padding: 20px 200px 20px 0;
}
.qol.csr.efforts2018 #main #medicure .img {
	width: 167px;
	margin: 0;
	position: absolute;
	right: 20px;
	top: 28px;
}
.qol.csr.efforts2018 #main #medicure .borderBox {
	border: 2px solid #004d9f;
	padding: 40px 25px;
	margin-top: 20px;
}
.qol.csr.efforts2018 #main #medicure .borderBox h2 {
	font-size: 123%;
	margin-bottom: 24px;
}
.qol.csr.efforts2018 #main #medicure .borderBox .txtBox {
	width: 390px;
}
.qol.csr.efforts2018 #main #medicure .borderBox .imgBox {
	width: 210px;
	margin-left: 426px;
}
.qol.csr.efforts2018 #main #underwear .columnBox {
	margin-left: 20px;

}
.qol.csr.efforts2018 #main #underwear .columnBox .columnImg {
	width:170px;
}
.qol.csr.efforts2018 #main #underwear .columnBox .columnImg + .columnImg {
	width:140px;
	margin-left: 200px;
}
.qol.csr.efforts2018 #main #legwear .hackathon .ttl {
	font-weight: bold;
	margin-bottom: 8px;
}
.qol.csr.efforts2018 #main #legwear .hackathon .txtBox {
	font-size: 86%;
	margin: 0;
	width: 200px;
}
.qol.csr.efforts2018 #main #legwear .hackathon .imgBox {
	margin: 0 0 0 220px;
	width: 160px;
}
.qol.csr.efforts2018 #main #legwear .hackathon .example {
	margin-top: 20px;
}
.qol.csr.efforts2018 #main #legwear .imgRight {
	margin-top: 20px;
}
.qol.csr.efforts2018 #main #legwear .imgRight .ttl  {
	font-weight: bold;
	margin-bottom: 10px;
}
.qol.csr.efforts2018 #main #legwear .imgRight .txtBox {
	width: 406px;
}
.qol.csr.efforts2018 #main #legwear .imgRight .imgBox {
	margin-left: 430px;
}
.qol.csr.efforts2018 #main #sports .fltL {
	width: 406px;
	margin: 0;
}
.qol.csr.efforts2018 #main #sports .imgBox {
	margin-left: 430px;
}
.qol.csr.efforts2018 #main #life .fltL {
	width: 406px;
	margin: 0;
}
.qol.csr.efforts2018 #main #life .imgBox {
	margin-left: 430px;
}
.qol.csr.efforts2018 #main #life .fltBox + .fltBox {
	margin-top: 15px;
}
.qol.csr.efforts2018 #main #life .fltBox p.ttl {
	font-size: 107%;
	font-weight: bold;
	color: #004d9f;
	margin-bottom: 5px;
}

/* -----------------------------------------------------------------------------

	緑豊かな環境づくりと環境問題対応 2018

----------------------------------------------------------------------------- */
.environment.csr.efforts2018 #main .fltBox + .box {
	margin-top: 40px
}
.environment.csr.efforts2018 #main .box {
	margin-top: 20px
}
.environment.csr.efforts2018 #main .box h3.type03 {
	margin-bottom: 10px;
}
.environment.csr.efforts2018 #main .box .fltBox .txtBox {
	width: 450px;
}
.environment.csr.efforts2018 #main .box .fltBox .imgBox {
	margin-left: 480px;
}

.environment.csr.efforts2018 #main #connect h2 {
	font-size: 153%;
	margin-bottom: 30px;
}
.environment.csr.efforts2018 #main #cotton .columnBox {
	margin-left: 5px;
}
.environment.csr.efforts2018 #main #cotton .columnImg {
	width: 210px;
}
.environment.csr.efforts2018 #main #cotton .columnImg + .columnImg {
	width: 140px;
	margin-left: 250px;
}

.environment.csr.efforts2018 #main #package .columnBox {
	margin-left: 20px;
}
.environment.csr.efforts2018 #main #package .columnImg {
	width: 148px;
}
.environment.csr.efforts2018 #main #package .columnImg + .columnImg {
	margin-left: 168px;
}


/* -----------------------------------------------------------------------------

	緑豊かな環境づくりと環境問題対応 2019

----------------------------------------------------------------------------- */
.environment.csr.efforts2019 #main .fltBox + .box {
	margin-top: 30px
}
.environment.csr.efforts2019 #main .box {
	margin-top: 28px
}
.environment.csr.efforts2019 #main .box h3.type03 {
	margin-bottom: 15px;
}
.environment.csr.efforts2019 #main .box .fltBox .imgBox {
	width: 210px;
}
.environment.csr.efforts2019 #main .box .fltBox .txtBox {
	margin-left: 225px;
}

.environment.csr.efforts2019 #label .txtBox {
    margin-top: 10px;
}

/* -----------------------------------------------------------------------------

	職場環境改善・働き方改革 2018

----------------------------------------------------------------------------- */
.work.csr.efforts2018 #main .box {
	margin-top: 28px
}
.work.csr.efforts2018 #main .box h3.type03 {
	margin-bottom: 15px;
}
.work.csr.efforts2018 #main .box .txtBox p + p {
	margin-top: 15px;
}
.work.csr.efforts2018 #main .box .txtBox span {
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 107%;
}
.work.csr.efforts2018 #main #working {
	margin: 60px 0 90px
}
.work.csr.efforts2018 #main #working .ttlWrap h2 {
	font-size: 152%;
	margin-top: 86px;
	margin-bottom: 20px;
}
.work.csr.efforts2018 #main #working .fltBox.imgLeft .imgBox.person {
	width: 210px;
}
.work.csr.efforts2018 #main #working .fltBox.imgLeft .imgBox.person img {
	width: 100%;
}
.work.csr.efforts2018 #main #working .person + .txtBox {
	margin-left: 240px;
}
.work.csr.efforts2018 #main #working .flog .fltL {
	width: 320px;
}
.work.csr.efforts2018 #main #working .flog .imgBox {
	margin-left: 330px;
	padding-top: 20px;
	width: auto;
}
.work.csr.efforts2018 #main #working .borderBox {
	border: 2px solid #004d9f;
	padding: 30px 25px;
	margin-top: 55px;
}
.work.csr.efforts2018 #main #working .borderBox h2 {
	font-size: 137%;
	margin-bottom: 22px;
}
.work.csr.efforts2018 #main #working .borderBox h3.type03 {
	margin: 0 0 10px;
}
.work.csr.efforts2018 #main #working .borderBox .txtBox {
	width: 450px;
}
.work.csr.efforts2018 #main #working .borderBox .imgBox {
	width: 150px;
	margin-left: 486px;
}
.work.csr.efforts2018 #main #data h3 {
	font-size: 115%;
	margin-bottom: 22px;
}
.work.csr.efforts2018 #main #data .dataList li {
	float: left;
	width: 210px;
}
.work.csr.efforts2018 #main #data .dataList li + li{
	margin-left: 30px;
}
.work.csr.efforts2018 #main #data .dataNote.notes {
	margin-bottom: 40px;
}
.work.csr.efforts2018 #main #data .dataNote.notes li{
	padding: 0;
}
.work.csr.efforts2018 #main #data .planBox {
	margin-bottom: 20px;
}
.work.csr.efforts2018 #main #data .planBox .imgBox {
	margin-left: 385px;
}

.work.csr.efforts2018 #main #data .notes li {
	padding-left: 30px;
	position: relative;
}
.work.csr.efforts2018 #main #data .notes.number li:before {
	position: absolute;
	left: 0;
	top: 0;
}
.work.csr.efforts2018 #main #data .notes.number li:nth-child(1):before {
	content:"※1"
}
.work.csr.efforts2018 #main #data .notes.number li:nth-child(2):before {
	content:"※2"
}
.work.csr.efforts2018 #main #data .message h4 {
	font-size: 122%;
	margin-bottom: 22px;
}
.work.csr.efforts2018 #main #data .message .photo {
	width: 150px;
}
.work.csr.efforts2018 #main #data .message .txtBox {
	margin-left: 180px;
}
.work.csr.efforts2018 #main #data .message .photo span {
	margin-top: 5px;
}


/* -----------------------------------------------------------------------------

	職場環境改善・働き方改革 2019

----------------------------------------------------------------------------- */
.work.csr.efforts2019 #main .box {
	margin-top: 28px
}
.work.csr.efforts2019 #main .box h3.type03 {
	margin-bottom: 15px;
}
.work.csr.efforts2019 #main .box .txtBox p + p {
	margin-top: 15px;
}
.work.csr.efforts2019 #main .box .txtBox span {
	display: block;
	font-weight: bold;
	color: #333;
	font-size: 107%;
}

.work.csr.efforts2019 #main #working .borderBox {
	border: 2px solid #004d9f;
	padding: 40px 30px 36px;
	margin-top: 32px;
}
.work.csr.efforts2019 #main #working .borderBox h2 {
	font-size: 137%;
	margin-bottom: 25px;
}
.work.csr.efforts2019 #main #working .borderBox h3.type03 {
	margin: 0 0 12px;
}
.work.csr.efforts2019 #main #working .borderBox .imgRight + h3.type03 {
	margin-top: 25px;
}
.work.csr.efforts2019 #main #working .borderBox .txtBox {
	width: 463px;
}
.work.csr.efforts2019 #main #working .borderBox .imgBox {
	width: 150px;
	margin-left: 486px;
}

.work.csr.efforts2019 #main #data h3 {
	font-size: 115%;
	margin-bottom: 22px;
}
.work.csr.efforts2019 #main #data .dataList li {
	float: left;
	width: 210px;
}
.work.csr.efforts2019 #main #data .dataList li + li{
	margin-left: 30px;
}
.work.csr.efforts2019 #main #data .dataNote.notes {
	margin-bottom: 40px;
}
.work.csr.efforts2019 #main .imgDouble.custom {
	margin-bottom: 25px;
}
.work.csr.efforts2019 #main .imgDouble.custom .imgBox01 {
	margin-top: -6px;
}
.work.csr.efforts2019 #main .imgDouble.custom .imgBox02 {
	margin-left: 0;
	float: right;
}
.work.csr.efforts2019 #main .imgDouble .imgBox01 p {
	margin-bottom: 15px;
	line-height: 1.54;
}
.work.csr.efforts2019 #main .imgDouble .imgBox01 p.photo {
	margin-bottom: 10px;
}
.work.csr.efforts2019 #main .imgDouble .imgBox01 .note p {
	padding-left: 81px;
	position: relative;
	margin-bottom: 0;
}
.work.csr.efforts2019 #main .imgDouble .imgBox01 .note span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

/*
2021追加
*/
#work03 h3 {
	font-size: 115%;
	margin-bottom: 22px;
}
#work03 .dataList li {
	float: left;
	width: 210px;
}
#work03 .dataList li + li{
	margin-left: 30px;
}


/* -----------------------------------------------------------------------------

	より良いコミュニティ・社会づくり 2018

----------------------------------------------------------------------------- */
.community.csr.efforts2018 #main .fltBox + .box {
	margin-top: 40px
}
.community.csr.efforts2018 #main .box h3.type03 {
	margin-bottom: 10px;
}
.community.csr.efforts2018 #main .box .fltBox .txtBox {
	width: 450px;
}
.community.csr.efforts2018 #main .box .fltBox .imgBox {
	margin-left: 480px;
}
.community.csr.efforts2018 #main .table2018 tbody th {
	text-align: center;
	width: 165px;
}
.community.csr.efforts2018 #main .table2018 tbody td {
	text-align: left;
}
.community.csr.efforts2018 #main .message {
	margin-top: 45px;
}
.community.csr.efforts2018 #main .message .fltBox.imgLeft .imgBox {
	width: 150px;
}
.community.csr.efforts2018 #main .message .fltBox .txtBox {
	margin-left: 185px;
}
.community.csr.efforts2018 #main #kyoto h2 {
	font-size: 153%;
	margin-bottom: 30px;
}
.community.csr.efforts2018 #main #kyoto .scroll {
	margin-top: 35px;
	}
.community.csr.efforts2018 #main #sports .fltBox {
	margin-top: 25px;
}
.community.csr.efforts2018 #main #sports .imgBox {
	width: 330px;
}
.community.csr.efforts2018 #main #sports .imgBox + .imgBox {
	margin-left: 360px;
}
.community.csr.efforts2018 #main #support .txtBox ,
.community.csr.efforts2018 #main #award .txtBox,
.community.csr.efforts2018 #main #kounosu .txtBox {
	width: 452px;
}
.community.csr.efforts2018 #main #support .imgBox ,
.community.csr.efforts2018 #main #award .imgBox,
.community.csr.efforts2018 #main #kounosu .imgBox {
	margin-left: 478px;
}

/* -----------------------------------------------------------------------------

	より良いコミュニティ・社会づくり 2019

----------------------------------------------------------------------------- */
.community.csr.efforts2019 .imgLeft + .txtBox {
	margin-top: 10px;
}
.community.csr.efforts2019 #main .fltBox + .box {
	margin-top: 40px
}
.community.csr.efforts2019 #main .box h3.type03 {
	margin-bottom: 10px;
}
.community.csr.efforts2019 #main .box .fltBox .txtBox {
	width: 450px;
}
.community.csr.efforts2019 #main .box .fltBox .imgBox {
	margin-left: 480px;
}
.community.csr.efforts2019 #main .table2018 tbody th {
	text-align: center;
	width: 165px;
}
.community.csr.efforts2019 #main .table2018 tbody td {
	text-align: left;
}
.community.csr.efforts2019 #main .message {
	margin-top: 45px;
}
.community.csr.efforts2019 #main .message .fltBox.imgLeft .imgBox {
	width: 150px;
}
.community.csr.efforts2019 #main .message .fltBox .txtBox {
	margin-left: 185px;
}
.community.csr.efforts2019 #main #kyoto .scroll {
	margin-top: 35px;
	}
.community.csr.efforts2019 #main #sports .fltBox {
	margin-top: 25px;
}
.community.csr.efforts2019 #main #sports .imgBox {
	width: 340px;
}
.community.csr.efforts2019 #main #sports .imgBox + .imgBox {
	margin-left: 350px;
}

.community.csr.efforts2019 .imgLeft .txtBox {
	margin-left: 325px;
}
.community.csr.efforts2019 .imgLeft01 .imgBox {
	width: 190px;
}
.community.csr.efforts2019 .imgLeft01 .txtBox {
	margin-left: 205px;
}

.community.csr.efforts2019 #main .borderBox {
	border: 2px solid #004d9f;
    padding: 35px 27px 38px;
    margin-top: 16px
}
.community.csr.efforts2019 #main .borderBox .listNotes li {
	text-indent: -1em;
	padding-left: 1em;
}
.community.csr.efforts2019 #main #osaka {
	margin-bottom: 40px;
}
/* -----------------------------------------------------------------------------

	Plastic 2019

----------------------------------------------------------------------------- */
.plastic.csr.efforts2019 #main .leadBox {
	min-height: 82px;
	margin-bottom: 10px;
}
.plastic.csr.efforts2019 h2.type02,
.plastic.csr.efforts2019 h3.type02 {
	margin-bottom: 17px;
}

.plastic.csr.efforts2019 #main .imgBox + .fltBox {
	margin-top: 32px;
}
.plastic.csr.efforts2019 #main .txtBox {
	line-height: 1.5;
}
.plastic.csr.efforts2019 #main #responsibility {
	margin-bottom: 92px;
}
.plastic.csr.efforts2019 .imgLeft .imgBox {
	width: 210px;
}
.plastic.csr.efforts2019 .imgLeft .txtBox {
	margin-left: 225px;
}

.plastic.csr.efforts2019 .imgLeft + .txtBox {
	margin-top: 10px;
}
.plastic.csr.efforts2019 #main .borderBox {
    border: 2px solid #004d9f;
    padding: 32px 24px 52px 22px;
    margin-top: 55px;
}

.plastic.csr.efforts2019 #main .borderBox h2 {
	color: #004d9f;
	font-size: 108%;
	margin-bottom: 20px;
}
.plastic.csr.efforts2019 #main .borderBox h2 span {
	color: #fff;
	background-color: #004d9f;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 70px;
	height: 20px;
	padding: 2px;
	font-size: 71%;
	box-sizing: border-box;
	margin-left: 28px;
	font-weight: normal;
}
.plastic.csr.efforts2019 #main #resource {
	margin-bottom: 0;
}
/* -----------------------------------------------------------------------------

	グンゼグループとSDGs

----------------------------------------------------------------------------- */
.csr.sdgs #main h2 {
	font-size: 190%;
	background: linear-gradient(transparent 65%, #d5dd4e 0);
	display: inline-block;
	color: #000;
}
.csr.sdgs .leader {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
}
.csr.sdgs .chart {
	position: relative;
	margin-top: 145px;
}
.csr.sdgs .chart li {
	position: absolute;
}
.csr.sdgs .chart li:hover {
	opacity: .7;
}
.csr.sdgs .chart .cate li:nth-child(1) {
	top: 27px;
	left: 15px;
}
.csr.sdgs .chart .cate li:nth-child(2) {
	bottom: 4px;
	right: 25px;
}
.csr.sdgs .chart .cate li:nth-child(3) {
	top: 27px;
	right: 25px;
}
.csr.sdgs .chart .cate li:nth-child(4) {
	bottom: 21px;
	left: 35px;
}
.csr.sdgs .chart .cate li:nth-child(5) {
	top: -88px;
	left: 300px
}
.csr.sdgs .chart .page li:nth-child(1) {
	top: 117px;
	left: 169px;
}
.csr.sdgs .chart .page li:nth-child(2) {
	top: 258px;
	left: 96px;
}
.csr.sdgs .chart .page li:nth-child(3) {
	top: 452px;
	left: 173px;
}
.csr.sdgs .chart .page li:nth-child(4) {
	top: 492px;
	left: 300px;
}
.csr.sdgs .chart .page li:nth-child(5) {
	top: 452px;
	left: 428px;
}
.csr.sdgs .chart .page li:nth-child(6) {
	top: 258px;
	left: 505px;
}
.csr.sdgs .chart .page li:nth-child(7) {
	top: 117px;
	left: 432px;
}

/* -----------------------------------------------------------------------------

	コーポレートガバナンス

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

	CSR マネジメント

----------------------------------------------------------------------------- */
.csr.governance .navList {
	margin: 0 0 40px -70px;
}
.csr.governance .navList > ul > li {
	width: 300px;
	margin: 0 0 30px 70px;
	float: left;
	position: relative;
}
.csr.governance .navList li.blank a:after {
	position: absolute;
	top: 5px;
	right: 8px;
}
.csr.governance .navList > ul > li a {
	background: #f7f7f7;
	display: block;
}
.csr.governance .navList > ul > li a img {
	width: 100%;
}
.csr.governance .navList > ul > li h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	font-size: 123%;
	text-align: center;
}
.csr.governance .navList > ul > li h2 span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
}
.csr.governance .navList > ul > li h2 span:after {
	content: url(../common/img/icon_arw_blue2.png);
	position: absolute;
	right: -24px;
	top: 50%;
	padding-right: 22px;
	margin-top: -10px;
}

.csr.governance .chart {
	margin: 30px 0 70px;
}
.csr.governance .chart dl {
	text-align: center;
	border: 1px solid #d9d9d9;
	margin-bottom: 40px;
}
.csr.governance .chart dl dt {
	background: #f8f8f8;
	font-size: 130%;
	padding: 18px 0;
	font-weight: bold;
}
.csr.governance .chart dl dd {
	padding: 15px 140px;
}
.csr.governance .chart dl img {
	width: 100%;
	vertical-align: bottom;
}
.csr.governance h3 {
	margin-top: 35px;
}
.csr.governance .circle {
	background: #054a97;
	color: #fff;
	width: 115px;
	height: 115px;
	border-radius: 150px;
	float: left;
	margin: 0 25px 20px 0;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	padding-top: 36px;
	box-sizing: border-box;
	letter-spacing: 0.08em;
	line-height: 1.5 !important;
}
.csr.governance .btn {
	font-size: 114%;
	border: 1px solid #e9e9e9;
	margin: 60px auto 0;
	width: 420px;
}
.csr.governance .btn a {
	padding: 16px 20px;
	display: block;
	background: url(../common/img/icon_arw_blue2.png) 392px center no-repeat;
}
.csr.governance .btn a:hover {
	background-color: #f2faff;
}

/*2022追加*/
.csr.governance .col2  {
	display: flex;
	align-items: end;
	margin-bottom: 37px;
}
.csr.governance .imgBox {
	width: 335px;
}
.csr.governance .imgBox img {
	width: 95%;
}
.csr.governance .txtBox {
	margin-left: 10px;
}
.csr.governance .txtBox .name {
	font-size: 107%;
}

/* -----------------------------------------------------------------------------

	CSR体制

----------------------------------------------------------------------------- */
.csr.system #main section .figure {
	margin: 30px auto;
	text-align: center;
}
.csr.system #basicPolicy > ul li .type03 {
	margin-bottom: 5px;
}
.csr.system #basicPolicy p {
	margin-bottom: 30px;
}
.csr.system #basicPolicy > ul li {
	margin-bottom: 30px;
}
.csr.system #basicPolicy .asterisk {
	margin-top: -23px;
}

.csr.system #promotion_system .promotion-inner-content {
	margin: 30px 0;
}
.csr.system #promotion_system .promotion-inner-content p {
	margin: 10px 0;
}
.csr.system #promotion_system .num-list {
	padding-left: 2em;
}
.csr.system #promotion_system .num-list.num-list--pd {
	padding-left: 1.5em;
}
.csr.system #promotion_system .num-list li {
	list-style: decimal;
}

/* -----------------------------------------------------------------------------

	より良いコミュニティ・社会づくり

----------------------------------------------------------------------------- */
.csr.community .scroll {
	margin-top: 20px;
}
.csr.community h2 + h3 {
	font-size: 150%;
}
.csr.community .caption {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 20px;
}
.csr.community a > .cate:before {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	content: "";
	height: 4px;
	right: 15px;
	position: absolute;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	top: 14px;
	width: 4px;
	z-index: 1;
}
.csr.community a:hover > .cate {
	opacity: 0.7;
}
.csr.community .cate {
	background: #fbad07;
	display: inline-block;
	width: 150px;
	text-align: center;
	color: #fff;
	font-size: 110%;
	padding: 6px 0;
	border-radius: 100px;
	font-weight: bold;
	position: relative;
}
.csr.community .work > section {
	margin-bottom: 40px !important;
}
.csr.community .work .parts01 {
	width: 300px;
	margin-left: 25px;
}
.csr.community .work .parts02 {
	width: 360px;
	float: left;
}
.csr.community .work .alignCenter img {
	margin-top: 25px;
}
.csr.community .work .notes {
	text-align: right;
	padding-top: 10px;
}
.csr.community #support .sema {
	border: 2px solid #004d9f;
	padding: 20px;
}
.csr.community .message {
	background: #f8f8f8;
	border-radius: 5px;
	padding: 35px 25px;
}
.csr.community #ayabe .part {
	margin-top: 40px;
	height: 380px;
	position: relative;
}
.csr.community #ayabe .part img {
	width: 305px;
	position: absolute;
	left: 190px;
}
.csr.community #ayabe .part dl {
	position: absolute;
	width: 190px;
	z-index: 1;
}
.csr.community #ayabe .part dl dt {
	font-size: 145%;
	font-weight: bold;
	line-height: 1.2;
	height: 40px;
	padding-left: 15px;
	position: relative;
}
.csr.community #ayabe .part dl dt:before {
	content: "";
	width: 3px;
	height: 40px;
	position: absolute;
	left: 0;
}
.csr.community #ayabe .part dl dd {
	margin-top: 10px;
}
.csr.community #ayabe .part dl:nth-of-type(1) {
	top: 0;
	left: 0;
}
.csr.community #ayabe .part dl:nth-of-type(1) dt:before {
	background: linear-gradient(#e61672, #e60013);
}
.csr.community #ayabe .part dl:nth-of-type(2) {
	top: 0;
	right: 0;
}
.csr.community #ayabe .part dl:nth-of-type(2) dt {
	line-height: 2.3;
}
.csr.community #ayabe .part dl:nth-of-type(2) dt:before {
	background: linear-gradient(#0069b8, #00adea);
}
.csr.community #ayabe .part dl:nth-of-type(3) {
	top: 190px;
	right: 0;
}
.csr.community #ayabe .part dl:nth-of-type(3) dt:before {
	background: linear-gradient(#738a01, #f4ea00);
}
.csr.community #ayabe .part dl:nth-of-type(4) {
	top: 170px;
	left: 0;
}
.csr.community #ayabe .part dl:nth-of-type(4) dt {
	line-height: 2.3;
}
.csr.community #ayabe .part dl:nth-of-type(4) dt:before {
	background: linear-gradient(#ffe100, #e3410c);
}
.csr.community .activity .lead {
	margin-bottom: 60px;
}
.csr.community .activity .layoutRightLeft + .layoutRightLeft {
	margin-top: 40px;
}
.csr.community .activity .message {
	margin-top: 60px!important;
}
.csr.community .activity .message .photo img {
	width: 200px;
}
.csr.community .activity .message p span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
}
.csr.community .attentionBtm {
	margin: -30px 0 0;
	border: 1px solid #ccc;
	padding: 8px;
}
/* -----------------------------------------------------------------------------

	CSR グンゼの価値創造ストーリー

----------------------------------------------------------------------------- */
.csr.story .navList {
	margin: 0 0 40px -70px;
}
.csr.story .navList > ul > li {
	width: 300px;
	margin: 0 0 30px 70px;
	float: left;
	position: relative;
}
.csr.story .navList li.blank a:after {
	position: absolute;
	top: 5px;
	right: 8px;
}
.csr.story .navList > ul > li a {
	background: #f7f7f7;
	display: block;
}
.csr.story .navList > ul > li h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	font-size: 123%;
	text-align: center;
}
.csr.story .navList > ul > li h2 span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
}
.csr.story .navList > ul > li h2 span:after {
	content: url(../common/img/icon_arw_blue2.png);
	position: absolute;
	right: -24px;
	top: 50%;
	padding-right: 22px;
	margin-top: -10px;
}
.csr.story .navList > ul > li img {
	width: 100%;
}

/* -----------------------------------------------------------------------------

	CSR グンゼグループの価値創造モデル

----------------------------------------------------------------------------- */
.csr.model img {
	vertical-align: bottom;
}
.csr.model #main .lead  {
	margin-bottom: 40px;
}
.csr.model #main .lead h1.type01 {
	margin-bottom: 20px;
}
.csr.model h2.type01 {
	background: none;
	display: block;
	color: #004d9f;
	font-weight: normal;
	font-size: 198%;
	margin: 0 0 20px;
	line-height: 1.3;
}
.csr.model .themeBox {
	margin-bottom: 30px;
}
.csr.model .themeBox dl {
	width: 215px;
	border: 1px solid #000;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.csr.model .themeBox dl + dl {
	margin-left: 22px;
}
.csr.model .themeBox dl dt {
	background: #000;
}
.csr.model .themeBox dl dt img {
	vertical-align: bottom;
}
.csr.model .themeBox dl dd {
	padding: 15px 10px;
	display: table;
	margin: 0 auto;
}
.csr.model .themeBox dl dd ul {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.csr.model .themeBox dl dd li {
	margin: 2px 0;
}

.csr.model .themeBox dl.environment {
	border-color: #97cea2;
}
.csr.model .themeBox dl.environment dt {
	background: #97cea2;
}
.csr.model .themeBox dl.society {
	border-color: #f4a46c;
}
.csr.model .themeBox dl.society dt {
	background: #f4a46c;
}
.csr.model .themeBox dl.government {
	border-color: #90d2e1;
}
.csr.model .themeBox dl.government dt {
	background: #90d2e1;
}

/* -----------------------------------------------------------------------------

	CSR 脈々と受け継がれる経営理念

----------------------------------------------------------------------------- */
.csr.philosophy #main {
	margin-bottom: 70px;
}
.csr.philosophy img {
	vertical-align: bottom;
}
.csr.philosophy #main .lead  {
	margin-bottom: 45px;
}
.csr.philosophy #main .lead h1.type01 {
	margin-bottom: 20px;
}
.csr.philosophy h2.type01 {
	background: none;
	display: block;
	color: #004d9f;
	font-weight: normal;
	font-size: 198%;
	margin: 0 0 10px;
	line-height: 1.3;
}
.csr.philosophy #main .timeBox {
	margin: 0 0 30px 0;
}
.csr.philosophy #main .timeBox + .timeBox {
	padding-top: 16px;
}
.csr.philosophy .timeBox .timeInner {
	padding: 28px 0 0 28px;
	border-top: 2px solid #004d9f;
	border-left: 2px solid #004d9f;
	box-sizing: border-box;
	position: relative;
}
.csr.philosophy .timeBox .timeInner::after {
	content: "";
	background: url(../csr/value/philosophy/img/img_arrow.png) no-repeat;
	background-size: 11px;
	width: 11px;
	height: 30px;
	display: block;
	position: absolute;
	bottom: -30px;
	left: -11px;
}
.csr.philosophy .timeBox .timeInner .note {
	margin-top: 12px;
}
.csr.philosophy .fltL {
	float: left;
}
.csr.philosophy .timeBox h3 {
	font-size: 122%;
	margin-bottom: 30px;
}
.csr.philosophy .timeBox .txtBox {
	margin-left: 345px;
	font-size: 107%;
}
.csr.philosophy .timeBox .numberList {
	margin-top: 3px;

}
.csr.philosophy .timeBox .numberList li {
	width: 33%;
	min-height: 40px;
	position: relative;
	padding: 0 0 0 40px;
	box-sizing: border-box;
	float: left;
	display: table;
	vertical-align: middle;
}
.csr.philosophy .timeBox .numberList01 li {
	width: 100%;
}
.csr.philosophy .timeBox .numberList li span {
	background: #004d9f;
	color: #fff;
	font-size: 122%;
	text-align: center;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
}
.csr.philosophy #main .timeBox .numberList li p {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.428;
}
.csr.philosophy .timeBox .btn {
	font-size: 114%;
    border: 1px solid #e9e9e9;
    margin: 20px 0 0 auto;
    width: 333px;
}
.csr.philosophy .timeBox .btn a {
	padding: 0 20px;
    background: url(../common/img/icon_arw_blue2.png) 306px center no-repeat;
    display: table-cell;
    width: 293px;
    height: 60px;
    vertical-align: middle;
}
.csr.philosophy .timeBox .btn a:hover {
	background-color: #f2faff;
}
.csr.philosophy .timeBox.year1969 .col2 > * ,
.csr.philosophy .timeBox.year1976 .col2 > * {
	display: table-cell;
}
.csr.philosophy .timeBox.year1969 .txtBox ,
.csr.philosophy .timeBox.year1976 .txtBox {
	margin: 0;
	padding-left: 20px;
	vertical-align: middle;
}
.csr.philosophy .timeBox.year1969 .txtBox ul {
	margin-top: 5px;
}
.csr.philosophy .timeBox.year1976 .txtBox li + li {
	margin-top: 6px;
}
.csr.philosophy .timeBox.year1997 dl {
	margin-bottom: 20px;
}
.csr.philosophy .timeBox.year1997 dl dt,
.csr.philosophy .timeBox.year1998 dl dt{
	font-weight: bold;
	font-size: 122%;
	margin-bottom: 4px;
}
.csr.philosophy .timeBox.year1997 dl dd,
.csr.philosophy .timeBox.year1998 dl dd {
	font-size: 107%;
	margin-bottom: 4px;
}
.csr.philosophy .timeBox.year1998 dl dd .conductList {
	border: 1px solid #d7d7d7;
	padding: 16px 27px;
	margin-top: 12px;
}
.csr.philosophy .timeBox.year1998 dl dd .conductList li + li {
	margin-top: 3px;
}
.csr.philosophy .timeBox.year2022 .numberList li+li {
	margin-top: 10px;
}
.csr.philosophy .timeBox.year2022 .numberList li span {
	top: 1.2em;
}

/* -----------------------------------------------------------------------------

	CSR グンゼ、123年のあゆみ

----------------------------------------------------------------------------- */
.csr.history #main img {
	vertical-align: bottom;
}
.csr.history #main .lead  {
	margin-bottom: 60px;
}
.csr.history #main .lead h1.type01 {
	margin-bottom: 20px;
}
.csr.history #main .historyList .box {
	position: relative;
	display: table;
	margin: 0;
}
.csr.history #main .historyList .box + .box .historyInner {
	padding-top: 35px;
}
.csr.history #main .historyList .box .border {
	width: 34px;
	background: #004d9f;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	display: table-cell;
	position: relative;
}
.csr.history #main .historyList .box .border::after {
	content: "";
	background: url(../csr/value/history/img/bg_arrow.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 34px;
	height: 24px;
	display: block;
	position: absolute;
	bottom: -8px;
	left: 0;
	z-index: 1;
}
.csr.history #main .historyList .box:last-child .border::after {
	content: "";
	background: url(../csr/value/history/img/bg_arrow_bottom.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 15px;
	bottom: 0;
}
.csr.history #main .historyList .box .historyInner {
	margin: 0 0 0 26px;
	padding: 0 0 35px 0;
	width: 630px;
	border-bottom: 1px solid #004d9f;
}
.csr.history #main .historyList .box .historyInner .period {
	font-size: 198%;
	line-height: 1;
	font-weight: bold;
	color: #004d9f;
	margin-bottom: 15px;
}
.csr.history #main .historyList .box .historyInner .col2 {
	margin-top: 20px;
}
.csr.history #main .historyList .box .historyInner .col2 .fltL {
	float: left;
}
.csr.history #main .historyList .box .historyInner .col2 .fltL + .imgBox {
	margin-left: 325px;
}
.csr.history #main .historyList .box .historyInner .col2 .fltL + .imgBox .clr:after {
	display: none;
}

.csr.history #main .historyList .box .historyInner .row .imgBox {
	margin-top: 10px;
}
.csr.history #main .historyList .box .historyInner .col2 .imgBox ,
.csr.history #main .historyList .box .historyInner .col2 .txtBox {
	width: 305px;
	position: relative;
}
.csr.history #main .historyList .box .historyInner .col3 {
	display: flex;
}
.csr.history #main .historyList .box .historyInner .col3 .imgBox {
	width: calc(33.3333% - 6.666px);
	display: inline-block;
	margin-top: 10px;
}
.csr.history #main .historyList .box .historyInner .col3 .imgBox + .imgBox {
	margin-left: 10px;
}
.csr.history #main .historyList .box .historyInner .col3 .imgBox img {
	width: 100%;
	display: block;
}
.csr.history #main .historyList .box .historyInner .txtBox h3 {
	font-size: 122%;
	line-height: 1.5;
	color: #004d9f;
	margin-bottom: 10px;
}
.csr.history #main .historyList .box .historyInner .txtBox p {
	font-size: 107%;
}
.csr.history #main .historyList .box .historyInner .imgBox .imgCaption {
	margin-top: 8px;
}
.csr.history #main .historyList .box .historyInner .imgBox .imgCaption dl ,
.csr.history #main .historyList .box .historyInner .imgBox .imgCaption p {
	font-size: 92%;
}
.csr.history #main .historyList .box .historyInner .imgBox .imgCaption dl + dl {
	margin-top: 2px;
}
.csr.history #main .historyList .box .historyInner .imgBox .imgCaption dt {
	float: left;
}
.csr.history #main .historyList .box .historyInner .imgBox .imgCaption dd {
	margin-left: 50px;
}
/* .year1930
-------------------------------*/
/* .csr.history #main .historyList .box.year1930 .imgBox.knitted .imgCaption {
	position: absolute;
	bottom: 0;
	left: 0;
} */
/* .year2010, .can20
-------------------------------*/
.csr.history #main .historyList .box.year2010 .historyInner ,
.csr.history #main .historyList .box.can20 .historyInner {
	border-bottom: none;
}
/* .can20
-------------------------------*/
.csr.history #main .historyList .box.can20 .historyInner {
	padding: 0;
}
.csr.history #main .historyList .box.can20 .historyInner .ttl {
	padding: 20px 30px;
	background: #004d9f;
	color: #fff;
	font-size: 140%;
}
.csr.history #main .historyList .box.can20 .historyInner .inner {
	padding: 35px 30px;
	background: #fff;
	color: #333;
}
.csr.history #main .historyList .box.can20 .historyInner .inner .copy {
	font-size: 122%;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 20px;
}
.csr.history #main .historyList .box.can20 .historyInner .inner table {
	width: 100%;
	margin-bottom: 20px;
}
.csr.history #main .historyList .box.can20 .historyInner .inner table tr {
	border-top: 2px solid #5ab7ec;
}
.csr.history #main .historyList .box.can20 .historyInner .inner table tr:last-child {
	border-bottom: 2px solid #5ab7ec;
}
.csr.history #main .historyList .box.can20 .historyInner .inner table th {
	width: 130px;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	font-weight: normal;
}
.csr.history #main .historyList .box.can20 .historyInner .inner table td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

.csr.history #main #change {
	margin-top: 70px;
}
.csr.history #main #change .img img {
	width: 100%;
	height: auto;
}

/* -----------------------------------------------------------------------------

	CSR 国連グローバル・コンパクト

----------------------------------------------------------------------------- */

	.csr.global #main .leader {
		margin-bottom: 20px;
	}
	.csr.global #main .proof {
		margin-top: 70px;
	}
	.csr.global #main .proof .ploofImg {
		border: 1px solid #ccc;
	}
	.csr.global #main .proof .ploofImg img {
		width: 100%;
	}

/* -----------------------------------------------------------------------------

	環境戦略

----------------------------------------------------------------------------- */
.environmentTop {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.environmentTop .imgBox {
	margin-right: 20px;
}
.environmentTop .imgBox figcaption {
	margin-top: 8px;
    font-size: 100%;
    line-height: 1.3em;
}
.environmentCont {
	margin-bottom: 60px;
}
.environmentCont figure + p {
	margin: 20px 0 30px 0;
	font-size: 94%;
}
.environmentCont figure + p + p {
	margin: 0 0 30px 0;
}
.environmentCont h3 {
	margin-bottom: 15px;
	font-size: 135%;
}
.environmentCont h3 + p {
	margin-bottom: -10px
}
.environmentActivities {
	background: #eff1f0;
	padding: 30px;
	margin-top: 30px;
}
.environmentActivities h4 {
	margin-bottom: 25px;
	display: flex;
}
.environmentActivities dl {
	margin-bottom: 30px;
}
.environmentActivities dl dt {
	margin-bottom: 10px;
	font-size: 135%;
	padding-left: 15px;
	position: relative;
}
.environmentActivities h4 span:first-child {
	width: 90px;
	height: 19px;
	text-align: center;
	display: inline-block;
	color: #fff;
	padding: 8px 0 0 0;
	line-height: 1;
	font-weight: normal;
}
.environmentActivities h4 span:last-child {
	display: inline-block;
	font-size: 135%;
	font-weight: normal;
	padding: 6px 0 0 15px;
}
.activities01 h4 span:first-child {
	background: #004d9f;
}
.activities01 h4 span:last-child {
	color: #004d9f;
}
.activities02 h4 span:first-child {
	background: #f39938;
}
.activities02 h4 span:last-child {
	color: #f39938;
	padding: 3px 0 0 15px;
	line-height: 1.3;
}
.activities03 h4 span:first-child {
	background: #47bbaa;
}
.activities03 h4 span:last-child {
	color: #47bbaa;
	font-size: 135%;
}
.activities01 dl dt {
	color: #004d9f;
}
.environmentActivities dl dt::before {
	content: "";
	width: 4px;
	height: 80%;
	position: absolute;
	left: 0;
	top: calc(50% - 42%);
}
.activities01 dl dt::before {
	background: #004d9f;
}
.activities02 dl dt {
	color: #f39938;
}
.activities02 dl dt::before {
	background: #f39938;
}
.activities03 dl:last-child {
	margin-bottom: 0;
}
.activities03 dl dt {
	color: #47bbaa;
}
.activities03 dl dt::before {
	background: #47bbaa;
}
.activities03 dl dd {
	font-size: 94%;
}
.iso14001 {
	margin-top: 30px;
	border: 2px solid #004d9f;
	padding: 25px;
}
.iso14001 dl dt {
	font-size: 120%;
	font-weight: bold;
	color: #004d9f;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------------------------

	人材戦略

----------------------------------------------------------------------------- */
.socialTop {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.socialTop .imgBox {
	margin-right: 20px;
}
.socialTop .imgBox figcaption {
	margin-top: 8px;
    font-size: 100%;
    line-height: 1.3em;
}
.socialCont {
	margin-bottom: 60px;
}
.socialCont:last-child {
	margin-bottom: 0;
}
.socialCont p + figure {
	margin: 30px 0 0 0;
}
.socialCont h2 + figure {
	margin: 0 0 20px 0;
}
.socialCont .scroll {
	margin-top: 30px;
}
.socialCont .scroll img {
	width: 100%;
}

/* ///////esgfinance///////// */
.esgfinance .mb-40 {
	margin-bottom: 40px;
}
.esgfinance h2.type03, .esgfinance h3.type03, .esgfinance h4.type03 {
	font-size: 152%;
}
.esgfinance h3.type04, .esgfinance h4.type04 {
	font-size: 138%;
	font-weight: normal;
	color: #333;
}
.esgfinance .note {
	margin-top: 20px;
}
.esgfinance .note p {
	padding-left: 2em;
	text-indent: -2em;
}
.esgfinance .note p + p {
	margin-top: 5px;
}
.esgfinance .tblType05 td p + p {
	margin-top: 13px;
}
.esgfinance table.tblType05 th {
	padding: 10px 20px 8px;
}
.esgfinance table.tblType05 td {
	padding: 10px 20px 8px;
}
.esgfinance .underline {
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------

	サステナブルアクション 2022

----------------------------------------------------------------------------- */
.action2022 sup {
	font-size: 70%;
	vertical-align: text-top !important;
}
.action2022 .navList {
	margin: 0 0 40px -70px;
}
.action2022 .navList > ul > li {
	width: 300px;
	margin: 0 0 30px 70px;
	float: left;
	position: relative;
}
.action2022 .navList li.blank a:after {
	position: absolute;
	top: 5px;
	right: 8px;
}
.action2022 .navList > ul > li a {
	background: #f7f7f7;
	display: block;
}
.action2022 .navList > ul > li a img {
	width: 100%;
}
.action2022 .navList > ul > li h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	font-size: 123%;
	text-align: center;
}
.action2022 .navList > ul > li h2 span {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
}
.action2022 .navList > ul > li h2 span:after {
	content: url(../common/img/icon_arw_blue2.png);
	position: absolute;
	right: -24px;
	top: 50%;
	padding-right: 22px;
	margin-top: -10px;
}
.action2022 #main .leadBox {
	padding-right: 100px;
	margin-bottom: 18px;
	position: relative;
}
.action2022 #main .leadBox .lead {
	font-size: 107%;
}
.action2022 .iconCate {
	position: absolute;
	top: 0;
	right: 0;
}
.action2022 .iconCate img {
	width: 82px;
	height: 82px;
}
.action2022 .inside .highlight img {
	width: 100%;
}
.action2022 .inside .highlight p + ul {
	margin-top: 40px;
}
.action2022 .contImg1 ul,
.action2022 .contImg2 ul {
	margin-top: 40px;
}
.action2022 .contImg2 ul li .desc {
	margin-top: 0;
}
.action2022 .desc {
	margin-top: 40px;
}
.action2022 .desc .desc-ttl {
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
}
.action2022 .desc .desc-text {
	margin-top: 10px;
}
.action2022 .desc img {
	width: 100%;
}
.action2022 .desc-img-md,
.action2022 .desc-img-sm {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.action2022 .desc-img-md {
	width: 70%;
}
.action2022 .desc-img-sm {
	width: 50%;
}
.action2022 .img-list {
	display: flex;
}
.action2022 .img-list-col3 li {
	width: calc(100%/3);
}
.action2022 .img-list-col3 li img + p {
	margin-top: 10px;
}
.action2022 .img-list-col3 li:nth-child(3n) {
	margin-right: 0
}
.action2022 .article-content p {
	margin: 0 0 30px;
}
.action2022 .article-content p img {
	display: inline-block;
	margin: 0 10px;
}
.action2022 .note {
	margin-top: 20px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 80%;
}

/* -----------------------------------------------------------------------------

	サステナブルアクション 2022 環境

----------------------------------------------------------------------------- */
.action2022.environment #main .leadBox {
	padding-right: 0;
}
.action2022.environment #main h1.type01 {
	margin-bottom: 30px;
}
.action2022.environment .iconCate img {
	width: 54px;
	height: 54px;
}

/* -----------------------------------------------------------------------------

	サステナブルアクション 2022 ウェルネス

----------------------------------------------------------------------------- */
.action2022.wellness #main h1.type01 {
	margin-bottom: 25px;
}
.action2022.wellness #main .leadBox {
	padding-right: 0;
}
.action2022.wellness #main .img-w-sm {
	display: block;
	width: 40%;
	margin: auto;
}
.action2022.wellness .img-caption01 {
	position: absolute;
	top: 180px;
	right: 30px;
}

/* -----------------------------------------------------------------------------

	サステナブルアクション 2022 ダイバーシティ＆インクルージョン

----------------------------------------------------------------------------- */
.action2022.di #main {
	margin-bottom: 65px;
}
.action2022.di .content-hdg-01,
.action2022.di .content-hdg-02,
.action2022.di h3.type03,
.action2022.di .di-content-02-hdg {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W6","HIragino Kaku Gothic Pro W6","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
}
.action2022.di .content-hdg-01 {
	margin-bottom: 20px;
	font-size: 152%;
	font-weight: bold;
	color: #004d9f;
}
.action2022.di .di-content + .di-content {
	margin-top: 40px;
}

.action2022.di .introduction {
	display: flex;
}
.action2022.di .introduction .introduction-img {
	width: 150px;
	margin-right: 30px;
}
.action2022.di .introduction .introduction-name {
	margin-top: 10px;
	font-size: 122%;
}
.action2022.di .introduction .introduction-name span {
	display: block;
	font-size: 75%;
}
.action2022.di .introduction .introduction-body {
	width: calc(100% - 180px);
}
.action2022.di .introduction .introduction-body p {
	margin-top: -3px;
	font-size: 99%;
	line-height: 1.8!important;
}
.action2022.di .introduction + .introduction {
	margin-top: 30px;
}
.action2022.di .di-detail-text p {
	font-size: 99%;
	line-height: 1.8!important;
}
.action2022.di .di-content-02 {
	background-color: #f8f8f8;
	margin-top: 25px;
	padding: 35px 20px 30px;
}
.action2022.di .di-content-02 .di-content-02-item + .di-content-02-item {
	border-top: 1px dotted #d7d7d7;
	margin-top: 25px;
	padding-top: 35px;
}
.action2022.di .di-content-02 .di-content-02-hdg {
	margin-bottom: 20px;
	font-size: 115%;
}
.action2022.di .di-content-02 .di-content-02-lead {
	font-size: 99%;
	line-height: 1.77!important;
}
.action2022.di .di-content-02 .di-content-02-list {
	display: flex;
	margin-top: 15px;
}
.action2022.di .di-content-02 .di-content-02-list li {
	width: calc(calc(100% - 20px) / 3);
	margin-right: 10px;
}
.action2022.di .di-content-02 .di-content-02-list li:nth-child(3n) {
	margin-right: 0;
}
.action2022.di .di-content-02 .di-content-02-text {
	margin-top: 2px;
	font-size: 91%;
}
.action2022.di .di-content-02 + .di-detail-text {
	margin-top: 25px;
}

/* -----------------------------------------------------------------------------

	Q&A

----------------------------------------------------------------------------- */
.qa-content .question,
.qa-content .answer,
.qa-content .answer-02,
.qa-content .answer-03 {
	display: flex;
	align-items: center;
	position: relative;
}
.qa-content .question {
	font-size: 122%;
	font-weight: normal;
	color: #004d9f;
	line-height: 1.5;
}
.qa-content .answer {
	font-weight: bold;
}
.qa-content .answer-02,
.qa-content .answer-03 {
	align-items: start;
}
.qa-content .question span,
.qa-content .answer span,
.qa-content .answer-02 span,
.qa-content .answer-03 .answer-detail {
	width: calc(100% - 50px);
}
.qa-content .question::before,
.qa-content .answer::before,
.qa-content .answer-02::before,
.qa-content .answer-03::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.qa-content .answer-02 span {
	margin-top: -3px;
	font-size: 99%;
	line-height: 1.8!important;
}
.qa-content .question::before {
	background: url(../sustainability/img/icon_q.jpg) center center/contain no-repeat;
}
.qa-content .answer::before,
.qa-content .answer-02::before,
.qa-content .answer-03::before {
	background: url(../sustainability/img/icon_a.jpg) center center/contain no-repeat;
}
.qa-content .answer-03 .answer-detail {
	margin-left: 0;
}
.qa-content .answer-detail {
	margin-left: 50px;
}
.qa-content .answer-detail li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 99%;
	line-height: 1.77!important;
}
.qa-content .answer-detail li::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #004d9f;
	margin-right: 0.6em;
}
.qa-content + .qa-content {
	margin-top: 35px;
}
.qa-content .question + .answer,
.qa-content .question + .answer-02,
.qa-content .question + .answer-03 {
	margin-top: 20px;
}
.qa-content .answer + .answer-detail {
	margin-top: 5px;
}
.qa-content .answer-detail li + li {
	margin-top: 10px;
}

/* -----------------------------------------------------------------------------

	サステナビリティ 社会

----------------------------------------------------------------------------- */

.social #main .comment {
	background: #f1f9ff;
	text-align: center;
}
.social .comment dl {
	overflow: hidden;
}
.social #main .comment dt {
	margin-right: 40px;
	display: inline-block;
	color: #044da3;
	font-size: 123%;
	font-weight: bold;
	vertical-align: top;
}
.social .comment dd {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.social .comment dd li {
	counter-increment: linum;
	color: #333;
}
.social .comment dd li:before {
	background: url(../technology/policy/img/icon_num.png) center center no-repeat;
	width: 18px;
	height: 22px;
	margin-right: 10px;
	display: inline-block;
	content: "0"counter(linum);
	color: #fff;
	font-size: 77%;
	text-align: center;
	line-height: 22px;
}
.social .comment dd li + li {
	margin-top: 20px;
}
.social .comment dd li + li + li {
	padding-bottom: 2px;
}

/* -----------------------------------------------------------------------------

	社会 VISION2030を実現するための人財ディスカッション

----------------------------------------------------------------------------- */
.social.discussion .content-hdg-01 {
	font-size: 152%;
	font-weight: bold;
	color: #004d9f;
}
.social.discussion .content-hdg-02 {
	margin-bottom: 20px;
	font-size: 122%;
	font-weight: normal;
	color: #004d9f;
	line-height: 1.375;
}
.social.discussion .contents {
	margin-top: 25px;
}
.social.discussion .content + .content {
	margin-top: 40px;
}
.social.discussion .content img + .content-hdg-02 {
	margin-top: 40px;
}
.social.discussion .content-message .content-message-item {
	display: flex;
}
.social.discussion .content-message .content-message-item + .content-message-item {
	margin-top: 20px;
}
.social.discussion .content-message .content-message-item dt {
	width: 6%;
	color: #044da3;
}
.social.discussion .content-message .content-message-item dd {
	width: 94%;
	line-height: 1.78!important;
}
.social.discussion .content-message + .content-hdg-02 {
	margin-top: 40px;
}

/* -----------------------------------------------------------------------------

	社会 若手社員が描くグンゼの未来像

----------------------------------------------------------------------------- */
.social.future #main {
	margin-bottom: 65px;
}
.social.future .lead {
	font-size: 99%;
}
.social.future .peaple-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.social.future .peaple-list li {
	width: calc(calc(100% - 30px)/3);
	margin-right: 15px;
}
.social.future .peaple-list li:nth-child(3n) {
	margin-right: 0;
}
.social.future .peaple-list li:nth-child(n+4) {
	margin-top: 15px;
}
.social.future .peaple-list li img {
	width: 100%;
}
.social.future .peaple {
	background-color: #f8f8f8;
}
.social.future .peaple .peaple-detail {
	font-size: 91%;
	padding: 5px 15px 10px;
}
.social.future .qa-contents {
	margin: 40px 0 0;
}

/* -----------------------------------------------------------------------------

	社会 社外から見たグンゼ

----------------------------------------------------------------------------- */
.governance.outside #main {
	margin-bottom: 65px;
}
.governance.outside .content-hdg-01 {
	font-size: 152%;
	color: #004d9f;
	margin: 0 0 15px;
	line-height: 1.4;
}
.governance.outside .qa-contents {
	margin-top: 35px;
}
.governance.outside .content-block + .content-block {
	border-top: 1px dotted #d7d7d7;
	margin-top: 40px;
	padding-top: 40px;
}
.governance.outside .content-block .main-img {
	width: 50%;
}
.governance.outside .content-block .main-img img {
	width: 100%;
}

.mt-10 {
	margin-top: 10px;
}

}