@charset "utf-8";

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

	csr style

------------------------------------------------------------ */
.sharp_img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.sharp_img_unset {
    backface-visibility: unset;
    -webkit-backface-visibility: unset;
}

.arh_text {
    background: #0186d1;
    color: #fff;
    font-size: 117%;
    font-weight: bold;
    padding: 9px 10px 8px;
    margin-bottom: 25px;
}
.lead {
	line-height: 170%;
}
*>sup {
	line-height: 6px;
}


#csr .sample_img {
	background: #999;
	height: 100px;
}
/* ----------gry_bg---------- */
.gry_bg {
	background: #d5d5d5;
}

/* ----------blue_bg-box---------- */
.blue_bg-box {
	background: #75a7cd;
	padding: 2px 0;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 100px;
	text-align: center;
	margin-bottom: 10px;
}

/* ----------img_head1---------- */
.img_head1 span.small {
	color: #000000;
	font-weight: normal;
	padding-right: 0;
}
.img_head1.img_head1-indent {
	padding-left: 1rem;
	text-indent: -1rem;
}


/* ----------column---------- */
.column3 .column_grid_photo2 {
	clear: both;
	width: 440px;
	margin: 20px auto;
	overflow: hidden;
}

.column3 .column_grid_photo2 .left {
	float: left;
	width: 202px;
}

.column3 .column_grid_photo2 .right {
	float: right;
	width: 202px;
}

/* ----------csr_voice---------- */
.csr_voice {
	width: 620px;
	border: 2px solid #B2CFEB;
	padding: 18px;
	margin-bottom: 50px;
	overflow: hidden;
}
.csr_voice_bg {
	background: #F0F5FB;
}

.csr_voice .voice_head1 {
	background: url(../../../../images/dotline_01.gif) repeat-x left bottom;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 117%;
	font-weight: bold;
	line-height: normal;
}

.csr_voice .box1 {
	float: left;
	width: 450px;
}

.csr_voice .box2 {
	float: right;
	width: 150px;
}

.csr_voice .box2 p img {
	border: 1px solid #DDDDDD;
	padding: 3px;
}

.csr_voice .box2 p span {
	display: block;
	margin-top: 10px;
	font-size: 84%;
	line-height: 1.4em;
	text-align: left;
}

.voice_position {
	padding-top: 5px;
	font-size: 90%;
}

.csr_voice .box2 p span strong,
.voice_name {
	font-size: 115%;
	font-weight: bold;
}


/* ------------------------------------------------------------
	COMMON ADD
------------------------------------------------------------ */
/* ----------Activity Section layout---------- */
.photo_wrap {
    border: 1px solid #dddddd;
    padding: 3px 3px 10px;
}
.photo_wrap_n {
    border: none;
    padding: 3px 3px 10px;
}

.casting_jp .photo_wrap {
	box-sizing: border-box;
	height: 220px;
}

.diversity .photo_wrap {
	box-sizing: border-box;
	height: 197px;
}

.photo_wrap.w350 {
    width: 350px;
    margin: 15px auto 0;
}

.photo_wrap .cap {
    display: block;
    line-height: 1.4em;
    margin-top: 10px;
    text-align: center;
}

.photo_wrap_n .cap {
    display: block;
    line-height: 1.4em;
    margin-top: 10px;
    text-align: center;
}

.img-area {
	text-align: center;
	line-height: 0;
}

.img-area div {
	display: inline-block;
}

.img-area div img {
	margin-bottom: 10px;
}

.img-area div span {
	display: block;
	font-size: 13.2px;
}

.sec_customer .photo_wrap {
	width: 290px;
	margin: 0 auto 30px;
}

.img-area img {
	max-width: 100%;
	height: auto;
}

.number_list {
	position: relative;
}

.number_list li {
	padding-left: 18px;
}

.number_list li span.icon_area {
	width: 15px;
	color: #0088d8;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.color-primary {
	color: #0088d8 !important;
}

.heading_csr {
	margin-bottom: 10px;
	font-size: 133%;
	color: #0086d1;
	font-weight: inherit;
}

/* 冊子に似せたタイトル */
.lead_block {
	margin-bottom: 10px;
}

.lead_block:after {
	content: "";
	display: block;
	clear: both;
}

.lead_block .lead_strong {
	margin-bottom: 3px;
	font-size: 183%;
	color: #0088d8;
	font-feature-settings: "palt" 1;
	line-height: 1;
	z-index: 10;
}

.lead_block .lead_strong strong {
	font-size: 138%;
	font-weight: inherit;
}

.lead_block_wrap {
	display: table;
	width: 100%;
	margin: 10px 0 !important;
}

.lead_block_wrap:after {
	content: "";
	display: block;
	clear: both;
}

.lead_block_wrap .lead_block {
	display: table-cell;
	width: 317px;
	padding-right: 12px;
	padding-left: 12px;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.lead_block_wrap .lead_block.first_block {
	padding-left: 0;
	border-left: none;
}

.lead_block_wrap.type-e .lead_block {
	border-left: 1px solid #ccc;
}

.lead_block_wrap.type-e .lead_block.first_block {
	border-left: none;
}

.lead_block_wrap.type-e .lead_block .lead_strong {
	font-size: 158%;
	line-height: 1.47;
}

.lead_block_wrap.type-e .lead_block.end_block {
	padding-right: 0;
}

.lead_block_wrap.type-g .lead_strong {
	text-align: center;
}

.lead_block_wrap.type-g .lead_block {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #ccc;
}

.lead_block_wrap.type-g .lead_block.first_block {
	border-left: 1px solid #ccc;
}

/* Up Down icon */
.lead-data {
	padding-left: 10px;
	font-size: 63.7%;
	color: #00438d;
}

.lead-data img {
	vertical-align: text-bottom;
}


/* 資本タイトルのアイコン */
.heading_capital_area {
	margin-right: 10px;
	line-height: 0;
	vertical-align: top;
}



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

　カラム

-------------------------------------------------- */
.col_wrap {
	overflow: hidden;
	list-style: none;
}

.col_row {
	list-style: none;
	padding: 0;
	margin: 0 -15px;
	list-style: none;
}

.col_row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.col-12 { width: 100%;}
.col-11 { width: 91.66666667%;}
.col-10 { width: 83.33333333%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666667%;}
.col-7 { width: 58.33333333%;}
.col-6 { width: 50%;}
.col-5 { width: 41.66666667%;}
.col-4 { width: 33.33333333%;}
.col-3 { width: 25%;}
.col-2 { width: 16.66666667%;}
.col-1 { width: 8.33333333%;}

.pr0 {
	padding-right: 0;
}


/* ----------photo layout---------- */
.photo_right1_cap_non {
    float: right;
    margin-left: 20px;
    border: 1px solid #DDDDDD;
    padding: 3px 3px 3px 3px;
}

.photo_3clm .photo_left1 {
	width: 204px;
    float: left;
    margin-right: 12px;
}
.photo_3clm .photo_right1 {
	width: 204px;
    float: right;
    margin-left: 0px;
}

/* ----------table layout---------- */
#contents.page_iso table td.border-left-bold,
#contents.page_verification table td {
	background: #fffdef;
}
#contents.page_iso table td.bk_y {
	background: #fffdef;
	width: 15%;
}
#contents.page_verification table td.border-left-bold {
	background: #fff;
}

#contents.page_verification table td.cell_item {
	background: #f9f9f9;
}

.border-left-bold {
	padding: 5px 0 !important;
	border-left: 2px solid #b0cdeb !important;
}

.head_half {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------
	index style
------------------------------------------------------------ */

#index_box_link_big .index_box_link_list {
	display: block;
	margin-bottom: 35px;
	line-height: 0;
	overflow: hidden;
}

#index_box_link_big .index_box_link_list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#index_box_link_big .index_box_link_list li {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}

#index_box_link_big .index_box_link_list li.last {
	float: right;
	margin-right: 0;
}

