@charset "UTF-8";
/* ======================================================
 * new.css
 * ------------------------------------------------------
 * @media screen and (min-width: 480px)
 * @media screen and (min-width: 768px)
 * @media screen and (min-width: 992px)
 * @media screen and (min-width: 1200px)
====================================================== */
/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
#csr ul.indexList, #csr ul.noteList-num, #csr .list-bullet, #csr .list-bullet-v2{list-style:none; margin: 0; padding: 0; }
.sp-hidden{ display: block;}
.pc-hidden{ display: none;}

/* ------------------------------------------------------
 * Common
------------------------------------------------------ */
#csr + #sitefooter > .container > .row.lower .col-sm-2.col-sm-3 {
	width: 14%;
}
#csr + #sitefooter > .container > .row.lower .col-sm-2.col-md-2 {
	width: 12%;
}
#csr + #sitefooter > .container > .row.lower .col-sm-3.col-md-3 {
	width: 18%;
}
#csr + #sitefooter > .container > .row.lower .col-sm-3.col-md-3.col-csr {
	width: 23%;
}
#csr + #sitefooter > .container > .row.lower .col-sm-3.col-md-3.col-csr + .col-sm-3.col-md-3 {
	width: 20%;
}
#csr + #sitefooter > .container > .row.lower .col-sm-2:last-child {
	width: 13%;
}
#csr .f-bold { font-weight: bold; }
#csr .mb0 { margin-bottom: 0 !important; }

/* ------------------------------------------------------
 * csr
------------------------------------------------------ */
/* heading-mv-lv1 */
#csr .heading-mv-lv1 {
	display: flex;
	align-items: center;
	height: 390px;
	margin-bottom: 40px;
	background: url(/ja/csr/img/csr_index_bg01.jpg) no-repeat 50% 50% !important;
}
#csr .heading-mv-lv1 .heading-mv_title {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	font-size: 4.0rem;
	color:#dfdfdf;
}
/* index-layout */
#csr .index-layout {
	display: flex;
}
/* nav-col */
#csr .index-layout > .nav-col {
	width: 233px;
}
#csr .index-layout > .nav-col .indexList > li + li {
	margin-top: 1px;
}
#csr .index-layout > .nav-col .indexList > li > a {
	position: relative;
	display: block;
    padding: 18px 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #eeeeee !important;
	font-size: 1.4rem;
}
/*@media all and (-ms-high-contrast: none) {
#csr .index-layout > .nav-col .indexList > li > a {
    padding: 19.8px 15px 20px 15px;
  }
}
@supports (-ms-ime-align: auto) {
#csr .index-layout > .nav-col .indexList > li > a {
    padding: 19.8px 15px 19.9px 15px;
  }
}*/

#csr .index-layout > .nav-col .indexList > li > a:hover {
	background-color: #e3e3e3 !important;
}
#csr .index-layout > .nav-col .indexList > li > a::after {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 5px;
	height: 5px;
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	content: "";
}
/* contents-col */
#csr .index-layout > .contents-col {
	width: calc(100% - 263px);
	margin-left: 30px;
}
/* index-inner-layout */
#csr .index-layout > .contents-col > .index-inner-layout {
	display: flex;
}
/* linkBox-v1 */
#csr .index-layout > .contents-col > .index-inner-layout .linkBox-v1 {
	width: 65%;
}
#csr .index-layout > .contents-col > .index-inner-layout .linkBox-v2 {
	display: flex;
	flex-wrap: wrap;
	width: 31%;
	margin-left: 4%;
}
/* index_item */
#csr .index_item {
	position: relative;
	width: 100%;
}
#csr .linkBox-v2 .index_item {
	height: 145px;
	overflow: hidden;
}
#csr .linkBox-v2 .index_item + .index_item {
	margin-top: auto;
}
/* index_item_box */
#csr .index_item > .index_item_box {
	display: block;
}
#csr .index_item > .index_item_box .item_img img {
	width: 100%;
}
#csr .index_item > .index_item_box .item_panel {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5) !important;
}
#csr .linkBox-v1 .index_item > .index_item_box .item_panel {
	/*width: 47%;*/
	width:100%;
}
#csr .linkBox-v2 .index_item > .index_item_box .item_panel {
	width: 100%;
}
#csr .index_item > .index_item_box .item_panel .item_title {
	display: flex;
	align-items: center;
	position: relative;
	height: 40px;
	margin: 0;
	padding: 9px 40px 8px 10px;
	color: #fff !important;
	font-size: 1.6rem;
	font-weight: bold;
}
#csr .index_item:hover > .index_item_box .item_panel {
	background-color: rgba(0, 0, 0, 1) !important;
}
#csr .index_item:hover > .index_item_box .item_panel .item_title {
	color: #b3b3b3 !important;
}
#csr .index_item > .index_item_box .item_panel .item_title::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #444 !important;
	content: "";
}
#csr .index_item > .index_item_box .item_panel .item_title::after {
	position: absolute;
	top: 50%;
	right: 17px;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
}
/* index_item_box-v2 */
#csr .index-inner-layout-v2 {
	background-color: #999999;
}
#csr .index_item > .index_item_box-v2 {
	display: flex;
	height: 180px;
	margin-top: 30px;
	background: #eeeeee url(/ja/csr/img/csr_index_im04_2022.jpg) no-repeat 100% 0;
}
#csr .index_item > .index_item_box-v2 .item_panel {
	display: flex;
	align-items: center;
}
#csr .index-inner-layout-v2 .index_item:hover {
	opacity: 0.9;
}
#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 305px;
	padding: 0 0 0 30px;
}
#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner .item_title {
	position: relative;
	margin: 0;
	padding-right: 55px;
	font-size: 1.8rem;
	font-weight: bold;
}
#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner .item_title::before {
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: #444 !important;
	content: "";
}
#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner .item_title::after {
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	content: "";
}
#csr .index_item > .index_item_box-v2 .item_img {
	width: calc(100% - 305px);
}
#csr .index_item > .index_item_box-v2 .item_img img {
	width: 100%;
}

