@charset "UTF-8";

body {
    margin: 0;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif
}

img {
    vertical-align: top;
}


/* サイト名 */

.site h1 a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.site h1 {
    margin: 0;
    font-size: 24px;
    line-height: 1.3
}

.site h1 span {
    font-size: 13px;
    font-weight: normal
}

.site p {
    margin: 0;
    font-size: 12px
}

html {
  scroll-padding-top: 150px;
}


/* お問合せ 上部 */

.toiawase ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.toiawase li a {
    display: block;
    padding: 14px 14px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    line-height: 0.3
}

.toiawase li a:hover {
    color: #c37854
}

.toiawase ul:after {
    content: "";
    display: block;
    clear: both
}

.toiawase li {
    float: left;
    width: auto;
}

.toiawase i {
    margin-right: 8px;
    font-size: 28px;
    color: #622d18;
    vertical-align: middle
}

.toiawase li a span {
    font-size: 11px;
    vertical-align: middle;
    font-weight: normal;
    padding-left: 34px
}

.tel,
.toiawase-2-2,
.nolink {
    pointer-events: none
}


/* ロゴ画像 */

.logoimg {
    max-width: 100%;
    height: auto;
    padding-right: 10px;
    vertical-align: bottom
}


/* box3の背景色 */

.box3 {
    background-color: #f8f4e6
}


/* ヘッダー画像 */

.topimg {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}


/* キャッチコピー */

.catch1 {
    margin: 0;
    font-size: 16px;
    border-left: 5px solid #B92A2C;
    padding: 0.4em;
    color: #ffffff
}

.catch2 {
    margin: 0;
    font-size: 16px;
    border-left: 5px solid #B92A2C;
    padding: 0.4em;
    color: #ffffff
}

.catch3 {
    margin: 0;
    font-size: 16px;
    border-left: 5px solid #B92A2C;
    padding: 0.4em;
    color: #ffffff
}


/* ヘッダー画像にキャッチコピーを重ねる */

.box3-inner {
    position: relative
}

.catch1 {
    position: absolute;
    bottom: 70%;
    left: 10%
}

.catch2 {
    position: absolute;
    bottom: 46%;
    left: 10%
}

.catch3 {
    position: absolute;
    bottom: 22%;
    left: 10%
}


/* ナビゲーション */

.menu {
    position: relative;
    overflow: hidden;
}

.menu ul {
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    float: left;
    list-style: none
}

.menu li a {
    display: block;
    padding: 12px 14px 12px 14px;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    border-top: solid 5px #192f60;
    border-bottom: solid 5px #192f60
}

.menu li a:hover {
    color: #c37854;
    background-color: #6b3f31;
    border-top: solid 5px #6b3f31;
    border-bottom: solid 3px #c37854
}

.menu ul:after {
    content: "";
    display: block;
    clear: both
}

.menu ul li {
    position: relative;
    left: -50%;
    float: left;
    width: auto
}


/* ナビゲーションを上部に固定 */

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/* メッセージ */

.message p,
.outline p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
}

.message img {
    margin: 0;
    padding-bottom: 30px;
    float: left;
    margin-right: 20px;
}

.infotext {
    font-size: 18px;
    line-height: 2;
}


/* 内要 */

.naiyou a {
    display: block;
    color: #ffffff;
    text-align: center;
    text-decoration: none
}

.naiyou a:hover {
    opacity: 0.8
}

.naiyou i {
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 38px
}

.naiyou .fa-database {
    background-color: #c89932
}

.naiyou .fa-clipboard {
    background-color: #c37854
}

.naiyou .fa-users {
    background-color: #7b8d42
}

.naiyou h1 {
    margin-top: 0;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-size: 20px
}

.naiyou p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #554738;
    font-size: 12px
}

.tokucho-1 h1 {
    background-color: #c37854
}

.tokucho-2 h1 {
    background-color: #7b8d42
}

.tokucho-3 h1 {
    background-color: #c89932
}


/* 業務内要 */

.naiyou2 a {
    display: block;
    color: #ffffff;
    text-align: center;
    text-decoration: none
}

