@charset "UTF-8";
/* =========================================================
 Common
========================================================= */
a:hover {
  text-decoration: underline;
}

/* =========================================================
 Pagenation
========================================================= */
.num-pagination {
  text-align: center;
  padding: 20px 0;
}

.num-pagination a,
.num-pagination span {
  display: inline-block;
  border: 1px solid #000000;
  padding: 8px;
  margin: 0 2px;
  border-radius: 4px;
  text-align: center;
  width: 48px;
}

.num-pagination a.current, .num-pagination a:hover,
.num-pagination span.current,
.num-pagination span:hover {
  background: #000000;
  color: #fff;
}

/* =========================================================
 Category
========================================================= */
/* ループしたパンくず
--------------------------------------------------------- */
.under-bc-title {
  font-size: 18px;
  margin-bottom: .8em;
}

.under-bc-list {
  font-size: 16px;
}

.under-bc-list li {
  margin: 4px 0;
}

.under-bc-list a, .under-bc-list span {
  margin: 0 8px;
}

.under-bc-list a {
  position: relative;
}

/* =========================================================
 小カテループ
========================================================= */
/* 関連タグ
--------------------------------------------------------- */
.rel-tag {
  font-size: 10px;
}

.rel-tag li {
  border: 1px solid #e5e5e5;
  display: inline-block;
  margin: 0 4px 0 0;
  background: #f7f7f7;
  padding: 4px;
  border-radius: 2px;
}

.rel-tag.post-top {
  float: left;
  margin-left: 4px;
}

.rel-tag.post-top:after {
  clear: both;
  content: '';
}

.rel-tag.post-top li {
  border: none;
  background: transparent;
}

.rel-tag.post-top li a {
  background: transparent;
}

.rel-tag.post-top li:before {
  content: '\f105';
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 10px;
}

.rel-tag.post-top li:first-child:before {
  display: none;
}

.post-list--card .rel-tag li {
  padding: 0;
}

.post-list--card .rel-tag a {
  background: #fff;
  display: block;
  padding: 4px;
}

.post-list--row.is-lg .__post .__date.f-left {
  float: left;
  margin: 4px 0 0 0;
}

/* =========================================================
 投稿
========================================================= */
@media (min-width: 1275px) {
  .sns-buttons-2 li a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 375px) {
  .sns-buttons-2 li a {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
  }
  .sns-buttons-2 li a .hide-if-mobile,
  .sns-buttons-2 li a .hide-if-pc {
    text-align: left;
  }
}

.sns-buttons-2 .__facebook:hover {
  background: #344e86;
}

.sns-buttons-2 .__twitter:hover {
  background: #3ea1ec;
}

.sns-buttons-2 .__hatena:hover {
  background: #1993c6;
}

.under-post-share {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  background: #E6EFFF;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.under-post-share-img {
  width: 25%;
}

.under-post-share-cont {
  width: 75%;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}

.under-post-share p {
  margin-bottom: 2px;
}

.under-post-share ul li {
  display: inline-block;
  margin: 0 4px;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
  .under-post-share-img {
    width: 33.33%;
  }
  .under-post-share-cont {
    width: 66.66%;
  }
}

@media screen and (max-width: 550px) {
  .under-post-share {
    display: block;
  }
  .under-post-share-img {
    display: block;
    width: 100%;
  }
  .under-post-share-cont {
    display: block;
    width: 100%;
  }
}

.under-relation_tag li {
  display: inline-block;
  margin-right: 4px;
}

.under-relation_tag li a {
  border: 2px solid #000;
  background: #fff;
  display: block;
  font-size: 14px;
  padding: 6px 8px;
  border-radius: 2px;
}

.under-relation_tag li a:hover {
  background: #000;
  color: #fff;
}

.site-header .__top .__right .__search-form.active {
  width: 150px;
}

.site-header .__top .__right .__search-form.active .__button span {
  opacity: 0;
  pointer-events: none;
}

.site-header .__top .__right .__search-form.active .__keywords:before {
  width: 100%;
}

.site-header .__top .__right .__search-form.active .__keywords input {
  opacity: 1;
}

.site-header .__top .__right .__sns a:hover {
  text-decoration: none;
}

/* =========================================================
 スマホナビ
========================================================= */
.site-header .__fixed-menu {
  overflow: visible;
}