/* ------------------------------------------------------
 * csr top esg追加_202006
------------------------------------------------------ */

#csr .esg_wrap {
	margin-top: 30px;
	display: flex;
    justify-content: space-between;
}
#csr .esg_wrap .index_item {
	/*display: flex;*/
	flex-wrap: wrap;
	width: 31%;
	display: inline-block;
	/*margin-left: 4%;*/
}
.environment{
    background: url("/ja/csr/img/csr_index_e_back.jpg") no-repeat;
	background-size: cover;
}

.society{
    background: url("/ja/csr/img/csr_index_s_back.jpg") no-repeat;
	background-size: cover;
}

.governance{
    background: url("/ja/csr/img/csr_index_g_back.jpg") no-repeat;
	background-size: cover;
}

.environment a{
    background: url("/ja/csr/img/csr_index_e_after.png") no-repeat;
	background-size: cover;
    opacity: 0;
}

.society a{
    background: url("/ja/csr/img/csr_index_s_after.png") no-repeat;
	background-size: cover;
    opacity: 0;
}

.governance a{
    background: url("/ja/csr/img/csr_index_g_after.png") no-repeat;
	background-size: cover;
    opacity: 0;
}
 
.environment a, .society a, .governance a{
    display: inline-block !important;
    backface-visibility: hidden;
    zoom:1;/* IE対応 */
}
 
.environment a:hover, .society a:hover, .governance a:hover{
    /*backface-visibility:hidden;
    -webkit-backface-visibility:hidden;*/
    /*overflow:hidden;*/
	/*background-color: transparent;*/ /* IE6対応 */
    opacity: 1;
}
 
.environment a:hover img, .society a:hover img, .governance a:hover img{
    visibility: hidden;
}

/* ------------------------------------------------------
 * csr detail
------------------------------------------------------ */
/* h1 */
#csr > .container h1 {
	position: relative;
	color: #666!important;
	border-bottom: 2px solid #ccc;
	padding: 0 0 20px;
	margin: 0 0 40px;
	font-size: 3.2rem;
	font-weight: 400;
}

