h3.title{
font-weight: bold;
}
h3.title02{
font-weight: bold;
}
.panel_default.declaration {
margin-bottom: 20px;
}
#message {
margin-bottom: 30px;
}
#plan {
margin-bottom: 20px;
}
.declaration .pane {
border: 1px solid #CCC;
padding: 28px 30px 30px;
font-size: 16px;
}
.declaration .pane.first {
margin-top: 40px;
}
.declaration .list_number li {
position: relative;
margin-bottom: 16px;
padding-left: 28px;
padding-top: 2px;
}
.declaration .list_number li:last-child {
margin-bottom: 0;
}
.declaration .intro {
margin-top: -5px;
margin-bottom: 15px;
}
.box_about {
background-color: #F5F0E9;
padding: 27px 30px 27px 34px;
margin-bottom: 28px;
position: relative;
line-height: 1.6;
}
.box_about h3 ,
.box_about .name
.box_about p {
background-color: #F5F0E9;
}
.box_about .photo {
display: block;
margin: -120px 0 10px 10px;
float: right;
}
.box_about h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.box_about .name {
margin-bottom: 10px;
}
.box_about h4 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#safety_plan {
margin-bottom: 22px;
}
#safety_plan .panel_title {
margin-bottom: 15px;
}
.management {
font-size: 16px;
}
.management p {
margin-bottom: 24px;
}
.management .file {
display: inline-block;
margin-bottom: 10px;
background: url(/global/common/images/bullet.png) no-repeat 0 8px;
padding-left: 10px;
margin-top: 17px;
text-decoration: underline;
}
.management .file:hover {
text-decoration: none;
}
.box_gray {
background: #f2f3f5;
padding: 20px;
}
/***********************************\
*	wide-ranging-group-operations 	*
\***********************************/
.produce {
font-size: 16px;
margin-bottom: 17px;
padding: 2px 0;
}
.produce.box_gray{
margin-bottom: 0;
}
.panel_body .link {
border-bottom: 1px solid #CCC;
padding-bottom: 12px;
margin-bottom: 15px;
}

.panel_body .link a {
display: inline-block;
text-decoration: underline;
background: url(/global/common/images/bullet.png) no-repeat 0 10px;
padding-left: 10px;
}

.csr_overview .panel_index, .csr_environment .panel_environment, .csr_supplychain .panel_supplychain {
  background-color:#0473bd !important;
}

.group_operations .company {
background: #F2F3F5;
padding: 17px 21px 20px;
margin-bottom: 20px;
}
.group_operations .company .row {
background: #FFF;
margin-bottom: 10px;
}
.group_operations .company .image {
float: left;
width: 300px;
}
.group_operations .company .image-w {
float: left;
width: 409px;
padding: 15px 20px 0 20px;
}
.group_operations .company .image-w p {
font-size: 14px;
margin-bottom: 10px;
}
.group_operations .company .image-w:last-child {
width: 389px;
padding: 15px 20px 0 0;
}
.group_operations .company .description {
float: left;
font-size: 13.5px;
width: 498px;
padding: 15px 20px 0 20px;
}
.group_operations .company .description .tit,
.group_operations .company .tit-wrgo{
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.mt40 {
margin-top: 40px;
}
.group_operations .company .row .tit {
font-size: 16px;
font-weight: bold;
padding: 15px 0 0 20px;
margin-bottom: 0;
}
.group_operations .new_business {
margin-bottom: 20px;
}
.block_about {
margin-bottom: 40px;
overflow: hidden;
}
.block_about.segment {
margin-bottom: 54px;
}
.block_about.segment .produce {
margin-bottom: 11px;
}
.block_about ul {
text-align: center;
}
.new_business .title {
margin-bottom: 9px;
}
.new_business ul li {
margin: 0 8px;
}
.new_business ul li,
.block_about ul li {
display: inline-block;
vertical-align: top;
}
.block_about ul li {
width: 200px;
margin: 0 6px;
}
.new_business ul li .thumb,
.block_about ul li .thumb {
display: block;
}
.new_business ul li p,
.block_about ul li p {
font-size: 12px;
margin-top: 2px;
text-align: left;
}
.group_operations .company.distribution {
margin-bottom: 20px;
}
.group_operations .company.real_estate {
padding-bottom: 30px;
}
.group_operations .company.other {
padding-bottom: 30px;
padding-top: 25px;
}

/***********************************\
/* railway-operations style
\***********************************/
#operation .link {
border:none;
}
#operation .chart{
width:620px;
margin:auto;
margin-bottom:20px;
}
#operation .environment-info {
font-size:95%;
text-indent: -3em;
margin-left: 3em;
}