@media only screen and (max-width:767px) {
	#index_box_link_big {
		padding-top: 0px;
	}
	#index_box_link_big .index_box_link_list li,
	#index_box_link_big .index_box_link_list li.last {
		float: none;
		margin-bottom: 20px;
		margin: 0 0 20px;
		text-align: center;
	}
	#index_box_link_big .index_box_link_list li img {
		margin-left: auto;
		margin-right: auto;
	}

}
#index_box_link_big .index_box_link_list li a {
	display: block;
}

#index_box_link_big .index_box_link_list li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#index_contents .head_title {
	width: 220px;
	height: 30px;
	padding-top: 4px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
    background: url(../../../../images/head2_bg_b.png), url(../../../../images/head2_bg.png);
    background-size: 8px 2px, 2px 2px;
    background-repeat: no-repeat, repeat-x;
    background-position: left bottom, left bottom;
	box-sizing: border-box;
}
@media only screen and (max-width:767px) {
	#index_contents .head_title {
		width: 100%;
	}
}
.menu_img {
	margin-bottom: 5px;
}

/* ----------index_grid---------- */
#index_grid1 {
	margin-bottom: 18px;
}
#index_contents #index_grid1.grid3 ul.list_link {
	background: url(../../../../images/dotline_01.gif) repeat-x left bottom;
}
#index_contents #index_grid1.grid3 ul.list_link li {
	padding: 0;
	background: url(../../../../images/dotline_01.gif) repeat-x left top;
}
#index_contents #index_grid1.grid3 ul.list_link li.firstChild {
	background: none;
}
#index_contents #index_grid1.grid3 ul.list_link li a {
	display: block;
	padding: 4px 0;
}
#index_contents #index_grid1.grid3 ul.list_link li span.arrow {
	padding-left: 15px;
	background: url(../../../../images/icon_arrow_01.gif) no-repeat 6px 0.9em;
}
#index_grid1 #pageAncLink {
	padding-bottom: 0px;
}
#index_grid1 #pageAncLink ul {
	padding-left: 15px;
}



/* ----------list_banner---------- */
#index_contents ul.list_banner {
	width: 100%;
	margin-bottom: 100px;
	overflow: hidden;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

#index_contents ul.list_banner li {
	float: left;
	padding: 0 0 15px 15px;
}
#index_contents ul.list_banner li:first-child {
	padding-left: 0px;
}

#index_contents ul.list_banner img {
	display: block;
}
@media only screen and (max-width:767px) {
	#index_contents ul.list_banner {
		margin: 0;
		padding: 0;
	}
	#index_contents ul.list_banner li {
		float: none;
		padding: 0px;
		margin-bottom: 10px;
		text-align: center;
	}
	#index_contents ul.list_banner li img {
		margin-left: auto;
		margin-right: auto;
	}
}


/* ------------------------------------------------------------
	.section内のリンクボタン
------------------------------------------------------------ */
.section ul.btn_link {
	letter-spacing: -.4em;
}

.section ul.btn_link li {
	display: inline-block;
	letter-spacing: normal;
	margin-right: 15px;
}

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

.section ul.btn_link li a {
	color: #000;
	font-size: 90%;
	display: inline-block;
	padding: 6px 40px;
	border: solid 1px #d0d0d0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #eaeaea);
	background: -moz-linear-gradient(#fff, #eaeaea);
	background: -o-linear-gradient(#fff, #eaeaea);
	background: -ms-linear-gradient(#fff, #eaeaea);
	background: linear-gradient(#fff, #eaeaea);
	border-radius: 4px;
}

.section ul.btn_link li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.section ul.btn_link li p {
	padding-left: 10px;
	position: relative;
}

.section ul.btn_link li p:before {
	content: "";
	background-image: url(../images/common/icon_btn_link_01.png);
	width: 10px;
	height: 10px;
	position: absolute;
	top: 7px;
	left: -5px;
}

/* ------------------------------------------------------------
	valuecreation style（NTNの価値創造プロセス）
------------------------------------------------------------ */
.valuecreation .number_list li {
	padding-bottom: 3px;
	margin-bottom: 8px;
	font-size: 120%;
	border-bottom: 1px solid #ccc;
}

/* ------------------------------------------------------------
	ungc style（環境・社会課題への対応）
------------------------------------------------------------ */
.ungc .sec01 .tb_data2 th {
	padding: 0 15px;
}

.ungc .sec02 .tb_data2 th {
	text-align: center;
	width: auto;
	padding: 0;
}

.ungc .sec02 .tb_data2 th a {
	font-size: 85%;
	text-decoration: underline;
	padding: 0;
}

.ungc .sec02 .tb_data2 th p {
	margin-top: 3px;
}

.ungc .sec02 .tb_data2 td {
	padding: 0;
	width: 86%;
}

.ungc .sec02 .tb_data2 ul {
	padding: 10px 0 0 10px;
}

.ungc .sec02 .tb_data2 li {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

.ungc .sec02 .tb_data2 li img {
	display: block;
	width: 100%;
	height: auto;
}

.ungc .sec03 .l_cate1 {
	padding: 20px 40px 20px 40px;
	background: #ebeaea;
}

.ungc .sec03 .l_cate1 b {
	font-size: 130%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.ungc .sec03 .l_cate1 li {
	font-size: 110%;
	text-align: center;
	display: inline-block;
	padding: 10px 0;
	margin: 0 0 15px 5px;
	width: 180px;
	background: #e7f6fe;
	border: solid 2px #acc8d8;
}

.ungc .sec03 .l_cate2,
.ungc .sec03 .l_cate4 {
	text-align: center;
	margin: 30px 0;
}

.ungc .sec03 .l_cate2 li,
.ungc .sec03 .l_cate4 li {
	display: inline-block;
	vertical-align: middle;
}

.ungc .sec03 .l_cate2 li b,
.ungc .sec03 .l_cate4 li b {
	font-size: 130%;
	margin: 0 60px;
}

.ungc .sec03 .l_cate4 li b {
	margin: 0 10px;
}

.ungc .sec03 .l_cate3 .m_cate,
.ungc .sec03 .l_cate5 .m_cate {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: 400px;
	border: solid 1px #000;
	box-sizing: border-box;
}

.ungc .sec03 .l_cate5 .m_cate {
	height: 1170px;
}

.ungc .sec03 .l_cate3 .m_cate b,
.ungc .sec03 .l_cate5 .m_cate b {
	font-size: 125%;
	display: block;
	text-align: center;
	padding: 15px 0;
}

.ungc .sec03 .l_cate3 .m_cate ul,
.ungc .sec03 .l_cate5 .m_cate ul {
	margin: 15px 15px 0 40px;
}

.ungc .sec03 .l_cate3 .m_cate li,
.ungc .sec03 .l_cate5 .m_cate li {
	font-size: 110%;
	margin-bottom: 10px;
	list-style-type: decimal;
}

.ungc .sec03 .l_cate3 .m_cate .subList li {
	font-size: 85%;
	margin-bottom: 0;
	line-height: 1.5;
	list-style-type: disc;
}

.ungc .sec03 .l_cate3 .m_cate ul.subList {
	margin: 0 0 0 17px;
}

.ungc .sec03 .l_cate3 .m_cate1,
.ungc .sec03 .l_cate5 .m_cate1 {
	margin-right: 2%;
}

.ungc .sec03 .l_cate3 .m_cate1 b {
	color: #0068b7;
	background: #dfeaf8;
}

.ungc .sec03 .l_cate3 .m_cate2 b {
	color: #45a97f;
	background: #e0f0eb;
}

.ungc .sec03 .l_cate5 .m_cate1 b {
	color: #fff;
	background: #0068b7;
}

.ungc .sec03 .l_cate5 .m_cate2 b {
	color: #fff;
	background: #00927b;
}


/* ------------------------------------------------------------
	dialog style（ステークホルダー・ダイアログ）
------------------------------------------------------------ */
/* ----------dialog_head---------- */
#contents.dialog .dialog_title {
	margin-bottom: 3px;
	font-size: 180%;
}


#contents.dialog .dialog_head2 {
	border-bottom: 1px solid #231815;
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 125%;
	font-weight: bold;
}

#contents.dialog .dialog_head3 {
	margin-bottom: 15px;
	font-size: 108%;
	font-weight: bold;
}

/* ----------dialog_grid---------- */
#contents.dialog .dialog_grid {
	width: 660px;
	overflow: hidden;
}

#contents.dialog .dialog_grid .box1 {
	float: left;
	width: 495px;
}

#contents.dialog .dialog_grid .box2 {
	float: right;
	width: 160px;
}