/* h2 */
#csr > .container h2 {
	position: relative;
	margin: 25px 0 15px;
	font-size: 20px;
	color: #555;
	font-style: normal;
    border-left: 2px solid #ccc;
    padding-left: 12px;
}
/* h3 */
#csr > .container h3 {
	position: relative;
	margin: 40px 0 15px;
	font-size: 16px;
	color: #666;
	font-style: normal;
}
/* p */
#csr .row p {
	/*margin-bottom: 1em;*/
	/*font-size: 1.3rem;*/
	line-height: 1.8;
}
/* li */
#csr > .container .wrap li:not(:last-child),
#csr > .container .privacy_wrap li:not(:last-child){
	margin-bottom:1em;
}
/* message_img */
#csr .message_img {
	margin-bottom: 30px;
	border: 10px solid #eee;
	position: relative
}
#csr .message_img img {
	height:200px;
}
#csr .message_img p {
	position: absolute;
	top: 50%;
	left: 33.3%;
	transform: translateY(-50%);
	font-weight: 900;
	font-size: 24px;
	padding: 0 6px 0 0;
}
#csr .message_img_right {
	text-align: right;
}
#csr .message_img_right p {
	left: 0 !important;
	padding: 0 0 0 1em;
	width: 66.6%;
    text-align: left;
}
/* message_leadText */
#csr .message_leadText {
	margin-bottom: 30px;
	font-size: 1.6rem;
	font-weight: bold;
}
/* message-text */
#csr .message-text {
	margin-top: 50px;
	text-align: right;
}
/* image-set */
#csr .image-set {
	margin-top: 30px;
	text-align: center;
}
/* as-accordion */
#csr .as-accordion {
	margin-bottom: 20px;
	border-top: 1px dotted #aaa;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger {
	display: block;
	position: relative;
	border-bottom: 1px dotted #aaa;
	padding: 20px 80px 18px 20px;
	cursor: pointer;
}
#csr .as-accordion > .as-accordion-layout > .topline {
	border-top: 1px dotted #aaa;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger.is-open {
	border-bottom: none;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger .accordion_icon {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: #eeeeee !important;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger .accordion_icon::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 14px;
	width: 2px;
	height: 14px;
	margin-top: -7px;
	background: #777 !important;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger .accordion_icon::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 8px;
	width: 14px;
	height: 2px;
	margin-top: -1px;
	background: #777 !important;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger.is-open .accordion_icon::before {
	display: none;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger .data {
	margin-bottom: 5px;
	color: #777777 !important;
	font-size: 1.2rem;
	line-height: 1.2;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger .title {
	margin-bottom: 0;
	font-size: 1.6rem;
}
#csr .as-accordion > .as-accordion-layout > .accordion_trigger .title > span {
	display: block;
	font-size: 1.3rem;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail {
	display: none;
	padding: 10px 20px 20px;
	border-bottom: 1px dotted #aaa;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail > p {
	margin-bottom: 1em;
	line-height: 1.8;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail > p > a {
	text-decoration: underline !important;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img {
	text-align: center;
	margin: 30px 0;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout > .col > .accordion_img {
	margin-top: 0;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img figure {
	display: inline-block;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img figure .caption {
	margin-top: 10px;
	text-align: left;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img img {
	max-width: 60%;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .text_link {
	text-align: right;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .text_link a {
	position: relative;
	padding-left: 15px;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .text_link a::before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 5px;
	height: 5px;
	border-top: 1px solid #c4244f;
	border-right: 1px solid #c4244f;
	content: "";
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout > .col {
	width: 49%;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout > .col + .col {
	margin-left: 2%;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table {
	margin-bottom: 30px;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table th {
	width: 18%;
	font-weight: normal;
	font-size: 1.4rem;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table td {
	position: relative;
	width: 82%;
	padding-left: 1.5em;
	font-size: 1.4rem;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table td > span {
	position: absolute;
	top: 0;
	left: 0;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .noteList-num {
	margin: 1em 0 0.5em;
}
#csr .as-accordion > .as-accordion-layout > .accordion_detail .noteList-num li {
	font-size: 1.2rem;
}
/* list_description */
#csr .list_description dt{
	line-height:1.8;
	font-weight: 700;
}
#csr .list_description dd{
	line-height:1.5;
}
#csr .list_description dd+ dt {
	margin-top: 2em;
}
/* list-bullet */
#csr .list-bullet li{
	position: relative;
	padding-left: 1.3em;
}
#csr .list-bullet-v2 li{
	position: relative;
	padding-left: 1em;
	word-break: break-all;
}
#csr .list-bullet-v2{
	margin-top: 0.7em;
}
#csr .list-bullet li + li,
#csr .list-bullet-v2 li + li{
	margin-top: 0.7em;
}
#csr .list-bullet li::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 0.4em;
	left: 0;
	background-color: #000;
}
#csr .list-bullet-v2 li::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	top: 0.6em;
	left: 0;
	border-radius: 50%;
	background-color: #000;
}


/* ------------------------------------------------------
 * Media Queries
------------------------------------------------------ */
@media screen and (max-width:1199px) {
	#csr .heading-mv-lv1 {
		height: 320px;
	}
	#csr .heading-mv-lv1 .heading-mv_title {
		max-width: 940px;
	}
	#csr .linkBox-v2 .index_item {
		height: 125px;
	}
	#csr .index_item > .index_item_box .item_panel .item_title {
		padding: 11px 40px 8px 9px;
		font-size: 1.3rem;
	}
	#csr .index_item > .index_item_box-v2 {
		height: 135px;
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner {
		width: 240px;
	}
/*	#csr .index-layout > .nav-col .indexList > li > a {
        padding: 14.8px 15px 14.5px 15px;
	}*/
/*@supports (-ms-ime-align: auto) {
#csr .index-layout > .nav-col .indexList > li > a {
    padding: 14.2px 15px 14.2px 15px;
  }
}*/
}
/*@media all and (max-width:1199px) and (-ms-high-contrast: none){
    #csr .index-layout > .nav-col .indexList > li > a {
        padding: 14.2px 15px 14.2px 15px;
    }
}*/

@media screen and (max-width:991px) {
	#csr .heading-mv-lv1 {
		height: 250px;
	}
	#csr .heading-mv-lv1 .heading-mv_title {
		max-width: 720px;
	}
	#csr .linkBox-v2 .index_item {
		height: 85px;
	}
	#csr .index_item > .index_item_box .item_panel .item_title {
		height: 35px;
		padding: 0 40px 0 9px;
		font-size: 1.2rem;
	}
	#csr .index_item > .index_item_box .item_panel .item_title::before {
		width: 35px;
		height: 35px;
	}
	#csr .index_item > .index_item_box .item_panel .item_title::after {
		right: 15px;
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner {
		width: 210px;
	}
	#csr .index_item > .index_item_box-v2 .item_img {
		width: calc(100% - 210px);
	}
	#csr .image-set img {
		width: 100%
	}
	#csr .index_item > .index_item_box-v2 {
		height: 100px;
		background-size: auto 100px;
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner {
		width: 210px;
	}
	#csr .index-layout > .nav-col .indexList > li > a {
		/*padding: 16.9px 15px 16.9px 15px;*/
        /*padding: 10.1px 25px 10.5px 15px;*/
		font-size: 1.3rem;
	}
	/* message_img */
	#csr .message_img {
		
	}
	#csr .message_img img {
		
	}
	#csr .message_img p {
		left:50%;
		font-size:24px;
	}
	#csr .message_img_right p {
		left:0 !important;
		width:50%;
	}
/*@supports (-ms-ime-align: auto) {
#csr .index-layout > .nav-col .indexList > li > a {
    padding: 10.1px 25px 10px 15px;
  }
}*/
}
/*@media all and (max-width:991px) and (-ms-high-contrast: none){
    #csr .index-layout > .nav-col .indexList > li > a {
        padding: 10.1px 25px 10px 15px;
    }
}*/

@media screen and (max-width:768px) {
	/* ------------------------------------------------------
	 * Reset
	------------------------------------------------------ */
	.sp-hidden{ display: none;}
	.pc-hidden{ display: block;}
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	#csr + #sitefooter > .container > .row.lower .col-sm-2:last-child {
		width: 100%;
	}
	/* ------------------------------------------------------
	 * csr
	------------------------------------------------------ */
	/* heading-mv-lv1 */
	#csr .heading-mv-lv1 {
		display: block;
		height: auto;
		margin: 0 -10px 20px;
		background: none !important;
	}
	#csr .heading-mv-lv1 .heading-mv_title {
		width: auto;
		max-width: none;
		margin: 0 10px 20px;
		font-size: 3.2rem;
		color: #777;
	}
	/* index-layout */
	#csr .index-layout {
		display: flex;
		flex-wrap: wrap-reverse;
	}
	/* nav-col */
	#csr .index-layout > .nav-col {
		width: 100%;
		margin-bottom: 70px;
	}
	#csr .index-layout > .nav-col .indexList > li + li {
		margin-top: 1px;
	}
	#csr .index-layout > .nav-col .indexList > li > a {
		position: relative;
		display: block;
		/*padding: 13px 25px 13px 15px;*/
        /*padding: 10.1px 25px 10.5px 15px;*/
		background-color: #eeeeee !important;
		font-size: 1.3rem;
	}