table.data_1 {
margin-bottom: 0;
width: 100%;
}

table.data_1 th {
padding: 10px;
border: 1px solid #dcdcdc;
border-collapse: collapse;
padding-left: 100px;
width: 60%;
text-align: left;
background-color: #dfeaf7;
}

table.data_1 td {
padding: 10px;
border: 1px solid #dcdcdc;
border-collapse: collapse;
width: 40%;
text-align: center;
background-color: #fffde4;
}

table.data_2 {
margin-bottom: 0;
width: 100%;
}

table.data_2 th {
padding: 10px;
border: 1px solid #dcdcdc;
border-collapse: collapse;
width: 25%;
text-align: center;
background-color: #dfeaf7;
}

table.data_2 .area {
padding: 10px;
border: 1px solid #dcdcdc;
border-collapse: collapse;
padding-left: 20px;
width: 50%;
text-align: left;
background-color: #fdede3;
}
table.data_2 .time {
padding: 10px;
border: 1px solid #dcdcdc;
border-collapse: collapse;
padding-left: 20px;
width: 25%;
text-align: left;
background-color: #fffde4;
}
/***********************************\
*	   Corporate Organization      	*
\***********************************/
#organization .panel_heading .panel_title small{
font-size:80%;
font-weight:normal;
}
/***********************************\
*	    Corporate Overview         	*
\***********************************/
#overview .heading span small {
font-size: 80%;
font-weight: normal;
padding-left: 5px;
}
#overview .block_about table th,td {
font-size:16px;
}
#overview .block_about table th {
width:35%;
text-align:right;
padding:15px 30px 15px 0;
border-right:solid 1px;
border-color:#999999;
}
#overview .block_about table td {
text-align:left;
padding:15px 0px 15px 30px;
}
/***********************************\
*	          CSR               	*
\***********************************/
.pane.csr .pict_csr{
width:140px;
margin:20px 0 8px 0;
}
.pane.csr .description{
font-size: 13.5px;
width: 620px;
margin-left:109px;
}
#coexistence .txt .tit,
.pane.csr .description .tit {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
/* 	Coexistence with Local Communities   */
.pane.csr.coexistence{
clear:both;
padding-top:10px;
}

#coexistence .txt {
width:660px;
float:left;
margin-right:20px;
}
#coexistence .pict{
width:140px;
float:right;
}

/*  environment   */
#environment .panel_body .pane.csr #concept{
margin-bottom:10px;
}
table.environment{
margin-bottom:8px;
width:100%;
font-size:90%;
}

table.environment,
table.environment th,
table.environment td{
border:1px solid #dcdcdc;
border-collapse:collapse;
}

table.environment th,
table.environment td{
padding:10px;
vertical-align:middle;
text-align:center;
}

table.environment td{
padding-right:10px;
padding-left:10px;
}

table.environment .blue{
background-color:#d9ecf8;
}

table.environment .align_left{
text-align:left;
}
.pane.csr .environment-info{
font-size:90%;
}
.pane.csr .environment-info li{
text-indent: -1em;
margin-left: 1em;
padding-bottom:3px;
}
.pane.csr .pict_csr{
width:140px;
margin:20px 0 8px 0;
}
#environment .panel_body .graph{
margin-top:20px;
}
#environment .panel_body  .graph li {
width: 303px;
margin: 0 40px 0 0;
}
#environment .panel_body .graph li p {
font-size:13pt;
font-weight:bold;
}
#environment .panel_body  .graph .row{
margin-bottom: 1em;
}
#environment .box_gray {
margin-bottom:40px;
font-size:95%;
}
#environment .block_about ul li {
width: auto;
margin: 0;
}
.environment_tbl th {
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  background-color: #C2DCF7;
  line-height: 1.25;
  padding: 10px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
}
.environment_tbl td {
  border-bottom:1px solid #cfcfcf;
  padding: 10px;
  vertical-align: middle;
  font-size: 14px;
}

/*  supplychain   */
.csr_supplychain .panel_body .link {
  border: none;
}
.csr_supplychain .panel_body h4.heading {
  background-color: #C2DCF7;
  font-size: 16px;
	padding: 9px 10px 9px 11px;
  margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	clear: both;
}
.csr_supplychain .panel_body h4.title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 15px;
  position: relative;
  clear: both;
}
.csr_supplychain .panel_body h4.title::before {
  content: "■";
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
  font-weight: bold;
}
.csr_supplychain .panel_body .caution {
  margin-top: 10px;
}
.csr_supplychain .panel_body .link a:hover {
  text-decoration: none;
}
.csr_supplychain .panel_body table.data {
	margin-bottom: 15px;
	margin-top: 15px;
	width: 100%;
}
.csr_supplychain .panel_body table.data,
.csr_supplychain .panel_body table.data th,
.csr_supplychain .panel_body table.data td {
	border: 1px solid #dcdcdc;
	border-collapse: collapse;
  font-size: 16px;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}
