@charset "UTF-8";
/* **************************************************
	service - HIGUMA（印刷業向け）
************************************************** */
/* **************************************************
共通パーツ override
************************************************** */
/* **************************************************
セクション別
************************************************** */
/* ----------------------------------------
	ページタイトル (override)
---------------------------------------- */
.page_title_wrap.type_b .pt_subcontent {
  padding: 20px 0 27px;
}

@media (min-width: 768px) {
  .page_title_wrap.type_b .pt_subcontent {
    padding: 39px 0 0 0;
  }
  .page_title_wrap.type_b figure.image {
    top: -23px;
    right: -31px;
  }
}
/* ----------------------------------------
	コンセプト (override)
  印刷業者様の企業活動をトータルでサポートします
---------------------------------------- */
.sec_concept {
  padding: 53px 0 52px;
}
.sec_concept .row_text + figure {
  padding: 25px 0 0;
}

@media (min-width: 768px) {
  .sec_concept {
    padding: 75px 0 80px;
  }
  .sec_concept .row_text + figure {
    padding: 35px 0 0;
  }
}
/* ----------------------------------------
	機能ピックアップ
---------------------------------------- */
.sec_pickup .content_overview ul {
  padding-top: 2rem;
}

/* ----------------------------------------
	機能一覧
---------------------------------------- */
.sec_funtion .pt_subcontent {
  padding: 20px 0 29px;
}

@media (min-width: 768px) {
  .sec_funtion .pt_subcontent {
    padding: 49px 0 0 0;
  }
  .sec_funtion figure.logo::before {
    position: absolute;
    content: "";
    top: -18px;
    right: -30px;
  }
}
table#hgm_func {
  color: #5F5E5E;
}

@media (max-width: 767px) {
  table#hgm_func {
    width: 100%;
  }
  table#hgm_func td {
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    /* 見出し */
    /* コンテンツ */
  }
  table#hgm_func td::before {
    background-color: #E7F6FB;
    border-right: solid 1px #CCCCCC;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 6.2em;
    padding: 9px 0 10px 10px;
  }
  table#hgm_func td span.bt-content {
    font-size: 1.6rem;
    line-height: 2.7rem;
    padding: 9px 10px 10px;
  }
  table#hgm_func td.gyoumu {
    margin-top: 10px;
    border-top: solid 1px #CCCCCC;
  }
}
@media (min-width: 768px) {
  table#hgm_func th, table#hgm_func td {
    border: solid 1px #CCCCCC;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  table#hgm_func th {
    height: 40px;
    background-color: #E7F6FB;
    font-weight: bold;
  }
  table#hgm_func th.gyoumu {
    width: 20%;
  }
  table#hgm_func th.gaiyou {
    width: 40%;
  }
  table#hgm_func th.pg {
    width: 40%;
  }
  table#hgm_func td {
    padding: 9px 14px 9px;
  }
  table#hgm_func td.gyoumu {
    text-align: center;
  }
}
/* ----------------------------------------
	セクション　パーツ　機能比較
---------------------------------------- */
.func_hikaku .hl_a {
  margin-bottom: 0;
}
.func_hikaku .inner {
  padding-top: 0;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .func_hikaku .hl_a {
    margin-bottom: 80px;
  }
  .func_hikaku .inner {
    padding-bottom: 80px;
  }
}
table#hgm_hikaku {
  color: #5F5E5E;
}

@media (min-width: 768px) {
  table#hgm_hikaku tr:last-child td.h {
    border-bottom: solid 3px #189FD5;
  }
  table#hgm_hikaku th,
  table#hgm_hikaku td {
    border: solid 1px #CCCCCC;
  }
  table#hgm_hikaku th {
    height: 60px;
    background-color: #E7F6FB;
    font-weight: bold;
    vertical-align: middle;
  }
  table#hgm_hikaku th.koumoku {
    width: 20%;
  }
  table#hgm_hikaku th.tokucho {
    width: 38%;
  }
  table#hgm_hikaku th.h {
    width: 14%;
    background-color: #189FD5;
    border-top: solid 1px #189FD5;
    border-right: solid 3px #189FD5;
    border-bottom: solid 1px #189FD5;
    border-left: solid 3px #189FD5;
    color: #fff;
  }
  table#hgm_hikaku th.j {
    width: 14%;
  }
  table#hgm_hikaku th.m {
    width: 14%;
  }
  table#hgm_hikaku td {
    padding: 10px 12px;
    vertical-align: top;
  }
  table#hgm_hikaku td.h {
    border-left: solid 3px #189FD5;
    border-right: solid 3px #189FD5;
    color: #189FD5;
  }
  table#hgm_hikaku td.h p {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
  table#hgm_hikaku td.h, table#hgm_hikaku td.j, table#hgm_hikaku td.m {
    font-size: 2.8rem;
    text-align: center;
    vertical-align: middle;
  }
}
@media (max-width: 767px) {
  table#hgm_hikaku td {
    display: block;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    /* タイトル行 */
    /* 見出し行 */
  }
  table#hgm_hikaku td:first-child {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: bold;
    padding: 13px 28px;
    margin: 0 -28px 20px;
    background-color: #e9e9e9;
    border: none;
    /* 最初の見出し行は非表示 */
  }
  table#hgm_hikaku td:first-child::before {
    display: none;
  }
  table#hgm_hikaku td::before {
    display: block;
    width: 100%;
    padding: 8px 10px 7px;
    background-color: #E7F6FB;
    border-bottom: solid 1px #CCCCCC;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  table#hgm_hikaku td:not(:first-child) span.bt-content {
    display: block;
    width: 100%;
    padding: 9px 10px 10px;
    line-height: 2.7rem;
  }
  table#hgm_hikaku td.h, table#hgm_hikaku td.j, table#hgm_hikaku td.m {
    display: inline-block;
    width: 33%;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
    text-align: center;
  }
  table#hgm_hikaku td.h::before, table#hgm_hikaku td.j::before, table#hgm_hikaku td.m::before {
    text-align: center;
  }
  table#hgm_hikaku td.h span.bt-content, table#hgm_hikaku td.j span.bt-content, table#hgm_hikaku td.m span.bt-content {
    padding: 0.7rem;
    font-size: 2.2rem;
  }
  table#hgm_hikaku td.h {
    width: 34%;
    border: solid 2px #189FD5;
    color: #189FD5;
  }
  table#hgm_hikaku td.h:before {
    background-color: #189FD5;
    border-bottom: solid 1px #189FD5;
    color: #FFFFFF;
  }
  table#hgm_hikaku td.j, table#hgm_hikaku td.m {
    border-left: none;
  }
}