.naiyou2 a:hover {
    opacity: 0.8
}

.naiyou2 i {
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 34px
}

.naiyou2 .fa-database {
    background-color: #c89932
}

.naiyou2 .fa-clipboard {
    background-color: #c37854
}

.naiyou2 .fa-users {
    background-color: #7b8d42
}

.naiyou2 h1 {
    margin-top: 0;
    padding-bottom: 8px;
    margin-bottom: 0;
    font-size: 18px
}

.service-1 h1 {
    background-color: #7b8d42;
    padding: 18px
}

.service-2 h1 {
    background-color: #7b8d42;
    padding: 18px
}

.service-3 h1 {
    background-color: #c37854
}

.service-4 h1 {
    background-color: #c89932
}

.service-5 h1 {
    background-color: #c89932
}

.service-6 h1 {
    background-color: #c89932
}


/* 帳簿書類の電子化コンサルティング案内 */

.deshika {
    margin-top: 10px;
    padding: 30px;
    background-color: #f8f4e6
}

.deshika h1 {
    margin-top: 0;
    margin-bottom: 18px;
    font-weight: normal;
    color: #192f60;
    border-bottom: 1px solid #192f60;
    padding-bottom: 0.3em;
    font-size: 18px
}

.deshika p,
.contents-2 p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8
}

.deshika i {
    margin-right: 10px;
    font-size: 18px
}

.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}


/* 新着情報 */

#TP_news {
    width: 100%;
    max-height: 140px;
    overflow-y: auto;
}

.news {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 5px #cbb994
}

.news h1 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: normal;
    color: #192f60
}

.news ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news li a {
    display: block;
    padding: 5px;
    border-bottom: dotted 2px #dddddd;
    color: #000000;
    font-size: 14px;
    text-decoration: none
}

.news li a:hover {
    background-color: #fef9fb
}

.news time {
    color: #9fa0a0;
    font-weight: normal
}

.news a:after {
    content: "";
    display: block;
    clear: both
}

.news time {
    float: left;
    width: 60px
}

.news .text {
    float: none;
    width: auto;
    margin-left: 60px
}

.news i {
    margin-right: 10px;
    font-size: 18px;
}


/* お問合せ 下部 */

.renraku a {
    display: block;
    text-align: center;
    text-decoration: none;
    border: solid 1px #cbb994
}

.renraku a:hover {
    background-color: #fef9fb
}

.renraku i {
    padding-top: 0px;
    font-size: 38px;
    color: #622d18;
    margin-right: 10px;
    vertical-align: middle
}

.renraku p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #000000
}

.renraku p span {
    font-size: 11px;
    font-weight: normal;
    padding-left: 6px
}


.renraku2 a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.renraku2 a:hover {
    opacity: 0.8;
}

.renraku2 p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #622d18;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff
}


/* サイドメニュー */

.sidemenu {
    margin-bottom: 20px
}

.sidemenu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidemenu li a {
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0;
    color: #000000;
    font-size: 14px;
    text-decoration: none
}

.sidemenu li a:hover {
    opacity: 0.8
}

.sidemenu ul:after {
    content: "";
    display: block;
    clear: both
}

.sidemenu li {
    float: left;
    width: auto%
}

.sidemenu img {
    width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom
}

.sidemenu .text {
    padding: 0;
    color: #000000;
    font-size: 12px;
}


/* サイドメニュー 関連サイト */

.link-info {
    position: relative;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 4px;
    background-color: #622d18;
    font-size: 12px;
    color: #ffffff;
    text-align: center
}

.bold {
    font-weight: bold;
}


/* フッターナビゲーション */

.footermenu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footermenu li a {
    display: block;
    padding: 2px 18px 2px 18px;
    color: #000000;
    font-size: 12px;
    text-decoration: none
}

.footermenu li a:hover {
    color: #192f60
}

.footermenu ul:after {
    content: "";
    display: block;
    clear: both
}

.footermenu li {
    float: left;
    width: auto
}

