@charset "UTF-8";
/*
* font-weight
* -----------------------------
* Josefin Slab: 400, 600
* co-headline: 300
* futura-pt: 400
*/
/*============================================================
ビジュアル
============================================================*/
.sub-visual--output_news {
  background-image: url(../img/output/sub_visual_news.jpg);
}

.sub-visual--output_breathtimes {
  background-image: url(../img/output/sub_visual_times.jpg);
}

.sub-visual--output_column {
  background-image: url(../img/output/sub_visual_zukyun.jpg);
}

.sub-visual--output_deepbreathtime {
  background-image: url(../img/output/sub_visual_blog.jpg);
}

.sub-visual--output_works {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_organization-reform {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_creative {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_capacity-development {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_recruitment {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_event {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_other {
  background-image: url(../img/output/sub_visual_works.jpg);
}

.sub-visual--output_breath-jr {
  background-image: url(../img/output/sub_visual_breath-jr.jpg);
}

#top.single .sub-visual {
  position: relative;
}

#top.single .sub-visual:before {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(90, 83, 72, 0.8);
  z-index: 0;
}

/*============================================================
実績紹介の導線
============================================================*/
.sub-container .work-category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 50px;
}

.sub-container .work-category-list li {
  font-size: 16px;
  list-style-type: none;
}

.sub-container .work-category-list li:not(:last-child) {
  margin-right: 30px;
}

.sub-container .work-category-list a {
  color: #009de6;
  transition: color 0.3s;
}

.sub-container .work-category-list a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .sub-container .work-category-list {
    padding-left: 0;
    padding: 0 5%;
  }
  .sub-container .work-category-list li {
    font-size: 14px;
    margin: 0 10px;
  }
  .sub-container .work-category-list li:not(:last-child) {
    margin-right: 0;
  }
}

/*============================================================
一覧
============================================================*/
.op-articles {
  *zoom: 1;
}

.op-articles:after {
  content: "";
  display: table;
  clear: both;
}

.op-articles__item {
  width: 365px;
  margin: 0 50px 50px 0;
  padding: 0 0 45px;
  float: left;
  border-top: 10px solid #009de6;
  border-bottom: 3px solid #000;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .op-articles__item {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}

.op-articles__item:nth-child(3n) {
  margin-right: 0;
}

.op-articles__date {
  margin: 10px 0 0;
  font-size: 14px;
  font-family: "futura-pt", sans-serif;
  color: #c_gray;
}

.op-articles__title {
  margin: 0;
  font-family: "リュウミン R-KL", serif;
  font-size: 24px;
  line-height: 1.3;
}

.op-articles__title, .op-articles__title a {
  color: #000;
}

.op-articles__date + span {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background: #009de6;
  padding: 2px 10px;
  border-radius: 6px;
  margin-bottom: 8px;
  letter-spacing: intial !important;
}

.op-articles__date + span.recruitment {
  background: #cb2027;
}

.op-articles__date + span.creative {
  background: #00aced;
}

.op-articles__date + span.organization-reform {
  background: #3b5998;
}

.op-articles__date + span.capacity-development {
  background: #dd4b39;
}

.op-articles__date + span.event {
  background: #0f52ba;
}

.op-articles__date + span.other {
  background: #aaaaaa;
}

.wp-pagenavi {
  position: relative;
  list-style: none;
  width: 900px;
  margin: 0 auto;
  padding: 25px 0;
  border-top: 1px solid #d8dde0;
  border-bottom: 1px solid #d8dde0;
  font-family: "futura-pt", sans-serif;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .wp-pagenavi {
    width: 100%;
  }
}

.wp-pagenavi a {
  color: #009de6;
}

.wp-pagenavi > .current, .wp-pagenavi > .page {
  margin: 0 5px;
}

.wp-pagenavi > .previouspostslink {
  position: absolute;
  left: 0;
}

.wp-pagenavi > .previouspostslink:before {
  content: "";
  font-family: icomoon;
  display: inline-block;
  font: normal normal normal 14px/1 icomoon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 5px 0 0;
  font-size: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  vertical-align: 2px;
}

.wp-pagenavi > .nextpostslink {
  position: absolute;
  right: 0;
}

.wp-pagenavi > .nextpostslink:after {
  content: "";
  font-family: icomoon;
  display: inline-block;
  font: normal normal normal 14px/1 icomoon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 0 5px;
  font-size: 8px;
  vertical-align: 2px;
}

/*============================================================
コラム
============================================================*/
.register {
  margin-bottom: 55px;
}

/*============================================================
お知らせ一覧
============================================================*/
.news-articles > dt {
  padding: 20px 0;
  float: left;
  clear: both;
  color: #515e65;
  font-family: "futura-pt", sans-serif;
}

.news-articles > dd {
  padding: 20px 0 20px 120px;
  color: #000;
  border-top: 1px solid #d8dde0;
}

.news-articles > dd a {
  color: #009de6;
}

/*============================================================
詳細
============================================================*/
.op-article__title {
  margin: 0 0 1em;
  font-family: "リュウミン R-KL", serif;
  font-size: 54px;
  line-height: 1.4;
  color: #000;
}

@media screen and (max-width: 767px) {
  .op-article__title {
    font-size: 30px;
  }
}

.op-article__title > span {
  background: none;
  background-image: linear-gradient(180deg, transparent 70%, #fcf113 0);
  background-repeat: no-repeat;
  text-decoration: none;
}

.op-article__footer {
  margin: 50px 0 0;
}

.op-article__share {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.op-article__share > li {
  margin: 0 7px;
  display: inline-block;
}

.op-article__share > li > a {
  display: block;
  width: 48px;
  height: 48px;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 48px;
  font-size: 22px;
  transition: opacity 0.3s;
}

.op-article__share > li > a:hover {
  opacity: 0.5;
}

.op-article__share__facebook > a {
  background: #3b5998;
}

.op-article__share__twitter > a {
  background: #1DA1F3;
}

.op-article__share__google > a {
  background: #D34836;
}

.op-article__post-link {
  position: relative;
  list-style: none;
  margin: 50px 0 0;
  padding: 25px 0;
  border-top: 1px solid #d8dde0;
  border-bottom: 1px solid #d8dde0;
  font-family: "futura-pt", sans-serif;
}

.op-article__post-link > li {
  margin: 0;
  padding: 0;
}

.op-article__post-link > li a {
  color: #009de6;
}

.op-article__post-link__previous {
  position: absolute;
  left: 0;
}

.op-article__post-link__previous > a:before {
  content: "";
  font-family: icomoon;
  display: inline-block;
  font: normal normal normal 14px/1 icomoon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 5px 0 0;
  font-size: 8px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  vertical-align: 2px;
}

.op-article__post-link__next {
  position: absolute;
  right: 0;
}

.op-article__post-link__next > a:after {
  content: "";
  font-family: icomoon;
  display: inline-block;
  font: normal normal normal 14px/1 icomoon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 0 5px;
  font-size: 8px;
  vertical-align: 2px;
}

.op-article__post-link__index {
  text-align: center;
}