#contents.dialog .dialog_grid .col3,
#contents.dialog .dialog_grid .col4 {
	overflow: hidden;
	margin-bottom: 20px;
}

#contents.dialog .dialog_grid .col3 {
	width: 495px;
}

#contents.dialog .dialog_grid .col4 {
	width: 660px;
}

#contents.dialog .dialog_grid .col3 dl,
#contents.dialog .dialog_grid .col4 dl {
	float: left;
	width: 160px;
	margin-right: 6.6px;
}

#contents.dialog .dialog_grid .col3 dl.last,
#contents.dialog .dialog_grid .col4 dl.last {
	margin-right: 0;
}

.dialog_speech {
	position: relative;
}

.dialog_speech:after {
	content: "";
	display: block;
	clear: both;
}

.dialog_speech dt {
	width: 115px;
	padding: 3px 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #ccc;
	position: absolute;
	left: 0;
	box-sizing: border-box;
}

.dialog_speech dt.stakeholder_speech {
	background: #c70000;
}

.dialog_speech dt.ntn_speech {
	background: #0087d1;
}

.dialog_speech dd {
	min-height: 45px;
	padding-left: 125px;
	margin-bottom: 10px;
}

.four_theme_sec03 .list_undr_dlgspch {
	margin-left: 125px;
}

#contents .section p a {
	text-decoration: underline;
}

.dialog .four_theme_sec03 ul {
	margin-top: 15px;
}

#contents.dialog .dialog_grid .col3 dl h5,
#contents.dialog .dialog_grid .col4 dl h5 {
	font-size: 105%;
}

#contents.dialog .dialog_grid .col3 dl p,
#contents.dialog .dialog_grid .col4 dl p {
	font-size: 90%;
}



/* ------------------------------------------------------------
	governance style（ガバナンス）
------------------------------------------------------------ */

/* ------------------------------------------------------------
	governance_index style（社外取締役対談）
------------------------------------------------------------ */
.governance_index .sec01 {
	margin-bottom: 45px;
}

.governance_index h2.theme_title {
	margin-bottom: 25px;
}

.governance_index h2.theme_title img,
.governance_index h2.theme_title span {
	display: inline-block;
	vertical-align: middle;
}

.governance_index h2.theme_title img {
	width: 50px;
	height: auto;
}

.governance_index h2.theme_title span {
	font-size: 125%;
	padding-left: 10px;
	width: 90%;
}

.governance_index .section dt {
	float: left;
}

.governance_index .section dd {
	padding-left: 50px;
	margin-bottom: 40px;
}

.governance_index .sec02 dd .col_row,
.governance_index .sec04 dd .col_row {
	margin: 0;
	margin-bottom: -20px;
	padding: 0;
}

.governance_index .sec04 dd .col_row {
	margin-bottom: 40px;
}

.governance_index .sec02 dd .col_row .col-5,
.governance_index .sec02 dd .col_row .col-7,
.governance_index .sec04 dd .col_row .col-5,
.governance_index .sec04 dd .col_row .col-7 {
	margin: 0;
	padding: 0;
}

.governance_index .sec02 dd .col_row .col-5 .img-area,
.governance_index .sec04 dd .col_row .col-5 .img-area {
	margin-left: 10px;
}


.governance_index .sec06 dd.last_cate {
	padding-left: 100px;
	margin-bottom: 0;
}

.governance_index .sec06 dd.last_cate .img-area {
	text-align: left;
	margin-top: 15px;
}

.governance_index .section .tsuda {
	color: #0081CC;
	font-weight: bold;
}

.governance_index .section .nishimura {
	color: #ee7a34;
	font-weight: bold;
}

.governance_index .section .komatsu {
	color: #dc1dbf;
	font-weight: bold;
}

/* ------------------------------------------------------------
	governance_structure style（コーポレート・ガバナンス）
------------------------------------------------------------ */
.governance_structure .sec03 {
	margin-top: 20px;
}

.governance_structure .sec03 b {
	font-size: 145%;
}

.governance_structure .sec03 .img_head1 {
	margin-top: 30px;
}

.governance_structure .sec03 dl {
	display: inline-block;
	padding: 20px;
	margin-top: 5px;
	background: #e6e6e6;
	width: 312px;
}

.governance_structure .sec03 dt {
	font-size: 90%;
	float: left;
    width: 88px;
    text-align: right;
    clear: left;

}

.governance_structure .sec03 dd {
	font-size: 90%;
	width: 223px;
    float: left;
}

.governance_structure .sec03 .lead_title {
	margin-top: 20px;
}

.governance_structure .sec04 .note1s {
	margin-top: 15px;
}

.governance_structure .sec05 h4.img_head1 {
	margin-top: 20px;
}

.governance_structure .sec05 table {
	width: auto;
}

.governance_structure .sec05 table {
	margin-bottom: 20px;
}

.governance_structure .sec05 td {
	text-align: center;
	width: 200px;
}

.governance_structure .sec06 ul.btn_link {
	margin: 20px 0 20px;
}

.governance_structure .sec07 table {
	margin-bottom: 40px;
}

.governance_structure .sec07 td {
	padding: 12px;
}

.governance_structure .sec07 td li {
	font-size: 90%;
	line-height: 1.7;
	margin-bottom: 15px;
}

.governance_structure .sec07 td li ul {
	margin: 10px 0 0 15px;
}

.governance_structure .sec07 td:first-child {
	width: 50px;
}

.governance_structure .sec07 td:nth-child(2) {
	width: 150px;
}

.governance_structure .sec07 td ul.list02 {
	margin-top: 15px;
}

.governance_structure .sec08 ul {
	margin-left: 12px;
}

.governance_structure .sec08 ul.child {
	margin-left: 8px;
}

.governance_structure .sec08 ul.child li {
	padding-left: 12px;
	margin-bottom: 7px;
	position: relative;
}

.governance_structure .sec08 ul.child li:before {
	display: block;
	position: absolute;
	top: 0;
	left: -20px;
}

.governance_structure .sec08 ul.child li:nth-child(1):before {
	content: "（1）";
}

.governance_structure .sec08 ul.child li:nth-child(2):before {
	content: "（2）";
}

.governance_structure .sec08 ul.child li:nth-child(3):before {
	content: "（3）";
}

.governance_structure .sec08 ul.grandson {
	margin-left: 12px;
}

.governance_structure .sec08 ul.grandson li {
	line-height: 2;
	padding-left: 5px;
	position: relative;
}

.governance_structure .sec08 ul.grandson li:before {
	display: block;
	position: absolute;
	top: 0;
	left: -15px;
}

.governance_structure .sec08 ul.grandson li:nth-child(1):before {
	content: "ア";
}

.governance_structure .sec08 ul.grandson li:nth-child(2):before {
	content: "イ";
}

.governance_structure .sec08 ul.grandson li:nth-child(3):before {
	content: "ウ";
}

.governance_structure .sec08 ul.grandson li:nth-child(4):before {
	content: "エ";
}

.governance_structure .sec08 ul.grandson li:nth-child(5):before {
	content: "オ";
}

.governance_structure .sec08 ul.grandson li:nth-child(6):before {
	content: "カ";
}

.governance_structure .sec08 ul.grandson li:nth-child(7):before {
	content: "キ";
}

.governance_structure .sec08 ul.grandson li:nth-child(8):before {
	content: "ク";
}

.governance_structure .sec08 li {
	font-size: 95%;
}

.governance_structure .sec08 .lead_block {
	margin-bottom: 15px;
}


/* ------------------------------------------------------------
	governance_management style
------------------------------------------------------------ */
.governance_management .section p a {
	text-decoration: underline;
}
.governance_management ul.btn_link {
	margin-bottom: 50px;
}

.governance_management .sec02 .photo_wrap {
	margin: 0 auto;
	width: 278px;
}

