@charset "UTF-8";

/* ブログカテゴリ背景色 */

div.blog_index article.post p.cat_6,
div.blog_index article.post p.cat_46,
div.blog_index article.post p.cat_47,
div.blog_index article.post p.cat_48,
div.blog_index article.post p.cat_49,
div.blog_index article.post p.cat_50,
div.blog_index article.post p.cat_14,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_6,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_46,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_47,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_48,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_49,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_50,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_14 {
  background-color: #A7381D !important;
}
div.blog_index article.post p.cat_10,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_10 {
  background-color: #AE7A26 !important;
}
div.blog_index article.post p.cat_11,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_11 {
  background-color: #B6AC2B !important;
}
div.blog_index article.post p.cat_12,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_12 {
  background-color: #007B43 !important;
}
div.blog_index article.post p.cat_13,
div#content.temp_k section#main div#entry article.post.blog div.post_content p.cat_13 {
  background-color: #007FAB !important;
}



/* 左メニュー関連 */
nav.local_link ul.menu li a,
nav.related_link ul.menu li a {
    display: block;
}
nav.local_link ul.menu li {
    padding: 20px 20px 20px 0;
}

/*  direct_link 汎用的に変更 */

.direct_link ul.menu li.price,
.direct_link ul.menu li.record {
margin-right: 0 !important;
}
.direct_link ul.menu li:nth-child(2) {
margin: 0 20px !important;
}


/* 事例カテゴリ色 */
div#content.temp_c section#main article.block div.category span.cat_19 {
  background-color: #CF7250;
}
div#content.temp_c section#main article.block div.category span.cat_20 {
  background-color: #D09844;
}
div#content.temp_c section#main article.block div.category span.cat_21 {
  background-color: #93AF50;
}
div#content.temp_c section#main article.block div.category span.cat_22 {
  background-color: #53A8A6;
}
div#content.temp_c section#main article.block div.category span.cat_23 {
  background-color: #49AAD2;
}
div#content.temp_c section#main article.block div.category span.cat_24 {
  background-color: #6D93BE;
}
div#content.temp_c section#main article.block div.category span.cat_25 {
  background-color: #7F74A7;
}
div#content.temp_c section#main article.block div.category span.cat_26 {
  background-color: #A1689A;
}
div#content.temp_c section#main article.block div.category span.cat_27 {
  background-color: #CC7EB9;
}
div#content.temp_c section#main article.block div.category span.cat_28 {
  background-color: #5085DE;
}
div#content.temp_c section#main article.block div.category span.cat_29 {
  background-color: #808080;
}

/*  実績紹介 ピックアップ事例  */
article.b-block h4 {
line-height: 1.3;
}

.case_intro {
margin-top: 30px;
font-size: 117%;
line-height: 1.5;
}
.case_intro .keypoint {
margin-bottom: 10px;
}
.temp_d .text_body li {
float: left;
width: 110px;
text-align: center;
margin-bottom: 15px;
line-height: 2;
}
div#content.temp_d .text_body li.cat_19,
.temp_d .cat_19 h2 {
  color: #CF7250;
}
div#content.temp_d .text_body li.cat_20,
.temp_d .cat_20 h2 {
  color: #D09844;
}
div#content.temp_d .text_body li.cat_21,
.temp_d .cat_21 h2 {
  color: #93AF50;
}
div#content.temp_d .text_body li.cat_22,
.temp_d .cat_22 h2 {
  color: #52A7A5;
}
div#content.temp_d .text_body li.cat_23,
.temp_d .cat_23 h2 {
  color: #49AAD2;
}
div#content.temp_d .text_body li.cat_24,
.temp_d .cat_24 h2 {
  color: #5D86B7;
}
div#content.temp_d .text_body li.cat_25,
.temp_d .cat_25 h2 {
  color: #685B98;
}
div#content.temp_d .text_body li.cat_26,
.temp_d .cat_26 h2 {
  color: #A1689A;
}
div#content.temp_d .text_body li.cat_27,
.temp_d .cat_27 h2 {
  color: #CC7EB9;
}
div#content.temp_d .text_body li.cat_28,
.temp_d .cat_28 h2 {
  color: #5085DE;
}
div#content.temp_d .text_body li.cat_29,
.temp_d .cat_29 h2 {
  color: #7F7F7F;
}
div#content.temp_d .text_body li.cat_70,
.temp_d .cat_70 h2 {
  color: #603CD8;
}
div#content.temp_d .text_body li.cat_71,
.temp_d .cat_71 h2 {
  color: #5C7498;
}

/* 事例一覧 新規追加デザイン用 */
.temp_d .category h2 {
font-size: 150%;
padding-top: 12px;
}

/* グロナビが入らない
header#gheader nav#gnav ul.menu li a {
padding: 12px 21px 0;
}
 */
 
/* ページャのカレントがない */
nav.page .cur {
background-color: #fff;
    border: 1px solid #dedede;
    display: inline-block;
    margin: 0 3px;
    padding: 8px 10px;
}

/* ページャがない時用に修正 */
div#content.temp_d section#main article.more nav.page {
margin-bottom: 20px;
}
div#content.temp_d section#main article.more div.thumb_list ul li {
margin-bottom: 20px;
margin-top: 0px;
}


