@charset "utf-8";
/* ↓マウスオーバーで透明にする */
a:hover img {
  opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
  filter: alpha(opacity=70); /* IE7以下用 */
  -ms-filter: “alpha( opacity=70 )”; /* IE8用 */
  /*display:block;  IEでCSSの透明度を動作するのに記述; */
  zoom: 1; /* IEでCSSの透明度を動作するのに記述 */
}
/* ↓マウスオーバーで透明解除 */
a.no-opacity:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: “alpha( opacity=100 )”;
  zoom: 1;
}
.fade {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.fade:hover {
  opacity: 0.7;
  filter: alpha(opacity=80);
}
/* ↓PIE.htcを使ってIEでも角丸やシャドウを実装サンプル*/

.sample {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url(PIE.htc); /* for IE */ /* ←(注)このパスはPIE.htcからhtmlファイルまでの相対パス */
  position: relative; /* for setting PIE.htc */
}
.box-shadow {
  -webkit-box-shadow: 1px 1px 3px #000;
  -moz-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
  behavior: url(PIE.htc);
}
.text-shadow {
  -webkit-text-shadow: 1px 1px 3px #000;
  -moz-text-shadow: 1px 1px 3px #000;
  text-shadow: 1px 1px 3px #000;
}
tr.sample:nth-child(odd) td {
  background-color: #fdfff3;   /* 奇数行の背景色 */
}
tr.sample:nth-child(even) td {
  background-color: #f8f8f8;   /* 偶数行の背景色 */
}
.wrapper-tsusinList {
  margin-bottom: 40px;
}
.tit-underLine {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 5px;
  line-height: 1.7em;
}
/* ページネーション */

.wp-pagenavi {
  clear: both;
  display: block;
  font-size: 13px;
  margin: 0 0 30px;
  text-align: center;
  overflow: hidden;
  line-height: 30px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #dddddd;
  color: #44340c;
  margin: 2px;
  padding: 3px 7px;
  text-decoration: none;
}
.wp-pagenavi a:hover {
  border: 1px solid #44340c;
  color: #44340c;
}
.wp-pagenavi span.pages {
  margin: 3px;
  padding: 3px 6px;
}
.wp-pagenavi span.current {
  background: #160491 none repeat scroll 0 0;
  border: 1px solid #160491 !important;
  color: #fff;
  font-weight: bold;
  margin: 2px;
  padding: 3px 7px;
  text-decoration: none;
}
.wp-pagenavi span.extend {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #c8c8c2;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  margin: 3px;
  padding: 3px 6px;
  text-decoration: none;
}
/*==============================================================*/
/* ボタン */
/*==============================================================*/

input.btn-seminarEntry, .btn-seminarEntry {
  display: block;
  margin: 50px auto;
  height: 80px;
  padding-top: 30px;
  background: #b00;
  text-align: center;
  vertical-align: top;
  color: #FFF!important;
  font-size: 20px;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: content-box;
}
input.btn-seminarEntry:after, .btn-seminarEntry:after {
  text-align: center;
  display: block;
  margin-top: 15px;
  content: url("../img/arrowU_03.png");
}
input.btn-seminarEntry:hover, .btn-seminarEntry:hover {
  background: #890000;
}
input.btn-seminarEntry {
  width: 100%!important;
  display: block!important;
  margin: 50px auto !important;
  height: 1.5em!important;
  padding: 35px 0 50px 0!important;
  background: url(../img/arrowU_03.png) no-repeat center 75% #b00!important;
  text-align: center;
  vertical-align: top!important;
  color: #FFF !important;
  font-size: 20px!important;
  font-weight: bold!important;
  -webkit-border-radius: 5px!important;
  -moz-border-radius: 5px!important;
  border-radius: 5px!important;
  box-sizing: content-box!important;
}
input.btn-seminarEntry:hover {
  background-color: #890000!important;
}
/*==============================================================*/
/* トップ */
/*==============================================================*/

#top_mainArea {
  position: relative;
  overflow: hidden;
  background-color: #000;
  color: #FFF;
}
#top_mainArea:before {
  content: "";
  display: block;
  padding-top: 26.6%;
}
.topMain {
  background: url(../../img/topMain.jpg) no-repeat center center;
  background-size: cover;
  width : 66.66666%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(200% / 3);
  width : calc(200% / 3);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}