/* ------------------------------------------------------------
	governance_internalcontrol style
------------------------------------------------------------ */
.governance_internalcontrol .section p a {
	text-decoration: underline;
}

.governance_internalcontrol .sec02 .photo_wrap {
	width: 350px;
	margin: 15px auto 0;

}

/* ------------------------------------------------------------
	governance_riskmanagement style（リスクマネジメント）
------------------------------------------------------------ */
.governance_riskmanagement .section p a {
	text-decoration: underline;
}

.governance_riskmanagement .line_long dd {
	font-size: 18px !important;
	line-height: 1.3;
}

.governance_riskmanagement ul.btn_link {
	margin-bottom: 50px;
}

.governance_riskmanagement .sec04 .photo_wrap {
	display: block;
	width: 320px;
	margin: 0 auto;
}


/* ------------------------------------------------------------
	governance_compliance style
------------------------------------------------------------ */
.governance_compliance .sec07 .content_wrap {
	border: 1px solid #dddddd;
	padding: 20px 30px 20px;
}

.governance_compliance .sec07 .content_wrap dl {
	display: inline-block;
}

.governance_compliance .sec07 .content_wrap dt {
	font-size: 90%;
	padding-left: 15px;

}

.governance_compliance .sec07 .content_wrap dd {
	font-size: 90%;
	padding-left: 30px;
}

/* ------------------------------------------------------------
	ic style
------------------------------------------------------------ */

/* ------------------------------------------------------------
	mc style
------------------------------------------------------------ */



/* ------------------------------------------------------------
	hc style
------------------------------------------------------------ */

/* ------------------------------------------------------------
	sc style（社会）
------------------------------------------------------------ */
.sc .flag_area {
	vertical-align: middle;
}




/* ------------------------------------------------------------
	sc_customer style（お客様との関係）
------------------------------------------------------------ */
.sc_customer>h1 {
	height: 41px;
	line-height: 1;
	padding: 9px 0 0 50px;
	background-repeat: no-repeat;
	background-image: url(../images/sc/customer/icon_pageTitle.png);
	position: relative;
}
.sc_customer>h1 .head_sub_fig {
	position: absolute;
	top: 0;
	right: 0;
}

.sc_customer h4.img_head1 {
	margin-top: 20px;
}

.sc_customer #tb2 {
	margin-bottom: 5px;
}

.sc_customer p.note1s {
	margin-top: 12px;
}

.sc_customer .car_sec .col-4 {
	width: 33%;
	padding: 0 5px;
}

.sc_customer .production_sec04 .photo_wrap {
	display: block;
}

.sc_customer .production_sec02 .photo_wrap,
.sc_customer .production_sec05 .photo_wrap {
	display: block;
	margin-top: 15px;
}

.sc_customer .production_sec05 {
	margin-top: 50px;
}

.sc_customer .sec06 th.tit {
	text-align: center;
}

.sc_customer .production_sec07 .img-area {
	margin: 30px 15px;
}

.sc_customer .sdgs {
	text-align: left;
}

.sc_customer .sec012 .photo_wrap {
	display: block;
	margin: 15px 0;
}

/* ------------------------------------------------------------
	sc_client style（取引先との関係）
------------------------------------------------------------ */
.sc_client>h1 {
	height: 41px;
	line-height: 1;
	padding: 9px 0 0 50px;
	background-repeat: no-repeat;
	background-image: url(../images/sc/client/icon_pageTitle.png);
	position: relative;
}
.sc_client>h1 .head_sub_fig {
	position: absolute;
	top: 0;
	right: 0;
	height: 44px;
}

.sc_client .section p a {
	text-decoration: underline;
}

/* ------------------------------------------------------------
	sc_community style（地域社会・国際社会との関係）
------------------------------------------------------------ */
.sc_community>h1 {
	height: 41px;
	line-height: 1;
	padding: 9px 0 0 50px;
	background-repeat: no-repeat;
	background-image: url(../images/sc/community/icon_pageTitle.png);
	position: relative;
}
.sc_community>h1 .head_sub_fig {
	position: absolute;
	top: 2px;
	right: 0;
	width: auto;
}

.sc_community > p {
	margin-bottom: 20px;
}

.sc_community > p a {
	text-decoration: underline;
}

.sc_community .sdgs {
	display: inline-block;
	margin-top: 15px;
   padding-bottom: 40px;
}

.sc_community .efforts_sec02 .col_row {
	margin: 0 0 20px 0;
}

.sc_community .efforts_sec02 .btn_link {
	margin: 25px 0 10px;
	padding: 0;
	vertical-align: top;
    text-align: center;
}

.sc_community .efforts_sec02 .btn_link li {
	vertical-align: middle;
}

.sc_community .efforts_sec04 .col_row .col-4 {
	padding-right: 0;
}

.sc_community .efforts_sec04 .col_row,
.sc_community .efforts_sec05 .col_row {
	margin-bottom: 30px;
}

.sc_community .bc {
	font-size: 140%;
}

/* ------------------------------------------------------------
	sc_employee（従業員との関係）
------------------------------------------------------------ */
.sc_employee>h1 {
	height: 41px;
	line-height: 1;
	padding: 9px 0 0 50px;
	background-repeat: no-repeat;
	background-image: url(../images/sc/employee/icon_pageTitle.png);
	position: relative;
}
.sc_employee>h1 .head_sub_fig {
	position: absolute;
	top: 0;
	right: 0;
	height: 44px;
}


/* ------------------------------------------------------------
	archive 2017 sc_employee（従業員との関係）
------------------------------------------------------------ */


.sc_employee .sec01 .lead_block {
	margin-top: 20px;
}

.sc_employee .sec02 table {
	margin-top: 15px;
}

.sc_employee .sec02 th {
	font-size: 100%;
	padding: 10px 0 0 10px;
	width: 170px;
}

.sc_employee .sec02 td {
	font-size: 90%;
	padding: 13px;

}

.sc_employee .sec02 td dd:first-of-type {
	margin-bottom: 15px;
}

.sc_employee .sec02 td .lead_block {
	padding: 0;
	margin: 0;
}

.sc_employee .sec04 .lead_block {
	margin-bottom: 25px;
}

.sc_employee .sec04 .lead_title {
	margin-bottom: 8px;
}

.sc_employee .sec06 {
	margin-top: 60px;
}

.sc_employee .sec06 > p {
	margin-top: 30px;
}

.sc_employee .sec06 .title {
	vertical-align: middle;
	margin-left: 2%;
	border: solid 2px #00b7ee;
	width: 98%;
	height: 40px;
}

.sc_employee .sec06 .title img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -30px;
	margin-left: -12px;
}

.sc_employee .sec06 .title b {
	font-size: 140%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -23px
}

.sc_employee .sec06 .l_cate strong {
	font-size: 140%;
	display: block;
	text-align: center;
	margin: 30px 0 10px;
}

.sc_employee .sec06 .l_cate1 strong {
	color: #008edf;
}

.sc_employee .sec06 .l_cate2 strong {
	color: #2c69f3;
}

.sc_employee .sec06 .l_cate .m_cate {
	padding: 3%;
}

.sc_employee .sec06 .l_cate1 .m_cate {
	background: #b3ddfe;
}

.sc_employee .sec06 .l_cate2 .m_cate {
	background: #c5d5f9;
}

.sc_employee .sec06 .l_cate ul {
	letter-spacing: -.4em;
}

.sc_employee .sec06 .l_cate li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
	width: 30%;
}

.sc_employee .sec06 .l_cate li:last-child {
	margin-right: 0;
}

.sc_employee .sec06 .l_cate dt {
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
	margin-bottom: 5px;
	background: #fff;
}

.sc_employee .sec06 .l_cate dd {
	font-size: 90%;
	line-height: 1.9;
}

.sc_employee .sec06 .l_cate dd img {
	margin-top: 10px;
}

.sc_employee .sec06 .img-area {
	margin-top: 10px;
}

.sc_employee .sec06 .s_cate {
	font-size: 85%;
	margin-top: 10px;
}