.csr_supplychain .panel_body table.data th {
	background-color: #f4f4f4;
	text-align: center;
}
.csr_supplychain .panel_body table.data th.left {
	text-align: left;
}
.csr_supplychain .panel_body .two-column-tables {
  display: flex;
  justify-content: space-between;
}
.csr_supplychain .panel_body .two-column-table {
    width: 410px;
}
.csr_supplychain .panel_body .two-column-table table.data th {
  text-align: left;
}
.csr_supplychain .panel_body .two-column-table table.data,
.csr_supplychain .panel_body .two-column-table table.data th,
.csr_supplychain .panel_body .two-column-table table.data td {
  font-size: 100%;
}
.csr_supplychain .panel_body .two-column-table table.data th,
.csr_supplychain .panel_body .two-column-table table.data td {
  padding: 7px 10px;
}

.initiatives .block_about .graph li p{
width: 300px;
}
.initiatives .block_about .graph li{
width:auto;
}
.initiatives .pane.crs .title02{
margin-bottom:10px;
}
.initiatives .produce.box_gray {
padding: 10px !important;
}


/* safety-transport */
/* #safety-transport common*/
#safety-transport.detail .pane{
margin-bottom: 40px;
}
#safety-transport .title{
color: #0473BD;
font-size: 18px;
font-weight: bold;
background: url(/global/common/images/bullet02.png) no-repeat 0 center;
padding-left: 15px;
margin-bottom: 15px;
}
#safety-transport .title.black{
color: #333;
background-image: url(/global/common/images/bullet03.png);
margin: 10px 0;
}
#safety-transport .lead{
margin-bottom: 24px;
}
#safety-transport .ancer-btn{
display: block;
width: 55%;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
background: url(/global/common/images/arrow_down.png) no-repeat 11px center #68afdc;
padding: 18px 11px 18px 29px;
margin: 10px 0 0;
float: right;
}
#safety-transport .annotation{
margin-top: 10px;
}
#safety-transport .annotation:before{
content: '*';
}

/* safety-transport index */
#safety-transport .txt{
margin-bottom: 15px;
}
#safety-transport .summary{
background-color: #E8F0f9;
padding: 10px 11px 0;
}
#safety-transport .summary-list{
overflow: hidden;
}
#safety-transport .summary-box{
float: left;
}
#safety-transport .summary-box a{
display: table;
box-sizing: border-box;
width: 406px;
color: #0473bd;
text-decoration: none;
background-color: #fff;
padding: 18px;
border: 3px solid #fff;
margin-bottom: 10px;
}
#safety-transport .summary-box a:hover{
border: 3px solid #0473bd;
}
#safety-transport .summary-box:nth-child(2n) a{
margin-left: 6px;
}
#safety-transport .summary-box img{
display: table-cell;
}
#safety-transport .summary-box h4{
display: table-cell;
width: 240px;
font-size: 16px;
font-weight: bold;
vertical-align: middle;
background: url(/global/common/images/arrow01.png) no-repeat left center;
padding-left: 18px;
}
#safety-transport .display_none{
display: none;
}

/* detail */
#safety-transport .cont_wrap{
background-color: #E8F0f9;
padding: 10px 11px;
overflow: hidden;
}
#safety-transport .cont_wrap.stripe{
background: url(/global/en/about-us/csr/service/safety-transport/images/common/stripe.gif);
}
#safety-transport .cont_wrap .inner{
background-color: #fff;
padding: 20px;
}

#safety-transport .sec_inner{
overflow: hidden;
}
#safety-transport .sec_inner:not(:last-child){
margin-bottom: 24px;
}
#safety-transport .sec_inner.column_2 .photo_wrap{
float: left;
margin-right: 12px;
}

