@charset "UTF-8";
/**
* 人材育成・働きがい向上の取り組み
*/


/* ==========================================================================
レイアウト
========================================================================== */
.img-c{
text-align: center;
}


/* ==========================================================================
マージン
========================================================================== */
.ml0{
margin-left: 0 !important;
}


/* ==========================================================================
ハイライト
========================================================================== */
#main .highlight-box,
#main .nextstep-box,
#main .society-box{
border-radius: 2px;
margin-top: 25px;
padding: 19px 20px 35px; }
#main .highlight-box p,
#main .nextstep-box p,
#main .society-box p {
font-size: 92.3076923077%;
line-height: 1.67; }

.highlight-box {
background-color: #f3faff;
border: 1px solid #99c6e5; }

.nextstep-box {
background-color: #fcdedf;
border: 1px solid #f16681; }

.society-box {
background-color: #fcdedf;
border: 1px solid #f16681; }

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

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

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

.nextstep-ttl2,
.society-ttl2 {
font-size: 123.076923077%;
font-weight: bold;
line-height: 1.7 !important;
margin-left: 0; }
.highlight-sttl span,
.society-sttl span,
.nextstep-sttl span {
font-size: 83.3333333333%; }

.img3column li .inner-caption {
margin-top: 10px; }
.img3column li .inner-caption .sct03_sttl {
font-weight: bold !important;
font-size: 107.6923076923%; }
.img3column li .inner-caption span {
color: #b53667;
font-weight: bold; }
.nextstep-box .nextstep-caption {
display: block;
margin-top: 10px;
font-size: 85.71429%;
line-height: 1.67 !important; }
.society-box .society-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: #fcdedf;
  border: 1px solid #f16681; 
  }
  .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;
  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: #ffffff;
  border: 1px solid #f16681; 
  }
  .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; }

.training {
width: 200px; }

.note-mark {
  display: inline-block;
  margin: 0 2px;
  font-size: 85%;
}


/* ==========================================================================
テーブル
========================================================================== */
.data-table,.data-table th,.data-table td{
border: 1px solid #ccc;
border-collapse: collapse;
}

.data-table{
width: 100%;
text-align: center;
vertical-align: middle;
margin-bottom: .5em;
}
.data-table.single{
width: 33%;
}

.data-heading{
width: 33%;
color: #fff;
text-align: center;
background-color: #0071bc;
padding: .5em;
}

.data-detail{
width: 33%;
padding: .5em;
}

.data-detail em{
color: #cc0000;
}


/* ==========================================================================
リスト
========================================================================== */
.children-list li{
list-style: none;
text-indent: -1em;
padding-left: 1em;
}

.img2column{
text-align: center;
}
.img2column li{
display: inline-block;
vertical-align: top;
}
.img2column li:not(:first-child){
margin-left: 15px;
}
.img2column .nextstep-caption{
text-align: left;
}
.img2column .society-caption{
text-align: left;
}

.event-case {
  display: table;
}
.event-case-inner {
  display: table-row;
}
.event-case-text {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.event-case-pict {
  display: table-cell;
  padding-left: 20px;
}
.event-case-caption {
  display: block;
  margin-top: 5px;
  font-size: 85.71429%;
  line-height: 1.67;
}