.sc_employee .sec07 .l_cate {
	text-align: center;
	margin-top: 25px;
}

.sc_employee .sec07 .l_cate2 h4,
.sc_employee .sec07 .l_cate2 p {
	text-align: left;
}

.sc_employee .sec07 .photo_wrap {
	display: block;
	margin-right: 10px;
	width: auto;
}

.sc_employee .sec07 .photo_wrap .cap {
	text-align: center;
}

.sc_employee .sec10 b {
	font-size: 125%;
}

.sc_employee .sec10 .col_row {
	margin-bottom: 15px;
}

.sc_employee .sec11 .col_row .cate1 {
	margin-top: 25px;
}

.sc_employee .sec13 b {
	font-size: 125%;
}

.sc_employee .sec13 .photo_wrap {
	margin: 30px auto 0;
	width: 51%;
}

.sc_employee .sec14 {
	padding: 10px 0 20px;
	background: #fff9e4;
}

.sc_employee .sec14 .cate {
	padding: 20px 0 20px 20px;
	border-bottom: dotted 1px #f17e19;
}

.sc_employee .sec14 .cate:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.sc_employee .sec14 li {
	font-size: 120%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.sc_employee .sec14 li p {
	color: #f17e19;
	font-weight: bold;
}

.sc_employee .sec14 li:last-child {
	margin-left: 30px;
}

.sc_employee .sec14 dt {
	font-size: 80%;
	text-align: left;
	float: left;
}

.sc_employee .sec14 dt span {
	color: #f17e19;
	margin-right: 5px;
}

.sc_employee .sec14 dd {
	font-size: 80%;
	text-align: left;
	padding: 0 0 10px 165px;
	margin-bottom: 10px;
	width: 310px;
	border-bottom: dashed 1px #cececc;
}

.sc_employee .sec14 dd:last-of-type {
	border-bottom: none;
}

.sc_employee .sec18 .lead_block {
	margin-bottom: 20px;
}

.sc_employee .sec18 .col-7 {
	padding: 0;
}

.sc_employee .sec18 .photo_wrap {
	display: block;
	margin: 15px 0 10px;
}

.sc_employee .sec19 .lead_block {
	margin-bottom: 20px;
}


/* ------------------------------------------------------------
	sc_investor（株主・投資家との関係）
------------------------------------------------------------ */
.sc_investor>h1 {
	height: 41px;
	line-height: 1;
	padding: 9px 0 0 50px;
	background-repeat: no-repeat;
	background-image: url(../images/sc/investor/icon_pageTitle.png);
	position: relative;
}

.sc_investor>h1 .head_sub_fig {
	position: absolute;
	height: 44px;
	width: auto;
	top: 0;
	right: 0;
}

.sc_investor .num_notes .note1s {
	margin-left: 1.9em;
}
.sc_investor .num_notes .note1s span {
	margin-left: -1.9em;
}

.sc_investor .section p a {
	text-decoration: underline;
}

.sc_investor .lssmall {
	letter-spacing: -0.03em;
}

.sc_investor .sec01 ul.btn_link {
	margin-top: 20px;
}

.sc_investor .sec01 .col_wrap {
	margin-top: 15px;
}

.sc_investor .sec03 b {
	font-size: 145%;
}

.sc_investor .sec04 .col_wrap {
	padding-left: 15px;
	border: solid 1px #cbcbcb;
}

.sc_investor .sec04 .bdrnone {
	padding-left: 0;
	border: none;
}

.sc_investor .sec04 .col-6 p.text_area {
	margin-top: 40px;
}


/* ------------------------------------------------------------
	environment style（環境方針）
------------------------------------------------------------ */
.environment .environment_lead {
	height: 559px;
	padding-top: 50px;
	background-position: top right;
	position: relative;
	box-sizing: border-box;
}

.environment .environment_lead .environment_lead_notes_wrap {
	width: 380px;
	padding: 15px;
	color: #fff;
	box-sizing: border-box;
}

.environment .environment_lead .environment_lead_notes {
	width: 350px;
}

.environment .environment_lead .note1s {
	position: absolute;
	bottom: 8px;
	left: 445px;
}

/* ------------------------------------------------------------
	environment_policy style（環境基本方針）
------------------------------------------------------------ */
.environment_policy>h1 {
	position: relative;
	height: 41px;
	line-height: 1;
	padding: 9px 0 0 50px;
	background-repeat: no-repeat;
	background-image: url(../images/environment/management-system/icon_pageTitle.png);
}
.environment_policy>h1 .head_sub_fig {
	position: absolute;
	height: 44px;
	width: auto;
	top: 0;
	right: 0;
}



/* ------------------------------------------------------------
	environment2 style（環境マネジメント）
------------------------------------------------------------ */

/* ------------------------------------------------------------
	operation style（事業活動と環境負荷）
------------------------------------------------------------ */

/* ------------------------------------------------------------
	co2 style（地球温暖化防止）
------------------------------------------------------------ */
.environment_co2 .sec07 .photo_wrap {
	width: 507px;
    margin: 0 auto;
}

/* ------------------------------------------------------------
	contribution style（環境貢献製品）
------------------------------------------------------------ */
.environment_contribution .sec02 .crcl_num {
	display: inline-block;
	background: #1CB9EE;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	line-height: 1.7;
	vertical-align: middle;
	margin: 0 3px;
}

/* ------------------------------------------------------------
	biodiversity style（生物多様性の保全）
------------------------------------------------------------ */

/* ------------------------------------------------------------
	3r style（資源保護）
------------------------------------------------------------ */

/* ------------------------------------------------------------
	chemical style（環境負荷物質の管理・削減）
------------------------------------------------------------ */

/* ------------------------------------------------------------
	sitereport style（サイト別環境データ以下共通）
------------------------------------------------------------ */
#contents.sitereport h3.head2_dotline {
	background-image: url(../../../../images/dotline_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: auto;
}

#contents.sitereport h3.no_dotline {
	background-image: none;
	margin-bottom: 5px!important;
	padding-bottom: 5px!important;
}

#contents.sitereport_2018 h3.head2_dotline {
	background-image: url(../../../../images/dotline_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#contents.sitereport_2018 h3.no_dotline {
	background-image: none;
	margin-bottom: 5px!important;
	padding-bottom: 5px!important;
}

#contents.sitereport dl.acdn .tb_pdf1 {
	margin-bottom: 20px;
}

/* ----------grid2---------- */

#contents.sitereport .grid2 .sr_box1 {
	float: left;
	width: 485px;
}

#contents.sitereport .grid2 .sr_box2 {
	float: right;
	width: 155px;
}

#contents.sitereport_archive .grid2 .sr_box1 {
	float: left;
	width: 485px;
}

#contents.sitereport_archive .grid2 .sr_box2 {
	float: right;
	width: 155px;
}

/* ----------data_tb3---------- */

#contents.sitereport .tb_data3 th {
	width: 100px;
}

/* ----------data_tb2---------- */

#contents.sitereport .tb_data2 th.cell_head {
	text-align: left;
}

#contents.sitereport .tb_data2 td {
	padding-right: 20px;
	text-align: right;
}

#contents.sitereport .tb_data2.verification td {
	padding-right: 8px;
	text-align: center;
}

#contents.sitereport .tb_data2.verification td.cell_item {
	width: 180px;
	text-align: left;
}

#contents.sitereport .tb_data2 .cell_item {
	width: 200px;
	font-weight: normal;
	padding-left: 18px;
	text-align: left;
}

#contents.sitereport_archive .tb_data2 th.cell_head {
	text-align: left;
}

#contents.sitereport_archive .tb_data2 td {
	padding-right: 20px;
	text-align: right;
}

#contents.sitereport_archive .tb_data2.verification td {
	padding-right: 8px;
	text-align: center;
}

#contents.sitereport_archive .tb_data2.verification td.cell_item {
	width: 180px;
	text-align: left;
}

#contents.sitereport_archive .tb_data2 .cell_item {
	width: 200px;
	font-weight: normal;
	padding-left: 18px;
	text-align: left;
}