.footermenu li + li {
    border-left: 1px solid #a9a9a9
}

.footermenu span {
    font-weight: bold
}


/* コピーライト */

.copyright p {
    margin: 0;
    color: #666666;
    font-size: 10px
}


/* BOX4をバーの形にする */

.box4 {
    background-color: #192f60
}


/* BOX7をバーの形にする */

.box7 {
    padding-top: 12px;
    padding-bottom: 0px;
    background-color: #d3cbc6
}


/* BOX8をバーの形にする */

.box8 {
    padding-top: 6px;
    padding-bottom: 12px;
    background-color: #d3cbc6
}

.box8-inner {
    padding-left: 18px;
}


/* ボックスの左右 */

.boxA,
.box3-inner,
.boxB,
.box4,
.box7,
.box8 {
    padding-left: 40px;
    padding-right: 40px
}


/* ボックスの上下の間隔 */

.box1 {
    padding-top: 10px
}

.box2 {
    padding-top: 14px
}

.boxB {
    padding-top: 40px;
    padding-bottom: 30px
}

.tokucho,
.service {
    padding-top: 20px;
}

.tokucho-1,
.tokucho-2,
.tokucho-3,
.service-1,
.service-2,
.service-3,
.service-4,
.service-5,
.service-6 {
    padding-bottom: 10px
}

.toiawase-2 {
    padding-bottom: 20px
}

.toiawase-2-1 {
    padding-bottom: 10px
}


/* セミナー情報 */

.seminar {
    margin-bottom: 30px;
    clear: both
}

.seminar h1 {
    margin: 0;
    padding-bottom: 6px;
    padding-left: 12px;
    border-left: solid 4px #c50018;
    font-size: 16px;
    line-height: 1.4
}

.seminar h1 span {
    font-size: 13px;
    color: #c50018;
    font-weight: normal
}

.seminar p {
    margin: 0;
    margin-bottom: 6px;
    padding-left: 12px;
    font-size: 16px;
    line-height: 1.4;
    border-left: solid 4px #c50018
}

.gaiyou ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.gaiyou li {
    display: block;
    padding: 3px;
    border-bottom: dotted 1px #dddddd;
    color: #000000;
    font-size: 12px;
    text-decoration: none
}

.gaiyou .koumoku {
    color: #888888;
    font-weight: bold
}

.gaiyou a:after {
    content: "";
    display: block;
    clear: both
}

.gaiyou .koumoku {
    float: left;
    width: 60px
}

.gaiyou .text {
    float: none;
    width: auto;
    overflow-wrap: break-word;
    margin-left: 70px
}


/* セミナー情報案内 */

.seminar-m {
    margin: 0 0 2.0em 0;
    padding: 1.0em;
    background-color: #f8f4e6;
}

.seminar-m img {
    max-width: auto;
    display: block;
    margin: 0 auto;
}

.seminar-m-item + .seminar-m-item {
    margin: 0 auto;
}

.chairo {
    font-size: 17px;
    color: #6b3f31;
}

@media screen and (min-width:600px) {
    .seminar-m {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .seminar-m-item + .seminar-m-item {
        margin-left: 1.0em;
    }
}

.copy span,
.book h1 span {
    display: block;
    color: #888888;
    font-size: 11px
}


/* コンサルティング */

.contents {
    margin-bottom: 28px;
    margin-top: -92px;
    padding-top: 92px;
}

.contents-1 {
    margin-bottom: 4px
}

.contents-1 h1 {
    margin-bottom: 4px;
    padding-left: 12px;
    border-left: solid 5px #c50018;
    font-size: 20px;
    line-height: 1.6
}

.contents p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
}

.contents-2 {
    margin: 0;
    padding: 16px;
    background-color: #f8f4e6
}

.contents-3 {
    margin: 0;
    padding: 0;
    background-image: url(img/flow-chart_back.png);
    background-repeat: no-repeat;
    background-size: contain
}

.contents-3 img {
    max-width: 100%;
    height: auto;
}

.contents-3 a:hover {
    opacity: 0.8
}