/*    @supports (-ms-ime-align: auto) {
#csr .index-layout > .nav-col .indexList > li > a {
    padding: 10.1px 25px 10px 15px;
  }
}*/
	#csr .index-layout > .nav-col .indexList > li > a:hover {
		background-color: #e3e3e3 !important;
	}
	#csr .index-layout > .nav-col .indexList > li > a::after {
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -3px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 6px;
		height: 6px;
		border-top: 1px solid #444;
		border-right: 1px solid #444;
		content: "";
	}
	/* contents-col */
	#csr .index-layout > .contents-col {
		width: 100%;
		margin-left: 0;
	}
	/* index-inner-layout */
	#csr .index-layout > .contents-col > .index-inner-layout {
		display: block;
	}
	/* linkBox-v1 */
	#csr .index-layout > .contents-col > .index-inner-layout .linkBox-v1 {
		width: auto;
	}
	#csr .index-layout > .contents-col > .index-inner-layout .linkBox-v2 {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	/* index_item */
	#csr .index_item {
		position: relative;
		width: 100%;
	}
	#csr .linkBox-v2 .index_item {
		height: auto;
		overflow: hidden;
	}
	#csr .linkBox-v2 .index_item + .index_item {
		margin-top: 20px;
	}
	/* index_item_box */
	#csr .index_item > .index_item_box {
		display: block;
	}
	#csr .index_item > .index_item_box .item_img img {
		width: 100%;
	}
	#csr .index_item > .index_item_box .item_panel {
		position: absolute;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
	#csr .linkBox-v1 .index_item > .index_item_box .item_panel {
		width: 100%;
	}
	#csr .linkBox-v2 .index_item > .index_item_box .item_panel {
		width: 100%;
	}
	#csr .index_item > .index_item_box .item_panel .item_title {
		display: flex;
		align-items: center;
		position: relative;
		height: 40px;
		margin: 0;
		padding: 9px 50px 8px 10px;
		color: #fff !important;
		font-size: 1.6rem;
		font-weight: bold;
	}
	#csr .index_item:hover > .index_item_box .item_panel {
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
	#csr .index_item:hover > .index_item_box .item_panel .item_title {
		color: #ffffff !important;
	}
	#csr .index_item > .index_item_box .item_panel .item_title::before {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: #444 !important;
		content: "";
	}
	#csr .index_item > .index_item_box .item_panel .item_title::after {
		position: absolute;
		top: 50%;
		right: 17px;
		margin-top: -5px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 9px;
		height: 9px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
	}
	/* index_item_box-v2 */
	#csr .index_item > .index_item_box-v2 {
		display: flex;
		margin: 20px 0 40px;
		height: 110px;
		background: #eeeeee url(/ja/csr/img/csr_index_im04_2022_sp.jpg) no-repeat 100% 50%;
		background-size: auto 150px;
	}
	#csr .index_item > .index_item_box-v2 .item_panel {
		display: flex;
		align-items: center;
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner {
		display: block;
		align-items: center;
		width: 170px;
		padding: 0;
		text-align: center;
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner .item_title {
		display: inline-block;
		position: relative;
		margin: 0;
		padding-right: 28px;
		font-size: 1.8rem;
		font-weight: bold;
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner .item_title::before {
		position: absolute;
		top: 50%;
		right: 0;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: #444 !important;
		content: "";
	}
	#csr .index_item > .index_item_box-v2 .item_panel .item_panel_inner .item_title::after {
		position: absolute;
		top: 50%;
		right: 8px;
		margin-top: -2px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 4px;
		height: 4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		content: "";
	}
	#csr .index_item > .index_item_box-v2 .item_img {
		width: 100%;
	}
	#csr .index_item > .index_item_box-v2 .item_img img {
		width: 100%;
	}
	
    /* ------------------------------------------------------
     * csr top esg追加_202006
    ------------------------------------------------------ */
	#csr .esg_wrap {
		margin: 20px 0 40px;
		display: block;
	}
	#csr .esg_wrap .index_item {
	display: block;
	width: 100%;
}
	#csr .esg_wrap .index_item + .index_item {
		margin-top: 20px;
	}
	/* ------------------------------------------------------
	 * csr detail
	------------------------------------------------------ */
	/* h1 */
	#csr > .container h1 {
		position: relative;
		color: #777 !important;
		border-bottom: 2px solid #ccc;
		padding: 0 0 18px;
		margin: 0 0 35px;
		font-size: 1.8rem;
		font-weight: bold;
	}
	#csr > .container h1::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -2px;
		width: 23%;
		height: 2px;
	}
	/* h2 */
	#csr > .container h2 {
		position: relative;
		margin: 25px 0 15px;
		font-size: 20px;
		color: #666;
		font-style: normal;
	}
	/* p */
	#csr .row p {
		margin-bottom: 1em;
		font-size: 1.3rem;
		line-height: 1.8;
	}
	/* message_img */
	#csr .message_img {
		margin-bottom: 35px;
	}
	#csr .message_img img {
		/*width: 100%*/
	}
	#csr .message_img p {
		font-size:20px;
		left: 230px;
	}
	#csr .message_img_right p {
		font-size:20px;
		left: 0 !important;
	}
	/* message_leadText */
	#csr .message_leadText {
		margin-bottom: 20px;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 2;
	}
	/* message-text */
	#csr .message-text {
		margin-top: 40px;
		text-align: right;
	}
	/* image-set */
	#csr .image-set {
		margin-top: 30px;
		text-align: center;
	}
	/* as-accordion */
	#csr .as-accordion {
		margin-bottom: 20px;
		border-top: 1px solid #dddddd;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger {
		display: block;
		position: relative;
		border-bottom: 1px solid #dddddd;
		padding: 15px 50px 15px 0;
		cursor: pointer;
	}
	#csr .as-accordion > .as-accordion-layout > .topline {
		border-top: 1px solid #dddddd;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger.is-open {
		border-bottom: none;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger .accordion_icon {
		position: absolute;
		top: 50%;
		right: 0;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #eeeeee !important;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger .accordion_icon::before {
		position: absolute;
		content: "";
		top: 50%;
		right: 15px;
		width: 2px;
		height: 16px;
		margin-top: -8px;
		background: #c0103f !important;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger .accordion_icon::after {
		position: absolute;
		content: "";
		top: 50%;
		right: 8px;
		width: 16px;
		height: 2px;
		margin-top: -1px;
		background: #c0103f !important;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger.is-open .accordion_icon::before {
		display: none;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger .data {
		margin-bottom: 5px;
		color: #777777 !important;
		font-size: 1.1rem;
		line-height: 1.2;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger .title {
		margin-bottom: 0;
		font-size: 1.3rem;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_trigger .title > span {
		display: block;
		font-size: 1.1rem;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail {
		display: none;
		padding: 10px 10px 10px;
		border-bottom: 1px solid #dddddd;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail > p {
		margin-bottom: 1em;
		line-height: 1.8;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail > p > a {
		text-decoration: underline !important;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img {
		text-align: center;
		margin: 30px 0;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout > .col > .accordion_img {
		margin-top: 0;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img figure {
		display: inline-block;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img figure .caption {
		margin-top: 10px;
		text-align: left;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion_img img {
		max-width: 60%;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .text_link {
		text-align: right;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .text_link a {
		position: relative;
		padding-left: 15px;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .text_link a::before {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -2px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 5px;
		height: 5px;
		border-top: 1px solid #c4244f;
		border-right: 1px solid #c4244f;
		content: "";
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout {
		display: block;
		align-items: flex-start;
		margin-bottom: 30px;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout > .col {
		width: auto;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .accordion-layout > .col + .col {
		margin-top: 15px;
		margin-left: 0;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table {
		margin-bottom: 30px;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table th {
		width: 100px;
		font-weight: normal;
		font-size: 1.3rem;
		vertical-align: top;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table td {
		position: relative;
		width: auto;
		padding-left: 1.5em;
		font-size: 1.3rem;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .notDeg-table td > span {
		position: absolute;
		top: 0;
		left: 0;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .noteList-num {
		margin: 1em 0 0.5em;
	}
	#csr .as-accordion > .as-accordion-layout > .accordion_detail .noteList-num li {
		font-size: 1.1rem;
	}
	/* list_description */
	#csr .list_description dt{
		line-height:1.8;
	}
	#csr .list_description dd{
		line-height:1.5;
	}
	#csr .list_description dd+ dt {
		margin-top: 2em;
	}
	/* list-bullet */
	#csr .list-bullet li{
		position: relative;
		padding-left: 1.3em;
	}
	#csr .list-bullet-v2 li{
		position: relative;
		padding-left: 1em;
		word-break: break-all;
	}
	#csr .list-bullet-v2{
		margin-top: 0.7em;
	}
	#csr .list-bullet li + li,
	#csr .list-bullet-v2 li + li{
		margin-top: 0.7em;
	}
	#csr .list-bullet li::before {
		position: absolute;
		content: "";
		width: 10px;
		height: 10px;
		top: 0.4em;
		left: 0;
		background-color: #000;
	}
	#csr .list-bullet-v2 li::before {
		position: absolute;
		content: "";
		width: 5px;
		height: 5px;
		top: 0.6em;
		left: 0;
		border-radius: 50%;
		background-color: #000;
	}
}
@media all and (max-width:768px){
    #csr .index-layout > .nav-col .indexList > li > a {
        height: 39px !important;
		line-height: 9px !important;
    }
}
@media screen and (max-width:480px) {
	/* message_img */
	#csr .message_img {
		border: 5px solid #eee;
	}
	#csr .message_img img {
		width:80%;
		height:auto;
	}
	#csr .message_img p {
		font-size:12px;
		left: 50%;
	}
	#csr .message_img p {
		/*left: 0;*/
		right: 0;
		width:50%;
	}
}

@media print {
a[href]:after {
	content: ""
}
a[href^="#"]:after, a[href^="javascript:"]:after {
	content: ""
}
}

/*情報セキュリティー方針,個人情報保護方針*/
/*#csr .container .security_wrap .wrap h2,
#csr .container .privacy_wrap .wrap h2{
	font-size: 14px;
	font-weight: 700;
	padding: 0;
	margin: 35px 0 10px;
    color: #333;
    border:none;
}
#csr .container .security_wrap .wrap p,
#csr .container .privacy_wrap .wrap p{
	line-height: 1.5;
}*/
#csr .container .security_wrap .wrap p.right,
#csr .container .privacy_wrap .wrap p.right{
	text-align: right;
}
/*情報セキュリティー方針,個人情報保護方針*/

/*ESG各ページトップ追加*/
#esg_message sup a{
	font-weight: bold;
	/*color: #c0103f;*/
}
#esg_message a:hover {
	text-decoration: underline;
}
.esg_related_links {
    margin-top: 2em;
    line-height: 1.8;
}
.esg_related_links ul {
    line-height: 1.8;
}
.esg_related_links span {
    font-weight: bold;
}
/*ESG各ページトップ追加*/

/*ESG_ダイバーシティ推進ページ追加*/
#diversity h2{
border-bottom: 1px solid #c0103f;
padding-bottom: 0.5em;
}
#diversity img{
    width: 100%;
}