/* ------------------------------------------------------------
	nc style
------------------------------------------------------------ */
/* ------------------------------------------------------------
	nonfinance style（非財務データ）
------------------------------------------------------------ */
.nonfinance .head_icon img {
	vertical-align: middle;
}

.nonfinance .bg2:after {
	content: "";
	display: block;
	clear: both;
}

.nonfinance .head_sub {
	float: right;
	padding-top: 8px;
	font-size: 80%;
	font-weight: normal;
	vertical-align: middle;
}

.nonfinance .target_ntn { color: #0080cc;}
.nonfinance .target_domestic { color: #f39700;}
.nonfinance .target_abroad { color: #4b4848;}

.nonfinance .target_icon_block {
	margin-left: 370px;
}

.nonfinance .target-section {
	width: 355px;
}

.nonfinance .target_icon_area {
	text-align: center;
	width: 20px;
}
.nonfinance .target_value {
	text-align: right;
}

.nonfinance .nonfinance .cell_start {
	width: 355px;
}

.nonfinance .section a {
	text-decoration: underline;
}

.nonfinance .section td u {
	text-decoration: none;
}









/* ------------------------------------------------------------
	ntnreport style
------------------------------------------------------------ */

/* ----------grid2---------- */

#contents.ntnreport .grid2 .box1 {
	float: left;
	width: 491px;
}

#contents.ntnreport .grid2 .box2 {
	float: right;
	width: 154px;
}

#contents.ntnreport .grid2 .box2 img {
	border: 1px solid #999;
}

#contents.environment_co2 .grid2 .box1 {
	float: left;
	width: 491px;
}

#contents.environment_co2 .grid2 .box2 {
	float: right;
	width: 154px;
}

#contents.environment_co2 .grid2 .box2 img {
	border: 1px solid #999;
}

/* ----------tb1---------- */

#contents.ntnreport #tb1 {
	margin-bottom: 10px;
}

/* ----------grid4---------- */

#contents.ntnreport .grid4 .box {
	margin-bottom: 20px;
}

#contents.ntnreport .grid4 .thumb {
	margin-bottom: 5px;
}

#contents.ntnreport .grid4 .thumb img {
	border: 1px solid #999;
}

#contents.ntnreport .grid4 .list_pdf {
	margin-left: 6px;
}

/* ----------link_head---------- */

#contents.ntnreport .link_head .list_link1 {
	right: 15px;
}

#contents.ntnreport table.tb_pdf2 {
	margin-bottom: 20px;
}

/* ------------------------------------------------------------
	target style（全社環境実績と目標、事業活動と環境負）
------------------------------------------------------------ */

/* ----------target_tb_unit1---------- */

.target .target_tb_head {
	position: relative;
	width: 660px;
}

.target .target_tb_head dl.target_tb_unit1 {
	position: inherit !important;
        float: right;
}

.target .target_tb_head .target_tb_unit1 dt {
	display: table-cell;
	width: 20px;
	padding-right: 5px;
	padding-left: 10px;
}

.target .target_tb_head .target_tb_unit1 dd {
	display: table-cell;
	vertical-align: top;
}

/* ----------target_tb---------- */

.target .target_tb .cell1 {
	width: 100px;
}

.target .target_tb .cell2 {
	width: 100px;
}

.target .target_tb .cell3 {
	width: 125px;
}

.target .target_tb .cell4 {
	width: 24px;
}

.target .target_tb .cell5 {
	width: auto;
}

.target .target_tb .cell6 {
	width: 100px;
}

.target .target_tb .cell7 {
	width: 20px;
	text-align: center;
}

/* ----------tb3---------- */

.target #tb3 {
	margin-bottom: 20px;
}

.target #tb3 td.cell1 {
	width: 1em;
	line-height: normal;
	text-align: center;
}

.target #tb3 td.cell2 {
	width: 140px;
}

.target #tb3 td.cell3,
.target #tb3 td.cell5 {
	text-align: right;
	white-space: nowrap;
}

/* .target #tb3 td.cell4 {
}

.target #tb3 td.cell6 {
} */

.target #tb3 td.cell7 {
	text-align: center;
	white-space: nowrap;
}

/* ----------tb4---------- */
.target #tb4 td.cell1 {
	white-space: nowrap;
}

.target #tb4 td.cell2,
.target #tb4 td.cell3 {
	text-align: right;
}

/* ----------tb5---------- */
.target #tb5 td.cell1 {
	width: 150px;
}

.target #tb5 td.cell2 {
	text-align: right;
	white-space: nowrap;
}


/* ----------idt_num---------- */

.target .idt_num {
	margin-left: 1em;
	text-indent: -1em;
}

/* ----------list_target_column1---------- */

.target .list_target_column1 dt {
	width: 20em;
	font-weight: bold;
}



.target .list_target_column1 {
	vertical-align: top;
}
.target .list_target_column1 th {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	font-size: 115%
}
.target .list_target_column1 td {
	text-align: left;
	padding: 5px 0 0;
	vertical-align: top;
	font-size: 115%
}
.target .list_target_column1 td.ttl {
	font-weight: bold;
	white-space: nowrap;
	padding-right: 30px;
}

.target .grid2 {
	width: 100%;
}

.target .grid2 div.photo_box_left {
	float: left;
	width: 320px;
}

.target .grid2 div.photo_box_right {
	float: right;
	width: 320px;
}

.target .grid2 .cap {
	display: block;
	margin-top: 10px;
	font-size: 100%;
	line-height: 1.4em;
	text-align: left;
}

.target .list_target_column1 .ttl {
	color: #0088d8;
}


/* ------------------------------------------------------------
	PDF LIST TABLE
------------------------------------------------------------ */
.tb_pdf1 td.cell_size {
	width: 230px;
}
.tb_pdf2 td.cell_size {
    width: inherit;
    white-space: nowrap;
}

/* ------------------------------------------------------------
	ARCHIVE
------------------------------------------------------------ */
.csr_archive h1 {
    margin-bottom: 40px;
}

.achiveList .sec {
    border: 2px solid #b0cdeb;
    width: 100%;
    background: url(../images/archive/bg_01.png);
    position: relative;
    margin-bottom: 20px;
}



/* ----------accordion---------- */
dl.acdn2 > dt span.bg2 {
	font-size: 15px;
}
dl.acdn2 > dt span {
	background: url(../../../../images/icon_plus.gif) no-repeat right center;
	padding-left: 20px;
	cursor: pointer;
}

dl.acdn2 > dt.active span.bg2 {
	background-image: url(../../../../images/icon_minus.gif);
}




/* clearfix
----------------------------------------------------- */
*:first-child+html .achiveList .sec {display: inline-block;} /* for IE7 */
.achiveList .sec:after {content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: .1px;
    font-size: .1em;
    line-height: 0;}
* html .achiveList .sec {display: inline-block;}
/* no ie mac \*/
* html .achiveList .sec {height: 1%;}
.achiveList .sec {display: block; clear: both;}
/* */

.achiveList .sec h2 {
    width: 220px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%); transform: translate(0, -50%);
    text-align: center;
}
.achiveList .sec h2 a:hover {
    text-decoration: none;
    opacity: .5;
}
.achiveList .sec h2 span {
    display: block;
    color: #003f6b;
    font-weight: bold;
    font-size: 16px;
    margin-top: 7px;
}
.achiveList .nav {
    float: right;
    width: 100%;
    margin-left: -220px;
    padding-left: 220px;
    box-sizing: border-box;
}
.achiveList .nav .navInner {
    border-left: 1px solid #b0cdeb;
    background: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.achiveList .nav .navInner ul {
    width: 50%;
    box-sizing: border-box;
}
.achiveList .nav .navInner ul:first-of-type {
    padding-right: 10px;
}
.achiveList .nav .navInner ul:last-of-type {
    padding-left: 10px;
}
.achiveList .nav .navInner li {
    margin: 0;
}
.achiveList .nav .navInner li a {
	background: url(../../../../images/icon_arrow_02.gif) no-repeat 0 6px;
    display: inline-block;
    color: #0000ee;
    padding-left: 15px;
}

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


.col04 {
	width: 100%;
}
.col04 > * {
  width : 23% ;
  width : -webkit-calc(calc(100% - 45px) / 4 );
  width : calc(calc(100% - 45px) / 4);
  margin-right: 15px;
  float: left;
  margin-bottom: 5px;
}
.col04 > *:nth-child(4n) {
  margin-right: 0;
}

.col04 img { max-width: 100%; }



#risk .list01 {
  margin-bottom: 25px;
}

