/* CSS Document */
/*===============================================
　レスポンシブスタイル設定
===============================================*/
.drawer--navbarTopGutter {
  padding-top: 0;
}
.drawer-navbar {
  display: none;
}
.drawer-main {
  text-align: left;
  display: none;
}
.sp {
  display: none;
}
.blc-facebook {
  margin: 0 auto;
}
.facebook-wrapper {
  max-width: 500px;
  margin: 0 auto;
}
.facebook-wrapper > .fb-page {
  width: 100%;
}
.facebook-wrapper > .fb-page > span, .facebook-wrapper iframe {
  width: 100% !important;
}
@media screen and (max-width:975px) {
  /*.drawer--navbarTopGutter {
    padding-top: 4.75rem;
  }*/
  .sp {
    display: block;
  }
  /*body {
    width: 100%;
    min-width: inherit;
  }*/
  html {
    overflow-y: visible;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .drawer-navbar {
    display: block;
  }
  .drawer-navbar .drawer-nav {
    padding-top: 4.75rem;
    z-index: 105;
  }
  .drawer-navbar .drawer-navbar-header {
    background: #FFF;
    text-align: left;
    z-index: 110;
  }
  .drawer-navbar-header {
    height: 4.75rem;
  }
  .drawer-navbar--fixed {
    z-index: 120;
  }
  .drawer-hamburger {
    position: absolute;
    padding: 20px 1.2rem 30px;
  }
  button.drawer-hamburger:focus {
    background: #fff;
  }
  
  .drawerBtn {
    overflow: hidden;
    display: block;
    border-bottom: solid 1px #ececec;
  }
  .drawerBtn li {
    -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: block;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 50%;
  }
  .drawerBtn a {
    color: #333333;
    display: block;
    height: 35px;
    padding-top: 50px;
    width: 100%;
  }
  .drawer-navbar .drawer-menu {
    padding-bottom: 0;
    float: none;
  }
  .drawer-navbar .drawer-menu li {
    border-bottom: solid 1px #555555;
    font-size: 15px;
    line-height: 25px;
    padding: 0;
    background: #333333;
    color: #FFF;
    text-align: left;
  }
  .drawer-navbar .drawer-menu li a {
    padding: 10px 10px 10px 30px;
    display: block;
    background: url(../img/arrowRight05.png) no-repeat 10px center;
    color: #FFF;
  }
  .drawer-navbar .drawer-menu li:last-child {
    border-bottom: none;
  }
  .drawer-close .drawer-main {
    display: none;
  }
  .drawer-open .drawer-main {
    display: block;
  }
  .drawer-navbar .drawer-brand {
    padding: 15px 0;
    height: 4.35rem;
    line-height: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  .drawer-navbar .drawer-brand a {
    display: block;
  }
  .drawer-navbar .drawer-brand img {
    vertical-align: middle;
  }
  .drawer-brand .logo_mark {
    width: auto;
    height: 1.5rem;
    margin-right: 15px;
  }
  .drawer-brand img {
    height: 100%;
    width: auto;
  }
  .drawer-brand .logo_name {
    width: 42%;
    height: auto;
  }
  .drawer-form {
    background-color: #F7F7F7;
  }
  .drawer-form li {
    text-align: left;
    background: url(../img/arrowR_01.png) no-repeat 10px center;
    border-bottom: solid 1px #dbdbdb;
  }
  .drawer-form li a {
    font-weight: bold;
    color: #160491;
    padding: 15px 15px 15px 30px;
    display: block;
  }
  .drawe-tel a {
    padding: 20px 10px;
    display: block;
  }
  .drawer-overlay {
    z-index: 100;
  }
  #header {
    height: auto;
    border-bottom: none;
  }
  #header #headerIn {
    width: auto;
    height: auto;
    overflow: visible;
  }
  #headerIn .header-link {
    display: none;
  }
  #topBar {
    display: none;
  }
  #header .header-logo {
    display: none;
  }
  .headerContact {
    max-width: inherit;
    position: inherit;
    width: auto;
    float: none;
    overflow: hidden;
  }
  .headerContact li {
    height: auto;
    width: 33.3% !important;
  }
  .headerContact .head-tel {
    float: left;
    width: 50%;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .headerContact .head-tel img {
    width: 70%;
  }
  #gnavi {
    display: none;
    margin: 0px auto 50px;
  }
  .headerContact ul {
    width: 100%;
    display: block;
    float: none;
    clear: both;
    background-color: #f2f2f2;
    overflow: hidden;
  }
  .headerContact li {
    width: 33.3%;
    height: auto;
  }
  .headerContact .btn a {
    padding: 15px 30px 15px 40px;
  }
 
  #contentsWrap {
    width: 100%;
  }
  
  .page-magazine #content, .page-policy #content, .page-contact #content {
    margin-top: 30px;
  }
  #container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #main {
    width: auto;
    padding: 0;
    min-height: inherit;
  }
  #main .blcTitle {
    border-right: #DDDDDD solid 1px;
  }
  .page-content {
    width: 100%;
  }
  .pageNav {
    width: 100%;
  }
  #footer #footerIn {
    width: 96%;
    margin: 0 auto;
    padding: 60px 2% 0;
  }
  #wrap-siteLink {
    width: 100%;
    text-align: center;
  }
  #footer .pageTop {
    float: none;
  }
  #footer .footer-logo {
    float: none;
    padding: 0;
    text-align: center;
    margin: 0 0 15px;
  }
  #footer .SiteLink {
    margin-bottom: 10px;
    overflow: hidden;
  }
  #footer .ftBlc ul {
    float: none;
  }
  #footer .SiteLink li {
    width: 50%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer #footNav {
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  #footer #footNav .ftBlc li {
    margin: 0 0 0 15px;
    display: inline-block;
    padding: 0 2%;
    background-position: left 18px;
  }
  #footer .ftBlc a {
    background-position: 15px center !important;
  }
  #footer .ftBlc > a {
    font-size: 15px;
    background-image: none;
    text-align: center;
    margin-top: 20px;
  }
  #footer #footNav li a {
    padding: 10px 0;
    border: none;
    width: 100%;
    display: block;
  }
  #footer .ftBlc {
    display: none;
    margin: 0;
    width: 100%;
    padding: 0;
  }
  #footer .ftBlc:nth-child(4) {
    display: block;
  }
  #footer .ft-search .areaBox {
    float: none;
    overflow: hidden;
    border-bottom: 1px solid #83744e;
    padding: 15px 0;
  }
  #footer .ft-search .areaBox li {
    width: 24% !important;
  }
  #footer .ftBlc .ft-search {
    margin-bottom: 15px;
  }
  #footer .copy {
    margin-top: 0;
  }
  #content .page-title {
    margin-top: 15px;
  }
}

