@charset "UTF-8";
/**
 * 地域との共生の取り組み
 */
/* ==========================================================================
	タブ切り替え　/railroad/project/
========================================================================== */
.tabBox {
  background: url(/railroad/css/img/bg_tabBox.gif) #f2f3f5 repeat-x left top !important; }
  .tabBox ul {
    letter-spacing: -.40em;
    padding: 15px 0px 10px;
    text-align: center; }
    .tabBox ul li {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: middle;
      *display: inline;
      *zoom: 1;
      font-size: 100%;
      margin-right: 10px;
      vertical-align: top;
      line-height: 1.5 !important; }
      .tabBox ul li a {
        background-color: #FFF;
        border: 1px solid #cfd3d6;
        padding: 8px 35px;
        vertical-align: top;
        display: block;
        height: 18px; }
      .tabBox ul li a:hover {
        border: 1px solid #0073bc; }
      .tabBox ul li a.active {
        background: url(/railroad/css/img/bg_tab_active.gif) no-repeat center top !important;
        color: #FFF;
        border: none;
        height: 26px; }

/* ==========================================================================
	ハイライト　/company/action/training/
========================================================================== */
#main .highlight-box,
#main .nextstep-box {
  border-radius: 2px;
  margin-top: 25px;
  padding: 19px 29px 35px; }
  #main .highlight-box p,
  #main .nextstep-box p {
    font-size: 92.3076923077%;
    line-height: 1.67; }
  #main .highlight-box table,
  #main .nextstep-box table {
    margin-left: 30px;
    font-size: 84.6153846154%;
    line-height: 1.67; }