#risk .list01 li {
font-size: 80%;
  padding-left: 1em;
  text-indent: -1em;
line-height: 1.3;
  margin-bottom: 5px;

}

#risk .list01 li:last-child {
	  margin-bottom: 0px;
}
#risk  .l_cate2 {
	margin: 10px 0;
}
#risk .ttl01 {
    text-align: center;
}
#risk .ttl01 p {
    color: #0068b7;
    background: #7ecef4;
    font-size: 125%;
    display: inline-block;
    padding: 0px 200px;
    position: relative;
    margin-bottom: 20px;
}
#risk .ttl01 p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid #7ecef4;
}
#risk .cor03 .ttl01 p {
	background-color: #cce198;
	color: #5b7f0d;
}
#risk .cor03 .ttl01 p:before {
  border-top: 5px solid #cce198;
}
#risk .ttl02 {
    text-align: center;
}

#risk .ttl02 p {
    color: #fff;
    background: #005bac;
    font-size: 130%;
    font-weight: bold;
    display: block;
    position: relative;
    margin-bottom: 20px;
}



.section>h3 {
	position: relative;
}

.section>h3 .head_sub_fig {
	position: absolute;
	right: 0;
	bottom: 3px;
}

.ntnschool {
	float: right;
}


.boxFig {
	margin: 0 130px 0px;
	display: block;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 10px;
}
.boxFig a,
.boxFigInner {
	width: 100%;
	display: block;
}


div.mtermplan .tb_data2 td.ttlFirst {
	background-color: #ededed;
	font-weight: bold;
}
div.mtermplan .tb_data2 td.second {
	background-color: #F9F9F9;
	font-weight: bold;
	text-align: left;
	padding-left: 18px;
}
div.mtermplan .tb_data2 td.txtFirst {
	background-color: #ebfaff;
}
div.mtermplan .tb_data2 td.txtLatestFirst {
	background-color: #fdecdf;
}
.boxPhotoLarge:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 28px;
	height: 28px;
	background: url(../images/governance/structure/icn_photo.png) no-repeat center center;
}
.boxFig img {
	width: 100%;
	height: auto;
}
#win {
	display: none;
}

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

clearfix

---------------------------------------- */
/* Modern Browsers
------------------------------- */
.col02:after,
.col03:after,
.col04:after,
.clearfix:after,
.imgSec01:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}

/* Legacy IE
------------------------------- */
.clearfix,
.imgSec01 {
  *zoom: 1;
}

#contents .idea_block_arrw {
	text-align: center;
	margin-bottom: 10px;
}
#contents .idea_block_arrw span {
	display: inline-block;
	width: 0;
	height: 0;
	border: 59px solid transparent;
	border-top-width: 27px;
	border-top-color: #8BB7DC;
	border-bottom: none;
}
.idea_goal_area a {
	display: block;
	width: 413px;
	margin: 0 auto;
}

.idea_goal_area a:hover {
	opacity: 0.7;
}
.idea_goal {
	text-align: center;
}
.idea_goal span {
	display: inline-block;
	min-width: 16em;
	background: #80CBF2;
	color: #fff;
	font-weight: 700;
	font-size: 184%;
	padding: 10px 30px;
	letter-spacing: .04em;
}

.idea_goal_2 {
	text-align: center;
}
.idea_goal_2 span {
	display: inline-block;
	min-width: 16em;
	background: #00B5EC;
	color: #fff;
	font-weight: 700;
	font-size: 184%;
	padding: 10px 30px;
	letter-spacing: .04em;
}

/* img Graph
------------------------------- */
.img_graph {
  text-align: center;
}
.img_graph img {
  width: 100%;
}

/* txt Flex
------------------------------- */
.txt_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}



.img-area.img_flex {
  display: flex;
}
.img-area.img_flex img {
  width: 50%;
  margin-right: 10px;
}


.comp_policy .com_ttl {
  text-align: center;
  padding: 10px 20px;
  background-color: #1E9FC6;
  color: #fff;
  max-width: 150px;
  margin: auto;
  font-size: 16px;
  position: relative;
}

.comp_policy .gray_box_area {
  padding: 55px 20px 35px;
  background-color: #eee;
  margin-top: -25px;
}
.comp_policy .gray_box_area h4 {
  font-weight: bold;
  font-size: 15px;
    max-width: 500px;
    margin: auto;
    font-weight: bold;
}
.comp_policy .gray_box_area ul {
  max-width: 500px;
  margin: auto;
  font-weight: bold;
}
.comp_policy .mete_ttl {
  position: relative;
    text-align: center;
    padding: 10px 20px;
    background-color: #1E9FC6;
    color: #fff;
    max-width: 150px;
    margin: 60px auto 0;
    font-size: 16px;
}
.comp_policy .mete_ttl::before {
  position: absolute;
  content: "";
  top: -45px;
  left: 30px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 60px 0 60px;
  border-color: #798a8f transparent transparent transparent;
}
.gray_blue_ttl {
  text-align: center;
  padding: 10px;
  font-size: 18px !important;
  margin: 40px 0 0;
  font-weight: bold;
  color: #5f9fd0;
  background-color: #efefef;
}
.gray_green_ttl {
  text-align: center;
  padding: 10px;
  font-size: 18px !important;
  margin: 40px 0 0;
  font-weight: bold;
  color: #84b951;
  background-color: #efefef;
}
.mate_table {
  width: 100%;
}
.mate_table th {
  background-color: #aaa;
  padding: 5px;
  text-align: center;
  color: #fff;
}

.mate_table td {
  border-bottom: 1px solid #ddd;
  padding: 5px;
}

.mate_table .green {
background-color: #8DC98B;
color: #fff;
width: 100%;
display: block;
padding: 15px 0px;
font-size: 14px;
text-align: center;
}
.mate_table .purple {
background-color: #BAABCB;
color: #fff;
width: 100%;
display: block;
padding: 15px 0px;
font-size: 14px;
text-align: center;
}
.mate_table .blue {
  background-color: #1E9FC6;
  color: #fff;
  width: 100%;
display: block;
padding: 15px 0px;
font-size: 14px;
text-align: center;
}

.table_list_ttl {
  width: 110px;
}

.mate_table a {
  color: #0000EE;
}
.img_icon_center {
  text-align: center;
}
.img_icon_center img {
  margin: 0 2px;
}

.mate_relation {
  margin-top: 40px;
  font-size: 10px;
}

.mate_relation tr {
  border-bottom: 1px dotted #B0CDEB;
}
.mate_relation th {
border: 1px solid #B0CDEB;
}
.mate_relation td {
  border: none;
  border-left: 1px solid #B0CDEB;
}
.mate_relation td.bor_left {
  border-left: none;
}

.mate_relation td.bor_right {
  border-right: none;
}

.mate_relation .blue_bk {
  background-color: #d2eeff;
}
.mate_relation .tbl_in_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mate_relation .tbl_in_list_space {
  margin-bottom: 110px;
}
.mate_relation .border_top_line {
  border-top: 1px solid #B0CDEB;
}

.valuechain.list_basic {
  max-width: 350px;
  margin: 10px auto 30px;
}
.valuechain.list_basic p {
  margin-right: 15px;
  margin-bottom: 10px;
  font-size: 18px;
}
.valuechain.list_basic p span {
  margin-right: 5px;
  vertical-align: bottom;
}

.valuechain.list_basic_type01 {
  margin: 10px 0 60px 20px;
}
.valuechain.list_basic_type01 .flex_lits {

  clear: both;
}
.valuechain.list_basic_type01 .flex_lits2 {

  clear: both;
}
.valuechain.list_basic_type01 .flex_lits p {
  float: left;
  width: 46%;
}
.valuechain.list_basic_type01 .flex_lits2 p {
  float: left;
  width: 100%;
}
.valuechain.list_basic_type01 p {
  margin-right: 15px;
  margin-bottom: 10px;
  font-size: 12px;
}
.valuechain.list_basic_type01 p span {
  margin-right: 5px;
  vertical-align: bottom;
}