#diversity ul{
    padding-left: 20px;
    line-height: 1.8;
}

#diversity .diversity_logo img{
    padding-bottom: 1.2em;
}

#diversity .diversity_logo1{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;/* 横並びに */
    align-items: center;
    justify-content:space-between;
}
#diversity .diversity_logo2{
    width: 60%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;/* 横並びに */
    align-items: center;
    justify-content:space-between;
}
#diversity .logo1, #diversity .logo2, #diversity .logo3{
    width: 28%;
    max-width: 150px;
}
#diversity .logo4, #diversity .logo5{
    width: 49%;
    max-width: 150px;
}
/*ESG_ダイバーシティ推進ページ追加*/

/*ESG_SUDAchiページ追加*/
#sudachi h2{
border-bottom: 1px solid #c0103f;
padding-bottom: 0.5em;
}
#sudachi img{
    width: 100%;
}
#sudachi .sudachi_logo{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 1em;
}
#sudachi .training{
    width: 80%;
    margin: 0 auto;
    max-width: 300px;
    display: flex;
    flex-direction: column;/* 縦並びに */
}
#sudachi .training img{
    padding-bottom: 1.2em;
}
#sudachi .hr_logo{
    text-align: center;
    margin: 0 auto;
    margin-top: 2em;
}
#sudachi .hr_logo img{
    width: 150px;
    height: auto;
}
@media (min-width: 600px){
#sudachi .training{
    width: 100%;
    max-width: 100%;
    margin-top: 1.5em;
    display: flex;
    flex-direction: row;/* 横並びに */
    justify-content:space-between;
}
#sudachi .training1, #sudachi .training2, #sudachi .training3{
    width: 32%;
}
}
/*ESG_SUDAchiページ追加*/

