@charset "UTF-8";

sub {
	margin: auto 1px auto;
	font-size: 92%;
	vertical-align: -0.15em;
	line-height: 100%;
}

article * {
	box-sizing: border-box;
}

article img {
	max-width: 100%;
	height: auto;
}
article a img:hover { opacity: 1; }

article .content-txt { margin-bottom: 50px; }
article p,
article .content-txt p { line-height: 1.8rem; }

article section section {
	padding-bottom: 0;
}
article section section + section {
	padding-top: 60px;
}

@media screen and (max-width: 1199px) {
	article p img {
		width: auto;
	}
	article .content-txt { margin-bottom: 30px; }

	article p,
	article .content-txt p { line-height: 1.5rem; }

	article .scroll_head {
  	padding-top: 45px;
		margin-top: -45px;
	}
}

article {
	--icon01-color: #008c8c;
	--icon02-color: #e67d32;
	--icon03-color: #3282c8;
	--icon04-color: #8064a0;
	--icon05-color: #d278a0;

	--icon01-border-color: rgba(0, 140, 140, 0.3);
	--icon02-border-color: rgba(230, 125, 50, 0.3);
	--icon03-border-color: rgba(50, 130, 200, 0.3);
	--icon04-border-color: rgba(128, 100, 160, 0.3);
	--icon05-border-color: rgba(210, 120, 160, 0.3);

	--icon01-bg-color: rgba(0, 140, 140, 0.6);
	--icon02-bg-color: rgba(230, 125, 50, 0.6);
	--icon03-bg-color: rgba(50, 130, 200, 0.6);
	--icon04-bg-color: rgba(128, 100, 160, 0.6);
	--icon05-bg-color: rgba(210, 120, 160, 0.6);

	--icon01-bg-color2: rgba(0, 140, 140, 0.9);
	--icon02-bg-color2: rgba(230, 125, 50, 0.9);
	--icon03-bg-color2: rgba(50, 130, 200, 0.9);
	--icon04-bg-color2: rgba(128, 100, 160, 0.9);
	--icon05-bg-color2: rgba(210, 120, 160, 0.9);

	--shadow: 5.6693px 5.6693px 2.8346px rgba(0, 0, 0, 0.25);

	--gradient-start-color: #001991;
	--gradient-end-color: #008cd2;
	--bg-gradient: linear-gradient(to right, var(--gradient-start-color), var(--gradient-end-color));
	
	--col2-width: 48.5%;
	--col3-width: 31.5%;
}

.sub-head.txt_none {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.mb0 {
	margin-bottom: 0 !important;
}

.fill_img {
	width: 100%;
	height: auto;
}

.pagetitle_img {
	height: 250px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background: url("/assets/images/sustainability/title_bg.jpg") center center no-repeat;
	background-size: cover;
}
.pagetitle_txt {
	height: 140px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background: var(--bg-gradient);
}
.pagetitle_txt h1 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	text-shadow: 0 0 4px var(--gradient-start-color);
}
.pagetitle_img_txt {
	height: 250px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	background: url("/assets/images/sustainability/environment/title_bg.jpg") center center no-repeat;
	background-size: cover;
}
.pagetitle_img_txt.pt1 {
	background-image:  url("/assets/images/sustainability/environment/title_bg.jpg");
}
.pagetitle_img_txt.pt2 {
	background-image:  url("/assets/images/sustainability/social/title_bg.jpg");
}
.pagetitle_img_txt.pt3 {
	background-image:  url("/assets/images/sustainability/governance/title_bg.jpg");
}

