.wrap {
  float: none;
  clear: both;
  margin-bottom:15px;
}
.title h3 {
  font-size: 140%;
  line-height: 160%;
  margin-bottom: 15px;
}
.leftColumn {
  width: 270px;
  float: left;
}
.leftColumn img {
  max-width: 259px;
  height: auto;
}
.rightColumn {
  width: 385px;
  float: right;
}
.rightColumn p {
  margin-bottom: 0;
}
.rightColumn p span {
  display: none;
}
.rightColumn .readMore {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 15px;
  font-weight: bold;
}
.rightColumn .category,
.rightColumn .date {
  text-align: right;
  margin-top: 10px;
}
.rightColumn .category p {
  color: #ffffff;
  background-color: #4884da;
  padding: 4px 10px;
  width: auto;
  display: inline-block;
}
.rightColumn .category .p95357:before {
  content: "次世代育成";
}
.rightColumn .category .p95361:before {
  content: "環境";
}
.rightColumn .category .p95365:before {
  content: "その他";
}
.rightColumn .category .p97405:before {
  content: "ダイバーシティ";
}
.rightColumn .category .p97877:before {
  content: "健康経営";
}

.newsSingle h1:after {
  color: #ffffff;
  background-color: #4884da;
  padding: 4px 10px;
  margin-left: 5px;
  width: auto;
  display: inline-block;
  font-size: 80%;
  line-height: 100%;
  vertical-align: text-bottom;
}
.title h3 {
  position: relative;
}
.title h3:after {
  color: #ffffff;
  background-color: #4884da;
  padding: 4px 10px;
  margin-left: 5px;
  width: auto;
  display: inline-block;
  font-size: 80%;
  line-height: 100%;
  vertical-align: text-bottom;
  position: absolute;
  right: 0px;
}
.title h3.p95357:after,
.newsSingle h1.p95357:after {
  content: "次世代育成";
}
.title h3.p95361:after,
.newsSingle h1.p95361:after {
  content: "環境";
}
.title h3.p95365:after,
.newsSingle h1.p95365:after {
  content: "その他";
}
.title h3.p97405:after,
.newsSingle h1.p97405:after {
  content: "ダイバーシティ";
}
.title h3.p97877:after,
.newsSingle h1.p97877:after {
  content: "健康経営";
}
.newsSingle .subheader {
  display: flex;
  background-color: #d5e3fb;
}
div.newsSingle .subheader div.news-single-img {
  margin-bottom: 0;
}
div.newsSingle .subheader h2 {
  padding: 10px 10px 10px 0px;
  color: #333333;
  font-weight: normal;
  font-size: 100%;
}
.news-single-imgcaption {
  display: none;
}
#titleArea {
  position: relative;
}
#titleArea .date {
  position: absolute;
  right: 0;
  top: 4px;
}
.subheader .news-single-img img {
  max-width: 259px;
  height: auto;
}
#share {
  text-align: right;
}
@media screen and (min-width: 640px) {
  #titleArea h1 {
    width: calc(100% - 100px);
  }
}

/*--- Slide Preference---*/

#c655779 .box .boxWrapper {
  position: relative;
  width: 655px;
}
#c655779 .box .boxWrapper .slide a {
  position: relative;
  display: block;
}
#c655779 .box .boxWrapper .slide a span {
  position: absolute;
  font-weight: bold;
  color: #ffffff;
  bottom: 0px;
  width:655px;
  padding: 1em;
  z-index: 2;
  box-sizing: border-box;
  text-shadow: 0px 0px 2px #000;
  font-size: 16px;
  background-color: rgba(0,0,0,0.6);
}
#c655779 .box .boxWrapper .slide a:hover span {
  text-decoration: none;
}
#c655779 .box .boxWrapper .slide a img {
  z-index: 1;
}
#c655779 .slick-arrow { z-index: 100; }
#c655779 .slick-prev { position: absolute; left: 0; bottom: 0; background-color: none; height:100%; width:60px; opacity: 0.8; }
#c655779 .slick-prev:before { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
#c655779 .slick-prev:hover,
#c655779 .slick-prev:focus { background-color: none; opacity: 1; }
#c655779 .slick-prev:before { font-family: FontAwesome; content: "\f104"; font-size: 50px; text-shadow: 0px 0px 2px #000; }
#c655779 .slick-next { position: absolute; right: 0; bottom: 0; background-color: none; height:100%; width:60px; opacity: 0.8; }
#c655779 .slick-next:before { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
#c655779 .slick-next:hover,
#c655779 .slick-next:focus { background-color: none; opacity: 1; }
#c655779 .slick-next:before { font-family: FontAwesome; content: "\f105"; font-size: 50px; text-shadow: 0px 0px 2px #000;  }
#c655779 .slick-dotted.slick-slider {
  margin-bottom: 40px;
}
#c655779  ul.slick-dots {
  bottom: -28px;
}
#c655779  ul.slick-dots li {
  background-image: none;
}
#c655779  ul.slick-dots li button:before {
  font-size: 20px;
  content: '●';
  color: #666666;
}
/*--- Slide Preference---*/