.contents-4 {
    margin: 0;
    padding: 0;
    background-image: url(img/flow-chart_B_01.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.contents-4 img {
    max-width: 100%;
    height: auto;
}

table,
tr,
th,
td {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}

.contents-4 a:hover {
    opacity: 0.8
}

/* 画像横並び 親要素：Flexboxを指定し、折り返しを有効化 */
.image-container {
  display: flex;
  flex-wrap: wrap; /* スマホなどで幅が足りなくなったら折り返す */
  gap: 20px;        /* 画像同士の隙間（好みに合わせて調整） */
  margin-bottom: 60px;
}

/* 子要素：画像1つあたりの幅を指定（4つ並び＝25%） */
.image-item {
  width: calc(20% - 15px); /* 4枚並びになるよう計算（隙間を考慮） */
  margin: 0;
}

/* 画像のスタイル調整 */
.image-item img {
  width: 100%;             /* 親要素の幅いっぱいに表示 */
  height: auto;            /* 縦横比を維持 */
  object-fit: cover;       /* 画像が歪まないようにトリミング */
  aspect-ratio: 1/1;    /* 画像の比率（必要に応じて変更） */
}

/* キャプションのスタイル調整 */
.image-item figcaption {
  margin-top: 8px;         /* 画像とテキストの間の余白 */
  text-align: center;      /* テキストの中央揃え */
  font-size: 16px;         /* 文字の大きさ */
}

/* レスポンシブ対応：画面幅が狭い場合は2列、スマホなら1列にする場合 */
@media (max-width: 768px) {
  .image-item {
    width: calc(50% - 10px); /* タブレットなどは2列（50%） */
  }
}

@media (max-width: 480px) {
  .image-item {
    width: 100%; /* スマホは1列（100%） */
  }
}

/* 会社概要 */

.outline {
    margin-bottom: 60px
}

.outline h1 {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 12px;
    border-left: solid 5px #c50018;
    font-size: 20px;
    line-height: 1.4;
    font-weight: normal
}

.koumoku2 span {
    color: #000000
}

.gaiyou2 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.gaiyou2 li {
    display: block;
    padding: 6px;
    border-bottom: dotted 1px #dddddd;
    color: #000000;
    font-size: 14px;
    text-decoration: none
}

.gaiyou2 .koumoku2 {
    color: #888888;
    font-weight: bold
}

.gaiyou2 a:after {
    content: "";
    display: block;
    clear: both
}

.gaiyou2 .koumoku2 {
    float: left;
    width: 100px;
}

.gaiyou2 .text {
    float: none;
    width: auto;
    margin-left: 100px
}


.gaiyou2 img {
    float: right;
    margin-left: 20px
}

.gaiyou2 .text span,
.text2 span {
    font-weight: bold
}

.mini {
    font-size: 12px;
    line-height: 1.5;
    display: block;
}


.bigf {
    font-size: 18px;
}



/* 実績紹介 */

.jisseki {
    margin-bottom: 30px;
    clear: both
}

.jisseki h1 {
    margin: 0;
    padding-bottom: 6px;
    padding-left: 12px;
    border-left: solid 4px #c50018;
    font-size: 14px;
    color: #c50018;
    font-weight: normal;
    line-height: 1
}

.jisseki p {
    margin: 0;
    padding-left: 12px;
    font-size: 14px;
    line-height: 1.6;
    border-left: solid 4px #c50018
}

.koumoku3 .kakomi-1 {
    font-size: 13px;
    color: #ffffff;
    background-color: #192f60;
    border-radius: 15px;
    padding: 2px 16px;
}

.koumoku3 .kakomi-2 {
    font-size: 13px;
    color: #ffffff;
    background-color: #622d18;
    border-radius: 15px;
    padding: 2px 10px;
}

.koumoku3 .kakomi-3 {
    font-size: 13px;
    color: #ffffff;
    background-color: #008080;
    border-radius: 15px;
    padding: 2px 16px;
}

.koumoku3 .kakomi-4 {
    font-size: 13px;
    color: #ffffff;
    background-color: #ee827c;
    border-radius: 15px;
    padding: 2px 16px;
}

.koumoku3 .kakomi-5 {
    font-size: 13px;
    color: #ffffff;
    background-color: #ff7f50;
    border-radius: 15px;
    padding: 2px 10px;
}

.koumoku3 .kakomi-6 {
    font-size: 13px;
    color: #ffffff;
    background-color: #192f60;
    border-radius: 15px;
    padding: 2px 6px;
}

.koumoku3 .kakomi-7 {
    font-size: 13px;
    color: #ffffff;
    background-color: #483d8b;
    border-radius: 15px;
    padding: 2px 16px;
}

.koumoku3 .kakomi-8 {
    font-size: 13px;
    color: #ffffff;
    background-color: #483d8b;
    border-radius: 15px;
    padding: 2px 10px;
}

.gaiyou2 .koumoku3 {
    float: left;
    width: 80px
}

.gaiyou2 .koumoku3 {
    float: left;
    width: 80px
}

.gaiyou2 .text2 {
    float: none;
    width: auto;
    margin-left: 80px
}


/* テキスト右よせ*/

.migi {
    text-align: right;
}


/* 各タイトル装飾 */

.title {
    margin: 0 auto;
    padding-bottom: 20px;
    font-size: 20px;
    text-align: center;
    color: #192f60
}

.title p {
    margin: 0;
    font-size: 11px;
    color: #888888;
    text-align: center;
}

.heading {
    margin: 0
}

.title .heading {
    padding: 14px 10px;
    border: rgb(25, 47, 96) 2px;
    border-style: solid none;
    background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(181, 203, 252, 0.1) 3px, rgba(181, 203, 252, 0.1) 6px);
}


/* page topボタン */

#pageTop {
    position: fixed;
    bottom: 60px;
    right: 40px
}