/*気候変動ページ追加*/
#climatechange .small {
  line-height: 1.3;
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
}

#climatechange .tablewrapper {
  margin-left: 24px;
}

#climatechange .tablewrapper table {
  border-collapse: collapse;
  width: 100%;
}

#climatechange .tablewrapper caption {
  font-weight:bold;
}

#climatechange .tablewrapper th {
  background: #e0e0e0;
  text-align: center;
}

#climatechange .tablewrapper th,
#climatechange .tablewrapper td {
  padding: 0.5em 0.8em;
  border: 1px solid #eeeeee;
}

#climatechange .tablewrapper ul {
  padding-left: 1em;
}

#climatechange .tablewrapper.th_left th {
  text-align: left;
}

#climatechange .tablewrapper.valnum td {
  text-align: right;
}

#climatechange .tablewrapper .nowrap {
    white-space: nowrap;
}

#climatechange .initiative {
    display: flex;
    flex-direction: row;
    margin-bottom: 3em;
    align-items: flex-start;
}

#climatechange .initiative>.figure {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-width: 320px;
}

#climatechange .initiative img {
    width: 100%;
}

#climatechange .initiative>p {
    flex: 3;
}

/* #climatechange .initiative .figure:not(.stb) {
    padding-top: 2em;
    padding-bottom: 2em;
}  */

#climatechange .initiative .tcfd {
    padding-left: 4.5%;
    padding-right: 4.5%;
}

#climatechange .initiative .stb {
    flex-direction: column;
    padding: 0 2em;
}

#climatechange .initiative .coolchoice {
    padding-left: 12%;
    padding-right: 12%;
}

@media (max-width: 993px) {
    #climatechange .initiative {
    flex-direction: column;
    }

    #climatechange .initiative .tcfd {
    padding-left: 8%;
    padding-right: 8%;
    }

    #climatechange .initiative .stb {
    margin-bottom: 2em;
    }

    #climatechange .initiative .coolchoice {
    padding-left: 23%;
    padding-right: 23%;
    }
}

@media screen and (max-width: 1199px) {
  #climatechange .tablewrapper {
    overflow-x: scroll;
  }

  .tablewrapper table {
    min-width: 787.5px;
  }
}
/*気候変動ページ追加*/