.site-header .__fixed-menu .__footer {
  position: relative;
}

.site-header .__fixed-menu .__close-button {
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 5px 0 0 5px;
  background: #000;
  color: #fff;
  bottom: 60px;
  left: -46px;
  z-index: 999;
  border-color: #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.site-header .__fixed-menu .__close-button span {
  font-size: 10px;
}

.site-header .__fixed-menu .sp-nav-scroll {
  height: 100%;
  overflow-y: auto;
}

/* =========================================================
 404
========================================================= */
.no-results h2 {
  margin: 1em 0;
}

.search-404 form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

.search-404 form .screen-reader-text {
  display: none;
}

.search-404 form label {
  -ms-flex: 1;
      flex: 1;
}

.search-404 form label input {
  border-radius: 0;
}

.search-404 form input[type=submit] {
  width: 80px;
  font-size: 14px;
  background: #000;
  color: #fff;
  border-radius: 0;
}

.search-404 form input[type=submit]:hover {
  cursor: pointer;
}

.card .category-404 .bleeds-on-left-right-bottom {
  margin: 0 0 20px;
}

.single-seminar #form-section {
  padding-top: 120px;
}

.__seminar.seminar {
  padding-bottom: 100px;
}

.__seminar.seminar a {
  height: 100%;
}

.__seminar.seminar .__link {
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 20px;
  width: auto;
}

@media screen and (max-width: 34.385em) {
  .__seminar.seminar {
    padding-bottom: 20px;
  }
  .__seminar.seminar .__link {
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
    width: 100%;
  }
}

body.post-type-archive-service .__seminar.seminar .__title {
  height: 2.2em;
}

/* 検索結果　スマホ
--------------------------------------------------------- */
@media screen and (max-width: 34.385em) {
  .post-list--row.is-lg .__post .__inner {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .post-list--row.is-lg .__post .__text {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .post-list--row.is-lg .__post .__text .__date {
    -ms-flex-order: 4;
        order: 4;
  }
  .post-list--row.is-lg .__post .__text br {
    display: none;
  }
}

/* 中カテ時の大カテカレント
--------------------------------------------------------- */
.site-nav .__menu li.current-category-ancestor a {
  background: #000;
  color: #fff;
  position: relative;
}

/* 大カテゴリーページナビ
--------------------------------------------------------- */
.archive-page-nav-wrap {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 34.385em) {
  .archive-page-nav-wrap {
    display: block;
    font-size: 10px;
    padding: 0 10px;
  }
}

.archive-page-nav {
  margin: 0 -5px 20px;
}

.archive-page-nav-item {
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
}

.archive-page-nav-item a {
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  padding: 4px 4px 4px 16px;
  position: relative;
  display: block;
  font-size: 14px;
  text-align: center;
}

.archive-page-nav-item a:before {
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  left: 4px;
}

.archive-page-nav-item a:hover {
  background: #000;
  color: #fff;
}

@media screen and (max-width: 34.385em) {
  .archive-page-nav-item a {
    font-size: 12px;
    padding: 4px 8px 16px;
  }
  .archive-page-nav-item a:before {
    top: auto;
    bottom: 2px;
    right: 0;
    left: 0;
    text-align: center;
  }
}

.archive-page-nav-title {
  padding-right: 8px;
}

.archive-page-nav-title i.fa {
  padding-top: 3px;
}

@media screen and (max-width: 34.385em) {
  .archive-page-nav {
    margin-left: -1px;
    margin-right: -1px;
  }
  .archive-page-nav-item {
    padding-left: 1px;
    padding-right: 1px;
  }
}

/* =========================================================
 Category 修正
========================================================= */
/* Category header
--------------------------------------------------------- */
.category-header {
  position: relative;
  margin-bottom: 20px;
  background: #f9f0e1;
  padding: 20px 20px 30px 150px;
  margin-bottom: 12px;
  overflow-x: hidden;
}

@media screen and (max-width: 34.385em) {
  .category-header {
    padding: 20px 20px 105px;
  }
}

.category-header__image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 995px;
}

.category-header__title {
  font-size: 16px;
  font-weight: normal;
}

.category-header__title span {
  font-size: 32px;
  font-weight: 700;
}

/* ループ調整
--------------------------------------------------------- */
@media screen and (max-width: 34.385em) {
  .posts-box .__header {
    margin-bottom: 20px;
  }
}

.grid-wrap.has-sm-gutter,
.gw.has-sm-gutter {
  margin-left: -20px;
}

.grid-wrap.has-sm-gutter > .g,
.grid-wrap.has-sm-gutter > .grid,
.gw.has-sm-gutter > .g,
.gw.has-sm-gutter > .grid {
  padding-left: 20px;
  padding-bottom: 20px;
}

.posts-box .__tags.is-black {
  color: #000;
  font-weight: 700;
  border-left: #000 solid calc(2px + ((1vw - 3.75px) * .22222222));
  border-right: #000 solid calc(2px + ((1vw - 3.75px) * .22222222));
  padding: 0 1em;
}

.posts-box .__tags.is-black li {
  border-color: #000;
  font-size: 18px;
}

@media screen and (max-width: 34.385em) {
  .posts-box .__tags.is-black {
    font-size: 12px;
  }
  .posts-box .__tags.is-black li {
    font-size: 12px;
  }
}

.__box-title.in-post {
  margin: 1em 0 8px;
}

/* Category header
--------------------------------------------------------- */
.cate-saiyo {
  background: url(images/catebk_saiyo.png) bottom left #FBF1E2 no-repeat;
  border: 2px solid #5CB1D6;
}

.cate-roumu {
  background: url(images/catebk_roumu.png) bottom left #FBF1E2 no-repeat;
  border: 2px solid #916235;
}

.cate-composition {
  background: url(images/catebk_sosiki.png) bottom left #FBF1E2 no-repeat;
  border: 2px solid #36AC9D;
}

.cate-editorial {
  background: url(images/catebk_hensyu.png) bottom left #FBF1E2 no-repeat;
  border: 2px solid #F2B306;
}

.cate-hitotech {
  background: url(images/catebk_hitoteku.png) bottom left #FBF1E2 no-repeat;
  border: 2px solid #7E7E7F;
}

.cate-common {
  background-size: 150%;
  padding: 20px 20px 50px 23%;
  margin-bottom: 20px;
}

.cate-common h1 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal;
}