.employee_div {
    padding: 10px;
}
.safty_ml_21 {
    display: inline-block;
    margin-left: 20px;
}

/* ----------Number li---------- */
/*①number list*/
.number_list_left li {
    position: relative;
    padding: 0px 0px 0px 20px;
    list-style: none;
}
.number_list_left li::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 100%;
}
.number_list_left li:nth-child(1)::before {
  content: "①";
}
.number_list_left li:nth-child(2)::before {
  content: "②";
}
.number_list_left li:nth-child(3)::before {
  content: "③";
}
/*＊1number list*/
.number_list_left2 li {
    position: relative;
    padding: 0px 0px 0px 30px;
    list-style: none;
}
.number_list_left2 li::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 100%;
}
.number_list_left2 li:nth-child(1)::before {
  content: "＊1";
}
.number_list_left2 li:nth-child(2)::before {
  content: "＊2";
}
.number_list_left2 li:nth-child(3)::before {
  content: "＊3";
}
.number_list_left2 li:nth-child(4)::before {
  content: "＊4";
}

.dot_list ul {
  list-style-type: disc;
  margin-left: 20px;
}

/* ----------csr_idea_index---------- */
td.title2 {
    background-color: #66ff66;
    text-align: center;
    font-weight: bold;
}
td.title1 {
    background-color: #daeef3;
    text-align: center;
    font-weight: bold;
}
td.title3 {
    background-color: #fabf8f;
    text-align: center;
    font-weight: bold;
}

/* ----------img max-width---------- */
.img_w120 {
    max-width: 120px !important;
}
.img_w150 {
    max-width: 150px !important;
}
.img_w200 {
    max-width: 200px !important;
}
.img_w300 {
    max-width: 300px !important;
}
.img_w400 {
    max-width: 400px !important;
}
.img_w500 {
    max-width: 500px !important;
}
.img_w600 {
    max-width: 600px !important;
    height: auto;
}
.img_w660 {
    max-width: 660px !important;
    height: auto;
}

.mright {
    margin-right: 8px;
}
.mleft {
    margin-left: 10px;
}

.align_right_span {
    position: absolute;
    right: 1em;
    z-index: 10;
}

/* ----------font color---------- */
.heading_blue {
	margin-bottom: 5px;
	font-size: 110%;
	color: #0086d1;
	font-weight: bold;
}
/* ----------＊---------- */
p.indent-1 {
padding-left: 1em;
text-indent: -1em;
}
p.indent-2 {
padding-left: 2em;
text-indent: -2em;
}
/* ----------single img---------- */
.single_img {
    width: 46%;
    margin: 0 auto 20px;
}

.blue_bk_policy {
  background-color: #d2eeff;
  margin-bottom: 10px;
  padding: 20px 20px;
}
.blue_bk_policy h3 {
  text-align: center;
  padding: 10px;
  font-size: 120%;
  color: #fff;
  background-color: #1f85c5;
  margin: -40px auto 0;
  max-width: 200px;
}
.blue_bk_policy p {
  margin-top: 20px;
}
.envo_table {
  width: 100%;
  border: 2px solid #aaa;
  margin-bottom: 50px;
}
.envo_table th {
  background: #898989;
  border: 1px solid #aaa;
  vertical-align: middle;
  color: #fff;
  padding: 5px 8px;
}
.envo_table td {
  border-bottom: 1px dotted #055888;
  border-left: 1px solid #aaa;
  padding: 10px;
}
.envo_table .tbl_bold_line {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.envo_table .table_blue_ttl {
  background: #5F9FD0;
  color: #fff;
  width: 27%;
  position: relative;
  padding-right: 40px;
}
.envo_table .table_blue_td {
  background: #CFE2F1;
  color: #000;
  width: 27%;
  position: relative;
}
.envo_table .table_blue_ttl.icon1::after {
 position: absolute;
 top: 9px;
 right: 210px;
 content: "";
 width: 33px;
 height: 30px;
 background: url(../images/idea/tbl_01.png) no-repeat center center;
 background-size: cover;
}
.envo_table .table_blue_ttl.icon2::after {
   position: absolute;
   top: 9px;
   right: 235px;
   content: "";
   width: 35px;
   height: 30px;
   background: url(../images/idea/tbl_02.png) no-repeat center center;
    background-size: cover;
}
.envo_table .table_blue_ttl.icon3::after {
   position: absolute;
   top: 8px;
   right: 235px;
   content: "";
   width: 35px;
   height: 30px;
  background: url(../images/idea/tbl_03.png) no-repeat center center;
   background-size: cover;
}
.envo_table .table_blue_ttl.icon4::after {
 position: absolute;
 top: 9px;
 right: 229px;
 content: "";
 width: 36px;
 height: 30px;
 background: url(../images/idea/tbl_04.png) no-repeat center center;
 background-size: cover;
}

.envo_table .first_bk {
  font-weight: bold;
  font-size: 110%;
}
.envo_table .tbl_bold_line_bot {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
/*text_lr*/
.vertical_lo {
    writing-mode: vertical-rl;
    text-align: center;
    }

.sub_ttl {
  margin-bottom: 10px;
}
.sub_ttl span {
  color: #0086d1;
}
.materiality_list {
  width: 100%;
  margin-bottom: 30px;
}
.materiality_list .fl {
  float: left;
  width: 30%;
}
.materiality_list .fl p {
  line-height: 1.2em;
  text-align: center;
    font-weight: bold;
    font-size: 120% !important;
    margin-bottom: 10px;
}
.materiality_list .fl span {
  font-size: 70%;
  display: block;
}
.materiality_list .flex_lits {
  float: left;
  width: 33%;
  margin-left: 0px;
  padding-right: 5px;
}
.materiality_list .flex_lits p {
  margin-bottom: 10px;
  float: left;
}
.materiality_list .flex_lits p img {
  float: left;
   margin-right: 5px;
}
.materiality_list .flex_lits .line_2 img {
  margin-top: 0px;
}
.materiality_list .flex_lits p span {

    vertical-align: bottom;
}
.tbl_in_number p {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.tbl_in_number.clearfix {
    padding: 10px 0 20px;
	width: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sasb_sec .tb_data2 {
  font-size: 82%;
}
.sasb_sec .tb_data2 td {
  text-align: left;
}

.sasb_sec .tb_data2 .tbl_number ul {
  padding-left: 10px;
}

.creation_txt {
    font-weight: bold;
}
.img_resize {
image-rendering: -webkit-optimize-contrast;
}
.img_tr {
    backface-visibility: hidden;
}

#contents .carbon_neutrality_target {
	max-width: 450px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid #000;
	border-radius: 6px;
}

#contents .carbon_neutrality_target_heading {
	font-size: 1.1rem;
	font-weight: bold;
}

#contents .carbon_neutrality_target_content {
	margin-left: .6em;
	margin-bottom: 0.5em;
	font-size: 1.2rem;
	color: #0066FF;
	font-weight: bold;
}

#contents .carbon_neutrality_target_content:last-child {
	margin-bottom: 0;
}

#contents .carbon_neutrality_target_content p {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6px;
	line-height: 1.5;
}
#contents .carbon_neutrality_target_content span {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 32px;
}
#contents .carbon_neutrality_target_content span::after {
	position: absolute;
	content: "";
	display: block;
	bottom: 4px;
	width: 100%;
	height: 1px;
	border-bottom: 2px solid #0066FF;
}
#contents .carbon_neutrality_target_content .carbon_neutrality_target_small_text {
	padding-bottom: 4px;
	font-size: .7rem;
	font-weight: normal;
}
#contents .carbon_neutrality_target_content .carbon_neutrality_target_middle_text {
	padding-bottom: 4px;
	font-size: .9rem;
}
/* 見出し4 */
.heading_4 {
	font-weight: bold;
	font-size: 120%;
}