#pageTop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 10px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5
}

#pageTop a:hover {
    display: block;
    background-color: #c37854;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 10px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5
}


/* ページング */

#paging {
    padding-bottom: 20px
}

.selection {
    display: none;
}

#page-1 {
    display: block
}


/* セミナー過去リスト */

.s-kako {
    margin-top: 5px
}

.s-kako ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.s-kako li a {
    display: block;
    padding: 4px 8px 4px 8px;
    color: #000000;
    font-size: 11px;
    text-decoration: none
}

.s-kako li a:hover {
    color: #192f60
}

.s-kako ul:after {
    content: "";
    display: block;
    clear: both
}

.s-kako li {
    float: right;
    width: auto;
    border-left: 1px solid #a9a9a9
}


/* ベンダー企業の皆様へ */

.partner {
    padding-top: 30px;
    padding-bottom: 30px
}

.partner h1 i {
    margin-right: 10px;
    font-size: 18px;
}

.partner ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.partner li {
    display: block;
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 1px #dddddd;
    color: #000000;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none
}

.partner h1 {
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: dotted 2px #dddddd;
    color: #192f60;
    font-size: 18px
}

.partner .text {
    float: none;
    width: auto;
    margin-left: 26px;
    padding-bottom: 12px
}


.partner span {
    display: block;
    color: #192f60;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 10px
}

/* 料金表 */

.scroll table {
    width: 100%;
    margin-bottom: 12px
}

.scroll {
    overflow: auto;
    /*tableをスクロールさせる*/
    white-space: nowrap;
    /*tableのセル内にある文字の折り返しを禁止*/
}

.scroll::-webkit-scrollbar {
    /*tableにスクロールバーを追加*/
    height: 5px;
}

.scroll::-webkit-scrollbar-track {
    /*tableにスクロールバーを追加*/
    background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
    /*tableにスクロールバーを追加*/
    background: #BCBCBC;
}

.scroll th {
    background: #192f60;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
}

.scroll td {
    border: solid 1px #ccc;
    padding: 10px;
    font-size: 13px;
    text-align: center;

}

.pricelist .scroll td {
    border: solid 1px #ccc;
    padding: 10px;
    text-align: left;
}

