.sdgIconArea {
	float: right;
	margin-top: -35px;
	display: inline-block;
	font-size: 0;
}

.sdgIcon {
    margin: 1px;
    width: 32px;
    height: 32px;
}

.topics {
	display: block;
	border: 1px solid #B8B8B8;
	margin: 40px auto;
	padding: 0 20px 20px;
	background-color: #ffffff;
}
.topics .section {
	margin-top: 20px;
}
.topics .mod-section-title {
	padding: 0;
	border: none;
	background: none;
}
.topics .mod-sub-title {
	padding: 0;
	border: none;
	background: none;
}
.topics .mod-local-title {
	padding: 0;
	border: none;
	background: none;
}
.topics h3 {
	text-align: right;
	margin: 0;
	border-top: 10px solid #B8B8B8;
	padding: 0;
	color: #B8B8B8;
}
.topics h3:before {
	background: none;
}
.topics h4 {
	display: block;
	background: #EFEFEF;
	padding: 15px;
	margin: 10px 0;
}
.topics h4:before {
	background: none;
}



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

 210302 updata

------------------------ */
[data-cts="cts1"] {
	background-color: #FFF;
	padding-bottom: 40px;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 25px;
}

.dis_blk {
	display: block !important;
}

.wrp-table+* {
	margin-top: 40px;
}

.mod-local-title.link_type {
	padding: 10px;
}

.mod-local-title.link_type p {
	font-size: 14px;
}

.mod-local-title.link_type p a span {
	font-size: 18px;
	font-weight: bold;
}

[data-table="scroll"] {
	overflow-x: auto;
}

.cts-row[data-row="space-between"] {
	display: flex;
	justify-content: space-between;
}

[data-table="long"] {
	width: 1200px;
}

[data-table="middle"] {
	width: 900px;
}

.wrp-table table th,
.wrp-table table td {
	font-size: 1.2em;
	padding: 5px;
}

.wrp-table.table-fSize-mid table th,
.wrp-table.table-fSize-mid table td {
	font-size: 1.4em;
}

.mod-table th, .mod-table td {
	word-break: break-word;
}

.table-head-clr table thead th {
	background-color: #70b538;
	border-color: #ffffff;
	color: #ffffff;
}

.brackets {
	counter-reset: number 0;
}

.brackets>li {
	padding-left: 30px;
	position: relative;
}

.brackets>li:nth-child(n+2) {
	margin-top: 5px;
}

.brackets>li:before {
	counter-increment: number 1;
	content: "("counter(number) ")";
	left: 0;
	position: absolute;
	top: 0;
}

.column {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 20px;
}

.column .each_col figcaption {
	font-size: 12px;
}

.column .each_col img {
	height: auto;
	width: 100%;
}

.column .each_col img.border {
	border: 1px solid #ccc;
}

[data-colimg="2"] .each_col {
	max-width: 300px;
	width: 100%;
}

[data-colimg="2"] .each_col:nth-child(even) {
	margin-left: 20px;
}

[data-colimg="2"] .each_col:nth-child(n+3) {
	margin-top: 20px;
}

ul.sdgIconArea {
	display: flex;
	justify-content: center;
	margin-bottom: 0;
	margin-top: 20px;
}

ul.sdgIconArea li {
	margin-right: 18px;
}

ul.sdgIconArea li:last-child {
	margin-right: 0;
}

ul.sdgIconArea li img {
	height: auto;
	margin: 0;
	width: auto;
}

.header[data-mttl="01"] {
	position: relative;
	padding: 16px;
}

.header[data-mttl="01"]::before,
.header[data-mttl="01"]::after {
	content: "";
	height: 31px;
	position: absolute;
	width: 31px;
}

.header[data-mttl="01"]::before {
	border-left-style: solid;
	border-top-style: solid;
	border-left-width: 3px;
	border-top-width: 3px;
	left: 0;
	top: 0;
}

.header[data-mttl="01"]::after {
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-width: 3px;
	border-right-width: 3px;
	bottom: 0;
	right: 0;
}

.header[data-mttl="01"] .mod-page-title {
	background-image: none;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 113px;
	position: relative;
	max-width: 665px;
	width: 100%;
}

.header[data-mttl="01"] .mod-page-title .heading {
	background-color: #FFF;
	border-style: solid;
	border-width: 3px;
	font-size: 14px;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	text-align: center;
	max-width: 452px;
	width: 100%;
}

.header[data-mttl="01"] .mod-page-title .heading .hdg01 {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	font-size: 53px;
	padding: 0;
	padding-bottom: 10px;
}

.header[data-mttl="01"] .mod-page-title .heading .hdg01 i {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}

.header[data-mttl="01"] .mod-page-title .heading .cate {
	margin-bottom: 10px;
}

.header[data-mttl="01"] .mod-page-title .heading .tx {
	font-size: 12px;
}