@media screen and (max-width:767px) {
/*===============================================
　共通
===============================================*/
  /*20200522追記　ヘッダーカラー*/
  .headerContact .btn:first-child a {
    position: relative;
    background: #FFF21F;
    padding: 15px 30px 15px 40px;
  }
  .headerContact .btn:first-child a:before {
    position: absolute;
    content: "";
    display: block;
    margin: 0;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
  }
  /* お問い合わせ　バナー*/
  .pageInfo {
    margin-bottom: 0;
    width: auto;
    padding: 0px;
    grid-template-columns: auto;
  }
  .pageInfo li {
    /*width: 50%;*/
    width: 100%;
    border: solid 1px #CCC;
    border-top: none;
    border-left: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pageInfo li:nth-child(1) {
    grid-column: span 2;
    width: 100%;
    line-height: 1.3;
  }
  .pageInfo li .small_txt {
    line-height: 1.4;
  }
  /*
.pageInfo li:nth-child(1) span{
 font-size: 80%;
 vertical-align: super;
}
*/

 #titleArea .titleIn {
    width: auto;
    overflow: hidden;
  }
  #titleArea .pageTitle {
    float: none;
    padding: 15px;
    font-size: 16px;
    line-height: 1.5;
    color: #160491;
  }
  .pnavi {
    display: none;
  }
  .breadcrumb {
    color: #584B1F;
    font-size: 12px;
    line-height: 26px;
    margin: 0;
  }
  ol.breadcrumb li {
    background: none;
    display: inline-block;
    float: left;
    list-style: outside none none;
    margin-left: 0;
    font-size: 11px;
  }
  ol.breadcrumb li a {
    background: none;
    color: #584B1F;
    display: block;
    padding: 0 15px 0 10px;
    position: relative;
    text-decoration: none;
  }
  ol.breadcrumb li a:last-of-type {
    margin-right: 0px;
  }
  ol.breadcrumb li a:before {
    border: none;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: inherit;
    top: 0;
    width: auto;
  }
  ol.breadcrumb li a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #7b6a30;
    border-image: none;
    border-style: solid;
    border-width: 5px 5px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -10px;
    top: 6px;
    width: 0;
  }
  ol.breadcrumb li:first-child a {
    background: none;
    padding-left: 0;
  }
  ol.breadcrumb li:first-child a::after {
    border-color: transparent transparent transparent #95844a;
  }
  ol.breadcrumb li:first-child a::before {
    display: none;
  }
  ol.breadcrumb li:last-child {
    position: relative;
  }
  ol.breadcrumb li:last-child span {
    background: none;
    display: block;
    padding: 0 15px 0 15px;
  }
  ol.breadcrumb li:last-child span::before {
    border: none;
    content: "";
    display: block;
    height: 0;
    left: -20px;
    position: absolute;
    top: 0;
    width: 0;
  }
  ol.breadcrumb li a:hover {
    background: none;
    color: #a11013;
    text-decoration: none;
  }
  ol.breadcrumb a:hover::before {
    border-color: #fff #fff #fff transparent;
  }
  ol.breadcrumb li a:hover::after {
    border-left-color: #fff;
  }


  .pageInfo li:nth-child(2) a, .pageInfo li:nth-child(3) a, .pageInfo li:nth-child(4) a, .pageInfo li:nth-child(5) a, .pageInfo li:nth-child(6) a {
    width: auto;
  }
  .pageInfo li:nth-child(1), .pageInfo li:nth-child(3), .pageInfo li:nth-child(5) {
    border-right: none;
  }
  /* 推薦者の声　クライアントの声　ボタン */
  .footer-banner {
    padding: 2%;
  }
  .footer-banner ul {
    width: auto;
    background: #000;
    padding: 0.1%;
    overflow: hidden;
  }
  .footer-banner li {
    float: none;
    background-position: center center;
    background-size: 105% auto;
    border: solid 2px #000;
  }
  .footer-banner li a {
    width: auto;
    height: auto;
  }
  /*コンサルティングメニューボタン*/
  .footNavi > p {
    font-size: 18px;
  }
 /* .footNavi.consulting li {
    width: 33.3%;
  }*/
  .footNavi ul  {grid-template-columns: repeat(2, 1fr);}
  .footNavi li p {
    padding: 10px 0 42px !important;
  }
  .footNavi li span {
    font-size: 10px;
  }
  .footNavi.consulting li a {
    width: 100%;
    background-position: center !important;
  }
  .footNavi.consulting li:nth-child(7) {
    clear: both;
  }
  /*コンサルティング事例ボタン*/
  .footNavi.result li a {
    width: auto;
    background-position: center !important;
  }
  .footNavi.result li {
    width: 33.3%;
  }
  .footNavi {
    width: 100%;
    margin-bottom: 30px;
  }
  .footNavi.consulting {
    margin-top: 15px;
  }
  #mainImg-l {
    min-width: inherit;
    width: 100%;
    height: auto;
    background-size: auto 100%;
    margin-bottom: 0px;
  }
  #mainImg-l div {
    height: auto;
    width: auto;
    padding: 60px 0;
  }
  #content {
    width: 100%;
    padding: 0 0 20px;
  }
}
@media screen and (max-width:490px) {
  .footer-banner li {
    background-size: auto 107%;
  }
}
/*@media screen and (max-width:500px) {
  .footNavi.consulting li {
    width: 50%;
  }
}*/
@media screen and (max-width:500px) {
  .footNavi.result li {
    width: 50%;
  }
}
/*===============================================
　アコーディオンメニュー
===============================================*/
@media screen and (max-width:767px) {
  .accordion_ttl {
    background: #fff url("../img/accordion_down.png") no-repeat scroll 97% center;
    border: 2px solid #036;
    color: #036;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 2% 0;
    padding: 10px;
    text-align: center;
    text-rendering: optimizelegibility;
    transform: rotate(0.028deg);
    margin-bottom: 15px;
  }
  .accordion_ttl.open {
    background: #efefef url("../img/accordion_up.png") no-repeat scroll 97% center;
  }
  .term_list {
    display: none;
    margin: 0 2%;
  }
}
/*===============================================
　コンサルティングにいて
===============================================*/
@media screen and (max-width:767px) {
  .page-about #mainImg-l div {
    padding: 60px 0;
  }
  .page-about #mainImg-l .copy {
    text-align: left;
    margin-bottom: 0;
    width: auto;
    padding: 0 30% 0 3%;
    position: relative;
    font-size: 21px;
  }
  .page-about #mainImg-l .copy b {
    display: block;
    text-indent: -1em;
  }
  .page-about #mainImg-l .copy br {
    display: none;
  }
  .page-about #mainImg-l div img {
    width: auto;
    height: 100%;
    right: 0;
    top: 5px;
  }
  .page-about #contentsList {
    margin: 2%;
  }
  .page-about #contentsList li {
    width: 48%;
    margin: 1%;
    height: auto;
    padding-bottom: 3%;
  }
  .page-about #contentsList li:nth-child(2n+1) {
    clear: both;
  }
  .page-about #contentsList a {
    width: auto;
    position: relative;
    padding: 0 0 60% 0;
    display: block;
    height: 0;
    background-size: auto 100%;
  }
  .page-about #contentsList a div {
    padding: 20% 3% 30% 3%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 45%;
  }
  .page-consulting #contentsList a div b {
    width: 800px;
    height: 4em;
    display: table-cell;
    vertical-align: middle;
    padding-top: 25%;
  }
  .contentNavi {
    margin-bottom: 0;
  }
  .contentNavi ul {
    width: 100%;
  }
  .contentNavi li {
    width: 25%;
  }
  .page-about .contentNavi li a {
    width: auto;
  }
}
@media screen and (max-width:650px) {
  .page-about #mainImg-l div img {
    width: auto;
    height: 100%;
    left: 70%;
  }
  .page-about #contentsList a div {
    font-size: 17px;
    line-height: 1.3;
  }
  .page-consulting #contentsList a div b {
    font-size: 15px;
  }
  .page-about #contentsList li {
    font-size: 13px;
  }
}
@media screen and (max-width:480px) {
  .page-about #contentsList li {
    margin: 0;
    width: 100%;
  }
  .page-about #contentsList a div {
    font-size: 15px;
    width: 45%;
    padding: 15% 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-about #contentsList a {
    padding-bottom: 0;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
}
/*===============================================
　経営理念
===============================================*/
@media screen and (max-width:767px) {
  .contentNavi li a {
    /*height: auto;*/
    height: 100%;
    padding-bottom: 20px;
    display: block;
    background: rgba(0, 0, 0, 0) url(../img/arrowU_01.png) no-repeat scroll center 90%;
  }
  .page-about.idea .container-01 .contentBox {
    width: auto;
    padding: 7% 4%;
  }
  .page-about.idea h3 {
    line-height: 1.5;
    font-size: 26px;
    margin-bottom: 15px;
  }
  .page-about.idea .container-02 .contentBox {
    width: auto;
    padding: 7% 4%;
    background-image: none;
  }
  .page-about.idea .container-02 .contentBox:after {
    content: " ";
    background: url(../../img/about/idea-credo.jpg) top center;
    background-size: 100% auto;
    display: inline-block;
    width: 100%;
    padding-top: 70%;
    margin-top: 20px;
  }
  .page-about.idea .container-02 .contentBox br {
    display: none;
  }
  .page-about.idea .container-02 h3 {
    line-height: 1em;
    margin-bottom: 20px;
    font-size: 23px;
  }
  .page-about.idea .contentBox {
    width: auto;
    padding: 4%;
  }
  .page-about.idea .container-03 h3 {
    line-height: 1em;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 23px;
  }
  .page-about.idea .container-04 {
    padding: 0;
    margin: 4%;
    overflow: hidden;
    background-color: #FFF;
  }
  .page-about.idea .container-04 .contentBox {
    width: 100%;
  }
  .page-about.idea .container-04 h3 {
    background-position: center;
    background-size: auto 100%;
    padding-top: 40%;
    font-size: 21px;
  }
  .page-about.idea .container-04 h3 span {
    padding: 3%;
  }
  .page-about.idea .container-04 ul {
    display: block;
    margin: 4% 0;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
  }
  .page-about.idea .container-04 li {
    width: 100%;
    height: auto;
    padding: 5% 4% 2%;
    border-right: 1px #CCC solid;
    border-bottom: 1px #CCC solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width:575px) {
  .contentNavi li {
    width: 50%;
  }
  .contentNavi li img {
    width: 100%;
  }
}
/*===============================================
　代表挨拶
===============================================*/
@media screen and (max-width:767px) {
  .page-about.greeting .txtBox {
    padding: 4%;
  }
  .page-about.greeting .txtBox img {
    width: 50%;
    height: auto;
    margin: 0 0 2% 2%;
  }
  .page-about.greeting .txtBox .rightT img {
    width: auto !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width:410px) {
  .page-about.greeting .txtBox img {
    width: 100%;
    height: auto;
    margin: 0 0 4% 0;
  }
}
/*===============================================
　代表者プロフィール
===============================================*/
@media screen and (min-width:768px) {
  .page-about.profile .books li {
    width: 23%;
  }
  .page-about.profile .books a {
    display: block;
    width: 100%;
    text-align: center;
    margin-right: 0;
    float: inherit;
    margin-bottom: 15px;
  }
  .page-about.profile .books li div {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .page-about.profile #mainImg-s {
    width: auto;
    padding: 4% 50% 4% 4%;
    background-position: right bottom;
  }
  .page-about.profile h3 {
    margin: 4% 4% 15px;
    padding: 15px;
    font-size: 21px;
  }
  .page-about.profile #content ul, .page-about.profile #content ol {
    display: block;
    width: auto;
    margin: 0 4% 15px;
  }
  .page-about.profile .books li {
    margin-bottom: 20px;
    margin-left: 0;
    padding-right: 4%;
    width: 46%;
  }
  .page-about.profile .books li img {
    width: 125px;
    height: auto;
    max-width: inherit;
  }
  .page-about.profile .notes {
    margin: 20px 4%;
    width: auto;
  }
  .page-about.profile .notes br {
    display: none;
  }
  /* 著者 2020410追加 */
  .page-about.profile .bookinfo {
    padding: 10px 10px 10px 55px !important;
  }
  .page-about.profile .bookinfo:before {
    left: 5px;
  }
  .page-about.history .history_txt{
     padding: 0 5%;
}
}
@media screen and (max-width:590px) {
  .page-about.profile #mainImg-s {
    /*padding: 4% 4% 70% 4%;*/
    padding: 4% 4% 80% 4%;
    background-size: 70% auto;
    height: auto;
  }
}
@media screen and (max-width:670px) {
  .page-about.profile .books li {
    margin-left: 0;
    padding: 4%;
    width: 96%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
  }
  .page-about.profile .books li:last-child {
    border-bottom: none;
  }
  .page-about.profile .books li div {
    display: block;
    padding: 40px 0 0 135px;
  }
  .page-about.profile .books li img {
    width: 110px;
    height: auto;
    max-width: inherit;
  }
}
/*===============================================
　会社概要
===============================================*/
@media screen and (max-width:767px) {
  .page-about.company #content .txtBox, .page-about.company #content ul, .page-about.company #content dl {
    display: block;
    width: auto;
  }
  .page-about.company .data {
    margin: 4% 4% 20px !important;
  }
  .page-about.company .data dt {
    width: 40%;
  }
  .page-about.company .data dt p {
    width: auto;
  }
  .page-about.company .data dd {
    padding-left: 45%;
  }
  .page-about.company .card li {
    width: 50%;
  }
  .page-about.company .card li img {
    width: 100%;
    float: none;
  }
  .page-about.company .card li dl {
    padding: 3% 3% 5%;
    display: block;
    text-align: center;
  }
  .page-about.company #content > ul, .page-about.company #content > dl {
    margin-bottom: 20px;
  }
  .page-about.company h3 {
    margin: 0 4% 0;
    padding: 15px 0;
    font-size: 21px;
  }
  .company #content .txtBox {
    padding: 4%;
  }
  .page-about.company .programList {
    margin: 20px 4% 20px !important;
  }
  .page-about.company .programList li {
    width: 33%;
  }
  .page-about.company .programList li br {
    display: none;
  }
  .page-about.company .programList span {
    width: 300px;
    display: table-cell;
    height: 3em;
    padding: 15px 15px 30px;
  }
}
@media screen and (max-width:600px) {
  .page-about.company .programList li {
    width: 49%;
  }
}
@media screen and (max-width:480px) {
  .page-about.company .data dt {
    float: none;
    width: auto;
  }
  .page-about.company .data dd {
    padding: 4%;
    border-bottom: none;
  }
  .page-about.company .programList li p {
    font-size: 13px;
  }
}
@media screen and (max-width:430px) {
  .page-about.company .card li {
    width: 100%;
  }
}
@media screen and (max-width:400px) {
  .page-about.company .programList li {
    width: auto;
  }
}
/*===============================================
　コンサルティング事例
===============================================*/
@media screen and (max-width:767px) {
  #mainImg-l div p {
    margin: 0 4%;
  }
  #mainImg-l div p br {
    display: none;
  }
  .footNavi {
    margin-bottom: 0;
  }
  /*.footNavi li {
    width: 50%;
  }*/
  .footNavi.seminar li a {
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
  }
  .footNavi.seminar li a:before {
    margin-bottom: 5px;
  }
  .page-result #contentsList {
    margin: 1%;
  }
  .page-result #contentsList li {
    width: 48%;
    margin: 1%;
    height: auto;
    padding-bottom: 3%;
  }
  .page-result #contentsList li:nth-child(2n+1) {
    clear: both;
  }
  .page-result #contentsList a {
    width: auto;
    position: relative;
    padding: 0 0 60% 0;
    display: block;
    height: 0;
    background-size: auto 100%;
  }
  .page-result #contentsList a div {
    padding: 20% 3% 30% 3%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 45%;
  }
  .page-result a div:after {
    bottom: 20%;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
  }
  .page-result .contentNavi li a {
    width: auto;
  }
  /* 一覧 */
  .case_list {
    padding: 5%;
  }
  .tax-case-cat .cat_txt {
    padding: 0 3%;
  }
  .page-result .archivesList dt a {
    padding-right: 15px;
  }
  /* 詳細 */
  .pager {
    margin-top: 4%;
  }
  .pager .prev {
    display: none;
  }
  .pager .next {
    display: none;
  }
  .singlePost {
    margin: 0;
    padding: 4%;
  }
  .page-result .singlePost h3 {
    margin-bottom: 20px;
  }
  .page-result .singlePost h3 div {
    font-size: 18px
  }
  .page-result .singlePost .data dl {
    float: none;
    display: block;
    overflow: hidden;
    position: relative;
  }
  .page-result .singlePost .data dt, .page-result .singlePost .data dd {
    padding: 10px;
  }
  .page-result .singlePost .data dt {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    line-height: 1.3;
  }
  .page-result .singlePost .data dd {
    margin-left: 120px;
    display: block;
    float: none;
    line-height: 1.3;
  }
  .page-result .singlePost .txtBox {
    margin: 0;
    padding: 5% 5px;
  }
  .page-result .singlePost .seminarLink {
    width: auto;
    padding: 4%;
    display: block;
    overflow: hidden;
    height: auto;
    margin-bottom: 0;
  }
  .page-result .singlePost .seminarLink p {
    float: none;
    padding: 0;
    display: block;
    margin-bottom: 20px;
  }
  .page-result .singlePost .seminarLink p br {
    display: none;
  }
  .page-result .singlePost .seminarLink a {
    display: block;
    margin: 0 auto;
    padding: 15px 15px 15px 40px;
  }
  .page-result .singlePost .download a {
    max-width: 70%;
    padding: 20px 10% 20px 20%;
    background: #dd0000 url("../img/icon-pdf.png") no-repeat scroll 4% center;
    display: block;
    margin: 20px auto 0;
    text-align: center;
    background-size: 10% auto;
  }
}
@media screen and (max-width:650px) {
  .page-result #contentsList a div {
    font-size: 14px;
    padding-top: 13%;
    line-height: 1.3;
  }
  .page-result #contentsList a div b {
    height: 3em;
    vertical-align: middle;
  }
  .page-result #contentsList li {
    font-size: 13px;
  }
}
@media screen and (max-width:480px) {
  .page-result #contentsList li {
    width: 100%;
  }
  .page-result #contentsList a div {
    width: 8em;
    padding: 40px 5% 0;
  }
  .page-result #contentsList a {
    padding-bottom: 0;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
}
/*===============================================
　セミナーのご案内
===============================================*/
@media screen and (max-width:767px) {
  .page-seminar #mainImg-l{margin-bottom: 20px;}
  .page-seminar #mainImg-l .copy {
    text-align: center;
    display: block;
    line-height: 1.5;
  }
  .page-seminar #mainImg-l p {
    text-align: center;
  }
  .page-seminar #contentsList {
    margin: 2%;
  }
  .page-seminar #contentsList li {
    width: 48%;
    margin: 1%;
    padding-bottom: 3%;
  }
  .page-seminar #contentsList a {
    width: auto;
    position: relative;
    display: block;
    background-size: cover;
    overflow: hidden;
    height: inherit;
  }
  .page-seminar #contentsList a div {
    padding: 40px 3% 50px 3%;
    display: block;
    position: relative;
    width: 48%;
    height: 175px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-seminar .contentNavi li {
    width: 50%;
  }
  .page-seminar .contentNavi li a {
    height: auto;
  }
  /* セミナー一覧 */
  
  .term_description{
    margin: 4% 2% 20px;
  }


  .page-seminar.seminar .archivesList dd+dt{
        margin-top: 56px;
  }
  
  .page-seminar.seminar .archivesList a {
    border-left: none;
    border-bottom: 5px solid #b00;
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 21px;
    height: auto;
    padding: 10px;
    position: relative;
    overflow: hidden;
    display: block;
  }
  .page-seminar.seminar .archivesList a span {
    display: block;
    top: 70px;
    left: 50%;
    margin-left: -80px;
    padding: 15px 0;
    width: 180px;
    text-align: center;
    background: #b00 url("../img/arrowR_02.png") no-repeat scroll 150px center;
    clear: both;
    float: none;
    margin: 10px auto 0;
  }
  .page-seminar.seminar .archivesList dd {
    margin-bottom: 20px;
    padding: 2%;
  }
  /* セミナー詳細 */
  .page-seminar .btn-backToList {
    margin-top: 20px;
  }
  .page-seminar.seminar .singlePost h3 {
    border-left: none;
    border-bottom: 5px solid #b00;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    line-height: 1.3;
    overflow: hidden;
    height: auto;
    font-size: 21px;
  }
  .page-seminar.seminar .singlePost .txtBox {
    margin: 0;
  }
  .page-seminar.seminar .singlePost .date {
    margin: 0;
  }
  .page-seminar.seminar .singlePost .date dt {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
  }
  .page-seminar.seminar .singlePost .date dt p {
    width: auto;
  }
  .page-seminar.seminar .singlePost .date dd {
    padding: 2% 2% 4%;
  }
  .page-seminar.seminar .singlePost .profileBox {
    margin: 0 2%;
  }
  .page-seminar.seminar .profileBox .leftF {
    float: none;
  }
  .page-seminar.seminar .profileBox img {
    float: none;
    display: block;
    margin: 15px auto 0;
  }
  .page-seminar.seminar .singlePost h4 {
    margin-top: 30px;
  }
  .page-seminar.seminar .singlePost h5 {
    margin-top: 15px;
  }
}
@media screen and (max-width:480px) {
  .page-seminar #contentsList li {
    margin: 0;
    width: 100%;
  }
  .page-seminar #contentsList a div {
    font-size: 17px;
    width: 45%;
    padding: 15% 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-seminar #contentsList a {
    padding-bottom: 0;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
}
@media screen and (max-width:650px) {
  .page-seminar #contentsList a div {
    font-size: 15px;
    line-height: 1.3;
  }
  .page-seminar #contentsList li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px){
  .page-seminar  .contentNavi {
    margin-bottom: 20px !important;
    } 
    .page-seminar .contentNavi li a {
          font-size: 13px;
    }
 }