.cate-common h1 strong {
  font-size: 24px;
  font-weight: bold;
  padding-right: 5px;
}

.cate-common p {
  font-size: 13px;
}

@media screen and (max-width: 34.385em) {
  .cate-common {
    padding: 20px 20px 50px 20px;
    background-size: 150%;
  }
}

.nf-help {
  background: transparent !important;
}

ul.__meta {
  overflow: hidden;
}

ul.__meta li {
  display: block;
  vertical-align: top;
}

ul.__meta .__meta--cat {
  float: left;
}

ul.__meta .__meta--date {
  float: right;
  font-size: 15px;
  text-align: right;
  padding-top: 2px;
}

ul.__meta time {
  margin-right: 4px;
}

@media screen and (max-width: 34.385em) {
  ul.__meta .__meta--date {
    font-size: 12px;
  }
  ul.__meta .__meta--date time {
    margin-right: 4px;
  }
}

.sns-buttons a:hover,
.sns-buttons-2 a:hover {
  text-decoration: none;
}

.seminar_for_thanks {
  padding: 36px 0;
}

@media screen and (max-width: 34.385em) {
  body.postid-17120 .site-footer {
    position: relative !important;
    left: auto;
    bottom: auto;
  }
}












.cate-hitotech {
  background: url(https://hcm-jinjer.com/media/wp/wp-content/uploads/2018/10/hitotekubk.png);
  background-size: 14%;
  border: none;
  padding: 22px;
  margin-bottom: 20px;
}
.cate-hitotech .header-inner {
  width: 100%;
  background: #fff;
  padding: 30px;
  text-align: center;
}
.cate-hitotech h1 {
  margin: auto;
  width: 45%;
}
.cate-hitotech p {
  margin-bottom: 0;
  margin-top: 5px;
}
@media screen and (max-width: 34.385em) {
  .cate-hitotech {
    padding: 20px;
  }
  .cate-hitotech h1 {
    width: 100%;
  }
}

.cate-hitotech .kaigaijirei-header h1 {
  width: 100%;
}