*::-ms-backdrop, .calc_test p {
 width : 66.66666%; /* 未対応ブラウザ用フォールバック */
}
.topMain .mainTxt {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.topMain .mainTxt {
  font-size: 24px; /* IE8ハック */
  font-size: 2.3vw;
  color: #FFF;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
  position: relative;
}
.topMain .mainTxt p {
  position: absolute;
  line-height: 1.5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 30%;
}
.topMain .mainTxt strong {
  /* background: url(../img/black_opa70.png) repeat; */
  display: inline-block;
  font-weight: bold;
  padding: 0 20px 0 0;
  text-align: center;
  position: relative;
}
.topMain .mainTxt strong:before {
  content: "";
  position: absolute;
  width: 14%;
  height: 100%;
  right: -14%;/* background: url(../img/corner_opa70.png) no-repeat left / 100% 100%; */
}
.topMain .txt01 {
  right: 71%;
}
.topMain .txt02 {
  right: -webkit-calc(100% / 3 - 1.5% );
  right: -ms-(100% / 3 - 1.5% );
  right: calc(100% / 3 - 1.5% );
}
.topMain .txt03 {
  right: 0;
}
.topMain .mainTxt .btn {
  position: absolute;
  bottom: 5%;
  width: 100%;
}
.topMain .btn-view {
  width: 25%;
  margin: 0 auto;
  font-size: 18px; /* IE8ハック */
  font-size: 1.5vw;
  background: url(../img/black_opa70.png) repeat;
  color: #FFF;
  font-weight: bold;
}
.topMain .btn-view:hover {
  background: #000 url(../img/black_opa70.png) repeat;
  transition: background 0.5s ease 0s;
}
.topMain .btn-view a {
  display: block;
  padding: 5px 20px 5px 0;
  line-height: 2em;
  color: #FFF;
  font-weight: bold;
  background: url(../img/arrowR_04.png) no-repeat 80% center;
  text-align: center;
}
.mainTop_right {
  width : 33.33333%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3);
  width : calc(100% / 3);
  position: absolute;
  top: 0;
  right: 0;
}
*::-ms-backdrop, .mainTop_right {
 width : 33.33333%; /* 未対応ブラウザ用フォールバック */
}
.mainTop_right li {
  width: 50%;
  float: left;
  overflow: hidden;
} 
.mainTop_right li img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
#krb-service {
  overflow: hidden;
}
#krb-service ul {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#krb-service .boxIn {
  display: block;
  width : 16.66666%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 6 -1px);
  width : -ms-(100% / 6 -1px);
  width : calc(100% / 6 -1px);
  float: left;
  background-color: #da0000;
  font-size: 15px;
  line-height: 1.3em;
  color: #FFF;
}
#krb-service .boxIn a {
  color: #FFF;
  padding: 15px 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  background: url(../img/arrowU_01.png) no-repeat center 80%;
  text-align: center;
  width: 100%;
  height: 100%;
  transition: background-color 0.5s ease 0s;
  position: relative;
}
#krb-service .boxIn a:hover {
  background-color: #9b0000;
}
#krb-service .boxIn strong {
  font-weight: normal;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px;
}
#krb-service .boxIn:nth-child(2n) {
  display: block;
  background-color: #b00000;
}
#krb-service .boxIn span {
  display: block;
  font-size: 13px;
}
/* コンサルティング実績 */

#blc_result {
  border-top:solid 10px #fff;
  overflow: hidden;
  clear: both;
  display:flex;
}
#blc_result .blcHead {
  text-align: center;
  background: url(../../img/result_head_bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  height: auto;
  width:50%;
}
#blc_result .headTtl {
  font-size: 32px;
  line-height: 1.3em;
  padding: 65px 15px 15px 15px;
}
#blc_result .blcHead .result-list {
  width: 320px;
  margin:0 auto;
}
#blc_result .blcHead .result-list li {
  position: relative;
  float: left;
  width: 120px;
  margin: 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 17px;
  padding: 10px 15px 20px;
}
#blc_result .blcHead .result-list li .num {
  font-weight: bold;
  font-size: 14px;
}
#blc_result .blcHead .result-list li .yellow {
  color: #fffc00;
  font-size: 20px;
  margin-right: 3px;
}
#blc_result .blcHead .result-list .small_txt {
  font-size: 11px;
  position: absolute;
  left: 0;
  bottom: 5px;
  text-align: center;
  width: 100%;
  line-height: 1;
  margin-bottom: 0!important
}
#blc_result .blcHead .result-list01 {
  background-color: #356192;
}
#blc_result .blcHead .result-list02 {
  background-color: #4f3592;
}
#blc_result .blcHead .result-list03 {
  background-color: #338068;
}
#blc_result .blcHead .result-list04 {
  background-color: #608033;
}
/* コンサルティング事例CASE */
#blc_case {
  overflow: hidden;
  padding: 0 0 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  margin: 0 auto;
}
#blc_case .result-txt {
  background: url(../img/blue_opa75.png) no-repeat;
}
#blc_case .result-txt {
  background: url(../img/blue_opa75.png) repeat;
  padding: 30px 0;
  margin-bottom:15px;
  color: #FFF;
  font-size: 22px;
}