.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb80 { margin-bottom: 80px!important; }
.text-border { display:inline-block; border: 1px #ccc solid; padding: 5px 10px; margin: 5px 0; }
.listsquare {list-style-type: square;}

/*2021年データ集追加時マイナーチェンジ*/
#csr .breadcrumb {
    padding: 15px 0 0 0;
    margin-bottom: 40px;
    list-style: none;
    border-radius: 0;
    font-size: 12px;
}
#d_side_wrap {
	padding: 0 30px 0 0;
    margin: 0;
}
.back_btn {
	display: block;
	padding: 10px 15px 10px 12px;
	border: 1px #ddd solid;
    margin: 0 0 15px 0;
}
.back_btn:hover {
	background-color: #eee;
}
.d_title {
    background-color: #e0e0e0;
	padding: 10px 15px 10px 12px;
	font-weight: 700;
    color: #444;
    font-size: 14px;
}
a .d_title:hover {
	opacity: 0.7;
}
#d_side_wrap ul {
	list-style: none;
	padding: 0;
}
#d_side_wrap ul li span {
	display: block;
	padding: 10px 15px 10px 12px;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	color: #444;
}
#d_side_wrap ul li {
	color: #aaa;
}
#d_side_wrap ul li a {
	display: block;
	color: #444;
}
#d_side_wrap ul li a:hover {
	text-decoration: underline;
}
#d_side_wrap ul li ul {
	list-style: disc;
	padding: 0 0 15px 30px;
}
#d_side_wrap ul li ul li {
	padding: 10px 5px 0px;
}
#d_side_wrap ul li ul li ul {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
#d_side_wrap ul li ul li ul li a {
	display: inline-block;
}
#d_side_wrap ul li ul li ul li:before {
	content:"▸  "
}
#d_side_wrap .current {
	font-weight: 700;
}
#d_side_wrap .s_ttl {
	display: block;
	color: #444;
	padding: 10px 5px 0;
}
#d_side_wrap ul + div.s_ttl {
	padding: 0;
}
.sholder {
	margin-bottom: 20px;
}
#csr section {
	margin-bottom: 40px;
}
#data_wrap {
    color: #444;
}
#data_wrap .cont_body {
	width: 95%;
	margin: 0 auto 40px auto; 
}
#3rd_person, #engagement {
	padding-top: 100px;
	margin-top:-100px;
}
#data_wrap .lv3 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 5px!important;
    color: #333;
}
#data_wrap .lv3gr {
	font-size: 15px;
	background-color: #e0e0e0;
	padding: 10px 13px;
	margin-bottom: 5px;
}
#data_wrap .lv3rd {
	font-size: 14px;
	display: inline-block;
	border: 1px #ccc solid;
	border-radius: 15px;
	padding: 5px 15px;
	margin: 0 0 5px 0;
}
#data_wrap h4 {
    font-size: 15px;
}
#data_wrap .fs15r {
	font-size: 1.5rem;
	color: #222;
}
#data_wrap ul li {
    line-height: 1.8;
}
.data_tbl {
	width: 100%;
	border-collapse: collapse;
}
.data_tbl th, .data_tbl td {
	border: 0.5px #ccc solid;
	padding: 10px;
}
.data_tbl td ul {
	padding-left: 20px;
}
.data_tbl th {
	width: 35%;
	background-color: #e0e0e0;
}
.data_tbl th.w50 {
	width: 50%;
}
.data_tbl th.w70 {
	width: 70%;
}
.data_tbl caption {
	font-weight: 700;
}
table.num td {
	text-align: right;
}
section[id] {
    padding-top: 90px;
    margin-top:-90px;
}
section[id] > h2 {
	margin-top: 0!important;
}
p + h4, ul + h4, p + h3 {
	margin-top: 15px!important;
}
h3.lv3 + .cont_body {
	margin-bottom: 10px!important;
}
#csr .date {
	font-size: 12px;
}
#csr .news {
	margin-bottom: 30px;
}
#csr .news h2 {
	font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    line-height: 1.3;
}
#csr .news a:hover {
	text-decoration: underline;
}
.current_page, .link_page, .link_first, .link_last {
	border: 1px #ccc solid;
	padding: 10px;
	margin: 0 5px;
}
.current_page, .link_page:hover, .link_first:hover, .link_last:hover {
	background-color: #eee;
}
#data_top .col-sm-3 {
	padding-right: 30px;
}
#data_top .col-sm-3:last-child {
	padding-right: 0;
}
#data_top h1 {
	margin-bottom: 10px!important;
}
#data_top ul {
	border: 1px #ccc solid;
	padding: 10px 15px 10px 30px;
	margin-bottom: 15px;
}
#data_top li {
	color: #aaa;
	line-height: 2;
}
#data_top li a {
	color: #444;
}
#data_top li a:hover {
	text-decoration: underline;
}
#data_top ul li ul {
	border: 0;
	padding: 0 0 0 30px;
	margin-bottom: 0;
}

#data_top .s_ttl {
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	padding: 10px 15px;
	font-weight: 700;
}

.pl20 { padding-left: 20px!important; }
small { display: block; font-size: 0.75rem; line-height: 1.2rem; }
.center { text-align: center; }
.right { text-align: right; }
.w_auto { width: auto!important; }
.w80_100 { width: 80%; margin-left: auto; margin-right: auto; } @media screen and (max-width:767px) { .w80_100 { width: 100%; } }
.w60_100 { width: 60%; margin-left: auto; margin-right: auto; } @media screen and (max-width:767px) { .w60_100 { width: 100%; } }

@media all and (max-width:768px){
	#data_top .col-sm-3 { padding-right: 0; }
	#d_side_wrap { padding: 0 }
}

/* ぎっしー↓ */

.csr_sports h2 {
  position: relative;
  margin: 60px 0 15px;
  font-size: 20px;
  color: #666;
  font-style: normal;
  border-left: 2px solid #ccc;
  padding-left: 12px;
}

.csr_sports .wrap {
  margin-bottom: 90px;
}

.csr_sports .wrap p.team_title {
  margin-top: 2em;
  font-size: 1.2em;
  font-weight: bold;
}

/* ダミー用 */

.csr_sports .wrap .flexbox {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  align-items: flex-start;
}

.csr_sports .wrap .flexbox img {
  height: 220px;
  margin: 20px 0;
}

.csr_sports .wrap .flexbox img + img {
  margin-left: 20px;
}

/* ここまで */

.csr_sports .wrap .flexbox2 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  align-items: flex-start;
}

.csr_sports .wrap .flexbox2 img {
  height: 220px;
  margin: 20px 0;
}

.csr_sports .wrap .flexbox3 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  align-items: flex-start;
}

.csr_sports .wrap .flexbox3 img {
  height: 150px;
  margin: 20px 0;
}

.csr_sports .wrap .flexbox2 img + img,
.csr_sports .wrap .flexbox3 img + img, {
  margin-left: 20px;
}

.csr_sports .wrap p.text_link {
  text-align: right;
}

.csr_sports .wrap p.text_link a {
  position: relative;
  padding-left: 15px;
  text-decoration: underline !important;
}

.csr_sports .wrap p.text_link a::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #c4244f;
  border-right: 1px solid #c4244f;
  content: "";
}

@media all and (max-width:768px){

  .csr_sports .wrap .flexbox2,
  .csr_sports .wrap .flexbox3 {
    display: block;
  }
  
  .csr_sports .wrap .flexbox2 img,
  .csr_sports .wrap .flexbox3 img {
    width: 90%;
    height: inherit;
  }

}

.data_tbl_w-auto th{
  width: auto;
}

.data_tbl_w-auto th, .data_tbl_w-auto td {
	border: 0.5px #eee solid;
	padding: 10px;
}

.diversity_inner {
  padding: 30px;
}
ul.csr_main_list {
  padding-left: 30px;
}
ul.csr_main_list li {
  list-style: square;
  padding-bottom: 10px;
}