.highlight-box {
  background-color: #f3faff;
  border: 1px solid #99c6e5; }
  
.highlight-inner{
  padding-bottom:30px;
  border-bottom:dashed 1px #8a8a8a;
}

.nextstep-box {
  background-color: #f7f7f2;
  border: 1px solid #a28f60; }

.highlight-ttl {
  font-size: 123.0769230769%;
  font-weight: bold; }

.highlight-sttl {
  width: 570px; }
  .highlight-sttl span {
    font-size: 107.6923076923%;
    display: block; }

.highlight-ttl,
.highlight-sttl,
.nextstep-ttl,
.nextstep-sttl {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }

.highlight-sttl,
.nextstep-sttl {
  font-size: 135%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 15px; }
  .highlight-sttl span,
  .nextstep-sttl span {
    font-size: 87.5%; }

/* ==========================================================================
	3カラム　共通スタイルに有り
========================================================================== */
/* ==========================================================================
	地域との共生の取り組み
========================================================================== */
.news_ttl {
  margin: 40px 0px 16px 0px;
  border-bottom: 1px solid #cfd3d6; }
  .news_ttl h3 {
    font-weight: bold;
    float: left;
    font-size: 107.6923076923%; }
  .news_ttl p {
    float: right;
    font-size: 92.3076923077%; }

.news_box li {
  position: relative;
  padding-left: 9.5em;
  font-size: 100%;
  line-height: 2; }
  .news_box li span {
    position: absolute;
    left: 0;
    top: 0; }

.img3column {
  overflow: hidden;
  margin-bottom: -25px; }
  .img3column li {
    margin-bottom: 25px; }
    .img3column li .inner-caption {
      margin-top: 10px; }

.osk_sttl{
  font-weight: bold !important;
  font-size: 107.6923076923%; }

.highlight01 ul {
  letter-spacing: -0.4em; }
  .highlight01 ul li {
    width: 200px;
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 100%; }
    .highlight01 ul li:first-child {
      margin-left: 100px;
      margin-right: 40px; }
.highlight01 .morinoimya {
  border-radius: 2px;
  background: #c6e0f2;
  padding: 10px;
  margin-top: 16px;
  letter-spacing: -0.4em; }
  .highlight01 .morinoimya .img-fl,
  .highlight01 .morinoimya .txt-fr {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 100%; }
  .highlight01 .morinoimya .img-fl {
    width: 160px;
    margin-right: 20px; }
  .highlight01 .morinoimya .txt-fr {
    width: 230px; }

.highlight02 .img-l,
.highlight03 .img-l {
  width: 200px; }
.highlight02 .item-text,
.highlight03 .item-text {
  width: 440px; }
  .highlight02 .item-text p,
  .highlight03 .item-text p {
    line-height: 1.6 !important; }

.cooperation {
  border-radius: 2px;
  background: #c6e0f2;
  padding: 10px;
  margin-top: 16px;
  letter-spacing: -0.4em;
  background: url(img/bg_highlight02.gif) no-repeat center center #c6e0f2; }
  .cooperation li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1; }
    .cooperation li:first-child {
      margin-right: 10px; }
    .cooperation li:last-child {
      margin-left: 54px; }

.highlight-4column {
  letter-spacing: -0.4em;
  margin-top: 20px;
  position: relative; }
  .highlight-4column li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    font-size: 100%;
    margin-left: 17px;
    width: 152px;
    vertical-align: top; }
    .highlight-4column li:first-child {
      margin-left: 0; }
    .highlight-4column li .highlight03-caption {
      position: absolute;
      left: 0px !important;
      top: 140px; }

.highlight-3column {
  letter-spacing: -0.4em;
  margin-top: 20px;
  position: relative; }
  .highlight-3column li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    font-size: 100%;
    width: 200px;
    vertical-align: top; }
    .highlight-3column li:first-child {
      margin-left: 0; }
    .highlight-3column li .small {
      font-size: 80%;
      color: #3a3d8c; }

.highlight-s3column {
  letter-spacing: -0.4em;
  margin-top: 20px;
  position: relative; }
  .highlight-s3column li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    font-size: 100%;
    margin-left: 30px;
    width: 200px;
    vertical-align: top; }
    .highlight-s3column li:first-child {
      margin-left: 0; }
    .highlight-s3column li .small {
      font-size: 80%;
      color: #3a3d8c; }

.support-ttl {
  border-left: 4px solid #4ca7e5;
  padding-left: 14px;
  margin-top: 25px;
  font-weight: bold;
  font-size: 107.6923076923%; }

h4.support_sttl {
  font-weight: bold !important;
  font-size: 107.6923076923%; }

.highlight04 .support-box01 {
  margin-top: 30px; }
  .highlight04 .support-box01 .img-l {
    width: 260px; }
  .highlight04 .support-box01 .item-text {
    width: 375px; }
.highlight04 .support-box02 {
  margin-top: 30px; }
  .highlight04 .support-box02 .img-r {
    float: right;
    width: 260px; }
  .highlight04 .support-box02 .item-text {
    float: left;
    width: 375px; }
.highlight04 .item-text ul {
  margin-top: 15px; }
.highlight04 .item-text li {
  font-size: 92.3076923077%; }
.highlight04 .highlight-3column {
  letter-spacing: -0.4em; }
  .highlight04 .highlight-3column li {
    display: inline-block;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
    width: 206px;
    margin-right: 21px;
    background: #fff;
    vertical-align: top;
    margin-top: 20px; }
    .highlight04 .highlight-3column li img {
      margin: 3px; }
    .highlight04 .highlight-3column li:nth-child(3n) {
      margin-right: 0px; }
    .highlight04 .highlight-3column li span {
      padding: 5px; }

.toggle-btn {
  margin-top: 25px; }

.region {
  width: 226px; }

.bluetxt,
.region-ttl {
  color: #0066ae;
  font-weight: bold;
  font-size: 123.077%;
  margin: 0 0 10px;
}

.region-ttl2 {
  font-weight: bold;
}

.img-r.img-has-caption {
  display: block;
}

.img-r.img-has-caption .caption {
  display: block;
  margin-top: 5px;
  font-size: 85.71429%;
  line-height: 1.67 !important;
}

.has-map-bg {
  padding-bottom: 240px;
  background-image: url(../img/project_img02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right bottom;
}

.has-map-bg .maintxt {
  width: 336px;
}

.nextstep-box{
  border-radius: 2px;
  margin-top: 25px;
  padding: 19px 20px 35px;
  background-color: #f3faff;
  border: 1px solid #99c6e5; 
  }
  .nextstep-box p {
  font-size: 92.3076923077%;
  line-height: 1.67; }
  .nextstep-ttl,
  .nextstep-sttl {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }
  
  .nextstep-sttl {
  font-size: 123.076923077%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 15px; }
  .nextstep-sttl span {
  font-size: 83.3333333333%; }
  
  .nextstep-ttl2 {
  font-size: 123.076923077%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 0; }
  .nextstep-sttl span {
  font-size: 83.3333333333%; }
  .nextstep-box .nextstep-caption {
  display: block;
  margin-top: 10px;
  font-size: 85.71429%;
  line-height: 1.67 !important; }

.nextstep2-box{
  border-radius: 2px;
  margin-top: 25px;
  padding: 19px 20px 35px;
  background-color: #ffffff;
  border: 1px solid #99c6e5; 
  }
  .nextstep2-box p {
  font-size: 92.3076923077%;
  line-height: 1.67; }
  .nextstep2-ttl,
  .nextstep2-sttl {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }
  
  .nextstep2-sttl {
  font-size: 123.076923077%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 15px; }
  .nextstep2-sttl span {
  font-size: 83.3333333333%; }
  
  .nextstep2-ttl2 {
  font-size: 123.076923077%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 0; }
  .nextstep2-sttl span {
  font-size: 83.3333333333%; }
  .nextstep2-box .nextstep2-caption {
  display: block;
  margin-top: 10px;
  font-size: 85.71429%;
  line-height: 1.67 !important; }

.nextstep3-box{
  border-radius: 2px;
  margin-top: 25px;
  padding: 19px 20px 35px;
  background-color: #eeeeee;
  border: none; 
  }
  .nextstep3-box p {
  font-size: 92.3076923077%;
  line-height: 1.67; }
  .nextstep3-ttl,
  .nextstep3-sttl {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1; }
  
  .nextstep3-sttl {
  font-size: 123.076923077%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 15px; }
  .nextstep3-sttl span {
  font-size: 83.3333333333%; }
  
  .nextstep3-ttl2 {
  font-size: 123.076923077%;
  font-weight: bold;
  line-height: 1.7 !important;
  margin-left: 0; }
  .nextstep3-sttl span {
  font-size: 83.3333333333%; }
  .nextstep3-box .nextstep3-caption {
  display: block;
  margin-top: 10px;
  font-size: 85.71429%;
  line-height: 1.67 !important; }

.discList li {
  list-style-position: inside;
  padding-left: 16px;
  position: relative;
  line-height: 1.8;
}

.discList li:before {
  content: '';
  width:4px;
  height: 4px;
  background-color: #333;
  border-radius: 2px 2px;
  position: absolute;
  top: 0.7em;
  left: 0.4em;
}  

/* ==========================================================================
	コラム
========================================================================== */
.column{
	/*background-color:#e1f0fb;*/
	padding:25px;
	border:2px solid #e6e6e6;
}
.column_ttl{
	font-size:180%;
	color:#20aee5;
	font-weight:bold;
}
.column_sttl{
  font-weight: bold !important;
  font-size: 107.6923076923% !important;
  margin-top:10px; 
}
.column p{
	font-size:92.3077%;
	line-height:1.67;
}
.column-bnr{
  margin-left:70px;
  margin-right:70px;
}
.note{
	padding-left:1.7em;
	text-indent:-1.7em;
  font-size:90% !important;
}
.column .img2column{
	text-align:center;
}
.column .img2column li{
	margin-right:20px;
	display:inline-block;
	vertical-align:top;
}
.column .img2column li:nth-child(3n) {
	margin-right:0;
}
.column .img2column li inner-caption{
	text-align:left;
}
.topicbox{
	border:1px solid #bdced9;
	margin-top:20px;
	padding:20px;
}
.topic-ttl{
  font-weight: bold !important;
  font-size: 107.6923076923% !important;
}