@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:inherit;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:super; font-size: 70%;}
sub{vertical-align: baseline; font-size: 70%;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"],input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}


/* =Common
-------------------------------------------------------------- */
body {
	text-align: center;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
img {
	max-width: 100%;
	height: auto;
}
input[type="submit"], input[type="reset"] {
	appearance: none;
	cursor: pointer;
}

/* clearfix */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.clr {clear: both;}


/* =Styles 
-------------------------------------------------------------- */
body {
	/* win：游ゴシック、mac：游ゴシック、iPhone：San Francisco、ヒラギノ（-1px） */
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

	color: #0A0A0A;
	background: #fff;
}
a {
	text-decoration: none;
	color: #000;
}
.pc02{
	
}
.sp02{
	display: none;
}
@media ( min-width: 601px ){
	body {
		font-size: 16px;
	}
	.sp {
		display: none !important;
	}
	.inner {
		max-width: 1500px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.kv .inner,
	.head_info .inner,
	.content .inner {
		max-width: 1080px;
	}
}
@media ( min-width: 961px ){
	.sptab {
		display: none !important;
	}
}
@media ( max-width: 960px ){
	.pc {
		display: none !important;
	}
}
@media ( max-width: 600px ){
	body {
		font-size: 15px;
	}
	.pctab {
		display: none !important;
	}
	.inner {
		padding: 0 5.3333vw;
	}
	
	.pc02{
		display: none;
	}
	.sp02{
		display: block;
	}
}

/* IE11のみハック */
_:-ms-lang(x)::-ms-backdrop, .selector {

}

body.fixed {
	/*position: fixed;
	left: 0;
	width: 100%;
	height: 100%; */
}
.lang_select {
	color: #fff;
	background-color: #076EAA;
	border-color: #076EAA;
	cursor: pointer;
	text-align: center;
	-moz-text-align-last: center;
	text-align-last: center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	border: none;
}
select::-ms-expand {
	display: none;
}
.key_search {
	display: flex;
}
.key_search input,
.mf_finder_searchBox_items > div input{
	border: none;
	outline: none;
	box-sizing: border-box;
	border-radius: 0;
	background-color: #EFEFEF;
	padding: .7rem;
}
.key_search .search_submit,
.mf_finder_searchBox_items > button{
	border: none;
	cursor: pointer;
	/*background: url(/csr/common_2021/images_2021/csr/icon_serch.png) no-repeat #076EAA center;*/
	background: #076EAA;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	padding: 0 1rem;
	transition: 0.2s;
}
.key_search .search_submit:hover,
.mf_finder_searchBox_items > button:hover{
	background: #014c77;
}
.key_search .search_submit:before{
	position: relative;
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	font-weight: 900;
	display: inline-block;
	color: #fff;
	width: 1em;
	height: 1em;
}
.mf_finder_searchBox_submit:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media ( max-width: 1299.5px ){
	.key_search .search_submit:before{
		font-size: 140%;
	}
}
@media ( min-width: 1299.5px ){
	.mf_finder_searchBox_items{
		padding: 0;
	}
}







@media ( min-width: 601px ){
	.lang_select {
		height: 20px;
		font-size: 10px;
		padding: 2px 14px 2px 14px;
	}
	.key_search .search_submit {
		height: 46px;
		width: 46px;
	}
}
@media ( min-width: 961px ){
	.key_search input {
		height: 46px;
		padding: 4px 5px;
	}
	.key_search .search_submit {
		transition: opacity .3s;
	}
	.key_search .search_submit:hover {
		opacity: .7;
	}
}
@media ( max-width: 600px ){
	.lang {
		font-size: 3.7333vw;
	}
	.lang_select {
		font-size: 3.2vw;
		padding: 0.5333vw 3.7333vw;
	}
}
/* =header 
-------------------------------------------------------------- */
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 100;
}
.header .header_in {
	display: flex;
	margin: 0 auto;
}
.header .header_in .logo{
	max-width: 300px;
	width: 100%;
}
.header .header_in .nav_area {
	margin-left: auto;
}
.header .header_in .gnavi {
	box-sizing: border-box;
	background-color: #076EAA;
}
.header .header_in .gnavi .menu_btn {
	position: relative;
	display: block;
	height: 100%;
}
.header .header_in .gnavi .menu_btn span {
	position: absolute;
	display: block;
	height: 2px;
	transition: transform .3s;
	background-color: #fff;
}
.header .header_in .gnavi .menu_btn  span:first-child {
	width: 100%;
	top: 0;
}
.header .header_in .gnavi .menu_btn  span:nth-child(2) {
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.header .header_in .gnavi .menu_btn  span:last-child {
	width: 100%;
	bottom: 0;
}
.header .header_in .gnavi.active .menu_btn  span:first-child {
	top: 45%;
	transform: rotate(45deg);
}
.header .header_in .gnavi.active .menu_btn  span:nth-child(2) {
	display: none;
}
.header .header_in .gnavi.active .menu_btn  span:last-child {
	width: 100%;
	bottom: 45%;
	transform: rotate(-45deg);
}
.header .sp_menu {
	display: none;
	position: fixed;
	left: 0;
	width: 100vw;
	border-top: 1px solid #EFEFEF;
	transition: opacity .3s;
	background-color: #fff;
}
.header .sp_menu.show {
	display: block;
}
.header .sp_menu .in {
	box-sizing: border-box;
	overflow-y: auto;
	height: 100%;
}
.header .header_in .sp_menu .key_search input {
	width: 100%;
}
.header .sp_menu .in .cate_list_wrap {
	text-align: left;
}
.header .sp_menu .in .cate_list_wrap ul li ul {
	display: none;
}
.header .sp_menu .in .cate_list_wrap ul li ul.active {
	display: block;
}
.header .sp_menu .in .cate_list_wrap ul li .toggle {
	display: block;
	transition: background-color .25s;
}
.header .sp_menu .in .cate_list_wrap ul.first li .toggle {
	/* background-image: url(/csr/common_2021/images_2021/csr/icon_plus.png);
	background-repeat: no-repeat; */
}
.header .sp_menu .in .cate_list_wrap ul.second li .toggle {
	/*background-image: url(/csr/common_2021/images_2021/csr/icon_arrow_white_under.png);
	background-repeat: no-repeat;*/
}
.header .sp_menu .in .cate_list_wrap ul.first li .toggle.active {
	/* background-image: url(/csr/common_2021/images_2021/csr/icon_minus.png);
	background-repeat: no-repeat; */
}
.header .sp_menu .in .cate_list_wrap ul:not(.third) > li > a {
	/* background-image: url(/csr/common_2021/images_2021/csr/icon_arrow_white.png);
	background-repeat: no-repeat; */
}
.header .sp_menu .in .cate_list_wrap ul.first li .toggle.active,
.header .sp_menu .in .cate_list_wrap ul.second li,
.header .sp_menu .in .cate_list_wrap ul li .second.active {
	color: #fff;
	background-color: #076EAA;
}
.header .sp_menu .in .cate_list_wrap ul.first li .csr.toggle.active,
.header .sp_menu .in .cate_list_wrap ul.csr li,
.header .sp_menu .in .cate_list_wrap ul li .csr.active {
	color: #fff;
	background-color: #00682E;
}
/*.header .sp_menu .in .cate_list_wrap ul.product li,
.header .sp_menu .in .cate_list_wrap ul li .product.active {
	color: #fff;
	background-color: #076EAA;
}
.header .sp_menu .in .cate_list_wrap ul.csr li,
.header .sp_menu .in .cate_list_wrap ul li .csr.active {
	color: #fff;
	background-color: #00682E;
}
.header .sp_menu .in .cate_list_wrap ul.tech li,
.header .sp_menu .in .cate_list_wrap ul li .tech.active {
	color: #fff;
	background-color: #f2c200;
}
.header .sp_menu .in .cate_list_wrap ul.company li,
.header .sp_menu .in .cate_list_wrap ul li .company.active {
	color: #fff;
	background-color: #A52FAA;
}
.header .sp_menu .in .cate_list_wrap ul.ir li,
.header .sp_menu .in .cate_list_wrap ul li .ir.active {
	color: #fff;
	background-color: #F02475;
}
.header .sp_menu .in .cate_list_wrap ul.csr li,
.header .sp_menu .in .cate_list_wrap ul li .csr.active {
	color: #fff;
	background-color: #00682E;
}
.header .sp_menu .in .cate_list_wrap ul.recruit li,
.header .sp_menu .in .cate_list_wrap ul li .recruit.active {
	color: #fff;
	background-color: #3ecf7a;
} */
.header .sp_menu .in .cate_list_wrap ul li a {
	display: block;
}
.header .sp_menu .in .cate_list_wrap ul.second li a {
	color: #fff;
}
.header .sp_menu .in .cate_list_wrap ul li .csr_lower.active,
.header .sp_menu .in .cate_list_wrap ul.csr_lower li {
	background-color: #E2EDE7;
}
.header .sp_menu .in .cate_list_wrap ul li .third.active, 
.header .sp_menu .in .cate_list_wrap ul.third li a {
	color: #0A0A0A;
}
.header .sp_menu .in .lang {
	text-align: right;
}

@media ( min-width: 1299.5px ){
	body {
		padding-top: 110px;
	}
	.header .header_in {
		max-width: 1500px;
		padding: 0 20px;
		align-items: center;
	}
	.header .header_in .logo {
		padding: 0;
	}
	.header .header_in .nav_area {
		width: calc(100% - 320px);
		max-width: 840px;
	}
	.header .header_in .nav_area .nav_wrap.top {
		display: flex;
	}
	.header .header_in .nav_area .nav_wrap ul {
		display: flex;
		align-items: center;
	}
	.header .header_in .nav_area .nav_wrap.top {
		margin: 0 0 20px;
	}
	.header .header_in .nav_area .nav_wrap.top ul {
		margin: 0 17px 0 auto;
	}
	.header .header_in .nav_area .nav_wrap.top ul li {
		font-size: 14px;
	}
	.header .header_in .nav_area .nav_wrap.top ul li:not(:last-child) {
		border-right: 1px solid #707070;
	}
	.header .header_in .nav_area .nav_wrap.top ul li a {
		padding: 0.2em 16px;
		transition: opacity .3s;
	}
	.header .header_in .nav_area .nav_wrap.top ul li a:hover {
		opacity: .7;
	}
	.header .header_in .nav_area .nav_wrap.top ul li.lang {
		padding-left: 16px;
	}
	.header .header_in .nav_area .nav_wrap.top .key_search input,
	.mf_finder_searchBox_items > div input{
		width: 220px;
	}
	.header .header_in .nav_area .nav_wrap.bottom {
		max-width: 840px;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li {
		margin-left: auto;
		position: relative;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li:not(:last-child) {
		margin-right: 5.6%;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li span.close{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		cursor: pointer;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li span.close.on{
		display: block;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li a {
		display: block;
		position: relative;
		padding: 0 0 28px;
		transition: color .3s;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li a.active,
	.header .header_in .nav_area .nav_wrap.bottom ul li a:hover,
	.product .header .header_in .nav_area .nav_wrap.bottom ul li.product a,
	.tech .header .header_in .nav_area .nav_wrap.bottom ul li.tech a,
	.company .header .header_in .nav_area .nav_wrap.bottom ul li.company a,
	.ir .header .header_in .nav_area .nav_wrap.bottom ul li.ir a,
	.csr .header .header_in .nav_area .nav_wrap.bottom ul li.csr a,
	.recruit .header .header_in .nav_area .nav_wrap.bottom ul li.recruit a{
		color: #076EAA;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li a:before{
		font-family: "Font Awesome 5 Free";
		content: "\f078";
		font-weight: 900;
		background: transparent !important;
		color: #E6EBEE;
		position: absolute;
		bottom: 12px;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 75%;
		transition: 0.2s;
		display: none;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li.clickOpen a:before{
		display: block;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li a::after {
		content: '';
		position: absolute;
		left: -3px;
		bottom: 7px;
		width: calc(100% + 6px);
		height: 5px;
		background-color: #076EAA;
		transform: scale(0 , 1);
		transform-origin: top center;
		transition: transform .3s;
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li a.active:before,
	.header .header_in .nav_area .nav_wrap.bottom ul li a:hover:before{
		color: #076EAA;
		
	}
	.header .header_in .nav_area .nav_wrap.bottom ul li a.active:after,
	.header .header_in .nav_area .nav_wrap.bottom ul li a:hover:after {
		transform: scale(1);
	}
	.header .header_in .gnavi {
		display: none;
	}
	.header .sp_menu {
		display: none !important;
	}
}






@media ( max-width: 1299.5px ){
	body {
		padding-top: 60px;
	}
	.header .header_in {
		justify-content: space-between;
		align-items: center;
	}
	.header .header_in .nav_area {
		display: none;
		margin-left: auto;
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		background: #fff;
		height: calc(100% - 60px);
		overflow: auto;
		padding-bottom: 5%;
	}
	.header .header_in .nav_area .nav_wrap.top ul{
		display: none;
	}
	.search_box{
		margin: 30px 30px 30px;
	}
	.key_search input{
		width: 100%;
	}
	
	.nav_wrap.bottom{
		display: none;
	}
	.nav_wrap.bottom ul{
		text-align: left;
	}
	.nav_wrap.bottom ul li{
		font-size: 16px;
		font-weight: bold;
	}
	.nav_wrap.bottom ul li a{
		display: block;
		padding: 4vw 5.3333vw 4vw 12.2667vw;
		position: relative;
	}
	.nav_wrap.bottom ul li a:before,
	.nav_wrap.bottom ul li a:after{
		background-color: #0A0A0A;
		content: " ";
		height: 2px;
		left: 20px;
		position: absolute;
		transition: all 0.4s ease-out 0s;
		width: 16px;
		top: 0;
		bottom:0;
		margin: auto;
	}
	/*.nav_wrap.bottom ul li a:before,
	.nav_wrap.bottom ul li a:after{
		background-color: #fff;
	} */
	.nav_wrap.bottom ul li a:after{
		transform: rotate(90deg);
	}
	.nav_wrap.bottom ul li a.active:after{
		transform: rotate(180deg);
		background-color: #fff;
	}

	.lang.sp{
		text-align: right;
		padding: 0 5%;
		margin-top: 5%;
		display: block !important;
	}
	
}

@media ( max-width: 600.5px ){
	.header .header_in .nav_area{
		height: calc(100% - 14.4vw);
		top: 14.4vw;
	}
	
	.search_box{
		margin: 6.4vw 5.3333vw 4vw;
	}
}


@media ( min-width: 601px ) and ( max-width: 1299.5px ){
	.header .header_in {
		padding-left: 20px;
	}
	.header .header_in .gnavi {
		width: 60px;
		height: 60px;
		padding: 17px 13px;
	}
	.header .sp_menu {
		top: 60px;
		height: calc(100% - 60px);
	}
	.header .sp_menu .in {
		padding: 60px 0 100px;
		margin: 0 auto;
	}
	.header .header_in  .sp_menu .search_box {
		margin: 0 0 50px;
	}
	.header .header_in  .sp_menu .key_search {
		max-width: 420px;
		margin: 0 auto;
	}
	.header .sp_menu .in .cate_list_wrap {
		margin: 0 0 25px;
	}
	.header .sp_menu .in .cate_list_wrap ul li a,
	.header .sp_menu .in .cate_list_wrap ul li .toggle {
		padding: 15px 0;
	}
	.header .sp_menu .in .cate_list_wrap ul li a,
	.header .sp_menu .in .cate_list_wrap ul li .toggle {
		padding-left: 46px;
		background-size: 16px;
		background-position: center left 20px;
	}
	.header .sp_menu .in .lang {
		padding: 0 20px;
	}
}
@media ( max-width: 600px ){
	body {
		padding-top: 14.4vw;
	}
	.header .header_in {
		padding-left: 3.7333vw;
	}
	.header .header_in .logo {
		width: 37.3333vw;
	}
	.header .header_in .gnavi {
		width: 14.4vw;
		height: 14.4vw;
		padding: 4.5333vw 3.4667vw;
	}
	.header .sp_menu {
		top: 14.4vw;
		height: calc(100% - 14.4vw);
	}
	.header .sp_menu .in {
		padding: 6.4vw 0 10.6667vw;
	}
	.header .header_in  .sp_menu .search_box {
		margin: 0 5.3333vw 4vw;
	}
	.header .header_in  .sp_menu .key_search {
		height: 12.8vw;
	}
	.header .header_in  .sp_menu .key_search input {
		width: calc(100% - 12.8vw);
	}
	.key_search .search_submit {
		height: 12.8vw;
		width: 12.8vw;
	}
	.header .sp_menu .in .cate_list_wrap {
		margin: 0 0 4.8vw;
	}
	.header .sp_menu .in .cate_list_wrap ul.first {
		font-size: 4.8vw;
	}
	.header .sp_menu .in .cate_list_wrap ul.second {
		font-size: 4.2667vw;
	}
	.header .sp_menu .in .cate_list_wrap ul li a,
	.header .sp_menu .in .cate_list_wrap ul li .toggle {
		padding: 4vw 2vw 4vw 0;
	}
	.header .sp_menu .in .cate_list_wrap ul li a,
	.header .sp_menu .in .cate_list_wrap ul li .toggle {
		padding-left: 12.2667vw;
		line-height: 1.2;
		background-size: 4.2667vw;
		background-position: top 4.62vw left 5.3333vw;
	}
	.header .sp_menu .in .cate_list_wrap ul li .toggle.active {
		background-position: center left 5.3333vw;
	}
	.header .sp_menu .in .lang {
		padding: 0 5.3333vw;
	}
}

/* =header dropdown_menu
-------------------------------------------------------------- */
.dropdown_menu_wrap {
	position: fixed;
	top: 110px;
	left: 0;
	width: 100%;
	transition: opacity .3s, visibility .3s;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	height: 500px;
	max-height: calc(85% - 60px);
	z-index: 40;
	max-width: 1600px;
	margin: 0 auto;
	right: 0;
}
.dropdown_menu_wrap.show {
	opacity: 1;
	visibility: visible;
}
.dropdown_menu_wrapIn{
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: flex-end;
	height: 100%;
}
.dropdown_menu_wrap .drop_menuLeft{
	width: 40%;
}
.dropdown_menu_wrap .drop_menu {
	display: none;
	text-align: left;
	height: 100%;
	z-index: 40;
	width: 100%;
	max-width: 1000px;
}
.dropdown_menu_wrap .drop_menu .in {
	position: relative;
	max-width: 1080px;
	padding: 0 20px;
	margin: 0 auto;
	height: 100%;
}

.dropdown_menu_wrap .drop_menu.active {
	display: block;
}
.dropdown_menu_wrap .drop_menu .column_a ul li a {
	color: #fff;
}
.dropdown_menu_wrap .drop_menu .column ul li a .icon::after {
	/*content: url(/csr/common_2021/images_2021/csr/icon_data.png);*/
	margin-left: 0.5em;
    position: relative;
    font-family: "Font Awesome 5 Free";
    content: "\f24d";
    font-weight: 400;
    width: 11px;
    height: 12px;
    display: inline-block;
}
.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow {
    position: relative;
	
	/*background: url(/csr/common_2021/images_2021/csr/icon_arrow_white.png)no-repeat center right 20px;*/
}
.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:before,
.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5em;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:before{
    width: 20px;
    height: 2px;
    background: #fff;
}
.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:after{
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:hover,
.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow.active {
	/*background: url(/csr/common_2021/images_2021/csr/icon_arrow_green04.png)no-repeat center right 20px;*/
}
.dropdown_menu_wrap .drop_menu .column_a ul li:hover a.arrow:before,
.dropdown_menu_wrap .drop_menu .column_a ul li.active a.arrow:before{
	background: #076EAA;
}
.dropdown_menu_wrap .drop_menu .column_a ul li:hover a.arrow:after,
.dropdown_menu_wrap .drop_menu .column_a ul li.active a.arrow:after{
    border-top: 2px solid #076EAA;
    border-right: 2px solid #076EAA;
}
.dropdown_menu_wrap .drop_menu.csr .column_a ul li:hover a.arrow:before,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li.active a.arrow:before{
	background: #00682E;
}
.dropdown_menu_wrap .drop_menu.csr .column_a ul li:hover a.arrow:after,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li.active a.arrow:after{
    border-top: 2px solid #00682E;
    border-right: 2px solid #00682E;
}
@media ( min-width: 1299.5px ){
	.PCClickNone{
		pointer-events: none;
	}
}


.dropdown_menu_wrap .drop_menu.product {
	background-color: #076EAA;
}
.dropdown_menu_wrap .drop_menu.tech {
	background-color: #076EAA;
}
.dropdown_menu_wrap .drop_menu.company {
	background-color: #076EAA;
}
.dropdown_menu_wrap .drop_menu.ir {
	background-color: #076EAA;
}
.dropdown_menu_wrap .drop_menu.csr {
	background-color: #00682E;
}
.dropdown_menu_wrap .drop_menu.recruit {
	background-color: #076EAA;
}
.dropdown_menu_wrap .drop_menu .column_b,
.dropdown_menu_wrap .drop_menu .column_a ul li:hover,
.dropdown_menu_wrap .drop_menu .column_a ul li.active {
	background-color: #D9E5EC;
}
.dropdown_menu_wrap .drop_menu.csr .column_b,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li:hover,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li.active {
	background-color: #E2EDE7;
}
.dropdown_menu_wrap .drop_menu .column_a ul li:hover,
.dropdown_menu_wrap .drop_menu .column_a ul li.active,
.dropdown_menu_wrap .drop_menu .column_a ul li:hover a,
.dropdown_menu_wrap .drop_menu .column_a ul li.active a{
	color: #076EAA;
	background-color: #D9E5EC;
}
.dropdown_menu_wrap .drop_menu.csr .column_a ul li:hover,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li.active,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li:hover a,
.dropdown_menu_wrap .drop_menu.csr .column_a ul li.active a{
	color: #00682E;
	background-color: #E2EDE7;
}
.dropdown_menu_wrap .drop_menu .column_a .column_b a{
	color: #0A0A0A !important;
}
.dropdown_menu_wrap .drop_menu .column_a .column_b a:hover {
	color: #076EAA !important;
	background-color: #BEBEBE !important;
}
.dropdown_menu_wrap .drop_menu.csr .column_a .column_b a:hover {
	color: #00682E !important;
}


.dropdown_menu_wrap .drop_menu.csr .column_b ul li a:hover {
	color: #00682E;
}
.dropdown_menu_wrap .drop_menu .menu_title {
	color: #fff;
	font-size: 26px;
	padding: 30px 23px;
	border-bottom: 1px solid #BEBEBE;
}
.dropdown_menu_wrap .drop_menu .menu_title a {
	color: #fff;
	position: relative;
}
.dropdown_menu_wrap .drop_menu .menu_title a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	display: flex;
	align-items: center;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1.2em;
	margin: auto;
	transition: 0.2s;
	font-size: 80%;
}
.dropdown_menu_wrap .drop_menu .column_wrap {
	display: flex;
	height: calc(100% - 87px);
	position: relative;
	font-size: 14px;
}
.dropdown_menu_wrap .drop_menu .column_wrap .column {
	flex: 1 1 50%;
	padding: 10px 0;
	min-height: 100%;
	overflow: auto;
	box-sizing: border-box;
}
.dropdown_menu_wrap .column_wrap .column li.spBlock{
	display: none;
}
.dropdown_menu_wrap .column_wrap .column li a {
	padding: 12px 50px 12px 30px;
}
.dropdown_menu_wrap .column_wrap .column a {
	display: block;
}
.dropdown_menu_wrap .column_wrap .column a span.small{
	display: block;
	font-weight: normal;
	font-size: 75%;
	line-height: 1.3em;
	margin-top: 0.5em;
}
.dropdown_menu_wrap .drop_menu .column_b ul {
	display: none;
}
.dropdown_menu_wrap .drop_menu .column_b ul.active {
	display: block;
}
.dropdown_menu_wrap .drop_menu .drop_close {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	font-size: 160%;
	color: #fff;
}
.dropdown_menu_wrap .drop_menu .column_a .column_b{
	display: none;
	position: absolute;
	top: 15px;
	right: 0;
	width: 50%;
	height: calc(100% - 15px);
	overflow: auto;
}
.dropdown_menu_wrap .drop_menu .column_a .column_b.active{
	display: block;
}


@media ( max-width: 1299.5px ){
	.dropdown_menu_wrap{
		position: static;
		height: auto;
		max-height: none;
		opacity: 1;
		visibility: inherit;
		overflow: inherit;
		max-width: 800px;
		margin: 0 auto;
	}
	.dropdown_menu_wrapIn{
		flex-direction: column;
	}
	.dropdown_menu_wrap .drop_menu{
		display: block;
	}
	.dropdown_menu_wrap .drop_menu .in{
		padding: 0;
	}
	.dropdown_menu_wrap .drop_menu .menu_title{
		padding: 0;
		border-bottom: none;
		position: relative;
		font-size: 20px;
	}
	.dropdown_menu_wrap .drop_menu .column_wrap .column{
		font-size: 16px;
	}
	.dropdown_menu_wrap .drop_menu .menu_title.active{
		background: #076EAA;
	}
	.dropdown_menu_wrap .drop_menu.csr .menu_title.active{
		background: #00682E;
	}

	.dropdown_menu_wrap .drop_menu .menu_title a{
		color: #0A0A0A;
		font-size: 16px;
		font-weight: bold;
		padding: 20px 30px 20px 50px;
		display: block;
		position: relative;
	}
	.dropdown_menu_wrap .drop_menu.clickOpen .menu_title a{
		pointer-events: none;
	}
	.dropdown_menu_wrap .drop_menu .menu_title.active a{
		color: #fff;
	}
	.dropdown_menu_wrap .drop_menu.clickOpen .menu_title:before,
	.dropdown_menu_wrap .drop_menu.clickOpen .menu_title:after{
		background-color: #0A0A0A;
		content: " ";
		height: 2px;
		left: 20px;
		position: absolute;
		transition: all 0.4s ease-out 0s;
		width: 16px;
		top: 0;
		bottom:0;
		margin: auto;
	}
	.dropdown_menu_wrap .drop_menu.clickOpen .menu_title:after{
		transform: rotate(90deg);
	}
	.dropdown_menu_wrap .drop_menu.clickOpen .menu_title.active:after{
		transform: rotate(180deg);
		background-color: #fff;
	}
	
	.dropdown_menu_wrap .drop_menu:not(.clickOpen) .menu_title:before,
	.dropdown_menu_wrap .drop_menu:not(.clickOpen) .menu_title:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 20px;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.dropdown_menu_wrap .drop_menu:not(.clickOpen) .menu_title:before {
		width: 16px;
		height: 2px;
		background: #0A0A0A;
	}
	.dropdown_menu_wrap .drop_menu:not(.clickOpen) .menu_title:after {
		width: 8px;
		height: 8px;
		border-top: 2px solid #0A0A0A;
		border-right: 2px solid #0A0A0A;
		transform: rotate(45deg);
		left: 25px;
	}
	
	.mf_finder_container{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	
	
	
	
	
	
	
	
	
	
	
	

	.dropdown_menu_wrap .drop_menu{
		background: #fff !important;
	}
	
	
	.dropdown_menu_wrap .drop_menu .column_wrap{
		display: none;
		background: #076EAA;
	}
	.dropdown_menu_wrap .drop_menu.csr .column_wrap{
		background: #00682E;
	}
	.dropdown_menu_wrap .drop_menu .column_wrap .column{
		padding: 0;
	}
	.dropdown_menu_wrap .column_wrap .column li a{
		padding: 13px 30px 13px 50px;
		position: relative;
	}

	
	.dropdown_menu_wrap .drop_menu .column_a ul li a:before,
	.dropdown_menu_wrap .drop_menu .column_a ul li a:after{
		position: absolute;
		top: 0;
		bottom: 0;
		right: auto;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a:before{
		height: 1px;
		width: 15px;
		left: 1.4em;
		background: #fff;
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a:after{
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 8px;
		height: 8px;
		left: 1.8em;
		transform: rotate(45deg);
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow.active{
		background: #d9e5ec;
		color: #076EAA;
	}
	.dropdown_menu_wrap .drop_menu.csr .column_a ul li a.arrow.active{
		background: #e2ede7;
		color: #00682E;
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow.active:after {
		border-top: 2px solid #076EAA;
		border-right: 2px solid #076EAA;
	}
	.dropdown_menu_wrap .drop_menu.csr .column_a ul li a.arrow.active:after {
		border-top: 2px solid #00682E;
		border-right: 2px solid #00682E;
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow.active{
		
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:before{
		display: none;
	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:after {
		top: -5px;
		width: 8px;
		height: 8px;
		transform: rotate(135deg);
		right: auto;
		left: 1.6em;
	}
	.dropdown_menu_wrap .drop_menu .column_b{
		display: none;
	}
	.dropdown_menu_wrap .drop_menu .column_b li a:before,
	.dropdown_menu_wrap .drop_menu .column_b li a:after{
		display: none;
	}

	
	.dropdown_menu_wrap .drop_menu .column_a .column_b{
		position: static;
		width: 100%;
	}
	
	.dropdown_menu_wrap .column_wrap .column li.spBlock{
		display: block;
	}
	
	
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:before,
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:after{

	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:before{

	}
	.dropdown_menu_wrap .drop_menu .column_a ul li a.arrow:after{

	}
	
	.dropdown_menu_wrap .drop_menu .drop_close,
	#modal_shadow{
		display: none;
	}
	
	
}




@media ( max-width: 600.5px ){
	.dropdown_menu_wrap .drop_menu .menu_title a{
		padding: 4vw 2vw 4vw 12.2667vw;
	}
	.dropdown_menu_wrap .column_wrap .column li a{
		padding: 3vw 2vw 3vw 12.2667vw;
	}
	
	
	
	
}



































/* =breadcrumbs 
-------------------------------------------------------------- */
.breadcrumbs {
	background-color: #E4EDF6;
}
.breadcrumbs ol {
	text-align: left;
	line-height: 1.5;
}
.breadcrumbs ol li {
	display: inline;
}
.breadcrumbs ol li:first-child {
	position: relative;
}
.breadcrumbs ol li:not(:last-child)::after {
	content: '/';
	margin: 0 1em;
}
.breadcrumbs ol li a {
	display: inline-block;
	transition: opacity .3s;
}
.breadcrumbs ol li a:hover {
	opacity: .7;
}
.breadcrumbs ol li:first-child::before {
	/*content: url(/csr/common_2021/images_2021/csr/icon_home.png); 
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%); */
	margin-right: 0.5em;
	position: relative;
	font-family: "Font Awesome 5 Free";
	content: "\f015";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
	color: #076EAA;
}
@media ( min-width: 601px ){
	.breadcrumbs {
		padding: 10px 0;
	}
	.breadcrumbs ol li {
		font-size: 14px;
	}
	.breadcrumbs ol li:first-child {

	}

	.breadcrumbs ol li a:first-child {
		text-decoration: underline;
	}
}
@media ( max-width: 600px ){
	.breadcrumbs {
		padding: 2.5vw 0;
	}
	.breadcrumbs ol{
		line-height: 1.2em;
	}
	.breadcrumbs ol li {
		font-size: 3.2vw;
	}
	.breadcrumbs ol li:first-child {

	}
	.breadcrumbs ol li:first-child::before {
		/*content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 1.2em;
		height: 1.2em;
		transform: translateY(-50%);
		background: url(/csr/common_2021/images_2021/csr/icon_home.png)no-repeat top left/1em;*/
	}
}
/* =kv 
-------------------------------------------------------------- */
.kv .inner {
	position: relative;
}
.kv .lang_btn {
	position: absolute;
}
.kv .lang_btn a {
	display: block;
	box-sizing: border-box;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	position: relative;
	background-image: url(png/english.png);
}
.kv .lang_btn a:before{
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 20px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.1em;
	margin: auto;
}
.kv .lang_btn a i{
	margin-left: 0.5em;
	font-size: 80%;
}
.kv .title_wrap {
	text-align: left;
}
.kv .title_wrap .page_title {
	color: #00682E;
}
@media ( min-width: 601px ){
	.kv .lang_btn {
		top: 26px;
		right: 20px;
	}
	.kv .lang_btn a {
		width: 125px;
		height: 38px;
		padding: 0.6875em 0 0 2.25em;
		font-size: 15px;

		transition: opacity .4s;
	}
	.kv .lang_btn a:hover {
		opacity: 0.8;
	}
	.kv .title_wrap .page_title {
		font-size: 40px;
		margin: 0 0 25px;
	}
	.kv .title_wrap > p {
		font-size: 16px;
		line-height: 1.66;
	}
}
@media ( min-width: 961px ){
	.kv {
		background: url(jpg/kv.jpg) no-repeat center right 20%/cover;
	}
	.kv .title_wrap {
		padding: 90px 0 190px;
	}
}
@media ( max-width: 960px ){
	.kv {
		background: url(jpg/kv.jpg) no-repeat center right 40%/cover;
	}
	.kv .inner {

	}
	.kv .title_wrap {
		padding: 90px 0 190px;
	}

}
@media ( min-width: 601px ) and ( max-width: 960px ){
	.kv .title_wrap {
		width: 50%;
	}
	.kv .title_wrap .page_title {
		white-space: nowrap;
	}
}
@media ( max-width: 600px ){
	.kv .lang_btn {
		top: 2.6667vw;
		right: 2.6667vw;
	}
	.kv .lang_btn img {
		width: 26.6667vw;
	}
	.kv .lang_btn a {
		width: 26.6667vw;
		height: auto;
		padding: 0.7727em 0 1em 2.25em;
		font-size: 2.9333vw;
	}
	.kv .title_wrap {
		width: 55%;
		margin: 0;
		padding: 12% 0;
	}
	.kv .title_wrap .page_title {
		font-size: 5.3333vw;
		margin: 0 0 1.6vw;
	}
	.kv .title_wrap > p {
		font-size: 3.2vw;
		line-height: 1.66;
	}
}
/* =head_info swiper
-------------------------------------------------------------- */
.head_info{
	position: relative;
	z-index: 1;
}
.head_info .swiper-container .swiper-slide {
	height: auto;
	overflow: hidden;
}
.head_info .swiper-container .swiper-slide a {
	height: 100%;
	display: block;
}
.head_info .swiper-container .swiper-slide .wrap {
	text-align: left;
}
.head_info .swiper-container .swiper-slide .wrap .caption {
	position: relative;
}
.head_info .swiper-container .swiper-slide .wrap .caption::before {
	/*content: '';
	position: absolute;
	left: 0;
	height: 1em;
	background: url(/csr/common_2021/images_2021/csr/icon_arrow_green01.png) no-repeat center left/contain; */
	margin-right: 0.5em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
	color: #00682E;
	position: absolute;
	top: 0;
	left: 0;
}

.head_info .slick-track {
	display: flex;
}
.head_info .slick-slide {
	height: auto !important;

}
.head_info .slick-slide > div{
	margin: 0 10px;
	background-color: #E2EDE7;
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
}

.head_info .slick-arrow{
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: auto;
}
.head_info .slick-prev{
	left: -210px;
	border-top: 1px solid #707070;
	border-left: 1px solid #707070;
	transform: rotate(-45deg);
}
.head_info .slick-next{
	right: -210px;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	transform: rotate(45deg);
}




@media ( min-width: 601px ){
	.head_info {
		padding-bottom: 89px;
	}
	.head_info .swiper-container .swiper-slide {
	}
	.head_info .swiper-container .swiper-slide .wrap {
		padding: 20px 30px;
	}
	.head_info .swiper-container .swiper-slide .wrap .caption {
		font-size: 18px;
		line-height: 1.36;
		padding-left: 1em;
		margin: 0 0 10px;
	}
	.head_info .swiper-container .swiper-slide .wrap .caption::before {

	}
	.head_info .swiper-container .swiper-slide .wrap .text {
		font-size: 14px;
		line-height: 1.625;
	}
}
@media ( min-width: 961px ){
	.head_info .swiper_wrap {
		margin: -159px 0 85px;
	}
	.head_info .swiper-container .swiper-slide a {
		transition: opacity .3s;
	}
	.head_info .swiper-container .swiper-slide a:hover {
		opacity: .7;
	}
	.head_info .swiper-container .swiper-slide .wrap .caption {
		min-height: calc(2em*1.36);
	}
	.head_info .swiper_nav_wrap {
		position: relative;
		display: inline-block;
		padding: 0 17px;
		margin: 21px 0 0;
	}
	.head_info .swiper-container .swiper-pagination {
		position: static;
	}
	.head_info .swiper-pagination-bullets .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		background-color: #fff;
		border: 2px solid #707070;
		margin: 0 8px;
	}
	.head_info .swiper-pagination-bullets .swiper-pagination-bullet-active {
		background-color: #00682E;
		border: 2px solid #00682E;
	}
	.head_info .swiper-button-next,
	.head_info .swiper-button-prev {
		width: 9px;
		height: 16px;
		margin: 0;
		outline: none;
		transform: translateY(-50%);
	}
	.head_info .swiper-button-next {
		/*background: url(/csr/common_2021/images_2021/csr/arrow_swiper_right.png) no-repeat;
		right: 0;*/
		background: none;
	}
	.head_info .swiper-button-next:before{
		position: absolute;
		top: 0;
		bottom: 0;
		right: -0.5em;
		margin: auto;
		content: "";
		width: 10px;
		height: 10px;
		border-top: 1px solid #707070;
		border-right: 1px solid #707070;
		transform: rotate(45deg);
	}
	.head_info .swiper-button-prev {
		/*background: url(/csr/common_2021/images_2021/csr/arrow_swiper_left.png) no-repeat;
		left: 0;*/
		background: none;
	}
	.head_info .swiper-button-prev:before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: -0.5em;
		margin: auto;
		content: "";
		width: 10px;
		height: 10px;
		border-top: 1px solid #707070;
		border-left: 1px solid #707070;
		transform: rotate(-45deg);
	}
}
@media ( max-width: 960px ){
	.head_info .inner.sp_none {
		padding: 0;
	}
	.head_info .swiper-container .swiper-slide .img img {
		width: 100%;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	.head_info {
		padding-top: 40px;
	}
	.head_info .swiper_wrap{
		margin: -159px 0 85px;
	}
	.head_info .slick-prev{
		
	}
	.head_info .slick-next{
		
	}
}
@media ( max-width: 600px ){
	.head_info {
		padding: 5.3333vw 0 13.3333vw;
	}
	.head_info .swiper_wrap {
		margin: 0 0 15vw;
	}
	.head_info .swiper-container .swiper-slide {
		border-radius: 2.6667vw;
	}
	.head_info .swiper-container .swiper-slide .wrap {
		padding: 5% 8%;
	}
	.head_info .swiper-container .swiper-slide .wrap .caption {
		font-size: 4.2667vw;
		line-height: 1.18;
		padding-left: 3.2vw;
		margin: 0 0 2.6667vw;
	}
	.head_info .swiper-container .swiper-slide .wrap .caption::before {
		top: 0.4vw;
		width: 1.2453vw;
	}
	.head_info .swiper-container .swiper-slide .wrap .text {
		font-size: 3.2vw;
		line-height: 1.5;
	}
	.head_info .slick-prev{
		left: 5%;
		right: auto;
	}
	.head_info .slick-next{
		right: 5%;
		left: auto;	
	}
}
/* =head_info topics
-------------------------------------------------------------- */
.topics .wrap ul li a .pdf {
	margin-left: 0.6em;
	/* background: url(/csr/common_2021/images_2021/csr/icon_pdf.png)no-repeat left center; */
	position: relative;
}
.topics .wrap ul li a .pdf:before{
	position: absolute;
	top: 0;
	left: 0;
	color: #00682E;
	font-family: "Font Awesome 5 Free";
	content: "\f1c1";
	font-weight: 900;
	display: inline-block;
	line-height: 1.3em;
}
.topics .more_list {
	text-align: right;
}
.topics .more_list a {
	display: inline-block;
	text-decoration: underline;
	font-weight: bold;
}
.topics .more_list a:before{
	margin-right: 0.5em;
	position: relative;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
	color: #00682E;
}
.topics .wrap ul li a .article_title .line {
	text-decoration: underline;
}
.topics .dl_wrap .title {
	/*background: url(/csr/common_2021/images_2021/csr/icon_arrow_green.png)no-repeat left center/auto 0.8em;*/
	position: relative;
}
.topics .dl_wrap .title:before{
	position: relative;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
	color: #00682E;
	margin-right: 0.5em;
}

@media ( min-width: 601px ){
	.topics .wrap .title {
		font-size: 30px;
	}
	.topics .wrap ul li a {
		font-size: 16px;
	}
	.topics .more_list {
		margin: 0 0 46px;
	}
	.topics .wrap ul li a .pdf {
		padding-left: 26px;
		background-size: 20px 24px;
	}
	.topics .dl_wrap a {
		padding: 35px 30px;
		border-radius: 10px;
		border: 3px solid #00682E;
	}
	.topics .dl_wrap .title {
		font-size: 22px;
	}
}
@media ( min-width: 961px ){
	.topics .wrap {
		display: flex;
		justify-content: space-between;
	}
	.topics .wrap .title {
		flex: 0 0 auto;
	}
	.topics .wrap ul {
		flex: 1 1 auto;
		margin: 0 0 35px 4.6%;
		width: 100%;
	}
	.topics .wrap ul li:not(:last-child) {
		margin: 0 0 17px;
	}
	.topics .wrap ul li a {
		display: flex;
		font-size: 16px;
		line-height: 1.66;
		text-align: left;
		transition: opacity .3s;
	}
	.topics .wrap ul li a:hover .article_title .line {
		/*opacity: .7;*/
		text-decoration: none;
	}
	.topics .wrap ul li .ymd {
		margin-right: 3.5%;
		min-width: 7em;
	}
	.topics .dl_wrap a {
		display: flex;
		align-items: center;
		transition: opacity .3s;
	}
	.topics .dl_wrap a:hover .title,
	.topics .dl_wrap a:hover p{
		/*opacity: .7;*/
		text-decoration: underline;
	}
	.topics .dl_wrap .title {
		margin-right: 10%;
	}
}
@media ( max-width: 960px ){
	.topics .wrap {
		text-align: left;
	}
	.topics .wrap ul li {
		border-bottom: 1px solid #707070;
	}
	.topics .wrap ul li a {
		display: block;
	}
	.topics .wrap ul li .ymd {
		text-decoration: underline;
	}
	.topics .wrap ul li a .article_title {
		line-height: 2.14;
	}
	.topics .dl_wrap {
		text-align: left;
	}
	.topics .dl_wrap a {
		display: block;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	.topics .wrap .title {
		margin: 0 0 20px;
	}
	.topics .wrap {
		margin: 0 0 35px;
	}
	.topics .wrap ul li a {
		padding: 20px 0 20px;
	}
	.topics .wrap ul li .ymd {
		margin: 0 0 10px;
	}
	.topics .dl_wrap .title {
		margin: 0 0 20px;
	}
}
@media ( max-width: 600px ){
	.topics .wrap .title {
		font-size: 5.3333vw;
		margin: 0 0 2.5vw;
	}
	.topics .wrap {
		margin: 0 0 5.8667vw;
	}
	.topics .wrap ul li a {
		padding: 4.4vw 0 4.1333vw;
	}
	.topics .wrap ul li .ymd {
		font-size: 3.2vw;
		margin: 0 0 2.1333vw;
	}
	.topics .wrap ul li a .article_title {
		font-size: 3.7333vw;
		line-height: 1.7em;
	}
	.topics .wrap ul li a .pdf {
		padding-left: 5.8667vw;
		background-size: contain;
	}
	.topics .more_list {
		margin: 0 0 8.5333vw;
	}
	.topics .more_list a {
		font-size: 4.2667vw;
		/*padding-left: 3.2vw;
		background: url(/csr/common_2021/images_2021/csr/icon_arrow_green.png)no-repeat left center/1.0667vw 2.4vw;*/
	}
	.topics .dl_wrap a {
		padding: 5.8667vw;
		border-radius: 2.6667vw;
		border: 0.8vw solid #00682E;
	}
	.topics .dl_wrap .title {
		font-size: 4.8vw;
		margin: 0 0 4vw;
		background-size: 1.0667vw 2.4vw;
	}
	.topics .dl_wrap p {
		font-size: 3.7333vw;
		line-height: 1.42;
	}
}

/* =section common
-------------------------------------------------------------- */
.AnchorLink{
	margin-top: -110px;
	padding: 110px 0 0;
}
.environment.AnchorLink,
.social.AnchorLink,
.governance.AnchorLink,
.finance.AnchorLink{
	padding-bottom: 100px !important;
}
.governance02 .AnchorLink{
	padding-bottom: 85px !important;
}
@media ( max-width: 1299.5px ){
	.AnchorLink{
		margin-top: -60px;
		padding: 60px 0 0;
	}
}
@media ( max-width: 600.5px ){
	.AnchorLink{
		margin-top: 0;
		padding: 0 !important;
	}
	.environment.AnchorLink,
	.social.AnchorLink,
	.governance.AnchorLink,
	.finance.AnchorLink{
		padding-bottom: 0 !important;
	}	
	
	.social.with.communities .AnchorLink{
		margin-top: -60px !important;
		padding: 60px 0 0 !important;
	}
	
}
section .sec_title_wrap {
	text-align: left;
	position: relative;
	padding-top: 100px;
}
section .sec_title_wrap:before,
section .sec_title_wrap:after{
	content: "";
	display: block;
	width: 100%;
	background: #E6EBEE;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
section .sec_title_wrap:before{
	height: 245px;
}
section .sec_title_wrap:after{
	height: 20px;
}
.environment .sec_title_wrap:after{
	background: #00787A;
}
.social .sec_title_wrap:after{
	background: #A674B0;
}
.governance .sec_title_wrap:after{
	background: #3E4298;
}
.finance .sec_title_wrap:after{
	background: #3E4298;
}
section .sec_title_wrap .title_wrap{
	font-weight: bold;
}
@media ( min-width: 601px ){
	section .sec_title_wrap {
	}
	section .sec_title_wrap .title_wrap {
		max-width: 1080px;
		padding: 0;
		margin: 0 auto 50px;
	}
	section .sec_title_wrap .title_wrap .title {
		font-size: 32px;
		margin: 0 0 10px;
	}
	section .sec_title_wrap .title_wrap .eng {
		font-size: 20px;
	}
}
@media ( min-width: 961px ){
	section .sec_title_wrap {
		max-width: 1500px;
		margin: 0 auto;
	}
}
@media ( max-width: 600px ){
	section .sec_title_wrap {
		padding: 12.6667vw 0 16.5333vw;
		border-top-width: 2.1333vw;
	}
	section .sec_title_wrap .title_wrap {
		margin-bottom: 7%;

	}
	section .sec_title_wrap .title_wrap .title {
		font-size: 6.3333vw;
		margin: 0 0 2.1333vw;
	}
	section .sec_title_wrap .title_wrap .eng {
		font-size: 3.7333vw;
	}
}
@media ( max-width: 961px ){
	section .sec_title_wrap:after{
		height: 10px;
	}
}
section .content{
	position: relative;
	z-index: 10;
}
section .content .sec_head .wrap > p {
	text-align: left;
}
section .content .sec_head .img img {
	width: 100%;
}
section .content .link_wrap ul li a {
	display: block;
	text-align: left;
	border-style: solid;
	background-color: #fff;
	background-repeat: no-repeat;
	font-weight: bold;
	transition: 0.2s;
	line-height: 1.3em;
	position: relative;
}
section .content .link_wrap ul li a:hover{
	color: #fff;
}
section .content .link_wrap ul li a:before{
	position: absolute;
	top: 0.8em;
	left: 1em;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	display: inline-block;
}
section .content .link_wrap ul li a span{
	display: block;
	font-weight: normal;
	font-size: 75%;
	line-height: 1.3em;
}
@media ( min-width: 601px ){
	section .content {
	}
	section .content .sec_head .wrap > p {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.875;
	}
	section .content .link_wrap ul li a {
		font-size: 18px;
		padding: 17px 10px 17px 40px;
		border-width: 3px;
		border-radius: 10px;
		letter-spacing: -0.03em;
		background-position: top 23px left 25px;
		background-size: 10px 17px;
	}
	section .content .sec_head .link_wrap ul li:not(:last-child) {
		margin: 0 0 20px;
	}
}
@media ( min-width: 961px ){
	section .content .sec_head {
		display: flex;
	}
	section .content .sec_head > *:first-child {
		margin-right: 3.2%;
	}
	section .content .sec_head .wrap {
		width: 50%;
	}
	section .content .sec_head .link_wrap {
		width: 46.8%;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	section .content .sec_head .wrap {
		margin-bottom: 30px;
	}
}
@media ( max-width: 600px ){
	section .content {
		margin: 0;
	}
	section .content .sec_head .wrap {
		margin-bottom: 5.3333vw;
	}
	section .content .sec_head .wrap p {
		margin-top: 4.8vw;
		font-size: 3.7333vw;
		line-height: 1.42;
	}
	section .content .link_wrap ul li a {
		font-size: 4.2vw;
		padding: 3.4667vw 3.533vw 3.4667vw 8.533vw;
		border-width: 0.8vw;
		border-style: solid;
		border-radius: 2.6667vw;
		letter-spacing: -0.03em;
		background-color: #fff;
		background-position: top 6.0333vw left 4.8vw;
		background-size: 1.0667vw 2.4vw;
	}
	section .content .sec_head .link_wrap ul li:not(:last-child) {
		margin: 0 0 3.2vw;
	}
}
section .content .other_contents ul {
	display: flex;
	flex-wrap: wrap;
}
section .content .other_contents ul li {
	text-align: left;
}
section .content .other_contents ul li a{
	display: block;
	transition: 0.2s;
}
section .content .other_contents ul li a:hover{
	opacity: 0.7;
}
@media ( min-width: 601px ){
	section .content .other_contents {
		margin: 52px 0 0;
	}
	section .content .other_contents ul li .img {
		margin: 0 0 25px;
	}
	section .content .other_contents ul li .title {
		font-size: 16px;
		line-height: 1.66;
	}
}
@media ( min-width: 961px ){
	section .content .other_contents ul li {
		width: 22.8%;

	}
	section .content .other_contents ul li img{
		width: 100%;
	}
	section .content .other_contents ul li:not(:last-child) {
		margin-right: 2.933%;
	}
}
@media ( max-width: 960px ){
	section .content .other_contents ul li {
		width: 48.5%;
	}
	section .content .other_contents ul li:nth-child(odd) {
		margin-right: 3%;
	}
	section .content .other_contents ul li .img img {
		width: 100%;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	section .content .other_contents ul li:nth-child(n+3) {
		margin-top: 40px;
	}
}
@media ( max-width: 600px ){
	section .content .other_contents {
		margin: 8vw 0 0;
	}
	section .content .other_contents ul li:nth-child(n+3) {
		margin-top: 4.8vw;
	}
	section .content .other_contents ul li .img {
		margin: 0 0 2.6vw;
	}
	section .content .other_contents ul li .title {
		font-size: 3.8vw;
		line-height: 1.5;
		letter-spacing: -0.03em;
	}
}
section .content_nav_area {
	text-align: left;
}
section .content_nav_area .nav_wrap ul li:first-child {
	/*background: url(/csr/common_2021/images_2021/csr/icon_arrow_green.png)no-repeat left center/auto 0.8em;*/
}
section .content_nav_area .nav_wrap ul li a .green {
	color: #00682E;
}
@media ( min-width: 601px ){
	section .content_nav_area {
		margin-top: 110px;
	}
	section .content_nav_area .caption {
		font-size: 32px;
		margin: 0 0 23px;
	}
	section .content_nav_area .nav_wrap {
		padding: 30px;
		border-radius: 10px;
		border: 3px solid #00682E;
	}
	section .content_nav_area .nav_wrap ul li:first-child {
		font-size: 22px;
		padding-left: 25px;
	}
}
@media ( min-width: 961px ){
	section .content_nav_area .nav_wrap ul {
		display: flex;
		align-items: center;
	}
	section .content_nav_area .nav_wrap ul li:first-child {
		margin-right: 6.66%;
	}
	section .content_nav_area .nav_wrap ul li:nth-child(2) {
		margin-right: 4.2%;
	}
	section .content_nav_area a {
		padding: 5px 0;
		transition: opacity .3s;
	}
	section .content_nav_area a:hover {
		opacity: .7;
	}
}
@media ( min-width: 601px ) and ( max-width: 960px ){
	section .content_nav_area .caption {
		margin: 0 0 30px;
	}
	section .content_nav_area .nav_wrap ul li:nth-child(2) {
		margin: 0 0 15px;
	}
	section .content_nav_area .nav_wrap ul li:first-child {
		margin: 0 0 25px;
	}
}
@media ( max-width: 600px ){
	section .content_nav_area {
		margin-top: 10.6667vw;
	}
	section .content_nav_area .caption {
		font-size: 5.3333vw;
		margin: 0 0 5.3333vw;
	}
	section .content_nav_area .nav_wrap {
		padding: 5.3333vw 5.8667vw;
		border-radius: 2.6667vw;
		border: 0.8vw solid #00682E;
	}
	section .content_nav_area .nav_wrap ul li:first-child {
		font-size: 4.8vw;
		padding-left: 2.6667vw;
		margin: 0 0 5.3333vw;
		background-size: 1.0667vw 2.4vw;
	}
	section .content_nav_area .nav_wrap ul li:nth-child(2) {
		margin: 0 0 4.8vw;
	}
}



/* =section environment
-------------------------------------------------------------- */
.environment .content .link_wrap ul li a {
	border-color: #00787A;
}
.environment .sec_title_wrap .title_wrap,
.environment .content .link_wrap ul li a {
	color: #00787A;
}
.environment .content .other_contents ul li .title,
.environment .content .link_wrap ul li a {
	 /*background-image: url(/csr/common_2021/images_2021/csr/icon_arrow_purple.png);*/
}
.environment .content .link_wrap ul li a:hover{
	background: #00787A;
}
.environment .content .other_contents ul li .title {
	background-repeat: no-repeat;
	position: relative;
}
.environment .content .other_contents ul li .title:before{
	position: absolute;
	top: 0;
	left: 0;
	color: #00787A;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
}
@media ( min-width: 601px ){

	.environment .content .other_contents ul li .title {
		padding-left: 1em;
		background-position: top 6px left;
		background-size: 10px 17px;
	}
}
@media ( max-width: 600px ){
	.environment {

	}
	.environment .content .other_contents ul li .title {
		padding-left: 3.6667vw;
		background-position: top 1.6vw left;
		background-size: 1.0667vw 2.4vw;
	}
}

/* =section social
-------------------------------------------------------------- */
.social .sec_title_wrap,
.social .content .link_wrap ul li a {
	border-color: #A674B0;
}
.social .content .link_wrap ul li a:hover{
	background: #A674B0;
}
.social .sec_title_wrap .title_wrap,
.social .content .link_wrap ul li a {
	color: #A674B0;
}
.social .content .link_wrap ul li a {
	/*background-image: url(/csr/common_2021/images_2021/csr/icon_arrow_purple.png);*/
}
@media ( min-width: 601px ){
	.social {

	}
}
@media ( max-width: 600px ){
	.social {

	}
}

/* =section governance
-------------------------------------------------------------- */
.governance .sec_title_wrap,
.governance .content .link_wrap ul li a {
	border-color: #3E4298;
}
.governance .sec_title_wrap .title_wrap,
.governance .content .link_wrap ul li a {
	color: #3E4298;
}
.governance .content .link_wrap ul li a:hover{
	background: #3E4298;
}
.governance .content .link_wrap ul li a {
	/*background-image: url(/csr/common_2021/images_2021/csr/icon_arrow_blue.png);*/
}
@media ( min-width: 601px ){
	.governance {

	}
}
@media ( max-width: 600px ){
	.governance {

	}
}


/* =section finance
-------------------------------------------------------------- */
.finance .sec_title_wrap,
.finance .content .link_wrap ul li a {
	border-color: #3E4298;
}
.finance .sec_title_wrap .title_wrap,
.finance .content .link_wrap ul li a {
	color: #3E4298;
}
.finance .content .link_wrap ul li a:hover{
	background: #3E4298;
}
.finance .content .link_wrap ul li a {
	/*background-image: url(/csr/common_2021/images_2021/csr/icon_arrow_blue.png);*/
}
@media ( min-width: 601px ){
	.finance {

	}
}
@media ( max-width: 600px ){
	.finance {

	}
}


/* =pickup
-------------------------------------------------------------- */
.pickup {
	position: fixed;
	top: 30%;
	display: flex;
	right: 0;
	transition: transform 1s;
	z-index: 20;
}
.pickup.off {
	transform: translateX( calc(100% - 60px) );
	-webkit-transform: translateX(100%) translateX(-60px);    
	-ms-transform: translateX(100%) translateX(-60px);    
}
.pickup .side {
	position: relative;
	padding: 100px 20px 0;
	background-color: #00682E;
	cursor: pointer;
	width: 60px;
	box-sizing: border-box;
	transition: 0.2s;
}
.pickup .side:hover{
	opacity: 0.8;
}
.pickup .side .img {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.pickup .side .txt {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	max-height: 4.5em;
}
.pickup .wrap {
	padding: 20px;
	background-color: #fff;
	border-color: #00682E;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	max-width: 360px;
}
.pickup .wrap .text {
	color: #00682E;
	font-size: 16px;
	line-height: 1.41;
	margin: 0 0 10px;
}
.pickup .box_wrap {
	display: flex;
	/*width: 400px;*/
	justify-content: space-between;
	margin: 0 auto;
}
.pickup .box_wrap .box {
	cursor: pointer;
	width: 48%;
	max-width: 160px;
}
/* .pickup .box_wrap .box:first-child {
	margin-right: 50px;
}*/
.pickup .box_wrap .box .caption {
	font-size: 13px;
	margin: 0 0 5px;
	line-height: 1.66;
}
.pickup .box_wrap .box .movie {
	margin: 0 0 10px;
}
.pickup .box_wrap .box .movie_btn {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	padding: 0.8em 1em;
	border-radius: 0.5em;
	transition: opacity .3s;
	/*background: url(/csr/common_2021/images_2021/csr/icon_arrow_white_under02.png) no-repeat #00682E center left 1.5em / auto 0.8em;*/
	background: #00682E;
}
.pickup .box_wrap .box:hover .movie_btn {
	opacity: .7;
}
.pickup .box_wrap .box .movie_btn span{
	position: relative;
}
.pickup .box_wrap .box .movie_btn span:before{
	margin-right: 0.5em;
	position: relative;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 11px;
	height: 12px;
	display: inline-block;
}
.pickup .close{
	position: absolute;
	top: -33px;
	right: 0;
	cursor: pointer;
	background: #00682E;
	border-radius: 10px 10px 0 0;
	color: #fff;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
}
.pickup .close:hover{
	opacity: 0.7;
}

@media ( max-width: 599.5px ){
	.pickup{
		top: 20%;
	}
	.pickup.off {
		transform: translateX( calc(100% - 50px) );
		-webkit-transform: translateX(100%) translateX(-50px);    
		-ms-transform: translateX(100%) translateX(-50px);    
	}
	.pickup .side{
		width: 50px;
		min-width: 50px;
		padding: 23% 16px 0;
	}
	.pickup .side .txt{
		font-size: 18px;
	}
	.pickup .wrap{
		padding: 5%;
		max-width: none;
	}
	.pickup .wrap .text{
		font-size: 14px;
	}
	.pickup .box_wrap{
		width: auto;
		display: block;
	}
	.pickup .box_wrap .box{
		width: auto;
		display: flex;
		flex-wrap: wrap;
		position: relative;
		max-width: none;
	}
	.pickup .box_wrap .box:first-child {
		margin-right: 0;
		margin-bottom: 5%;
	}
	.pickup .box_wrap .box .caption{
		width: 58%;
		margin: 0;
	}
	.pickup .box_wrap .box .movie{
		width: 35%;
		margin: 0;
	}
	.pickup .box_wrap .box .movie_btn{
		padding: 3% 4%;
		position: absolute;
		bottom: 5%;
		left: 10%;
		font-size: 12px;
	}

}


/* =modal movie
-------------------------------------------------------------- */
#modal_shadow.open, .modal_contents.open {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s,visibility .3s;
}
#modal_shadow {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 110px;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 105;
	transition: opacity .3s,visibility .3s;
	background-color: rgba(64,64,64,0.75);
}
#modal_shadow.drop_open {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s,visibility .3s;
	z-index: 30;
}

.modal_contents {
	/*position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	max-height: 80%;
	max-width: 1080px;
	overflow-y: auto;
	box-sizing: border-box;
	text-align: center;
	transform: translate(-50%,-50%);
	z-index: 110; 
	height: 80%;*/
}
.modal_contents .movie_wrapOuter{
	display: none;
	/*height: 100vh;
	width: 100%;*/
	position: fixed;
	z-index: 500;
	margin: 0 auto;
	padding: 87px 50px 57px;
	border-radius: 20px;
	border: 4px solid #00682E;
	box-sizing: border-box;
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 80px);
	max-width: 1000px;
}
.modal_contents .movie_wrap {
	/* margin: 0 auto;
	padding: 87px 146px 57px;
	border-radius: 20px;
	border: 4px solid #00682E;
	box-sizing: border-box;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 80px);
	max-width: 800px; */
	max-width: 800px;
	margin: 0 auto;
}
.modal_contents .movie_wrap .movie {
	position: relative;
	/*padding-top: calc(100%*(285/507));*/
	margin: 0 0 35px;
}
.modal_contents .movie_wrap .movie iframe {
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; */
	width: 100%;
	height: 450px;
}
.modal_contents .movie_wrap .text {
	font-size: 16px;
}
.modal_contents .movie_wrap .modal_close {
	position: absolute;
	top: 15px;
	right: 16px;
	cursor: pointer;
	background: #00682E;
	border-radius: 10px;
	color: #fff;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal_contents .modalBG {
    background-color: rgba(64,64,64,0.75);
    height: 100vh;
    position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
    width: 100%;
	display: none;
}
@media ( max-width: 960px ){
	.modal_contents .movie_wrap .movie iframe{
		height: 47vw;
	}
}









@media ( max-width: 599.5px ){
	.modal_contents .movie_wrapOuter{
		width: calc(100% - 20px);
		padding: 60px 5% 30px;
	}
	.modal_contents .movie_wrap .movie{
		margin: 0 0 20px;
	}
}








/* =footer
-------------------------------------------------------------- */
#footer{
	position: relative;
}
/* @media ( min-width: 599.5px ){
	#footer{
		min-height: 750px;
	}
}*/
.footer .inner {
    max-width: 1080px;
}
.footer .ft_nav_area {
	background-color: #F5F9FC;
}
.footer .ft_nav_area .nav_list {
	text-align: left;
}
.footer .ft_nav_area .nav_list a {
	padding: 0.4em 0;
	line-height: 1.5em;
	display: block;
}
.footer .ft_nav_area .nav_list .nav_title {
	display: block;
}
.footer .ft_nav_area .twitter a {

}
.footer .ft_nav_area .twitter a {
	display: flex;
	align-items: center;
	color: #707070;
}
.footer .ft_nav_area .twitter a i{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #1e9bf0;
	font-size: 150%;
	margin-right: 0.5em;
}
.footer .ft_info_wrap .wrap .nav ul {
	display: flex;
	flex-wrap: wrap;
}
.footer .ft_info_wrap .wrap .nav ul li a {
	text-align: left;
	display: block;
}
.footer .ft_info_wrap .wrap .logo{
	width: 300px;
}
.footer .ft_info_wrap .wrap .logo img{
	width: 100%;
}
.footer .ft_info_wrap .copyright {
	color: #707070;
}
#pageTop {
	position:fixed; 
	bottom:50px;
	right:50px; 
	background: #fff;
	text-align:center;
	box-sizing:border-box;
	z-index: 10;
	border: #076EAA solid 2px;
	color: #076EAA;
	display: none;
}
#pageTop a{
	color: #076EAA;
	display: flex;
	justify-content: center;
	align-items: center;
	width:50px;
	height:50px;
	transition: 0.2s;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

@media ( min-width: 601px ){
	.footer .ft_nav_area {
		padding: 65px 0;
	}
	.footer .ft_nav_area .nav_list_wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.footer .ft_nav_area .nav_list .nav_title {
		font-weight: bold;
		margin: 0 0 12px;
	}
	.footer .ft_nav_area .twitter a {
		font-size: 16px;

	}
	.footer .ft_info_wrap {
		padding: 47px 0;
	}
	.footer .ft_info_wrap .wrap .nav ul li {
		font-size: 14px;
	}
	.footer .ft_info_wrap .copyright {
		font-size: 14px;
	}
	#pageTop a:hover{
		color: #fff;
		background: #076EAA;
	}
}
@media ( min-width: 961px ){
	.footer .ft_nav_area .inner {
		position: relative;
	}
	.footer .ft_nav_area .nav_list:not(.absolute) {
		min-width: 25.3%;
	}
	.footer .ft_nav_area .nav_list.absolute {
		position: absolute;
		top: 0;
		left: calc(75.9% + 66px);
	}
	.footer .ft_nav_area .nav_list ul li {
		line-height: 2.1;
	}
	.footer .ft_nav_area .nav_list:nth-child(3) {
		margin-left: 51px;
	}
	.footer .ft_nav_area .nav_list:nth-child(2) {
		margin-left: 15px;
	}
	.footer .ft_nav_area .nav_list:nth-child(6) {
		margin-left: 15px;
	}
	.footer .ft_nav_area .nav_list:nth-child(n + 5) {
		margin-top: 48px;
	}
	.footer .ft_nav_area a {
		transition: opacity .3s;
	}
	.footer .ft_nav_area a:hover {
		/*opacity: .5;*/
		text-decoration: underline;
	}
	.footer .ft_nav_area .nav_list ul li a {
		color: #707070;
		font-size: 16px;
	}
	.footer .ft_nav_area .twitter {
		position: absolute;
		right: 20px;
		bottom: 0;
	}
	.footer .ft_info_wrap .wrap {
		display: flex;
		justify-content: space-between;
	}
	.footer .ft_info_wrap .wrap .nav {
		width: 537px;
	}
	.footer .ft_info_wrap .wrap .nav ul li {
		padding: 0 20px;
		border-right: 1px solid #707070;
	}
	/*.footer .ft_info_wrap .wrap .nav ul li:first-child {
		width: 10em;
	} */
	.footer .ft_info_wrap .wrap .nav ul li:nth-child(3) {
		padding-right: 0;
		border-right: none;
	}
	.footer .ft_info_wrap .wrap .nav ul li:nth-child(n + 4) {
		margin-top: 25px;
	}
	.footer .ft_info_wrap .wrap .nav ul li a {
		transition: opacity .3s;
	}
	.footer .ft_info_wrap .wrap .nav ul li a:hover {
		 /*opacity: .7;*/
		text-decoration: underline;
	}
	.footer .ft_info_wrap .copyright {
		text-align: left;
	}
}
@media ( max-width: 960px ){
	.footer .ft_info_wrap .wrap .nav ul {
		max-width: 500px;
		margin: 0 auto;
		justify-content: center;
	}
	.footer .ft_info_wrap .wrap .nav ul li{
		border-left: 1px solid #707070;
		border-right: 1px solid #707070;	
		padding: 0 1em;
	}

}
@media ( min-width: 601px ) and ( max-width: 960px ){
	.footer .ft_nav_area .inner {
		margin: 0 auto;
	}
	.footer .ft_nav_area .nav_list {
		min-width: 33.33%;
		flex: 1 1 270px;
		margin: 0 0 40px;
	}
	.footer .ft_nav_area .nav_list ul li:not(:last-child) {
		margin: 0 0 20px;
	}
	.footer .ft_nav_area .twitter {
		max-width: 181px;
	}
	.footer .ft_nav_area .nav_list ul li a {
		line-height: 1.2;
	}
	.footer .ft_info_wrap .wrap {
		margin: 0 0 30px;
	}
	.footer .ft_info_wrap .wrap .logo {
		margin: 0 auto 30px;
	}
	.footer .ft_info_wrap .wrap .nav ul li {
		margin: 15px 0;
	}
}
@media ( max-width: 600px ){
	.footer .ft_nav_area .inner{
		padding: 0;
	}
	.nav_list_wrap{
		display: flex;
		flex-wrap: wrap;
		border-top: #707070 solid 1px;
	}
	.footer .ft_nav_area {
		padding: 0 0 5vw;
	}
	.footer .ft_nav_area .nav_list {
		margin: 0;
		width: 50%;
		text-align: center;
		border-bottom: #707070 solid 1px;
	}
	.footer .ft_nav_area .nav_list:nth-of-type(2n){
		border-left: #707070 solid 1px;
	}
	.footer .ft_nav_area .nav_list .nav_title {
		font-size: 3.8vw;
	}
	.footer .ft_nav_area .nav_list a{
		padding: 1.2em 0;
	}
	.footer .ft_nav_area .twitter {
		text-align: center; 
		margin-top: 5vw;
	}
	.footer .ft_nav_area .twitter a {
		font-size: 4.2667vw;
		justify-content: center;
	}
	.footer .ft_nav_area .twitter a i{
		font-size: 130%;
		width: 40px;
		height: 40px;
	}
	.footer .ft_info_wrap {
		padding: 9.8667vw 0 5.6vw;
	}
	.footer .ft_info_wrap .wrap {
		margin: 0 0 4.5vw;
	}
	.footer .ft_info_wrap .wrap .logo {
		width: 50.6667vw;
		margin: 0 auto 5.5vw;
	}
	.footer .ft_info_wrap .wrap .nav ul li{
		margin: 2vw 0;
	}
	.footer .ft_info_wrap .copyright {
		font-size: 2.5vw;
		white-space: nowrap;
		padding-right: 5em;
	}
	
	#pageTop{
		position: fixed !important;
		right: 15px;
		bottom: 20px !important;
	}
	#pageTop a{
		width: 40px;
		height: 40px;
	}
	
}
/*====================================
subpage_common
====================================*/
@media ( min-width: 1299.5px ){
	.subpage_wrap {

	}
}
@media ( min-width: 961px ) {
	.subpage_wrap {

	}
	.subpage_inn {
		display: flex;
		justify-content: space-between;
	}
	.subpage_inn.inner {
		max-width: 1500px;
	}
}
@media ( min-width: 601px ) {
	.subpage_wrap {
		padding: 50px 0 120px;
	}
}
@media ( max-width: 600px ) {
	.subpage_wrap {
		margin-top: 7vw;
		padding: 0 0 12.267vw;
	}
}
/*--- subpage_main ---------*/
.subpage_main {
	display: block;
	text-align: left;
}
.subpage_main_img {
	text-align: center;
}
.subpage_common_title {
	position: relative;
	font-weight: bold;
	line-height: 1.3em;
}
.subpage_common_title::before {
	content: '';
	background: #00682E;
	position: absolute;
	top: 0.5em;
	left: 0;
}
.subpage_common_title .small{
	font-size: 80%;
	margin-left: 1em;
	font-weight: normal;
}
.subpage_common_title a:hover{
	text-decoration: underline;
}
.environment .subpage_common_title::before {
	background: #00787A;
}
.social .subpage_common_title::before {
	background: #A674B0;
}
.governance .subpage_common_title::before {
	background: #3E4298;
}
.finance .subpage_common_title::before {
	background: #3E4298;
}
.subpage_common_subtitle{
	font-weight: bold;
	border-bottom: 1px solid #00682E;
	color: #404040;
}
.subpage_common_subtitle .min{
	margin-left: 1em;
	font-size: 70%;
}
.subpage_common_subtitle.mB0{
	margin-bottom: 0;
}
.subpage_common_subtitleh5{
	font-weight: bold;
	color: #404040;
	line-height: 1.5em;
}
.environment .subpage_common_subtitle{
	border-bottom-color: #00787A;
}
.social .subpage_common_subtitle{
	border-bottom-color: #A674B0;
}
.governance .subpage_common_subtitle{
	border-bottom-color: #3E4298;
}
.finance .subpage_common_subtitle{
	border-bottom-color: #3E4298;
}
.subpage_main .text_block .text.heightEqual {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.subpage_main .text_block .text .f80p{
	font-size: 80%;
}
.subpage_main .text_block .Link > a{
	display: block;
	position: relative;
	padding-left: 1em;
	text-decoration: underline;
	line-height: 1.3em;
}
.subpage_main .text_block .Link > a:hover{
	text-decoration: none;
}
.subpage_main .text_block .Link > a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 1em;
	height: 1.4em;
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 0;
	color: #00682E;
	line-height: 1em;
}
.subpage_main .text_block .Link > a .pdf,
.subpage_main .text_block .Link > a .clone,
.tableOuter.News table tr a .pdf,
.tableOuter.News table tr a .clone{
	margin-left: 0.3em;
	padding-left: 18px;
	position: relative;
	font-size: 0.8em;
}
.subpage_main .text_block .Link > a .pdf:before,
.tableOuter.News table tr a .pdf:before,
.tableOuter.News table tr a .clone:before{
    position: absolute;
    top: 0;
    left: 0;
    color: #00682E;
    font-family: "Font Awesome 5 Free";
    content: "\f1c1";
    font-weight: 900;
    display: inline-block;
    line-height: 1.3em;
}
.tableOuter.News table tr a .clone:before{
    content: "\f24d";
	font-weight: 400;
}
.subpage_main .text_block .Link > a .clone:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #00682E;
    font-family: "Font Awesome 5 Free";
    content: "\f24d";
    font-weight: 400;
    display: inline-block;
    line-height: 1.3em;
}
* {
	box-sizing:border-box;
}

.subpage_main .subpage_main_group .disc > li{
	padding-left: 1.2em;
	position: relative;
	line-height: 1.5em;
	text-indent: 0;
}
.subpage_main .subpage_main_group .disc > li:nth-of-type(n+2),
.subpage_main .subpage_main_group .decimal > li:nth-of-type(n+2),
.subpage_main .subpage_main_group .discIn > li:nth-of-type(n+2){
	margin-top: 0.6em;
}
.subpage_main .subpage_main_group .tableOuter .disc > li{
	line-height: 1.2em;
}
.subpage_main .subpage_main_group .tableOuter .disc > li:nth-of-type(n+2){
	margin-top: 0.2em;
}
.subpage_main .subpage_main_group .tableOuter .disc > li p{
	line-height: 1.5em;
}
.subpage_main .subpage_main_group .disc.mTli40 > li:nth-of-type(n+2),
.subpage_main .subpage_main_group .decimal.mTli40 > li:nth-of-type(n+2){
	margin-top: 40px;
}
.subpage_main .subpage_main_group .disc.mTli20 > li:nth-of-type(n+2),
.subpage_main .subpage_main_group .decimal.mTli20 > li:nth-of-type(n+2){
	margin-top: 1.2em;
}
.subpage_main .subpage_main_group .disc > li:before{
	content: "●";
	position: absolute;
	top: 0.1em;
	left: 0;
	color: #00682E;
	font-size: 70%;
}

.subpage_main .subpage_main_group .decimal{
	counter-reset: number 0; 
}
.subpage_main .subpage_main_group .decimal > li{
	text-indent: -1.2em;
	padding-left: 1.2em;
	line-height: 1.5em;
}
.subpage_main .subpage_main_group .decimal > li *{
	text-indent: 0;
}
.subpage_main .subpage_main_group .decimal > li:before{
	counter-increment: number 1; 
	content: counter(number) ". ";
	color: #00682E;
}
.environment .subpage_main .subpage_main_group .decimal > li:before{
	color: #00787A;
}
.social .subpage_main .subpage_main_group .decimal > li:before{
	color: #A674B0;
}
.governance .subpage_main .subpage_main_group .decimal > li:before{
	color: #3E4298;
}
.finance .subpage_main .subpage_main_group .decimal > li:before{
	color: #3E4298;
}
.subpage_main .subpage_main_group .disc > li.beforeNone:before,
.subpage_main .subpage_main_group .decimal > li.beforeNone:before{
	display: none;
}

.subpage_main .subpage_main_group .discIn > li{
	padding-left: 1.2em;
	position: relative;
	line-height: 1.5em;
	text-indent: 0;
}
.subpage_main .subpage_main_group .discIn > li:before{
	content: "—";
	position: absolute;
	top: 0;
	left: 0;
	color: #0A0A0A !important;
}


.materialitytoProcessList li{
	border: #00682E solid 1px;
	padding: 1em;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.materialitytoProcessList li:nth-of-type(n+2){
	margin-top: 2em;
}
.materialitytoProcessList li:before{
	content: "";
	position: absolute;


	bottom: -1.5em;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5em 3em 0 3em;
	border-color: #00682E transparent transparent transparent;
}
.materialitytoProcessList li:last-child:before{
	display: none;
}

.subpage_common_page_name{
	border-bottom: 1px solid #00682E;
}
.environment .subpage_common_page_name{
	border-bottom-color: #00787A;
}
.social .subpage_common_page_name{
	border-bottom-color: #A674B0;
}
.governance .subpage_common_page_name{
	border-bottom-color: #3E4298;
}
.finance .subpage_common_page_name{
	border-bottom-color: #3E4298;
}


.iframeMap{
	width: auto;
}
.iframeMap iframe{
	height: 300px;
	border: none;
}


.AnchorLinkBTNArea ul{
	display: flex;
	flex-wrap: wrap;
}
.AnchorLinkBTNArea ul li{
	width: 23%;
	margin-right: 2.66%;
	font-size: 90%;
	line-height: 1.3em;
}
.AnchorLinkBTNArea ul li:nth-of-type(4n){
	margin-right: 0;
}
.AnchorLinkBTNArea ul li:nth-of-type(n+5){
	margin-top: 1em;
}
.AnchorLinkBTNArea ul li a{
	background: #EBEBEB;
	display: flex;
	align-items: center;
	font-weight: bold;
	padding: 1em 2em 1em 1em;
	transition: 0.2s;
	position: relative;
	height: 100%;
	
}
.AnchorLinkBTNArea ul li a:hover{
	opacity: 0.7;
}

.AnchorLinkBTNArea ul li a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	background: transparent !important;
	display: flex;
	align-items: center;
	color: #00682E;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
}

.environment .AnchorLinkBTNArea ul li a{
	background: #e5f1f1;
}
.environment .AnchorLinkBTNArea ul li a:before{
	color: #00787A;
}

.social .AnchorLinkBTNArea ul li a{
	background: #f2eaf3;
}
.social .AnchorLinkBTNArea ul li a:before{
	color: #A674B0;
}

.governance .AnchorLinkBTNArea ul li a{
	background: #ebebf5;
}
.governance .AnchorLinkBTNArea ul li a:before{
	color: #3E4298;
}

.finance .AnchorLinkBTNArea ul li a{
	background: #ebebf5;
}
.finance .AnchorLinkBTNArea ul li a:before{
	color: #3E4298;
}

.AnchorLinkBTNArea.line6 ul li{
	width: 15%;
	margin-right: 2%;
	margin-top: 0;
}
.AnchorLinkBTNArea.line6 ul li:nth-of-type(6n){
	margin-right: 0;
}
.AnchorLinkBTNArea.line6 ul li:nth-of-type(n+7){
	margin-top: 1em;
}



@media ( min-width: 601px ) {
	.subpage_main {
		padding: 15px 0 0;
	}
	.subpage_common_page_name {
		font-size: 40px;
		padding: 0 0 35px;
		line-height: 1.2;
		margin: 0 0 60px;

	}
	.subpage_main_img {
		margin: 0 auto 60px;
	}
	.subpage_main .subpage_main_groupOuter {
		margin: 0 0 85px;
	}
	.subpage_main .subpage_main_group {
		margin: 0 0 50px;
	}
	.subpage_main .subpage_main_groupOuter:last-child,
	.subpage_main .subpage_main_group:last-child{
		margin-bottom: 0;
	}
	.subpage_common_title {
		font-size: 30px;
		padding: 0 0 0 46px;
		line-height: 1.2;
		margin: 0 0 35px;
	}
	.subpage_common_title::before {
		width: 30px;
		height: 10px;
	}
	.subpage_common_subtitle {
		font-size: 26px;
		padding: 0 0 10px;
		line-height: 1.42;
		margin: 0 0 35px;
	}
	.subpage_common_subtitleh5{
		font-size: 20px;
		margin: 0 0 20px;
	}
	.subpage_common_subtitleh5 + .subpage_common_subtitleh5{
		margin-top: -10px;
	}
	.subpage_main .text_block .text {
		font-size: 16px;
		line-height: 2;
	}
}
@media ( max-width: 600px ) {
	.subpage_main{

	}
	.subpage_common_page_name {
		font-size: 6.4vw;
		line-height: 1.3;
		margin: 0 0 6.6vw;
		padding-bottom: 5vw;
	}
	.subpage_main_img {
		margin: 0 auto 8.533vw;
	}
	.subpage_main .subpage_main_group {
		margin: 0 0 12vw;
	}
	.subpage_common_title {
		font-weight: bold;
		font-size: 6vw;
		padding: 0 0 0 5.333vw;
		line-height: 1.3;
		margin: 0 0 7vw;
	}
	.subpage_common_title::before {
		width: 14px;
		height: 1.067vw;
		bottom: auto;
		top: 3vw;
	}
	.subpage_common_subtitle {
		font-size: 5vw;
		padding: 0 0 2.667vw;
		line-height: 1.5;
		margin: 0 0 6vw;
	}
	.subpage_common_subtitleh5{
		font-size: 4.5vw;
		margin: 0 0 4vw;
	}
	.subpage_common_subtitleh5 + .subpage_common_subtitleh5{
		margin-top: -4vw;
	}
	.subpage_main .text_block .text {
		font-size: 14px;
		line-height: 1.71;
	}
}
@media ( min-width: 961px ) {
	.subpage_main {
		flex-basis: calc(100% - 340px);
	}
}


.environment .subpage_main .text_block .Link > a .pdf:before{
	color: #00787A;
}
.social .subpage_main .text_block .Link > a .pdf:before{
	color: #A674B0;
}
.governance .subpage_main .text_block .Link > a .pdf:before{
	color: #3E4298;
}
.finance .subpage_main .text_block .Link > a .pdf:before{
	color: #3E4298;
}

/*--- subpage_sub ---------*/

.subpage_sub {
	width: 300px;
	flex: 0 1 auto;
	padding: 0 0 0 40px;
	text-align: left;
}
.subpage_sub .category_navi .category_title a {
	display: block;
	color: #fff;
	background: #00682E;
	font-size: 18px;
	padding: 17px 18px;
	font-weight: bold;
}
.subpage_sub .group:not(:last-of-type) {
	margin: 0 0 40px;
}
.subpage_sub .group.mT20{
	margin-top: 20px;
}
.subpage_sub .category_navi .group > ul{
	border-top: 1px solid #BEBEBE;
}
.subpage_sub .category_navi .group_name {
}
.subpage_sub .category_navi .group_name span {
	color: #00682E;
	display: inline-block;
	background: #EBEBEB;
	font-size: 16px;
	padding: 10px 15px;
	font-weight: bold;
}

.subpage_sub .category_navi .group li {
	border-bottom: 1px solid #BEBEBE;
}
.subpage_sub .category_navi .group li a {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding: 16px 10px 16px 35px;
	line-height: 1.2;
	transition: opacity .3s,background .3s;
}

.subpage_sub .category_navi .group li .small{
	display: block;
	font-weight: normal;
	font-size: 80%;
}

/*.subpage_sub .category_navi .group li a:before {
	content: '';
	display: block;
	width: 14px;
	height: 11px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('/csr/common_2021/images_2021/csr/icon_arrow_green02.png');
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	margin: auto 0;
}*/
.subpage_sub .category_navi .group li a.select_page,
.subpage_sub .category_navi .group li a:hover,
.message.index .subpage_sub .category_navi .group li.message a,
.materiality .subpage_sub .category_navi .group li.materiality > a,
.materiality.kpi .subpage_sub .category_navi .group li.materiality li.kpi a,
.news .subpage_sub .category_navi .group li.news > a,
.news.y2020 .subpage_sub .category_navi .group li.news li.y2020 a,
.news.y2019 .subpage_sub .category_navi .group li.news li.y2019 a,
.news.y2018 .subpage_sub .category_navi .group li.news li.y2018 a,
.news.y2017 .subpage_sub .category_navi .group li.news li.y2017 a,
.news.y2016 .subpage_sub .category_navi .group li.news li.y2016 a,
.news.y2015 .subpage_sub .category_navi .group li.news li.y2015 a,
.news.y2014 .subpage_sub .category_navi .group li.news li.y2014 a,
.news.y2013 .subpage_sub .category_navi .group li.news li.y2013 a,
.download .subpage_sub .category_navi .group li.download > a,
.download.report .subpage_sub .category_navi .group li.download li.report a,
.download.nsc .subpage_sub .category_navi .group li.download li.nsc a,
.download.sm .subpage_sub .category_navi .group li.download li.sm a,
.download.disclosure .subpage_sub .category_navi .group li.download li.disclosure a,
.download.disclosure02 .subpage_sub .category_navi .group li.download li.disclosure02 a{
	background: #E2EDE7;
}
.subpage_sub .category_navi .group li .child{
	display: none;
}
.materiality .subpage_sub .category_navi .group li.materiality .child,
.news .subpage_sub .category_navi .group li.news .child,
.download .subpage_sub .category_navi .group li.download .child,
.env.index .subpage_sub .category_navi .group li.env.index .child,
.env.warming .subpage_sub .category_navi .group li.env.warming .child,
.circulation .subpage_sub .category_navi .group li.circulation .child,
.env.env_risk .subpage_sub .category_navi .group li.env.env_risk .child,
.env.biodiversity .subpage_sub .category_navi .group li.env.biodiversity .child,
.env.relation .subpage_sub .category_navi .group li.env.relation .child,
.social.sdq .subpage_sub .category_navi .group li.sdq .child,
.social.human .subpage_sub .category_navi .group li.human .child,
.social.supplychain .subpage_sub .category_navi .group li.supplychain .child,
.social.with .subpage_sub .category_navi .group li.with .child,
.social.it .subpage_sub .category_navi .group li.it .child,
.social.award .subpage_sub .category_navi .group li.award .child,
.governance.compliance .subpage_sub .category_navi .group li.compliance .child{
	display: block;
}
.subpage_sub .category_navi .group li a:before,
.subpage_sub .category_navi .group li a:after{
	position: absolute;
	top: 0;
	left: 0.8em;
	margin: auto;
	content: "";
}
.subpage_sub .category_navi .group li a:before{
	width: 15px;
	height: 1px;
	background: #00682E;
	top: 25px;
}
.subpage_sub .category_navi .group li a:after{
	width: 7px;
	height: 7px;
	border-top: 1px solid #00682E;
	border-right: 1px solid #00682E;
	transform: rotate(45deg);
	left: 1.2em;
	top: 22px;
}

.subpage_sub .category_navi .group li a.parent:before,
.subpage_sub .category_navi .group li.blank a:before,
.materiality .subpage_sub .category_navi .group li.materiality > a:before,
.download .subpage_sub .category_navi .group li.download > a:before,
.env.index .subpage_sub .category_navi .group li.env.index > a:before,
.env.warming .subpage_sub .category_navi .group li.env.warming > a:before,
.circulation .subpage_sub .category_navi .group li.circulation > a:before,
.env.env_risk .subpage_sub .category_navi .group li.env.env_risk > a:before,
.env.biodiversity .subpage_sub .category_navi .group li.env.biodiversity > a:before,
.env.relation .subpage_sub .category_navi .group li.env.relation > a:before,
.social.sdq .subpage_sub .category_navi .group li.sdq > a:before,
.social.human .subpage_sub .category_navi .group li.human > a:before,
.social.supplychain .subpage_sub .category_navi .group li.supplychain > a:before,
.social.with .subpage_sub .category_navi .group li.with > a:before,
.social.it .subpage_sub .category_navi .group li.it > a:before,
.social.award .subpage_sub .category_navi .group li.award > a:before,
.governance.compliance .subpage_sub .category_navi .group li.compliance > a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	background: transparent !important;
	display: inline-block;
	color: #00682E;
	bottom: auto;
	top: 19px;
}
.subpage_sub .category_navi .group li.blank a:before{
	content: "\f24d";
	font-weight: 400;
	font-size: 80%;
}
.subpage_sub .category_navi .group li a.parent:after,
.subpage_sub .category_navi .group .child li a:after,
.subpage_sub .category_navi .group li.blank a:after,
.materiality .subpage_sub .category_navi .group li.materiality > a:after,
.download .subpage_sub .category_navi .group li.download > a:after,
.env.index .subpage_sub .category_navi .group li.env.index > a:after,
.env.warming .subpage_sub .category_navi .group li.env.warming > a:after,
.circulation .subpage_sub .category_navi .group li.circulation > a:after,
.env.env_risk .subpage_sub .category_navi .group li.env.env_risk > a:after,
.env.biodiversity .subpage_sub .category_navi .group li.env.biodiversity > a:after,
.env.relation .subpage_sub .category_navi .group li.env.relation > a:after,
.social.sdq .subpage_sub .category_navi .group li.sdq > a:after,
.social.human .subpage_sub .category_navi .group li.human > a:after,
.social.supplychain .subpage_sub .category_navi .group li.supplychain > a:after,
.social.with .subpage_sub .category_navi .group li.with > a:after,
.social.it .subpage_sub .category_navi .group li.it > a:after,
.social.award .subpage_sub .category_navi .group li.award > a:after,
.governance.compliance .subpage_sub .category_navi .group li.compliance > a:after{
	display: none;
}


.subpage_sub .category_navi .environment .group_name span,
.environment .subpage_main .text_block .Link > a .pdf:before,
.environment .subpage_main .text_block .Link > a .clone:before,
.subpage_sub .category_navi .group li.blank a:before,
.subpage_sub .category_navi .group.environment li a.parent:before,
.env.index .subpage_sub .category_navi .group li.env.index > a:before,
.env.warming .subpage_sub .category_navi .group li.env.warming > a:before,
.circulation .subpage_sub .category_navi .group li.circulation > a:before,
.env.env_risk .subpage_sub .category_navi .group li.env.env_risk > a:before,
.env.biodiversity .subpage_sub .category_navi .group li.env.biodiversity > a:before,
.env.relation .subpage_sub .category_navi .group li.env.relation > a:before{
	color: #00787A;
}
.subpage_sub .category_navi .group.environment li a.select_page,
.subpage_sub .category_navi .group.environment li a:hover,
.env.index .subpage_sub .category_navi .group li.env.index > a,
.env.index.policy .subpage_sub .category_navi .group li.env.index li.policy a,
.env.eco .subpage_sub .category_navi .group li.env.index li.eco a,
.env.index.management .subpage_sub .category_navi .group li.env.index li.management a,
.env.index.account .subpage_sub .category_navi .group li.env.index li.account a,
.env.index.balance .subpage_sub .category_navi .group li.env.index li.balance a,
.env.warming .subpage_sub .category_navi .group li.env.warming > a,
.env.warming.zerocarbon .subpage_sub .category_navi .group li.env.warming li.zerocarbon a,
.env.warming.overview .subpage_sub .category_navi .group li.env.warming li.overview a,
.env.warming.tcfd .subpage_sub .category_navi .group li.env.warming li.tcfd a,
.env.warming.production .subpage_sub .category_navi .group li.env.warming li.production a,
.env.warming.reduce .subpage_sub .category_navi .group li.env.warming li.reduce a,
.env.warming.global .subpage_sub .category_navi .group li.env.warming li.global a,
.env.warming.future .subpage_sub .category_navi .group li.env.warming li.future a,
.env.warming.logistics .subpage_sub .category_navi .group li.env.warming li.logistics a,
.circulation .subpage_sub .category_navi .group li.circulation > a,
.circulation.zeroemission .subpage_sub .category_navi .group li.circulation li.zeroemission a,
.circulation.waste .subpage_sub .category_navi .group li.circulation li.waste a,
.env.env_risk .subpage_sub .category_navi .group li.env.env_risk > a,
.env.env_risk.water .subpage_sub .category_navi .group li.env.env_risk li.water a,
.env.env_risk.air .subpage_sub .category_navi .group li.env.env_risk li.air a,
.env.env_risk.soil .subpage_sub .category_navi .group li.env.env_risk li.soil a,
.env.env_risk.chemical .subpage_sub .category_navi .group li.env.env_risk li.chemical a,
.env.env_risk.industrial_waste .subpage_sub .category_navi .group li.env.env_risk li.industrial_waste a,
.env.env_risk.works .subpage_sub .category_navi .group li.env.env_risk li.works a,
.env.biodiversity .subpage_sub .category_navi .group li.env.biodiversity > a,
.env.biodiversity.forest .subpage_sub .category_navi .group li.env.biodiversity li.forest a,
.env.biodiversity.sea .subpage_sub .category_navi .group li.env.biodiversity li.sea a,
.env.biodiversity.socialE .subpage_sub .category_navi .group li.env.biodiversity li.social a,
.env.relation .subpage_sub .category_navi .group li.env.relation > a,
.env.relation.education .subpage_sub .category_navi .group li.env.relation li.education a,
.env.relation.ecopro .subpage_sub .category_navi .group li.env.relation li.ecopro a,
.steel .subpage_sub .category_navi .group li.steel > a{
	background: #e5f1f1;
}
.subpage_sub .category_navi .group.environment li a:before{
	background: #00787A;
}
.subpage_sub .category_navi .group.environment li a:after{
	border-top-color: #00787A;
	border-right-color: #00787A;
}

.subpage_sub .category_navi .social .group_name span,
.social .subpage_main .text_block .Link > a .pdf:before,
.social .subpage_main .text_block .Link > a .clone:before,
.subpage_sub .category_navi .group.social li a.parent:before,
.social.safety .subpage_sub .category_navi .group li.safety > a:before,
.social.sdq .subpage_sub .category_navi .group li.sdq > a:before,
.social.human .subpage_sub .category_navi .group li.human > a:before,
.social.supplychain .subpage_sub .category_navi .group li.supplychain > a:before,
.social.with .subpage_sub .category_navi .group li.with > a:before,
.social.it .subpage_sub .category_navi .group li.it > a:before,
.social.award .subpage_sub .category_navi .group li.award > a:before{
	color: #A674B0;
}
.subpage_sub .category_navi .group.social li a.select_page,
.subpage_sub .category_navi .group.social li a:hover,
.social.safety .subpage_sub .category_navi .group li.safety > a,
.social.sdq .subpage_sub .category_navi .group li.sdq > a,
.social.sdq.safety .subpage_sub .category_navi .group li.sdq li.safety a,
.social.sdq.disaster .subpage_sub .category_navi .group li.sdq li.disaster a,
.social.sdq.quality .subpage_sub .category_navi .group li.sdq li.quality a,
.social.human .subpage_sub .category_navi .group li.human > a,
.social.human.diversity .subpage_sub .category_navi .group li.human li.diversity a,
.social.human.human02 .subpage_sub .category_navi .group li.human li.human02 a,
.social.human.humanrights .subpage_sub .category_navi .group li.human li.humanrights a,
.social.supplychain .subpage_sub .category_navi .group li.supplychain > a,
.social.supplychain.solution .subpage_sub .category_navi .group li.supplychain li.solution a,
.social.supplychain.situation .subpage_sub .category_navi .group li.supplychain li.situation a,
.social.supplychain.support .subpage_sub .category_navi .group li.supplychain li.support a,
.social.with .subpage_sub .category_navi .group li.with > a,
.social.with.forest .subpage_sub .category_navi .group li.with li.forest a,
.social.with.sports .subpage_sub .category_navi .group li.with li.sports a,
.social.with.music .subpage_sub .category_navi .group li.with li.music a,
.social.with.education .subpage_sub .category_navi .group li.with li.education a,
.social.with.ngo_network .subpage_sub .category_navi .group li.with li.ngo_network a,
.social.with.communication .subpage_sub .category_navi .group li.with li.communication a,
.social.with.donation .subpage_sub .category_navi .group li.with li.donation a,
.social.with.communities .subpage_sub .category_navi .group li.with li.communities a,
.social.irC.index .subpage_sub .category_navi .group li.ir.index > a,
.social.it .subpage_sub .category_navi .group li.it > a,
.social.it.strategy .subpage_sub .category_navi .group li.it li.strategy a,
.social.it.framework .subpage_sub .category_navi .group li.it li.framework a,
.social.award .subpage_sub .category_navi .group li.award > a,
.social.award.award2020 .subpage_sub .category_navi .group li.award li.award2020 a,
.social.award.award2019 .subpage_sub .category_navi .group li.award li.award2019 a,
.social.award.award2018 .subpage_sub .category_navi .group li.award li.award2018 a{
	background: #f2eaf3;
}
.subpage_sub .category_navi .group.social li a:before{
	background: #A674B0;
}
.subpage_sub .category_navi .group.social li a:after{
	border-top-color: #A674B0;
	border-right-color: #A674B0;
}	

.subpage_sub .category_navi .governance .group_name span,
.governance .subpage_main .text_block .Link > a .pdf:before,
.governance .subpage_main .text_block .Link > a .clone:before,
.subpage_sub .category_navi .group.governance li a.parent:before,
.governance.compliance .subpage_sub .category_navi .group li.compliance > a:before,
.subpage_sub .category_navi .finance .group_name span,
.finance .subpage_main .text_block .Link > a .pdf:before,
.finance .subpage_main .text_block .Link > a .clone:before,
.subpage_sub .category_navi .group.finance li a.parent:before{
	color: #3E4298;
}
.subpage_sub .category_navi .group.governance li a.select_page,
.subpage_sub .category_navi .group.governance li a:hover,
.governance.management .subpage_sub .category_navi .group ul li.management a,
.governance.governance02 .subpage_sub .category_navi .group ul li.governance02 a,
.governance.compliance .subpage_sub .category_navi .group li.compliance > a,
.governance.compliance.education .subpage_sub .category_navi .group li.compliance li.education a,
.governance.compliance.management .subpage_sub .category_navi .group li.compliance li.management a,
.governance.compliance.intellectualproperty .subpage_sub .category_navi .group li.compliance li.intellectualproperty a,
.governance.tax .subpage_sub .category_navi .group ul li.tax a{
	background: #ebebf5;
}
.subpage_sub .category_navi .group.finance li a.select_page,
.subpage_sub .category_navi .group.finance li a:hover,
.finance.greenbond .subpage_sub .category_navi .group ul li.greenbond a{
		background: #ebebf5;
}
.subpage_sub .category_navi .group.governance li a:before{
	background: #3E4298;
}
.subpage_sub .category_navi .group.governance li a:after{
	border-top-color: #3E4298;
	border-right-color: #3E4298;
}	


.subpage_sub .category_navi .group.finance li a:before{
	background: #3E4298;
}
.subpage_sub .category_navi .group.finance li a:after{
	border-top-color: #3E4298;
	border-right-color: #3E4298;
}	


.subpage_sub .category_navi .group li a.blank::before {
	/*background: url('/csr/common_2021/images_2021/csr/icon_blank_green.png') no-repeat;
	height: 12px;*/
}
.subpage_sub .category_navi .group li a.parent::before {
	/*background: url('/csr/common_2021/images_2021/csr/icon_arrow_green03.png') no-repeat;
	height: 8px;*/
}
.subpage_sub .category_navi .group li .child {
	padding: 0 0 16px 20px;
}
.subpage_sub .category_navi .group li .child li {
	border-bottom: none;
	border-left: 1px solid #BEBEBE;
}
.subpage_sub .category_navi .group li .child li a {
	font-weight: normal;
	font-size: 16px;
	padding: 8px 12px;
	line-height: 1.12;
}
.subpage_sub .category_navi .group li .child li a:before {
	content: none;
}

@media ( max-width: 960px ) {
	.subpage_sub .category_navi .category_title a,
	.subpage_sub .category_navi .group li a,
	.subpage_sub .category_navi .group li .child li a{
		font-size: 14px;
	}
	#side_nav{
		margin-top: 5%;
	}
	.subpage_sub{
		padding: 0;
		width: 100%;
	}
	
	.subpage_sub .group:not(:last-of-type) {
		margin: 0 0 25px;
	}
	
	.subpage_sub_spOuter{
		display: none;
	}
	.subpage_sub .category_navi .category_title{
		position: relative;
	}
	.subpage_sub .category_navi .category_title:before,
	.subpage_sub .category_navi .category_title:after {
		background-color: #fff;
		content: " ";
		height: 2px;
		right: 20px;
		position: absolute;
		transition: all 0.4s ease-out 0s;
		width: 16px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.subpage_sub .category_navi .category_title:after {
		transform: rotate(90deg);
	}
	.subpage_sub .category_navi .category_title.active:after {
		transform: rotate(180deg);
	}

	/* .subpage_sub .group{
		display: none;
		margin-bottom: 0;
	}
	.message .subpage_sub .group.groupFirst,
	.materiality .subpage_sub .group.groupFirst,
	.download .subpage_sub .group.groupFirst{
		display: block;
	}
	.environment .subpage_sub .group.environment{
		display: block;
	} */
}



.flexHalfBox,
.flex8to2Box,
.flex7to3Box,
.flex9to1Box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex8to2Box.ac,
.flex7to3Box.ac,
.flex9to1Box.ac{
	align-items: center;
}
.flexArea3Box,
.flexArea4Box,
.flexArea7Box{
	display: flex;
	flex-wrap: wrap;
}
.flexHalfBox .HalfBoxIn{
	width: 49%;
}
.flexHalfBox .HalfBoxIn:nth-of-type(n+3){
	margin-top: 20px !important;
}
.ac{
	align-items: center;
}
.afe{
	align-items: flex-end;
}
.Fcenter{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flexHalfBox .HalfBoxIn.mT0{
	margin-top: 0 !important;
}

.flexHalfBox.border .HalfBoxIn{
	border-bottom: #000 solid 1px;
	padding: 20px 10px;
	margin-top: 0 !important;
}

.flex8to2Box .w20{
	width: 20%;
}
.flex8to2Box .w80{
	width: 76%;
}
.flex7to3Box .w30{
	width: 30%;
}
.flex7to3Box .w70{
	width: 66%;
}
.flex9to1Box .w10{
	width: 10%;
}
.flex9to1Box .w90{
	width: 86%;
}
.flex8to2Box p,
.flex7to3Box p,
.flex9to1Box p{
	line-height: 1.3em;
}
.flexArea3Box .Area3BoxIn{
	width: 32%;
	margin-right: 2%;
}

@media ( min-width: 601px ){
	.flexArea3Box .Area3BoxIn:nth-of-type(3n){
		margin-right: 0;
	}
	.flexArea3Box .Area3BoxIn:nth-of-type(n+4){
		margin-top: 20px;
	}
	
	.flexHalfBox.border .HalfBoxIn{
		width: 50%;
	}
	.flexHalfBox.border .HalfBoxIn:nth-of-type(1),
	.flexHalfBox.border .HalfBoxIn:nth-of-type(2){
		padding-top: 0;
	}
}
.flexArea3Box .Area3BoxIn ul li{
	line-height: 2.2em;
}

.flexArea3Box.box3border .Area3BoxIn{
	width: 33.33%;
	padding: 1em;
	border-bottom: 1px solid #096EAA;
	border-right: 1px solid #096EAA;
	margin:0;
}

@media ( min-width: 601px ){
	.flexArea3Box.box3border .Area3BoxIn:nth-of-type(3n){
		border-right: none;
	}
	.flexArea3Box.box3border .Area3BoxIn.bBnone{
		border-bottom: none;
	}

}


.flexArea4Box .Area4BoxIn{
	width: 23.5%;
	margin-right: 2%;
}
@media ( min-width: 601px ){
	.flexArea4Box .Area4BoxIn:nth-of-type(4n){
		margin-right: 0;
	}
	.flexArea4Box .Area4BoxIn:nth-of-type(n+5){
		margin-top: 20px;
	}
}

.flexArea7Box .Area7BoxIn{
	width: 13%;
	margin-right: 1.5%;
}
@media ( min-width: 601px ){
	.flexArea7Box .Area7BoxIn:nth-of-type(7n){
		margin-right: 0;
	}
	.flexArea7Box .Area7BoxIn:nth-of-type(n+8){
		margin-top: 20px;
	}
}



.borderBox{

}
.borderBox > a{
	border: #00682E solid 3px;
	padding: 25px 20px;
	border-radius: 10px;
	display: block;
	transition: 0.2s;
}
.borderBox > a:hover{
	opacity: 0.7;
}

.borderBox .arrowTitle{
	font-weight: bold;
	border-bottom: #BEBEBE solid 1px;
	font-size: 20px;
	padding: 0 0 1em;
	margin-bottom: 1em;
	color: #00682E;
	line-height: 1.4em;
	display: flex;
	align-items: center;
}
.borderBox .arrowTitle span{
	position: relative;
	padding-left: 1.5em;
}
.borderBox .arrowTitle span:before {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	width: 1em;
	height: 1.4em;
	display: inline-block;
	margin-left: 8px;
	position: absolute;
	top: 3px;
	left: 0;
}
.borderBox .arrowTitle span.f80p{
	font-size: 80%;
	padding-left: 0.5em;
}
.borderBox .arrowTitle span.f80p:before{
	display: none !important;
}

.borderBox .DescText{
	font-size: 14px;
	line-height: 1.8em;
}

.borderBoxGreen{
	border: #00682E solid 3px;
	padding: 25px 20px;
	border-radius: 10px;
	display: block;
}
.borderBoxPurple{
	border: #A674B0 solid 3px;
	padding: 25px 20px;
	border-radius: 10px;
	display: block;
}
.borderBoxNavy{
	border: #3E4298 solid 3px;
	padding: 25px 20px;
	border-radius: 10px;
	display: block;
}
.borderBoxGreen a{
	text-decoration: underline;
}
.borderBoxGreen a:hover{
	text-decoration: none;
}



.environment .borderBox > a{
	border-color: #00787A;
}
.environment .borderBox .arrowTitle,
.environment .subpage_main .subpage_main_group .disc li:before,
.environment .subpage_main .text_block .Link > a:before{
	color: #00787A;
}


.social .borderBox > a{
	border-color: #A674B0;
}
.social .borderBox .arrowTitle,
.social .subpage_main .subpage_main_group .disc li:before,
.social .subpage_main .text_block .Link > a:before{
	color: #A674B0;
}

.governance .borderBox > a{
	border-color: #3E4298;
}
.governance .borderBox .arrowTitle,
.governance .subpage_main .subpage_main_group .disc li:before,
.governance .subpage_main .text_block .Link > a:before{
	color: #3E4298;
}

.finance .borderBox > a{
	border-color: #3E4298;
}
.finance .borderBox .arrowTitle,
.finance .subpage_main .subpage_main_group .disc li:before,
.finance .subpage_main .text_block .Link > a:before{
	color: #3E4298;
}


.mT40{
	margin-top: 40px;
}
.mT30{
	margin-top: 30px;
}
.mT20{
	margin-top: 20px;
}
.mT15{
	margin-top: 15px;
}
.mT10{
	margin-top: 10px;
}
.mT5{
	margin-top: 5px;
}
.mL20{
	margin-left: 20px;
}
.mL-1em{
	margin-left: -1.2em;
}
ul ul .mL-1em{
	margin-left: -2.4em;
}
.bold{
	font-weight: bold;
}
.f12{
	font-size: 12px !important;
	line-height: 1.3em;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.imgMW1000{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.imgMW800{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.imgMW700{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.imgMW600{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.imgMW500{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.imgMW400{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.imgMW300{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.W100p img{
	width: 100%;
	height: auto;
}
.Pleft{
	margin-left: 0;
	margin-right: 0;
}
.colorOrange{
	color: #F3981F !important;
}
.colorGreen{
	color: #90B722 !important;
}
.colorGreen02{
	color: #66baa8;
}
.colorBlue{
	color: #0799CB !important;
}
.colorPink{
	color: #D24468 !important;
}
.colorEGreen{
	color: #00787A !important;
}
.colorSPink{
	color: #A674B0 !important;
}
.colorGNavy{
	color: #3E4298 !important;
}
.colorRed{
	color: #E11020 !important;
}
.colorBlack{
	color: #0A0A0A !important;
}
.colorWhite{
	color: #fff !important;
}
.hoverImg{
	transition: 0.2s;
}
.hoverImg:hover{
	opacity: 0.7;
}
.f150p{
	font-size: 150%;
}
.f500p{
	font-size: 500%;
}
.bgEGreen{
	background: #00787A;
}
.bgSPink{
	background: #A674B0;
}
.bgGNavy{
	background: #3E4298;
}
.bgWhite{
	background: #fff;
}

.js-tooltip-wrap {
  display: inline-block;
  position: relative;
}
.js-tooltip-wrap .js-tooltip-txt {
	color: #00682E;
}
.environment .js-tooltip-wrap .js-tooltip-txt {
	color: #00787A;
}
.social .js-tooltip-wrap .js-tooltip-txt {
	color: #A674B0;
}
.governance .js-tooltip-wrap .js-tooltip-txt {
	color: #3E4298;
}
.finance .js-tooltip-wrap .js-tooltip-txt {
	color: #3E4298;
}

.subTagColor{
	color: #fff;
	background: #00682E;
	display: inline-block;
	padding: 0.7em 2em;
	font-weight: bold;
}
.environment .subTagColor{
	background: #00787A;
}
.social .subTagColor{
	background: #A674B0;
}
.governance .subTagColor{
	background: #3E4298;
}
.finance .subTagColor{
	background: #3E4298;
}

.tableOuter table{
	font-size: 14px;
	width: 100%;
}
.tableOuter table.fixed{
	table-layout: fixed;
}
.tableOuter table tr th,
.tableOuter table tr td{
	border: #404040 solid 1px;
	padding: 0.3em;
	line-height: 1.3em;
	text-align: left;
}
.tableOuter table tr th{
	background: #E2EDE7;
	font-weight: bold;
}
.tableOuter table tr .style02{
	background: #00682E;
	color: #fff;
}
.tableOuter table tr .gray{
	background: #EBEBEB !important;
}
.tableOuter table tr .center{
	text-align: center;
}
.tableOuter table tr .right{
	text-align: right;
}
.tableOuter.News table{
	font-size: 16px;
}
.tableOuter.News table tr th,
.tableOuter.News table tr td{
	background: none;
	border: none;
	padding: 0.5em 0;
	vertical-align: top;
	line-height: 1.7em;
}
.tableOuter.News table tr th{
	width: 9em;
}
.tableOuter.News table tr a{
	color: #555;
	text-decoration: none;
}
.tableOuter.News table tr a:hover{
	text-decoration: underline;
}

.tableOuter table tr .w10p{
	width: 10%;
}
.tableOuter table tr .w15p{
	width: 15%;
}
.tableOuter table tr .w20p{
	width: 20%;
}
.tableOuter table tr .w25p{
	width: 25%;
}
.tableOuter table tr .w30p{
	width: 30%;
}
.tableOuter table tr .w40p{
	width: 40%;
}
.tableOuter table tr .w50p{
	width: 50%;
}
.tableOuter table tr .w60p{
	width: 60%;
}
.tableOuter table a{
	text-decoration: underline
}
.tableOuter table a:hover{
	text-decoration: none;
}
.tableOuter table .icon{
	color: #00682E;
}
.tableOuter table p {
  line-height: 1.5em;
}

.environment .tableOuter table tr th{
	background: #e5f1f1;
}
.environment .tableOuter table tr .style02{
	background: #00787A;
}
.social .tableOuter table tr th{
	background: #f2eaf3;
}
.social .tableOuter table tr .style02{
	background: #A674B0;
}
.governance .tableOuter table tr th{
	background: #ebebf5;
}
.governance .tableOuter table tr .style02{
	background: #3E4298;
}
.finance .tableOuter table tr th{
	background: #ebebf5;
}
.finance .tableOuter table tr .style02{
	background: #3E4298;
}
.environment .tableOuter table .icon{
	color: #00787A;
}
.social .tableOuter table .icon{
	color: #A674B0;
}
.governance .tableOuter table .icon{
	color: #3E4298;
}
.finance .tableOuter table .icon{
	color: #3E4298;
}

.ecoProcessOrange{
	background: #f3981f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 150%;
}
.borderBlack{
	border: #0A0A0A solid 1px;
	padding: 1.5em;
}
.borderBlack p{
	line-height: 1.7em;
}
.bgGray{
	background: #EBEBEB;
	padding: 1.5em;
}


.iframeVimeo{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.iframeVimeo iframe{
	border: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


a.decoration{
	text-decoration: underline;
}
a.decoration:hover{
	text-decoration: none;
}

@media screen and (min-width: 768px) {
  .js-tooltip-wrap .js-tooltip-txt:hover {
    text-decoration: underline;
  }
}

.js-tooltip-wrap .js-tooltip-box {
  color: #0A0A0A;
  background: #EBEBEB;
  font-size: 12px;
  line-height: 1.5;
  width: 200px;
  padding: 0.8em;
}

.humandiversityContent{
	background: #e3d6e9;
	padding: 20px;
}
.humandiversityContent table tr th,
.humandiversityContent table tr td{
	border: #e3d6e9 solid 3px;
}
.humandiversityContent table tr th{
	background: #fff !important;
	color: #A674B0;
	padding: 20px;
}
.humandiversityContent table tr .style02{
	padding: 0.3em;
	background: #A674B0 !important;
	color: #fff;
}
.humandiversityContent table tr .style03{
	background: #fff !important;
	color: #A674B0;
}
.humandiversityContent table tr .borderWhite{
	border: #fff solid 3px;
	padding: 0.3em;
}


.governanceIconArea ul{
	display: flex;
}
.governanceIconArea ul li:nth-of-type(n+2){
	margin-left: 1.5em;
}
.IconStyle{
	color: #fff;
	padding: 0.3em 0.7em;
	display: inline-block;
	font-weight: bold;
	line-height: 1em;
	font-size: 80%;
}
.IconStyle.OCompany{
	background: #7db83f;
}
.IconStyle.Independence{
	background: #4875be;
}


.borderImg{
	display: block;
	border: 1px solid #BEBEBE;
}

.modal_contents.imgOnly .movie_wrapOuter{
	max-height: 90vh;
	overflow: hidden;

}
.modal_contents.imgOnly .movie_wrapOuter img{
	max-height: 75vh;
	width: auto;
	margin: 0 auto;
}

@media ( min-width: 601px ){
	.modal_contents.imgOnly .movie_wrapOuter{
		padding: 57px 50px;
	}
}





@media ( max-width: 600px ){

	.mT40{
		margin-top: 8vw;
	}
	.mT30{
		margin-top: 5vw;
	}
	.mT20{
		margin-top: 4vw;
	}
	.mT10{
		margin-top: 3vw;
	}
	.mT5{
		margin-top: 2vw;
	}
	
	
	.flexHalfBox .HalfBoxIn,
	.flexArea3Box .Area3BoxIn{
		width: 100%;
	}
	.flexArea3Box .Area3BoxIn{
		margin-right: 0;
	}
	.flexHalfBox .HalfBoxIn:nth-of-type(n+2),
	.flexArea3Box .Area3BoxIn:nth-of-type(n+2){
		margin-top: 6vw !important;
	}
	.flexHalfBox .HalfBoxIn:nth-of-type(n+3){
		margin-bottom: 3vw;
	}
	.flexHalfBox .HalfBoxIn.spmT{
		margin-top: 12vw !important;
	}
	.flexHalfBox .HalfBoxIn.mT0,
	.flexArea3Box .Area3BoxIn.spmT0{
		margin-top: 0 !important;
	}
	.flexHalfBox.border .HalfBoxIn{
		margin: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}
	.flexHalfBox.border .HalfBoxIn:first-child{
		padding-top: 0;
	}
	.flexArea4Box .Area4BoxIn{
		width: 49%;
	}
	.flexArea4Box .Area4BoxIn:nth-of-type(2n){
		margin-right: 0;
	}
	.flexArea4Box .Area4BoxIn:nth-of-type(n+3){
		margin-top: 4%;
	}
	.flexArea7Box .Area7BoxIn{
		width: 15%;
		margin-right: 2%;
	}
	.flexArea7Box .Area7BoxIn:nth-of-type(6n){
		margin-right: 0;
	}
	.flexArea7Box .Area7BoxIn:nth-of-type(n+7){
		margin-top: 4%;
	}
	.flexArea3Box.box3border .Area3BoxIn{
		width: 50%;
		margin-top: 0 !important;
		padding: 0.5em;
	}
	.flexArea3Box.box3border .Area3BoxIn:nth-of-type(2n){
		border-right: 0;
	}
	.flexArea3Box.box3border .Area3BoxIn.bBnoneSP{
		border-bottom: none;
	}
	
	.flex8to2Box.spBlock,
	.flex7to3Box.spBlock,
	.flex9to1Box.spBlock {
		display: block;
	}
	.flex8to2Box.spBlock .w80,
	.flex7to3Box.spBlock .w70,
	.flex9to1Box.spBlock .w90{
		width: auto;
	}
	.flex8to2Box.spBlock .w20,
	.flex7to3Box.spBlock .w30{
		width: 70%;
		margin: 0 auto;
	}
	.flex9to1Box.spBlock .w10{
		width: 40%;
		margin: 0 auto;
	}
	.flex8to2Box.spBlock > div:nth-of-type(2),
	.flex7to3Box.spBlock > div:nth-of-type(2),
	.flex9to1Box.spBlock > div:nth-of-type(2){
		margin-top: 5vw;
	}
	

	.subpage_main .subpage_main_group .disc.mTli40 > li:nth-of-type(n+2),
	.subpage_main .subpage_main_group .decimal.mTli40 > li:nth-of-type(n+2) {
		margin-top: 30px;
	}
	
	.tableOuter{
		overflow-x: scroll;
	}
	.tableOuter table{
		min-width: 800px; 
		font-size: 13px;
	}
	.tableOuter.spNoScroll table{
		min-width: auto;
	}
	.tableOuter.News table{
		font-size: 14px;
	}
	.tableOuter.News table tr th,
	.tableOuter.News table tr td{
		display: block;
		width: auto;
	}
	.tableOuter.News table tr td{
		padding-top: 0;
	}

	.borderBox > a{
		padding: 5vw;
	}
	.borderBoxGreen,
	.borderBoxPurple,
	.borderBoxNavy{
		padding: 3vw;
	}
	.borderBox .arrowTitle{
		font-size: 5vw;
		padding: 0 0 4vw;
		margin-bottom: 4vw;
	}
	
	.spCenter{
		text-align: center;
	}
	.flexHalfBox .HalfBoxIn.mTsp0{
		margin-top: 0 !important;
	}
	.governance02 .AnchorLink{
		padding-bottom: 0 !important;
	}
	
	
	.humandiversityContent,
	.humandiversityContent table tr th{
		padding: 3vw;
	}
	
	.tableOuter table tr .spw20p{
		width: 20%;
	}	
	
	
	.AnchorLinkBTNArea ul li{
		width: 49%;
		margin-right: 2%;
	}
	.AnchorLinkBTNArea ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.AnchorLinkBTNArea ul li:nth-of-type(n+3){
		margin-top: 2%;
	}
	


	.AnchorLinkBTNArea.line6 ul li{
		width: 32%;
		margin-right: 2% !important;
		margin-top: 0;
	}
	.AnchorLinkBTNArea.line6 ul li:nth-of-type(3n){
		margin-right: 0 !important;
	}
	.AnchorLinkBTNArea.line6 ul li:nth-of-type(n+4){
		margin-top: 1em;
	}

	
	
	.spmT20{
		margin-top: 7%;
	}
	
	
	
	
	
	
	
	
}