#c649473 h2 {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 180%;
  color: #666;
  border-bottom: 1px solid #aaa;
}
/* reset */
#c649481 ul {
  margin: 0;
}
#c649481 ul li {
  background-image: none;
  padding: 0;
  margin: 0;
}
/* reset */

#c649481 ul.tab {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 0px;
  line-height: 24px;
  height: 37px;
  overflow: hidden;
  font-size: 12px;
  position: relative;
}
#c649481 ul.tab li {
  text-align: center;
  border: 1px solid #AAA;
  color: #333;
  background: #D1D1D1;
  display: inline-block;
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
#c649481 ul.tab li:not(:first-child) {
  border-left: none;
}
#c649481 ul.tab:before {
  position: absolute;
  content: " ";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #AAA;
  z-index: 1;
}
#c649481 ul.tab li.selected {
  background: #FFF;
  z-index: 2;
  border-bottom-color: #FFF;
}
#c649501,
#c649513,
#c649489,
#c681503,
.hide { display:none; }

#c649485 .box .boxWrapper .box .boxWrapper > DIV {
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding: 0;
}
.NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul {
  position: relative;
  margin: 0;
}
.NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul li {
  font-size: 12px;
  line-height: 1.5;
  padding: 1.5em;
  list-style-type: none!important;
  background: none;
  text-decoration: none;
  margin: 0;
}
#c649485 .NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul li {
  position: relative;
  padding-left: 20px;
}
#c649485 .NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul li:before {
  font-size: 12px;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  top : 15px;
  left : 10px;
  width: 90px;
  color: #FFFFFF;
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul li:not(:first-child) {
  border-top: 1px solid #AAA;
}
.NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul li a {
  color: #333;
  text-decoration: none;
}
.NewsEventArea .NewsEventAreaInner .NewsEventLIstWrapper ul li a:hover {
  color: #AAA;
}


#c649469 {
  margin-bottom: 10px;
}
#c649529 {
  text-align: right;
  margin-bottom: 30px;
}
#c649529 p {
  display: inline-block;
  background-color: #3BB9DE;
  color: #fff;
  padding: 5px 10px;
}
#c649529 p a {
  color: #fff;
}
#c649529 p a:hover,
#c649529 p a:active {
  text-decoration: none;
}
#c649529 p:hover,
#c649529 p:active {
  opacity: 0.6;
}

/* List page - Category Link */
.categoryLink {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 20px;
}
.categoryLink p {
  line-height: 50px;
}
.categoryLink a {
  line-height: 100%;
  padding: 5px 10px;
  background-color: #76a3e3;
  color: #ffffff;
  display: inline-block;
}
.categoryLink a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.categoryLink a.on {
  background-color: #4884da;
}

/* Article page - Share Buttons */
#shareButtons {
  display: flex;
  justify-content: flex-end;
}
#shareButtons div {
  margin: 0 5px;
}
#shareButtons .line a:hover img {
  opacity: 0.6;
}

/* Medium devices  */
@media screen and (max-width: 959px) {
  .line img {
    width: auto;
    max-height: 20px;
  }
  #c655779 .box .boxWrapper,
  #c655779 .box .boxWrapper .slide a span {
    width: 100%;
  }
  #c655779 img {
    width: 100%;
    height: auto;
  }
  .leftColumn,
  .rightColumn {
    width: 48%;
  }
}
/* Small devices */
@media screen and (max-width: 639px) {
  #c649481 ul.tab {
    height: 5em;
  }
  #c649481 ul.tab {
    display: flex;
    align-items: center;
  }
  #c649481 ul.tab li {
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .leftColumn {
    margin-bottom: 10px;
    text-align: center;
  }
  div.twoColumnPageLayout .leftColumn img {
    max-height: 300px;
    width: auto;
  }
  .leftColumn,
  .rightColumn {
    width: 100%;
    float: none;
  }
  .newsSingle h1 {
    padding-top: 30px;
  }
  .newsSingle h1:after {
    position: absolute;
    right: auto;
    margin-left: 0;
    left: 0;
    top: 5px;
  }
  .title h3 {
    padding-top: 30px;
  }
  .title h3:after {
    right: auto;
    margin-left: 0;
    left: 0;
    top: 0;
  }
  .categoryLink {
    font-size: 80%;
  }
  .categoryLink a {
    padding: 8px 16px;
    border-radius: 15px;
  }
  .newsSingle .newsItem .content p img {
    width: auto;
    height: auto;
    max-height: 300px;
    float: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}