.header[data-mttl="01"] .mod-page-title .mv {
	margin-top: 0;
	left: 50%;
	position: absolute;
	top: 0;
	z-index: -1;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.cts_link {
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

.cts_link .cts_link_txt {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	/* font-size: 14px; */
	margin-top: 60px;
	padding-bottom: 35px;
}

.cts_link .each_list {
	border-top-style: solid;
	border-top-width: 1px;
	margin-left: auto;
	margin-right: auto;
	max-width: 548px;
	width: 100%;
}

.cts_link .each_list[data-each_link_w="short"] {
	max-width: 425px;
}

.header+.cts_link .each_list {
	border-top: none;
}

.cts_link .each_list li {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.cts_link .each_list li:last-child {
	border-bottom: none;
}

.cts_link .each_list li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	padding-bottom: 35px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 35px;
	position: relative;
}

.cts_link .each_list li a::after {
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-righT-style: solid;
	content: "";
	height: 12px;
	opacity: 0;
	position: absolute;
	right: 3px;
	top: 50%;
	width: 12px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.cts_link .each_list li a:hover:after {
	opacity: 1;
}

.cts_link .each_list li a.nonelink {
	pointer-events: none;
}

.cts_link .each_list li.thumbnail_none a {
	justify-content: center;
}

.cts_link .each_list li .ph {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 206px;
}

.cts_link .each_list li .ph img {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.cts_link .each_list li:hover .ph img {
	transform: scale(1.1);
}

.cts_link .each_list li:hover a.nonelink .ph img {
	transform: scale(1);
}

.cts_link .each_list li .txtb {
	font-size: 20px;
	font-weight: 700;
	padding-left: 30px;
	/* width: 287px; */
}

.cts_link .each_list li.thumbnail_none .txtb {
	padding-left: 0;
	width: auto;
}

.cts_link .each_list li .txtb .with_en {
	font-size: 16px;
}

.cts_link .each_list li .txtb .with_en i {
	display: block;
	/* font-size: 25px; */
	font-size: 18px;
}

.cts_link .child_link {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	padding-top: 60px;
	max-width: 425px;
}

.cts_link .child_link li {
	position: relative;
	/* max-width: 350px; */
	width: 100%;
}

.cts_link .child_link li:nth-child(n+2) {
	margin-top: 30px;
}

.cts_link .child_link li a {
	font-size: 18px;
	font-weight: 700;
	padding-left: 20px;
	text-decoration: none;
	position: relative;
}

.cts_link .child_link li a::before {
	border-radius: 100%;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 5px;
	width: 8px;
}

.cts_link .child_link li i {
	position: relative;
}

.cts_link .child_link li i::before,
.cts_link .child_link li i::after,
.csrtop .category_link .each_link .cate_name i::before,
.csrtop .category_link .each_link .cate_name i::after {
	content: "";
	position: absolute;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.cts_link .child_link li i::before,
.csrtop .category_link .each_link .cate_name i::before {
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-righT-style: solid;
	height: 13px;
	opacity: 0;
	right: -20px;
	top: 50%;
	width: 13px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.cts_link .child_link li i::after,
.csrtop .category_link .each_link .cate_name i::after {
	bottom: -5px;
	height: 2px;
	left: 0;
	width: 0;
}

.cts_link .child_link li a:hover i::before,
.csrtop .category_link .each_link a:hover .cate_name i::before {
	opacity: 1;
}

.cts_link .child_link li a:hover i::after,
.csrtop .category_link .each_link a:hover .cate_name i::after {
	width: 100%;
}


/* ------------------
 csr top
------------------ */
.csrtop .header+p a img {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .header+p a:hover img {
	opacity: 0.7;
}

.csrtop .catchphrase {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative;
	text-align: center;
	width: 90%;
}

.csrtop .catchphrase::before,
.csrtop .catchphrase::after {
	content: "";
	height: 35px;
	position: absolute;
	width: 35px;
}

.csrtop .catchphrase::before {
	border-left: 3px solid #E60000;
	border-top: 3px solid #E60000;
	left: 0;
	top: 0;
}

.csrtop .catchphrase::after {
	border-bottom: 3px solid #E60000;
	border-right: 3px solid #E60000;
	bottom: 0;
	right: 0;
}

.csrtop .category_link {
	margin-top: 45px;
}

.csrtop .category_link .each_link {
	position: relative;
}

.csrtop .category_link .each_link a {
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .category_link .each_link .cate_name {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.csrtop .category_link .each_link.right_text .cate_name {
	margin-left: 45%;
}

.csrtop .category_link .each_link .cate_name i {
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	text-align: center;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .category_link .each_link .cate_name i::before {
	border-bottom-color: #FFF;
	border-right-color: #FFF;
}

.csrtop .category_link .each_link .cate_name i::after {
	background-color: #FFF;
	bottom: 0;
}

.csrtop .category_link .each_link .cate_name i span {
	display: block;
	font-size: 12px;
}

.csrtop .category_link .each_link .ph {
	margin-top: 0;
	position: relative;
	z-index: 1;
}

.csrtop .category_link .each_link .ph::before {
	background-color: rgba(51, 51, 51, .45);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .category_link .each_link a:hover .ph::before {
	opacity: 0;
}

.csrtop .category_link .each_link .ph img {
	height: auto;
	width: 100%;
}

.csrtop .category_link .link_col {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.csrtop .category_link [data-lcol="2"] .each_link {
	width: calc((100% - 5px) / 2);
}

.csrtop .category_link [data-lcol="3"] .each_link {
	width: calc((100% - 10px) / 3);
}

.csrtop .category_link .link_col_single {
	margin-top: 5px;
}

.csrtop .category_link .link_col_single .each_link .cate_name {
	box-sizing: border-box;
	justify-content: flex-start;
	padding-left: 25px;
}

.csrtop .category_link .link_col_single .each_link .cate_name i {
	color: #333;
	text-align: center;
}

.csrtop .category_link .link_col_single .each_link .cate_name i::before {
	border-bottom-color: #333;
	border-right-color: #333;
	right: -30px;
	top: 70%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.csrtop .category_link .link_col_single .each_link.right_text .cate_name i::before {
	/*right: -160px;*/
	right: -25px;
	top: 45%;
}

.csrtop .category_link .link_col_single .each_link .cate_name i::after {
	background-color: #333;
}

.csrtop .category_link .link_col_single2 .each_link a>div {
	position: absolute;
	right: 94px;
	top: 50%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.csrtop .category_link .link_col_single2 .each_link .cate_name {
	box-sizing: border-box;
	justify-content: flex-start;
	position: static;
}

.csrtop .category_link .link_col_single2 .each_link .cate_name i {
	color: #FFF;
	text-align: center;
}

.csrtop .category_link .link_col_single2 .each_link .cate_name i::before {
	border-bottom-color: #FFF;
	border-right-color: #FFF;
	right: -30px;
	top: 55%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.csrtop .category_link .link_col_single2 .each_link .cate_name i::after {
	background-color: #FFF;
}

.csrtop .category_link .link_col_single2 .each_link .officer {
	color: #FFF;
	font-size: 1.2rem;
}

.csrtop .category_link .link_col_single2 .each_link .sine {
	-webkit-transform: translate(-10px, -5px);
	transform: translate(-10px, -5px);
}

.csrtop .category_link .link_col_single2 .each_link .sine img {
	height: auto;
	width: 222px;
}


/* 2211 addition */
.csrtop .category_link .each_link .cate_name.hover-underline {
	display: inline-block;
	height: auto;
	top: 50%;
	max-width: 300px;
	transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
	.csrtop .category_link .each_link .cate_name.hover-underline i {
		padding-bottom: .25em;
		background: linear-gradient(#333, #333) 0 100%/0 2px no-repeat;
		position: relative;
		transition: background .3s;
		text-decoration: none;
	}
}

@media screen and (max-width: 767px){
	.l-responsive .csrtop .category_link .each_link .cate_name.hover-underline i {
		font-size: 2.9vw;
	}
}

.csrtop .category_link .each_link .cate_name.hover-underline i.reverse {
	background-position: 100% 100%;
}

.csrtop .category_link .each_link a:hover .hover-underline i {
	background-size: 100% 2px;
}

.csrtop .category_link .link_col_single .each_link .hover-underline i::before {
	right: -125px;
	top: 50%;
}

.csrtop .category_link .each_link a:hover .hover-underline i:after {
	background-color: #333;
}
/* 2211 addition end */


.csrtop .wrp-topics {
	border-bottom: 5px solid #FF0000;
	margin-top: 45px;
	padding-bottom: 40px;
}

.csrtop .wrp-topics .topics_title {
	border-top: 5px solid #FF0000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 15px;
}

.csrtop .wrp-topics .topics_title .topics_hdg {
	background-color: #FF0000;
	border-radius: 0 20px 20px 0;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	height: 38px;
	width: 210px;
}

.csrtop .wrp-topics .topics_title .topics_more {
	cursor: pointer;
	font-size: 1.0rem;
	padding-right: 35px;
	position: relative;
}

.csrtop .wrp-topics .topics_title .topics_more::before,
.csrtop .wrp-topics .topics_title .topics_more::after {
	content: "";
	position: absolute;
	z-index: 0;
}

.csrtop .wrp-topics .topics_title .topics_more::before {
	background-color: #FF0000;
	border-radius: 100%;
	height: 25px;
	right: 0;
	top: 50%;
	width: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.csrtop .wrp-topics .topics_title .topics_more::after {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	height: 7px;
	right: 8px;
	top: 50%;
	width: 7px;
	-webkit-transform: translateY(-65%) rotate(45deg);
	transform: translateY(-65%) rotate(45deg);
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .wrp-topics .topics_title .topics_more:hover::after {
	right: 10px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.csrtop .wrp-topics .topics_title .topics_more a {
	text-decoration: none;
}

.csrtop .topics_list {
	margin-left: auto;
	margin-right: auto;
	width: 513px;
}

.csrtop .topics_list li {
	border-bottom: 1px solid #FF0000;
}

.csrtop .topics_list li a,
.csrtop .topics_list li .nolink {
	display: flex;
	text-decoration: none;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 25px;
	position: relative;
}

.csrtop .topics_list li a::after {
	border-bottom: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	content: "";
	height: 12px;
	opacity: 0;
	position: absolute;
	right: 23px;
	top: 50%;
	width: 12px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .topics_list li a:hover:after {
	right: 3px;
	opacity: 1;
}

.csrtop .topics_list li .thumbnail {
	width: 157px;
}

.csrtop .topics_list li .thumbnail img {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.csrtop .topics_list li a:hover .thumbnail img {
	transform: scale(1.1);
}

.csrtop .topics_list li .textb {
	font-size: 14px;
	width: 356px;
}

.csrtop .topics_list li .textb .ymd {
	color: #FF0000;
	font-size: 10px;
}


/* ------------------
 environment top
------------------ */
.header.environment::before {
	border-left-color: #29A624;
	border-top-color: #29A624;
}

.header.environment::after {
	border-bottom-color: #29A624;
	border-right-color: #29A624;
}

.header.environment .mod-page-title {
	color: #29A624;
}

.header.environment .mod-page-title .heading {
	border-color: #29A624;
}

.header.environment .mod-page-title .heading .hdg01 {
	border-bottom-color: #29A624;
	color: #29A624;
}

[data-cts_link="environment"] {
	border-bottom-color: #29A624;
}

[data-cts_link="environment"] .cts_link_txt {
	/* color: #29A624; */
	border-bottom-color: #29A624;
}

[data-cts_link="environment"] .each_list li {
	border-bottom-color: #29A624;
}

[data-cts_link="environment"] .each_list li a::after {
	border-bottom-color: #29A624;
	border-right-color: #29A624;
}

[data-cts_link="environment"] .each_list li .txtb {
	color: #29A624;
	width: 287px;
}


/* ------------------
 society top
------------------ */
.header.society::before {
	border-left-color: #359ED1;
	border-top-color: #359ED1;
}

.header.society::after {
	border-bottom-color: #359ED1;
	border-right-color: #359ED1;
}

.header.society .mod-page-title {
	color: #359ED1;
}

.header.society .mod-page-title .heading {
	border-color: #359ED1;
}

.header.society .mod-page-title .heading .hdg01 {
	border-bottom-color: #359ED1;
	color: #359ED1;
}

[data-cts_link="society"] {
	border-bottom-color: #359ED1;
}

[data-cts_link="society"] .cts_link_txt {
	color: #359ED1;
	border-bottom-color: #359ED1;
}

[data-cts_link="society"] .each_list li {
	border-bottom-color: #359ED1;
}

[data-cts_link="society"] .each_list li a::after {
	border-bottom-color: #359ED1;
	border-right-color: #359ED1;
}

[data-cts_link="society"] .each_list li .txtb {
	color: #359ED1;
	width: 287px;
}


/* ------------------
 governance top
------------------ */
.header.governance::before {
	border-left-color: #D6723C;
	border-top-color: #D6723C;
}

.header.governance::after {
	border-bottom-color: #D6723C;
	border-right-color: #D6723C;
}

.header.governance .mod-page-title {
	color: #D6723C;
}

.header.governance .mod-page-title .heading {
	border-color: #D6723C;
}

.header.governance .mod-page-title .heading .hdg01 {
	border-bottom-color: #D6723C;
	color: #D6723C;
}

[data-cts_link="governance"] {
	border-bottom-color: #D6723C;
}

[data-cts_link="governance"] .cts_link_txt {
	color: #D6723C;
	border-bottom-color: #D6723C;
}

[data-cts_link="governance"] .each_list li {
	border-bottom-color: #D6723C;
}

[data-cts_link="governance"] .each_list li a::after {
	border-bottom-color: #D6723C;
	border-right-color: #D6723C;
}

[data-cts_link="governance"] .each_list li .txtb {
	color: #D6723C;
}


/* ------------------
 governance compliance top
------------------ */
[data-cts_link="governance"].cts_link .child_link {
	border-top: 2px solid #D6723C;
}

[data-cts_link="governance"] .child_link li a {
	color: #D6723C;
}

[data-cts_link="governance"] .child_link li a::before {
	background-color: #D6723C;
}

[data-cts_link="governance"] .child_link li i::before {
	border-bottom-color: #D6723C;
	border-right-color: #D6723C;
}

[data-cts_link="governance"] .child_link li i::after {
	background-color: #D6723C;
}


/* ------------------
 csrmanagement top
------------------ */
.csrmanagement {
	border-bottom: 8px solid #3173CE;
	border-top: 8px solid #3173CE;
	font-size: 1.143em;
	padding-bottom: 80px;
	padding-top: 80px;
}

.csrmanagement p,
.csrmanagement p+p {
	margin-top: 0;
}

.csrmanagement .hdg01 {
	font-size: 46px;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .hdg02 {
	color: #3173CE;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

/* beginning */
.csrmanagement .csrmana_beginning {
	margin-top: 80px;
}

.csrmanagement .csrmana_beginning .beginning_inside {
	overflow: hidden;
}

.csrmanagement .csrmana_beginning .beginning_inside .illust01 {
	float: right;
	margin-left: 30px;
}

.csrmanagement .csrmana_beginning .illust02 {
	margin-top: 50px;
}

/* stakeholders */
.csrmanagement .stakeholders {
	margin-top: 80px;
}

.csrmanagement .stakeholders .table .wrp_cell {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.csrmanagement .stakeholders .table .wrp_cell .cell:nth-child(1) {
	width: 167px;
}

.csrmanagement .stakeholders .table .wrp_cell .cell:nth-child(2) {
	width: 437px;
}

.csrmanagement .stakeholders .table>.wrp_cell .cell {
	background-color: #3173CE;
	color: #FFF;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .stakeholders .table ul li {
	border-bottom: 1px dotted #6E6E6E;
	padding-bottom: 12px;
	padding-top: 12px;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1) {
	text-align: center;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1)>div {
	display: flex;
	align-items: center;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1)>div p:nth-child(1) {
	margin-right: 15px;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(2) {
	font-size: 14px;
}

/* promise */
.csrmanagement .promise {
	border: 1px solid #3173CE;
	margin-top: 50px;
	padding-bottom: 99px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 19px;
}

.csrmanagement .promise .promise_hdg {
	color: #3173CE;
	font-size: 36px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.csrmanagement .promise .promise_hdg i {
	font-size: 20px;
	margin-left: 15px;
}

.csrmanagement .promise .catchphrase {
	margin-top: 20px;
	text-align: center;
}

.csrmanagement .promise .catchphrase .main_phrase {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.csrmanagement .promise .promise_list {
	margin-top: 25px;
}

.csrmanagement .promise .promise_list li {
	border-bottom: 1px dotted #6E6E6E;
	display: flex;
	align-items: center;
	padding-bottom: 12px;
	padding-top: 12px;
}

.csrmanagement .promise .promise_list li:last-child {
	border-bottom: none;
}

.csrmanagement .promise .promise_list li .icn {
	text-align: center;
	width: 24%;
}

.csrmanagement .promise .promise_list li .textb {
	box-sizing: border-box;
	font-size: 14px;
	padding-left: 15px;
	width: 76%;
}

.csrmanagement .promise .promise_list li .textb .each_hdg {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.csrmanagement .promise .promise_list li .textb .each_hdg i {
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-18px);
	transform: translateX(-18px);
}

/* criteria */
.csrmanagement .criteria {
	border: 1px solid #3173CE;
	margin-top: 55px;
	padding-bottom: 39px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 89px;
	position: relative;
}

.csrmanagement .criteria::before {
	background-image: url(/company/csr/csrmanagement/img/illust13.png);
	background-repeat: no-repeat;
	content: "";
	height: 201px;
	left: 50%;
	position: absolute;
	top: 0;
	width: 231px;
	-webkit-transform: translate(-50%, -65%);
	transform: translate(-50%, -65%);
}

.csrmanagement .criteria .criteria_hdg {
	color: #3173CE;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .criteria .criteria_tx {
	margin-top: 20px;
}

.csrmanagement .criteria .criteria_tx i {
	font-size: 14px;
}

.csrmanagement .criteria .criteria_list {
	background-color: #d7e2f4;
	display: flex;
	margin-top: 20px;
	padding: 20px 25px;
}

.csrmanagement .criteria .criteria_list .each_list {
	margin-right: 30px;
	width: calc(100% / 3);
}

.csrmanagement .criteria .criteria_list .each_list:nth-child(3n) {
	margin-right: 0;
}

.csrmanagement .criteria .criteria_list .each_list li {
	font-size: 14px;
	padding-left: 25px;
	position: relative;
}

.csrmanagement .criteria .criteria_list .each_list li i {
	left: 0;
	position: absolute;
	top: 0;
}

.csrmanagement .criteria .criteria_url {
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}

/* system */
.csrmanagement .system {
	margin-top: 30px;
}







































/* ------------------
 csrmanagement top
------------------ */
.csrmanagement {
	border-bottom: 8px solid #3173CE;
	border-top: 8px solid #3173CE;
	font-size: 1.143em;
	padding-bottom: 80px;
	padding-top: 80px;
}

.csrmanagement p,
.csrmanagement p+p {
	margin-top: 0;
}

.csrmanagement .hdg01 {
	font-size: 46px;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .hdg02 {
	color: #3173CE;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

/* beginning */
.csrmanagement .csrmana_beginning {
	margin-top: 80px;
}

.csrmanagement .csrmana_beginning .beginning_inside {
	overflow: hidden;
}

.csrmanagement .csrmana_beginning .beginning_inside .illust01 {
	float: right;
	margin-left: 30px;
}

.csrmanagement .csrmana_beginning .illust02 {
	margin-top: 50px;
}

/* stakeholders */
.csrmanagement .stakeholders {
	margin-top: 80px;
}

.csrmanagement .stakeholders .table .wrp_cell {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.csrmanagement .stakeholders .table .wrp_cell .cell:nth-child(1) {
	width: 167px;
}

.csrmanagement .stakeholders .table .wrp_cell .cell:nth-child(2) {
	width: 437px;
}

.csrmanagement .stakeholders .table>.wrp_cell .cell {
	background-color: #3173CE;
	color: #FFF;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .stakeholders .table ul li {
	border-bottom: 1px dotted #6E6E6E;
	padding-bottom: 12px;
	padding-top: 12px;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1) {
	text-align: center;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1)>div {
	display: flex;
	align-items: center;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1)>div p:nth-child(1) {
	margin-right: 15px;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(2) {
	font-size: 14px;
}

/* promise */
.csrmanagement .promise {
	border: 1px solid #3173CE;
	margin-top: 50px;
	padding-bottom: 99px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 19px;
}

.csrmanagement .promise .promise_hdg {
	color: #3173CE;
	font-size: 36px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.csrmanagement .promise .promise_hdg i {
	font-size: 20px;
	margin-left: 15px;
}

.csrmanagement .promise .catchphrase {
	margin-top: 20px;
	text-align: center;
}

.csrmanagement .promise .catchphrase .main_phrase {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.csrmanagement .promise .promise_list {
	margin-top: 25px;
}

.csrmanagement .promise .promise_list li {
	border-bottom: 1px dotted #6E6E6E;
	display: flex;
	align-items: center;
	padding-bottom: 12px;
	padding-top: 12px;
}

.csrmanagement .promise .promise_list li:last-child {
	border-bottom: none;
}

.csrmanagement .promise .promise_list li .icn {
	text-align: center;
	width: 24%;
}

.csrmanagement .promise .promise_list li .textb {
	box-sizing: border-box;
	font-size: 14px;
	padding-left: 15px;
	width: 76%;
}

.csrmanagement .promise .promise_list li .textb .each_hdg {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.csrmanagement .promise .promise_list li .textb .each_hdg i {
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-18px);
	transform: translateX(-18px);
}

/* criteria */
.csrmanagement .criteria {
	border: 1px solid #3173CE;
	margin-top: 55px;
	padding-bottom: 39px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 89px;
	position: relative;
}

.csrmanagement .criteria::before {
	background-image: url(/company/csr/csrmanagement/img/illust13.png);
	background-repeat: no-repeat;
	content: "";
	height: 201px;
	left: 50%;
	position: absolute;
	top: 0;
	width: 231px;
	-webkit-transform: translate(-50%, -65%);
	transform: translate(-50%, -65%);
}

.csrmanagement .criteria .criteria_hdg {
	color: #3173CE;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .criteria .criteria_tx {
	margin-top: 20px;
}

.csrmanagement .criteria .criteria_tx i {
	font-size: 14px;
}

.csrmanagement .criteria .criteria_list {
	background-color: #d7e2f4;
	display: flex;
	margin-top: 20px;
	padding: 20px 25px;
}

.csrmanagement .criteria .criteria_list .each_list {
	margin-right: 30px;
	width: calc(100% / 3);
}

.csrmanagement .criteria .criteria_list .each_list:nth-child(3n) {
	margin-right: 0;
}

.csrmanagement .criteria .criteria_list .each_list li {
	font-size: 14px;
	padding-left: 25px;
	position: relative;
}

.csrmanagement .criteria .criteria_list .each_list li i {
	left: 0;
	position: absolute;
	top: 0;
}

.csrmanagement .criteria .criteria_url {
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}

/* system */
.csrmanagement .system {
	margin-top: 30px;
}


/* ------------------
 special special01
------------------ */
.feature {
	background-color: #FFF;
	background-image: url(/company/csr/special/img/spe01_line01.png),
		url(/company/csr/special/img/spe01_line01.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	font-size: 1.143em;
	padding-bottom: 108px;
	padding-top: 37px;
}

.feature .inside {
	margin-left: auto;
	margin-right: auto;
	max-width: 610px;
	width: 100%;
}

.feature .main_heading .hdg {
	font-size: 4.6rem;
	margin-top: 16px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	text-align: center;
}

.feature .main_heading .hdg::before,
.feature .main_heading .hdg::after {
	background-size: cover;
	content: "";
	height: 56px;
	position: absolute;
	width: 56px;
}

.feature .main_heading .hdg::before {
	background-image: url(/company/csr/special/img/spe01_mt_l01.png);
	left: 0;
	top: 0;
}

.feature .main_heading .hdg::after {
	background-image: url(/company/csr/special/img/spe01_mt_l02.png);
	bottom: 0;
	right: 0;
}

.feature .main_heading .hdg i {
	display: block;
	font-size: 1.6rem;
}

.feature .main_heading .text {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 35px;
	text-align: center;
}


/* pagination */
.feature .pagination {
	display: flex;
	justify-content: center;
	margin-top: 90px;
}

.feature .pagination li {
	border: 1px solid #6E6E6E;
	margin-left: 10px;
}

.feature .pagination li:first-child {
	margin-left: 0;
}

.feature .pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.312333em;
	height: 30px;
	text-decoration: none;
	width: 30px;
}

.feature .pagination li.current a {
	pointer-events: none;
}

.feature .pagination li.current a,
.feature .pagination li a:hover {
	background-color: #6E6E6E;
	color: #FFF;
}


/* each feature */
.each_feature .img img {
	height: auto;
	width: 100%;
}

.each_feature .feature_hdg {
	text-align: center;
}

.each_feature .textb {
	margin-top: 40px;
}

.each_feature .textb p {
	line-height: 1.8;
}

.each_feature .textb p+* {
	margin-top: 30px;
}


/* each feature1 */
[data-feature="1"] {
	margin-top: 55px;
}

[data-feature="1"] .inside {
	background-image: url(/company/csr/special/img/spe01_line02.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}


/* each feature2 */
[data-feature="2"] {
	margin-top: 55px;
}

[data-feature="2"] .inside {
	background-image: url(/company/csr/special/img/spe01_line02.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}

[data-feature="2"] .textb .goal {
	text-align: center;
}

[data-feature="2"] .create {
	margin-top: 40px;
	padding: 48px;
	position: relative;
}

[data-feature="2"] .create::before,
[data-feature="2"] .create::after {
	background-size: cover;
	content: "";
	height: 56px;
	position: absolute;
	width: 56px;
}

[data-feature="2"] .create::before {
	background-image: url(/company/csr/special/img/spe01_cts02_l01.png);
	left: 0;
	top: 0;
}

[data-feature="2"] .create::after {
	background-image: url(/company/csr/special/img/spe01_cts02_l02.png);
	bottom: 0;
	right: 0;
}

[data-feature="2"] .create ul {
	counter-reset: number 0;
	margin-top: 30px;
}

[data-feature="2"] .create ul li {
	padding-left: 50px;
	padding-top: 8px;
	position: relative;
}

[data-feature="2"] .create ul li::before {
	border: 3px solid #333;
	counter-increment: number 1;
	content: counter(number) "";
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.43732em;
	font-weight: 700;
	height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	width: 36px;
}

[data-feature="2"] .create ul li:nth-child(n+2) {
	margin-top: 35px;
}

[data-feature="2"] .create ul li p+p {
	font-size: .8749em;
}


/* each feature3 */
[data-feature="3"] {
	background-image: url(/company/csr/special/img/spe01_line01.png);
	background-repeat: no-repeat;
	margin-top: 55px;
	padding-top: 78px;
}

[data-feature="3"] .feature_hdg+.img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	max-width: 487px;
	width: 100%;
}

[data-feature="3"] .loops {
	background-image: url(/company/csr/special/img/spe01_line03.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	padding-top: 50px;
}

[data-feature="3"] .loops>.img {
	margin-left: auto;
	margin-right: auto;
	max-width: 510px;
	width: 100%;
}

[data-feature="3"] .textb+.img {
	margin-top: 30px;
}



/* each feature4 */
[data-feature="4"] .inside {
	padding-top: 17px;
}

[data-feature="4"] .feature_hdg+.img {
	margin-top: 32px;
}

[data-feature="4"] .textb+.img {
	margin-top: 30px;
}


/* each feature5 */
[data-feature="5"] {
	margin-top: 55px;
}

[data-feature="5"] .inside {
	background-image: url(/company/csr/special/img/spe01_line03.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}

[data-feature="5"] .textb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

[data-feature="5"] .textb p:nth-child(1) {
	max-width: 425px;
	width: 100%;
}

[data-feature="5"] .textb p:nth-child(2) {
	margin-top: 0;
	max-width: 150px;
	width: 100%;
}


/* each feature6 */
[data-feature="6"] {
	margin-top: 55px;
}

[data-feature="6"] .inside {
	background-image: url(/company/csr/special/img/spe01_line03.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}


/* ------------------
 csrmanagement top
------------------ */
.csrmanagement {
	border-bottom: 8px solid #3173CE;
	border-top: 8px solid #3173CE;
	font-size: 1.143em;
	padding-bottom: 80px;
	padding-top: 80px;
}

.csrmanagement p,
.csrmanagement p+p {
	margin-top: 0;
}

.csrmanagement .hdg01 {
	font-size: 46px;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .hdg02 {
	color: #3173CE;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

/* beginning */
.csrmanagement .csrmana_beginning {
	margin-top: 80px;
}

.csrmanagement .csrmana_beginning .beginning_inside {
	overflow: hidden;
}

.csrmanagement .csrmana_beginning .beginning_inside .illust01 {
	float: right;
	margin-left: 30px;
}

.csrmanagement .csrmana_beginning .illust02 {
	margin-top: 50px;
}

/* stakeholders */
.csrmanagement .stakeholders {
	margin-top: 80px;
}

.csrmanagement .stakeholders .table .wrp_cell {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.csrmanagement .stakeholders .table .wrp_cell .cell:nth-child(1) {
	width: 197px;
}

.csrmanagement .stakeholders .table .wrp_cell .cell:nth-child(2) {
	width: 407px;
}

.csrmanagement .stakeholders .table>.wrp_cell .cell {
	background-color: #3173CE;
	color: #FFF;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .stakeholders .table ul li {
	border-bottom: 1px dotted #6E6E6E;
	padding-bottom: 12px;
	padding-top: 12px;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1) {
	text-align: center;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1)>div {
	display: flex;
	align-items: center;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 80%;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(1)>div p:nth-child(1) {
	margin-right: 15px;
}

.csrmanagement .stakeholders .table ul .wrp_cell .cell:nth-child(2) {
	font-size: 14px;
}

/* promise */
.csrmanagement .promise {
	border: 1px solid #3173CE;
	margin-top: 50px;
	padding-bottom: 99px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 19px;
}

.csrmanagement .promise .promise_hdg {
	color: #3173CE;
	font-size: 36px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.csrmanagement .promise .promise_hdg i {
	font-size: 20px;
	margin-left: 15px;
}

.csrmanagement .promise .catchphrase {
	margin-top: 20px;
	text-align: center;
}

.csrmanagement .promise .catchphrase .main_phrase {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.csrmanagement .promise .promise_list {
	margin-top: 25px;
}

.csrmanagement .promise .promise_list li {
	border-bottom: 1px dotted #6E6E6E;
	display: flex;
	align-items: center;
	padding-bottom: 12px;
	padding-top: 12px;
}

.csrmanagement .promise .promise_list li:last-child {
	border-bottom: none;
}

.csrmanagement .promise .promise_list li .icn {
	text-align: center;
	width: 24%;
}

.csrmanagement .promise .promise_list li .textb {
	box-sizing: border-box;
	font-size: 14px;
	padding-left: 15px;
	width: 76%;
}

.csrmanagement .promise .promise_list li .textb .each_hdg {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.csrmanagement .promise .promise_list li .textb .each_hdg i {
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateX(-18px);
	transform: translateX(-18px);
}

/* criteria */
.csrmanagement .criteria {
	border: 1px solid #3173CE;
	margin-top: 55px;
	padding-bottom: 39px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 89px;
	position: relative;
}

.csrmanagement .criteria::before {
	background-image: url(/company/csr/csrmanagement/img/illust13.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 201px;
	left: 50%;
	position: absolute;
	top: 0;
	width: 261px;
	-webkit-transform: translate(-50%, -65%);
	transform: translate(-50%, -65%);
}

.csrmanagement .criteria .criteria_hdg {
	color: #3173CE;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}

.csrmanagement .criteria .criteria_tx {
	margin-top: 20px;
}

.csrmanagement .criteria .criteria_tx i {
	font-size: 14px;
}

.csrmanagement .criteria .criteria_list {
	background-color: #d7e2f4;
	display: flex;
	margin-top: 20px;
	padding: 20px 25px;
}

.csrmanagement .criteria .criteria_list .each_list {
	margin-right: 30px;
	width: calc(100% / 3);
}

.csrmanagement .criteria .criteria_list .each_list:nth-child(3n) {
	margin-right: 0;
}

.csrmanagement .criteria .criteria_list .each_list li {
	font-size: 14px;
	padding-left: 25px;
	position: relative;
}

.csrmanagement .criteria .criteria_list .each_list li i {
	left: 0;
	position: absolute;
	top: 0;
}

.csrmanagement .criteria .criteria_url {
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}

/* system */
.csrmanagement .system {
	margin-top: 30px;
}


/* ------------------
 special special01
------------------ */
.feature {
	background-color: #FFF;
	background-image: url(/company/csr/special/img/spe01_line01.png),
		url(/company/csr/special/img/spe01_line01.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	font-size: 1.143em;
	padding-bottom: 108px;
	padding-top: 37px;
}

.feature .inside {
	margin-left: auto;
	margin-right: auto;
	max-width: 610px;
	width: 100%;
}

.feature .main_heading .hdg {
	font-size: 4.6rem;
	margin-top: 16px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	text-align: center;
}

.feature .main_heading .hdg::before,
.feature .main_heading .hdg::after {
	background-size: cover;
	content: "";
	height: 56px;
	position: absolute;
	width: 56px;
}

.feature .main_heading .hdg::before {
	background-image: url(/company/csr/special/img/spe01_mt_l01.png);
	left: 0;
	top: 0;
}

.feature .main_heading .hdg::after {
	background-image: url(/company/csr/special/img/spe01_mt_l02.png);
	bottom: 0;
	right: 0;
}

.feature .main_heading .hdg i {
	display: block;
	font-size: 1.6rem;
}

.feature .main_heading .text {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 35px;
	text-align: center;
}


/* pagination */
.feature .pagination {
	display: flex;
	justify-content: center;
	margin-top: 90px;
}

.feature .pagination li {
	border: 1px solid #6E6E6E;
	margin-left: 10px;
}

.feature .pagination li:first-child {
	margin-left: 0;
}

.feature .pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.312333em;
	height: 30px;
	text-decoration: none;
	width: 30px;
}

.feature .pagination li.current a {
	pointer-events: none;
}

.feature .pagination li.current a,
.feature .pagination li a:hover {
	background-color: #6E6E6E;
	color: #FFF;
}


/* each feature */
.each_feature .img img {
	height: auto;
	width: 100%;
}

.each_feature .feature_hdg {
	text-align: center;
}

.each_feature .textb {
	margin-top: 40px;
}

.each_feature .textb p {
	line-height: 1.8;
}

.each_feature .textb p+* {
	margin-top: 30px;
}


/* each feature1 */
[data-feature="1"] {
	margin-top: 55px;
}

[data-feature="1"] .inside {
	background-image: url(/company/csr/special/img/spe01_line02.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}


/* each feature2 */
[data-feature="2"] {
	margin-top: 55px;
}

[data-feature="2"] .inside {
	background-image: url(/company/csr/special/img/spe01_line02.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}

[data-feature="2"] .textb .goal {
	text-align: center;
}

[data-feature="2"] .create {
	margin-top: 40px;
	padding: 48px;
	position: relative;
}

[data-feature="2"] .create::before,
[data-feature="2"] .create::after {
	background-size: cover;
	content: "";
	height: 56px;
	position: absolute;
	width: 56px;
}

[data-feature="2"] .create::before {
	background-image: url(/company/csr/special/img/spe01_cts02_l01.png);
	left: 0;
	top: 0;
}

[data-feature="2"] .create::after {
	background-image: url(/company/csr/special/img/spe01_cts02_l02.png);
	bottom: 0;
	right: 0;
}

[data-feature="2"] .create ul {
	counter-reset: number 0;
	margin-top: 30px;
}

[data-feature="2"] .create ul li {
	padding-left: 50px;
	padding-top: 8px;
	position: relative;
}

[data-feature="2"] .create ul li::before {
	border: 3px solid #333;
	counter-increment: number 1;
	content: counter(number) "";
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.43732em;
	font-weight: 700;
	height: 36px;
	left: 0;
	position: absolute;
	top: 0;
	width: 36px;
}

[data-feature="2"] .create ul li:nth-child(n+2) {
	margin-top: 35px;
}

[data-feature="2"] .create ul li p+p {
	font-size: .8749em;
}


/* each feature3 */
[data-feature="3"] {
	background-image: url(/company/csr/special/img/spe01_line01.png);
	background-repeat: no-repeat;
	margin-top: 55px;
	padding-top: 78px;
}

[data-feature="3"] .feature_hdg+.img {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	max-width: 487px;
	width: 100%;
}

[data-feature="3"] .loops {
	background-image: url(/company/csr/special/img/spe01_line03.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	padding-top: 50px;
}

[data-feature="3"] .loops>.img {
	margin-left: auto;
	margin-right: auto;
	max-width: 510px;
	width: 100%;
}

[data-feature="3"] .textb+.img {
	margin-top: 30px;
}



/* each feature4 */
[data-feature="4"] .inside {
	padding-top: 17px;
}

[data-feature="4"] .feature_hdg+.img {
	margin-top: 32px;
}

[data-feature="4"] .textb+.img {
	margin-top: 30px;
}


/* each feature5 */
[data-feature="5"] {
	margin-top: 55px;
}

[data-feature="5"] .inside {
	background-image: url(/company/csr/special/img/spe01_line03.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}

[data-feature="5"] .textb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

[data-feature="5"] .textb p:nth-child(1) {
	max-width: 425px;
	width: 100%;
}

[data-feature="5"] .textb p:nth-child(2) {
	margin-top: 0;
	max-width: 150px;
	width: 100%;
}


/* each feature6 */
[data-feature="6"] {
	margin-top: 55px;
}

[data-feature="6"] .inside {
	background-image: url(/company/csr/special/img/spe01_line03.png);
	background-repeat: no-repeat;
	padding-top: 55px;
}


/* ------------------
 special five_minutes
------------------ */
.five_minutes {
	border-bottom: 8px solid #FF0000;
	border-top: 8px solid #FF0000;
	font-size: 1.143em;
	padding-bottom: 90px;
	padding-top: 65px;
}

.five_minutes .main_heading .hdg {
	font-size: 2.6rem;
	font-weight: 700;
	padding-left: 20px;
	position: relative;
}

.five_minutes .main_heading .hdg::before {
	background-color: #FF0000;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 11px;
}

.five_minutes .main_heading .hdg_set {
	background-color: #FF0000;
	display: flex;
	margin-top: 30px;
	padding: 35px 75px;
	position: relative;
}

.five_minutes .main_heading .hdg_set:after {
	border-style: solid;
	border-width: 16px 9px 0 9px;
	border-color: #ff0000 transparent transparent transparent;
	bottom: -16px;
	content: "";
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.five_minutes .main_heading .hdg_set>* {
	width: 50%;
}

.five_minutes .main_heading .hdg_set>div {
	color: #FFF;
	display: flex;
	align-items: center;
	padding-left: 24px;
}

.five_minutes .main_heading .hdg_set>div p {
	position: relative;
}

.five_minutes .main_heading .hdg_set>div p::before,
.five_minutes .main_heading .hdg_set>div p::after {
	content: "";
	height: 59px;
	left: 0;
	position: absolute;
	width: 194px;
}

.five_minutes .main_heading .hdg_set>div p::before {
	background-image: url(/company/csr/special/contribution/img/minutes_title_bdr01.png);
	top: -75px;
}

.five_minutes .main_heading .hdg_set>div p::after {
	background-image: url(/company/csr/special/contribution/img/minutes_title_bdr02.png);
	bottom: -75px;
}

.five_minutes .contribution {
	margin-top: 35px;
}

.five_minutes .contribution_inside {
	padding-left: 40px;
	padding-right: 40px;
}

.five_minutes .contribution .contribution_hdg {
	background-color: #FFF;
	border: 2px solid #FF0000;
	border-radius: 38px;
	color: #FF0000;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	margin-bottom: -19px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 286px;
	z-index: 1;
}

.five_minutes .contribution .contribution_textb {
	text-align: center;
}

.five_minutes .contribution .contribution_textb .em {
	color: #FF0000;
	font-size: 2.5rem;
	font-weight: 700;
}

.five_minutes .contribution .contribution_textb .em+p {
	margin-top: 30px;
}

.five_minutes .contribution .basic_policy {
	border: 1.5px solid #FF0000;
	margin-top: 45px;
	padding: 20px 40px;
}

.five_minutes .contribution .basic_policy .basic_policy_hdg {
	color: #FF0000;
	font-size: 2.0rem;
	font-weight: 700;
}

.five_minutes .contribution .basic_policy ul {
	margin-top: 20px;
}

.five_minutes .contribution .basic_policy ul li {
	padding-left: 20px;
	position: relative;
}

.five_minutes .contribution .basic_policy ul li:nth-child(n+2) {
	margin-top: 5px;
}

.five_minutes .contribution .basic_policy ul li::before {
	background-color: #FF0000;
	border-radius: 100%;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 10px;
}


/* map
------------------ */
.five_minutes .contribution .contribution_map {
	background-image: url(/company/csr/special/contribution/img/minutes_map.png);
	background-size: cover;
	height: 515px;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;
	width: 700px;
}

.five_minutes .contribution .contribution_map [class^="num_"] {
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 42px;
	margin-top: 0;
	opacity: 0;
	position: absolute;
	width: 44px;
	z-index: -1;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.five_minutes .contribution .contribution_map [class^="num_"].hover,
.five_minutes .contribution .contribution_map [class^="num_"].show {
	opacity: 1;
	z-index: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.five_minutes .contribution .contribution_map [class^="area_"] {
	cursor: pointer;
	position: absolute;
	z-index: 1;
}

/* balloon */
.five_minutes .contribution .contribution_map [class^="balloon_"] {
	background-color: #FFF;
	border: 2px solid #FF0000;
	border-radius: 10px;
	display: none;
	padding: 20px;
	position: absolute;
	z-index: 11;
}

.five_minutes .contribution .contribution_map [class^="balloon_"]::before,
.five_minutes .contribution .contribution_map [class^="balloon_"]::after {
	border-style: solid;
	content: "";
	position: absolute;
}


/* --------- area 1 --------- */
.five_minutes .contribution .contribution_map .num_1 {
	left: 42px;
	top: 107px;
}

.five_minutes .contribution .contribution_map .area_1 {
	height: 177px;
	left: -108px;
	top: 86px;
	width: 266px;
	transform: rotate(28deg) skewX(-30deg);
}

.five_minutes .contribution .contribution_map .area_1::before {
	content: "";
	display: block;
	height: 41px;
	left: 0%;
	position: absolute;
	top: -40px;
	width: 118px;
}

.five_minutes .contribution .contribution_map .num_1.hover {
	animation: area1-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area1-anim {
	0% {
		top: 107px;
	}

	70% {
		top: 100px;
	}

	100% {
		top: 107px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_01 {
	left: 104px;
	top: 33px;
}

.five_minutes .contribution .contribution_map .balloon_01::before {
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #FF0000 transparent transparent;
	left: -10px;
	top: 86px;
}

.five_minutes .contribution .contribution_map .balloon_01::after {
	border-width: 9px 14px 9px 0;
	border-color: transparent #FFF transparent transparent;
	left: -8px;
	top: 84px;
}


/* --------- area 2 --------- */
.five_minutes .contribution .contribution_map .num_2 {
	left: 175px;
	top: 30px;
}

.five_minutes .contribution .contribution_map .area_2 {
	height: 80px;
	left: 126px;
	top: 70px;
	width: 143px;
	transform: rotate(28deg) skewX(-30deg);
}

.five_minutes .contribution .contribution_map .area_2::before {
	content: "";
	display: block;
	height: 25px;
	left: 42px;
	position: absolute;
	top: 78px;
	width: 100px;
}

.five_minutes .contribution .contribution_map .num_2.hover {
	animation: area2-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area2-anim {
	0% {
		top: 30px;
	}

	70% {
		top: 23px;
	}

	100% {
		top: 30px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_02 {
	left: 123px;
	top: 109px;
}

.five_minutes .contribution .contribution_map .balloon_02::before {
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #FF0000 transparent;
	left: 64px;
	top: -10px;
}

.five_minutes .contribution .contribution_map .balloon_02::after {
	border-width: 0 9.5px 14px 9.5px;
	border-color: transparent transparent #FFF transparent;
	left: 62px;
	top: -7px;
}


/* --------- area 3 --------- */
.five_minutes .contribution .contribution_map .num_3 {
	left: 387px;
	top: 85px;
}

.five_minutes .contribution .contribution_map .area_3 {
	height: 98px;
	left: 336px;
	top: 121px;
	width: 158px;
	transform: rotate(28deg) skewX(-8deg);
}

.five_minutes .contribution .contribution_map .num_3.hover {
	animation: area3-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area3-anim {
	0% {
		top: 85px;
	}

	70% {
		top: 78px;
	}

	100% {
		top: 85px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_03 {
	left: 160px;
	top: 150px;
}

.five_minutes .contribution .contribution_map .balloon_03::before,
.five_minutes .contribution .contribution_map .balloon_03::after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.five_minutes .contribution .contribution_map .balloon_03::before {
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #FF0000 transparent;
	top: -10px;
}

.five_minutes .contribution .contribution_map .balloon_03::after {
	border-width: 0 9.5px 14px 9.5px;
	border-color: transparent transparent #FFF transparent;
	top: -7px;
}


/* --------- area 4 --------- */
.five_minutes .contribution .contribution_map .num_4 {
	left: 305px;
	top: 160px;
}

.five_minutes .contribution .contribution_map .area_4 {
	height: 60px;
	left: 270px;
	top: 206px;
	width: 144px;
	transform: rotate(28deg) skewX(-30deg);
}

.five_minutes .contribution .contribution_map .num_4.hover {
	animation: area4-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area4-anim {
	0% {
		top: 160px;
	}

	70% {
		top: 157px;
	}

	100% {
		top: 160px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_04 {
	left: 79px;
	top: 226px;
}

.five_minutes .contribution .contribution_map .balloon_04::before,
.five_minutes .contribution .contribution_map .balloon_04::after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.five_minutes .contribution .contribution_map .balloon_04::before {
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #FF0000 transparent;
	top: -10px;
}

.five_minutes .contribution .contribution_map .balloon_04::after {
	border-width: 0 9.5px 14px 9.5px;
	border-color: transparent transparent #FFF transparent;
	top: -7px;
}


/* --------- area 5 --------- */
.five_minutes .contribution .contribution_map .num_5 {
	left: 200px;
	top: 230px;
}

.five_minutes .contribution .contribution_map .area_5 {
	height: 149px;
	left: 141px;
	top: 227px;
	width: 166px;
	transform: rotate(28deg) skewX(-30deg);
}


.five_minutes .contribution .contribution_map .num_5.hover {
	animation: area5-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area5-anim {
	0% {
		top: 230px;
	}

	70% {
		top: 223px;
	}

	100% {
		top: 230px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_05 {
	left: 253px;
	top: 120px;
}

.five_minutes .contribution .contribution_map .balloon_05::before,
.five_minutes .contribution .contribution_map .balloon_05::after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.five_minutes .contribution .contribution_map .balloon_05::before {
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #FF0000 transparent transparent;
	left: -10px;

}

.five_minutes .contribution .contribution_map .balloon_05::after {
	border-width: 9px 14px 9px 0;
	border-color: transparent #FFF transparent transparent;
	left: -8px;
}


/* --------- area 6 --------- */
.five_minutes .contribution .contribution_map .num_6 {
	left: 74px;
	top: 400px;
}

.five_minutes .contribution .contribution_map .area_6 {
	height: 164px;
	left: -105px;
	top: 396px;
	width: 389px;
	transform: rotate(28deg) skewX(-30deg);
}

.five_minutes .contribution .contribution_map .num_6.hover {
	animation: area6-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area6-anim {
	0% {
		top: 400px;
	}

	70% {
		top: 393px;
	}

	100% {
		top: 400px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_06 {
	left: 138px;
	top: 324px;
}

.five_minutes .contribution .contribution_map .balloon_06::before {
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #FF0000 transparent transparent;
	left: -10px;
	top: 86px;
}

.five_minutes .contribution .contribution_map .balloon_06::after {
	border-width: 9px 14px 9px 0;
	border-color: transparent #FFF transparent transparent;
	left: -8px;
	top: 84px;
}


/* --------- area 7 --------- */
.five_minutes .contribution .contribution_map .num_7 {
	left: 365px;
	top: 395px;
}

.five_minutes .contribution .contribution_map .area_7 {
	height: 100px;
	left: 281px;
	top: 377px;
	width: 220px;
	transform: rotate(28deg) skewX(-30deg);
}

.five_minutes .contribution .contribution_map .num_7.hover {
	animation: area7-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area7-anim {
	0% {
		top: 395px;
	}

	70% {
		top: 388px;
	}

	100% {
		top: 395px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_07 {
	left: 23px;
	top: 30px;
}

.five_minutes .contribution .contribution_map .balloon_07::before,
.five_minutes .contribution .contribution_map .balloon_07::after {
	left: 60%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.five_minutes .contribution .contribution_map .balloon_07::before {
	border-width: 10px 7.5px 0 7.5px;
	border-color: #FF0000 transparent transparent transparent;
	bottom: -10px;
}

.five_minutes .contribution .contribution_map .balloon_07::after {
	border-width: 18px 11px 0 11px;
	border-color: #FFF transparent transparent transparent;
	bottom: -8px;
}


/* --------- area 8 --------- */
.five_minutes .contribution .contribution_map .num_8 {
	left: 479px;
	top: 273px;
}

.five_minutes .contribution .contribution_map .area_8 {
	height: 114px;
	left: 400px;
	top: 292px;
	width: 210px;
	transform: rotate(28deg) skewX(-30deg);
}

.five_minutes .contribution .contribution_map .num_8.hover {
	animation: area8-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area8-anim {
	0% {
		top: 273px;
	}

	70% {
		top: 266px;
	}

	100% {
		top: 273px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_08 {
	left: 257px;
	top: 146px;
}

.five_minutes .contribution .contribution_map .balloon_08::before {
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #FF0000;
	right: -10px;
	top: 135px;
}

.five_minutes .contribution .contribution_map .balloon_08::after {
	border-width: 10.5px 0 10.5px 18px;
	border-color: transparent transparent transparent #FFF;
	right: -8px;
	top: 132px;
}


/* --------- area 9 --------- */
.five_minutes .contribution .contribution_map .num_9 {
	left: 565px;
	top: 75px;
}

.five_minutes .contribution .contribution_map .area_9 {
	height: 133px;
	left: 366px;
	top: 55px;
	width: 425px;
	transform: rotate(27deg) skewX(-34deg);
}

.five_minutes .contribution .contribution_map .num_9.hover {
	animation: area9-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area9-anim {
	0% {
		top: 75px;
	}

	70% {
		top: 68px;
	}

	100% {
		top: 75px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_09 {
	left: 60px;
	top: 32px;
}

.five_minutes .contribution .contribution_map .balloon_09::before {
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #FF0000;
	right: -10px;
	top: 50px;
}

.five_minutes .contribution .contribution_map .balloon_09::after {
	border-width: 10.5px 0 10.5px 18px;
	border-color: transparent transparent transparent #FFF;
	right: -8px;
	top: 47px;
}


/* --------- area 10 --------- */
.five_minutes .contribution .contribution_map .num_10 {
	left: 590px;
	top: 425px;
}

.five_minutes .contribution .contribution_map .area_10 {
	height: 224px;
	left: 562px;
	top: 363px;
	width: 151px;
	transform: rotate(28deg) skewX(-27deg);
}

.five_minutes .contribution .contribution_map .num_10.hover {
	animation: area10-anim 0.6s ease-in-out 0.1s alternate both;
}

@keyframes area10-anim {
	0% {
		top: 425px;
	}

	70% {
		top: 418px;
	}

	100% {
		top: 425px;
	}
}

/* balloon */
.five_minutes .contribution .contribution_map .balloon_10 {
	left: 166px;
	top: 130px;
}

.five_minutes .contribution .contribution_map .balloon_10::before {
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #FF0000;
	bottom: 50px;
	right: -10px;
}

.five_minutes .contribution .contribution_map .balloon_10::after {
	border-width: 10.5px 0 10.5px 18px;
	border-color: transparent transparent transparent #FFF;
	bottom: 47px;
	right: -8px;
}

.five_minutes .contribution .each_col .ph img {
	height: auto;
	width: 100%;
}


.five_minutes .contribution .each_col .txtb {
	font-weight: 700;
}

.five_minutes .contribution .each_col .txtb .em {
	color: #FF0000;
	font-size: 1.5rem;
	word-break: break-all;
}

.five_minutes .contribution .each_col .txtb .tx {
	font-size: 1.2rem;
	word-break: break-all;
}

.five_minutes .contribution [data-set^="set1"] {
	width: 450px;
}

.five_minutes .contribution [data-set^="set1"] .each_col {
	display: flex;
	justify-content: space-between;
}

.five_minutes .contribution [data-set^="set1"] .each_col+.each_col {
	border-top: 2px solid #FF0000;
	flex-direction: row-reverse;
	margin-top: 20px;
	padding-top: 20px;
}

.five_minutes .contribution [data-set^="set1_reverse"] .each_col {
	flex-direction: row-reverse;
}

.five_minutes .contribution [data-set^="set1"] .each_col .ph {
	width: 161px;
}

.five_minutes .contribution [data-set^="set1"] .each_col .txtb {
	display: flex;
	align-items: center;
	width: 275px;
}

.five_minutes .contribution [data-set^="set2"] .bln_inside {
	display: flex;
}

.five_minutes .contribution [data-set^="set2"] .bln_inside .each_col:nth-child(n+2) {
	margin-left: 40px;
	position: relative;
}

.five_minutes .contribution [data-set^="set2"] .bln_inside .each_col:nth-child(n+2)::before {
	background-color: #FF0000;
	content: "";
	height: 100%;
	left: -20px;
	position: absolute;
	top: 0;
	width: 2px;
}

.five_minutes .contribution [data-set^="set2"] .each_col {
	max-width: 161px;
	width: 100%;
}

.five_minutes .contribution [data-set^="set2"] .each_col .txtb {
	margin-top: 8px;
}

.five_minutes .contribution [data-set^="set2"] .each_col .txtb .tx {
	margin-top: 3px;
}

.ov_balloon {
	cursor: pointer;
	display: none;
	height: 100%;
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}


/* ------------------
 ceo message
------------------ */
.ceo_message {
	/*border-bottom: 8px solid #FF0000;*/
	border-top: 8px solid #FF0000;
	padding-bottom: 90px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 50px;
}

.ceo_message .ceo_mv .heading {
	color: #FF0000;
	margin-top: 20px;
}

.ceo_message .ceo_mv .heading+p {
	font-size: 2.6rem;
	font-weight: 700;
	margin-top: 25px;
}

.ceo_message .ceo_mv .officer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 35px;
}

.ceo_message .ceo_mv .officer p {
	font-size: 1.4rem;
	margin-top: 0;
}

.ceo_message .ceo_mv .officer p:nth-child(2) {
	margin-left: 15px;
}

.ceo_message .textb {
	margin-top: 80px;
}

.ceo_message .textb .hdg1 {
	font-size: 2.0rem;
	font-weight: 700;
}

.ceo_message .textb .hdg1+p {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	/* IE */
	text-justify: inter-character;
	/* Firefox */
}

.ceo_message .textb p+.hdg1 {
	margin-top: 55px;
}

/* ------------------
 cso message
------------------ */
.cso_message .cso_mv {
	position: relative;
	margin-top: 20px;
}
.cso_message .cso_mv .cso_main_message {
	position: absolute;
	top: 25%;
	right: 5%;
	font-size: 20px;
	font-weight: bold;
}

.cso_message .cso_mv .cso_name {
	position: absolute;
	bottom: 10%;
	right: 5%;
}

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

 211113 updata

------------------------ */
.text-rotate {
	transform: rotate(90deg) translateY(78px);
    display: block;
    width: 200px;
    text-align: center;
    line-height: 1;
}



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

 211202 updata

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

.mod-page-title[data-col="2"] h1 {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
}

.mod-page-title[data-col="2"] h1 span {
	background-color: initial;
	border: none;
	color: #333;
	font-size: 3.2rem;
	font-weight: bold;
	margin-left: 0;
	padding: 0;
}

.mod-page-title[data-col="2"] h1 i {
	font-size: 1.6rem;
	font-weight: normal;
	padding-left: 10px;
	white-space: nowrap;
}

.mod-table th,
.mod-table td {
	overflow-wrap: break-word;
	word-wrap: break-word;
}



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

 221114 updata

------------------------ */
.twocol_flex {
	display: flex;
}

.twocol_flex>p {
	margin-top: 0;
}

.twocol_flex .nowrap,
.mod-table-scroll .nowrap {
	white-space: nowrap;
}

.mod-table-scroll {
	margin-top: 20px;
    overflow-x: scroll;
}

.mod-table-scroll .mod-table.midterm {
    width: 1500px;
}

.midterm td .colTwo {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.topics.withBg {
	background-color: #ddf1fc;
	padding: 20px;
}

.topics.withBg .mod-sub-title h4 {
	background-color: initial;
	color: #0072a1;
	font-size: 1.8rem;
	padding: 0;
}



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

 221114 updata
 materiality

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


.materiality .mod-page-title p {
	font-size: 1.8rem;
}

.materiality .basic_policy {
	border: 1px solid #0063b2;
	margin-top: 20px;
	padding: 20px;
}

.materiality .basic_policy .basic_policy_hdg {
	color: #0063b2;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	text-decoration: underline;
}

.materiality .sustainability_table {
	margin-top: 50px;
}

.materiality .sustainability_table .note {
	font-size: 1.2rem;
	margin-bottom: 5px;
	text-align: right;
}

.materiality .sustainability_tableInner {
	overflow-x: scroll;
}

.materiality .sustainability_table.unscroll .sustainability_tableInner {
	overflow-x: initial;
}

.materiality .sustainability_table.unscroll .sustainability_tableInner img {
	height: auto;
	width: 100%;
}

.materiality .sustainability_table ul li {
	font-size: 1.0rem;
	margin-top: 5px;
	counter-increment : chapter;
	padding-left: 20px;
	position: relative;
}

.materiality .sustainability_table ul li:before {
	content : "*" counter(chapter) ":";
	left: 0;
	position: absolute;
	top: 0;
}



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

 221205 updata

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


.opt-cols-2.opt-media-center .row {
	display: flex;
	justify-content: center;
	float: none;
}

.opt-cols-2.opt-media-center .row .col {
	width: auto;
}

.caption {
	font-size: 100%;
	margin-top: 5px;
}

.break-all {
	word-break: break-all;
}









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

 231004 updata
 materiality

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

/* 231004 add */
.materiality .process {
	margin-top: 50px;
}

.materiality .process .process_hdg {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}

.materiality .process .process_text1 {
	font-size: 1.8rem;
	margin-top: initial;
}

.materiality .process .process_texts {
	margin-top: 20px;
}

.materiality .process .process_texts p+p {
	margin-top: 5px;
}

.materiality .process .process_text2 {
	font-size: 1.4rem;
}

.materiality .process .img {
	margin-top: 50px;
}

.materiality .process .img img {
	height: auto;
	width: 100%;
}

.materiality .sustainability_heading {
	margin-bottom: 30px;
	margin-top: 70px;
}

.materiality .sustainability_heading .c-secondaryHeading {
	font-size: 2.4rem;
	font-weight: 500;
}

.materiality .sustainability_heading .c-secondaryHeading+p {
	font-size: 1.6rem;
}

/* 231004 add */




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

 240227 updata

------------------------ */
.w4-3 {
	width: calc(100% * .75);
}

.mlr-auto {
	margin-left: auto;
	margin-right: auto;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

/* 画像保存禁止 */
.prohibit img {
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;

	/* pc */
	pointer-events: none;
	
	/* sp */
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

.action-items {
	margin-top: 20px;
}

.action-items-inner {
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}

.action-item {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0;
	width: calc(100% * .32);
}

.w2-1 .action-item {
	width: calc(100% * .5);
}

.w4-3 .action-item {
	width: calc(100% * .75);
}

.action-item img {
	height: auto;
	width: 100%;
}

.items {
	margin-top: 20px;
}

.items-inner {
	display: flex;
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.justify-center {
	justify-content: center;
}

.item {
	margin-left: 7.5px;
	margin-right: 7.5px;
}

.item figcaption {
	font-size: 12px;
}

.mod-table.table-type2 thead th,
.mod-table.table-type2 tbody td {
	font-size: 9px;
	padding: 5px;
}

.mod-ul.link_type_haiphong li::marker {
  content: '- ';
  font-size: 1.2em;
}

.txt-vertical {
	/* transform: translate(-42%, -50%) rotateZ(90deg);
	width: 150px; */

	writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
}

/* 202412追加 */

.ceo-messe-slogan {
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 2.0em;
    border-bottom: 8px solid #FF0000;
    display: inline-block;
}

.materiality_table sup {
    font-size: 8px;
}
.materiality_table th {
    padding: 5px 0;
    background-color: #0064d2 !important;
    color: #fff;
    font-weight: bold;
}
.materiality_table td {
    padding: 1px 3px !important;
    font-weight: bold;
}
.materiality_table td.align-center {
    padding: 1px 1px !important;
}
.materiality_table .font_s {
    font-size: 9px;
}
.materiality_table .font_ss {
    font-size: 7.2px;
}
.materiality_table .esg-classify {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.materiality_table .esg-classify span.invert {
    display: inline-block;
    transform: rotate(180deg);
}
.materiality_table .esg-classify span.initial {
    margin-top: 7px;
    padding: 1px 0;
    background-color: #fff;
    border-radius: 3px; 
    text-orientation: upright;
}
.materiality_table td img {
    width: 45% !important;
    padding: 2px;
}
.materiality_table td.environment_materiality {
    background-color: #d3efef;
    color: #268a93;
}
.materiality_table td.society_materiality {
    background-color: #fef5cd;
    color: #c46626;
}
.materiality_table td.governance_materiality {
    background-color: #d8ebf8;
    color: #265c80;
}

.title-bl {
  color: #0367d5;
}