.case_list {
  padding: 0 30px
}
.case_list li {
  text-align: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #e0e0e0;
}
.case_list li:last-child {
  border-bottom: none;
  margin-bottom: 0
}
.case_list .case_title {
  line-height: 1.5;
  font-size: 16px;
}
.case_list .case_type {
  margin-top: 10px;
}
.singlePost .case_type span, .case_list .case_type span {
  display: inline-block;
  font-size: 12px;
  min-width: 100px;
  text-align: center;
  margin: 2px 4px 2px 0;
  padding: 2px 10px;
  color: #FFF;
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;*/
}
#blc_case .btn-blc a {
  line-height: 1;
  background: #000 url(../img/arrowR_02.png) no-repeat 90% center;
  color: #FFF;
  text-align: center;
  max-width: 200px;
  margin: 15px auto 0;
  display: block;
  font-size: 18px;
  padding: 20px 50px 20px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#blc_case .btn-blc a:hover {
  background-color: #303030!important;
}
/* 会社ブロック */

#blc_com {
  clear: both;
  position: relative;
  overflow: hidden;
}
#blc_com .blc_ceo {
  overflow: hidden;
  border-bottom: solid 1px #CCC;
  -js-display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
  
}
#blc_com .blc_ceo .boxLeft {
  float: left;
  width: 50%;
  background: url(../img/img-ceo.jpg) no-repeat top right / cover;
  position: relative;
}
#blc_com .blc_ceo .ceoInfo {
  width: 100%;
  float: left;
  background: url(../img/black_opa70.png) repeat;
  color: #FFF;
  position: absolute;
  bottom: 0;
}
#blc_com .blc_ceo dl.ceoOutline {
  display: block;
  margin: 60px 30px 30px;
}
#blc_com .blc_ceo dl.ceoOutline dt {
  text-align: right;
}
#blc_com .blc_ceo dl.ceoOutline dd {
  text-align: right;
}
#blc_com .blc_ceo dl.ceoOutline dd img {
  margin: 10px 0;
}
#blc_com .blc_ceo dl.books {
  overflow: hidden;
  display: block;
  text-align: right;
  padding: 0 30px 30px;
  float: right;
  box-sizing: border-box;
}
#blc_com .blc_ceo dl.books dt {
  padding: 5px;
  margin-bottom: 10px;
  background: url(../img/dotLine02.png) repeat-x bottom;
}
#blc_com .blc_ceo dl.books dt a {
  color: #FFF;
}
#blc_com .blc_ceo dl.books ul{
  /*overflow: hidden;*/
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#blc_com .blc_ceo dl.books li {
  /*float: left; */
  text-align: center;
  /*width : 25%;*/ /* 未対応ブラウザ用フォールバック */
  width : 20%;/* 20200410追加 */
  padding-top: 5px;/* 20200410追加 */
}
#blc_com .blc_ceo dl.books li img {
  width: 90%;
  height: auto;
}
#blc_com .blc_ceo dl.books .point_txt{
  margin-top: 15px;
  clear: both;
  text-align: left;
  padding-left: 70px;
  font-size: small;
  background: url("../../img/oukan.png") no-repeat 10px top / 50px auto;
}