.pagetitle_img_txt h1 {
	width: 1200px;
	margin: 0 auto;
	font-size: 3.25rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
.pagetitle_img_txt h1 span {
	font-size: 60%;
}
.pagetitle_img_txt.pt1 h1 { text-shadow: 0 0 5px #009444; }
.pagetitle_img_txt.pt2 h1 { text-shadow: 0 0 5px #0068b2; }
.pagetitle_img_txt.pt3 h1 { text-shadow: 0 0 5px #6b2201; }

h2.sus_style1 {
	margin: 0 0 40px;
	padding: 1px 15px;
	background: var(--bg-gradient);
	text-align: center;
}
h2.sus_style1 img {
	line-height: 0;
}

h2.sus_style2 {
	position: relative;
  font-size: 1.3rem;
	line-height: 1.3;
  margin: 0 0 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #bfbfbf;
}
h2.sus_style2:after {
	content: '';
	display: block;
	width: 9em;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	background-color: var(--gradient-start-color);
}

h3.sus_style1 {
  font-size: 1.1rem;
	line-height: 1.3;
  margin: 0 0 1.5rem;
	border-left: 3px solid var(--gradient-start-color);
  padding: 5px 0 5px 10px;
  position: relative;
}

section > h2.sus_style2,
:not(.inner_block) h2.sus_style2,
:not(.inner_block) * h3.sus_style1 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

section .inner_block_s {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.column_set {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.column_set.-flex_end {
	-webkit-box-align: end;
	align-items: flex-end;
}
.column_set.-column2_2to1 .col:first-child {
	width: 69%;
}
.column_set.-column2_2to1 .col:nth-child(2) {
	width: 30%;
}

@media screen and (max-width: 1199px) {
	.pagetitle_img,
	.pagetitle_txt,
	.pagetitle_img_txt {
		height: 28vw;
	}
	.pagetitle_img h1 {
		width: 80%;
	}
	.pagetitle_txt h1,
	.pagetitle_img_txt h1 {
		width: 94%;
		margin: 0 auto;
	}
	.pagetitle_img_txt h1 {
		font-size: 1.8rem;
		text-shadow: 0 0 3px inherit !important;
	}
	h2.sus_style1 {
		width: 94%;
		margin: 0 auto 40px;
	}
	h2.sus_style2 {
	}
	h2.sus_style2:after {
		width: 5.75em;
	}
	section > h2.sus_style2,
	div:not(.inner_block) h2.sus_style2,
	article > section > h3.sus_style1,
	section > .content-txt h3.sus_style1 {
		width: 94%;
	}
	section .inner_block_s {
		width: 94%;
		margin: 0 auto;
	}
	.column_set .col {
		width: 100% !important;
	}
	.column_set .col:nth-child(n+2) {
		margin-top: 20px;
	}
}

table.basic.sus_style1 {
	margin-top: 0;
	margin-bottom: 0;
}
table.basic.sus_style1 tr:not(.row_strong) th:not(.head, .head2, .cell_strong) {
	background-color: #fff;
}
table.basic.sus_style1 th:not(.head, .head2) {
	text-align: left;
	font-weight: normal;
}
table.basic.sus_style1 th.head {
	background-color: var(--gradient-start-color);
	color: #fff;
}
table.basic.sus_style1 th.head2 {
	background-color: #909fbe;
	color: #fff;
}
table.basic.sus_style1 th.sub_head,
table.basic.sus_style1 .row_strong *,
table.basic.sus_style1 .cell_strong {
	background-color: #ddd;
}
table.basic.sus_style1 sub {
	font-size: 80%;
	vertical-align: sub;
}

ul.disc,
ul.square {
	padding-left: 1em;
}
ul.disc {
	list-style-type: disc;
}
ul.square {
	list-style-type: square;
}
ul.disc > li,
ul.square > li {
	line-height: 1.3em;
}
ol.note_asterisk,
ol.circled_num {
	margin: 0 0 4em;
	list-style-type: none;
	counter-reset: number;
}
ol.note_asterisk > li,
ol.circled_num > li {
	position: relative;
	line-height: 1.3
}
ol.note_asterisk > li {
	padding-left: 2em;
}
ol.circled_num > li {
	padding-left: 1em;
}
ul.disc > li + li,
ul.square > li + li,
ol.note_asterisk > li + li,
ol.circled_num > li + li {
	margin-top: 0.5em;
}
ol.note_asterisk > li:before {
	counter-increment: number;
	content: '※' counter(number);
	position: absolute;
	left: 0;
	width: 2em;
}
ol.circled_num > li:before {
	counter-increment: number;
	content: counter(number);
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2em;
  width: 1.2em;
  font-size: 0.75em;
  line-height: 1.3;
  position: absolute;
  top: 0.3em;
  left: 0;
}

.sus_box {
	background-color: #ddd;
	padding: 20px;
}


@media screen and (max-width: 1199px) {
	ol.circled_num {
		font-size: 0.875rem;
	}
}
@media screen and (max-width: 768px) {
	.table_scroll_x {
		overflow-x:scroll;
	}
	.table_scroll_x > table {
		width: 780px;
	}
}

.fill_icon {
	width: 120px;
	height: 120px;
	padding: 5px;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
.p1 .fill_icon { background-color: var(--icon01-bg-color); }
.p2 .fill_icon { background-color: var(--icon02-bg-color); }
.p3 .fill_icon { background-color: var(--icon03-bg-color); }
.p4 .fill_icon { background-color: var(--icon04-bg-color); }
.p5 .fill_icon { background-color: var(--icon05-bg-color); }
.p1 .icon_ttl { color: var(--icon01-color); }
.p2 .icon_ttl, .p2 .icon_ttl { color: var(--icon02-color); }
.p3 .icon_ttl { color: var(--icon03-color); }
.p4 .icon_ttl { color: var(--icon04-color); }
.p5 .icon_ttl { color: var(--icon05-color); }

.casestudy_icon_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.casestudy_icon_list > div {
	width: 19%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}
.casestudy_icon_list .icon_ttl {
	padding: 16px 0 0 0;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
	width: 80%;
}
/*
.casestudy_icon_list.index_style .fill_icon {
	background-color: #fff !important;
	border-width: 3px;
	border-style: solid;
}
.casestudy_icon_list.index_style .p1 .fill_icon { border-color: var(--icon01-border-color); }
.casestudy_icon_list.index_style .p2 .fill_icon { border-color: var(--icon02-border-color); }
.casestudy_icon_list.index_style .p3 .fill_icon { border-color: var(--icon03-border-color); }
.casestudy_icon_list.index_style .p4 .fill_icon { border-color: var(--icon04-border-color); }
.casestudy_icon_list.index_style .p5 .fill_icon { border-color: var(--icon05-border-color); }
*/

.casestudy_list {
	margin: 0;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.casestudy_list::after{
  content: "";
  display: block;
  width: var(--col3-width);
}
.casestudy_list .item {
	margin-bottom: 40px;
	width: var(--col3-width);
	background-color: #e2e2e2;
}
.casestudy_list .item p {
	padding: 8px 22px 10px 8px;
}
.casestudy_list .item img {
	width: 100%;
}
.casestudy_list .item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: url("/assets/images/sustainability/icon_arrow_g2.svg") right 10px bottom 10px no-repeat;
	background-size: 13px auto;
}
.casestudy_list .item a:hover img,
.casestudy_list .item a:hover p {
	opacity: 0.6;
}
.casestudy_list .item a:after {
	position: absolute;
	content: "";
	top: 5px;
	left: 5px;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 42px auto;
}
.casestudy_list .item.p1 a:after {
	background-color: var(--icon01-bg-color2);
	background-image: url("/assets/images/sustainability/materiality_icon01_w.png");
}
.casestudy_list .item.p2 a:after {
	background-color: var(--icon02-bg-color2);
	background-image: url("/assets/images/sustainability/materiality_icon02_w.png");
}
.casestudy_list .item.p3 a:after {
	background-color: var(--icon03-bg-color2);
	background-image: url("/assets/images/sustainability/materiality_icon03_w.png");
}
.casestudy_list .item.p4 a:after {
	background-color: var(--icon04-bg-color2);
	background-image: url("/assets/images/sustainability/materiality_icon04_w.png");
}
.casestudy_list .item.p5 a:after {
	background-color: var(--icon05-bg-color2);
	background-image: url("/assets/images/sustainability/materiality_icon05_w.png");
}

@media screen and (max-width: 1199px) {
	.casestudy_icon_list:not(.index_style) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		gap: 20px 0;
	}
	.casestudy_icon_list:not(.index_style) > div {
		width: 100% !important;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-webkit-box-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		align-items: center;
	}
	.casestudy_icon_list:not(.index_style) .fill_icon {
		width: 80px;
		height: 80px;
	}
	.casestudy_icon_list:not(.index_style) .icon_ttl {
		padding: 0 0 0 15px;
		font-size: 1rem;
		text-align: left;
	}
	.casestudy_icon_list:not(.index_style) .icon_ttl img {
		max-height: 75px;
	}

	.casestudy_list .item {
		width: 100%;
	}
	.casestudy_list .item a:after {
		width: 66px;
		height: 66px;
		background-size: 55px auto;
	}
}

@media screen and (max-width: 780px) {
	.casestudy_icon_list.index_style {
		max-width: 100%;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		justify-content: center;
		gap: 20px 10px;
	}
	.casestudy_icon_list.index_style > div {
		width: calc(50% - 10px);
	}
	.casestudy_icon_list.index_style > div .icon_ttl {
		width: 100%;
	}
	.casestudy_icon_list.index_style > div:nth-child(3) {
		width: 100%;
	}
	.casestudy_icon_list.index_style > div:nth-child(3) .icon_ttl {
		width: calc(50% - 10px);
	}
/*	.casestudy_icon_list.index_style > div:nth-child(n+4) {
  	order: 1;
	}*/
	.casestudy_icon_list.index_style .fill_icon {
		width: 204px;
		height: 204px;
	}
	.casestudy_icon_list.index_style .fill_icon .image {
		margin-bottom: 0;
		padding: 0 15px;
	}
}
@media screen and (max-width: 560px) {
	.casestudy_icon_list.index_style .fill_icon {
		width: 163px;
		height: 163px;
	}
}


/* basicpolicy */
.basicpolicy_lead {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.basicpolicy_lead .col_txt {
	width: 74%;
}
.basicpolicy_lead .col_img {
	width: 25%;
}
.basicpolicy_lead .ttl {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.basicpolicy_materiality {
	margin-top: 40px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: 50% auto;
}
.basicpolicy_materiality .cover {
	width: 100%;
	height: 100%;
}
.basicpolicy_materiality .inner_block {
	height: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}
.basicpolicy_materiality .content {
	width: calc(50% + 65px);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.basicpolicy_materiality .content .fill_icon {
	width: 130px;
	height: 130px;
	border: #fff 2px solid;
}
.basicpolicy_materiality .content .icon_ttl {
	margin-bottom: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
}

.basicpolicy_materiality.img_left {
	background-position: left center;
}
.basicpolicy_materiality.img_left .cover {
	background: linear-gradient(to right, transparent 0%, transparent 30%, #fff 49%);
}
.basicpolicy_materiality.img_left .content {
	margin: 0 0 0 auto;
}
.basicpolicy_materiality.img_left .txt {
	padding: 0 0 0 15px;
}
.basicpolicy_materiality.img_right {
	background-position: right center;
}
.basicpolicy_materiality.img_right .cover {
	background: linear-gradient(to left, transparent 0%, transparent 30%, #fff 49%);
}
.basicpolicy_materiality.img_right .content {
	margin: 0 auto 0 0;
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.basicpolicy_materiality.img_right .content .fill_icon {
	order: 2;
}
.basicpolicy_materiality.img_right .content .txt {
	padding: 0 15px 0 0;
	order: 1;
	text-align: right;
}

.basicpolicy_materiality.p1 {
	background-image: url("/assets/images/sustainability/basicpolicy/basicpolicy_bg_01.jpg");
}
.basicpolicy_materiality.p2 {
	background-image: url("/assets/images/sustainability/basicpolicy/basicpolicy_bg_02.jpg");
}
.basicpolicy_materiality.p3 {
	background-image: url("/assets/images/sustainability/basicpolicy/basicpolicy_bg_03.jpg");
}
.basicpolicy_materiality.p4 {
	background-image: url("/assets/images/sustainability/basicpolicy/basicpolicy_bg_04.jpg");
}
.basicpolicy_materiality.p5 {
	background-image: url("/assets/images/sustainability/basicpolicy/basicpolicy_bg_05.jpg");
}

@media screen and (max-width: 1199px) {
	.basicpolicy_lead .col_txt,
	.basicpolicy_lead .col_img {
		width: 100%;
	}
	.basicpolicy_lead .col_txt {
		order: 2;
		margin-top: 20px;
	}
	.basicpolicy_lead .col_img {
		order: 1;
		text-align: center;
	}
	.basicpolicy_lead .col_img img {
		width: 250px;
	}

	.basicpolicy_materiality {
		height: auto;
		background-size: 100% auto;
	}
	.basicpolicy_materiality .inner_block {
		padding-top: 180px;
		-webkit-box-align: end;
		align-items: flex-end;
	}
	.basicpolicy_materiality .content .fill_icon {
		width: 73px;
		height: 73px;
	}
	.basicpolicy_materiality .content .txt {
		width: calc(100% - 73px);
		padding: 20px 0 0 10px !important;
	}
	.basicpolicy_materiality .content .icon_ttl {
		font-size: 1.1rem;
	}
	.basicpolicy_materiality .content .txt p:not(.icon_ttl) {
		margin-left: -83px;
	}
	.basicpolicy_materiality.img_left,
	.basicpolicy_materiality.img_right {
	background-position: center top;
	}
	.basicpolicy_materiality.img_left .cover,
	.basicpolicy_materiality.img_right .cover {
		background: linear-gradient(to bottom, transparent 0%, transparent 30%, #fff 179px);
	}
	.basicpolicy_materiality.img_left .content,
	.basicpolicy_materiality.img_right .content {
		margin: -20px 0 0;
		width: 100%;
		-webkit-box-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		align-items: flex-start;
	}
	.basicpolicy_materiality.img_right .content .fill_icon {
		order: 1;
	}
	.basicpolicy_materiality.img_right .content .txt {
		order: 2;
		text-align: left;
	}

}


/* Sustainability Top Page */
section.index_title_area {
	padding-bottom: 40px;
}
.index_title {
	margin-top: 20px;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
.index_title .txt {
	width: 55%;
	padding-right: 50px;
}
.index_title .txt h1 {
	margin-bottom: 10px;
}
.index_title .txt p {
	line-height: 1;
}
.index_title .kv {
	width: 45%;
}

@media screen and (max-width: 1199px) {
	.index_title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.index_title .txt,
	.index_title .kv {
		width: 100%;
	}
	.index_title .txt {
		padding-right: 0;
		-webkit-box-ordinal-group: 1;
		order: 2;
	}
	.index_title .txt p img {
		margin-bottom: 0;
	}
	.index_title .kv {
		-webkit-box-ordinal-group: 1;
		order: 1;
		text-align: center;
	}
}

.banner_basicpolicy {
	position: relative;
	z-index: 1;
	background: url("/assets/images/sustainability/index_link_basicpolicy_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 80px;
	text-align: center;
	box-shadow: var(--shadow);
}
a .banner_basicpolicy:hover:after {
	content: "";
  position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.3;
}
.banner_basicpolicy p {
	position: relative;
	z-index: 3;
	max-width: 400px;
	margin: 0 auto;
}
.banner_basicpolicy p img {
	margin-bottom: 0;
}

.index_icon_list {
	margin: 0 auto;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
.banner_basicpolicy .index_icon_list {
	position: relative;
	z-index: 3;
	max-width: 370px;
}

.index_icon_list .icon {
	background-color: #fff;
	border-radius: 50%;
	border-style: solid;

	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
.index_icon_list:not(.text_set) .icon {
	width: 59px;
	height: 59px;
	padding: 5px;
	border-width: 1px;
}
.index_icon_list.text_set {
	-webkit-box-pack: center;
	justify-content: center;
	gap: 0 42px;
}
.index_icon_list.text_set:after {
  content: '';
  width: 100%;
}
.index_icon_list.text_set .icon {
	width: 204px;
	height: 204px;
	border-width: 3px;
}
.index_icon_list.text_set .icon .image {
	text-align: center;
/*	margin-bottom: 10px;*/
}
/*
.index_icon_list.text_set .icon .icon_ttl {
	padding: 0 8px;
	text-align: center;
	font-weight: bold;
	font-size: 0.9rem;
}
*/
.index_icon_list.text_set .icon:nth-child(n+3) {
  order: 1;
}

.index_icon_list .icon.p1 { border-color: var(--icon01-border-color); }
.index_icon_list .icon.p2 { border-color: var(--icon02-border-color); }
.index_icon_list .icon.p3 { border-color: var(--icon03-border-color); }
.index_icon_list .icon.p4 { border-color: var(--icon04-border-color); }
.index_icon_list .icon.p5 { border-color: var(--icon05-border-color); }

@media screen and (max-width: 560px) {
	.banner_basicpolicy {
		padding: 6% 8%;
	}
	.banner_basicpolicy p,
	.banner_basicpolicy .index_icon_list {
		max-width: 100%;
	}
	.index_icon_list.text_set {
		gap: 0 20px;
	}
	.index_icon_list.text_set .icon {
		width: 163px;
		height: 163px;
	}
	.index_icon_list.text_set .icon:nth-child(n+3) {
  	order: unset;
	}
	.index_icon_list.text_set .icon:nth-child(n+4) {
  	order: 1;
	}
	.index_icon_list.text_set .icon .image {
		margin-bottom: 0;
		padding: 0 15px;
	}
/*
	.index_icon_list.text_set .icon .icon_ttl {
		font-size: 0.7rem;
	}
*/
}
@media screen and (max-width: 380px) {
	.banner_basicpolicy .index_icon_list .icon {
		width: 55px;
		height: 55px;
	}
}

.index_bnr_list,
.button_link_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	gap: 20px 0;
}
.button_link_list.col1 {
	-webkit-box-pack: center;
	justify-content: center;
}
.index_bnr_list.col2 li,
.button_link_list li {
	width: var(--col2-width);
}
.index_bnr_list.col3 li {
	width: var(--col3-width);
}
.index_bnr_list.col2 li a,
.index_bnr_list.col3 li a,
.button_link_list li a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
}
.button_link_list li a {
	line-height: 1.3;
}
.index_bnr_list.col2 li a:hover:after,
.index_bnr_list.col3 li a:hover:after {
	content: "";
  position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.3;
}
.index_bnr_list.col2 li a img,
.index_bnr_list.col3 li a img,
.button_link_list li a span {
	position: relative;
	z-index: 3;
}
.index_bnr_list.col2 li a {
	padding: 28px 10px 12px;
	background: var(--bg-gradient);
	box-shadow: var(--shadow);
}
.index_bnr_list.col3 li a {
	padding: 70px 10px 50px;
	background: url("/assets/images/sustainability/index_link_environment_bg.jpg") bottom center no-repeat;
	background-size: cover;
	box-shadow: var(--shadow);
}
.index_bnr_list.col3 li:nth-child(1) a {
	background-image: url("/assets/images/sustainability/index_link_environment_bg.jpg");
}
.index_bnr_list.col3 li:nth-child(2) a {
	background-image: url("/assets/images/sustainability/index_link_social_bg.jpg");
}
.index_bnr_list.col3 li:nth-child(3) a {
	background-image: url("/assets/images/sustainability/index_link_governance_bg.jpg");
}
.button_link_list li a {
	padding: 15px 24px 15px 15px;
	font-size: 1.125rem;
	background-position: right 12px center;
	background-repeat: no-repeat;
	background-size: 13px auto;
}
.button_link_list li a {
	border: 1px solid #bfbfbf;
	background-image: url(/assets/images/sustainability/icon_arrow_g.svg);
}
.button_link_list li a:hover {
	color: #fff;
	background-color: #2278b2;
	background-image: url(/assets/images/common/icon_arrow.svg);
}
.button_link_list.sus_top li a {
	background-image: none;
}

.logo_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	gap: 0 30px;
}
.logo_list > div {
	margin-bottom: 20px;
/*	width: 16%;*/
	text-align: center;
}

@media screen and (max-width: 1199px) {
	.index_bnr_list.col2 li,
	.index_bnr_list.col3 li,
	.button_link_list li {
		width: 100%;
	}
/*	.index_bnr_list.col2 li:nth-child(2),
	.index_bnr_list.col3 li,
	.button_link_list li:nth-child(2) {
		margin-top: 20px;
	}*/
	.index_bnr_list.col3 li:first-child {
		margin-top: 0;
	}
	.logo_list {
		gap: 0;
	}
	.logo_list > div {
		width: var(--col2-width);
	}
}

.index_title_link a {
	display: block;
	max-width: 450px;
	margin: 0 auto 40px auto;
	padding: 10px;
	background-color: #87a0b4;
	text-align: center;
}
.index_title_link a:hover {
	opacity: 0.6;
}

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 780px) {
}

@media screen and (max-width: 560px) {
}