.text .price {
    font-size: 18px;
    color: #192f60;
}

.text .price2 {
    font-size: 16px;
    margin-top: 8px;
    color: #000000
}


/* 著書紹介 */

.book {
    padding-top: 30px;
    padding-bottom: 30px
}

.book h1 i {
    margin-right: 10px;
    font-size: 18px;
}

.book ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.book li a {
    display: block;
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 1px #dddddd;
    color: #000000;
    font-size: 14px;
    line-height: 1.8;
    text-decoration: none
}

.nashi {
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 1px #dddddd;
    color: #000000;
    font-size: 14px;
    line-height: 1.8;
    text-decoration: none
}

.dottedline {
    display: block;
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 1px #dddddd;
    font-size: 14px;
    line-height: 1.8;
}

.book li a:hover {
    background-color: #fef9fb
}

.book li a img {
    border: none
}

.book h1 {
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: dotted 2px #dddddd;
    color: #622d18;
    font-size: 18px;
    font-weight: normal
}

.book a:after {
    content: "";
    display: block;
    clear: both
}

.book img {
    float: left;
    width: 96px
}

.book .text {
    float: none;
    width: auto;
    margin-left: 110px;
    padding-left: 20px
}

.book span {
    display: block;
    color: #622d18;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 10px
}

.book .buybutton {
    margin-top: 18px;
    padding: 6px;
    background-color: #043c78;
    width: 80px;
    font-size: 12px;
    color: #ffffff;
    text-align: center
}

.book .buybutton2 {
    margin-top: 0;
    padding: 6px;
    background-color: #043c78;
    width: 160px;
    font-size: 12px;
    color: #ffffff;
    text-align: center
}



/* 区切り線 */

hr {
    border-width: 0px 0px 2px 0px;
    border-style: dotted;
    border-color: #a9a9a9;
    padding: 4px;
    margin-bottom: 30px
}

/* テキスト省略 */
.txt_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.mini {
    font-size: 12px;
}




/* ########### 599px 以下 ########### */

@media (max-width: 599px) {

    /* ボックスの左右 */
    .boxA,
    .box3-inner,
    .boxB,
    .box4,
    .box7,
    .box8 {
        padding-left: 10px;
        padding-right: 10px
    }

    /* サイト名 */
    .site h1 {
        font-size: 20px
    }

    .site h1 span {
        font-size: 12px
    }

    /* ナビゲーション */
    .menu li a {
        padding: 4px;
        font-size: 12px
    }

    /* ロゴ画像 */
    .logoimg {
        width: 56px
    }

    /* ロゴと社名を横に並べる */
    .box0 {
        float: left;
        width: auto;
        clear: both
    }

    .toiawase li a {
        padding: 14px 10px
    }

    /* キャッチコピー非表示 */
    .catch1,
    .catch2,
    .catch3 {
        display: none;
    }

    /* セミナー見出し */
    .seminar h1,
    .jisseki h1 {
        font-size: 14px
    }

    /* セミナーコピー */
    .seminar-m .copy {
        font-size: 14px;
        line-height: 1.6
    }

    /* セミナー講演タイトル */
    .seminar p,
    .jisseki p {
        font-size: 14px
    }

    /* 各タイトル装飾 */
    .title {
        font-size: 14px;
        padding-bottom: 30px
    }

    .title .heading {
        padding: 8px
    }

    /* 著書紹介 */
    .book span {
        font-size: 16px
    }

    .book li a,
    .nashi {
        font-size: 12px;
        line-height: 1.6
    }



    /* コンサルティング見出し */
    .contents-1 h1 {
        font-size: 18px;
        line-height: 1.2
    }

    /* 画像非表示 */
    .gaiyou2 img {
        display: none
    }

    /* 改行無効 */
    .naiyou h1 br,
    .naiyou2 h1 br,
    .naiyou p br {
        display: none;
    }

}