#blc_com .blc_ceo .boxRight {
  float: right;
  width: 50%;
  background-color: #444444;
  color: #FFF;
  text-align: left;
  line-height: 1.7em;
}
#blc_com .blc_ceo .boxRight .boxIn {
  padding: 40px 30px;
}
#blc_com .blc_ceo .boxRight .boxIn p {
  margin-bottom: 1em;
}
#blc_com .blc_ceo .boxRight .catch {
  margin-bottom: 15px;
  font-size: 23px;
  line-height: 1.5;
}
/* コラムブロック */
#blc_com .blc_column {
  overflow: hidden;
  clear: both;
}
#blc_com .blc_column dt {
  background-color: #000;
  font-size: 18px;
  padding: 15px;
  color: #FFF;
  position: relative;
}
#blc_com .blc_column .btn-column {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #333333;
  color: #FFF;
  font-size: 12px;
  width: 130px;
  text-align: center;
  line-height: 50px;
  margin-left: auto;
  margin-right: auto;
}
#blc_com .blc_column .btn-column:hover {
  background-color: #212121;
  transition: background-color 0.5s ease 0s;
}
#blc_com .blc_column dd {
  padding: 20px;
  text-align: left;
  overflow: hidden;
  background-color: #FFF;
  color: #333333;
}
#blc_com .blc_column li {
}
#blc_com .blc_column li .date {
  float: left;
  padding: 5px 5px 5px 30px;
}
#blc_com .blc_column li a {
  display: block;
  padding: 5px 0 5px 120px;
  background: url(../img/arrowR_03.png) no-repeat left 12px;
  margin: 0 10px;
}
#blc_com .comBtn {
  clear: both;
  overflow: hidden;
  background: #000;
}
#blc_com .comBtn li {
  display: block;
  width: 25%;
  float: left;
  font-size: 16px;
  line-height: 1.3em;
  color: #FFF;
}
#blc_com .comBtn a {
  display: block;
  text-decoration: none;
  color: #FFF;
  background: url(../img/arrowU_01.png) no-repeat center 80%;
  text-align: center;
  padding: 15px 0 30px;
  transition: background-color 0.5s ease 0s;
  position: relative;
}
#blc_com .comBtn li:nth-child(2n) a {
  background-color: #161616;
}
#blc_com .comBtn li a:hover {
  background-color: #303030;
}
/* セミナーのご案内 */

#blc_seminar {
  overflow: hidden;
  height: auto;
  text-align: left;
  background: url(../../img/seminar_blc_bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#blc_seminar .blc_in {
  width: 50%;
  float: left;
  height: auto;
  color: #FFF;
  background: url(../img/black_opa70.png) repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px 70px;
}
#blc_seminar .seminar_post{
  overflow: hidden;
}
#blc_seminar .blcTtl {
  font-size: 24px;
  margin-bottom: 30px;
  line-height: 1.3em;
  font-weight: bold;
}
#blc_seminar .blcTtl a {
  color: #FFF;
  background: url(../img/arrowR_02.png) no-repeat right center;
  display: inline-block;
  padding-right: 50px;
}
#blc_seminar .blcTtl a:hover {
  text-decoration: underline;
}
#blc_seminar .box-seminar {
  margin-bottom: 40px;
  overflow: hidden;
}
#blc_seminar .post_ttl {
  font-size: 18px;
  line-height: 1.5;
  padding: 0 0 0 20px;
  border-left: 6px #FFF solid;
  margin-bottom: 15px;
}
#blc_seminar .post_days,
#blc_seminar .event_date{margin-left:30px;}
#blc_seminar .post_days dt {margin-left:-0.5em;}
#blc_seminar .btn-box {
  clear: both;
}
#blc_seminar .btn-box a {
  line-height: 1em;
  background: #b00000;
  color: #FFF;
  text-align: center;
  float: right;
  width: 180px;
  padding: 12px 0;
  margin-bottom:30px;
  text-decoration: non;        /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  border-radius: 5px;
}
#blc_seminar .btn-box a:hover {
  background-color: #980000;
  transition: background-color 0.5s ease 0s;
}
#blc_seminar .btn-blc,#blc_seminar .btn-result {
  clear: both;
}
#blc_seminar .btn-blc a {
  line-height: 1em;
  background: #b00000 url(../img/icon-voice.png) no-repeat 30px center;
  color: #FFF;
  text-align: center;
  float: right;
  width: 200px;
  margin-bottom:30px;
  padding: 15px 0 15px 15px;
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  border-radius: 5px;        /* CSS3草案 */
}
#blc_seminar .btn-result a {
  line-height: 1em;
  background: #b00000 url(../img/icon-result.png) no-repeat 30px center;
  color: #FFF;
  text-align: center;
  float: right;
  width: 200px;
  padding: 15px 0 15px 15px;
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */
  border-radius: 5px;        /* CSS3草案 */
}

#blc_seminar .btn-blc a:hover,#blc_seminar .btn-result a:hover {
  background-color: #980000;
  transition: background-color 0.5s ease 0s;
}

/* 黒字メソッド実践会ブロック */
#kurojimethod_box{
  border-left: solid 1px #EAE5DC;
}

#kurojimethod_box .box_subTtl{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight:bold;
  font-size:20px;
  line-height:1.5;
  margin-bottom:20px;
  text-indent: -0.5em;}
#kurojimethod_box .box_txt{ margin-bottom: 15px;}
#kurojimethod_box .box_txt p{ margin-bottom: 15px;}
#kurojimethod_box .box-list {margin:  0 0 15px 2em;}
#kurojimethod_box .box-list li{ list-style:disc;}
#kurojimethod_box .sign{ text-align:right;}
#kurojimethod_box .sign span { display:block;font-size:20px;margin-top:30px;}