/* お問い合わせTOP */
div#content.temp_g section#main div.content_list ul li article header.subhead h3.inquiry1 {
  padding: 22px 0 18px 51px;
  background: url(/files/user/img/inquiry/icon_request.png?v=1409727511) left center no-repeat;
}
div#content.temp_g section#main div.content_list ul li article header.subhead h3.inquiry3 {
  padding: 22px 0 18px 41px;
  background: url(/files/user/img/inquiry/icon_quotation.png?v=1409727511) left center no-repeat;
}
div#content.temp_g section#main div.content_list ul li article header.subhead h3.inquiry4 {
  padding: 22px 0 18px 54px;
  background: url(/files/user/img/inquiry/icon_demo.png?v=1409727510) left center no-repeat;
}
div#content.temp_g section#main div.content_list ul li article header.subhead h3.inquiry5{
  padding: 22px 0 18px 52px;
  background: url(/files/user/img/inquiry/icon_etc.png?v=1409727510) left center no-repeat;
}
div#content.temp_g section#main div.content_list ul li article header.subhead h3.inquiry9{
  padding: 22px 0 18px 52px;
  background: url(/files/user/img/inquiry/mame.png?v=1509454179) left center no-repeat;
}
div#content.temp_g section#main div.content_list ul li article header.subhead h3.inquiry11{
  padding: 22px 0 18px 52px;
  background: url(/files/user/img/inquiry/icon_consultation.png?v=1473768973) left center no-repeat;
}
/* テンプレートL エディタ内 */
.editorArea {
 font-size: 117%;
 line-height: 1.7;
 margin-bottom: 30px;
}

/* テンプレートA ページタイトル横リンク */
div#content.temp_a section#main {
  position: relative;
}
div#content.temp_a div.more_link {
    position: absolute;
    right: 0;
    top: 10px;
}
div#content.temp_a div.more_link p {
    font-size: 134%;
    line-height: 1.3;
}
div#content.temp_a div.more_link p a {
    background-color: #007bbb;
    border-radius: 5px !important;
    color: #fff;
    padding: 10px 20px;
}

/* フォームエラーメッセージ用など */

div#content.temp_h section#main div.error_message {
    background: none repeat scroll 0 0 #ffffcc;
    border: 1px solid #ff0000;
    color: #ff0000;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 10px;
}
.error_message ul.err_list li {
  list-style: inside disc;
}

div#content.temp_h section#main div.contact_form table td ul.rb_list li {
    width: 100%;
}

/* パートナーページスタイル用 */

div#content.temp_b div.merit {
    font-size: 117%;
    line-height: 1.5;
    margin-bottom: 10px;
}
div#content.temp_b div.merit h4{
background-color: #e8f7ff;
    border-left: 3px solid #1e509f;
    padding: 7px 10px;
    color: #1e509f;
    font-weight: bold;
    margin: 25px 0 10px;
}
div#content.temp_b div.tc .p_inquiry {
    list-style: outside decimal;
    margin-left: 20px;
}
div#content.temp_b div.tc .p_inquiry li {
    color: #1e509f;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.5;
    margin: 15px 0;
}
div#content.temp_b div.tc .p_inquiry li span {
    color: #000;
    font-size: 90%;
    font-weight: normal;
}
div#content.temp_b div.tc td h3 {
font-size: 134%;
padding-bottom: 10px;
}

/* 料金プラン事例 */

div.column2 div.thumb div.img_frame img {
  max-width: 225px;
}
div#content.temp_f section#main .column2 h3.subhead {
  font-size: 134%;
}
div#content.temp_f section#main .column2 div.category span {
  display: inline-block;
  float: left;
  width: 135px;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  font-size: 84%;
  margin-right: 5px;
  margin-bottom: 5px;
}
div#content.temp_f section#main div.category span.cat_19 {
  background-color: #CF7250;
}
div#content.temp_f section#main div.category span.cat_20 {
  background-color: #D09844;
}
div#content.temp_f section#main div.category span.cat_21 {
  background-color: #93AF50;
}
div#content.temp_f section#main div.category span.cat_22 {
  background-color: #53A8A6;
}
div#content.temp_f section#main div.category span.cat_23 {
  background-color: #49AAD2;
}
div#content.temp_f section#main div.category span.cat_24 {
  background-color: #6D93BE;
}
div#content.temp_f section#main div.category span.cat_25 {
  background-color: #7F74A7;
}
div#content.temp_f section#main div.category span.cat_26 {
  background-color: #A1689A;
}
div#content.temp_f section#main div.category span.cat_27 {
  background-color: #CC7EB9;
}
div#content.temp_f section#main div.category span.cat_28 {
  background-color: #5085DE;
}
div#content.temp_f section#main div.category span.cat_29 {
  background-color: #808080;
}

/* [Footer] pマーク、ISMSマーク */
footer div.page_index nav > ul.menu li,
footer div.page_index nav > ul.menu li:nth-of-type(6),
footer div.page_index nav > ul.menu li:nth-of-type(11) {
  width: 16.6%;
  margin-right: 0;
}
footer .footer_content .inner nav {
  height: 60px;
  position: relative;
}
footer .footer_content .copyright-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer-img_wrap{
  float: right;
}
.footer-img_wrap .inner {
  display: flex;
  justify-content: center;
}
.footer-img_wrap .inner::after {
  clear: both;
}
.footer-img {
  height: 60px;
}
.footer-img:nth-child(odd) {
  margin-right: 5px;
}
.footer-img img {
  height: 100%;
}
@media screen and (max-width: 768px) {
  footer .footer_content .inner nav {
    height: auto;
  }
  .footer-img_wrap {
    float: none;
  }
}