/*===============================================
　セミナー参加者の声
===============================================*/
@media screen and (max-width:767px) {
  .page-seminar #mainImg-s.voice {
    width: 100%;
    margin-bottom: 0px;
    height: auto;
  }
  .page-seminar .contentBox {
    padding: 3%;
    margin: 0;
  }
  .page-seminar #mainImg-s.voice div {
    margin-left: 0;
    height: 260px;
  }
  .page-seminar .contentBox h3 {
    margin: 20px 0;
    height: auto;
    position: relative;
    padding: 4% 4% 4% 90px;
    line-height: 1.4;
  }
  .page-seminar .contentBox h3 span {
    margin-right: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 20px 5px;
  }
  .page-seminar .contentBox .comment {
    padding: 4%;
    margin: 0;
  }
  .page-seminar .contentBox h4 {
    margin-top: 20px;
  }
}
/*===============================================
　過去のセミナー実績
===============================================*/
@media screen and (max-width:767px) {
  .wp-pagenavi {
    margin-top: 30px;
  }
  .page-seminar.result .archivesList li {
    border: solid 1px #ccc;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
  }
  .page-seminar.result .archivesList li.ttl {
    display: none;
  }
  .page-seminar.result .archivesList li.ttl .name {
    display: block;
    width: auto;
    float: none;
  }
  .page-seminar.result .archivesList li {
    display: block;
  }
  .page-seminar.result .archivesList .name {
    display: block !important;
    width: inherit;
    float: none;
    font-size: 18px;
    border-bottom: none;
  }
  .page-seminar.result .archivesList .name br {
    display: none;
  }
  .page-seminar.result .archivesList .date {
    display: block;
    width: auto;
    float: none;
    border-bottom: none;
  }
  .page-seminar.result .archivesList li p {
    padding: 15px;
  }
}
/*===============================================
　よくある質問
===============================================*/
@media screen and (max-width:767px) {
  /* よくあるトップ*/
  .page-qa #mainImg-l div {
    padding: 7% 2%;
  }
  #mainImg-l .copy {
    font-size: 25px;
    line-height: 1.3;
    text-align: center;
    width: auto;
  }
  #mainImg-l .copy br {
    display: none;
  }
  .page-qa #contentsList li {
    width: 50%;
    margin: 0;
    height: auto;
  }
  .page-qa #contentsList a {
    width: 96%;
    margin: 2%;
  }
  /* よくある一覧*/
  .contentNavi ul {
    width: auto;
  }
  .page-qa .contentNavi li {
    width: calc(100% / 2);
    display: block;
  }
  .page-qa .contentNavi li a {
    width: 100%;
    display: block;
    height: auto;
    padding: 20px 0;
    background-position: 10px center;
    border: 1px solid #000;
    border-top: 0;
    border-left: 0;
  }
  .page-qa .contentNavi li br {
    display: none;
  }
  .page-qa .contentNavi li a {
    background-color: #222;
    width: auto;
  }
  .page-qa .contentNavi li a.active {
    background-color: #160491;
  }
  .qaComent {
    margin: 0 2%;
    padding-bottom: 15px;
    line-height: 1.7;
  }
  .archivesList {
    width: auto;
    margin: 4% 2% 0;
  }
  .page-qa dl.archivesList dt {
    background: #f2f2f2 url(../../img/qa/icon-q.png) no-repeat scroll 20px center;
    -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
    -moz-border-radius: 5px; /* Firefox用 */
    border-radius: 5px; /* CSS3草案 */
    padding: 1em 10px 1em 70px;
  }
  .page-qa dl.archivesList dd {
    background: rgba(0, 0, 0, 0) url(../../img/qa/icon-a.png) no-repeat scroll 20px 10px;
    padding: 1em 10px 1em 75px;
  }
}
@media screen and (max-width:430px) {
  .page-qa .contentNavi li {
    width: 100%;
    float: none;
  }
  .page-qa .contentNavi li a {
    padding: 15px 0 15px 40px;
    text-align: left;
    border-right: none;
  }
}
/*===============================================
　KRBコンサルタンツからの情報発信
===============================================*/
@media screen and (max-width:767px) {
  .page-blog #contentsList {
    margin: 2%;
  }
  .page-blog #contentsList li {
    width: 48%;
    margin: 1%;
    height: auto;
  }
  .page-blog #contentsList li:nth-child(2n+1) {
    clear: both;
  }
  .page-blog #contentsList a {
    width: auto;
    position: relative;
    padding: 0 0 60% 0;
    display: block;
    height: 0;
    background-size: auto 100%;
    background-position: center;
    margin-bottom: 0;
  }
  .page-blog #contentsList a div {
    padding: 20% 3% 30% 3%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 45%;
  }
  .page-blog #contentsList a div:after {
    bottom: 20%;
    text-align: center;
    right: 0;
    left: 0;
    position: absolute;
  }
}
@media screen and (max-width:650px) {
  .page-blog #contentsList a div {
    font-size: 15px;
    line-height: 1.3;
  }
  .page-blog #contentsList li {
    font-size: 13px;
  }
}
@media screen and (max-width:480px) {
  .page-blog #contentsList li {
    width: 100%;
    margin: 0 0 2%;
  }
  .page-blog #contentsList a div {
    font-size: 17px;
    width: 45%;
    padding: 15% 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-blog #contentsList a {
    padding-bottom: 0;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
}
/*===============================================
　椢原のコラム
===============================================*/
@media screen and (max-width:767px) {
  .page-blog .contentNavi {
    margin-bottom: 0;
  }
  .page-blog .contentNavi li a {
    width: auto;
  }
  .wp-pagenavi {
    margin: 20px 0;
  }
}
/*===============================================
　書籍紹介
===============================================*/
/* 一覧 */
@media screen and (max-width:767px) {
  .page-blog.books .archivesList li {
    margin: 30px 0 0;
  }
  .page-blog.books .archivesList div {
    width: 70%;
  }
  .page-blog.books .archivesList div a {
    margin: 5px;
  }
  .page-blog.books .archivesList img {
    width: 25%;
  }
}
@media screen and (max-width:640px) {
  .page-blog.books .archivesList div a {
    display: block;
    width: auto;
  }
}
@media screen and (max-width:500px) {
  .page-blog.books .archivesList img {
    width: auto;
    max-width: 150px;
    float: none;
    margin: 0 auto 20px;
    display: block;
  }
  .page-blog.books .archivesList div {
    width: auto;
    padding: 4%;
  }
}
/* 詳細 */
@media screen and (max-width:767px) {
  .page-blog.books .singlePost .leftF {
    width: 25%;
  }
  .page-blog.books .singlePost .rightF {
    width: 70%;
  }
  .page-blog.books .archivesList div a, .page-blog.books .singlePost .leftF a {
    width: auto;
    padding: 10px;
    display: block;
  }
  .page-blog.books .singlePost dt {
    width: auto;
  }
  .page-blog.books .singlePost dd {
    padding: 10px 5px 10px 100px;
  }
  .page-blog.books .singlePost h4 {
    padding: 15px;
    line-height: 1;
  }
  .page-blog.books .singlePost .summary {
    width: auto;
  }
  .page-blog.books .singlePost .summary > ul > li {
    padding: 15px;
  }
  .page-blog.books .singlePost .summary li ul {
    margin: 20px 0;
  }
  .page-blog.books .singlePost .summary h6 {
    margin: 30px 0 0;
  }
  .page-blog.books .singlePost .summary li span {
    display: block;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width:500px) {
  .page-blog.books .singlePost .leftF {
    width: auto;
    max-width: 200px;
    float: none;
    margin: 15px auto 20px;
    display: block;
  }
  .page-blog.books .singlePost .rightF {
    width: auto;
    padding: 4%;
  }
}
/*===============================================
　コンテンツ
===============================================*/
@media screen and (max-width:767px) {
  .page-blog.content h3.post-ttl {
    font-size: 21px;
  }
  .page-blog.content .singlePost h3 {
    font-size: 18px;
  }
}
/*===============================================
　インフォメーション
===============================================*/
@media screen and (max-width:767px) {
  .page-blog #two_column #main {
    width: auto;
    float: none;
  }
  .page-blog #two_column {
    width: auto;
    margin: 0;
  }
  .page-blog #side {
    width: auto;
    float: none;
    clear: both;
  }
  .page-blog #side dl {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .page-blog #side dd {
    padding: 0;
  }
  .page-blog #side dd a {
    padding: 15px 30px;
  }
  .page-blog #two_column .archivesList {
    padding: 2%;
    margin-bottom: 0;
  }
  .page-blog.kunihara .archivesList li:last-child a {
    border-bottom: none;
  }
}
@media screen and (max-width:430px) {
  .page-blog.kunihara .archivesList span {
    position: inherit;
    clear: both;
    display: block;
    width: 80px;
    text-align: center;
    top: inherit;
    float: right;
    margin-top: 10px;
  }
  .page-blog.kunihara .archivesList a {
    overflow: hidden;
    padding: 15px;
  }
}
/*===============================================
　推薦者の声
===============================================*/
@media screen and (max-width:767px) {
  .page-voice .textright {
    margin-top: 3%;
  }
  .page-voice .introducerBox {
    padding: 4% 4% 5%;
    margin-bottom: 30px;
  }
  .page-voice .contentNavi li {
    width: 50%;
  }
  .page-voice .contentNavi li p {
    background-position: center;
  }
  .page-voice .contentNavi li a {
    width: auto;
    display: block;
  }
  .voiceImg {
    width: 200px;
    position: absolute;
  }
  .page-voice .introducerBox img {
    height: 150px;
    width: auto;
  }
  .page-voice .introducerBox .profile {
    width: auto;
    float: none;
  }
  .page-voice .introducerBox h3 {
    font-size: 21px;
  }
  .page-voice .clientBox a, .page-voice .introducerBox a {
    position: relative;
    margin-top: 10px;
  }
  .page-voice .introducerBox .name, .page-voice .introducerBox .group, .page-voice .clientBox a, .page-voice .introducerBox a {
    margin-left: 180px;
  }
  .page-voice .introducerBox:nth-child(3) .txtBox {
    margin-top: 40px;
  }
  .page-voice .introducerBox:nth-child(7) .txtBox {
    margin-top: 70px;
  }
}
@media screen and (max-width:430px) {
  .page-voice .introducerBox {
    padding: 4%;
  }
  .page-voice .introducerBox h3 {
    text-align: center;
  }
  .voiceImg {
    position: relative;
    float: none;
    width: auto;
    margin-bottom: 0;
    text-align: center;
  }
  .page-voice .introducerBox img {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .page-voice .introducerBox .profile {
    clear: both;
  }
  .page-voice .introducerBox .name, .page-voice .introducerBox .group, .page-voice .clientBox a, .page-voice .introducerBox a {
    margin-left: 0;
    text-align: center;
  }
  .page-voice .introducerBox .name, .page-voice .introducerBox .group, .page-voice .clientBox a, .page-voice .introducerBox a {
    width: auto;
    margin-top: 20px;
    display: block;
  }
  .page-voice .introducerBox:nth-child(3) .txtBox, .page-voice .introducerBox:nth-child(7) .txtBox {
    margin-top: 20px;
  }
  .page-voice .introducerBox a {
    text-align: left;
  }
}
/*===============================================
　クライアントの声
===============================================*/
@media screen and (max-width:767px) {
  .page-voice .clientBox {
    margin: 4% 4% 5%;
    width: auto;
  }
  .page-voice .clientBox h3 {
    width: auto;
    height: auto;
    overflow: hidden;
    font-size: 21px;
  }
  .page-voice .clientBox .txtBox {
    padding: 3%;
  }
  .page-voice .clientBox .ttl {
    font-size: 21px;
    line-height: 1.2;
    padding: 2% 4%;
  }
  .page-voice .clientBox h3 p {
    padding: 0 15px;
  }
  .page-voice .clientBox a {
    margin: 2%;
    display: block;
    width: auto;
    position: relative;
  }
  .page-voice .clientBox a {
    right: inherit;
    bottom: inherit;
  }
}
@media screen and (max-width:430px) {
  .page-voice .clientBox h3 {
    padding: 4%;
  }
  .page-voice .clientBox h3 .name {
    display: block;
    float: inherit;
  }
  .page-voice .clientBox h3 p {
    display: block;
    height: auto;
    padding: 0 0 2%;
  }
}
/*===============================================
　メールマガジン登録
===============================================*/
@media screen and (max-width:767px) {
  .page-magazine .txtBox {
    padding: 4%;
  }
  .page-magazine .txtBox br {
    display: none;
  }
  .page-magazine .txtBox {
    margin-bottom: 20px;
  }
  .page-magazine #mainImg-s {
    padding-right: 0;
    padding: 10% 0;
    background-size: auto 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .page-magazine .txtBox ul {
    width: auto;
    display: block;
    padding: 5%;
  }
  .page-magazine .txtBox li {
    padding-left: 15px;
    text-indent: -1em;
  }
  .page-magazine .btn.bottom {
    width: auto;
    margin: 0 4%;
    padding: 3%;
    font-size: 18px;
    line-height: 1.2;
  }
  .page-magazine .btn.bottom img {
    margin-top: 10px;
  }
}
@media screen and (max-width:500px) {
  .page-magazine .copy {
    line-height: 1.3;
    font-size: 21px;
  }
  .page-magazine #mainImg-s p {
    padding: 0 5% 5%;
    margin: 0;
  }
  .page-magazine #mainImg-s p img {
    height: 100%;
  }
  .page-magazine #mainImg-s .btn {
    width: auto;
    margin-top: 15px;
    padding: 15px 15px 10px;
  }
}
/*===============================================
　お問合せ
===============================================*/
@media screen and (max-width:767px) {
  .page-contact #content {
    padding: 4%;
    width: auto;
    margin-top: 0;
  }
  .page-contact #content table, .page-contact #content tbody, .page-contact #content tr, .page-contact #content th, .page-contact #content td {
    display: block;
  }
  .page-contact #content th {
    width: auto;
    background: #202020;
    color: #FFF;
    padding: 10px;
  }
  .page-contact #content td {
    padding: 10px 10px 20px 10px;
  }
  .page-contact #content th .must {
    box-shadow: 0 0 5px #000;
  }
  .page-contact #content textarea {
    width: 100%;
    box-sizing: border-box;
  }
}
/*===============================================
　プライバシーポリシー
===============================================*/
@media screen and (max-width:767px) {
  .policyList {
    width: auto;
  }
  .page-qa #contentsList {
    margin: 2%;
  }
}
@media screen and (max-width:500px) {
  .page-qa #contentsList a {
    font-size: 15px;
  }
}
@media screen and (max-width:430px) {
  .page-qa #contentsList a {
    font-size: 15px;
    height: auto;
    padding: 20px 0;
  }
  .page-qa #contentsList li {
    width: 100%;
    position: relative;
  }
  .page-qa #contentsList a:after {
    position: absolute;
    top: 23%;
    left: 7%;
  }
}
/*===============================================
　採用情報
===============================================*/
@media screen and (max-width:767px) {
  .saiyou {
    padding: 10px 0;
  }
}
/*===============================================
　サイトマップ
===============================================*/
@media screen and (max-width:767px) {
  .sitemapBlc .list-page li {
    width: 50%;
  }
}
@media screen and (max-width:500px) {
  .sitemapBlc .list-page li {
    width: 100%;
  }
}