/* ########### 600px 以上～ 767px 以下 ########### */

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

    /* ボックスの左右 */
    .boxA,
    .box3-inner,
    .boxB,
    .box4,
    .box7,
    .box8 {
        padding-left: 10px;
        padding-right: 10px
    }

    /* キャッチコピー */
    .catch1 {
        font-size: 14px;
        padding: 0.3em
    }

    .catch2 {
        font-size: 14px;
        padding: 0.3em
    }

    .catch3 {
        font-size: 14px;
        padding: 0.3em
    }

    /* ヘッダー画像にキャッチコピーを重ねる */
    .catch1 {
        bottom: 68%;
        left: 4%
    }

    .catch2 {
        bottom: 40%;
        left: 4%
    }

    .catch3 {
        bottom: 12%;
        left: 4%
    }

    /* ロゴと社名を横に並べる */
    .box0 {
        float: left;
        width: auto;
        clear: both
    }

    /* セミナー見出し */
    .seminar h1 {
        font-size: 16px
    }

    /* セミナーコピー */
    .chairo {
        font-size: 16px;
        line-height: 1.6
    }

    /* セミナー講演タイトル */
    .seminar p {
        font-size: 14px
    }

    /* ナビゲーション */
    .menu li a {
        padding: 6px 10px 6px 10px;
        font-size: 12px
    }

    /* 各タイトル装飾 */
    .title {
        font-size: 16px;
        padding-bottom: 40px
    }

    .title .heading {
        padding: 10px
    }

    /* 著書紹介 */
    .book span {
        font-size: 16px
    }

    /* コンサルティング見出し */
    .contents-1 h1 {
        font-size: 18px;
        line-height: 1.2
    }

    /* 改行無効 */
    .naiyou h1 br,
    .naiyou2 h1 br,
    .naiyou p br {
        display: none;
    }
}


/* ########### 768px以上 ########### */

@media (min-width: 768px) {

    /* BOX1とBOX2を横に並べる設定 */
    .boxA:after {
        content: "";
        display: block;
        clear: both
    }

    .box0 {
        float: left;
        width: auto
    }

    .box1 {
        float: left;
        width: auto
    }

    .box2 {
        float: right;
        width: auto
    }

    /* BOX5とBOX6を横に並べる設定 */
    .boxB:after {
        content: "";
        display: block;
        clear: both
    }

    .box5 {
        float: left;
        width: 80%
    }

    .box6 {
        float: left;
        width: 20%
    }

    /* BOX5とBOX6の左右の間隔 */
    .box5 {
        padding-right: 50px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    /* TOKUCHO-1、TOKUCHO-2、TOKUCHO-3を横に並べる設定 */
    .tokucho:after {
        content: "";
        display: block;
        clear: both
    }

    .tokucho-1 {
        float: left;
        width: 32%;
        margin-right: 2%
    }

    .tokucho-2 {
        float: left;
        width: 32%;
        margin-right: 2%
    }

    .tokucho-3 {
        float: left;
        width: 32%
    }

    /* SERVICE-1、SERVICE-2、SERVICE-3を横に並べる設定 */
    .service:after {
        content: "";
        display: block;
        clear: both
    }

    .service-1,
    .service-4 {
        float: left;
        width: 32%;
        margin-right: 2%
    }

    .service-2,
    .service-5 {
        float: left;
        width: 32%;
        margin-right: 2%
    }

    .service-3,
    .service-6 {
        float: left;
        width: 32%
    }

    /* toiawase-2-1とtoiawase-2-2を横に並べる設定 */
    .toiawase-2:after {
        content: "";
        display: block;
        clear: both
    }

    .toiawase-2-1 {
        float: left;
        width: 49%;
        margin-right: 2%
    }

    .toiawase-2-2,
    .toiawase-2-3 {
        float: left;
        width: 49%
    }

}


/* ########### 1190px以上 ########### */

@media (min-width: 1190px) {

    /* 全体の横幅を固定 */
    .box3-inner,
    .box4-inner,
    .boxA-inner,
    .boxB-inner,
    .box7-inner,
    .box8-inner {
        width: 1140px;
        margin-left: auto;
        margin-right: auto
    }
}