#kurojimethod_box .schedule{ font-size: 18px; font-weight: bold; text-align: center}

#kurojimethod_box .btn{
  display: block;
  line-height: 1;
  background: #b00000;
  color: #FFF;
  text-align: center;
  width: 200px;
  padding: 15px;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 40px;
}

#blc_seminar .btn-blc .btn:hover {
  background-color: #980000;
  transition: background-color 0.5s ease 0s;
}

/* 新着情報ブロック */

#blc_latest {
  background-color: #eae5dc;
  overflow: hidden;
  clear: both;
  padding: 55px 0;
}
#blc_latest .blcRight {
  width: 50%;
  float: right;
}
#blc_latest .boxTtl {
  background-color: #000;
  color: #FFF;
  font-size: 18px;
  line-height: 1em;
  padding: 10px 30px;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
#blc_latest .btn-latest {
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  background: #333333;
  color: #FFF;
  font-size: 12px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
}
#blc_latest .btn-latest:hover {
  background-color: #212121;
  transition: background-color 0.5s ease 0s;
}
#blc_latest .blcRight ul {
  padding: 10px;
  display: block;
}
#blc_latest .blcRight ul a {
  text-decoration: none;
  color: #1A1A1A;
  display: block;
  padding: 5px 0 5px 100px;
}
#blc_latest .blcRight ul a:hover {
  text-decoration: underline;
}
#blc_latest .blcRight li .date {
  float: left;
  padding: 5px;
}
#blc_latest .boxInfo {
  margin: 0 25px 50px;
  text-align: left;
}
#blc_latest .boxColumn {
  margin: 0 25px;
  text-align: left;
}
#blc_latest .blcLeft {
  width: 50%;
  float: left;
}
#blc_latest .blc-facebook {
  width: 500px;
  margin: 0 auto;
}
/* オフィスブロック */

#blc_office {
  clear: both;
  overflow: hidden;
}
#blc_office .boxIn {
  width : 48%; /* 未対応ブラウザ用フォールバック */
  padding: 1%;
  /* width : -webkit-calc(100% / 3 -1px); */
	/*width : calc(100% / 3 -1px); */
  float: left;
}
#blc_office .boxIn:nth-child(2n) {
  background-color: #f2f2f2;
}
#blc_office .boxIn a {
  overflow: hidden;
  display: block;
}
#blc_office .boxIn .boxImg {
  width: 40%;
  float: left;
}
#blc_office .boxIn .boxImg img {
  width: 100%;
  height: auto;
}
#blc_office .boxIn dl {
  display: block;
  padding: 10px 20px;
  margin-left: 40%;
  text-align: left;
}
#blc_office .boxIn dt {
  font-size: 21px;
  margin-bottom: 10px;
}
#blc_office .boxIn dt .small {
  display: block;
  font-size: 12px;
}
#blc_office .boxIn dd span {
  display: inline-block;
}
#blc_office .boxIn .btn_gmap {
  margin-top: 15px;
  padding: 7px 10px;
  border: solid 1px #ccc;
  color: #000;
  text-align: center;
  background: #F1F1F1;
}
#blc_office .boxIn:nth-child(2n) .btn_gmap {
  background: #FFF;
}

.txtArea{
  border-top: #eee solid 1px;
  overflow: hidden;
}

.txtArea__in{
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 20px;
  text-align: left;
  font-size: 14px;
}

.txtArea .blc_ttl{
  font-size: 110%;
  color: #165FAE;
  font-weight: bold;
  margin-bottom: 5px;
}
.txtArea .catch_txt{
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
}

/**
 * TOP Media Queries
 */


@-ms-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}

/**
 *  >= 710px
 */

@media screen and (min-width: 44.375em) {
}

/**
 *  >= 783px
 */

@media screen and (min-width: 48.9375em) {
}

/**
 *  - >= 910px
 */

@media screen and (min-width: 976px) {
#blc_com .blc_ceo .boxLeft {
  background-color: #000;
}
#blc_com .blc_ceo dl.ceoOutline {
  margin: 30px 30px 30px;
}
/* 出版書籍 */
#blc_com .blc_ceo dl.books {
 /* max-width: 450px;*/
  max-width: 520px; /* 20200410追加 */
}
#blc_com .blc_ceo dl.books li img {
  width: 90%;
  max-width: 90px;
}
}

/**
 *  - >= 985px
 */

@media screen and (min-width: 61.5625em) {
}

/**
 *  - >= 1200px
 */

@media screen and (min-width: 75em) {
/* 椢原のコラム */
#blc_com .blc_column li {
  display: block;
  overflow: hidden;
}
#blc_com .blc_column li a {
  padding: 5px 30px 5px 120px;
  display: block;
}
}
/*==============================================================*/
/* 下層ページ */
/*==============================================================*/