#csr ol {
	padding-left: 30px;
}

.csr_main_list_num li {
  list-style: decimal;
}

.diversity_inner .csr_main_list_num li {
  padding-bottom: 20px;
}

.csr_main_list li img {
  width: 100%;
  margin: 10px 0 30px;
}
ul.csr_sub_list {
  padding-left: 30px;
}
ul.csr_sub_list li {
  list-style: circle;
  padding-bottom: 5px;
}

ul.csr_main_list li ul.csr_sub_list {
	margin-top: 1rem;
}

ul.csr_sub02_list li {
  list-style: none;
  padding-bottom: 5px;
  padding-left: 1em;
  text-indent: -1.2em;
}

.data_tbl ul li {
  list-style: disc;
}

.csr_image {
  margin: 20px 0 60px;
}

.csr_image img {
  width: 100%;
}

.csr_image_w50 img {
  width: 50%;
}

.csr_image_flexbox {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}

.csr_image_flexbox img,
.csr_main_list li .csr_image_flexbox img {
  border: none;
  padding: 0 10px 10px;
  width: auto;
  height: 200px;
}

.csr_image_flexbox_one img,
.csr_main_list li .csr_image_flexbox_one img {
  border: none;
  padding: 0 10px 10px;
  width: 370px;
  height: auto;
  display: block;
}


p.notice{
  font-size: 12px;
  padding-top: 10px;
}

.award_logo_flexbox {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.award_logo_inner {
  width: calc(100%/3);
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.award_logo_inner_border_right {
  border-right: #777 1px solid;
}

.award_logo_box {
  border-top: #777 1px solid;
  border-left: #777 1px solid;
}

.award_logo_box {
  padding: 30px;
  height: 200px;
}
.award_logo_box img {
  width: 60%;
  display: block;
  margin: auto auto;
}

.award_logo_textbox {
  border-top: #777 1px solid;
  border-left: #777 1px solid;
  background-color: #e0e0e0;
  padding: 20px;
  font-weight: 600;
  font-size: 1.1em;
}

.award_logo_textbox02 {
  border-top: #777 1px solid;
  border-left: #777 1px solid;
  border-bottom: #777 1px solid;
  background-color: #fff;
  padding: 20px;
  flex: 1 0 auto;
}

.development_rinen {
  border: 1px #ccc solid;
  margin: 30px;
  padding: 0 30px 30px;
}

p.development_rinen_title {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 30px;
}

p.development_rinen_copy {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  border: #ccc 3px solid;
  padding: 20px;
  margin: 20px;
}

p.development_rinen_text {
  text-align: center;
}

p.caption {
  transform: translate3d(10px, -30px, 0px);
  font-size: 0.8em;
}

@media all and (max-width:768px){
  .award_logo_box img {
    width: 100%;
  }

  .csr_image_flexbox {
    display: block;
    text-align: center;
  }

  .csr_image_flexbox img{
    margin-bottom: 20px;
  }
  
  .csr_image_w50 img {
    width: 100%;
  }

  .award_logo_flexbox {
    display: block;
  }
  
  .award_logo_inner {
    width: 100%;
  }
  
  .award_logo_inner_border_right {
    border-right: none;
  }
  
  .award_logo_box {
    border-top: #777 1px solid;
    border-left: #777 1px solid;
    border-right: #777 1px solid;
  }
  
  .award_logo_box {
    height: auto;
  }
  .award_logo_box img {
    width: 60%;
    display: block;
    margin: auto auto;
  }
  
  .award_logo_textbox {
    border-top: #777 1px solid;
    border-left: #777 1px solid;
    border-right: #777 1px solid;
    background-color: #e0e0e0;
    padding: 20px;
    font-weight: 600;
    font-size: 1.1em;
  }
  
  .award_logo_textbox02 {
    border: #777 1px solid;
    background-color: #fff;
    padding: 20px;
  }
  
  .development_rinen {
    margin: 30px 0px;
  }

  p.caption {
    transform: translate3d(0, -30px, 0);
    font-size: 0.8em;
    text-align: center;
  }
.csr_image_flexbox img,
.csr_main_list li .csr_image_flexbox img {
	width: 100%;
	height: auto;
}

}

ul .list_indent_none li {
    text-indent: 0;
    padding-left: 0;
  }

/* マージン設定 */

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

/*気候変動ページ追加*/
#climatechange .initiative {
    display: flex;
    flex-direction: row;
    margin-bottom: 3em;
    align-items: flex-start;
  }
  
  #climatechange .initiative>.figure {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-width: 320px;
  }
  
  #climatechange .initiative img {
    width: 100%;
  }
  
  #climatechange .initiative>p {
    flex: 3;
  }
  
  /* #climatechange .initiative .figure:not(.stb) {
    padding-top: 2em;
    padding-bottom: 2em;
  } */
  
  #climatechange .initiative .tcfd {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  
  #climatechange .initiative .stb {
    flex-direction: column;
    padding: 0 2em;
  }
  
  #climatechange .initiative .coolchoice {
    padding-left: 12%;
    padding-right: 12%;
  }
  
  @media (max-width: 993px) {
    #climatechange .initiative {
    flex-direction: column;
    }
  
    #climatechange .initiative .tcfd {
    padding-left: 8%;
    padding-right: 8%;
    }
  
    #climatechange .initiative .stb {
    margin-bottom: 2em;
    }
  
    #climatechange .initiative .coolchoice {
    padding-left: 23%;
    padding-right: 23%;
    }
  }



/**** 横スクロールテーブル ***/
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}
/*** 雇用と健康表等幅 ***/
.wide_eq { width: 74px!important; padding: 10px 0!important; text-align: center; }

/*** テキストインデント ***/

#csr .text_indent {
  padding-left: 1em;
  text-indent: -1.1em;
}

p.climatechange_title_mb {
    margin-bottom:10px;
    }