#safety-transport .photo_wrap.column_2{
width: 100%;
margin: 10px 0;
overflow: hidden;
}
#safety-transport .photo_wrap.column_2 .column_box{
float: left;
width: 49%;
}
#safety-transport .photo_wrap.column_2 .column_box:nth-child(2n){
margin-left: 2%;
}
#safety-transport .photo_wrap.column_2 .column_box img{
width: 100%;
height: auto;
}
#safety-transport .photo_wrap .photo:not(:first-of-type){
margin-top: 10px;
}
/* flowbox */
#safety-transport .flowbox{
overflow: hidden;
background: url(/global/en/about-us/csr/service/safety-transport/images/common/bg_arrow.png) no-repeat 8px bottom;
padding-bottom: 20px;
margin-bottom: 15px;
}
#safety-transport .flowbox.blue{
background-image: url(/global/en/about-us/csr/service/safety-transport/images/common/bg_arrow2.png);
}
#safety-transport .flowbox:last-of-type{
background-image: none;
}
#safety-transport .flow_num{
width: 100%;
height: auto;
}
#safety-transport .flow_text{
font-size: 18px;
font-weight: bold;
color: #0473bd;
padding-bottom: 12px;
margin-left: 10px;
}
#safety-transport .flow_cont{
width: 97.75%;
border-left: 9px solid #dfdfdf;
float: right;
}
#safety-transport .flow_cont.blue{
border-color: #c7e5fd;
}
#safety-transport .flowbox:last-of-type .flow_cont{
border-color: transparent;
}
#safety-transport .flow_cont .inner{
width: 96%;
padding-top: 15px;
border-top: 1px dotted #ccc;
float: right;
}
#safety-transport .flow_cont .inner.column_2 .column_box{
float: left;
}
#safety-transport .flow_cont .inner ul{
text-indent: -1em;
padding-left: 1em;
}
#safety-transport .flow_cont .inner .text{
width: 77%;
}
#safety-transport .flow_cont .inner .comic{
margin-left: 2.25%;
}
#safety-transport .flow_cont .inner .comic .comic_icon_base{
position: relative;
display: block;
}
#safety-transport .flow_cont .inner .comic a{
text-decoration: none;
}
#safety-transport .flow_cont .inner .comic .icon{
position: absolute;
bottom: 0;
right: 0;
}
#safety-transport .flow_cont .inner .comic_wrap{
text-align: right;
margin-top: 15px;
}
#safety-transport .flow_cont .inner .comic_wrap.column_4{
text-align: center;
}
#safety-transport .flow_cont .inner .comic_wrap .comic{
display: inline-block;
width: 160px;
vertical-align: top;
}
#safety-transport .flow_cont .inner .comic_wrap .comic:first-of-type{
margin-left: 0;
}
#safety-transport .flow_cont .inner .comic_wrap .comic figcaption{
color: #333;
text-align: center;
margin-top: 5px;
}

/* safety_transport detail accident */
#safety-transport.accident .cont_wrap{
margin-bottom: 22px;
}

/* colorbox*/
.cboxPhoto{
width: 94% !important;
height: auto !important;
}
#cboxTitle{
width: 100%;
font-size: 1.25vmin;
text-align: left;
padding-left: 6.5%;
bottom: 0.5vh;
}
@media screen and (min-width: 1300px) {
#cboxTitle{
bottom: 1.5vh;
}
}


/* photo_with_text */
.photo_with_text_wrap.two_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.photo_with_text_wrap.two_column .photo_with_text{
  width: 49%;
}
.photo_with_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.photo_with_text .photo_with_text__text {
  margin-left: 10px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.photo_with_text_wrap.two_column .photo_with_text__photo {
  flex-shrink: 0;
  -ms-flex-negative: 0;
}

/* list_with_icon */

.list_with_icon li {
    font-size: 16px;
    font-weight: bold;
    background: url(/global/common/images/bullet03.png) no-repeat 0 center;
    padding-left: 15px !important;
    margin-bottom: 5px !important;
}


/***********************************\
*	          History              	*
\***********************************/
#history  .section{
font-size: 16px;
}
#history  .section.block_about{
overflow:hidden;
margin-bottom:40px;
}
#history .panel_body .section.block_about .with-pict-2 .date-2{
width:670px;
float:left;
}
#history .panel_body .section.block_about .with-pict-2 .pict-r{
width:140px;
margin:10px 10px 0 0;
}
#history table.date-2 th{
color:#0173bc;
font-weight:bold;
width:15%;
text-align:left;
padding:8px 0 8px 10px;
}
#history table.date-2 td{
padding:8px 0 8px 0;
}
#history .panel_body .pict-r p .pict-caption{
margin:5px 0 10px 0;
display:inline-block;
font-size:9pt;
}
#history .panel_body .section.block_about .sec_title{
clear:both;
}
.pict-r{
float:right;
}
#history .panel_body .section.block_about p{
padding-left:10px;
}
/***********************************\
*	    jr-west-in-motion        	*
\***********************************/
.panel_body .type_img.clearfix .img_item{
width:680px;
margin:15px auto;
}

/*=================================================
/* ida Add 2017.07
=================================================*/
.group_operations .company.new_business .image {
width: 193px;
}
.group_operations .company.new_business .description {
width: 598px;
}