.page-magazine #content {
  text-align: center;
}
.page-magazine #mainImg-s {
  margin-bottom: 60px;
  padding-top: 40px;
  padding-right: 480px;
  background: url(../../img/magazine-mainimg.jpg) no-repeat;
  text-align: center;
  height: 330px;
}
.page-magazine #mainImg-s p {
  margin-bottom: 30px;
}
.page-magazine .btn {
  background: #57b88c;
  background-image: -webkit-linear-gradient(top, #57b88c, #2e9e6c);
  background-image: -moz-linear-gradient(top, #57b88c, #2e9e6c);
  background-image: -ms-linear-gradient(top, #57b88c, #2e9e6c);
  background-image: -o-linear-gradient(top, #57b88c, #2e9e6c);
  background-image: linear-gradient(to bottom, #57b88c, #2e9e6c);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 7px #8f8f8f;
  -moz-box-shadow: 0px 3px 7px #8f8f8f;
  box-shadow: 0px 3px 7px #8f8f8f;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 15px 0px 10px;
  text-decoration: none;
}
.page-magazine .btn:hover {
  background: #4dd698;
  background-image: -webkit-linear-gradient(top, #4dd698, #1eb36e);
  background-image: -moz-linear-gradient(top, #4dd698, #1eb36e);
  background-image: -ms-linear-gradient(top, #4dd698, #1eb36e);
  background-image: -o-linear-gradient(top, #4dd698, #1eb36e);
  background-image: linear-gradient(to bottom, #4dd698, #1eb36e);
  text-decoration: none;
}
.page-magazine #mainImg-s .btn img {
  display: block;
  margin: 5px auto 0;
}
.page-magazine #mainImg-s .btn {
  display: inline-block;
  width: 300px;
}
.page-magazine .btn.bottom {
  display: block;
  margin: 0 auto;
  width: 860px;
  padding: 30px 0;
  font-size: 24px;
}
.page-magazine .btn.bottom img {
  display: block;
  margin: 15px auto 0;
}
.page-magazine .txtBox {
  margin-bottom: 60px;
}
.page-magazine .copy {
  margin-bottom: 20px;
  text-align: center;
  font-size: 24px;
}
.page-magazine .txtBox ul {
  margin: 0 auto 30px;
  width: 900px;
  padding: 30px 40px;
  background: #e0ebef;
  text-align: left;
}
.page-magazine .txtBox li {
  margin: 5px 0;
}
.page-magazine .txtBox li:before {
  content: "・"
}
/*==============================================================*/
/* 会社案内ページ */
/*==============================================================*/

.com_prof {
  padding: 20px;
}
.com_data {
  display: block;
  overflow: hidden;
  background: #f2f2f2 url(../../img/bg-com.png) repeat-y left;
}
.com_data dt, .com_data dd {
  padding: 14px 30px;
}
.com_data dt {
  float: left;
  color: #FFF;
  background-color: #4e3f2f;
}
.com_data dd {
  padding-left: 245px;
  border-bottom: solid 3px #FFF;
}
/*==============================================================*/
/* 推薦者の声・クライアントの声 */
/*==============================================================*/

.page-voice .contentNavi li a {
  width: 500px;
  padding-bottom: 20px;
}
.page-voice .contentNavi li p, .page-voice .contentNavi li span {
  display: block;
  height: 74px;
  margin-bottom: 5px;
}
.page-voice .contentNavi li:first-child p {
  background-image: url(../../img/navi-voice-introducer.jpg)
}
.page-voice .contentNavi li:last-child p {
  background-image: url(../../img/navi-voice-client.jpg);
}
.page-voice .contentNavi li a:hover span, .page-voice .contentNavi li a.active span {
  background: url(../img/black_opa30.png);
}
/*==============================================================*/
/* クライアントの声 */
/*==============================================================*/

.page-voice .clientBox {
  margin: 0 auto 100px;
  width: 960px;
}
.page-voice .clientBox .ttl {
  background: #7dabc3;
  padding: 20px 30px;
  color: #FFF;
  font-size: 24px;
}
.page-voice .clientBox h3 {
  position: relative;
  width: 960px;
  height: 80px;
  background: #d1dee5;
  font-size: 26px;
}
.page-voice .clientBox h3 p {
  display: table-cell;
  height: 80px;
  padding: 0px 30px;
  vertical-align: middle;
}
.page-voice .clientBox h3 .name {
  display: table;
  float: left;
}
.page-voice .clientBox h3 .group {
  font-size: 14px;
}
.page-voice .clientBox a, .page-voice .introducerBox a {
  position: absolute;
  display: inline-block;
  background: #eee url(../img/icon-url.png) no-repeat 15px center;
  padding: 10px 15px 10px 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
}
.page-voice .clientBox a {
  right: 30px;
  bottom: 20px;
}
.page-voice .clientBox a:hover, .page-voice .introducerBox a:hover {
  background-color: #999;
  color: #FFF;
}
.page-voice .clientBox .txtBox {
  padding: 30px;
}
/*==============================================================*/
/* 推薦者の声 */
/*==============================================================*/


.page-voice .textright {
  text-align: right;
  margin-bottom: 15px;
  margin-top: 30px;
}
.page-voice .introducerBox {
  margin-top: 50px;
  margin-bottom: 70px;
  overflow: hidden;
}
.page-voice .introducerBox:last-child {
  margin-bottom: 0;
}
.page-voice .introducerBox h3 {
  font-size: 26px;
  line-height: 1.3;
}
.page-voice .introducerBox .wrap {
  position: relative;
  margin: 30px 0;
  overflow: hidden;
}
.voiceImg {
  width: 275px;
  float: left;
}
.voiceImg img {
  width: 100%;
  height: auto;
}
.page-voice .introducerBox img {
  float: left;
}
.page-voice .introducerBox a {
  top: 0px;
  right: 0px;
}
.page-voice .introducerBox .profile {
  float: right;
  width: 640px;
  overflow: hidden;
}
.page-voice .introducerBox .name {
  font-size: 24px;
  line-height: 1.3;
}
.page-voice .introducerBox .group {
  font-size: 16px;
  margin-top: 20px;
}
.page-voice .introducerBox .txtBox {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #ccc;
}
.page-voice .introducerBox h4 {
  background: #d1dee5;
  padding: 20px;
  font-size: 16px;
}
.page-voice .introducerBox .history {
  background: #e4ecf0;
  overflow: hidden;
  padding: 20px;
  zoom: 1;
}
.page-voice .introducerBox .history li {
  padding: 10px 0;
  border-bottom: 1px dotted #b0bdc4;
}
.page-voice .introducerBox li:last-child {
  border-bottom: none;
}
.page-voice .voice-recommend{
  padding-left: 4%;
  padding-right: 4%;
}

.page-kuchikomi .pageTitle{visibility: hidden;}
.page-kuchikomi .pnavi{display: none;}

/*==============================================================*/
/* お問合せページ */
/*==============================================================*/

#contact {
  padding: 30px;
}
.mail-form {
  padding: 20px;
  background-color: #FFF;
  border: solid 1px #ccc;
  margin-bottom: 50px;
}
.tit-thx {
  margin-bottom: 1em;
}
.thanks-info {
  padding: 15px;
  border: solid #ccc 1px;
  margin: 20px 0;
  background-color: #F3F3F3;
}
.page-contact .thanks {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}
.page-contact .address {
  border: #999 solid 1px;
  background: #fafafa;
  margin: 20px;
  padding: 10px;
  width: 500px;
}
.page-contact .address p {
  margin: 10px 0px;
}
/*==============================================================*/
/* プライバシー利用規約 */
/*==============================================================*/

.policy {
  overflow: hidden;
}
.policy p {
  margin-bottom: 1em;
}
.policy .blcTtl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1em;
}
.policy dt {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: bold;
}
.policy dd {
  margin-bottom: 2em;
}
/* #
----------------------- */


.policyList {
  width: 1000px;
  margin: 0 auto;
}
.policyList h4 {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin: 30px 0 10px;
  font-weight: normal;
  background: #f2f2f2;
  text-indent: 0.5em;
  padding: 10px 0;
}
.policyList h4:first-child {
  margin-top: 0;
}
.policyList h5 {
  margin: 1em 0 0.5em 0.5em;
  font-weight: normal;
}
.policyList p {
  padding: 0 0.5em;
}
.policyList ul {
  margin: 0.5em 0 0 1.5em;
}
.policyList ul li {
  list-style: disc;
  margin-left: 1em;
}
/*==============================================================*/
/* 採用情報 */
/*==============================================================*/

.saiyou {
  overflow: hidden;
  padding: 0 2%;
}
.saiyouBlc {
  margin-bottom: 30px;
}
.saiyou .blcTtl {
  font-size: 21px;
  font-weight: normal;
  border-bottom: #aaa;
  margin-bottom: 15px;
  padding-left: 15px;
  border-left: solid 5px #C00;
  line-height: 1.4;
}
.saiyou .box {
  padding: 30px 0;
  border-top: solid 1px #aaa;
}
.saiyou .boxTtl {
  position: relative;/*相対位置*/
  line-height: 1.4;/*行高*/
  display: inline-block;
  font-size: 18px;
  letter-spacing: 3px;
  font-weight: normal;
  margin: 0 10px 2%;
}
.saiyou .boxTtl:before, .saiyou .boxTtl:after {
  position: relative;
  font-weight: normal;
  display: inline-block;
  font-size: 1.0em;
}
.saiyou .boxTtl:before {
  content: "[　";/*アイコン種類*/
  padding-right: 0.5em
}
.saiyou .boxTtl:after {
  content: "　]";/*アイコン種類*/
  padding-left: 0.5em
}
.saiyou table {
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.saiyou table th {
  width: 200px;
  padding: 20px;
  font-size: 16px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #eee;
}
.saiyou table td {
  padding: 20px;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/*==============================================================*/
/* サイトマップ */
/*==============================================================*/

.sitemap {
  padding: 0 2%;
  overflow: hidden;
}
.sitemapBlc {
  overflow: hidden;
  margin-bottom: 40px;
}
.sitemapBlc .blcTtl {
  border-bottom: 1px solid #aaa;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
  padding-bottom: 11px;
}
.sitemapBlc .list-page {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
.sitemapBlc .list-page li {
  display: block;
  float: left;
  width: 33.333%;
  margin-bottom: 10px;
}
.sitemapBlc .list-page li a {
  display: block;
  padding-left: 30px;
  background: url(../img/arrowR_05.png) no-repeat left;
  color: #039;
}
.list-page-under {
  border-top: 1px dotted #ddd;
  margin-top: 20px;
  padding: 20px 0 0;
  text-align: right;
}
.list-page-under a {
  display: inline-block;
  padding-left: 30px;
  background: url(../img/arrowR_05.png) no-repeat left;
  color: #039;
}


/*==============================================================*/
/* 下層ページメニューパーツ */
/*==============================================================*/

.page_menu_ttl_box{
      position: relative;
    margin-bottom: 50px;
    height: 300px;
    background: #ededf8;
}

/*.page_menu_ttl_box::before{
      position: absolute;
    top: -60px;
    left: 0;
    content: "";
    display: block;
      width: 210px;
    height: 220px;
    background: url(../../img/top/sp_deco01.png) no-repeat center / contain;
}*/

.page_menu_ttl_box .page_menu_ttl_box_under .ttl{
    position: relative;
    z-index: 3;
}
.page_menu_ttl_box .page_menu_ttl_box_under .ttl::before{
      position: absolute;
       left: -88px;
    top:-60px;
    content: "";
    display: block;
    width: 164px;
    height: 189px;
    background: url(../../img/top/ebook_deco.png) no-repeat center/ contain;
    z-index: -1;
}

.page_menu_ttl_box .page_menu_ttl_box_under{
      margin: 0 auto;
      max-width: 100%;
      width: 1000px;
    height: 100%;
    display: grid;
    gap: 10px;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.page_menu_ttl_box .underpagettl__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
}

.page_menu_ttl_box .page_menu_ttl_box_under .en{
      font-size: 4.0rem;
      color: #9e9e9e;
      font-weight: 500;
      font-family: "Roboto", sans-serif;
}
.page_menu_ttl_box .page_menu_ttl_box_under .ttl_txt{
      color: #160491;
      font-size: 3.2rem;
       font-weight: 800;  
}

.page_menu_ttl_box .underpagettl__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width:767px) {

.page_menu_ttl_box {
    margin-top: 10px;
    margin-bottom: 30px;
    height: auto;
  }

  .page_menu_ttl_box .page_menu_ttl_box_under .ttl::before {
    top: auto;
    left: auto;
    right: 0;
    bottom: -20px;
    width: 30vw;
    height: 40vw;
  }

  .page_menu_ttl_box .page_menu_ttl_box_under {
    padding-bottom: 30px;
    gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    height: auto;
    width: 100%;
  }

  .page_menu_ttl_box .underpagettl__img {
    position: static;
    top: auto;
    right: auto;
    margin-inline: -6%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 112%;
    height: 25vw;
  }

  .page_menu_ttl_box .page_menu_ttl_box_under .ttl {
    order: 2;
  }

  .page_menu_ttl_box .page_menu_ttl_box_under .en {
    font-size: 3.0rem;
  }

  .page_menu_ttl_box .page_menu_ttl_box_under .ttl_txt {
    font-size: 2.4rem;
  }

  .page_menu_ttl_box .underpagettl__img img {
    aspect-ratio: 16 / 9;
  }



}