@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*header
----------------------------------------------------*/
header{
	position:absolute;
	width:100%;
	background:#17485B;
	z-index:9999;
}

.box_head{
	width:1000px;
	height:50px;
	margin:0 auto;
}

.box_head h1,
.box_head p{
	float:left;
	width:245px;
	padding-top:15px;
	line-height:1.0;
}

.box_head ul{
	float:right;
	width:215px;
	padding:12px 0 0 5px;
}

.box_head ul li{
	float:left;
	margin-left:5px;
}

.box_head span{
	float:right;
	padding: 12px 0 0 10px;
}

#google{
	float:right;
	padding-top:12px;
}

#google_top{
	float:left;
	height:25px;
	border:1px solid #CCC;
}

#btn_search{
	margin:0;
	padding:0;
}


/*navigation
----------------------------------------------------*/
#nav{
	width:100%;
	background-color: rgba(40,150,200,0.85);
}

#nav ul{
	width:1000px;
	height:40px;
	margin:0 auto;
	clear:both;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	width:200px;
	height:40px;
	padding-top:8px;
	color:#FFF;
	text-align:center;
	display:block;
}

#nav ul li a:hover,
#nav ul li a.on{
	background:#17485B;
	text-decoration:none;
}

#nav ul li ul {
  position: absolute;
  top: 91px;/*親メニューの高さと同じにする*/
  width: 230px;
  background:none;
  z-index: 100;
}

#nav ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 230px;/*サブメニューの幅*/
  height: 0;
  background:#258AB8;/*サブメニューの背景色*/
  border-bottom:1px solid #007582;
  font-size:12px;
}

#nav ul li ul li a{
	width:230px;
	height:auto;
	padding:5px;
	padding-left:10px;
	text-align:left;
	display:block;
}

#nav ul li ul li.noBoader{
	border-bottom:1px solid #FFF!important;
}


#nav ul li ul li a:hover,
.menu ul li ul li a:hover {
  background:#17485B!important;
}

#nav ul li:hover ul li,
.menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:auto;
  z-index: 10;
}




#nav ul li ul li ul {
  position:absolute;
  top: 200px;
  left:326px;
  width: 276px;
  height:40px!important;
  background:none;
  z-index: 100;
}

#nav ul li ul li ul li {
  visibility: hidden!important;
  overflow: hidden!important;
  width: 276px;/*サブメニューの幅*/
  height:40px!important;
  background:#E5F1F2;/*サブメニューの背景色*/
  border:1px solid #007582;
}

#nav ul li ul li ul li:first-child{
	border-bottom:0;
}

#nav ul li ul li ul li a{
	width:274px;
	height:40px!important;
	padding-top:8px;
	text-align:center;
	display:block;
}

#nav ul li ul li ul li a:hover{
	width:274px;
	height:38px!important;
}

#nav ul li ul li ul li a:hover,
.menu ul li ul li ul li a:hover {
  background:#FFF!important;
}

#nav ul li ul li:hover ul li,
.menu ul li ul li a:hover ul li{
  visibility: visible!important;
  overflow: visible!important;
  height:40px;
  z-index: 10;
}


/*Contents layout
----------------------------------------------------*/
section{
	width:100%;
	padding:0 0 50px 0;
	display:block;
	clear:both;
}

section:after {
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

.contents{
	width:1000px;
	margin:0 auto;
}

.path{
	width:100%;
	margin:0 auto 80px auto;
	padding:10px 0;
	border-bottom:1px solid #DDD;
	display:block;
	clear:both;
	font-size:12px;
}

.path ul{
	width:980px;
	margin:0 auto;
	display:block;
	text-align:right;
}

.path ul li{
	display:inline;
}

.path ul li a{
	margin-right:5px;
	padding-right:15px;
	background:url(../../img/common/icon_link_green_s.png) no-repeat;
	background-position:right center;
	line-height:28px;
}

.path ul li.btn_policy{
	float:right;
}

.path ul li.btn_policy a{
	margin:0;
	padding:0;
	background:none;
}


/*main
----------------------------------------------------*/

/*top
------------------------------------*/
.slider{
	margin-bottom:100px;
}

.bxslider3 {
	overflow: hidden;
}
.bxslider3 .bxslider {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.bxslider3 ul li img {
	width: 100%;
	height: auto;
}
.bxslider3 ul li {
	opacity: 0;
}
.bxslider3 ul li.active {
	opacity: 1;
}
.bxslider3 .bx-viewport {
	overflow: visible !important;
}

.toppage h2{
	margin-bottom:30px;
	font-size:40px;
	font-weight:normal!important;
	color:#009391;
	text-align:center;
}

.box_top_csr{
	margin-bottom:60px;
	padding:60px 0;
	background:url(../img/bg_top_csr.jpg) no-repeat center;
	background-size:cover;
}

.box_top_csr ul{
	width:1000px;
	margin:0 auto;
	padding-bottom:80px;
	text-align:center;
}

.box_top_csr ul li{
	float:left;
	width:180px;
	margin:0 0 0 25px;
	background:#B59D6B;
}

.box_top_csr ul li:nth-child(1){
	margin:82px 0 0 0;
}

.box_top_csr ul li:nth-child(2){
	margin-top:7px;
}

.box_top_csr ul li:nth-child(3){
	margin-top:113px;
}

.box_top_csr ul li:nth-child(4){
	margin-top:46px;
}

.box_top_csr ul li:nth-child(5){
	margin-top:0;
}

.box_top_csr ul li img{
	display:block;
}

.box_top_csr ul li a p{
	width:180px;
	color:#FFF;
	display:table;
}

.box_top_csr ul li a p span{
	height:80px;
	vertical-align:middle;
	display:table-cell;
}

.box_top_csr p.btn_special{
	width:800px;
	margin:0 auto;
	border:1px solid #FFF;
	font-size:28px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	display:block;
}

.box_top_csr p.btn_special a{
	padding:6px 10px 10px 10px;
	background:url(../img/bg_btn_special.png) no-repeat center;
	letter-spacing:4px;
	color:#FFF;
	display:block;
}

.box_tetra{
	float:left;
	width:25%;
}

.box_tetra img{
	width:100%;
	height:auto;
}

.box_tetra h3{
	margin:0;
	padding:6px;
	text-align:center;
	font-size:14px;
	color:#FFF;
}

.box_tetra:nth-child(2) h3{
	background:#006E8E;
}

.box_tetra:nth-child(3) h3{
	background:#9E4E62;
}

.box_tetra:nth-child(4) h3{
	background:#58904D;
}

.box_tetra:nth-child(5) h3{
	background:#AB9D1B;
}

.box_tetra a p{
	padding:10px;
	font-size:12px;
	color:#333!important;
  	transition-property: all;
 	transition: 0.3s linear;
}

.box_tetra:nth-child(2) a:hover p{
	background:#006E8E;
	color:#FFF!important;
}

.box_tetra:nth-child(3) a:hover p{
	background:#9E4E62;
	color:#FFF!important;
}

.box_tetra:nth-child(4) a:hover p{
	background:#58904D;
	color:#FFF!important;
}

.box_tetra:nth-child(5) a:hover p{
	background:#AB9D1B;
	color:#FFF!important;
}

.box_bana_stateholder{
	padding:40px;
	background:#F1F1F1;
	text-align:center;
}

.box_bana_stateholder ul{
	width:670px;
	margin:0 auto;
}

.box_bana_stateholder ul li{
	float:left;
	width:315px;
	height:60px;
	margin:0 10px;
	background:#17485B;
}

.box_bana_stateholder ul li a{
	width:313px;
	height:60px;
	padding:17px 0 0 55px;
	color:#FFF;
	display:block;
}

.box_bana_stateholder ul li:nth-child(1) a{
	background:url(../img/icon_stakeholder01.gif) no-repeat 5px center;
}

.box_bana_stateholder ul li:nth-child(2) a{
	background:url(../img/icon_stakeholder02.gif) no-repeat 5px center;
}


/*共通設定
------------------------------------*/
.pagetitle{
	padding:70px 0 0 0;
}

.pagetitle h1{
	margin:0;
	padding:0;
	font-size:40px;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#17485B;
	line-height:1.0;
}

.pagetitle p{
	margin-left:0;
	padding-top:10px;
	font-weight:bold;
	line-height:1.4;
}

h2.about{
	margin-bottom:40px;
	background:#17485B;
	font-size:30px;
	font-weight:500;
	color:#FFF;
}

h2{
	margin-bottom:40px;
	font-size:30px;
	font-weight:500;
	color:#17485B;
}

h2 span{
	font-size:0.8em;
}


h3.about{
	margin-bottom:15px;
	padding:3px 10px;
	background:#FFF;
	font-size:22px;
	font-weight:500;
	color:#17485B;
}

h3{
	margin-bottom:15px;
	padding:3px 10px;
	background:#17485B;
	font-size:22px;
	font-weight:500;
	color:#FFF;
}

h4{
	margin-bottom:15px;
	padding:3px 10px;
	background:#727171;
	font-size:16px;
	font-weight:500;
	color:#FFF;
}

h5{
	font-size:14px;
	color:#1D86BF;
}

.kakomi{
	margin-bottom:30px;
	padding:10px;
	border:2px dotted #727171;
	border-radius:10px;
}

.caption{
	margin-bottom:10px;
	padding-top:5px;
	text-align:right;
	font-size:12px;
	display:block;
}

.kakomi2{
	margin-bottom:30px;
	padding:20px;
	border:1px solid #000;
}

.table_normal{
	margin-bottom:30px;
	border:2px solid #999!important;
}

.table_normal th,
.table_normal td{
	padding:5px;
	border:1px solid #999;
	font-weight:normal;
}

.table_normal .th_lv1{
	border:1px solid #FFF;
	background:#898989;
	color:#FFF;
}

.table_normal .th_lv2{
	background:#17485B;
	color:#FFF;
}

.ul_list{
	margin-bottom:30px;
}

.ul_list li{
	margin-bottom:5px;
	padding-left:20px;
	background:url(../img/common/icon_list.png) no-repeat left 7px;
}

.ul_underline{
	margin-bottom:30px;
}

.ul_underline li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #DDD;
}

.link{
	padding-left:12px;
	background:url(../img/common/icon_link_green_s.png) no-repeat left 0.55em;
}

.link_web{
	min-height:25px;
	padding-left:32px;
	background:url(../img/common/icon_web.png) no-repeat;
	background-position:left center;
}

.box_half_left{
	float:left;
	width:475px;
}

.box_half_right{
	float:right;
	width:475px;
}

.box_1-2_left{
	float:left;
	width:310px;
}

.box_1-2_right{
	float:right;
	width:650px;
}

.box_2-1_left{
	float:left;
	width:650px;
}

.box_2-1_right{
	float:right;
	width:310px;
}

.box_tri{
	float:left;
	width:310px;
	margin:0 35px 25px 0;
}

.box_tri a{
	display:block;
}

.box_tri_right a{
	display:block;
}

.box_tri_right{
	float:right;
	width:310px;
	margin:0 0 25px 0;
	/*padding:9px 0;
	border-top:1px solid #CBD9DA;
	border-bottom:1px solid #CBD9DA;*/
}

.box_tri_right img{
	margin:0 auto;
	display:block;
}

.box_tri_right .txt{
	padding-top:5px;
	font-size:12px;
	color:#333!important;
}

.box_tri .link,
.box_tri_right .link{
	padding-left:15px;
	background:url(../img/common/icon_link_green_s.png) no-repeat;
	background-position:left 0.6em;
}

.box_bana{
	position:relative;
	border:3px solid #B7B7B7;
}

.ttl_data{
	margin-bottom:20px;
	padding:10px;
	border:1px solid #CCC;
	text-align:center;
	font-size:16px;
	color:#333;
}

.ttl_data span{
	font-size:28px;
	font-weight:bold;
	color:#0C9C9F;
}


/*rinen
------------------------------------*/
.rinen h2{
	padding:70px 0 30px 0;
	font-size:30px;
}

.rinen p{
	margin-bottom:50px;
	font-size:16px;
}

.box_rinen img{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}

.loupe {
	background-color:#555;
	background:rgba(0, 0, 0, 0.25);
	border:5px solid rgba(0, 0, 0, 0);
}


/*greeting
------------------------------------*/
.pagetitle_greeting{
	height:500px;
	background:url(../img/csr/bg_greeting_header.jpg) no-repeat center 60px;
}

.pagetitle_greeting .contents{
	padding:40px 0 0 550px;
}

.pagetitle_greeting h1{
	margin-bottom:5px;
	padding-top:20px;
	font-size:46px;
	font-weight:bold;
	color:#999;
}

.pagetitle_greeting p{
	margin-bottom:30px;
	font-size:18px;
	color:#17485B;
}

.pagetitle_greeting p span{
	padding-left:15px;
	font-size:15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.pagetitle_greeting h2{
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
	color:#000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.pagetitle_greeting .right{
	width:28em;
}

.pagetitle_greeting .right p{
	font-size:12px;
	font-weight:normal;
	color:#333;
}

.pagetitle_greeting .right p img{
	width:150px;
	height:auto;
	padding-top:10px;
}

.greeting h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #17485B;
}

.greeting h3{
	padding:10px 0 10px 25px;
	background:url(../img/csr/bg_ttl_greeting.gif) no-repeat left center;
	background-size:40px;
	font-size:24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #17485B;
}

.greeting .box_left{
	float:left;
	width:650px;
}

.greeting .box_right{
	float:right;
	width:300px;
}


/*special
------------------------------------*/
.special p{
	padding:0 0 50px 0;
	font-size:16px;
}

.box_special img{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}

.loupe {
	background-color:#555;
	background:rgba(0, 0, 0, 0.25);
	border:5px solid rgba(0, 0, 0, 0);
}


/*csr
------------------------------------*/
.csr{
	background:url(../img/field/bg_header.jpg) no-repeat center top;
}

.pagetitle_csr .contents{
	padding:100px 0 50px 0;
}

.pagetitle_csr h1{
	padding:20px 0;
}

.ttl_about{
	margin-bottom:40px;
	padding:3px 10px;
	background:#224165;
	font-size:26px;
	font-weight:500;
	color:#FFF;
}

.box_about ul{
	margin-bottom:60px;
}

.box_about ul li{
	float:left;
}

.box_closeup{
	padding:10px 30px 30px 30px;
	border:1px solid #003B87;
	border-radius:5px;
	background:url(../img/csr/bg_closeup.jpg) no-repeat right top;
}

.box_closeup h3{
	margin-bottom:20px;
	padding:0;
	background:none;
	font-size:26px;
	color:#003B87;
}

.box_closeup h4{
	padding:0;
	background:url(../img/csr/bg_ttl_closeup.gif) center;
}

.box_closeup h4 span{
	padding:5px 10px;
	background:#003B87;
	display:inline-block;
}

.box_closeup .box_2-1_left{
	width:610px;
}


/*business
-------------------------*/
ol{
	padding:0;
	counter-reset:my-counter;
	list-style:none;
}

ol li{
	position:relative;
	margin:0 0 10px 0;
	padding-left:2.8em;
}

ol li:before{
	float:left;
	width: 1.8em;
	height: 1.8em;
	margin-left: -3.0em;
	margin-right:0.5em;
	margin-top:0.3em;
	border-radius: 50%;
	content:counter(my-counter);
	counter-increment:my-counter;
	background-color:#F01212;
	color:#FFF;
	font-size:0.8em;
	line-height:1.8;
	text-align:center;
	vertical-align:middle;
	display:block;
}

.box_foreign .color_green li:before{	background-color:#25A34D; }

.box_foreign .color_blue{ counter-reset:my-counter 8; }
.box_foreign .color_blue li:before{ background-color:#1373B4; }

.box_foreign .color_orange{ counter-reset:my-counter 17; }
.box_foreign .color_orange li:before{ background-color:#F18D00; }

.box_foreign .color_brown{ counter-reset:my-counter 23; }
.box_foreign .color_brown li:before{	background-color:#DC9D2A; }

.box_foreign .color_black{ counter-reset:my-counter 31; }
.box_foreign .color_black li:before{	background-color:#727171; }

.box_japan .color_green li:before{	background-color:#25A34D; }

.box_japan .color_blue{ counter-reset:my-counter 23; }
.box_japan .color_blue li:before{ background-color:#1373B4; }

.box_japan .color_red{ counter-reset:my-counter 33; }
.box_japan .color_red li:before{ background-color:#DF323C ; }

.box_japan .color_orange{ counter-reset:my-counter 40; }
.box_japan .color_orange li:before{ background-color:#F18D00; }

.box_japan .color_brown{ counter-reset:my-counter 48; }
.box_japan .color_brown li:before{	background-color:#BF9B00; }

.box_japan .color_black{ counter-reset:my-counter 56; }
.box_japan .color_black li:before{	background-color:#727171; }


h3.color_green,
h3.color_blue,
h3.color_red,
h3.color_orange,
h3.color_brown,
h3.color_black{
	padding:0;
	background:none;
	font-weight:bold;
}


/*company
-------------------------*/
.ecosystem{
	background:url(../img/csr/bg_header_ecosystem.jpg) no-repeat center top;
}

.metalmine{
	background:url(../img/csr/bg_header_metalmine.jpg) no-repeat center top;
}

.electronics{
	background:url(../img/csr/bg_header_electronics.jpg) no-repeat center top;
}

.metaltech{
	background:url(../img/csr/bg_header_metaltech.jpg) no-repeat center top;
}

.sermotech{
	background:url(../img/csr/bg_header_sermotech.jpg) no-repeat center top;
}

.csr_company h1{
	padding:0 0 20px 270px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
	font-weight:500;
	color:#000;
}

.csr_company h1 span{
	padding:10px 0;
	font-size:0.7em;
	font-weight:700;
	display:block;
}

.ecosystem h1 span{
	color:#19A24D;
}

.metalmine h1 span{
	color:#0F73B4;
}

.electronics h1 span{
	color:#DF353B;
}

.metaltech h1 span{
	color:#EA7F27;
}

.sermotech h1 span{
	color:#DC9D2A;
}

.box_company{
	margin-bottom:30px;
}

.box_company dl{
	margin-bottom:12px;
	border:1px solid #898989;
	display:table;
}

.box_company dl dt{
	width:208px;
	padding:20px;
	background:#898989;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

.box_company dl dd{
	width:790px;
	padding:20px;
	color:#898989;
	display:table-cell;
}

.box_plan{
	margin-bottom:70px;
	padding:20px 30px;
	color:#FFF;
}

.ecosystem .box_plan{
	background:#19A24D;
}

.metalmine .box_plan{
	background:#0F73B4;
}

.electronics .box_plan{
	background:#DF353B;
}

.metaltech .box_plan{
	background:#EA7F27;
}

.sermotech .box_plan{
	background:#DC9D2A;
}

.box_plan h3{
	margin-bottom:10px;
	padding:0;
	background:none;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
}

.box_plan ul li{
	padding:0 0 5px 20px;
	background:url(../img/common/icon_list_white.png) no-repeat left 7px;
}

.box_plan ul li.circle{
	padding:0 0 5px 20px;
	background:url(../img/common/icon_list_white_circle.png) no-repeat left 7px;
}

.ttl_company{
	background:url(../img/common/bg_ttl_company.gif);
}

.ttl_company span{
	padding:10px;
	background:#FFF;
	font-weight:700;
	color:#17485B;
}


/*plan
------------------------------------*/
.table_plan{
	margin-bottom:20px!important;
}

.table_plan td{
	color:#17485B;
}

.table_plan td.black{
	color:#000;
}

.th_lv4{
	border-bottom:4px solid #17485B!important;
}

.th_lv5{
	background:#F1F1F1;
	border-bottom:4px solid #17485B!important;
}

.border{
	border-bottom:4px solid #17485B!important;
}

.border-dash{
	border-bottom:2px dashed #17485B!important;
}

.table_plan .th_lv1 a{
	width:4em;
	margin:5px auto 0 auto;
	padding:2px 6px;
	background:#FFF;
	display:block;
}


/*field共通
------------------------------------*/
.bg_field{
	margin-bottom:50px;
	padding:50px 0;
	background:#17485B;
	color:#FFF;
}

.bg_field h2{
	position:relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#FFF;
}

.bg_field h2 span{
	position:relative;
	top:-3px;
	margin-right:1em;
	padding:5px 8px;
	background:#B59D6B;
	font-size:1em;
	line-height:1.0;
	display:inline-block;
}

.bg_field h3{
	font-size:20px;
	font-weight:700;
}

.bg_field .link_web{
	color:#FFF;
}

.ttl_field{
    padding: 0;
    background: none;
	font-size:20px;
	font-weight:700;
	color:#000;
}

.box_voice{
	position:relative;
	margin-bottom:50px;
	padding:20px 20px 70px 20px;
	background:linear-gradient(to right, #66C6E7, #2F7BBF);
	border-radius:10px;
}

.box_voice_inner{
	padding:20px;
	border:1px solid #FFF;
	border-radius:10px;
	color:#FFF;
}

.box_voice h3{
	margin-bottom:0;
	padding:0 0 0 50px;
	background:url(../img/field/bg_box_voice_ttl.png) no-repeat left center;
	font-size:34px;
	line-height:1.2;
}

.box_voice h3 span{
	color:#003366;
}

.box_voice_inner p{
	float:left;
	width:800px;
}

.ph_voice{
	position:absolute;
	bottom:20px;
	right:20px;
	width:350px;
	text-align:right;
	line-height:1.2;
}

.ph_voice img{
	margin:0 10px 5px auto;
	display:block;
}

.box_csrpolicy{
	margin-bottom:30px;
	padding:20px 0;
	background:#F1F1F1;
}

.box_csrpolicy h2{
	float:left;
	width:180px;
	margin-bottom:0;
	font-size:28px;
	font-weight:normal;
	color:#FFF!important;
	line-height:1.4;
	line-height:3em;
}

.box_csrpolicy h2 span{
}

.ul_policy{
	float:left;
	width:740px;
	margin-left:20px;
	
}

.ul_policy li{
    padding-left: 28px;
    background: url(../img/common/icon_list.png) no-repeat left 0.55em;
    font-size: 0.9em;
}

.ttl_sinchoku{
	margin-bottom:15px;
	padding:20px 0 0 0;
	font-size:28px!important;
	line-height:1.0;
}

.ttl_progress{
	padding:0;
	padding-left:24px;
	background:url(../img/common/icon_list.png) no-repeat left center;
	font-size:18px;
	line-height:1.0;
	color:#17485B;
}

.ttl_progress span{
	padding:0!important;
	background:none!important;
	font-size:22px;
	color:#17485B;
}

.table_progress{
	border:0!important;
}

.table_progress th,
.table_progress td{
	border-left:0;
	border-right:1px dotted #999;
	color:#17485B;
}

.table_progress th:last-child,
.table_progress td:last-child{
	border-right:0;
}

.table_normal .ar{
	width:6em;
	border-right:0;
	background:url(../img/field/icon_ar.png) no-repeat center;
}

.table_normal .br0{
	border-right:0!important;
}

.field h2{
	font-size:34px;
}

.field h4{
	margin-bottom:15px;
	padding-top:16px;
	font-size:20px;
	background:url(../img/common/bg_ttl_company.gif) repeat-x;
	color:#17485B;
}

.field h4 span{
	padding-left:24px;
	background:url(../img/common/icon_list.png) no-repeat left center;
}

.field h5{
	font-size:18px;
	font-weight:normal;
	color:#000;
}
.iro{
    color: #06ABAD !important;
}

.field .kakomi2 dl{
	margin-bottom:15px;
}

.field .kakomi2 dl dt{
	float:left;
	width:120px;
	background:#666;
	font-weight:normal!important;
	text-align:center;
	color:#FFF!important;
}

.field .kakomi2 dl dd{
	float:right;
	width:820px;
}

.box_panel{
	position:relative;
	border:1px solid #B7B7B7;
	display:block;
}

.box_panel .box_left{
	position:relative;
	float:left;
	width:300px;
	overflow:hidden;
}

.box_panel .box_left img{
	position:absolute;
}

.box_panel .box_right{
	float:left;
	width:696px;
	padding:33px 30px 30px 30px;
	background:#FFF;
	overflow:hidden;
}

.box_panel .box_right h2 a{
	margin-bottom:20px;
	padding:5px 0 10px 0;
	font-size:22px;
	font-weight:500;
	line-height:1.0;
	display:block;
}

.box_panel ul{
	float:left;
	width:50%;
}

/*.safety .box_panel ul li{
	line-height:2.9;
}*/

.box_panel ul li .link{
	padding-left:18px;
	background:url(../img/field/icon_link_panel.jpg) no-repeat left center;
}

.box_panel ul li ul li{
	padding-left:1em;
}

.box_topics{
	padding:20px;
	border:1px solid #224165;
	border-radius:10px;
}

.box_topics h3{
	background:none;
}

.box_topics h4{
	padding:0;
	background:none;
	color:#224165;
}

.box_topics .box_left{
	float:left;
	width:670px;
}

.box_topics .box_right{
	float:right;
	width:250px;
}

.box_topics .box_right img{
	width:100%;
	height:auto;
	margin-bottom:15px;
	display:block;
}


/*governance
------------------------------------*/
.governance{
	background:url(../img/field/bg_header_governance.jpg) no-repeat center 60px;
}

.pagetitle_governance{
	height:400px;
	padding:150px 0 50px 0;
}

.pagetitle_governance h1{
	padding:0 0 15px 260px;
	font-size:75px;
	color:#006D8D;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.0;
}

.pagetitle_governance h1 span{
	padding:0 0 0 20px;
	font-size:18px;
}

.pagetitle_governance p{
	padding:0 0 0 260px;
	color:#333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.6;
}

.governance .box_csrpolicy{
	margin-bottom:50px;
	padding:20px 0;
	background:#F1F1F1;
}

.governance .box_csrpolicy h2 span{
	padding:5px 15px;
	background:#006E8E;
	font-size: 0.6em;
}
}

.governance .table_progress .th_lv3{
	border-right:1px dotted #999;
	background:none!important;
	color:#2578BE!important;
}

.governance .table_progress .th_lv5{
	border-right:0;
	border-bottom:1px solid #999!important;
	background:#D7E6EC;
}

.governance .kakomi_governance{
	margin-bottom:30px;
	padding:20px;
	border:1px solid #000;
}

.governance .kakomi_governance h3{
	text-align:center;
}

.governance .kakomi_governance dl{
	margin-bottom:15px;
}

.governance .kakomi_governance dl dt{
	float:left;
	width:150px;
	padding:15px;
	background:#F1F1F1;
	text-align:center;
}

.governance .kakomi_governance dl dd{
	float:right;
	width:780px;
}

.governance .kakomi_governance ol{
	padding:0;
	counter-reset:my-counter;
	list-style:none;
}

.governance .kakomi_governance ol li{
	position:relative;
	margin:0 0 10px 0;
	padding-left:2.8em;
}

.governance .kakomi_governance ol li:before{
	float:left;
	width: 1.8em;
	height: 1.8em;
	margin-left: -3.0em;
	margin-right:0.5em;
	margin-top:0.3em;
	border-radius: 0;
	content:counter(my-counter);
	counter-increment:my-counter;
	background-color:#17485B;
	color:#FFF;
	font-size:0.8em;
	line-height:1.8;
	text-align:center;
	vertical-align:middle;
	display:block;
}

.governance .kakomi_governance li:before{	background-color:#25A34D; }
.governance .kakomi_governance .roudou{ counter-reset:my-counter 2; }
.governance .kakomi_governance .kankyo{ counter-reset:my-counter 6; }
.governance .kakomi_governance .huhai{ counter-reset:my-counter 9; padding-top:13px; }


/*safety
------------------------------------*/
.safety{
	background:url(../img/field/bg_header_safety.jpg) no-repeat center 60px;
}

.pagetitle_safety{
	height:400px;
	padding:150px 0 50px 0;
}

.pagetitle_safety h1{
	padding:0 0 15px 260px;
	font-size:75px;
	color:#9E4E62;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.0;
}

.pagetitle_safety h1 span{
	padding:0 0 0 20px;
	font-size:18px;
}

.pagetitle_safety p{
	padding:0 0 0 260px;
	color:#333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.6;
}

.safety .box_csrpolicy{
	margin-bottom:50px;
	padding:20px 0;
	background:#F1F1F1;
}

.safety .box_csrpolicy h2 span{
	padding:5px 15px;
	background:#9E4E62;
	font-size: 0.6em;
}

.safety .table_progress .th_lv3{
	border-right:1px dotted #999;
	background:none!important;
	color:#9E4E62!important;
}

.safety .table_progress .th_lv5{
	border-right:0;
	border-bottom:1px solid #999!important;
	background:#F0DEDD;
}

.safety .table_safety{
	border:1px solid #FFF;
	border-collapse: separate;
	border-radius:10px;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	border-spacing: 0;
}

.safety .table_safety th{
	padding:15px;
	border:0;
	border-bottom:1px solid #FFF;
	background:#59838C;
	text-align:center;
}

.safety .table_safety td{
	padding:15px;
	border:0;
	border-bottom:1px solid #FFF;
}

.safety .table_safety thead th{
	border-radius:8px 8px 0 0; 
}

.safety .table_safety tbody tr:last-child td:last-child{
	border-radius:0 0 8px 0;
}

.safety .table_safety tbody tr:last-child td{
	border-bottom:0; 
}

.safety .table_safety .ul_list{
	margin-bottom:0;
}

.safety .table_safety .ul_list li{
	background:url(../img/common/icon_list_white.png) no-repeat left center;
}

.safety .table_safety .ul_list li.circle{
	background:url(../img/common/icon_list_white_circle.png) no-repeat left center;
}

.safety .table_safety strong{
	font-size:1.2em;
}

.safety .box_voice_inner p{
	float:left;
	width:920px;
	padding-left:130px;
}

.safety .ph_voice{
	left:20px;
	text-align:left;
}

.safety .ph_voice img{
	margin:0 auto 5px 10px;
}


/*environment
------------------------------------*/
.environment{
	background:url(../img/field/bg_header_governance.jpg) no-repeat center 60px;
}

.pagetitle_environment{
	height:400px;
	padding:150px 0 50px 0;
}

.pagetitle_environment h1{
	padding:0 0 15px 260px;
	font-size:75px;
	color:#58904D;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.0;
}

.pagetitle_environment h1 span{
	padding:0 0 0 20px;
	font-size:18px;
}

.pagetitle_environment p{
	padding:0 0 0 260px;
	color:#333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.6;
}

.environment .box_csrpolicy{
    margin-bottom: 50px;
    padding: 20px 0;
    background: #F1F1F1;
    font-size: 18px;
}

.environment .box_csrpolicy h2{
	padding-top:10px;
}

.environment .box_csrpolicy h2 span{
    padding: 5px 15px;
    background: #58904D;
    font-size: 0.6em;
}

.environment .table_progress .th_lv3{
	border-right:1px dotted #999;
	background:none!important;
	color:#2578BE!important;
}

.environment .table_progress .th_lv5{
	border-right:0;
	border-bottom:1px solid #999!important;
	background:#E7EBDF;
}

.environment .ph_voice{
	right:10px;
}

.bg_inputoutput{
	margin-bottom:30px;
	background:url(../img/field/bg_inputoutput.jpg) repeat-x bottom;
}

.bg_inputoutput img{
	margin:0 auto;
	display:block;
}

.environment .kakomi_environment{
	margin-bottom:30px;
	padding:20px;
	border-radius:10px;
	background:#DCE1F2;
	color:#224165;
}

.environment .kakomi_environment h4{
	width:400px;
	margin:0 auto 20px auto;
	padding:5px;
	border-radius:10px;
	background:#224165;
	text-align:center;
	color:#FFF;
}

.environment .kakomi_environment2{
	margin-bottom:50px;
	padding:70px 80px 60px 40px;
	background:url(../img/field/bg_environment_kakomi.gif) no-repeat top center;
}

.environment .kakomi_environment2 .box_left{
	float:left;
	width:420px;
}

.environment .kakomi_environment2 .box_right{
	float:right;
	width:420px;
}

.environment .kakomi_environment2 h3{
	padding:0 10px;
	font-size:18px;
}


/*social
------------------------------------*/
.social{
	background:url(../img/field/bg_header_social.jpg) no-repeat center 60px;
}

.pagetitle_social{
	height:400px;
	padding:150px 0 50px 0;
}

.pagetitle_social h1{
	padding:0 0 15px 260px;
	font-size:75px;
	color:#AB9D1B;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.0;
}

.pagetitle_social h1 span{
	padding:0 0 0 20px;
	font-size:18px;
}

.pagetitle_social p{
	padding:0 0 0 260px;
	color:#333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.6;
}

.social .box_csrpolicy{
	margin-bottom:50px;
	padding:20px 0;
	background:#F1F1F1;
}

.social .box_csrpolicy h2 span{
	padding:5px 15px;
	background:#AB9D1B;
	font-size: 0.6em;
}

.social .table_progress .th_lv3{
	border-right:1px dotted #999;
	background:none!important;
	color:#2578BE!important;
}

.social .table_progress .th_lv5{
	border-right:0;
	border-bottom:1px solid #999!important;
	background:#EBE8D4;
}

.social .box_voice_inner p{
	float:left;
	width:900px;
	padding-left:150px;
}

.social .ph_voice{
	left:20px;
	text-align:left;
}

.social .ph_voice img{
	margin:0 auto 5px 10px;
}

.social .kakomi_social{
	margin-bottom:50px;
	padding:20px;
	border:2px solid #CCC;
	border-radius:10px;
}

.social .kakomi_social h5{
	width:600px;
	margin:0 auto 15px auto;
	background:#025F66;
	color:#FFF;
	text-align:center;
}

.social .kakomi_social .ul_list li{
    background: url(../img/common/icon_list_gray.png) no-repeat left 7px;
}

.social .ttl_social_activity{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:2px dotted #999;
	color:#17485B;
}

.table_society .th_lv2_diagonal1{
	border-right:1px solid #FFF!important;
	background:#17485B url(../img/field/bg_society_th1.png) no-repeat!important;
	color:#FFF!important;
}

.kakomi_social2{
	padding:20px;
	border-radius:10px;
	background:#DCE1F2;
	color:#17485B;
}


/*stakeholder
------------------------------------*/
.pagetitle_opinion .contents{
	padding: 80px 0 35px 0!important;
}

.pagetitle_opinion h2{
	position:relative;
	padding-top:5px;
	margin-bottom:0!important;
	font-size:26px;
	font-weight:normal;
}

.pagetitle_opinion h2 span{
	position:absolute;
	top:14px;
	left:21.5em;
	margin-left:15px;
	padding:5px 12px;
	background:#898989;
	font-size:0.5em;
	color:#FFF;
	line-height:1.0;
	vertical-align:middle;
}

.stakeholder .th_lv1{background:#008FA0!important; text-align:center; font-weight:bold;}
.stakeholder .th_lv2{background:#E6E6E6!important; color:#000; text-align:center; font-weight:bold; border: 1px solid #999;}
.stakeholder .th_lv3{background:#D3D3D3!important; color:#000; text-align:center; font-weight:bold; border: 1px solid #999;}
.stakeholder .td_ES{background:#D6EACE!important; color:#00873B; text-align:center; font-weight:bold;}
.stakeholder .td_EL{background:#F9D1D3!important; color:#D0000A; text-align:center; font-weight:bold;}
.stakeholder .td_MM{background:#BAD0EC!important; color:#0062A7; text-align:center; font-weight:bold;}
.stakeholder .td_MT{background:#FAD3BC!important; color:#CF7119; text-align:center; font-weight:bold;}
.stakeholder .td_TH{background:#FFF3C2!important; color:#A19600; text-align:center; font-weight:bold;}
.stakeholder .td_HD{background:#E6E6E7!important; color:#595656; text-align:center; font-weight:bold;}

.stakeholder td.center{
	font-size:0.8em;
	text-align:center;
}

.stakeholder td span{
	margin-right:3px;
	padding:0 3px;
	background:#F2683B;
	border-radius:3px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
}

.box_opinion_right{
	float:right;
	width:710px;
}

.box_opinion_left{
	float:left;
	width:250px;
}

.box_opinion_right p{
	padding-left:30px;
}

.box_opinion_left .kakomi{
	padding:15px!important;
	border-radius:0;
	background:#17485B;
	color:#FFF!important;
}

.stakeholder h4{
	color:#287F91;
}

.box_kakomi_stakeholder{
	padding:20px;
	border:1px solid #028EA0;
}

.box_kakomi_stakeholder strong{
	padding-left:18px;
	background:url(../img/common/icon_list_circle.png) no-repeat left center;
}

.opinion h3{
	margin-bottom:10px;
	padding:0 0 0 55px;
	border:0;
	background:url(../img/stakeholder/bg_ttl_opinion.gif) no-repeat left center;
	font-size:20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	color:#17485B;
}


.box_opinion_prof{
	margin-bottom:10px;
}

.box_opinion_prof p{
	padding-left:8px;
	color:#333;
}

.box_opinion_prof .ttl_company{
	background:none;
	border-bottom:1px solid #999;
}

.box_opinion_prof strong{
	font-size:22px;
	font-weight:bold;
	line-height:1.2;
}

.opinion .kakomi{
	margin-bottom:0;
	padding:0;
	border:0;
	color:#333;
}


/*sitemap
------------------------------------*/
.sitemap h3{
	font-size: 16px;
}

.sitemap .box_tri_right{
	float:right;
	width:310px;
	margin:0 0 25px 0;
	padding:0;
	border:0;
}

.sitemap ul li ul{
	margin-bottom:0.5em;
}

.sitemap ul li ul li{
	margin-left:0em;
}


/*page navi
--------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 65px;
	right: 25px;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#page-top a {
	width:60px;
	height:60px;
	background:url(../../img/common/btn_pagetop.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display: block;
}
#page-top a:hover {
	opacity:0.50;
	filter: alpha(opacity=50);
}

.pagenavi{
	margin-bottom:30px;
	padding-bottom:40px;
}

.pagenavi ul{
	padding:10px 0 50px 0;
	border-top:1px solid #DDD;
}

.pagenavi ul li.next{
	float:right;
}

.pagenavi ul li.prev{
	float:left;
}


/*footer
----------------------------------------------------*/
footer{
	background:#17485B;
	font-size:12px;
	line-height:1.2;
	color:#FFF;
}

.box_footer_left{
	float:left;
	width:618px;
	padding:10px 0;
}

.box_footer_left img{
	margin:0 20px 15px 0;
}

.box_footer_left a{
	font-size:13px;
	color:#FFF;
	line-height:1.8;
}

.box_footer_left p{
	font-size:11px;
}


footer ul{
	float:left;
	width:372px;
}

footer ul li{
	float:left;
	margin:0 0 0 1px;
}


@media all and (-ms-high-contrast: none) {

    h1,h2,h4,strong,
	.environment .kakomi_environment2 h3{
        padding-top: 5px;
    }
	
	h3,h4,strong,
	.box_closeup h4 span,
	.bg_field h2 span,
	.ttl_progress,
	.field h4 span,
	.opinion h3{
        padding-top: 8px;
    }
	
	.ttl_about,
	.environment .kakomi_environment h4{
        padding-top: 10px!important;
	}
	
	.box_csrpolicy h2 span{
        padding-top: 11px!important;
    }
	
	.greeting h3{
        padding-top: 15px!important;
	}
	
	.box_csrpolicy h2{
        padding-top: 0!important;
	}
	
	
	
}