/* ＊＊従来のmain.css＊＊ */
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */


/*--- ワークフロウEX　ページ　---*/


.f_left {
  float: left;
}
.f_right {
  float: right;
}

.page-id-3766 .main_img img{
  max-width: 100%;
}
.main_img {
    height: 400px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/main_bg.jpg) no-repeat center;
    position: relative;
}
.main_img h2,
.main_img p.main_p {
    margin: 0;
    text-align: center;
    position: relative;
    top: 180px
}
.sp_none{
  display: block!important;
}
.pc_none{
  display: none!important;
}
.main_img, .dsk, .performance {
    width: 959px;
    margin: 0 auto;
}
.kadai_wrap {
    width: 962px;
    margin: 0 auto;
}
.kadai_wrap h3,
.kadai_wrap h2.new {
    height: 95px;
    margin: 40px 0 25px;
    padding-top: 11px;
    background: #01337e;
    color: #fff;
    text-align: center;
    font-size: 30px;
}
.kadai_wrap h2.new.new2{
  height: 57px;
}
.kadai_wrap h3 span,
.kadai_wrap h2.new span {
  display: block;
}
.kadai_wrap h3 .wf,
.kadai_wrap h2.new .wf {
  font-size: 23px;
  font-weight: normal;
}

.before_h3{
    color: #555;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.26em;
    font-size: 1.17em;
    margin: 1em 0;
    font-weight: bold;
}

.q_arrow {
  position: absolute;
  z-index: 999;
}

.q_ul li {
    margin: 0 23px 0 0;
}
.q_ul li p {
  width: 250px;
  height: 90px;
  margin-bottom: 20px;
  background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/q_bg.png) no-repeat center;
  text-align: center;
  position: relative;
}
.q_ul li img {
  position: absolute;
    left: 15px;
    top: 24px;
  margin: 6px 0 -3px;
}
.q_ul li p span {
    line-height: 20px;
    display: block;
    position: absolute;
    width: 70%;
    left: 65px;
    top: 27px;
    font-size: 15px;
    text-align: left;
}
.kadai_01 .q_ul li.f_right p:nth-child(1) span,
.kadai_01 .q_ul li.f_right p:nth-child(2) span,
.kadai_02 .q_ul li.f_right p:nth-child(2) span,
.kadai_02 .q_ul li.f_left p:nth-child(3) span,
.kadai_03 .q_ul li.f_right p:nth-child(1) span {
  top: 35px;
}

.kadai {
  position: relative;
}

.ans_box {
    width: 565px;
    height: 400px;
    padding: 0 30px 0 45px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_pc.png) no-repeat center;
    z-index: 10;
    position: absolute;
    top: 545px;
}
.ans_box .ans_p img {
    padding: 35px 0 10px 10px;
}
.ans_box .ans_p img:nth-child(2) {
  width: 203px;
}

.ans_box .ans_ul {
    padding: 0;
    margin: 0;
    line-height: 20px;
  }
.kadai_01 .ans_box .ans_ul li {
    margin: 14px 0 5px;
}
.kadai_02 .ans_box .ans_ul li {
    margin: 10px 0 5px;
}
.kadai_03 .ans_box .ans_ul li {
    margin: 14px 0 5px;
}
.kadai_01 .ans_box .ans_ul li img,
.kadai_02 .ans_box .ans_ul li img,
.kadai_03 .ans_box .ans_ul li img{
  float: left;
  display: block;
  width: 5%;
  margin-right: 2%;
}
.kadai_01 .ans_box .ans_ul li span,
.kadai_02 .ans_box .ans_ul li span,
.kadai_03 .ans_box .ans_ul li span{
  float: left;
  display: block;
  width: 92%;
}

.dsk {
    height: 1400px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/dsk_bottom.jpg)repeat-y top;
}
.dsk_bg_in {
  padding-top: 10px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/dsk_top.jpg) no-repeat top;
}
.dsk_bgwh {
    width: 885px;
    height: 1139px;
    margin: 196px auto 0;
    padding: 10px;
    background: rgba(255,255,255,0.8 );
    border-radius: 15px;
}
.dsk_bgwh h3,
.dsk_bgwh h2.new {
  text-align: center;
}
.dsk_bgwh h3 span,
.dsk_bgwh h2.new span {
  display: block;
}
.dsk_bgwh h3 .top img,
.dsk_bgwh h2.new .top img {
  border-bottom: 3px #fbd1ce;
}
.dsk .txt_box {
  width: 730px;
  margin: 10px auto;
}
.dsk_bgwh dd{
  font-size: 14px;
  padding: 10px 15px; 
}
.dsk h4,
.dsk h3.new {
  text-align: center;
  clear: both;
}
.riten {
  clear: both;
}
.riten dl {
  width: 393px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/riten_bg.png) no-repeat center;
}
.riten dl.f_left {
    margin-left: 20px;
}
.riten dl.f_right {
    margin-right: 20px;
}

.riten dt {
  height: 66px;
  text-align: center;
  padding-top: 10px;
}
.riten dl.f_left dt {
    padding-top: 25px;
}
.jirei_table{
  width: 49%;
  border: solid 1px #ccc;
}
.jirei_table thead th{
  background: #004da1;
  font-size: 12px;
  padding: 10px;
}
.jirei_table th{
  border: solid 1px #ccc;
  padding: 15px 10px;
  font-size: 13px;
}
.jirei_table td{
  border: solid 1px #ccc;
  font-size: 12px;
  padding: 10px;
}
.jirei_table.f_left td:nth-child(2){
  font-weight: bold;
  text-align: center;
}
.jirei_table.f_left td:nth-child(3){
  background: #fff;
}
.jirei_table.f_right td:nth-child(3),
.jirei_table.f_right td.bkfff{
  background: #fff;
}
.jire_td2{
  width: 26%;

}
.jire_th2{
  width: 32%;
  background: #d3ddf1;
}
.performance{
  background:#e9e6e0;
  padding: 20px 20px 30px;
  margin-bottom: 40px;
  position: relative;
}
.performance h3,
.performance h2.new{
  text-align: center;
  margin-bottom: 10px;
}
.performance caption{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #004da1;
}
.performance .sistem_img{
  text-align: right;
  position: absolute;
bottom: -9px;
    right: 26px;
}

/*--- ワークフロウEX　ページ　SP　---*/



html {
  margin-bottom:1px;
  height:100%;
}
html {
  overflow-y:scroll;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  /*font-size: 62.5%;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "メイリオ", Meiryo, Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
  /*font-size: 14px;*/
  line-height: 1.62;
  color: #484848;
  background-color: #ffffff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input,
select[multiple],
textarea {
  background-image: none;
}

a {
  color: #428bca;
  color: #2980B9;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.slider-wrap > div img{
  width: 50%;
}
.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.img-right {
  float: right;
  margin: 0.31em 0 0.81em 20px;
  vertical-align: text-top;
  display: inline;
}

.img-left {
  float: left;
  margin: 0.31em 20px 0.81em 0;
  vertical-align: text-top;
  display: inline;
}

.img-center {
  margin-left: auto;
  margin-right: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

p {
  margin: 0 0 10px;
}

figure {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  /*font-size: 16.099999999999998px;*/
  font-weight: 200;
  line-height: 1.4;
}

  .lead {
    /*font-size: 21px;*/
  }
}

small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

.text-muted {
  color: #999999;
}

.text-primary {
  color: #428bca;
}

.text-warning {
  color: #c09853;
}

.text-danger {
  color: #b94a48;
}

.text-success {
  color: #468847;
}

.text-info {
  color: #3a87ad;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.26em;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h3,
h4,
h5 {
  color: #333;
}
h1,
h2,
h3,
h4,
p.h1_p {
  margin-top: 20px;
  margin-bottom: 10px;
}
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1,
.h1 {
  /*font-size: 36px;*/
  font-weight: normal;
  color: #222;
}

h2,
.h2 {
  /*font-size: 30px;*/
  font-weight: normal;
  color: #222;
}

h3,
.h3 {
  /*font-size: 24px;*/
  color: #555
}

h4,
.h4 {
  /*font-size: 18px;*/
}

h5,
.h5 {
  /*font-size: 14px;*/
}

h6,
.h6 {
  /*font-size: 12px;*/
}

h1 small,
.h1 small {
  /*font-size: 24px;*/
}

h2 small,
.h2 small {
  /*font-size: 18px;*/
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  /*font-size: 14px;*/
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
  margin-bottom: 0.62em;
}

  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    display: table;
    content: " ";
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    display: table;
    content: " ";
  }
  .dl-horizontal dd:after {
    clear: both;
  }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  /*padding: 10px 20px;*/
  padding-left: 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  /*font-size: 17.5px;*/
  font-weight: 300;
  line-height: 1.25;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote small {
  display: block;
  line-height: 1.428571429;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  /*font-size: 13px;*/
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

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

.table thead tr th,
.table tbody tr th,
.table tfoot tr th,
.table thead tr td,
.table tbody tr td,
.table tfoot tr td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table thead tr th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed thead tr th,
.table-condensed tbody tr th,
.table-condensed tfoot tr th,
.table-condensed thead tr td,
.table-condensed tbody tr td,
.table-condensed tfoot tr td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered thead tr th,
.table-bordered tbody tr th,
.table-bordered tfoot tr th,
.table-bordered thead tr td,
.table-bordered tbody tr td,
.table-bordered tfoot tr td {
  border: 1px solid #dddddd;
}

.table-bordered thead tr th,
.table-bordered thead tr td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

.table thead tr td.active,
.table tbody tr td.active,
.table tfoot tr td.active,
.table thead tr th.active,
.table tbody tr th.active,
.table tfoot tr th.active,
.table thead tr.active td,
.table tbody tr.active td,
.table tfoot tr.active td,
.table thead tr.active th,
.table tbody tr.active th,
.table tfoot tr.active th {
  background-color: #f5f5f5;
}

.table thead tr td.success,
.table tbody tr td.success,
.table tfoot tr td.success,
.table thead tr th.success,
.table tbody tr th.success,
.table tfoot tr th.success,
.table thead tr.success td,
.table tbody tr.success td,
.table tfoot tr.success td,
.table thead tr.success th,
.table tbody tr.success th,
.table tfoot tr.success th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.table-hover tbody tr td.success:hover,
.table-hover tbody tr th.success:hover,
.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}

.table thead tr td.danger,
.table tbody tr td.danger,
.table tfoot tr td.danger,
.table thead tr th.danger,
.table tbody tr th.danger,
.table tfoot tr th.danger,
.table thead tr.danger td,
.table tbody tr.danger td,
.table tfoot tr.danger td,
.table thead tr.danger th,
.table tbody tr.danger th,
.table tfoot tr.danger th {
  background-color: #f2dede;
  border-color: #eed3d7;
}

.table-hover tbody tr td.danger:hover,
.table-hover tbody tr th.danger:hover,
.table-hover tbody tr.danger:hover td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}

.table thead tr td.warning,
.table tbody tr td.warning,
.table tfoot tr td.warning,
.table thead tr th.warning,
.table tbody tr th.warning,
.table tfoot tr th.warning,
.table thead tr.warning td,
.table tbody tr.warning td,
.table tfoot tr.warning td,
.table thead tr.warning th,
.table tbody tr.warning th,
.table tfoot tr.warning th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.table-hover tbody tr td.warning:hover,
.table-hover tbody tr th.warning:hover,
.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}

.table-scroll-wrapper {
  overflow: auto;　　　　 /*tableをスクロールさせる*/
  white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.table-scroll-wrapper::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
  height: 5px;
}
.table-scroll-wrapper::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
  background: #F1F1F1;
}
.table-scroll-wrapper::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
  background: #BCBCBC;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  /*font-size: 21px;*/
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}

input[type="file"] {
  display: block;
}

select[multiple],
select[size] {
  height: auto;
}

select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  /*font-size: 14px;*/
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  /*font-size: 12px;*/
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm {
  height: auto;
}

.input-lg {
  height: 45px;
  padding: 10px 16px;
  /*font-size: 18px;*/
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg {
  height: 45px;
  line-height: 45px;
}

textarea.input-lg {
  height: auto;
}

.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}

.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.has-success .help-block,
.has-success .control-label {
  color: #468847;
}

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.form-control-static {
  padding-top: 7px;
  margin-bottom: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }


.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

  .form-horizontal .control-label {
    text-align: right;
  }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  /*font-size: 14px;*/
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  background-color: #0066cc;
  border-color: #006699;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  /*font-size: 18px;*/
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  /*font-size: 12px;*/
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
  font-family: 'sawarabi';
  src: url('../fonts/sawarabi.woff');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-briefcase:before {
  content: "\1f4bc";
}

.glyphicon-calendar:before {
  content: "\1f4c5";
}

.glyphicon-pushpin:before {
  content: "\1f4cc";
}

.glyphicon-paperclip:before {
  content: "\1f4ce";
}

.glyphicon-camera:before {
  content: "\1f4f7";
}

.glyphicon-lock:before {
  content: "\1f512";
}

.glyphicon-bell:before {
  content: "\1f514";
}

.glyphicon-bookmark:before {
  content: "\1f516";
}

.glyphicon-fire:before {
  content: "\1f525";
}

.glyphicon-wrench:before {
  content: "\1f527";
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  /*font-size: 14px;*/
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
}

.dropdown-menu .active a,
.dropdown-menu .active a:hover,
.dropdown-menu .active a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu .disabled a,
.dropdown-menu .disabled a:hover,
.dropdown-menu .disabled a:focus {
  color: #999999;
}

.dropdown-menu .disabled a:hover,
.dropdown-menu .disabled a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open .dropdown-menu {
  display: block;
}

.open a {
  outline: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  /*font-size: 12px;*/
  line-height: 1.428571429;
  color: #999999;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

.btn-default .caret {
  border-top-color: #333333;
}

.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}

.dropup .btn-default .caret {
  border-bottom-color: #333333;
}

.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group .btn,
.btn-group-vertical .btn {
  position: relative;
  float: left;
}

.btn-group .btn:hover,
.btn-group-vertical .btn:hover,
.btn-group .btn:focus,
.btn-group-vertical .btn:focus,
.btn-group .btn:active,
.btn-group-vertical .btn:active,
.btn-group .btn.active,
.btn-group-vertical .btn.active {
  z-index: 2;
}

.btn-group .btn:focus,
.btn-group-vertical .btn:focus {
  outline: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  display: table;
  content: " ";
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar:before,
.btn-toolbar:after {
  display: table;
  content: " ";
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn-group {
  float: left;
}

.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group,
.btn-toolbar .btn-group + .btn-group {
  margin-left: 5px;
}

.btn-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group .btn:first-child {
  margin-left: 0;
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .btn:last-child:not(:first-child),
.btn-group .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .btn-group {
  float: left;
}

.btn-group .btn-group:not(:first-child):not(:last-child) .btn {
  border-radius: 0;
}

.btn-group .btn-group:first-child .btn:last-child,
.btn-group .btn-group:first-child .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .btn-group:last-child .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group-xs .btn {
  padding: 5px 10px;
  padding: 1px 5px;
  /*font-size: 12px;*/
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-sm .btn {
  padding: 5px 10px;
  /*font-size: 12px;*/
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-lg .btn {
  padding: 10px 16px;
  /*font-size: 18px;*/
  line-height: 1.33;
  border-radius: 6px;
}

.btn-group .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical .btn-group:before,
.btn-group-vertical .btn-group:after {
  display: table;
  content: " ";
}

.btn-group-vertical .btn-group:after {
  clear: both;
}

.btn-group-vertical .btn-group:before,
.btn-group-vertical .btn-group:after {
  display: table;
  content: " ";
}

.btn-group-vertical .btn-group:after {
  clear: both;
}

.btn-group-vertical .btn-group .btn {
  float: none;
}

.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
}

.btn-group-vertical .btn-group:not(:first-child):not(:last-child) .btn {
  border-radius: 0;
}

.btn-group-vertical .btn-group:first-child .btn:last-child,
.btn-group-vertical .btn-group:first-child .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical .btn-group:last-child .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
}

.btn-group-justified .btn {
  display: table-cell;
  float: none;
  width: 1%;
}

[data-toggle="buttons"] .btn input[type="radio"],
[data-toggle="buttons"] .btn input[type="checkbox"] {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group.col {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg .form-control,
.input-group-lg .input-group-addon,
.input-group-lg .input-group-btn .btn {
  height: 45px;
  padding: 10px 16px;
  /*font-size: 18px;*/
  line-height: 1.33;
  border-radius: 6px;
}

select.input-group-lg .form-control,
select.input-group-lg .input-group-addon,
select.input-group-lg .input-group-btn .btn {
  height: 45px;
  line-height: 45px;
}

textarea.input-group-lg .form-control,
textarea.input-group-lg .input-group-addon,
textarea.input-group-lg .input-group-btn .btn {
  height: auto;
}

.input-group-sm .form-control,
.input-group-sm .input-group-addon,
.input-group-sm .input-group-btn .btn {
  height: 30px;
  padding: 5px 10px;
  /*font-size: 12px;*/
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm .form-control,
select.input-group-sm .input-group-addon,
select.input-group-sm .input-group-btn .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm .form-control,
textarea.input-group-sm .input-group-addon,
textarea.input-group-sm .input-group-btn .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  /*font-size: 14px;*/
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  /*font-size: 12px;*/
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  /*font-size: 18px;*/
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child .btn,
.input-group-btn:first-child .dropdown-toggle,
.input-group-btn:last-child .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child .btn,
.input-group-btn:last-child .dropdown-toggle,
.input-group-btn:first-child .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}

.input-group-btn .btn {
  position: relative;
}

.input-group-btn .btn + .btn {
  margin-left: -4px;
}

.input-group-btn .btn:hover,
.input-group-btn .btn:active {
  z-index: 2;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav li {
  position: relative;
  display: block;
}

.nav li a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav li a:hover,
.nav li a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav li.disabled a {
  color: #999999;
}

.nav li.disabled a:hover,
.nav li.disabled a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open a,
.nav .open a:hover,
.nav .open a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav li a img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs li a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs li a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified li {
  float: none;
}

.nav-tabs.nav-justified li a {
  text-align: center;
}


  .nav-tabs.nav-justified li {
    display: table-cell;
    width: 1%;
  }

.nav-tabs.nav-justified li a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified .active a {
  border-bottom-color: #ffffff;
}

.nav-pills li {
  float: left;
}

.nav-pills li a {
  border-radius: 5px;
}

.nav-pills li + li {
  margin-left: 2px;
}

.nav-pills li.active a,
.nav-pills li.active a:hover,
.nav-pills li.active a:focus {
  color: #ffffff;
  background-color: #428bca;
}

.nav-stacked li {
  float: none;
}

.nav-stacked li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified li {
  float: none;
}

.nav-justified li a {
  text-align: center;
}


  .nav-justified li {
    display: table-cell;
    width: 1%;
  }

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified li a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs-justified .active a {
  border-bottom-color: #ffffff;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

.tab-content .tab-pane,
.pill-content .pill-pane {
  display: none;
}

.tab-content .active,
.pill-content .active {
  display: block;
}

.nav .caret {
  border-top-color: #428bca;
  border-bottom-color: #428bca;
}

.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

  .navbar {
    border-radius: 4px;
  }

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

  .navbar-header {
    float: left;
  }

.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }

.container .navbar-header,
.container .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

  .container .navbar-header,
  .container .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }


.navbar-static-top {
  border-width: 0 0 1px;
}

  .navbar-static-top {
    border-radius: 0;
  }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }

.navbar-fixed-top {
  top: 0;
  z-index: 1030;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  /*font-size: 18px;*/
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

  .navbar .container .navbar-brand {
    margin-left: -15px;
  }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

  .navbar-toggle {
    display: none;
  }

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav li a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

/*******************************************
videoに関する表記　add realfine
******************************************************/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.movie{
  position: relative;
  clear: both;
  height: 500px;
  overflow: hidden;
  background: url(../images/new/smork.png) repeat;
    margin-bottom: 30px;
}
.movie.mail_movie{}
.movie video{
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: -100;
}
.movie.mail_movie video{
  width: 894px!important;
}
@media only screen and  (max-width: 767px) {
  .movie.mail_movie video{
    width: 100%!important;
  }
  .movie{
    height:auto;
    background: no-repeat;
  }
.movie video{
  position: static;
  top: inherit;
  bottom: inherit;
  left:inherit;
  right: inherit;
  margin: auto;
  width: 100%;
  z-index: 0;
}
.movie_wide{
  display: none;
}
}
.movie p a{
  position: absolute;
}
.movie p a#sound_button{
  width: 60px;
  height: 60px;
  background: rgba(42,100,150,0.8);
  bottom:10px;
  right: 150px;
    border-radius: 150px;
    -moz-border-image: border-radius: 150px;
    -webkit-border-image: border-radius: 150px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 78px;
}
.fa-bell-o:after{
  content: "音声ON";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.fa-bell-slash-o:after{
  content: "音声OFF";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.movie p a#movie_button{
  width: 60px;
  height: 60px;
  background: rgba(42,100,150,0.8);
  bottom:10px;
  right: 80px;
    border-radius: 150px;
    -moz-border-image: border-radius: 150px;
    -webkit-border-image: border-radius: 150px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 82px;
}
.movie p a.inline_m{
  width: 60px;
  height: 60px;
  background: rgba(42,100,150,0.8);
  bottom:10px;
  right: 10px;
    border-radius: 150px;
    -moz-border-image: border-radius: 150px;
    -webkit-border-image: border-radius: 150px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 82px;
}
.fa-play:after{
  content: "再生";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.fa-pause:after{
  content: "停止";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.fa-window-maximize:after{
  content: "全画面";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
@media only screen and  (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu li a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu li a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu li a:hover,
  .navbar-nav .open .dropdown-menu li a:focus {
    background-image: none;
  }
}

  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav li {
    float: left;
  }
  .navbar-nav li a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }

.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }

@media only screen and  (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}

  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

.navbar-nav li .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav li .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav.pull-right li .dropdown-menu,
.navbar-nav li .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-text {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

  .navbar-text {
    margin-right: 15px;
    margin-left: 15px;
  }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777777;
}

.navbar-default .navbar-nav li a {
  color: #777777;
}

.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .active a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav .disabled a,
.navbar-default .navbar-nav .disabled a:hover,
.navbar-default .navbar-nav .disabled a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e6e6e6;
}

.navbar-default .navbar-nav .dropdown a:hover .caret,
.navbar-default .navbar-nav .dropdown a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.navbar-default .navbar-nav .open a,
.navbar-default .navbar-nav .open a:hover,
.navbar-default .navbar-nav .open a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav .open a .caret,
.navbar-default .navbar-nav .open a:hover .caret,
.navbar-default .navbar-nav .open a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar-default .navbar-nav .dropdown a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

@media only screen and  (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu li a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu li a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu li a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu .active a,
  .navbar-default .navbar-nav .open .dropdown-menu .active a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu .active a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu .disabled a,
  .navbar-default .navbar-nav .open .dropdown-menu .disabled a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu .disabled a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777777;
}

.navbar-default .navbar-link:hover {
  color: #333333;
}

.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #999999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav li a {
  color: #999999;
}

.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav .active a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav .disabled a,
.navbar-inverse .navbar-nav .disabled a:hover,
.navbar-inverse .navbar-nav .disabled a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav .open a,
.navbar-inverse .navbar-nav .open a:hover,
.navbar-inverse .navbar-nav .open a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav .dropdown a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav .dropdown a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav .open a .caret,
.navbar-inverse .navbar-nav .open a:hover .caret,
.navbar-inverse .navbar-nav .open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media only screen and  (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu li a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu li a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu li a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .active a,
  .navbar-inverse .navbar-nav .open .dropdown-menu .active a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu .active a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .disabled a,
  .navbar-inverse .navbar-nav .open .dropdown-menu .disabled a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu .disabled a:focus {
    color: #444444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}


.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

  _border: none;
  _padding: 0;
}
*:first-child+html .well {
  border: none;
  padding: 0;
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}








/* ==========================================================================
   Media Queries
   ========================================================================== */


/* `for under Tablet
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 980px) {


} /* end of for under Tablet media-queries.*/


@media only screen and (min-width: 35em) {

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ＊＊従来のgrid.css＊＊ */
/*
  Variable Grid System.
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

/* ================================================================================================
   グリッドシステム 960px 12列
   ================================================================================================ */

  body {
    /** dell realfine **/
    /*min-width: 960px;*/

    /** add realfine **/
    min-width: 1080px;
  }

  .row {
    margin-bottom: 20px;
  }

  /* Containers
  ------------------------------------------------------------------------------------------------*/
  .container-12 {
    margin-left: auto;
    margin-right: auto;
    /** dell realfine **/
    /*width: 960px;*/
    /** add realfine **/
    width: 1080px;
  }
  .page-id-3766 .container-full-main .container-12{
    width: 960px;
  }
.parent-pageid-1088 .container-full-main .case_list_box .container-12{
  width: 1080px;
}
/*  .page .body-container .container-12{
    width: 960px;
  }*/
  .home.page .body-container section .container-12{
    width: 1080px;
  }
  .page .body-container #local-header .container-12{
    width: 980px;
  }
  .page .body-container .foot_product_list.container-12,.page-template-page-groupware .body-container .container-12{
    width: 1080px;
    margin-top: 60px;
  }
  /** add realfine **/
  .touchslider.container-12{
    width: 980px;
    margin-top: 65px;
  }
  
  /* Grid >> Global
  ------------------------------------------------------------------------------------------------*/
  .container-12 .grid-1,
  .container-12 .grid-2,
  .container-12 .grid-3,
  .container-12 .grid-4,
  .container-12 .grid-5,
  .container-12 .grid-6,
  .container-12 .grid-7,
  .container-12 .grid-8,
  .container-12 .grid-9,
  .container-12 .grid-10,
  .container-12 .grid-11,
  .container-12 .grid-12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
  }

  .push-1, .pull-1,
  .push-2, .pull-2,
  .push-3, .pull-3,
  .push-4, .pull-4,
  .push-5, .pull-5,
  .push-6, .pull-6,
  .push-7, .pull-7,
  .push-8, .pull-8,
  .push-9, .pull-9,
  .push-10, .pull-10,
  .push-11, .pull-11,
  .push-12, .pull-12 {
    position:relative;
  }

  /* Grid >> Children (Alpha ~ First, Omega ~ Last)
  ------------------------------------------------------------------------------------------------*/
  .container-12 .alpha {
    margin-left: 0;
  }
  .container-12 .omega {
    margin-right: 0;
  }

  /* Grid >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-12 .grid-1 {
    width:40px;
  }

  .container-12 .grid-2 {
    width:120px;
  }

  .container-12 .grid-3 {
    width:200px;
  }

  .container-12 .grid-4 {
    width:280px;
  }
  .container-12 .grid-4.w30li {
    width:29%;
  }
  .container-12 .grid-5 {
    width:360px;
  }

  .container-12 .grid-6 {
    width:440px;
  }
  #local-header .container-12 .grid-6{
    width: 315px;
  }
  .container-12 .grid-7 {
    width:520px;
  }

  .container-12 .grid-8 {
    width:600px;
  }
  #local-header .container-12 .grid-new8{
    width: 620px;
    float: left;
  }
  .container-12 .grid-9 {
    width:680px;
  }

  .container-12 .grid-10 {
    width:760px;
  }

  .container-12 .grid-11 {
    width:840px;
  }

  .container-12 .grid-12 {
    /** dell realfine **/
    /*width:920px;*/

    /** add realfine **/
    width:1080px;
    margin: auto;
  }
  .page .container-12 .grid-12{
    width: 94%;
    margin: 0 3%;
  }
  .page .container-full-main.container-12 .grid-12{
    width: 100%;
    margin:0;
  }
/** add realfine **/
  .touchslider.container-12 .grid-12{
    /*width: 920px;*/
  }
  .page #header.container-12 .grid-12{
    width: 1080px;
  }
  .grid-other8{
    list-style: none;
    font-size: 12px;
    float: right;
    width: 290px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .grid-other8 li{
    float: left;
  }
  .grid-other8 li a{
    float: left;
  }
  .grid-other8 li:after{
    content: " / ";
    float: left;
    padding: 0 5px;
    color: #ddd;
  }
  .grid-other8 li:nth-last-child(1):after{
    content: none;
  }
  #MaildeWorkflowMenu{
    margin-top: 57px;
  }
  #MaildeWorkflowMenu li a{
    padding: 10px 25px;
  }
  /* Prefix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-12 .prefix-1 {
    padding-left:80px;
  }

  .container-12 .prefix-2 {
    padding-left:160px;
  }

  .container-12 .prefix-3 {
    padding-left:240px;
  }

  .container-12 .prefix-4 {
    padding-left:320px;
  }

  .container-12 .prefix-5 {
    padding-left:400px;
  }

  .container-12 .prefix-6 {
    padding-left:480px;
  }

  .container-12 .prefix-7 {
    padding-left:560px;
  }

  .container-12 .prefix-8 {
    padding-left:640px;
  }

  .container-12 .prefix-9 {
    padding-left:720px;
  }

  .container-12 .prefix-10 {
    padding-left:800px;
  }

  .container-12 .prefix-11 {
    padding-left:880px;
  }

  /* Suffix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-12 .suffix-1 {
    padding-right:80px;
  }

  .container-12 .suffix-2 {
    padding-right:160px;
  }

  .container-12 .suffix-3 {
    padding-right:240px;
  }

  .container-12 .suffix-4 {
    padding-right:320px;
  }

  .container-12 .suffix-5 {
    padding-right:400px;
  }

  .container-12 .suffix-6 {
    padding-right:480px;
  }

  .container-12 .suffix-7 {
    padding-right:560px;
  }

  .container-12 .suffix-8 {
    padding-right:640px;
  }

  .container-12 .suffix-9 {
    padding-right:720px;
  }

  .container-12 .suffix-10 {
    padding-right:800px;
  }

  .container-12 .suffix-11 {
    padding-right:880px;
  }



  /* Push Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-12 .push-1 {
    left:80px;
  }

  .container-12 .push-2 {
    left:160px;
  }

  .container-12 .push-3 {
    left:240px;
  }

  .container-12 .push-4 {
    left:320px;
  }

  .container-12 .push-5 {
    left:400px;
  }

  .container-12 .push-6 {
    left:480px;
  }

  .container-12 .push-7 {
    left:560px;
  }

  .container-12 .push-8 {
    left:640px;
  }

  .container-12 .push-9 {
    left:720px;
  }

  .container-12 .push-10 {
    left:800px;
  }

  .container-12 .push-11 {
    left:880px;
  }



  /* Pull Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-12 .pull-1 {
    left:-80px;
  }

  .container-12 .pull-2 {
    left:-160px;
  }

  .container-12 .pull-3 {
    left:-240px;
  }

  .container-12 .pull-4 {
    left:-320px;
  }

  .container-12 .pull-5 {
    left:-400px;
  }

  .container-12 .pull-6 {
    left:-480px;
  }

  .container-12 .pull-7 {
    left:-560px;
  }

  .container-12 .pull-8 {
    left:-640px;
  }

  .container-12 .pull-9 {
    left:-720px;
  }

  .container-12 .pull-10 {
    left:-800px;
  }

  .container-12 .pull-11 {
    left:-880px;
  }

/* `for Tablet
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 980px) {

  body {
    min-width: 320px;
  }

  /* Containers
  ------------------------------------------------------------------------------------------------*/
  .container-12 {
    width: 100%;
  }
  /* Grid >> Global
  ------------------------------------------------------------------------------------------------*/
  .container-12 .grid-1,
  .container-12 .grid-2,
  .container-12 .grid-3,
  .container-12 .grid-4,
  .container-12 .grid-5,
  .container-12 .grid-6,
  .container-12 .grid-7,
  .container-12 .grid-8,
  .container-12 .grid-9,
  .container-12 .grid-10,
  .container-12 .grid-11,
  .container-12 .grid-12 {
    margin-left: 2.083%;
    margin-right: 2.083%;
  }

  /* Grid >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-12 .grid-1 {
    width: 12.500%;
  }

  .container-12 .grid-2 {
    width: 29.167%;
  }

  .container-12 .grid-3 {
    width: 45.833%;
  }

  .container-12 .grid-4 {
    width: 26.833%;
  }
  .container-12 .grid-5 {
    width: 95.833%;
  }

  .container-12 .grid-6 {
    width: 45.833%;
  }

  .container-12 .grid-7 {
    width: 95.833%;
  }

  .container-12 .grid-8 {
    width: 95.833%;
  }

  .container-12 .grid-9 {
    width: 95.833%;
  }

  .container-12 .grid-10 {
    width: 95.833%;
  }

  .container-12 .grid-11 {
    width: 95.833%;
  }

  .container-12 .grid-12 {
    width: 95.833%;
  }
  #local-header .container-12 .grid-new8{
    width: 96%;
    margin: 0 2%;
  }
  .page .body-container #local-header .container-12{
    width: 100%;
  }
  body.page-template-page-officeview16-php .kanren_product a img, body.page-template-page-officeview-php .kanren_product a img{
    max-width: 100%;
  }
  .page .body-container #local-header .container-12{
    position: relative;
  }
  .kanren_product{
      float: right;
      position: absolute;
      top: -13px;
      right: 16px;
  }
  .page-id-2040 .kanren_product{
      top: 110px;
      width: 288px;
  }

  body.page-template-page-officeview16-php .kanren_product h2{
    font-size: 14px;
    padding: 0 0 5px 10px;
    float: none;
  }
  #MaildeWorkflowMenu{
    margin-top: 20px;
  }
  body.page-template-page-visitview16-php div.menu-visitviewmenu-container{
    float: none;
  }
  body.page-template-page-timecardex-php div ul.local-menu-bar{
    float: none;
  }
  .comp_dmenu.page li img{
    max-width: 100%;
  }

  /* Prefix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-12 .prefix-1 {
    padding-left:8.333%;
  }

  .container-12 .prefix-2 {
    padding-left:16.667%;
  }

  .container-12 .prefix-3 {
    padding-left:25.0%;
  }

  .container-12 .prefix-4 {
    padding-left:33.333%;
  }

  .container-12 .prefix-5 {
    padding-left:41.667%;
  }

  .container-12 .prefix-6 {
    padding-left:50.0%;
  }

  .container-12 .prefix-7 {
    padding-left:58.333%;
  }

  .container-12 .prefix-8 {
    padding-left:66.667%;
  }

  .container-12 .prefix-9 {
    padding-left:75.0%;
  }

  .container-12 .prefix-10 {
    padding-left:83.333%;
  }

  .container-12 .prefix-11 {
    padding-left:91.667%;
  }

  /* Suffix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-12 .suffix-1 {
    padding-right:8.333%;
  }

  .container-12 .suffix-2 {
    padding-right:16.667%;
  }

  .container-12 .suffix-3 {
    padding-right:25.0%;
  }

  .container-12 .suffix-4 {
    padding-right:33.333%;
  }

  .container-12 .suffix-5 {
    padding-right:41.667%;
  }

  .container-12 .suffix-6 {
    padding-right:50.0%;
  }

  .container-12 .suffix-7 {
    padding-right:58.333%;
  }

  .container-12 .suffix-8 {
    padding-right:66.667%;
  }

  .container-12 .suffix-9 {
    padding-right:75.0%;
  }

  .container-12 .suffix-10 {
    padding-right:83.333%;
  }

  .container-12 .suffix-11 {
    padding-right:91.667%;
  }


  /* Push Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-12 .push-1 {
    left:8.333%;
  }

  .container-12 .push-2 {
    left:16.667%;
  }

  .container-12 .push-3 {
    left:25.0%;
  }

  .container-12 .push-4 {
    left:33.333%;
  }

  .container-12 .push-5 {
    left:41.667%;
  }

  .container-12 .push-6 {
    left:50.0%;
  }

  .container-12 .push-7 {
    left:58.333%;
  }

  .container-12 .push-8 {
    left:66.667%;
  }

  .container-12 .push-9 {
    left:75.0%;
  }

  .container-12 .push-10 {
    left:83.333%;
  }

  .container-12 .push-11 {
    left:91.667%;
  }

  /* Pull Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-12 .pull-1 {
    left:-8.333%;
  }

  .container-12 .pull-2 {
    left:-16.667%;
  }

  .container-12 .pull-3 {
    left:-25.0%;
  }

  .container-12 .pull-4 {
    left:-33.333%;
  }

  .container-12 .pull-5 {
    left:-41.667%;
  }

  .container-12 .pull-6 {
    left:-50.0%;
  }

  .container-12 .pull-7 {
    left:-58.333%;
  }

  .container-12 .pull-8 {
    left:-66.667%;
  }

  .container-12 .pull-9 {
    left:-75.0%;
  }

  .container-12 .pull-10 {
    left:-83.333%;
  }

  .container-12 .pull-11 {
    left:-91.667%;
  }

} /* end of for Tablet media-queries.*/


/* `for SmartPhone
----------------------------------------------------------------------------------------------------*/

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

  body {
    min-width: 320px;
  }

  /* Container
  ----------------------------------------------------------------------------------------------------*/
  .container-12 {
    width: 100%;
  }

  /* Grids
  ----------------------------------------------------------------------------------------------------*/
  .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4,
  .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8,
  .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
    margin-left: 0%;
    margin-right: 0%;
  }
  .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4,
  .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8,
  .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
    width: 100%;
  }

  /* Prefix Extra Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/
  .container-12 .prefix-1, .container-12 .prefix-2, .container-12 .prefix-3, .container-12 .prefix-4,
  .container-12 .prefix-5, .container-12 .prefix-6, .container-12 .prefix-7, .container-12 .prefix-8,
  .container-12 .prefix-9, .container-12 .prefix-10, .container-12 .prefix-11 {
    padding-left: 0;
  }

  /* Suffix Extra Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/
  .container-12 .suffix-1, .container-12 .suffix-2, .container-12 .suffix-3, .container-12 .suffix-4,
  .container-12 .suffix-5, .container-12 .suffix-6, .container-12 .suffix-7, .container-12 .suffix-8,
  .container-12 .suffix-9, .container-12 .suffix-10, .container-12 .suffix-11 {
    padding-right: 0;
  }

  /* Push Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/
  .container-12 .push-1, .container-12 .push-2, .container-12 .push-3, .container-12 .push-4,
  .container-12 .push-5, .container-12 .push-6, .container-12 .push-7, .container-12 .push-8,
  .container-12 .push-9, .container-12 .push-10, .container-12 .push-11 {
    left: 0;
  }

  /* Pull Space >> 12 Columns
  ----------------------------------------------------------------------------------------------------*/
  .container-12 .pull-1, .container-12 .pull-2, .container-12 .pull-3, .container-12 .pull-4,
  .container-12 .pull-5, .container-12 .pull-6, .container-12 .pull-7, .container-12 .pull-8,
  .container-12 .pull-9, .container-12 .pull-10, .container-12 .pull-11 {
    left: 0;
  }

} /* end of for SmartPhone media-queries.*/

/* ================================================================================================
   グリッドシステム 720px 12列
   ================================================================================================ */

  /* Containers
  ------------------------------------------------------------------------------------------------*/
  .container-main {
    /*width: 720px;*/
    width: 825px;
    float: left;
    padding: 20px 0;
    _padding-top: 0;
  }

  /* Grid >> Global
  ------------------------------------------------------------------------------------------------*/
  .container-main .grid-1,
  .container-main .grid-2,
  .container-main .grid-3,
  .container-main .grid-4,
  .container-main .grid-5,
  .container-main .grid-6,
  .container-main .grid-7,
  .container-main .grid-8,
  .container-main .grid-9,
  .container-main .grid-10,
  .container-main grid-11,
  .container-main .grid-12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 20px;
    margin-right: 19px;
  }

  /* Grid >> 12 Columns
  ------------------------------------------------------------------------------------------------*/
  .container-main .grid-1 {
    width:20px;
  }

  .container-main .grid-2 {
    width:80px;
  }

  .container-main .grid-3 {
    width:140px;
  }

  .container-main .grid-4 {
    width:200px;
  }

  .container-main .grid-5 {
    width:260px;
  }

  .container-main .grid-6 {
    width:320px;
  }

  .container-main .grid-7 {
    width:380px;
  }

  .container-main .grid-8 {
    width:440px;
  }

  .container-main .grid-9 {
    width:500px;
  }

  .container-main .grid-10 {
    width:560px;
  }

  .container-main .grid-11 {
    width:620px;
  }

  .container-main .grid-12 {
    width:680px;
  }
  .archive .container-main .grid-12,.single .container-main .grid-12{
    width: 94%;
  }
  /* Prefix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-main .prefix-1 {
    padding-left:60px;
  }

  .container-main .prefix-2 {
    padding-left:120px;
  }

  .container-main .prefix-3 {
    padding-left:180px;
  }

  .container-main .prefix-4 {
    padding-left:240px;
  }

  .container-main .prefix-5 {
    padding-left:300px;
  }

  .container-main .prefix-6 {
    padding-left:360px;
  }

  .container-main .prefix-7 {
    padding-left:420px;
  }

  .container-main .prefix-8 {
    padding-left:480px;
  }

  .container-main .prefix-9 {
    padding-left:540px;
  }

  .container-main .prefix-10 {
    padding-left:600px;
  }

  .container-main .prefix-11 {
    padding-left:660px;
  }

  /* Suffix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-main .suffix-1 {
    padding-right:60px;
  }

  .container-main .suffix-2 {
    padding-right:120px;
  }

  .container-main .suffix-3 {
    padding-right:180px;
  }

  .container-main .suffix-4 {
    padding-right:240px;
  }

  .container-main .suffix-5 {
    padding-right:300px;
  }

  .container-main .suffix-6 {
    padding-right:360px;
  }

  .container-main .suffix-7 {
    padding-right:420px;
  }

  .container-main .suffix-8 {
    padding-right:480px;
  }

  .container-main .suffix-9 {
    padding-right:540px;
  }

  .container-main .suffix-10 {
    padding-right:600px;
  }

  .container-main .suffix-11 {
    padding-right:660px;
  }

  /* Push Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-main .push-1 {
    left:60px;
  }

  .container-main .push-2 {
    left:120px;
  }

  .container-main .push-3 {
    left:180px;
  }

  .container-main .push-4 {
    left:240px;
  }

  .container-main .push-5 {
    left:300px;
  }

  .container-main .push-6 {
    left:360px;
  }

  .container-main .push-7 {
    left:420px;
  }

  .container-main .push-8 {
    left:480px;
  }

  .container-main .push-9 {
    left:540px;
  }

  .container-main .push-10 {
    left:600px;
  }

  .container-main .push-11 {
    left:660px;
  }

  /* Pull Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-main .pull-1 {
    left:-60px;
  }

  .container-main .pull-2 {
    left:-120px;
  }

  .container-main .pull-3 {
    left:-180px;
  }

  .container-main .pull-4 {
    left:-240px;
  }

  .container-main .pull-5 {
    left:-300px;
  }

  .container-main .pull-6 {
    left:-360px;
  }

  .container-main .pull-7 {
    left:-420px;
  }

  .container-main .pull-8 {
    left:-480px;
  }

  .container-main .pull-9 {
    left:-540px;
  }

  .container-main .pull-10 {
    left:-600px;
  }

  .container-main .pull-11 {
    left:-660px;
  }


/* `for Tablet
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 980px) {

  /* Containers
  ------------------------------------------------------------------------------------------------*/
  .container-main {
    width: 100%;
  }

  /* Grid >> Global
  ------------------------------------------------------------------------------------------------*/
  .container-main .grid-1,
  .container-main .grid-2,
  .container-main .grid-3,
  .container-main .grid-4,
  .container-main .grid-5,
  .container-main .grid-6,
  .container-main .grid-7,
  .container-main .grid-8,
  .container-main .grid-9,
  .container-main .grid-10,
  .container-main .grid-11,
  .container-main .grid-12 {
    margin-left: 2.083%;
    margin-right: 2.083%;
  }

  /* Grid >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-main .grid-1 {
    width: 12.500%;
  }

  .container-main .grid-2 {
    width: 29.167%;
  }

  .container-main .grid-3 {
    width: 45.833%;
  }

  .container-main .grid-4 {
    width: 95.833%;
  }

  .container-main .grid-5 {
    width: 95.833%;
  }

  .container-main .grid-6 {
    width: 45.833%;
  }

  .container-main .grid-7 {
    width: 95.833%;
  }

  .container-main .grid-8 {
    width: 95.833%;
  }

  .container-main .grid-9 {
    width: 95.833%;
  }

  .container-main .grid-10 {
    width: 95.833%;
  }

  .container-main .grid-11 {
    width: 95.833%;
  }

  .container-main .grid-12 {
    width: 95.833%;
  }

  /* Prefix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-main .prefix-1 {
    padding-left:8.333%;
  }

  .container-main .prefix-2 {
    padding-left:16.667%;
  }

  .container-main .prefix-3 {
    padding-left:25.0%;
  }

  .container-main .prefix-4 {
    padding-left:33.333%;
  }

  .container-main .prefix-5 {
    padding-left:41.667%;
  }

  .container-main .prefix-6 {
    padding-left:50.0%;
  }

  .container-main .prefix-7 {
    padding-left:58.333%;
  }

  .container-main .prefix-8 {
    padding-left:66.667%;
  }

  .container-main .prefix-9 {
    padding-left:75.0%;
  }

  .container-main .prefix-10 {
    padding-left:83.333%;
  }

  .container-main .prefix-11 {
    padding-left:91.667%;
  }

  /* Suffix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-main .suffix-1 {
    padding-right:8.333%;
  }

  .container-main .suffix-2 {
    padding-right:16.667%;
  }

  .container-main .suffix-3 {
    padding-right:25.0%;
  }

  .container-main .suffix-4 {
    padding-right:33.333%;
  }

  .container-main .suffix-5 {
    padding-right:41.667%;
  }

  .container-main .suffix-6 {
    padding-right:50.0%;
  }

  .container-main .suffix-7 {
    padding-right:58.333%;
  }

  .container-main .suffix-8 {
    padding-right:66.667%;
  }

  .container-main .suffix-9 {
    padding-right:75.0%;
  }

  .container-main .suffix-10 {
    padding-right:83.333%;
  }

  .container-main .suffix-11 {
    padding-right:91.667%;
  }


  /* Push Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/

  .container-main .push-1 {
    left:8.333%;
  }

  .container-main .push-2 {
    left:16.667%;
  }

  .container-main .push-3 {
    left:25.0%;
  }

  .container-main .push-4 {
    left:33.333%;
  }

  .container-main .push-5 {
    left:41.667%;
  }

  .container-main .push-6 {
    left:50.0%;
  }

  .container-main .push-7 {
    left:58.333%;
  }

  .container-main .push-8 {
    left:66.667%;
  }

  .container-main .push-9 {
    left:75.0%;
  }

  .container-main .push-10 {
    left:83.333%;
  }

  .container-main .push-11 {
    left:91.667%;
  }



  /* Pull Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/


  .container-main .pull-1 {
    left:-8.333%;
  }

  .container-main .pull-2 {
    left:-16.667%;
  }

  .container-main .pull-3 {
    left:-25.0%;
  }

  .container-main .pull-4 {
    left:-33.333%;
  }

  .container-main .pull-5 {
    left:-41.667%;
  }

  .container-main .pull-6 {
    left:-50.0%;
  }

  .container-main .pull-7 {
    left:-58.333%;
  }

  .container-main .pull-8 {
    left:-66.667%;
  }

  .container-main .pull-9 {
    left:-75.0%;
  }

  .container-main .pull-10 {
    left:-83.333%;
  }

  .container-main .pull-11 {
    left:-91.667%;
  }

} /* end of for Tablet media-queries.*/


/* `for SmartPhone
----------------------------------------------------------------------------------------------------*/

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

  .container-main {
    width: 100%;
  }
  .container-main .grid-1, .container-main .grid-2, .container-main .grid-3, .container-main .grid-4,
  .container-main .grid-5, .container-main .grid-6, .container-main .grid-7, .container-main .grid-8,
  .container-main .grid-9, .container-main .grid-10, .container-main .grid-11, .container-main .grid-12 {
    margin-left: 6.250%;
    margin-right: 6.250%;
  }
  .container-main .grid-1, .container-main .grid-2, .container-main .grid-3, .container-main .grid-4,
  .container-main .grid-5, .container-main .grid-6, .container-main .grid-7, .container-main .grid-8,
  .container-main .grid-9, .container-main .grid-10, .container-main .grid-11, .container-main .grid-12 {
    width: 87.500%;
  }

  /* Prefix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/
  .container-main .prefix-1, .container-main .prefix-2, .container-main .prefix-3, .container-main .prefix-4,
  .container-main .prefix-5, .container-main .prefix-6, .container-main .prefix-7, .container-main .prefix-8,
  .container-main .prefix-9, .container-main .prefix-10, .container-main .prefix-11 {
    padding-left: 0;
  }

  /* Suffix Extra Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/
  .container-main .suffix-1, .container-main .suffix-2, .container-main .suffix-3, .container-main .suffix-4,
  .container-main .suffix-5, .container-main .suffix-6, .container-main .suffix-7, .container-main .suffix-8,
  .container-main .suffix-9, .container-main .suffix-10, .container-main .suffix-11 {
    padding-right: 0;
  }

  /* Push Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/
  .container-main .push-1, .container-main .push-2, .container-main .push-3, .container-main .push-4,
  .container-main .push-5, .container-main .push-6, .container-main .push-7, .container-main .push-8,
  .container-main .push-9, .container-main .push-10, .container-main .push-11 {
    left: 0;
  }

  /* Pull Space >> 12 Columns
  ------------------------------------------------------------------------------------------------*/
  .container-main .pull-1, .container-main .pull-2, .container-main .pull-3, .container-main .pull-4,
  .container-main .pull-5, .container-main .pull-6, .container-main .pull-7, .container-main .pull-8,
  .container-main .pull-9, .container-main .pull-10, .container-main .pull-11 {
    left: 0;
  }

} /* end of for SmartPhone media-queries.*/


/* ================================================================================================
   副コンテナー 240px 1列
   ================================================================================================ */

  .container-sub {
    width: 240px;
    float: right;
    padding: 20px 0;
  }

  .container-sub .grid-1 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 0px;
    width: 230px;
  }

  /* Prefix Extra Space >> 1 Column
  ----------------------------------------------------------------------------------------------------*/
  .container-sub .prefix-1 {
    padding-left: 0;
  }

  /* Suffix Extra Space >> 1 Column
  ----------------------------------------------------------------------------------------------------*/
  .container-sub .suffix-1 {
    padding-right: 0;
  }

  /* Push Space >> 1 Column
  ----------------------------------------------------------------------------------------------------*/
  .container-sub .push-1 {
    left: 0;
  }

  /* Pull Space >> 1 Column
  ----------------------------------------------------------------------------------------------------*/
  .container-sub .pull-1 {
    left: 0;
  }

/* `for Tablet
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 980px) {

  .container-sub {
    width: 100%;
  }

  .container-sub .grid-1 {
    margin-left: 2.083%;
    margin-right: 2.083%;
  }
  .container-sub .grid-1 {
    width: 95.833%;
  }

} /* end of for Tablet media-queries.*/


/* `for SmartPhone
----------------------------------------------------------------------------------------------------*/

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

  .container-sub {
    width: 100%;
  }
  .container-sub .grid-1 {
    margin-left: 6.250%;
    margin-right: 6.250%;
  }
  .container-sub .grid-1 {
    width: 87.500%;
  }

} /* end of for SmartPhone media-queries.*/


/* ＊＊従来のstyle.css＊＊ */
/* -----------------------------------------------------------------------------
  共通
----------------------------------------------------------------------------- */

  /*  コンテナ境界
  ------------------------------------------------*/
  .head-container {
    border-bottom: solid 1px #ddd;
    /*
    background: url(/wp-content/uploads/Fotolia_46041805_M.jpg) no-repeat center center;
    */
  }
  .container-main {
    border-right: solid 1px #ddd;
    _border-right: none;
  }
  *+html .container-main {
    border-right: none;
  }
  /** dell realfine START
  .foot-container {
    border-top: solid 1px #ddd;
  }
  dell realfine END **/
  #local-header {
    margin-top: 10px;
  }
@media only screen and (max-width: 980px) {
  .container-main {
    border-right: none;
  }
}
.foot-container .container-12 .grid-12{
  position: relative;
}

  /*  コンテナー カラーリング（テスト用色付け）
  ------------------------------------------------*/
  /*
  .body-container {
    background-color: SkyBlue;
  }
  .body-shape {
    background-color: Beige;
  }
  .container-main {
    background-color: Cornsilk;
  }
  .container-sub {
    background-color: GhostWhite;
  }
  .head-container {
    background: PaleGoldenRod;
  }
  .site-bar {
    background-color: Pink;
  }
  .foot-container {
    background-color: PaleTurquoise;
  }
  */

  /*  投稿内画像
  ------------------------------------------------*/
  .entry-content img {
    max-width: 100%;
    height: auto;
  }

  /* ローカル メニュー 垂直型
  ------------------------------------------------*/

  ul.local-menu {
    padding-left: 0;
  }
  ul.local-menu li.current-menu-item a {
    color: #333333;
  }
  ul.local-menu li a {
    line-height: 2.62em;
  }
  ul.local-menu li.menu-item ul li a {
    color: #428bca;
  }
  ul.local-menu li.menu-item ul li.current-menu-item a {
    color: #333333;
  }
  ul.local-menu li {
    list-style: none;
  }
  ul.local-menu ul.sub-menu {
    padding-left: 2em;
  }

  /* ローカル メニュー 水平型
  ------------------------------------------------*/
  ul.local-menu-bar {
    padding: 0;
    border: solid 1px #eee;
    background: url(../images/new/product/product_menu_bk_img_03.png) repeat;
  }
  ul.local-menu-bar li {
    float:left;
    position:relative;
    list-style: none;
    font-size: 13px;
  }
  ul.local-menu-bar li:after{
    content: "|";
    display: block;
    float: left;
    margin-top: 8px;
    color: #ddd;
  }
  ul.local-menu-bar li:nth-last-child(1):after{
    content: none;
  }
  ul.local-menu-bar li a {
    display: block;
    padding: 10px;
    float: left;
    /*margin-left: 24px;*/
  }
  ul.local-menu-bar li.current-menu-item a {
    color: #fff;
    background: url(../images/new/product/product_menu_bk_img2_06.png) repeat;
  }
  ul.local-menu-bar li a:hover {
    color: #fff;
    background: url(../images/new/product/product_menu_bk_img2_06.png) repeat;
  }
  ul.local-menu-bar li.menu-item ul li a {
    color: #428bca;
  }
  ul.local-menu-bar li.menu-item ul li.current-menu-item a {
    color: #333333;

  }

  /* プラグイン Dynamic to top
  ------------------------------------------------*/
  #dynamic-to-top {
    bottom: 10px !important;
  }

  /* アーカイブページ
  ------------------------------------------------*/
  body.archive .article {
    margin: 2em 2% 1em;
    border: solid 1px #eee;
    float: left;
    width: 46%;
    padding: 2%;
  }
  body.archive .article#post-not-found{
    width: 100%;
    border: none;
  }
  body.archive .article#post-not-found .entry-content p{
    height: auto;
  }
  body.archive .article#post-not-found h2{
    font-size: 26px;
    border-bottom: dotted 1px #eee;
    padding-bottom: 10px;
  }
  body.archive .article h3 {
    margin: 10px 0 15px;
    font-size: 15px;
    word-wrap:break-word;
  }
  body.archive .article .thumbnail {
    float: left;
    /*border: solid 1px #eee;*/
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px;
    width: 162px;
    min-height: 100px;
  }
  body.archive .article .f_left{
    width: 46%;
  }
  body.archive .article .thumbnail a{
    height: 140px;
    /*display: table-cell;*/
    overflow: hidden;
    /*vertical-align: middle;*/
    display: block;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  body.archive .article .thumbnail img {
    /*margin-right: 20px;*/
  }
  body.archive .article .byline {
    line-height: 1em;
    margin-left: 0px;
    padding-top: 10px;
  }
  body.archive time{
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
  }
  body.archive .post-category{
    margin-left: 0;
  }
@media only screen and (max-width: 767px) {
  body.archive .article .thumbnail {
    float: none;
    text-align: center;
  }
  body.archive .article .thumbnail img {
    margin-right: 0;
  }
}

  /* 投稿リスト ページ番号リスト
  ------------------------------------------------*/
  ul.page-numbers li {
    float: left;
    margin-right: 20px;
    list-style: none;
  }

  /*  カテゴリーメニュー
  ------------------------------------------------*/
  .widget_categories ul {
    padding-left: 20px;
  }
  .widget_categories ul li.cat-item {
    list-style: none;
  }

  /* カテゴリー アイコン
  ------------------------------------------------*/
  .post-category {
    margin-left: 20px;
    padding: 0.1em 1em;
    font-size: 0.7em;
    font-weight: bold;
    vertical-align: middle;
    color: white;
    border-radius: 6px;
  }
  .post-category-info {
    background-color: #e74c3c;
  }
  .post-category-update {
    background-color: #95a5a6;
  }
  .post-category-seminar {
    background-color: #e67e22;
  }
  .post-category-release {
    background-color: #1abc9c;
  }
  .post-category-showcase {
    background-color: #4aa3df;
  }
  .post-category-books {
    background-color: #9b59b6;
  }
  .post-category-partner-products {
    background-color: #27ae60;
  }
  .post-category-business {
    background-color: #95a5a6;
  }
  .post-category-media {
    background-color: #ffa54f;
  }
  .post-category-melmaga{
    background-color: #7AC943; 
  }
  .post-category-event{
    background-color: #EA8FB4;
  }
  .post-category-promotion{
    background-color: #ED1E79;
  }
  .post-category-support_blog{
    background-color: #d4145a;
  }

  /* 動画など iframe
  ------------------------------------------------*/
  .iframe-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .iframe-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* 画像キャプション
  ------------------------------------------------*/
  .wp-caption {
    max-width: 100%;
  }

  /* 製品リスト
  ------------------------------------------------*/
  ul.products {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 120px;
  }
  .page-id-3288 ul.products{
    margin-bottom: 20px;
  }
  ul.products li {
    list-style: none;
    width: 46%;
    margin: 0 2% 60px;
    border: solid 1px #eee;
    float: left;
    padding-top: 15px;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
  }
  ul.products li:hover{
    -moz-transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
  ul.products li h3 {
    margin-top: 0;
    text-align: center;
    margin-bottom: 0;
  }
  ul.products li .thumbnail {
    text-align: center;
  }
  ul.products li .dis {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }
  ul.products li .link {
    background: #3276b1;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0;
  }
  ul.products li:nth-child(3) .link {
    background: #64ace2;
  }
  ul.products li:nth-child(4) .link {
    background: #64ace2;
  }
  ul.products.comp li .link {
    background: #ff4d6f;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0;
  }
  ul.products.comp li:nth-child(3) .link {
    background: #f98086;
  }
  ul.products.comp li:nth-child(4) .link {
    background: #f98086;
  }
  .products-navi ul{
    padding: 0;
    margin-bottom: 0;
  }
  .products-navi li{
    width: 540px;
    float: left;
    list-style: none;
    position: relative;
    margin-bottom: 35px;
  }
  .products-navi li a{
    display: block;
    width: 100%;
    height: 100%;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
  }
  .products-navi li a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
  .products-navi li:nth-child(1){
    background: url(../images/new/product/product_page_img1_03.png) no-repeat;
    height: 138px;
  }

  .products-navi li:nth-child(2){
    background: url(../images/new/product/product_page_img1_04.png) no-repeat;
    height: 138px;
  }
  .products-navi.comp li:nth-child(1){
    background: url(../images/new/product/product_comp_page_img1_06.png) no-repeat;
    height: 138px;
  }

  .products-navi.comp li:nth-child(2){
    background: url(../images/new/product/product_comp_page_img1_07.png) no-repeat;
    height: 138px;
  }
  .products-navi.comp li:nth-child(1) a:hover{
    background-color: #d2e5f4;
  }
  .products-navi li:nth-child(2) a:hover{
    background-color: #f4c3d4;
  }
  .products-navi li img{
    display: block;
    float: left;
    margin-top: 35px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .products-navi li span,.products-navi li p{
    display: block;
    float: left;
    margin-top: 50px;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
  }
  .products-navi li:nth-child(2) span,.products-navi li:nth-child(2) p{
    color: #000;
    margin-top: 40px;
  }
  .products-navi.comp li span,.products-navi.comp li p{
    display: block;
    float: left;
    margin-top: 50px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
  }
  .products-navi.comp li:nth-child(2) span,.products-navi.comp li:nth-child(2) p{
    color: #fff;
    margin-top: 40px;
  }
  .products-navi.group li:nth-child(1):after{
    content: url(../images/new/product/product_page_img1_17.png);
    width: 179px;
    height: 23px;
    position: absolute;
    bottom: -27px;
    left: 185px;
  }
  .products-navi.comp li:nth-child(2):after{
    content: url(../images/new/product/product_comp_page_img1_11.png);
    width: 179px;
    height: 23px;
    position: absolute;
    bottom: -27px;
    left: 185px;
  }
  h2.boder_h2{
    background: url(../images/new/text_bk_07.png);
    padding: 15px 20px;
    height: 62px;
    margin-bottom: 40px;
    margin-top: 0;
  }
  .foot_product_list h2{
    background: url(../images/new/product/product_dispage_img_42.png);
    padding: 20px 20px;
    height: 83px;
    margin-bottom: 60px;
    position: relative;
    border:none;
  }
  .foot_product_list h2 span{
    position: absolute;
    right: 15px;
    top:-40px;
  }
  body.page .foot_product_list h3{
    background: url(../images/new/text_bk_07.png);
    padding: 15px 20px;
    height: 62px;
    margin-bottom: 20px;
    border: none;
  }
  body.page .foot_product_list h3 a {
    border: solid 1px #3276b1;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 12px;
    padding: 3px 10px;
    background: #fff;
    float: right;
    color: #3276b1;
  }
  body.page-template-page-visitview16-php .foot_product_list h3{
    border: none;
  }
  body.page-template-page-visitview16-php .foot_product_list h3 a{
    padding: 7px 13px;
    margin-top: 8px;
  }
  body.page-template-page-officeview16-php .foot_product_list h3 a{
    padding: 7px 13px;
    margin-top: 8px;
  }
  body.page .foot_product_list h3 a:hover {
      background: #3276b1;
      color: #fff;
      text-decoration: none;
  }
  body.page .foot_product_list h3.component a {
      border: solid 1px #d4145a;
      color: #d4145a;
  }
  body.page .foot_product_list h3.component a:hover {
      background: #d4145a;
      color: #fff;
      text-decoration: none;
  }
  .foot_product_list ul{
    list-style: none;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    padding: 0;
  }
  .foot_product_list li{
    float: left;
    width: 32%;
    margin-bottom: 30px;
    text-align: center;
    margin: 0 0.5% 30px;
  }
  .foot_product_list li:nth-child(4){
    width:32%;
    margin: 0 0.5% 30px;
    margin-left: 15%;
  }
  .foot_product_list li span{
    font-size: 13px;
    line-height: 16px;
    display: block;
    text-align: center;
    color: #4d4d4d;
  }
  .foot_product_list ul.comp li:nth-child(4){
    width:32%;
    margin: 0 0.5% 30px;
  }
  .comp_dmenu{
    list-style: none;
    padding: 0;
    width: 960px;
    margin: 0 auto 120px;
  }
  .comp_dmenu.page{
    margin-top: 50px;
    margin-bottom: 60px;
  }
  .comp_dmenu li{
    float: left;
    width: 50%;
    text-align: center;
  }

  /*  執筆書籍
  ------------------------------------------------*/
  .book-thumbnail {
    text-align: center;
  }
  .book-data {
  }

  /*  ナルボHPホーム
  ------------------------------------------------*/
  dl.newslist dt {
    font-weight: normal;
  }
  dl.newslist dd {
    margin-bottom: 10px;
  }
  body.home .head-container {
    background: none;
  }
  body.home #jumbo-tron {
    margin-top: -20px;
    padding-top: 20px;
    margin-bottom: 0px;
    /*
    max-height: 332px;
    background: url(/wp-content/uploads/shutterstock_92349469.jpg) no-repeat center center;
    background-size: 1020px;
    padding-top: 40px;
    background: url(../images/tokyo-tower.jpg) no-repeat center top;
    background: url(/wp-content/uploads/shutterstock_104246570.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_20131209b.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_75343384.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_70021144.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_70021144.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_70021144.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_70021144.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_70021144.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_65706433.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_74777776.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_88967776.jpg) no-repeat center center;
    background: url(/wp-content/uploads/Fotolia_47169790_S.jpg) no-repeat center center;
    background: url(/wp-content/uploads/Fotolia_46041805_M.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_65309419.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_129390128.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_159129236.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_113990482.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_135369737.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_111645758.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_73771540.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_98071349.jpg) no-repeat center center;
    background: url(/wp-content/uploads/shutterstock_126355535.jpg) no-repeat center center;
    background-color: #FDB841;
    */
    /** dell realfine **/
    /*background: url(/wp-content/uploads/shutterstock_69962692.jpg) no-repeat center center;*/
    /** add realfine **/
    background: url(/wp-content/uploads/top_head_bk.jpg) no-repeat center center;
    background-color: white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /** dell realfine **/
    /*height: 380px;*/
    /** add realfine **/
    height: 500px;
  }
@media only screen and (max-width: 767px) {
  body.home #jumbo-tron {
    margin-bottom: 0;
    height: auto;
  }
}
  body.home .slider-nav {
    margin-left: 10%;
    width: 80%;
  }
  body.home .slider-nav-item,
  body.home .slider-nav-prev,
  body.home .slider-nav-next {
    width: 1.62em;
    margin: 0 0.5em;
    height: 0.62em;
    background-color: #ddd;
  }
  body.home .slider-nav-prev,
  body.home .slider-nav-next {
    width: 2.62em;
  }
  body.home .slider-nav-item-current {
    background-color: #aaa;
  }
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.home .slider-wrap > div img {
    max-width: 50%;
    width: auto;
  }
}
  body.home #leads {
    background: rgba(255,255,255,0.68);
    padding-top: 10px;
  }
  /* add realfine */
  #jumbo-tron .scroll_btn{
    text-align: center;
  }
  #jumbo-tron .scroll_btn img{
  -webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  /*-webkit-animation-direction:alternate;*/
  -webkit-animation-timing-function:ease;
  
  -moz-animation-name:fuwafuwa;
  -moz-animation-duration:2s;
  -moz-animation-iteration-count:infinite;
  /*-moz-animation-direction:alternate;*/
  -moz-animation-timing-function:ease;
  }
  @-webkit-keyframes fuwafuwa {
  0% {-webkit-transform:translate(0, 5px);}
  50% {-webkit-transform:translate(0, -5px);}
  100% {-webkit-transform:translate(0, 5px);}
  }
  @-moz-keyframes fuwafuwa {
    0% {-moz-transform:translate(0, 5px);}
    50% {-moz-transform:translate(0, -5px);}
    100% {-moz-transform:translate(0, 5px);}
  }
  .top-content-pickup {
    background: #fcfcfc;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
  }
  .top-content-pickup h2,.top-content-pickup p.h2_title{
    float: left;
    width: 23%;
    text-align: center;
    padding: 20px 0;
margin-top: 20px;
    margin-bottom: 10px;
  }
  .top-content-pickup h2:after,.top-content-pickup p.h2_title:after {
      content: url(../images/new/top_img_new3_23.png);
      display: block;
      float: right;
      margin-top: -11px;
  }
  .base_section ul{
    list-style: none;
  }
  .top-content-pickup{
    font-size: 13px;
  }
  .top-content-pickup ul{
    float: left;
    padding: 20px 0 20px 70px;
    line-height: 28px; 
  }
  .top-content-pickup ul .date{
    font-size: 11px;
    display: block;
    float: left;
  }
  .top-content-pickup ul .cate{
    font-size: 11px;
    display: block;
    float: left;
    margin: 0 15px;
    color: #e74c3c;
    height: 21px;
    line-height: 21px;
    /*border: solid 1px #e74c3c;*/
    padding: 0 15px;
    margin-top: 3px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    width: 130px;
    text-align: center;
  }
  .top-content-pickup ul .cate a{
    color: #fff;
  }
  .home .top-content-pickup ul .cate a:hover{
    background: none;
  }
  .top-content-pickup ul .title a{
    font-size: 12px;
    color: #000000;
  }
  .top-content-pickup ul .title a:after{
    content: "»";
    color: #3276b1;
    padding-left: 10px;
  }
  .top-content-about{
    background: url(../images/new/text_bk_03.png) repeat;
    padding: 5px 0;
  }
  .f_left{
    float: left;
  }
  .f_right{
    float: right;
  }
  .top-content-about .about-left{
    width: 31%;
    text-align: center;
  }
  .top-content-about .about-center p{
    margin: 0;
  }
  .top-content-about .about-center img{
    display: block;
  }
  .top-content-about .about-right{
    /* font-family: 'sawarabi'; */
    line-height: 30px;
    font-size: 15px;
    margin-top: 30px;
    width: 52%;
  }
  .home .about-left .link a:hover {
    background: none;
  }
  .top-content-product{
    font-size: 13px;
    line-height: 21px;
    overflow: hidden;
    padding-top: 40px;
    margin-top: -20px;
    clear: both;
  }
  .top-content-product h3,.top-content-product h2{
    /*background: url(../images/new/text_bk_07.png);*/
    background: url(../images/new/text_bk_19.png);
    padding: 15px 20px;
    height: 62px;
    margin-bottom: 30px;
  }
.top-content-product h3, .top-content-product h2 span.container-12{
  display: block;
}
  .top-content-product h3 a,.top-content-product h2 a{
    border: solid 1px #3276b1;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    font-size: 12px;
    padding: 3px 10px;
    background: #fff;
    float: right;
    color: #3276b1;
    margin-top: 4px;
    margin-right: 0px;
  }
  /*.home .top-content-product h3 a:hover,.home .top-content-product h2 a:hover{
    background: #3276b1;
    color: #fff;
    text-decoration: none;
  }*/
  .top-content-product h3.component a,.top-content-product h2.component a{
    /*border: solid 1px #d4145a;
    color: #d4145a;*/
  }
  /*.top-content-product h3.component a:hover,.top-content-product h2.component a:hover{
    background: #d4145a;
    color: #fff;
    text-decoration: none;
  }*/
  .top-content-product ul li a img{
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
  }
  .top-content-product ul li a:hover img{
    -moz-transform: translate(0,-5px);
    -webkit-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    filter: alpha(opacity=10);
    -moz-opacity: 1;
    opacity: 1;
  }
  .top-content-product .ul_base li{
    width: 32%;
    margin: 0 0.5% 20px;
    float: left;
    text-align: center;
  }
  .top-content-product .groupware_ul li{
    width: 48%;
    text-align: center;
    margin: 0 0% 28px;
  }
  .single .top-content-product .groupware_ul li{
    width: 57%;
  }
  .single .top-content-product .groupware_ul li a{
    display: block;
  }
    .top-content-product .groupware_ul li:nth-child(even){
      float: right;
    }
  .groupware_ul,.component_ul  {
    padding-left: 0;
  }
  .top-content-product .groupware_ul.ul_base li:nth-child(4){
    /*clear: both;*/
        /*margin-left: 16%;*/
  }
  .top-content-product .ul_base li:nth-child(5){
    /*clear: both;*/
  }
  .top-content-product .ul_base li:nth-child(5){
    /*width: 34%;*/
  }
  .top-content-product .ul_base li span{
    display:block;
    font-size: 13px;
    text-align: center;
  }
  .top-content-product .ul_base.component_ul li:nth-child(5){
    width: 32%;
  }
/*  .top-content-product h2{
    position: relative;
    width: 1080px;
    margin: auto;
  }
  .top-content-product h2 .title{
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 10;
  }
  .top-content-product h2 .mate{
    position: absolute;
    right: -150px;
    top: -65px;
  }
  .top-content-product h2 .img{
    position: absolute;
    right: 0;
    top: 243px;
    z-index: 10;
  }
  */
  .top-content-case{
    margin-top: -50px;
  }
  .top-content-case .case_top_box{
    background: url(../images/new/top_img_new2_03.png) no-repeat center;
    height: 142px;
    padding-top: 80px;
  }
  .top-content-case .case_top_box h2{
    color: #fff;
    font-size: 14px;
  }
  .top-content-case .case_top_box h2 span.title{
    float: left;
  }
  .top-content-case .case_top_box h2 span.title2{
    float: left;
    padding-top: 8px;
    padding-left: 15px;
  }
  .page-id-3766 .top-content-case .case_top_box h2 a,
  .home .top-content-case .case_top_box h2 a{
    border: solid 1px #fff;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    padding: 5px 20px 3px;
    color: #fff;
    font-size: 12px;
    float: right;
    margin-top: 5px;
  }
  .home .top-content-case .case_top_box h2 a:hover{
    background-color: #fff;
    color: #000;
  }
  .top-content-case .case_list_box{
    background: url(../images/new/top_img_new2_05.jpg) no-repeat top;
    padding-bottom: 150px;
  }
  .page-id-3766 .top-content-case .case_list_box{
    background: url(../images/new/top_img_new2_05.jpg) no-repeat top;
    padding-bottom: 80px;
    margin-bottom: 80px;
  }
  .top-content-case dl{
    /*width: 500px!important;*/
    margin: 60px 20px 0px 20px;
    float: left;
    background: #fff;
    padding: 10px;
    position: relative;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
  }
  .top-content-case dl:hover{
    -moz-transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
  }
  .home .top-content-case dl a:hover{
    background: none;
  }
  .top-content-case dl a{
    display: block;
    padding: 10px;
    border: dotted 1px #ddd;
    text-decoration: none;
  }
  .top-content-case dl dt{
    float: left;
    width: 136px;
    margin-bottom: 20px;
  }
  .top-content-case dl dt img{
    width: 100%;
    height: auto;
  }
  .top-content-case dl dd .comp_logo{
    height: 80px;
    display: block;
  }
  .top-content-case dl dd .comp_logo img{
    height: 100%;
  }
  .top-content-case dl dd.title{
    float: right;
    width: 290px;
  }
  .top-content-case dl dd.title span{
    display: block;
  }
  .top-content-case dl dd.title span.comp_name{
    font-size: 15px;
    color: #000;
    margin-bottom: 3px;
  }
  .top-content-case dl dd.title span.case_txt{
    background: #3276b1;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px 3px;
  }
  .top-content-case dl dd.title span.case_img{
    position: absolute;
    top:-1px;
    right: -1px;
  }
  .top-content-case dl dd.dis{
    clear: both;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-bottom: 40px;
    height: 67px;
    overflow: hidden;
  }
  .top-content-case dl dd.link{
    background: #000;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 7px 0;
  }
  .top-content-books{
    background: url(../images/new/top_img_new2_2_09.png) no-repeat top center;
    margin-top: -115px;
    padding-top: 66px;
    height: 609px;
  }
  .top-content-books h2{
    font-size: 15px;
    height: 40px;
    margin-bottom: 35px;
  }
  .top-content-books h2 .title{
    float: left;
    margin-right: 10px;
  }
  .top-content-books h2 .title2{
    float: left;
    margin-top: 8px;
  }
  .top-content-books h2 a{
    display: block;
    border: solid 1px #3276b1;
    background: #fff;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    padding: 5px 20px 3px;
    color: #3276b1;
    font-size: 12px;
    float: right;
    margin-top: 5px;
  }
  .home .top-content-books h2 a:hover{
    background: #3276b1;
    color: #fff;
  }
  .top-content-books .book_list {
    clear: both;
    width: 96%;
    margin: 0 2%;
  }
  .top-content-books .book_list dl{
    /*width: 316px!important;*/
    float: left;
    margin: 0 15px;
    background: #fff;
    padding: 15px 10px 10px;
    position: relative;
  }
  .top-content-books .book_list dl:hover{
    background: #d2e5f4;
  }
  .top-content-books .book_list dl dt{
    animation: s_bk 0.5s ease 0s 1 normal;
    -webkit-animation: s_bk 0.5s ease 0s 1 normal;
    -moz-animation: s_bk 0.5s ease 0s 1 normal;
    -o-animation: s_bk 0.5s ease 0s 1 normal;
    -ms-animation: s_bk 0.5s ease 0s 1 normal;
    float: left;
    width: 102px;
    height: 118px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;

    background-size:120%; 
  }

  @keyframes s_bk {
    0% {background-size: 150%}
    100% {background-size: 120%}
  }

  @-webkit-keyframes s_bk {
      0% {background-size: 150%}
      100% {background-size: 120%}
  }
  @-moz-keyframes s_bk {
      0% {background-size: 150%}
      100% {background-size: 120%}
  }
  @-o-keyframes s_bk {
      0% {background-size: 150%}
      100% {background-size: 120%}
  }
  @-ms-keyframes s_bk {
      0% {background-size: 150%}
      100% {background-size: 120%}
  }
  .top-content-books .book_list dl:hover dt{
    animation: big_bk 0.5s ease 0s 1 normal;
    -webkit-animation: big_bk 0.5s ease 0s 1 normal;
    -moz-animation: big_bk 0.5s ease 0s 1 normal;
    -o-animation: big_bk 0.5s ease 0s 1 normal;
    -ms-animation: big_bk 0.5s ease 0s 1 normal;
    background-size: 150%;
  }
  @keyframes big_bk {
      0% {background-size: 120%}
      100% {background-size: 150%}
  }

  @-webkit-keyframes big_bk {
      0% {background-size: 120%}
      100% {background-size: 150%}
  }
  @-moz-keyframes big_bk {
      0% {background-size: 120%}
      100% {background-size: 150%}
  }

  @-o-keyframes big_bk {
      0% {background-size: 120%}
      100% {background-size: 150%}
  }
  @-ms-keyframes big_bk {
      0% {background-size: 120%}
      100% {background-size: 150%}
  }
  .top-content-books .book_list dl dt img{
    max-width: 92px;
    height: auto;
  }
  .top-content-books .book_list dl dd{
    float: right;
    width: 183px;
    font-size: 12px;
  }
  .top-content-books .book_list dl dd .title{
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 15px;
  }
  .top-content-books .book_list dl dd .dis{
    color: #000;
    line-height: 15px;
    height: 45px;
    overflow: hidden;
  }
  .top-content-books .book_list dl dd .link{
    position: absolute;
    bottom: 0px;
    right: 55px;
    display: block;
    color: #3276b1;
    border: solid 1px #3276b1;
    background: #fff;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    padding: 0px 20px;
  }
  .top-content-info{
    margin-top: -185px;
  }
  .top-content-info .info_list_base{
    width: 49%;
    background: #fcfcfc;
    padding: 10px 20px;
    border: solid 1px #eee;
  }
  .top-content-info .new_list_box {
    float: left;
  }
  .top-content-info .media_list_box {
    float: right;
  }
  .top-content-info .media_list_box.new{
    float: none;
    width: 100%;
    clear: both;
    margin-top: 20px;
    padding-bottom: 0;
    background: url(../images/new/medhia_bk_22.png);
  }
  .top-content-info .top_news_list_box.new{
    margin-bottom: 20px;
  }
  .top-content-info .info_list_base h2,.top-content-info .info_list_base p.h2_title{
    font-size: 15px;
    height: 37px;
    background: url(../images/new/top_img_new_95.png) repeat-x bottom;
    margin-bottom: 20px;
        margin-top: 20px;
  }
  .top-content-info .info_list_base.media_list_box.new h2,.top-content-info .info_list_base.media_list_box.new p.h2_title{
    float: left;
    width: 25%;
    padding-right: 0%;
    border-right: dotted 1px #ddd;
    background: none;
    height: auto;
    padding-top: 27px;
    padding-bottom: 24px;
    margin: 0;
  }
  .top-content-info .info_list_base.media_list_box.new h2 .title,.top-content-info .info_list_base.media_list_box.new p.h2_title .title{
   background: url(../images/new/top_img_new_95.png) repeat-x bottom;
  margin-bottom: 10px;
    padding-bottom: 5px;
    float: none;
    margin-right: 0;
  }
  .top-content-info .info_list_base.media_list_box.new h2 a,.top-content-info .info_list_base.media_list_box.new p.h2_title a{
    display: block;
    float: none;
    margin-top: 18px;
    width: 218px;
    text-align: center;
  }
  .media_new_list_scbox{
    float: right;
    width: 73%;
    padding: 1%;
  }
  .top-content-info h2 .title,.top-content-info p.h2_title .title{
    float: left;
    margin-right: 10px;
  }
  .top-content-info h2 .title2{
    float: left;
    margin-top: 8px;
  }
  .top-content-info h2 a,.top-content-info p.h2_title a{
    display: block;
    border: solid 1px #3276b1;
    background: #fff;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    padding: 3px 20px 2px;
    color: #3276b1;
    font-size: 12px;
    float: right;
    margin-top: 2px;
  }
  .home .top-content-info h2 a:hover,.home .top-content-info p.h2_title a:hover{
    background: #3276b1;
    color: #fff;
  }
  .top-content-info dl{
    clear: both;
    border-bottom: dotted 1px #ddd;
    padding-bottom: 10px;
    height: 52px;
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-top: 0px;
}
  .top-content-info dl dd{
    font-size: 13px;
    margin-bottom: 5px;
  }
  .top-content-info dl dd .date{
    color: #000;
    margin-right: 10px;
  }
  .top-content-info dl dd .category{
    color: #000;
    margin-right: 10px;
    /*background: #e74c3c;*/
    color: #fff;
    padding: 0 15px;
    font-size: 11px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
  }
  .top-content-info dl dd .category a{
    color: #fff;
  }
  .top-content-info dl dd:nth-child(2),.top-content-info .media_list_box  dl dd:nth-child(3){
    font-size: 12px;
    color: #3276b1;
    line-height: 17px;
  }
  .top-content-info .media_list_box  dl dt{
    float: left;
    width: 60px;
    margin-right: 10px;
  }
  .top-content-info .media_list_box  dl dt img{
    width: 100%;
    height: auto;
  }
  .top-content-info dl:nth-last-child(1){
    border: none;
    margin: 0;
  }
  .top-content-info .media_new_list_scbox dl{
    height: 26px;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .top-content-info .media_new_list_scbox dl dd{
    float: left;
    width: 26%;
  }
  .top-content-info .media_new_list_scbox dl dd:nth-child(2){
    float: left;
    width: 74%;
    margin-top: 0px;
    line-height: 22px;
  }
  .top-content-recruit{
    background: url(../images/new/top_recruit_07.png) no-repeat;
    width: 1065px;
    margin:40px auto;
    height: 182px;
    padding-left: 200px;
    padding-left: 280px;
    padding-top: 36px;
  }
  .top-content-recruit h2{
    font-size: 14px;
    margin-top: 45px;
    margin-left: 8%;
    margin-right: 15px;
  }
  .top-content-recruit h2 a{
    display: block;
    border-top: solid 1px #ddd;
    padding-top: 10px;
    margin-top: 10px; 
  }
  .top-content-recruit .mynavi{
    margin-top: 30px;
  }
  .top-content-recruit ul{
    font-size: 12px;
    padding-left: 20px;
    margin-top: 30px;
    line-height: 21px;
  }
  .top-content-recruit ul a{
    color: #000;
    font-size: 12px;
  }
  .top-content-other div{
    width: 50%;
    float: left;
    padding-top: 10px;
    height: 75px;
    margin-bottom: 50px;
  }
  .top-content-other div p{
    width: 50%;
    float: left;
    font-size: 12px;
    text-align: center;
  }
  .top-content-other div.f_left p.dis{
    margin-top: 20px;
  }
  .top-content-other div.f_right p.dis{
    margin-top: -10px;
  }
  .top-content-other div.f_right p a{
    display: block;
    font-size: 14px;
  }
  .top-content-other div.f_left{
    border-right:solid 1px #eee;
  }
  /* ＱＡリスト
  ------------------------------------------------*/
  p.qa-q {
    padding: 8px 8px 4px 32px;
    background: #ffffff url(../images/qa-q.gif) no-repeat 4px 8px;
    line-height: 150%;
  }
  p.qa-a {
    padding: 8px 8px 16px 32px;
    background: #ffffff url(../images/qa-a.gif) no-repeat 4px 8px;
    line-height: 150%;
  }

  a.outside {
    padding-left:20px;
    background:url(../images/outside.gif) top left no-repeat;
    background-position: 0px;
    _background-position: top left;
  }
  *:first-child+html a.outside {
    background-position: top left;
  }

/* -----------------------------------------------------------------------------
  印刷用
----------------------------------------------------------------------------- */
@media print {
  #dynamic-to-top {
    display: none !important;
  }
  #menu-mainmenu .sub-menu {
    display: none;
  }
  .lt-ie9 .menu-mainmenu-container {
    top: 40px;
  }
  .site-inquiry {
    display: none;
  }
  .site-search {
    display: none;
  }
}

/* -----------------------------------------------------------------------------
  VisitView ページ用
----------------------------------------------------------------------------- */

  body.page-template-page-visitview-php .menu-visitviewmenu-container {
    margin-top: 48px;
    float:right;
  }
  body.page-template-page-visitview-php .well {
    background-color: #40AAEF;
    _background-color: inherit;
    color: white;
    _color: inherit;
  }
  body.page-template-page-visitview-php .well h3 {
    color: white;
  }
  body.page-template-page-visitview-php .lead-main {
    width: 640px;
    float: left;
  }
  body.page-template-page-visitview-php .lead-sub {
    width: 320px;
    float: left;
  }
  body.page-template-page-visitview-php .key-message h1 {
    font-weight: 200;
    color: #363947;
  }
  body.page-template-page-visitview-php .key-message h1 span.line {
    display: block;
  }
  body.page-template-page-visitview-php h1 {
    line-height: 1.28em;
  }
  body.page-template-page-visitview-php .key-visual {
    text-align: right;
  }
  body.page-template-page-visitview-php .lead-main h3,
  body.page-template-page-visitview-php .lead-sub  h3 {
    line-height: 1.28em;
    margin-left: -6px;
  }
  body.page-template-page-visitview-php .lead-main h3 img,
  body.page-template-page-visitview-php .lead-sub  h3 img {
    float: left;
    margin-right: 10px;
  }

  body.page-template-page-visitview-php #local-footer {
    background-color: floralwhite;
    background-color: #f1c40f;
    background-color: moccasin;
    padding-top: 20px;
  }
  body.page-template-page-visitview-php #inquiry-title {
    padding-top: 20px;
  }
  body.page-template-page-visitview-php #inquiry-button {
    text-align: right;
  }
  body.page-template-page-visitview-php #inquiry-button img {
    margin-left: 12px;
  }
  body.page-template-page-visitview-php thead tr {
    background-color: #40AAEF;
    color: #FFFFFF;
  }
  body.page-template-page-visitview-php .table-striped tbody tr:nth-child(2n+1) td,
  body.page-template-page-visitview-php .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #D1ECFE;
  }
  body.page-template-page-visitview-php .table-bordered {
    border-color: #40AAEF;
  }
  body.page-template-page-visitview-php .table-bordered thead tr th,
  body.page-template-page-visitview-php .table-bordered tbody tr th,
  body.page-template-page-visitview-php .table-bordered tfoot tr th,
  body.page-template-page-visitview-php .table-bordered thead tr td,
  body.page-template-page-visitview-php .table-bordered tbody tr td,
  body.page-template-page-visitview-php .table-bordered tfoot tr td {
    border-color: #40AAEF;
  }
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .menu-visitviewmenu-container {
    margin-top: 0;
  }
  body.page-template-page-visitview-php .key-message h1 {
    margin-top: 0;
  }
  body.page-template-page-visitview-php .key-message h1 span.line {
    display: inline;
  }
  body.page-template-page-visitview-php .lead-main,
  body.page-template-page-visitview-php .lead-sub {
    width: 100%;
  }
  body.page-template-page-visitview-php #inquiry-button {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .menu-visitviewmenu-container {
    margin-top: 0;
  }
  body.page-template-page-visitview-php .key-message h1 {
    margin-top: 0;
  }
  body.page-template-page-visitview-php .key-message h1 span.line {
    display: inline;
  }
  body.page-template-page-visitview-php .lead-main,
  body.page-template-page-visitview-php .lead-sub {
    width: 100%;
  }
  body.page-template-page-visitview-php #inquiry-button {
    text-align: center;
  }
  body.page-template-page-visitview-php #inquiry-button img {
    margin-left: 0;
  }
}

/* -----------------------------------------------------------------------------
  ワークフローEX ページ用
----------------------------------------------------------------------------- */

  /* 共通
  ------------------------------------------------*/
  .menu-workflowexmenu-container {
    /*margin-top: 38px;*/
    float:right;
  }
  body.page-template-page-workflowex-php .container-full-main {
    padding-top: 0;
  }
  body.page-template-page-workflowex-php #page-header div {
    /*
    background-color: #bdc3c7;
    color: white;
    */
    text-align: left;
  }
  body.page-template-page-workflowex-php #page-header div h1 {
    /*
    color: white;
    */
  }
  body.page-template-page-workflowex-php h2,
  body.page-template-page-workflowex-php p.main_p {
    color: #C26404;
    color: #C0392B;
    color: #002A7C;
  }

  /* 製品ホーム
  ------------------------------------------------*/
  body.workflowex .slider-nav {
    padding: 0;
  }
  .lt-ie9 body.workflowex #mySwipe, 
  .lt-ie9 body.workflowex #mySwipe .slider-item {
    height: 352px;
  }
  body.workflowex .slider-nav-item {
    /*width: 184px;*/
    width: 180px;
    padding: 12px;
    _width: 160px;
    list-style: none;
    float: left;
  }
  *:first-child+html body.workflowex .slider-nav-item {
    width: 160px;
  }
  body.workflowex #key-answer {
  }
  body.workflowex #key-answer .questions p {
    font-size: 120%;
    font-weight: bold;
    color: #555;
  }
  body.workflowex #key-answer .questions ul {
    padding-left: 20px;
  }
  body.workflowex #key-answer .smile img {
    margin-top: 20px;
  }
  body.workflowex #key-answer .answer {
    font-size: 135%;
    font-weight: bold;
    text-align: center;
  }
  body.workflowex #key-answer .answer a {
    color: #000066;
    color: #FF3366;
    color: #002A7C;
  }
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.workflowex .slider-wrap > div img {
    max-width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  body.workflowex #wfex-excel {
    max-width: 100%;
  }
}
  /* その他の特長
  ------------------------------------------------*/
  body.page-template-page-workflowex-php #feat-menu .grid-3 {
    text-align: center;
  }
  body.page-template-page-workflowex-php #feat-menu .grid-3 img {
    margin: 0 auto;
  }
  body.page-template-page-workflowex-php #feat-menu .grid-3 p {
    text-align: center;
  }

  /* 導入事例
  ------------------------------------------------*/
  body.page-template-page-workflowex-php div.case-pdf-list .well,
  body.page-template-page-workflowex-php div.case-list .well {
    background-color: #fff;
  }
  body.page-template-page-workflowex-php div.case-pdf-list,
  body.page-template-page-workflowex-php div.case-list {
    margin-bottom: 30px;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .well {
    margin-bottom: 40px;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .frame-desc,
  body.page-template-page-workflowex-php div.case-pdf-list .frame-kv {
    display: block;
    float: left;
    width: 50%;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .logo {
    display: block;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .title {
    display: block;
    margin-bottom: 20px;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .kv {
    display: block;
    margin-bottom: 20px;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .text {
    display: block;
    height: 6.2em;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .leaflet {
    margin-top: 1em;
  }
  body.page-template-page-workflowex-php .case-list .frame {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0.62em;
  }
  body.page-template-page-workflowex-php .case-list .frame img {
    display: block;
    margin: auto;
  }
  body.page-template-page-workflowex-php .case-list .title {
    display: block;
    height: 3.24em;
  }
  body.page-template-page-workflowex-php .case-section .company-name h2 {
    margin-top: 0;
    padding-top: 20px;
  }
  body.page-template-page-workflowex-php .case-section .company-logo {
    text-align: right;
  }
  body.page-template-page-workflowex-php thead tr {
    background-color: #40AAEF;
    color: #FFFFFF;
  }
  body.page-template-page-workflowex-php .table-striped tbody tr:nth-child(2n+1) td,
  body.page-template-page-workflowex-php .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #D1ECFE;
  }
  body.page-template-page-workflowex-php .table-bordered {
    border-color: #40AAEF;
  }
  body.page-template-page-workflowex-php .table-bordered thead tr th,
  body.page-template-page-workflowex-php .table-bordered tbody tr th,
  body.page-template-page-workflowex-php .table-bordered tfoot tr th,
  body.page-template-page-workflowex-php .table-bordered thead tr td,
  body.page-template-page-workflowex-php .table-bordered tbody tr td,
  body.page-template-page-workflowex-php .table-bordered tfoot tr td {
    border-color: #40AAEF;
  }
  body.page-template-page-workflowex-php .case-section table tr.effect th,
  body.page-template-page-workflowex-php .case-section table tr.effect td {
    background-color: #FFFF99;
  }

  /* 機能一覧
  ------------------------------------------------*/

  /* フッター
  ------------------------------------------------*/
  body.page-template-page-workflowex-php #local-footer {
    background-color: #FFF;
  }
  body.page-template-page-workflowex-php #bottom-menu ul.list-sub {
    margin-left: -20px;
    font-size: 100%;
  }
  body.page-template-page-workflowex-php #inquiry-title {
    padding-top: 20px;
  }
  body.page-template-page-workflowex-php #inquiry-button {
    text-align: right;
  }
  body.page-template-page-workflowex-php #inquiry-button img {
    margin-left: 12px;
  }
@media print {
  body.workflowex .clearfix {
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .menu-workflowexmenu-container {
    margin-top: 0;
  }
  body.workflowex .slider-nav-item {
    width: 20%;
    padding: 0px;
  }
  body.workflowex #key-answer {
    padding-top: 20px;
  }
  body.workflowex #key-answer .answer {
    font-size: 126%;
  }
  ul.local-menu-bar li a {
    margin-left: 10px;
    margin-right: 10px;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .frame-desc,
  body.page-template-page-workflowex-php div.case-pdf-list .frame-kv {
    width: 100%;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .text {
    height: auto;
  }
  body.page-template-page-workflowex-php #inquiry-button {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .menu-workflowexmenu-container {
    margin-top: 0;
  }
  body.workflowex .slider-nav {
    display: none;
  }
  body.workflowex #key-answer {
    padding-top: 20px;
  }
  body.workflowex #key-answer .questions {
  }
  body.workflowex #key-answer .questions menu, ol, ul li.full {
    display: none;
  }
  body.workflowex #key-answer .answer {
    font-size: 120%;
  }
  ul.local-menu-bar li a {
    margin-left: 10px;
    margin-right: 10px;
  }
  .menu-visitviewmenu-container ul.local-menu-bar li a{
    margin-right: 9px;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .grid-12 .frame-desc,
  body.page-template-page-workflowex-php div.case-pdf-list .grid-12 .frame-kv {
    width: 100%;
  }
  body.page-template-page-workflowex-php #inquiry-button {
    text-align: center;
  }
  body.page-template-page-workflowex-php #inquiry-button img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 540px) {

  body.page-template-page-workflowex-php div.case-pdf-list .frame-desc,
  body.page-template-page-workflowex-php div.case-pdf-list .frame-kv {
    width: 100%;
  }
  body.page-template-page-workflowex-php div.case-pdf-list .text {
    height: auto;
  }
}

/* -----------------------------------------------------------------------------
  OfficeView ページ用
----------------------------------------------------------------------------- */

  /* ローカルメニュー
  ---------------------------------------------*/
  body.page-template-page-officeview-php #product-name {
    font-size: 84%;
  }
  body.page-template-page-officeview-php ul.local-menu li.cloud-on-premises {
    font-size: 90%;
  }

  /* 製品スライダー
  ---------------------------------------------*/
  body.page-template-page-officeview-php h1 {
    margin-top: 35px;
  }
  body.page-template-page-officeview-php #swipe-nav {
    padding-top: 10px;
    margin-bottom: 30px;
  }
  body.page-template-page-officeview-php #swipe-nav ul {
    display: inline;
    *float: right; /* for IE6,IE7 */
  }
  body.page-template-page-officeview-php #swipe-nav ul li {
    float: left;
    display: inline;
  }
  body.page-template-page-officeview-php #swipe-nav ul li a {
    display: block;
    height: 124px;
    width: 136px;
    margin: 0;
    padding: 0;
    color: #282828;
    text-align: center;
  }
  body.page-template-page-officeview-php #swipe-nav ul li a.current {
    background-color: #fff;
    font-weight: bold;
  }
  body.page-template-page-officeview-php #swipe-nav ul li a img {
    margin-top: 10px;
  }
  body.page-template-page-officeview-php #swipe-nav ul li a span {
    margin-top: 8px;
  }

  /* キャッチフレーズ
  ---------------------------------------------*/
  body.page-template-page-officeview-php #catch-phrase {
    letter-spacing: 0.025em;
  }
  body.page-template-page-officeview-php #catch-phrase .preface {
    font-size: 1em;
    line-height: 1.26em;
  }
  body.page-template-page-officeview-php #catch-phrase .key {
    color: #FF4400;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.48em;
  }

  /* 特長
  ------------------------------------------------*/
  body.page-template-page-officeview-php #leads ul {
    padding-left: 0;
  }
  body.page-template-page-officeview-php #leads ul li {
    padding-left: 0;
    list-style: none;
  }
  body.page-template-page-officeview-php #leads ul li img {
    float: left;
    margin-right: 20px;
  }
  body.page-template-page-officeview-php .header-icon {
    margin-right: 0.62em;
  }
@media only screen and (max-width: 540px) {
  body.page-template-page-officeview-php .header-icon {
    float: left;
  }
}

  /* パーツ(機能)一覧
  ---------------------------------------------*/
  body.page-template-page-officeview-php ul#function-list {
    margin: 0;
    padding: 0;
  }
  body.page-template-page-officeview-php #function-list li {
    height: 280px;
    background-color: white;
  }

  /* 無料体験申込ボタンリンク
  ------------------------------------------------*/
  a.ofvw-button-trial {
    display:block; 
    background-image:url(../images/ofvw-button-trial.jpg);
    background-position: 0 0;
    width:196px; height:185px;
    text-indent:-9999px;
    margin-bottom: 40px;
    z-index: 10;
  }
  a.ofvw-button-trial:hover {
    background-position: 0 -185px;
  }

  /* 導入事例
  ------------------------------------------------*/
  body.page-template-page-officeview-php div.case-pdf-list .well,
  body.page-template-page-officeview-php div.case-list .well {
    background-color: #fff;
  }
  body.page-template-page-officeview-php div.case-pdf-list,
  body.page-template-page-officeview-php div.case-list {
    margin-bottom: 30px;
  }
  body.page-template-page-officeview-php div.case-pdf-list .well {
    margin-bottom: 40px;
  }
  body.page-template-page-officeview-php div.case-pdf-list .frame-desc,
  body.page-template-page-officeview-php div.case-pdf-list .frame-kv {
    display: block;
    float: left;
    width: 50%;
  }
  body.page-template-page-officeview-php div.case-pdf-list .logo {
    display: block;
  }
  body.page-template-page-officeview-php div.case-pdf-list .title {
    display: block;
    margin-bottom: 20px;
  }
  body.page-template-page-officeview-php div.case-pdf-list .kv {
    display: block;
    margin-bottom: 20px;
  }
  body.page-template-page-officeview-php div.case-pdf-list .text {
    display: block;
    height: 6.2em;
  }
  body.page-template-page-officeview-php div.case-pdf-list .leaflet {
    margin-top: 1em;
  }
  body.page-template-page-officeview-php .case-list .frame {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0.62em;
  }
  body.page-template-page-officeview-php .case-list .frame img {
    display: block;
    margin: auto;
  }
  body.page-template-page-officeview-php .case-list .title {
    display: block;
    height: 3.24em;
  }
  body.page-template-page-officeview-php .case-section .company-name h2 {
    margin-top: 0;
    padding-top: 20px;
  }
  body.page-template-page-officeview-php .case-section .company-logo {
    text-align: right;
  }
  body.page-template-page-officeview-php thead tr {
    background-color: #40AAEF;
    color: #FFFFFF;
  }
  body.page-template-page-officeview-php .table-striped tbody tr:nth-child(2n+1) td,
  body.page-template-page-officeview-php .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #D1ECFE;
  }
  body.page-template-page-officeview-php .table-bordered {
    border-color: #40AAEF;
  }
  body.page-template-page-officeview-php .table-bordered thead tr th,
  body.page-template-page-officeview-php .table-bordered tbody tr th,
  body.page-template-page-officeview-php .table-bordered tfoot tr th,
  body.page-template-page-officeview-php .table-bordered thead tr td,
  body.page-template-page-officeview-php .table-bordered tbody tr td,
  body.page-template-page-officeview-php .table-bordered tfoot tr td {
    border-color: #40AAEF;
  }
  body.page-template-page-officeview-php .case-section table tr.effect th,
  body.page-template-page-officeview-php .case-section table tr.effect td {
    background-color: #FFFF99;
  }

/* -----------------------------------------------------------------------------
  Contact Form 7 生成HTML用スタイル
----------------------------------------------------------------------------- */

  /* テーブル
  ------------------------------------------------*/
  .wpcf7-form table {
    width: 100%;
    border-collapse: collapse;
  }
  .wpcf7-form th {
    text-align: left;
    padding: 4px;
    border: none;
    background-color: transparent;
  }
  .wpcf7-form td {
    text-align: left;
    padding: 4px;
    border: none;
    background-color: transparent;
  }
  .wpcf7-form th.must {
    border-left: 3px solid #FF0000;
  }
  .wpcf7-form th em.required {
    /*font-weight: normal;*/
    color: #FF0000;
    padding-left: 5px;
  }
  .wpcf7-form .example {
    color: #787878;
    padding-left: 10px;
  }
  .wpcf7-form span.any {
    color: #666;
    padding-right: 8px;
    font-size: 0.9em;
    font-weight: 500;
  }
  .wpcf7-form td.commands {
    padding-top: 4px;
    padding-bottom: 16px;
  }
  /* 送信ボタン */
  .wpcf7-form input[type="submit"] {
    padding:0 16px;
  }
  /* 隠しフィールド: 検索ページとキーワード */
  .wpcf7-form input.search-keyword-page {
    display:none;
  }
  .wpcf7-form span.wpcf7-list-item {
      margin-right: 1em;
  }
  /* チェックボックス、ラジオボタンを縦に配置 */
  span.wpcf7-list-item {
    display: block;
  }
  div.wpcf7-validation-errors {
    border: none;
  }
  /* お問い合わせフォーム */

  /*  レスポンシブ問い合わせフォーム
  ------------------------------------------------*/
  div.inquiry-wrapper .wpcf7-form span.must {
    color: orange;
    font-size: 1.2em;
    font-weight: bold;
  }
  div.inquiry-wrapper a.our-phone {
    font-weight: bold;
    color: dodgerblue;
  }
  div.inquiry-wrapper div.input-form {
    border: none;
    background-color: #0066CC;
    color: #f8f8f8;
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
  }
  div.inquiry-wrapper div.input-form div.input-label,
  div.inquiry-wrapper div.input-form div.input-value {
    padding: 10px;
    float: left;
  }
  div.inquiry-wrapper div.input-form div.input-label {
    width: 24%;
    font-weight: bold;
    text-align: right;
  }
  div.inquiry-wrapper div.input-form div.input-value {
    width: 76%;
  }
  div.inquiry-wrapper div.input-form input,
  div.inquiry-wrapper div.input-form textarea,
  div.inquiry-wrapper div.input-form select
  {
    background-color: #f8f8f8;
    /* IE以外なら丸角も！ */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 3px;
  }
  div.inquiry-wrapper div.input-form input[type="text"],
  div.inquiry-wrapper div.input-form input[type="email"],
  div.inquiry-wrapper div.input-form textarea,
  div.inquiry-wrapper div.input-form select
  {
    width: 84%;
  }
  div.inquiry-wrapper .wpcf7-form div.input-form span.must {
    color: orange;
    font-size: 1.2em;
    font-weight: bold;
  }
  div.inquiry-wrapper div.input-form .notes {
    color: #f4f4f4;
    font-size: 75%;
  }
  div.inquiry-wrapper div.input-form span.wpcf7-not-valid-tip {
    color: #FFCC44;
    font-size: 92%;
  }
  div.inquiry-wrapper div.input-form #zip-code {
    width: 6em;
  }
  div.inquiry-wrapper .wpcf7-form div.input-form input[type="submit"] {
    padding: 4px 16px;
  }
@media only screen and (max-width: 767px) {
  div.inquiry-wrapper .wpcf7-form .message-component {
    display: none;
  }
  div.inquiry-wrapper div.input-form div.input-label,
  div.inquiry-wrapper div.input-form div.input-value {
    float: none;
  }
  div.inquiry-wrapper div.input-form div.input-label {
    width: auto;
    font-weight: bold;
    text-align: left;
    padding-bottom: 0px;
  }
  div.inquiry-wrapper div.input-form div.input-value {
    width: auto;
    padding-top: 5px;
  }
  div.inquiry-wrapper div.input-form input[type="text"],
  div.inquiry-wrapper div.input-form input[type="email"],
  div.inquiry-wrapper div.input-form textarea,
  div.inquiry-wrapper div.input-form select
  {
    width: 88%;
  }
}


/* -----------------------------------------------------------------------------
  タイムカードEX ページ用
----------------------------------------------------------------------------- */

  /* グローバルヘッダカスタマイズ
  ------------------------------------------------*/
  body.page-template-page-timecardex-php .head-container {
      /*padding-top: 10px;*/
  }
  body.page-template-page-timecardex-php #header {
    margin-bottom: 10px;
  }

  /* ローカルヘッダ
  ------------------------------------------------*/
  body.page-template-page-timecardex-php #local-header {
    margin-top: 0;
    /*border-top: solid 10px #000;*/
  }
  body.page-template-page-timecardex-php #local-header p.subtitle {
    font-size: 0.9em;
    margin: 20px 0 5px;
  }
  body.page-template-page-timecardex-php #local-header h1,
  body.page-template-page-timecardex-php #local-header p.h1_p {
    margin: 0;
  }
  body.page-template-page-timecardex-php ul.local-menu-bar {
    margin-top: 48px;
    float:right;
  }

  /* 共通
  ------------------------------------------------*/

  body.page-template-page-timecardex-php .body-title {
    margin: 40px 0;
  }
  body.page-template-page-timecardex-php h2 {
    font-size: 2.0em;
  }
  body.page-template-page-timecardex-php h3 {
    font-size: 1.5em;
  }
  body.page-template-page-timecardex-php .container-full-width {
    background-color: rgba(211,0,36,1.0);
    color: #fff;
  }
  body.page-template-page-timecardex-php .container-full-width h2 {
    color: #fff;
  }
  body.page-template-page-timecardex-php .container-full-width.feat-h2-touch {
    margin: 40px 0 0;
    background: url(/wp-content/uploads/tcex-feat-touch.jpg) no-repeat center center;
    background-color: rgba(211,0,36,1.0);
  }
  body.page-template-page-timecardex-php .container-full-width.feat-h2-touch h2 {
      text-shadow: 0 0 15px rgba(255,255,255,0.5);
    color: #fff;
    font-weight: bold;
  }
  body.page-template-page-timecardex-php .container-full-width.feat-h2-hello {
    margin: 40px 0;
    background: url(/wp-content/uploads/tcex-feat-hello.jpg) no-repeat center center;
    background-color: rgba(211,0,36,1.0);
  }
  body.page-template-page-timecardex-php .container-full-width.feat-h2-hello h2 {
      text-shadow: 0 0 10px rgba(255,255,255,1.0);
    color: #fff;
    font-weight: bold;
  }
  body.page-template-page-timecardex-php .card {
    background: white none repeat scroll 0 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
  body.page-template-page-timecardex-php .row {
    margin-bottom: 40px;
  }
  body.page-template-page-timecardex-php table.price-plan {
    border: 1px solid #ddd;
  }
  body.page-template-page-timecardex-php .grid-hor-border {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  /* 申し込みボタン
  ------------------------------------------------*/
  body.page-template-page-timecardex-php .cnv-btn,
  body.page-template-page-timecardex-php .mini-cnv-btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    color: #ffffff;
    font-size: 24px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
  }
  body.page-template-page-timecardex-php .cnv-btn {
    display: block;
    margin: inherit;
  }
  body.page-template-page-timecardex-php .cnv-btn:hover,
  body.page-template-page-timecardex-php .mini-cnv-btn:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
  }
  body.page-template-page-timecardex-php .mini-cnv-btn {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-size: 16px;
    padding: 10px 30px 10px 30px;
    margin: inherit;
  }
  body.page-template-page-timecardex-php #eyecatchCnvBtn {
    position: absolute;
    left: 0;
    bottom: 30%;
  }
  /* 申し込みフォーム
  ------------------------------------------------*/
  body.page-template-page-timecardex-inquiry-php div.input-form {
    background-color: rgba(211,0,36,1.0);
  }

  /* メディア調整
  ------------------------------------------------*/
@media print {
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
}
@media only screen and (max-width: 767px) {
  body.page-template-page-timecardex-php ul.local-menu-bar {
    margin-top: 0;
    display: none;
  }
  body.page-template-page-timecardex-php .mini-cnv-btn {
    margin: 0 10px;
  }
  body.page-template-page-timecardex-php #eyecatchCnvBtn {
    bottom: 10%;
  }
}
@media only screen and (max-width: 540px) {
  body.page-template-page-timecardex-php .body-title {
    margin: 0 0 20px 0;
  }
  body.page-template-page-timecardex-php .body-title h2 {
    font-size: 1.45em;
  }
  body.page-template-page-timecardex-php ul.local-menu-bar {
    display: block;
  }
  body.page-template-page-timecardex-php h2 {
      font-size: 1.5em;
  }
  body.page-template-page-timecardex-php .intro-step img {
      display: none;
  }
  body.page-template-page-timecardex-php .mini-cnv-btn {
    font-size: 12px;
    padding: 5px 15px;
    margin: 0 5px;
  }
  body.page-template-page-timecardex-php #eyecatchCnvBtn {
    bottom: 5%;
  }
}



/* -----------------------------------------------------------------------------
  OfficeView'16 ページ用
----------------------------------------------------------------------------- */

  /* グローバルヘッダカスタマイズ
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .head-container {
  }
  body.page-template-page-officeview16-php #header {
  }

  /* ローカルヘッダ
  ------------------------------------------------*/
  body.page-template-page-officeview16-php #local-header {
  }
  body.page-template-page-officeview16-php #local-header p.subtitle {
  }
  body.page-template-page-officeview16-php #local-header h1,
  body.page-template-page-officeview-php #local-header p.h1_p {
    margin-top: 35px;
    margin-bottom: 0;
  }
  body.page-template-page-officeview16-php ul.local-menu-bar {
    margin-top: 20px;
  }
    body.page-template-page-officeview-php #local-header h2.h1_to_h2{
      font-size: 2em;
      margin: .67em 0;
    font-size: 36px;
    font-weight: normal;
    color: #222;
    }

  /* 本文コンテナ
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .container-full-main {
    padding-top: 10px;
  }

  /* アイキャッチ コンテナ
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .eyecatch {
    margin-bottom: 40px;
  }

  /* アイキャッチ グリッドシステム
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .eyecatch .grid-6 {
    width: 460px;
    background: #5086BE;
    color: #fff;
  }
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(1) {
    margin-right: 0;
  }
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(2) {
    margin-left: 0;
  }
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-template-page-officeview16-php .eyecatch .grid-6 {
    width: 47.9%;
  }
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(1) {
  }
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(2) {
  }
}
@media only screen and (max-width: 767px) {
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(1) {
    margin-right: 6.250%;
  }
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(2) {
    margin-left: 6.250%;
  }
}
@media only screen and (max-width: 540px) {
  body.page-template-page-officeview16-php .eyecatch .grid-6 {
    width: 87.500%;
  }
}

  /* アイキャッチ 文章
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .eyecatch .product-info {
    position: absolute;
    top: 0;
  }
  body.page-template-page-officeview16-php .eyecatch .product-junre {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
  }
  body.page-template-page-officeview16-php .eyecatch .product-name {
    font-size: 45px;
    font-weight: bold;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0;
    color: #fff;
  }
  body.page-template-page-officeview16-php .eyecatch .product-feature {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0 0 20px;
    color: #fff;
    padding: 0;
    background: none;
    border: none;
  }
  body.page-template-page-officeview16-php .eyecatch .product-point {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
  }
@media only screen and (max-width: 980px) {
  body.page-template-page-officeview16-php .eyecatch .product-info {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-template-page-officeview16-php .eyecatch .product-name {
    margin-bottom: 15px;
  }
  body.page-template-page-officeview16-php .eyecatch .product-feature {
    font-size: 25px;
  }
  body.page-template-page-officeview16-php .eyecatch .product-point {
    font-size: 15px;
  }
}
@media only screen and (max-width: 540px) {
  body.page-template-page-officeview16-php .eyecatch .product-info {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.page-template-page-officeview16-php .eyecatch .product-junre {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1;
  }
  body.page-template-page-officeview16-php .eyecatch .product-name {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
  }
  body.page-template-page-officeview16-php .eyecatch .product-feature {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    color: #fff;
  }
  body.page-template-page-officeview16-php .eyecatch .product-point {
    font-size: 15px;
    line-height: 1.3;
  }
}

  /* 基本スタイル
  ------------------------------------------------*/

  body.page-template-page-officeview16-php h2 {
    background: #5086BE;
    color: #fff;
    padding: 20px 20px 15px;
    font-size: 30px;
    line-height: 1;
    margin: 40px 0;
  }

  body.page-template-page-officeview16-php h3 {
    border-left: 8px solid #5086BE;
    color: #484848;
    padding: 13px 12px 8px;
    font-size: 25px;
    line-height: 1;
    font-weight: normal;
    margin: 40px 0 20px;
    background: #DCE6F2;
  }

  body.page-template-page-officeview16-php h4 {
    border-bottom: 5px solid #5086BE;
    color: #484848;
    padding: 0 0 8px;
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    margin: 40px 0 20px;
  }

  body.page-template-page-officeview16-php h5 {
    color: #484848;
    padding: 0 0 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin: 20px 0 10px;
    padding-left: 2em;
    text-indent: -1em;
  }
  body.page-template-page-officeview16-php h5 .glyphicon {
    color: #5086BE;
    margin-right: 1em;
  }

  body.page-template-page-officeview16-php p {
    line-height: 1.95;
    color: #000;
    font-size: 16px;
  }

  body.page-template-page-officeview16-php ul.list-unstyled span.glyphicon {
    color: #5086BE;
    margin-right: 10px;
  }

  body.page-template-page-officeview16-php .img-shadow {
    margin-top: 5px;
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    /*横方向　下方向　ぼかし　広がり　色 */
  }

  /* トップページのアイコン表
  ------------------------------------------------*/
@media only screen and (max-width: 540px) {
  body.page-template-page-officeview16-php .toppage-icons img {
    width: 24px;
  }
  body.page-template-page-officeview16-php .toppage-icons td {
    font-size: 85%;
  }
}

  /* 動作環境表
  ------------------------------------------------*/
@media only screen and (max-width: 540px) {
  body.page-template-page-officeview16-php .table-environment td {
    font-size: 80%;
  }
}

  /* パーツの用語定義
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .dl-parts-feature {
    font-size: 100%;
  }
@media only screen and (max-width: 540px) {
  body.page-template-page-officeview16-php .dl-parts-feature  dt {
    width: 100px;
    overflow: hidden;
    text-overflow: initial;
    white-space: normal;
  }
  body.page-template-page-officeview16-php .dl-parts-feature  dd {
    margin-left: 120px;
  }
}

  /* PC・タブレット時のみ折り返しなし
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .pc-nowrap {
    white-space: nowrap;
  }
@media only screen and (max-width: 767px) {
  body.page-template-page-officeview16-php .pc-nowrap {
    white-space: normal;
  }
}

  /* 見出し４ 右端アイコンあり
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .h4-with-icon {
    border-bottom: 5px solid #5086BE;
    margin: 20px 0 20px;
  }
  body.page-template-page-officeview16-php .h4-with-icon h4 {
    float: left;
    margin: 30px 0 0;
    font-size: 20px;
    border: none;
    padding: 0;
  }
  body.page-template-page-officeview16-php .h4-with-icon img {
    float: right;
  }

  /* 見出し４ パーツリスト用
  ------------------------------------------------*/
  body.page-template-page-officeview16-php .h4-partslist {
    border-bottom: 5px solid #5086BE;
    margin: 20px 0 20px;
  }
  body.page-template-page-officeview16-php .h4-partslist span {
    float: left;
    margin: 30px 10px 0 0;
    font-size: 60px;
    font-family: "Niagara Solid";
    font-size-adjust: 1;
    line-height: 1;
    color: #5086BE;
  }
  body.page-template-page-officeview16-php .h4-partslist h4 {
    float: left;
    margin: 53px 0 0;
    font-size: 20px;
    border: none;
    padding: 0;
    line-height: 1;
  }
  body.page-template-page-officeview16-php .h4-partslist img {
    float: right;
  }

  /* フッター お問い合わせ
  ------------------------------------------------*/
  body.page-template-page-officeview16-php #inquiry-title {
    padding-top: 18px;
  }
  body.page-template-page-officeview16-php #inquiry-button {
    text-align: right;
  }
  body.page-template-page-officeview16-php #inquiry-button img {
    margin-left: 12px;
  }
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-template-page-officeview16-php #inquiry-button {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  body.page-template-page-officeview16-php #inquiry-button img {
    margin-left: 0;
  }
}




  /* メディア調整
  ------------------------------------------------*/
@media print {
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 540px) {
}

/*  OfficeView'16 ページ用  ↑ここまで */


/* -----------------------------------------------------------------------------
  VisitView'16 ページ用
----------------------------------------------------------------------------- */

  /* グローバルヘッダカスタマイズ
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .head-container {
  }
  body.page-template-page-visitview16-php #header {
  }

  /* ローカルヘッダ
  ------------------------------------------------*/
  body.page-template-page-visitview16-php #local-header {
    margin-bottom: 0px;
  }
  body.page-template-page-visitview16-php #local-header p.subtitle {
  }
  body.page-template-page-visitview16-php #local-header h1,
  body.page-template-page-visitview16-php #local-header p.h1_p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 25px;
    line-height: inherit;
  }
  body.page-template-page-visitview16-php #local-header h1 img {
    display: block;
  }
  body.page-template-page-visitview16-php .menu-visitviewmenu-container {
    margin-top: 48px;
    float:right;
  }
  body.page-template-page-visitview16-php ul.local-menu-bar {
    margin-top: 30px;
  }
  /*body.page-template-page-visitview16-php ul.local-menu-bar li a {
    margin-left: 5px;
    margin-right: 20px;
  }*/
@media only screen and (max-width: 767px) {
  body.page-template-page-visitview16-php .menu-visitviewmenu-container {
    margin-top: 20px;
  }
  body.page-template-page-visitview16-php ul.local-menu-bar {
    margin-top: 10px;
  }
}

  /* 本文コンテナ
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .container-full-main {
    padding-top: 10px;
  }

  /* アイキャッチ コンテナ
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .eyecatch {
    margin-bottom: 20px;
  }

  /* アイキャッチ グリッドシステム
  ------------------------------------------------*/

  /* アイキャッチ 文章
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .eyecatch img {
    height: 460px;
  }
  body.page-template-page-visitview16-php .eyecatch .product-info {
    position: absolute;
    top: 30px;
    right: 20px;
    text-align: left;
    color: rgba(250, 250, 220, 1);
    -moz-text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
    -ms-text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
  }
  body.page-template-page-visitview16-php .eyecatch .product-concept {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.35em;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0;
    color: #fff;
  }
  body.page-template-page-visitview16-php .eyecatch .product-message {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 1em 0;
    color: #fff;
    padding: 0;
    background: none;
    border: none;
  }
  .page .container-12.visit_view_min_width{
    width: 920px;
    margin: auto;
  }
@media only screen and (max-width: 980px) {
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-template-page-visitview16-php .eyecatch .product-concept {
    font-size: 40px;
  }
  body.page-template-page-visitview16-php .eyecatch .product-message {
    font-size: 20px;
  }
}
@media only screen and (max-width: 540px) {
  body.page-template-page-visitview16-php .eyecatch img {
    height: 320px;
  }
  body.page-template-page-visitview16-php .eyecatch .product-info {
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);
    /*text-shadow: 2px 2px 100px rgba(255, 255, 255, 1);*/
    /*text-shadow: 0px 0px 50px rgba(255, 255, 255, 0.5);*/
  }
  body.page-template-page-visitview16-php .eyecatch .product-concept {
    font-size: 30px;
  }
  body.page-template-page-visitview16-php .eyecatch .product-message {
    font-size: 15px;
  }
  .movie_sound,
  .movie_play{
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  body.page-template-page-visitview16-php .eyecatch img {
    height: 320px;
  }
  body.page-template-page-visitview16-php .eyecatch .product-info {
  }
  body.page-template-page-visitview16-php .eyecatch .product-concept {
    font-size: 27px;
  }
  body.page-template-page-visitview16-php .eyecatch .product-message {
    font-size: 13px;
  }
}

  /* 基本スタイル
  ------------------------------------------------*/

  body.page-template-page-visitview16-php div.h2-box {
    position: relative;
  }

  body.page-template-page-visitview16-php div.h2-box div.h2-line {
    position: absolute;
    bottom: 0px;
    margin-right: 0.5em;
    width: 100%;
    height: 15px;
    background: rgba(0, 137, 212, 0.3);
    -moz-transform-origin:0 100%;
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    -moz-transform:skewX(-25deg);
    -webkit-transform:skewX(-25deg);
    transform:skewX(-25deg);
  }

  body.page-template-page-visitview16-php div.h2-box h2 {
    position: relative;
    color: rgb(0, 59, 143);
    font-size: 35px;
    line-height: 1;
    margin: 60px 0 20px 20px;
  }

  body.page-template-page-visitview16-php h3 {
    border: double 7px #003b8f;
    color: #484848;
        border-radius: 50px;
        padding: 10px 15px 6px;
    font-size: 25px;
    line-height: 1;
    font-weight: normal;
    margin: 20px 0 20px;
  }

  body.page-template-page-visitview16-php h4 {
    border-left: 8px solid #003b8f;
    padding: 1em 12px 0;
    color: #484848;
    font-size: 20px;
    line-height: 1;
    font-weight: normal;
    margin: 30px 0 20px;
  }

  body.page-template-page-visitview16-php h5 {
    color: #484848;
    padding: 0 0 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin: 20px 0 10px;
    padding-left: 2em;
    text-indent: -1em;
  }
  body.page-template-page-visitview16-php h5 .glyphicon {
    color: #5086BE;
    margin-right: 1em;
  }

  body.page-template-page-visitview16-php p {
    line-height: 1.95;
    color: #000;
    font-size: 16px;
  }

  body.page-template-page-visitview16-php ul.list-unstyled span.glyphicon {
    color: #5086BE;
    margin-right: 10px;
  }

  body.page-template-page-visitview16-php .img-shadow {
    margin-top: 5px;
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    /*横方向　下方向　ぼかし　広がり　色 */
  }

  body.page-template-page-visitview16-php .txt-note {
    color: blue;
  }

  body.page-template-page-visitview16-php table.table-bordered thead th,
  body.page-template-page-visitview16-php table.table-bordered thead td {
    background: #003b8f;
    color: #fff;
    font-weight: bold;
  }
  body.page-template-page-visitview16-php .table-striped tbody tr:nth-child(odd) td,
  body.page-template-page-visitview16-php .table-striped tbody tr:nth-child(odd) th {
    background-color: rgba(255, 193, 7, 0.1);
  }


  /* 受付タイプ
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .recepttypes .recepttypes-title {
    text-align: center;
  }
  body.page-template-page-visitview16-php .recepttypes .recepttypes-title p {
    font-weight: bold;
    font-size: 18px;
  }
  body.page-template-page-visitview16-php .recepttypes .recepttypes-title img {
    width: 120px;
  }
  body.page-template-page-visitview16-php .recepttypes .well {
    text-align: center;
  }
  body.page-template-page-visitview16-php .recepttypes .well h3 {
    margin: 0;
    text-align: center;
    border: 0;
    background: transparent;
    color: #003b8f;
  }
  body.page-template-page-visitview16-php .recepttypes .well img {
    width: 120px;
  }
  body.page-template-page-visitview16-php .recepttypes .well p {
    margin: 0;
    padding: 0 5%;
    height: 5em;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
  }
@media only screen and (max-width: 980px) {
  body.page-template-page-visitview16-php .recepttypes .well p {
    padding: 0 10%;
    height: auto;
  }
}
@media only screen and (max-width: 540px) {
}

  /* システム構成
  ------------------------------------------------*/
  body.page-template-page-visitview16-php p.config-image {
    margin: 30px 0;
  }
  body.page-template-page-visitview16-php p.config-image img {
    max-height: 300px;
  }

  /* 動作環境
  ------------------------------------------------*/
  body.page-template-page-visitview16-php table.environment .subject-head {
    background: #003b8f;
    color: #fff;
  }
  body.page-template-page-visitview16-php table.environment .server-head {
    background: #f18d00;
    color: #fff;
    width: 30%;
  }
  body.page-template-page-visitview16-php table.environment .server-body {
    background: #fef5e8;
  }
  body.page-template-page-visitview16-php table.environment .client-head {
    background: #2ab597;
    color: #fff;
    width: 30%;
  }
  body.page-template-page-visitview16-php table.environment .client-body {
    background: #e0f0eb;
  }

@media only screen and (max-width: 540px) {
}

  /* パーツの用語定義
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .dl-parts-feature {
    font-size: 100%;
  }
@media only screen and (max-width: 540px) {
  body.page-template-page-visitview16-php .dl-parts-feature  dt {
    width: 100px;
    overflow: hidden;
    text-overflow: initial;
    white-space: normal;
  }
  body.page-template-page-visitview16-php .dl-parts-feature  dd {
    margin-left: 120px;
  }
}

  /* PC・タブレット時のみ折り返しなし
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .pc-nowrap {
    white-space: nowrap;
  }
@media only screen and (max-width: 767px) {
  body.page-template-page-visitview16-php .pc-nowrap {
    white-space: normal;
  }
}

  /* 見出し４ 右端アイコンあり
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .h4-with-icon {
    border-bottom: 5px solid #5086BE;
    margin: 20px 0 20px;
  }
  body.page-template-page-visitview16-php .h4-with-icon h4 {
    float: left;
    margin: 30px 0 0;
    font-size: 20px;
    border: none;
    padding: 0;
  }
  body.page-template-page-visitview16-php .h4-with-icon img {
    float: right;
  }

  /* 見出し３ 特長用
  ------------------------------------------------*/
  body.page-template-page-visitview16-php .feature-item {
    margin-bottom: 20px;
  }
  body.page-template-page-visitview16-php .feature-item .feature-title {
    border-bottom: 5px solid rgba(0, 161, 217, 0.5);
    margin: 20px 0 20px;
  }
  body.page-template-page-visitview16-php .feature-item .feature-title span {
    float: left;
    margin: 0 10px 0 0;
    font-size: 60px;
    font-family: "Niagara Solid";
    font-size-adjust: 1;
    line-height: 1;
    color: #003b8f;
  }
  body.page-template-page-visitview16-php .feature-item .feature-title h3 {
    float: left;
    margin: 20px 0 0;
    font-size: 25px;
    border: none;
    padding: 0;
    line-height: 1;
    color: #222;
  }
  body.page-template-page-visitview16-php .feature-item .feature-image {
    padding-top: 75px;
  }
@media only screen and (max-width: 767px) {
  body.page-template-page-visitview16-php .feature-item .feature-image {
    padding-top: 20px;
  }
}

  /* 機能パック
  ------------------------------------------------*/
  body.page-template-page-visitview16-php table.feature-packs {
    margin: 30px 0;
  }
  body.page-template-page-visitview16-php table.feature-packs tr,
  body.page-template-page-visitview16-php table.feature-packs th,
  body.page-template-page-visitview16-php table.feature-packs td {
    border: 1px solid #fff;
    text-align: center;
  }
  body.page-template-page-visitview16-php table.feature-packs .subject-head {
    background: #003b8f;
    color: #fff;
  }
  body.page-template-page-visitview16-php table.feature-packs .subject-body {
    background: rgba(217, 217, 217, 1);
    text-align: left;
  }
  body.page-template-page-visitview16-php table.feature-packs .phone-head {
    background: rgba(54, 96, 146, 1);
    color: #fff;
  }
  body.page-template-page-visitview16-php table.feature-packs .phone-body {
    background: rgba(184, 204, 228, 1);
  }
  body.page-template-page-visitview16-php table.feature-packs .express-head {
    background: rgba(0, 176, 240, 1);
    color: #fff;
  }
  body.page-template-page-visitview16-php table.feature-packs .express-body {
    background: rgba(183, 222, 232, 1);
  }
  body.page-template-page-visitview16-php table.feature-packs .essentials-head {
    background: rgba(204, 102, 255, 1);
    color: #fff;
    word-break: break-all;
  }
  body.page-template-page-visitview16-php table.feature-packs .essentials-body {
    background: rgba(255, 204, 255, 1);
  }
  body.page-template-page-visitview16-php table.feature-packs .standard-head {
    background: rgba(0, 176, 80, 1);
    color: #fff;
  }
  body.page-template-page-visitview16-php table.feature-packs .standard-body {
    background: rgba(216, 228, 188, 1);
  }
  body.page-template-page-visitview16-php table.feature-packs .premium-head {
    background: rgba(204, 0, 102, 1);
    color: #fff;
  }
  body.page-template-page-visitview16-php table.feature-packs .premium-body {
    background: rgba(252, 213, 180, 1);
  }

  /* フッター メニュー
  ------------------------------------------------*/
  body.page-template-page-visitview16-php #footer-menu .menu-visitviewmenu-container {
    margin-top: 0;
    text-align: center;
    float: none;
  }
  body.page-template-page-visitview16-php #footer-menu ul.local-menu-bar {
    display: inline-block;
    margin-top: 20px;
  }
  body.page-template-page-visitview16-php #footer-menu ul.local-menu-bar li a {
    margin-left: 20px;
    margin-right: 20px;
  }

  /* フッター お問い合わせ
  ------------------------------------------------*/
  body.page-template-page-visitview16-php #bottom-inquiry {
      background-color: rgba(0, 188, 212, 0.34);;
      padding-top: 20px;
  }
  body.page-template-page-visitview16-php #inquiry-title {
    padding-top: 18px;
  }
  body.page-template-page-visitview16-php #inquiry-button {
    text-align: right;
  }
  body.page-template-page-visitview16-php #inquiry-button img {
    margin-left: 12px;
  }
@media only screen and (min-width: 768px) and (max-width: 980px) {
  body.page-template-page-visitview16-php #inquiry-button {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  body.page-template-page-visitview16-php #inquiry-button img {
    margin-left: 0;
  }
}

  /* メディア調整
  ------------------------------------------------*/
@media print {
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 540px) {
}

/*  VisitView'16 ページ用  ↑ここまで */


/* ＊＊従来のheader.css＊＊ */

  /* 全コンテナーを含むラッパー */
  .container-wrapper {
  }

  /* メイン領域の最外殻部 */
  .body-container {
  }

  /* メイン領域の本来の領域 */
  .body-shape li {
    list-style: none;
  }

  /* ヘッダ領域の最外殻部 */
  .head-container {
    position: relative;
    /** add realfine **/
    height: 85px;
    padding-top: 35px
  }

  ul.site-bar {
    padding: 0;
    margin: 0;
  }
  ul.site-bar li {
    padding: 0;
    list-style: none;
    float: left;
    height: 40px;
    line-height: 40px;
  }
  ul.site-bar li.site-logo {
    float: left;
    width: 183px;
    /** add realfine **/
    margin-top: -6px;
  }
  h1.site-logo {
    float: left;
    width: 183px;
    /** add realfine **/
    margin-top: -6px;
  }
  /***
  dell realfine start
  ul.site-bar li.site-logo img {
    vertical-align: midddle;
    margin-left: -6px;
    margin-top: -10px;
  }
  dell realfine end
  ***/

  ul.site-bar li.site-menu {
    margin: auto: 20px;
    width: 554px;
  }
  ul.site-bar li.site-inquiry {
    /*width: 143px;*/
    _width: 183px;
    text-align: right;
    _padding-top: 6px;
    /** add realfine **/
    float: right;
    padding-top: 4px;
  }
  .site-inquiry-link {
    /*font-size: 13px;*/
    line-height: 13px;
    padding: 9px 0px 6px;
    _padding: 0 12px 8px;
    font-weight: bold;
  }
  *:first-child+html .site-inquiry-link {
    padding: 0 12px 8px;
  }
  .site-menu-button {
    display: none;
  }
  ul.site-bar li.site-menu-button {
    display: none;
    position: relative;
    z-index: 15;
  }
  ul.site-bar li.site-search {
    width: 0px;
    overflow: hidden;
  }

  /* サイトメニュー
  ------------------------------------------------*/
  .menu-mainmenu-container {
    /*position: absolute;*/
    /** dell realfine **/
    /*top: 9px;*/
    /*left: 144px;*/

    /** add realfine **/
    /*top: 6px;
    right:144px;
    _left: 120px;
    _font-size: 90%;*/
    float: right;
    margin-top: -36px;
    margin-right: 166px;
}
  .home .menu-mainmenu-container{
    margin-top: -49px;
  }
  *:first-child+html .menu-mainmenu-container {
    left: 130px;
  }
  .menu-mainmenu-container ul {
    padding: 0;
  }
  .menu-mainmenu-container ul.global-navi{
    padding-top: 5px;
  }
  .menu-mainmenu-container ul li {
    float: left;
    list-style: none;
    padding-bottom: 20px;
  }
  * html .menu-mainmenu-container ul li {
    display: inline;
    zoom: 1;
  }
  *+html .menu-mainmenu-container ul li {
    display: inline;
    zoom: 1;
  }
  .menu-mainmenu-container ul li:hover{
    background: url(../images/new/menu/new_menu_img_03.png) no-repeat 20px 25px;
  }
  .menu-mainmenu-container ul li li:hover{
    background: none;
  }
  .menu-mainmenu-container ul li a {
    padding: 3px 10px 23px;
    border: 1px solid transparent;
    _border: none;
    /** add realfine **/
    font-size: 14px;
    color: #171411;
  }
  /** add realfine start **/
  .menu-mainmenu-container ul li:after {
    content: "|";
    color: #e6e6e6;
  }
  .menu-mainmenu-container ul li:nth-child(6):after {
    content: none;
  }
  .menu-mainmenu-container ul li li:after{
    content: none;
  }
  /** add realfine END **/
  .menu-mainmenu-container ul li a:hover {
    /*border: 1px solid #eeeeee;*/
    _border: none;
        text-decoration: none;
  }
  .menu-mainmenu-container ul li ul li {
    float: left;
    width: 54%;
  }
  .menu-mainmenu-container ul li ul li:nth-child(2) {
    float: left;
    width: 46%;
  }
  /**************** メニュー　製品情報グループウェア add realfine **********************/
  .menu-mainmenu-container ul li ul {
    position: absolute;
    z-index: 10;
    display: none;
    /*width: 200px;*/
    width: 100%;
    left: 0;
    top: 49px;
    border: 1px solid #ddd;
    border-top: none;
    height: 170px;
    background: url(../images/new/menu/new_menu_img_17.png) no-repeat 40px center,
    url(../images/new/menu/new_menu_img_59.png) repeat center #fff;
    padding-left: 200px;
  }
  .menu-mainmenu-container ul li:nth-child(n+1) ul li:nth-child(1) {
    padding-left: 20px;
    border-left: solid 1px #eee;
    height: 120px;
    margin-top: 20px;
  }
    .menu-mainmenu-container ul li:nth-child(1) ul li:nth-child(1) a{
    background: url(../images/new/menu/new_menu_img_10.png) no-repeat,
    url(../images/new/menu/new_menu_img2_12.png) no-repeat 230px top;
    width: 100%;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin-bottom: 10px
  }
  .menu-mainmenu-container ul li:nth-child(1) ul li:nth-child(1) ul{
    padding-left: 100px;
    background: url(../images/new/menu/new_menu_img_23.png) no-repeat ;
    width: 100%;
    margin-top: 0px;
    min-height: 120px;
  }
  /**************** メニュー　製品情報コンポーネント add realfine **********************/
  .menu-mainmenu-container ul li:nth-child(1) ul li:nth-child(2) {
    padding-left: 20px;
    /*border-left: solid 1px #eee;*/
    height: 120px;
    margin-top: 20px;
  }
    .menu-mainmenu-container ul li:nth-child(1) ul li:nth-child(2) a{
    background: url(../images/new/menu/new_menu_img_14.png) no-repeat,
    url(../images/new/menu/new_menu_img2_12.png) no-repeat 230px top;
    width: 100%;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin-bottom: 10px
  }
  .menu-mainmenu-container ul li:nth-child(1) ul li:nth-child(2) ul{
    padding-left: 100px;
    background: url(../images/new/menu/new_menu_img2_26.png) no-repeat ;
    width: 100%;
    margin-top: 0px;
    min-height: 120px;
    position: relative;
    border: none;
  }
  /**************** メニュー　導入事例 add realfine **********************/
  .menu-mainmenu-container ul li:nth-child(2) ul {
    position: absolute;
    z-index: 10;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    height: 170px;
    background: url(../images/new/menu/menu_work_img_63.png) no-repeat 56px center,
    url(../images/new/menu/new_menu_img_59.png) repeat center #fff;
    padding-left: 200px;
  }
    .menu-mainmenu-container ul li:nth-child(2) ul li:nth-child(1) a{
    background: url(../images/new/menu/menu_work_img_62.png) no-repeat;
    width: 100%;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .menu-mainmenu-container ul li:nth-child(2) ul ul{
    padding-left: 120px;
    background: url(../images/new/menu/menu_work_img_69.png) no-repeat ;
    width: 860px;
    margin-top: 0px;
    min-height: 120px;
    border: none;
  }
  .menu-mainmenu-container ul li:nth-child(2) ul li:nth-child(n+1) li{
    width: 26%!important;
  }
  /**************** メニュー　ニュース add realfine **********************/
  .menu-mainmenu-container ul li:nth-child(4) ul {
    position: absolute;
    z-index: 10;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    height: 170px;
    background: url(../images/new/menu/new_menu_img_40.png) no-repeat 56px center,
    url(../images/new/menu/new_menu_img_59.png) repeat center #fff;
    padding-left: 200px;
  }
    .menu-mainmenu-container ul li:nth-child(4) ul li:nth-child(1) a{
    background: url(../images/new/menu/new_menu_img2_42.png) no-repeat;
    width: 100%;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .menu-mainmenu-container ul li:nth-child(4) ul ul{
    padding-left: 120px;
    background: url(../images/new/menu/new_menu_img_44.png) no-repeat ;
    width: 860px;
    margin-top: 0px;
    min-height: 120px;
    border: none;
  }
  .menu-mainmenu-container ul li:nth-child(4) ul li:nth-child(n+1) li{
    width: 20%!important;
  }
  /**************** メニュー　会社案内 add realfine **********************/
  .menu-mainmenu-container ul li:nth-child(5) ul {
    position: absolute;
    z-index: 10;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    height: 170px;
    background: url(../images/new/menu/new_menu_img_30.png) no-repeat 45px center,
    url(../images/new/menu/new_menu_img_59.png) repeat center #fff;
    padding-left: 200px;
  }
    .menu-mainmenu-container ul li:nth-child(5) ul li:nth-child(1) a{
    background: url(../images/new/menu/new_menu_img2_32.png) no-repeat;
    width: 100%;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .menu-mainmenu-container ul li:nth-child(5) ul ul{
    padding-left: 120px;
    background: url(../images/new/menu/new_menu_img_34.png) no-repeat ;
    width: 860px;
    margin-top: 0px;
    min-height: 120px;
    border: none;
  }
  .menu-mainmenu-container ul li:nth-child(5) ul li:nth-child(n+1) li{
    width: 20%!important;
  }
  /**************** メニュー　採用情報 add realfine **********************/
  .menu-mainmenu-container ul li:nth-child(6) ul {
    position: absolute;
    z-index: 10;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    height: 170px;
    background: url(../images/new/menu/new_menu_img_50.png) no-repeat 60px center,
    url(../images/new/menu/new_menu_img_59.png) repeat center #fff;
    padding-left: 200px;
  }
    .menu-mainmenu-container ul li:nth-child(6) ul li:nth-child(1) a{
    background: url(../images/new/menu/new_menu_img2_52.png) no-repeat;
    width: 100%;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .menu-mainmenu-container ul li:nth-child(6) ul ul{
    padding-left: 120px;
    background: url(../images/new/menu/new_menu_img_54.png) no-repeat ;
    width: 860px;
    margin-top: 0px;
    min-height: 120px;
    border: none;
  }
  .menu-mainmenu-container ul li:nth-child(6) ul li:nth-child(n+1) li{
    width: 20%!important;
  }



  .menu-mainmenu-container ul li:nth-child(n+1) ul li:nth-child(n+1) li{
    padding: 0;
    border: none;
    height: auto;
    background: no-repeat;
    width: 48%;
    float: left;
    margin: 0;
  }

  .menu-mainmenu-container ul li:nth-child(n+1) ul li:nth-child(n+1) li a{
    background: none;
    width: auto;
    height: 28px;
    padding: 0;
    font-size: 12px;
    line-height: 25px;
    padding-bottom: 5px;
    margin: 0;
  }
  .menu-mainmenu-container ul li:nth-child(n+1) ul li:nth-child(n+1) li a:before{
    content: '›';
    color: #3276b1;
    font-size: 15px;
    font-weight: bold;
    padding-right: 5px;
  }
  .menu-mainmenu-container ul li:nth-child(n+1)  ul li:nth-child(2) li a:before{
    content: '›';
    color: #d4145a;
    font-size: 15px;
    font-weight: bold;
    padding-right: 5px;
  }
  .menu-mainmenu-container ul li:nth-child(n+1) ul li:nth-child(n+1) li a:hover{
    border: none;
    text-decoration: none;
  }
  .menu-mainmenu-container ul li ul li a {
    display: block;
    padding-bottom: 0;
  }
  .menu-mainmenu-container ul li ul li a:hover {
    border: 1px solid #ffffff;
  }
  /* サブメニュー add realfine */
  .menu-submenu-container{
    position: absolute;
    top: -27px;
    right: 0;
  }
  .menu-submenu-container ul{
    list-style: none;
  }
  .menu-submenu-container ul li{
    float: left;
  }
  .menu-submenu-container ul li a{
    font-size: 12px;
    padding: 0 10px;
  }
  .menu-submenu-container ul li:after{
    /*content: "|";
    color: #e6e6e6;
    font-size: 14px;*/
  }
  .menu-submenu-container ul li:nth-child(3) a{
    padding-right: 0;
  }
  .menu-submenu-container ul li:nth-child(3):after{
    content: none;
  }
  .menu-mainmenu-container ul li ul ul{
    display: block!important;
    position: relative;
    top:inherit;
    left: inherit;
    width: 50%;
    min-height: 300px;
    border:none;
    background: none;
    padding-left: 0;
  }
  .menu-mainmenu-container ul li ul ul li{
    float: none;
    width: 100%;
  }
  /* 検索 ナビゲーション */
  #cse-search-form {
    position: absolute;
    right: 0px;
    top: 0;
    _top: -4px;
    _right: 75px;
    width: 40px;
    _width: 160px;
  }
  table.gsc-search-box td.gsc-input {
    padding-right: 4px !important;
  }
  table.gsc-search-box {
    margin: 1px 0 0 auto;
  }
  input.gsc-input {
    border: 0;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 1px 1px 2px #aaa inset;
    -moz-box-shadow: 1px 1px 2px #aaa inset;
    -webkit-box-shadow: 1px 1px 2px #aaa inset;
    _background: #e8f0ff !important;
    line-height: 1.5em;
    display: none;
    _display: inline;
    _width: 80px !important;
    padding-bottom: 2px !important;
    position: relative;
    z-index: 20;
  }
  *:first-child+html input.gsc-input {
    top: -1px;
  }
  input.gsc-input:focus {
    background-color: #fff !important;
  }
  input.gsc-search-button[type="button"] {
    text-indent: -9999em;
    background: url(../images/icon-search.png) no-repeat;
    border:none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 9px;
    right: 0;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  input.gsc-search-button {
    _left: 100px;
    _width: 48px;
    _height: 16px;
  }
  div.gsc-clear-button {
    visibility: hidden !important;
    min-width: 0 !important;
  }

  /* パンくずリスト
  ------------------------------------------------*/
  .topic-path {
    margin-top: 20px;
    display: none;
  }


/* `for under Tablet
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 980px) {
.main_img, .dsk, .performance,.dsk_bgwh{
  width: 100%;
  clear: both;
}
.dsk_bgwh{
    height: auto;
}
.kadai_wrap{
  width: 100%
}
.q_ul li p{
  background: url(../images/q_bg2.jpg) repeat center;
  border: solid 1px #00357B;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width: 100%;
height: 70px;
}
.ans_box .ans_ul {
    width: 100%;
    height: fit-content;
    padding-bottom: 20px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_bottom.png) no-repeat bottom;
    background-size: 95.9% auto;
}
.q_ul li img{
  top: 14px;
  width: auto;
}
.q_arrow img{
  width: 200px;
}
.ans_box{
  float: none;
}
.ans_box .ans_p img {
    padding: 7% 0 3% 7%;
    width: auto;
    float: left;
}
.kadai .ans_box .ans_ul li {
    width: 78%;
    margin: 14px auto 5px;
    clear: both;
}
.fukidashi {
    text-align: center;
    clear: both;
    margin-top: 10px;
    width: 50%;
    margin: auto;
    float: none;
}
.ans_box .ans_p img:nth-child(2){
  width: auto;
}
.q_box {
    height: auto;
    padding-bottom: 230px;
}
.q_ul li {
  width: 46%;
}
.kadai .ans_box {
    width: 94%;
    height: auto;
    padding: 0;
    margin: 0 3%;
    position: initial;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_top.png) no-repeat top, url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_center.png) repeat-y center;
    background-size: 95.9% auto;
}
.page-id-3766.parent-pageid-1088 .container-full-main h2.container-12{
  margin-top: 18px
}
.menu-workflowexmenu-container{
  width: 100%;
}
.q_ul{
    width: 94%;
    margin: 0 auto;
    padding: 0;
    float: none;
}
.q_arrow {
    width: 100%;
    float: none;
    top: 458px;
    text-align: center;
}
.dsk_bg_in .dsk_bgwh .gamen {
  float: none;
  text-align: center;
}
.dsk_bg_in .dsk_bgwh .gamen img{
  max-width: 100%;
  width: auto;
}
.dsk_bgwh .riten dl{
  background-repeat: repeat;
}
ul.local-menu-bar li a{
  margin: 0;
  padding: 8px;
}
  ul.site-bar li.site-logo,h1.site-logo {
    width: 48.652%;
  }
  ul.site-bar li.site-menu {
    width: 2.696%;
  }
  ul.site-bar li.site-inquiry {
    width: 235px;
    /*padding-right: 40px;*/
    padding-right: 0px;
    text-align: right;
  }
  .site-menu-button {
    display: inline-block;
    cursor: pointer;
    margin-left: 16px;
    height: 24px;
  }
  .site-menu-button img {
    /*vertical-align: middle;*/
  }
  .top-content-info .info_list_base.media_list_box.new h2{
    padding-right: 2%;
    padding-left: 2%;
    width: 28%;
  }
  .top-content-info .info_list_base.media_list_box.new h2 a{
    width: 174px;
    padding: 5px 0;
    font-size: 11px;
  }
  .media_new_list_scbox{
    width: 70%;
  }
  .top-content-info .media_new_list_scbox dl dd{
    width: 40%;
  }
  .top-content-info .media_new_list_scbox dl dd:nth-child(2){
    width: 60%;
  }
  .comp_dmenu{
    width: 100%;
  }
  .comp_dmenu li{
    width: 48%;
    margin: 0 1%;
  }
  .page .container-full-main.container-12 .grid-12{
    width: 94%;
  }
  ul.products li .dis{
    height: 80px;
  }
  ul.products li .dis br{
    display: none;
  }
  .products-navi li img{
    width: 40%;
    margin-top: 45px;
  }
  .products-navi li span, .products-navi li p{
    width: 46%;
    padding-right: 2%;
  }
  .products-navi li:nth-child(2) span, .products-navi li:nth-child(2) p,.products-navi li span, .products-navi li p,.products-navi.comp li span, .products-navi.comp li p,.products-navi.comp li:nth-child(2) span, .products-navi.comp li:nth-child(2) p{
    margin-top: 30px;
    font-size: 12px;
  }
  .products-navi li p br{
    display: none;
  }
  .page-id-3766.parent-pageid-1088 .container-full-main .container-12,
  .parent-pageid-1088 .container-full-main .container-12{
    width: 96%;
    margin: 0 2%;
  }
  .foot_product_list li img{
    max-width: 100%;
  }
  body.archive .article .f_left{
    width: 100%;
    float: none;
  }
  body.archive time{
    display: inline-block;
    margin-right: 5px;
  }
  ul.page-numbers li{
    margin-right: 15px;
  }
  .menu-mainmenu-container ul li:hover{
    background: none;
  }
  .single .comp_img .product_logo{
    position: static;
  }
  .single p.comp_img{
    width: 244px;
    text-align: center;
  }
  .single h2.case_logo{
    width: 100%;
    text-align: center;
    margin-top:55px;
  }
  .single h2.case_logo span{
    margin-top: 5px;
  }
  /* サイトメニュー
  ------------------------------------------------*/
  .menu-mainmenu-container {
    position: static;
    top: 0;
    left: 0;
    width: auto;
  }
  .menu-mainmenu-container ul {
    padding: 0;
    display: none;
  }
  .menu-mainmenu-container ul li {
    float: none;
    display: block;
    position: static;
    list-style: none;
    text-align: center;
  }
  .menu-mainmenu-container ul li a {
    border: none;
    display: block;
  }
  .menu-mainmenu-container ul li a:hover {
    border: none;
  }
  .menu-mainmenu-container ul li ul {
    display: none;
  }
  .menu-mainmenu-container ul li ul li a {
    padding-left: 32px;
  }

  /* パンくずリスト
  ------------------------------------------------*/
  .topic-path {
    display: none;
  }
  .top-content-info .info_list_base.media_list_box.new p.h2_title{
    padding-right: 2%;
  }
  .top-content-info .info_list_base.media_list_box.new p.h2_title a{
    width: 100%;
    padding: 0 10px;
  }
} /* end of for under Tablet media-queries.*/


/*--
メールでワークフロー　 /product/maildeworkflow/  PC
ono
--*/
      .mail_wf_wrap {
       /* display: none;*/
       width: 960px;
       margin: auto;
      }
      .mail_wf_wrap .main_visual h2{
        margin: 0;
      }
      .container-12 .grid-4_mdw{
        margin-left: 0;
      }
      .mail_wf_wrap .top_txt{
        margin: 25px 0 10px;
      }
      .mail_wf_wrap li {
        font-size: 15px;
        line-height: 25px;
      }
      .mail_wf_wrap .top_img {
        /*margin-left: 3%;*/
        display: table;
        text-align: center;
        width: 100%;
        margin-bottom: 50px;
      }
      .page .container-12 .grid-12.inq_link_box{
          margin: 0;
          float: left;
          width: 60%;
      }
      .mail_wf_wrap .top_img img:nth-child(1){
        float: left;
        display: block;
        width: 321px;

      }
      .mail_wf_wrap .top_img img:nth-child(2){
        float: right;
        display: block;
        width: 560px;
        margin-right: 1%;
      }

      .mail_wf_wrap .top_img p {
        float: left;
      }
      .mail_wf_wrap .top_img p:nth-child(1){
        width: 45%;
        padding-right: 99px;
        background: url(/wp-content/uploads/maildeworkflow/top_arrow.png) no-repeat right 87px;
      }
      .mail_wf_wrap .top_img p:nth-child(2){
        width: 53%;
      }

/*-- ５つのポイント --*/
      .mail_wf_wrap .point5 {
        padding: 2% 5% 5%;
        background-color: #fcebf2;
        border-radius: 23px;
        clear: both;
        margin-bottom: 50px;
      }
      .mail_wf_wrap　.h2_point5 {
        text-align: center;
      }
      .mail_wf_wrap .point5 ul {
        padding: 0;
      }
      .mail_wf_wrap .point5 ul.center {
        margin: 0 3%;
      }

      .mail_wf_wrap .point5 li:first-of-type {
        height: 55px;
        margin-left: auto;

      }
      .mail_wf_wrap .point5 li:first-of-type h3 {
        font-size: 23px;
        line-height: 27px;
        color: #db033a;
      }
      .mail_wf_wrap .point5 ul:nth-child(-n+3) {/*-- 上の列 --*/
        width: 40%;
        margin: 0 0 5% 7.5%;
      }
      .mail_wf_wrap .point5 ul:nth-child(-n+3) li:first-of-type {
        width: 72%;
      }
      .mail_wf_wrap .point5 ul:nth-last-child(-n+3) {/*-- 下の列 --*/
        width: 31%;
      }
      .mail_wf_wrap .point5 ul:nth-last-child(-n+3) li:first-of-type {
        width: 72%;
      }


      .mail_wf_wrap .point5 ul.clear_b {
        clear: both;
      }
      .mail_wf_wrap .point5 ul:nth-child(2) {
        background: url(/wp-content/uploads/maildeworkflow/5point_1.png) no-repeat 22px 10px;
      }
      .mail_wf_wrap .point5 ul:nth-child(3) {
        background: url(/wp-content/uploads/maildeworkflow/5point_2.png) no-repeat 22px 10px;
      }
      .mail_wf_wrap .point5 ul:nth-child(4) {
        background: url(/wp-content/uploads/maildeworkflow/5point_3.png) no-repeat 17px 5px;
      }
      .mail_wf_wrap .point5 ul:nth-child(5) {
        background: url(/wp-content/uploads/maildeworkflow/5point_4.png) no-repeat 17px 5px;
      }
      .mail_wf_wrap .point5 ul:nth-child(6) {
        background: url(/wp-content/uploads/maildeworkflow/5point_5.png) no-repeat 17px 5px;
      }      



/*-- 主な機能　--*/
      .mail_wf_wrap .function {
        padding: 2% 5% 5%;
        background-color: #f2f2f2;
        border-radius: 0 0 20px 20px;
      }

      .mail_wf_wrap .h2_function,
      .mail_wf_wrap .h2_system {
        height: 90px;
        text-align: center;
        background-color: #004da1;
      }
      .mail_wf_wrap .h2_function h2,
      .mail_wf_wrap .h2_system h2 {
        padding-top: 28px;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
      }

      .mail_wf_wrap .h2_function h2:before, .mail_wf_wrap .h2_function h2:after,
      .mail_wf_wrap .h2_system h2:before, .mail_wf_wrap .h2_system h2:after {
        position: absolute;
        content: "";
        width: 20px;
        padding: 12px;
        margin-top: 4px;
      }
      .mail_wf_wrap .h2_function h2:before, .mail_wf_wrap .h2_system h2:before {
        margin-left: -40px;
      }
      .mail_wf_wrap .h2_function h2:after, .mail_wf_wrap .h2_system h2:after {
        margin-left: 17px;
      }
      .mail_wf_wrap .h2_function h2:before, .mail_wf_wrap .h2_function h2:after {
         background-color: #919cce;
         position: static;
         display: inline-block;  
      }
      .mail_wf_wrap .h2_function h2:before{
        margin-right: 15px;
      }
      .mail_wf_wrap .h2_system h2:before, .mail_wf_wrap .h2_system h2:after {
         background-color: #fff;
                  position: static;
         display: inline-block;  
      }
      .mail_wf_wrap .h2_system h2:before{
        margin-right: 15px;
      }

      .mail_wf_wrap .function .f_ul {
        width: 47%;
        margin: 4% 0 0;
        padding: 2%;
        background-color: #fff;
        position: relative;
      }
      .mail_wf_wrap .function .f_ul:nth-child(1), .mail_wf_wrap .function .f_ul:nth-child(2) {
        height: 600px;
      }
      .mail_wf_wrap .function .f_ul:nth-child(3), .mail_wf_wrap .function .f_ul:nth-child(4) {
        height: 640px;
      }
      .mail_wf_wrap .function .f_ul:nth-child(5) {
        height: 400px;
      }
       .mail_wf_wrap .function .f_ul:nth-child(even) {
        margin-left: 5%;
      }
      .mail_wf_wrap .function .f_ul li.f_no {
        width: 10%;
        margin-right: 1%;
        position: absolute;
      }
      .mail_wf_wrap .function .f_ul:nth-child(4) .r_cont {
        background: url(/wp-content/uploads/maildeworkflow/blue_4_ic.png) no-repeat right 0;
      }
      .mail_wf_wrap .function .f_ul:nth-child(4) li.f_no {
        width: 13%;
      }
      .mail_wf_wrap .function .f_ul li.r_cont {
        width: 85%;
        margin-left: auto;
      }
      .mail_wf_wrap .function .f_ul .f_ul_in {
        padding: 0;
      }
      .mail_wf_wrap .function .f_ul .f_ul_in h3 {
        font-size: 23px;
        color: #004da1;
      }
      .mail_wf_wrap .function .f_ul .f_ul_in h3 .small {
        display: block;
        font-size: 18px;
      }
      .mail_wf_wrap .function .f_ul .f_ul_in li:nth-child(2) {
        text-align: center;
      }
      .mail_wf_wrap li span#blue_ttl {
      color: #004da1;
      }


/*-- システム構成 --*/
      .mail_wf_wrap .system {
        padding: 5%;
        background-color: #fcf3eb;
        margin-bottom: 60px;
      }
      .mail_wf_wrap .system .h3_system {
        margin-bottom: 15px;
        border-bottom: 1px solid #004da1;
        display: flex;
      }
      .mail_wf_wrap .system .h3_system:before {
        content: "1";
        padding: 15px 25px;
        background-color: #004da1;
        color: #fff;
        float: left;
      }
      .mail_wf_wrap .system .h3_system2:before {
        content: "2";
        padding: 15px 25px;
        background-color: #004da1;
        color: #fff;
        float: left;
      }
      .mail_wf_wrap .system h3 {
        margin: 0 0 0 25px;
        float: left;
        color: #004da1;
        font-size: 23px;
        line-height: 57px;
      }
      .kousei .server h4, .kousei .client h4 {
        border-bottom: 5px solid #5e83c2;
        font-size: 18px;
        line-height: 40px;
      }
      .kousei .server, .kousei .client {
        width: 48%;
      }

      .kousei .h4_txt {
        height: 75px;
        font-size: 14px;
        line-height: 20px;
      }
      /*- テーブル -*/
      .system table {
        margin-top: 25px;
        font-size: 15px;
      }
      .system thead {
        color: #fff;
        line-height: 40px;
      }
      .system thead th {
        font-weight: normal;
        background:#5e83c2;
      }
      .system th{
        padding: 13px 10px;
        background: #ebe9e4;
      }
      .system td {
        padding: 13px 10px;
        background: #fff;
      }
      .system th.server_th {
        background: #e9eff8;
      }
      .system th.cryant_th {
        background: #d3ddf1;
      }
      .system td.server_td {
        background: #ecd6dc;
      }
      .system td.cryant_td {
        background: #ebe9e4;
      }
      .system th {
        width: 170px;
        border: 1px solid #000;
      }
      .system th .th_small{
        font-size: 14px;
      }
      .system td {
        border: 1px solid #000;
      }
      .s_flow_img {
        padding: 30px 0 60px;
        clear: both;
        text-align: center;
      }
      .dousa td:first-child {
        width: 172px;
      }
      .dousa td.left_wid {
        width: 100px;
      }
      .dousa .h3_txt {
        padding-left: 75px;
      }
      .mail_wf_wrap .h2_function h2{
        position: relative;
      }

/* `for Tablet
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 980px) {


} /* end of for Tablet media-queries.*/


/* `for SmartPhone
----------------------------------------------------------------------------------------------------*/

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

  ul.site-bar li.site-inquiry {
    padding-right: 0px;
    width: 100%;
    text-align: right;
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 100;
    padding: 10px;
    height: 54px;
    border-top: solid 1px #eee;
  }
  ul.site-bar li.site-search {
    display: none;
  }

} /* end of for SmartPhone media-queries.*/


/* ＊＊従来のfooter.css＊＊ */


  .foot-container {
    position: relative;
    /** dell realfine **/
    padding: 20px 0;
    /** add realfine **/
    padding: 20px 0 0;
    background: #fafafa;
    margin-top: 20px;
  }

  .foot-container ul {
    padding: 0;
    margin-bottom: 0;
    /** add realfine **/
    font-size: 13px;
    width: 70%;
    float: right;
    margin-bottom: 60px;
    margin-top: 10px;
  }

  .foot-container ul li {
    padding: 0;
    list-style: none;
    float: left;
    display: block;
    width: 50%;
  }

  .foot-container ul li#foot-menu {
    margin-top: 10px;
    /** add realfine**/
    float: none;
    width: 100%;
  }

  .foot-container ul li#foot-menu ul li {
    padding-right: 20px;
    display: block;
    width: auto;
  }

  .foot-container ul li#foot-corp {
    text-align: right;
    /** add realfine**/
    float: none;
    width: auto;
    clear: both;
    position: absolute;
    left: 85px;
    top: 165px;
  }

  .foot-container ul li#foot-corp p {
    /*font-size: 12px;*/
    color: #ccc;
    margin-bottom: 0.25em;
  }
  /** add realfine START **/
  .foot-container ul ul{
    width: auto;
    margin-bottom: 0;
    margin-top: 0;
    float: none;
  }
  .foot-container .copyright-box{
    margin-bottom: 0;
    font-size: 12px;
    text-align: right;
    background: #000000;
    color: #fff;
    height: 36px;
    line-height: 36px;
  }
  .foot-container #foot-copyright{
    margin-bottom: 0;
  }
  .foot-container ul#menu-footermenu li.menu-item ul ul li,  .foot-container ul#menu-footermenu li.menu-item ul li{
    float: none;
    width: auto;
  }
  .foot-container ul#menu-footermenu li.menu-item{
    float: left;
    width: 33.33%;
  }
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item a{
    background: url(../images/new/top_img_new_105.png) no-repeat,
    url(../images/new/top_img_new_116.png) repeat-x bottom left;
    height: 0;
    padding-top: 30px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .foot-container ul#menu-footermenu li:nth-child(2).menu-item a{
    background: url(../images/new/top_img_new_108.png) no-repeat,
    url(../images/new/top_img_new_116.png) repeat-x bottom left;
    height: 0;
    padding-top: 30px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .foot-container ul#menu-footermenu li:nth-child(2).menu-item ul li:nth-child(6) a{
    background: url(../images/new/top_img_new_122.png) no-repeat,
    url(../images/new/top_img_new_116.png) repeat-x bottom left;
    height: 0;
    padding-top: 30px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 20px;
  }
  .foot-container ul#menu-footermenu li:nth-child(3).menu-item a{
    background: url(../images/new/top_img_new_110.png) no-repeat,
    url(../images/new/top_img_new_116.png) repeat-x bottom left;
    height: 0;
    padding-top: 30px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
  }
  /*.foot-container ul#menu-footermenu li:nth-child(3).menu-item li:nth-child(13) a{
    background: url(../images/new/FB-FindUsonFacebook-online-512_ja_JP.png) no-repeat center;
    width: 236px;
    height: 0px;
    padding-top: 60px;
    background-size: 100%;
    overflow: hidden;
    border: solid 1px #ddd;
  }*/
  .facebook_btn{
    width: 216px;
    position: absolute;
    right: 18px;
    bottom: 56px;
    border: solid 1px #ddd;
    padding: 10px 10px 0;
  }
  .facebook_btn img{
    max-width: 100%;
  }
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(1) a:before,
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(2) a:before{
    content: none;
  }
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(1) a,
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(2) a{
    margin-top: 10px;
    color: #3276b1;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(2) a{
    margin-top: 20px;
  }
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item ul a,
  .foot-container ul#menu-footermenu li:nth-child(2).menu-item ul a,
  .foot-container ul#menu-footermenu li:nth-child(3).menu-item ul a,
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(1) li a,
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(2) li a,
  .foot-container ul#menu-footermenu li:nth-child(2).menu-item ul li:nth-child(6) li a{
    background: no-repeat;
    height: auto;
    padding-top: 0;
    overflow: inherit;
    color: #171411;
    margin-left: 5px;
    line-height: 19px;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 3px;
  }
  .foot-container ul#menu-footermenu li.menu-item ul a:before,
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(1) li a:before,
  .foot-container ul#menu-footermenu li:nth-child(1).menu-item li:nth-child(2) li a:before{
    content: "- ";
  }
  /** add realfine END **/
  #takeMeUpContainer {
    width: 80px;
  }

/*********************リアルファインカスタマイズ部*********************************************************/

.page-template-page-workflowex .touchslider.container-12{
    margin-top:0;
  }
  .container-full-main {
    padding: 20px 0 0;
    _padding-top: 10px;
  }
  .kanren_product{
    float: right;
  }
  .kanren_product h2{
    float: left;
    font-size: 18px;
    margin-top: 15px;
    margin-right: 20px;
  }
  .kanren_product a{
    display: block;
    float: left;
  }
  .menu-officeviewnew-container{
    clear: both;
  }
  .menu-officeviewnew-container .sub-menu{
    display: none;
  }
  .menu-officeviewnew-container ul.local-menu-bar li a{
    padding: 10px 25px;
  }
  .menu-officeviewnew-container .sub-menu li{
    float: none;
    display: block;
  }
  .menu-officeviewnew-container ul.local-menu-bar .sub-menu li.current-menu-item a{
    color: #fff;
  }
  .menu-officeviewnew-container ul.local-menu-bar .sub-menu li a{
    float: none;
    display: block;
    padding: 5px 25px;
  }
  .menu-officeviewnew-container .sub-menu li a:hover{
    color: #fff;
  }
  .menu-officeviewnew-container .sub-menu li:after{
    content: none;
  }
  .menu-officeviewnew-container li:nth-child(3){
    position: relative;
  }
  .menu-officeviewnew-container li:nth-child(3):hover .sub-menu{
    display: block;
    position: absolute;
    top: 42px;
    z-index: 10;
    background: #fff;
    width: 200px;
    padding: 0;
    border: solid 1px #eee;
  }
  body.page-template-page-officeview16-php .kanren_product h2{
    font-size: 18px;
    background: none;
    color: #171411;
    margin-bottom: 0;
    margin-top: 20px;
  }
  body.page-template-page-officeview16-php .kanren_product a,body.page-template-page-officeview-php .kanren_product a{
    margin-left: 10px;
  }
  .free_bana{
    position: fixed;
    right: 0;
    bottom: 50px;
  }

  /******************投稿ページ リアルファインカスタマイズ************************/
  .single .comp_img{
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
    width: 280px;
  }
  .single .comp_img .product_logo{
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: auto;
  }
  .single .container-main .grid-12{
    position: relative;
  }
  .single .case_logo{
    float: left;
    max-width: 200px;
  }
  .single .case_logo span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
  }
  .single h3.case_dis1{
    clear: both;
  }
  .single h1{
    font-size: 21px;
    margin-bottom: 35px;
    border-bottom: solid 1px #eee;
    border-left: solid 4px #3276B1;
    padding: 15px 0 10px 21px;
    background: #fafafa;
  }
  .single h1 span{
    float: right;
    font-size: 14px;
    margin-right: 20px;
    color: #3276b1;
  }
  .single .books .grid-12{
    margin-top: 25px;
    padding-top: 0px;
    width: 90%;
    margin: 25px 0  0 2%;
  }
  .single .books .grid-12 h2{
    border-bottom: dotted 1px #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 40px;
    color: #3276b1;
    clear: both;
  }
  .single .showcase .grid-12 h3{
    border-bottom: dotted 1px #ddd;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 40px;
    color: #3276b1;
    clear: both;
    background: #fafafa;
    padding: 15px 15px 10px;
    font-size: 18px;
  }
  .single .books .list{
    background: #fcfcfc;
    padding: 10px 30px;
    border: solid 1px #eee;
  }
  .single .showcase .case_list{
    margin: 10px 10px 60px;
  }
  .single .books .list h3{
    border-bottom: dotted 1px #ccc;
    padding-bottom: 10px;
  }
  .archive h1{
    margin-bottom: 35px;
    border-bottom: solid 1px #eee;
    border-left: solid 4px #3276B1;
    padding: 15px 0 10px 21px;
    /*background: #fafafa;*/
  }
#categories-4 h4{
    background: url(../images/new/menu/side_new_menu2_53.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    padding: 10px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#tag_cloud-4 h4{
    background: url(../images/new/menu/side_new_menu2_57.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    padding: 10px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    margin-top: 35px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#archives-4 h4{
    background: url(../images/new/menu/side_new_menu2_61.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    padding: 10px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    margin-top: 45px;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#company-navi li a{
    background: url(../images/new/menu/side_new_menu2_58.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    padding: 2px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    display: block;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#recruit-navi li a{
    background: url(../images/new/menu/side_new_menu2_50.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    padding: 2px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    display: block;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#component-navi li a{
    background: url(../images/new/menu/side_new_menu2_62.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    padding: 2px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    display: block;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#component-support-navi li a{
    background: url(../images/new/menu/side_new_menu2_64.png) no-repeat -5px -3px;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    padding: 2px 0 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    display: block;
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    line-height: 47px;
}
#company-navi li ul.sub-menu,
#recruit-navi li ul.sub-menu,
#component-navi li ul.sub-menu,
#component-support-navi li ul.sub-menu{
  padding-left: 20px;
}
#company-navi li ul.sub-menu li a,
#company-navi li:nth-last-child(1) a,
#recruit-navi li ul.sub-menu li a,
#component-navi li ul.sub-menu li a,
#component-support-navi li ul.sub-menu li a{
  background: no-repeat;
  font-weight: normal;
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  line-height: 38px;
  margin-left: 0;
  height: auto;
  overflow: inherit;

}
#company-navi li:nth-last-child(1) a{
  margin-left: 20px;
}
#company-navi li li a:before,
#company-navi li:nth-last-child(1) a:before,
#recruit-navi li li a:before,
#component-navi li li a:before,
#component-support-navi li li a:before{
  content: "›";
  padding-right: 10px;
}
.widget li{
  font-size: 13px;
}
.widget li a{
  font-size: 15px;
  line-height: 38px;
  border-bottom: dotted 1px #eee;
}
.widget li a:before{
  content: "›";
  padding-right: 10px;
}
.widget li li a:before{
  content: "-";
}
.tagcloud{
  padding: 10px;
  background: #fafafa;
}
#archives-4 label{
  display: none;
}
#archives-4 select{
  width: 100%;
  border: solid 1px #ddd;
  padding: 5px;
}
body.archive .article .entry-content p{
  font-size: 15px;
  clear: both;
  height: 95px;
  overflow: hidden;
}
.pagination span.current{
    padding: 4px 10px;
    border: solid 1px #eee;
    background: #3276B1;
    color: #fff;
}
.pagination li a{
    padding: 4px 10px;
    border: solid 1px #eee;
    background: #fafafa;
    color: #3276B1;
  }
.pagination li:nth-last-child(1) a{
  background: none;
  border: none;
}
.pagination{
  margin-top: 40px;
}
.container-main .grid-12.well{
  margin-top: 40px;
}
.event_list_img{
  margin-top: 40px;
  list-style: none;
  margin-left: 0;
  padding: 0;
}
.event_list_img li{
  float: left;
  width: 23%;
  margin: 0 1% 20px;
  height: 119px;
  overflow: hidden;
}
.home section a:hover{
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  background-color: #d2e5f4;
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
  .top-content-recruit{
    width: 100%;
  }
.main_img, .dsk, .performance, .dsk_bgwh {
    width: 100%;
}
.page-id-3766.parent-pageid-1088 .container-full-main h2.container-12{
  margin-top: 18px
}
  .slick-prev, .slick-next{
    display: none!important;
  }
  #mySwipe-nav .slider-nav-prev,
  #mySwipe-nav .slider-nav-next{

    position: static!important;
    background-size: 12px!important;
    height: 16px!important;
  }
  section img{
    max-width: 100%;
  }
  .top-content-about .about-left{
    /*width: 27%;*/
  }
  .top-content-about .about-right{
    font-size: 15px;
  }
  .top-content-product h3 a{
    margin-right: 0;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
  }
  .top-content-product h3 .title{
    margin-right: 0;
    float: left;
  }
  .top-content-product h2{
    width: 100%;
  }
  .page-id-3766 .case_list_box dl,
  .top-content-case dl {
    width: 5%!important;
    margin: 60px 0.27% 0px 0.28%;
  }
  .top-content-case .case_list_box{
    padding-bottom: 12%;
  }
  .top-content-books .book_list dl {
    width: 8%!important;
    margin: 0 0.55%;
  }
  .top-content-books h2{
    margin-bottom: 20px;
  }
  .top-content-books .book_list dl dt{
    width: 100%;
    float: none;
    margin-bottom: 8px;
  }
  .top-content-books .book_list dl dd{
    float: none;
    width: 94%;
  }
  .top-content-books .book_list dl dd .title{
    font-size: 13px;
    height: 30px;
    overflow: hidden;
  }
  .top-content-books .book_list dl dd .link{
    display: none;
  }
  .top-content-recruit{
    padding-top: 0;
  }
  .top-content-recruit h2{
    width: 50%;
    margin-left: 10px;
  }
  .top-content-recruit .mynavi{
    width: 44%;
    float: right;
  }
  .top-content-recruit ul{
    float: none;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    clear: both;
  }
  .top-content-other div p{
    float: none;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
  }
  .foot-container ul{
    width: 80%;
  }
  .foot-container ul li#foot-corp{
    left: 0;
  }
  .top-content-product .ul_base li span{
    line-height: 15px;
    font-size: 11px;
  }
  .top-content-product .ul_base li span br{
    display: none;
  }
  .touchslider.container-12{
    margin-top: 0;
  }
  body.home #jumbo-tron{
    height: auto;
  }
  .page-id-3766.page .body-container section .container-12,
  .home.page .body-container section .container-12,
  .touchslider.container-12,.top-content-recruit{
    width: 100%;
  }
  .touchslider.container-12 .grid-12,
  .page #header.container-12 .grid-12{
    width: 95.833%;
    max-width: 920px;
    float: none;
    display: block;
  }
  .container-12{
    width: 100%;
  }

  body{
    min-width: inherit;
  }
  .top-content-case dl dd.title{
    float: right;
    width: 65%
  }
  .page-id-3766 .top-content-case dl dt,
  .top-content-case dl dt{
    float: left;
    width: 30%
  }
  .container-12 .grid-12{
    width: 100%;
  }
  .products-navi li{
    width: 50%;
  }
  .page .body-container .foot_product_list.container-12, .page-template-page-groupware .body-container .container-12{
    width: 100%;
  }
  a.ofvw-button-trial{
    bottom: 0;
  }
  .container-main{
    width: 80%;
  }
  .container-sub{
    width: 20%;
  }
  .container-sub .grid-1{
    width: 85%;
  }
  .page .local-menu li.current-menu-item a,#component-navi li a{
    padding-top: 30px!important;
    padding-left: 10px!important;
    text-align: left!important;
    padding-bottom: 0!important;
  }
  .page .local-menu li.current-menu-item li a,#component-navi li ul.sub-menu li a{
    padding-left: 0!important;
    padding-top: 2px!important;
    padding-bottom: 15px!important;
    font-size: 13px!important;
  }




}/*- w1024 -*/




@media only screen and (min-width: 768px) and (max-width: 980px) {
  .mail_wf_wrap{
  width: 100%;
}
  .top-content-recruit{
    width: 100%;
  }
  .slick-prev, .slick-next{
    display: none!important;
  }
  #mySwipe-nav .slider-nav-prev,
  #mySwipe-nav .slider-nav-next{

    position: static!important;
    background-size: 12px!important;
    height: 16px!important;
  }
  section img{
    max-width: 100%;
  }
  .top-content-about .about-left{
    width: 27%;
  }
  .top-content-about .about-right{
    font-size: 14px;
  }
  .top-content-product h3 a{
    margin-right: 0;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
  }
  .top-content-product h3 .title{
    margin-right: 0;
    float: left;
  }
  .top-content-product h2{
    width: 100%;
  }

  .top-content-case dl {
    width: 5.7%!important;
    margin: 60px 0.27% 0px 0.28%;
  }

  .top-content-case .case_list_box{
    padding-bottom: 12%;
  }
  .top-content-books .book_list dl {
    width: 8%!important;
    margin: 0 0.55%;
  }
  .top-content-books h2{
    margin-bottom: 20px;
  }
  .top-content-books .book_list dl dt{
    width: 100%;
    float: none;
    margin-bottom: 8px;
  }
  .top-content-books .book_list dl dd{
    float: none;
    width: 94%;
  }
  .top-content-books .book_list dl dd .title{
    font-size: 13px;
    height: 30px;
    overflow: hidden;
  }
  .top-content-books .book_list dl dd .link{
    display: none;
  }
  .top-content-recruit{
    padding-top: 0;
  }
  .top-content-recruit h2{
    width: 50%;
    margin-left: 10px;
  }
  .top-content-recruit .mynavi{
    width: 44%;
    float: right;
  }
  .top-content-recruit ul{
    float: none;
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    clear: both;
  }
  .top-content-other div p{
    float: none;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
  }
  .foot-container ul{
    width: 80%;
  }
  .foot-container ul li#foot-corp{
    left: 0;
  }
  .top-content-product .ul_base li span{
    line-height: 15px;
    font-size: 11px;
  }
  .top-content-product .ul_base li span br{
    display: none;
  }
  .touchslider.container-12{
    margin-top: 0;
  }
  body.home #jumbo-tron{
    height: auto;
  }
  .home.page .body-container section .container-12,.touchslider.container-12,.top-content-recruit{
    width: 100%;
  }
  .touchslider.container-12 .grid-12,
  .page #header.container-12 .grid-12{
    width: 95.833%;
    max-width: 920px;
    float: none;
    display: block;
  }
  .page-id-3766 .top-content-case dl dd.title,
  .top-content-case dl dd.title{
    float: none;
    width: 100%;
  }
  .top-content-case dl dt{
    float: none;
  }
  .container-12{
    width: 100%;
  }

  .home .top-content-product .dis.container-12{
    /*width: 50%!important;*/
    margin-left: 20px;
  }
  body{
    min-width: inherit;
  }
  .container-12 .grid-12{
    width: 100%;
    margin: 0;
  }
  .products-navi li{
    width: 50%;
  }
  .page .body-container .foot_product_list.container-12, .page-template-page-groupware .body-container .container-12{
    width: 100%;
  }
  a.ofvw-button-trial{
    bottom: 0;
  }
  .container-main{
    width: 70%;
  }
  .container-sub{
    width: 30%;
  }
  .container-sub .grid-1{
    width: 85%;
  }
  .page .local-menu li.current-menu-item a,#component-navi li a{
    padding-top: 30px!important;
    padding-left: 10px!important;
    text-align: left!important;
    padding-bottom: 0!important;
  }
  .page .local-menu li.current-menu-item li a,#component-navi li ul.sub-menu li a{
    padding-left: 0!important;
    padding-top: 2px!important;
    padding-bottom: 15px!important;
    font-size: 13px!important;
  }
  .site-inquiry-link{
    float: left;
    display: block;
    padding-top: 3px;
  }
  .site-menu-button{
    display: block;
    float: right;
    margin-top: -5px;
  }
  .menu-mainmenu-container ul.global-navi{
    background: rgba(255,255,255,0.95);
    position: absolute;
    top: 50px;
    z-index: 100;
    width: 300px;
    right: 0px;
  }
  .menu-mainmenu-container{
    width: 90%;
    margin: 0 auto;
  }
  .menu-mainmenu-container ul li:after{
    content: none;
  }
  .menu-mainmenu-container ul li a{
    padding: 10px;
    border-bottom: dotted 1px #ddd;
  }
  .menu-mainmenu-container ul li{
    padding: 0;
  }
} 
@media only screen and (max-width: 767px) {
  .facebook_btn{
    position: static;
    clear: both;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
  }
  .top-content-recruit{
    width: 100%;
  }
  .slick-prev, .slick-next{
    display: none!important;
  }
  #mySwipe-nav .slider-nav-prev,
  #mySwipe-nav .slider-nav-next{

    position: static!important;
    background-size: 12px!important;
    height: 16px!important;
  }
  section img{
    max-width: 100%;
  }
  .top-content-about .about-left{
    width: 27%;
  }
  .top-content-about .about-right{
    font-size: 14px;
  }
  .top-content-product h3 a{
    margin-right: 0;
    float: none;
    margin-left: 20px;
    margin-top: 15px;
    display: block;
    clear: both;
    text-align: center;
  }
  .top-content-product h3 .title{
    margin-right: 0;
    float: none;
    display: block;
  }
  .top-content-product h2{
    width: 100%;
    margin-bottom: 20px;
    position: relative;
  }
  .top-content-case dl {
    /*width: auto!important;*/
    margin: 59px 10px 0px 10px;
  }
  .top-content-case .case_list_box{
    padding-bottom: 20%;
  }
  .top-content-books .book_list dl {
    /*width: 10%!important;*/
    margin: 0 0.3%;
  }
  .top-content-books h2{
    margin-bottom: 20px;
    position: relative;
  }
  .top-content-books .book_list dl dt{
    width: 30%;
  }
  .top-content-books .book_list dl dd{
    width: 65%;
  }
  .top-content-books .book_list dl dd .title{
    font-size: 13px;
    height: 30px;
    overflow: hidden;
  }
  .top-content-books .book_list dl dd .link{
    display: none;
  }
  .top-content-recruit{
    padding:10px 0;
    background: url(../images/new/recruit_bk1_03.png) repeat;
    height: auto;
    border: solid 1px #eee;
  }
  .top-content-recruit h2{
    width: 96%;
    margin:10px auto 0;
    text-align: center;
    float: none;
  }
  .top-content-recruit h2 span{
    display: block;
  }
  .top-content-recruit .mynavi{
    width: 96%;
    float: none;
    text-align: center;
    margin-top: 10px;
  }
  .top-content-recruit ul{
    float: none;
    width: 50%;
    margin-top: 0;
    margin: 0 auto 10px;
    padding-left: 0;
    clear: both;
  }
  .top-content-other div p{
    float: none;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
  }
  .foot-container ul{
    width: 80%;
  }
  .foot-container ul li#foot-corp{
    left: 0;
  }
  .top-content-product .ul_base li span{
    line-height: 15px;
    font-size: 11px;
    height: 45px;
    display: none;
  }
  .top-content-product .ul_base li:nth-child(4){
    clear: inherit;
  }
  .top-content-product .ul_base li span br{
    display: none;
  }
  .touchslider.container-12{
    margin-top: 0;
  }
  body.home #jumbo-tron{
    height: auto;
  }
  .home.page .body-container section .container-12,.touchslider.container-12,.top-content-recruit{
    width: 100%;
    margin: 0;
  }
  .home.page .body-container section ul.container-12{
    padding: 0;
    margin-top: 20px;
  }
  .home.page .body-container section.top-content-product ul li{
    width: 48%;
    margin: 0 1% 10px;
  }
  .home.page .body-container section.top-content-product ul.groupware_ul li{
    width: 96%;
    margin: 0 2% 20px;
  }
  .page #header.container-12 .grid-12{
    width: 100%;
    max-width: 920px;
    float: none;
    display: block;
  }
  .top-content-case dl dd.title{
    float: none;
    width: 100%;
  }
  .top-content-case dl dt{
    float: none;
    height: 112px;
    overflow: hidden;
  }
  .container-12{
    width: 100%;
  }
  .home .top-content-product .dis.container-12{
    /*width: 50%!important;*/
    /*margin-left: 20px;*/
    width: 94%!important;
    margin: 0 3%!important;
  }
  .home .top-content-product .dis.container-12 br{
    display: none;
  }
  body{
    min-width: inherit;
  }
  .container-12 .grid-12{
    width: 100%;
    margin: 0;
  }
  .products-navi li{
    width: 50%;
  }
  .page .body-container .foot_product_list.container-12, .page-template-page-groupware .body-container .container-12{
    width: 92%;
  }
  a.ofvw-button-trial{
    bottom: 0;
    position: static;
    display: inline-block;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .container-main{
    width: 98%;
    float: none;
    margin: 0 1%;
  }
  .container-sub{
    width: 100%;
    float: none;
    margin: 0 ;
    clear: both;
  }
  .container-sub .grid-1{
    width: 85%;
  }
  #component-navi li a{
  }
  .page .local-menu li a{

  }
  .page .local-menu li.current-menu-item li a,#component-navi li ul.sub-menu li a{

  }
  .page .container-12 .grid-12{
    width: 100%;
    margin: 0;
  }
  .top-content-pickup h2,.top-content-pickup p.h2_title{
    float: none;
    width: 100%;
    margin: 10px 0 5px;
    padding: 0;
    text-align: center;
  }
  .top-content-pickup h2:after,.top-content-pickup p.h2_title:after{
    content: none;
  }
  .top-content-pickup ul{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    float: none;
    padding-left: 0;
    width: 84%;
    margin: 0 8%;
    overflow-y: scroll;
    height: 98px;
    border: solid 1px #eee;
    padding: 10px;
    margin-bottom: 20px;
  }
  .top-content-pickup ul .title{
    display: block;
    clear: both;
    border-bottom: dotted 1px #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .top-content-pickup ul li:nth-last-child(1) .title{
    margin-bottom: 0;
  }
  .top-content-about{
    padding: 10px;
  }
  .top-content-about .about-left{
    width: 100%;
    text-align: center;
  }
  .top-content-about .about-center{
    float: none;
  }
  .top-content-about .about-center img{
    margin: auto;
  }
  .top-content-about .about-right{
    margin-top: 0;
    font-size: 13px;
    line-height: 21px;
    float: none;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .top-content-product{
    clear: both;
  }
  .single .top-content-product .groupware_ul li{
    width: 100%;
  }
  .top-content-product h2 .mate{
    right: -340px;
  }
  .top-content-product h2 .title {
    top: -6px;
    z-index: 10;
    width: 27%;
  }
  .home .top-content-product .dis.container-12{
    font-size: 13px;
  }
  .top-content-product h2 .img{
    display: none;
  }
  .top-content-info .new_list_box,.top-content-info .media_list_box{
    width: 96%;
    margin: 0 2% 20px;
    float: none;
  }
  .top-content-info dl{
    height: auto;
  }
  .top-content-info h2 a,.top-content-info p.h2_title a{
    display: block;
    clear: both;
    margin: 15px 10px 20px;
    width: 94%;
    text-align: center;
  }
  .top-content-info dl dd:nth-child(3){
    height: 48px;
    overflow: hidden;
  }
  .top-content-info .media_list_box  dl dt{
    height: 60px;
  }
  .top-content-other div{
    float: none;
    width: 100%;
  }
  .top-content-other div:nth-child(1){
    border-bottom: dotted 1px #eee;
    height: auto;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .top-content-other div.f_left p.dis{
    margin-top: 0;
  }
  .top-content-other div.f_right{
    padding-top: 0;
    height: auto;
  }
  .foot-container ul ul{
    /*display: none;*/
  }
  .foot-container ul li#foot-corp{
    position: static;
    text-align: center;
  }
  .foot-container ul{
    width: 100%;
    margin-bottom: 20px;
  }
  .slick-list{
    width: 100%;
  }
  .top-content-case .case_top_box{
    background-color:#171411;
    padding: 0;
    padding-top: 20px;
    height: auto;
    padding-bottom: 20px;
  }
  .top-content-case{
    margin-top: 20px;
  }
  .top-content-case .case_top_box h2{
    margin: 0;
  }
  .top-content-books{
    padding-top: 110px;
    height: 385px;
  }
  p.about_dis{
    width: 90%;
    margin: auto;
  }
  .home .top-content-case .case_top_box h2 a{
    font-size: 12px;
  }
  .top-content-case .case_top_box h2 span.title2{
    font-size: 12px;
  }
  .top-content-books h2 a{
    font-size: 11px;
    padding: 5px 10px 3px;
    position: absolute;
    top: 0px;
    right: 5px;
  }
  .top-content-books h2 .title2{
    font-size: 12px;
  }
  .menu-submenu-container{
    display: none;
  }
  .head-container{
    padding-top: 23px;
    height: 75px;
  }
  .touchslider.container-12 .grid-12{
    width: 90%;
    clear: both;
    margin: 0 auto;
    float: none;
    display: block;
  }
  .touchslider.container-12 .grid-12 img{
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto;
    float: none;
  }
  .site-inquiry-link{
    padding: 0;
  }
  ul.site-bar li.site-logo,h1.site-logo{
    width: 100%;
    text-align: center;
  }
  .site-menu-button{
    margin-right: 10px;
    margin-left: 10px;
    position: fixed;
    bottom: 7px;
    left: 0;
    z-index: 100;
    display: block;
    width: 38px;
    height: 47px;
  }
  .menu-mainmenu-container{
    /*position: absolute;*/
    display: block;
    /*width: 100%;
    top:88px;*/
    /*background: #fff;*/
    z-index: 10;
  }
  .menu-mainmenu-container ul li:after{
    content: none;
  }
  body.archive .article{
    width: 96%;
    float: none;
  }
  .archive .container-main .grid-12,
  .single .container-main .grid-12{
    width: 100%;
    margin: 0;
  }
  body.archive .article .thumbnail{
    width: 100%;
    text-align: center;
  }
  body.archive .article .thumbnail img{
    max-width: 100%;
    height: auto;
  }
  body.archive .article .f_left{
    width: 100%;
    float: none;
    clear: both;
  }
  body.archive time{
    display: inline-block;
  }
  .pagination li a,.pagination span.current{
    display: inline-block;
    margin-bottom: 13px;
  }
  #local-header .container-12 .grid-new8{
    width: 100%;
    float: none;
  }
  .page .body-container #local-header .container-12{
    width: 96%;
    margin: 0 3%;
  }
  .foot_product_list li,
  .foot_product_list li:nth-child(4){
    width: 46%;
    margin: 0 2% 10px;
    max-height: 44px;
  }
  .foot_product_list li img{
    max-width: 100%;
  }
  .foot_product_list h2 span{
    display: none;
  }
  .foot_product_list li span{
    display: none;
  }
  .foot_product_list li:nth-child(5),.foot_product_list ul.comp li:nth-child(5){
    width: 46%;
    margin: 0 2%;
  }
  body.page .foot_product_list h3 a{
    float: none;
    display: block;
    margin-top: 20px;
    text-align: center;
  }
  body.page .foot_product_list h3{
    margin-bottom: 60px;
  }
  body.page .foot_product_list h3 img{
    max-width: 100%;
  }
  .grid-other8{
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #local-header .container-12 .grid-6{
    width: 100%;
    margin: 0;
    float: none;
  }
  .kanren_product{
    float: none;
    text-align: center;
    display: none;
  }
  #MaildeWorkflowMenu{
    margin-top:20px;
    clear: both;
  }
  a.ofvw-button-trial{
    margin-bottom: 20px;
  }
  .page .container-12{
    width: 92%;
    margin: 0 4%;
  }
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(1),
  body.page-template-page-officeview16-php .eyecatch .grid-6:nth-child(2){
    width: 100%;
    margin: 0;
  }
  .menu-officeviewnew-container ul.local-menu-bar li a{
    padding: 10px 15px;
  }
  body.page-template-page-officeview16-php p{
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding-top: 5px;
  }
  .page #header.container-12{
    width: 100%;
    margin: 0;
  }
  .page .container-12.top-content-recruit{
    margin-bottom: 30px;
  }
  .foot-container #foot-copyright{
    text-align: center;
  }
  ul.products li{
    width: 100%;
    margin: 0 0 30px;
  }
  ul.products li .dis br{
    display: none;
  }
  ul.products li .dis{
    padding: 10px;
    height: auto;
  }
  .products-navi li:nth-child(2) span,.products-navi li span,.products-navi.comp li span,.products-navi li:nth-child(2) p,.products-navi li p,.products-navi.comp li p{
    display: none;
  }
  .products-navi li img{
    margin: 25px 0 0;
    width: 100%;
  }
  .products-navi.group li:nth-child(1):after{
    left: 0;
    background: url(../images/new/product/product_page_img1_17.png) no-repeat center;
    width: 100%;
    background-size: 100%;
    content: " ";
  }
  .products-navi.comp li:nth-child(2):after{
    left: 0;
    background: url(../images/new/product/product_comp_page_img1_11.png) no-repeat center;
    width: 100%;
    background-size: 100%;
    content: " ";
  }
  .page-template-page-groupware .body-container .container-12{
    margin-top: 0;
  }
  .products-navi li:nth-child(1),.products-navi li:nth-child(2),.products-navi.comp li:nth-child(1),.products-navi.comp li:nth-child(2){
    height: 95px;
  }
  #menu-footermenu-sma{
    width: 100%;
    margin-top: 10px;
  }
  #menu-footermenu-sma li{
    float: left;
    width: 31%;
    margin: 0 1%;
    text-align: center;
  }
  .menu-mainmenu-container ul li a{
    padding: 15px;
    border-bottom: dotted 1px #ddd;
  }
  .menu-mainmenu-container ul.global-navi{
    background: rgba(255,255,255,0.95);
    width: 90%;
    margin: 0 5%;
    border: solid 1px #eee;
    position: fixed;
    bottom: 53px;
    left: 0;
    z-index: 100;
  }
  .menu-mainmenu-container ul li{
    padding-bottom: 0;
  }
  .menu-mainmenu-container ul li:hover{
    background:none;
  }
  .site-menu-button.responsive-toggle-open img{
    display: none;
  }
  .site-menu-button.responsive-toggle-open{
    background:url(../images/new/menu/menu_btn_new_close.png);
    width: 38px;
    height: 47px;
  }
  .top-content-product h3 a, .top-content-product h2 a{
    margin-top: 0px;
    margin-right: 0px;
    position: absolute;
    top: 16px;
    right: 5px;
    font-size: 11px;
    padding: 3px 15px;
  }
  .top-content-info .info_list_base.media_list_box.new h2{
    width: 100%;
    float: none;
    text-align: center;
    border-right: none;
  }
  .top-content-info .info_list_base.media_list_box.new h2 a{
    margin: 18px auto 0;
  }
  .media_new_list_scbox{
    width: 100%;
    padding: 0;
    float: none;
  }
  .top-content-info .media_new_list_scbox dl dd:nth-child(2),.top-content-info .media_new_list_scbox dl dd{
    float: none;
    width: 100%;
  }
  .top-content-info .media_new_list_scbox dl{
    height: auto;
  }
  .top-content-info .media_list_box.new{
    width: 96%;
  }
  .sma_none{
    display: none;
  }
  .comp_dmenu{
    width: 100%;
  }
  .comp_dmenu li{
    width: 96%;
    float: none;
    margin: 0 2% 15px;
    margin-bottom: 15px;
  }
  body.archive .article .thumbnail a{
    background-size: auto;
  }
  ul.page-numbers li{
    margin-right: 15px;
  }
  .event_list_img li{
    width: 48%;
  }
  .page .container-full-main.container-12 .grid-12{
    width: 100%;
  }
  .comp_dmenu li img{
    max-width: 100%;
  }
  .single .comp_img .product_logo{
    position: static;
  }
  .single .comp_img{
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .single .case_logo{
    float: none;
    width: 100%;
    text-align: center;
    max-width: inherit;
  }
  .single .case_logo span{
    margin-top: 5px;
  }
  .top-content-info .info_list_base.media_list_box.new p.h2_title{
    width: 100%;
    border: none;
  }
  .top-content-info .info_list_base.media_list_box.new p.h2_title a{
    width: 92%;
  }



/*--
ワークフローEX  /product/workflowex/  SP
ono 171130  
--*/
  .body-shape .main_img, .body-shape .dsk, .body-shape .performance {
    width: 100%;
  }
  .body-shape .main_img {
    height: 230px;
    background-size: 158%;
  }
  .body-shape .main_img h2,
  .body-shape .main_img p.main_p {
    top: 97px;
  }
  .body-shape .main_img h2 img,
  .body-shape .main_img p.main_p img {
    width: 100%;
  }
   .body-shape .kadai_wrap {
    width: 100%;
   }
   .kadai .ans_box {
    width: 94%;
    height: auto;
    padding: 0;
    margin: 0 3%;
    position: initial;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_top.png) no-repeat top, url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_center.png) repeat-y center;
    background-size: 95.9% auto;
   }
    .ans_box .ans_ul {
    width: 100%;
    height: fit-content;
    padding-bottom: 20px;
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/board_bottom.png) no-repeat bottom;
    background-size: 95.9% auto;
    }
    .ans_box .ans_p img {
    padding: 7% 0 8% 7%;
    width: 39%;
    float: left;
    }
    .ans_box .ans_p img:nth-child(2) {
    width: 50%;
    padding-top: 10%;
    }
    .kadai .ans_box .ans_ul li {
    width: 78%;
    margin: 14px auto 5px;
    clear: both;
    }
    .kadai_01 .ans_box .ans_ul li img, .kadai_02 .ans_box .ans_ul li img, .kadai_03 .ans_box .ans_ul li img {
    width: 10%;
    margin-right: 5%;
    }
    .kadai_01 .ans_box .ans_ul li span, .kadai_02 .ans_box .ans_ul li span, .kadai_03 .ans_box .ans_ul li span {
    width: 85%;
    font-size: 14px;
    line-height: 17px;
    }

   .kadai_wrap h3,
   .kadai_wrap h2.new {
    font-size: 25px;
   }
   .kadai_wrap h3 .wf,
   .kadai_wrap h2.new .wf {
    font-size: 18px;
   }
    .q_box {
      height: auto;
      padding-bottom: 230px;
    }
    .q_ul {
      width: 94%;
      margin: 0 auto;
      padding: 0;
      float: none;
    }
    .q_ul li {
      width: 48%;
      margin: 0;
    }
    .q_ul li p {
      /*width: 100%;
      margin-bottom: 6px;
      padding-top: 2%;
      background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/q_bg_sp.png) no-repeat center;
      background-size: contain;*/
        background: url(../images/q_bg2.jpg) repeat center;
  border: solid 1px #00357B;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width: 100%;
    }
    .q_arrow {
      width: 100%;
      float: none;
      top: 458px;
      text-align: center;
    }
    .q_arrow img {
      width: 200px;
    }
    .q_ul li img {
      /*width: 18%;*/
      width: auto;
      max-width: 18%;
      left: 7%;
    }
    .q_ul li p span {
      width: 66%;
      margin: auto;
      font-size: 14px;
      line-height: 17px;
      top: 17%;
      left: 29%;
    }
    .kadai_01 .q_ul li.f_right p:nth-child(1) span, .kadai_01 .q_ul li.f_right p:nth-child(2) span, .kadai_02 .q_ul li.f_right p:nth-child(2) span, .kadai_02 .q_ul li.f_left p:nth-child(3) span, .kadai_03 .q_ul li.f_right p:nth-child(1) span {
      top: 25%;
    }  .kadai_03 .q_ul li.f_right p:nth-child(1) span {
      top: 37%;
    }
    .fukidashi {
      text-align: center;
      clear: both;
      margin-top: 10px;
    }
    .fukidashi .top img {
      width: 80%;
    }
    .fukidashi .bottom img {
      width: 51%;
      margin-top: -22px;
    }
    .dsk_bg_in {
    background-size: contain;
    }
    .dsk_bg_in .dsk_bgwh {
    width: 94%;
    height: auto;
    margin-top: 75px;
    }
     .dsk_bgwh h3 img,
     .dsk_bgwh h2.new img {
    display: none;
     }
    .dsk_bgwh h3 .top,
    .dsk_bgwh h2.new .top {
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/dsk_ti_top_sp.png) no-repeat center;
    background-size: contain;
    height: 57px;
    }
    .dsk_bgwh h3 .bottom,
    .dsk_bgwh h2.new .bottom {
    background: url(https://www.knowlbo.co.jp/wp-content/uploads/wfex/sinsei_txt_sp.png) no-repeat center;
    background-size: contain;
    height: 75px;
    }
  .body-shape .dsk .txt_box {
    width: 90%;
    font-size: 14px;
    line-height: 17px;
   }

   .gamen img {
    width: 100%;
   }
   .body-shape .dsk {
    height: 1835px;
   }
   .riten {
    padding: 0;
   }
   .dsk_bgwh .riten dl {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
    background-repeat-y: initial;
   }
    .dsk_bgwh .riten dl.f_right dd {
    padding-top: 18px;
    }
   .dsk_bgwh dd {
    line-height: 17px;
   }
   .dsk h4 img,
   .dsk h3.new img {
    /*width: 100%;*/
    max-width: 100%;
    display: block;
   }
   .jirei_table {
    float: none;
    width: 100%;
   }
   .performance caption {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 25px;
   }
      .performance .f_right caption {
    margin-top: 20px;
    }
    .performance h3,
    .performance h2.new {
      margin-bottom: 20px;
    }
    .performance h3 img,
    .performance h2.new img {
      width: 70%;
    }
    .performance .sistem_img {
      visibility: hidden;
    }

/*--
メールでワークフロー　 /product/maildeworkflow/  SP
ono
--*/
.mail_wf_wrap{
  width: 100%;
}
    .mail_wf_wrap .top_img {
      margin-left: 0;
    }


    .mail_wf_wrap .top_img p:nth-child(1) {
      width: 100%;
      margin: 0;
      padding: 0 20px 64px;
      background: url(/wp-content/uploads/maildeworkflow/sp_top_arrow.png) no-repeat 15px bottom;
    }
    .mail_wf_wrap .top_img p:nth-child(2) {
      width: 100%;
      margin-top: -50px;
    }

  /*-------    5つのポイント    -------*/
    .mail_wf_wrap .point5 {
      padding: 2% 4% 0;
    }


    .mail_wf_wrap .point5 ul:nth-child(-n+3), .mail_wf_wrap .point5 ul:nth-last-child(-n+3) {
      width: 100%;
      margin: 0 0 10% 0;
      background-position: 15px 4px;
    }
    .mail_wf_wrap .point5 ul:nth-last-child(-n+3) {
      margin-left: 2%;
    }
    .mail_wf_wrap .point5 ul:nth-of-type(5) h3 {
      margin: 5px 0;
    }
  .mail_wf_wrap .point5 li{
    margin: auto;
  }
  .mail_wf_wrap .point5 li:nth-child(2){
    width: 50%;
    float: left;
  }
  .mail_wf_wrap .point5 li:nth-child(3){
    width: 47%;
    float: right;
  }
    .mail_wf_wrap .point5 li:first-of-type {
      width: 100%;
      height: auto;
    }
    .mail_wf_wrap .point5 li:first-of-type h3 {
      font-size: 22px;
    }
  /*-------    主な機能    -------*/
    .mail_wf_wrap .function .f_ul:nth-child(1), .mail_wf_wrap .function .f_ul:nth-child(2), .mail_wf_wrap .function .f_ul:nth-child(3), .mail_wf_wrap .function .f_ul:nth-child(4), .mail_wf_wrap .function .f_ul:nth-child(5) {
      height: auto;
      position: relative;
      padding: 8% 5%
    }
    .mail_wf_wrap .function .f_ul .f_ul_in .ttltx {
      margin-left: 2px;
    }
    .mail_wf_wrap .function .f_ul {
      width: 100%;
      font-size: 14px;
    }
    .mail_wf_wrap .function .f_ul:nth-child(even) {
      margin-left: 0;
    }
    .mail_wf_wrap .function .f_ul li.f_no {
        TOP: 5%;
    }
    .mail_wf_wrap .function .f_ul li.r_cont {
      width: 100%;
    }
    
    .mail_wf_wrap .function .f_ul li.r_cont li:nth-child(-n+2) {
      width: 85%;
      margin-left: auto;
    }
    .mail_wf_wrap .function .f_ul:nth-child(4) .r_cont {
      background-position: 190px 52px;
      background-size: 75px;
    }
    .mail_wf_wrap .function .f_ul:nth-child(4) .r_cont li:nth-child(2) {
      margin-top: 40px;
    }
    .mail_wf_wrap .function .f_ul li.r_cont li:nth-child(2) {
      width: 80%;
      margin: 0 0 10px 45px;
    }
    .mail_wf_wrap .function .f_ul li.r_cont li:nth-child(3) {
      border-top: dotted 1px #ddd;
      padding-top: 13px;
    }







  /*-------    システム構成    -------*/
    .kousei .server, .kousei .client {
      width: 100%;
    }
    .system table {
      line-height: 21px;
    }
    .s_flow_img {
      padding: 5% 0 10%; 
    }
    .mail_wf_wrap .function .f_ul .f_ul_in h3 {
      margin-top: 0;
      font-size: 21px;
    }
    .dousa .h3_txt {
      padding: 0;
    }
    .dousa td.left_wid {
      padding: 5px;
    }
    .system th, .system td {
      padding: 13px 5px;
    }

    .mail_wf_wrap li {
      font-size: 14px;
      line-height: 22px;
    }
   .mail_wf_wrap .function .f_ul .f_ul_in h3 .small{
    font-size: 16px;
   }
}
@media only screen and (max-width: 540px) {
      p.top_txt img {
      display: none;
    }
    p.top_txt {
      width: 100%;
      /*height: 125px;*/
      height: 0;
      margin: 0 0 -40px 0;
      background: url(/wp-content/uploads/maildeworkflow/sp_top_txt.png) no-repeat;
      background-size: 100%;
      padding-top: 31%;
    }
    .h2_point5 img {
      display: none;
    }
    .h2_point5 h2 {
      width: 100%;
      height: 0;
      margin-bottom: 20px;
      background: url(/wp-content/uploads/maildeworkflow/sp_5point_ttl.png) no-repeat;
      background-size: 100%;
      padding-top: 24%;
    }
  .mail_wf_wrap .point5 li:nth-child(2){
    width: 100%;
    float: none;
    text-align: center;
    border-bottom: dotted 1px #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .mail_wf_wrap .point5 li:nth-child(3){
    width: 90%;
    float: none;
    margin: auto;
  }
  .mail_wf_wrap .point5 li:first-of-type h3{
    margin-left: 10px;
  }
  .mail_wf_wrap .point5 li:first-of-type h3 br{
    display: none;
  }
  .top_img2 img{
    display: none;
  }
    .top_img2{
      width: 100%;
      height: 0;
      margin-bottom: 20px;
      background: url(/wp-content/uploads/maildeworkflow/mdw_img_sp.png) no-repeat;
      background-size: 100%;
      padding-top: 142%;
    }
    .container-12 .grid-4 h1,
    .container-12 .grid-4 p.h1_p{
      text-align: center;
    }
    .page .container-12 .grid-12.inq_link_box{
      width: 100%;
      float: none;
    }
    .mail_wf_wrap .kanren_product{
      display: block;
      width: 100%;
      float: none;
      text-align: center;
      border-top: dotted 1px #ddd;
      padding-top: 20px;
      margin-top: 20px;
    }
    .mail_wf_wrap .main_visual h2 img{
      display: none;
    }
    .mail_wf_wrap .main_visual h2 {
      width: 100%;
      height: 0;
      margin-bottom: 20px;
      background: url(/wp-content/uploads/maildeworkflow/mdw_cimg_sp.png) no-repeat;
      background-size: 100%;
      padding-top: 42%;
    }
}

/* ワークフロの基礎知識*/
.about_workflow .h1_box{
    margin: 40px 0 25px;
    padding: 15px 0;
    background: #01337e;
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
}
.about_workflow_box ul{
  list-style: none;
  margin: 10px 15px;
  padding: 0;
}
.about_workflow .h1_box .wf_fonts_p{
  font-size: 14px;
  margin: 0;
}
.about_workflow .h1_box h1{
  font-size: 32px;
  color: #fff;
  margin: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}
h2.h1_ch_h2{
    font-size: 2em;
    margin: .67em 0; 
}
.ab_wf_gray_box{
  border: solid 6px #e6e6e6;
  padding: 20px;
  width: 80%;
  margin: auto;
  line-height: 30px;
  margin-bottom: 60px;
}
.ab_wf_gray_box h2{
  margin: 0;
  font-size: 21px;
  color: #01337e;
  text-align: center;
  border-bottom: dotted 1px #e6e6e6;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.abwf_fonts_p2{
  margin: 0;
  font-size: 14px;
  color: #01337e;
}
body.page-template-page-workflowex-php .abwf_main_box h2{
  margin-top: 0;
  background: #01337e;
  color: #fff;
  font-size: 24px;
  padding: 20px 15px 15px;
  margin-bottom: 40px;
}
body.page-template-page-workflowex-php .abwf_main_box h2#abwf_h2_5{
  background: #222222;
}
.abwf_basic_p{
  padding: 0 2%;
  margin-bottom: 30px;
}
.abwf_main_box{
  margin-bottom: 60px;
}
.ab_wf_gray_box2{
  border: solid 6px #e6e6e6;
  padding: 20px;
  width: 60%;
  float: left;
  line-height: 30px;
  margin-bottom: 30px;
  margin-left: 2%;
}
.ab_wf_gray_box3{
  border: solid 6px #e6e6e6;
  padding: 20px;
  width: 60%;
  line-height: 30px;
  margin-bottom: 30px;
margin-left: 2%;
}
.ab_wf_gray_box4{
  border: solid 6px #e6e6e6;
  padding: 20px;
  width: 96%;
  line-height: 30px;
  margin-bottom: 30px;
margin-left: 2%;
position: relative;
}
.ab_wf_gray_box4 .text_box:after{
  content: "»";
  position: absolute;
  font-size: 18px;
  right: 2%;
    top: 44%;
}
.ab_wf_gray_box4 .logo_box{
  width: 30%;
  float: left;
  margin: 0;
}
.ab_wf_gray_box4 .text_box{
  float: left;
  width: 50%;
  padding-left: 3%;
    padding-top: 1.5%;
}
.ab_wf_gray_box4 .text_box a{
  color: #484848;
}
.abwf_basic_img{
  float: right;
}
.abwf_main_box h3{
  background:#f2f2f2;
  color: #01337e;
  text-align: left;
  font-size: 18px;
  padding: 15px 10px 10px;
  height: auto;
  margin-left: 2%;
  width: 96%;
}
.abwf_main_box_fin{
  margin-bottom: 120px;
}
.abwf_link_a{
  width: 96%;
  margin: auto;
  text-align: right;
  font-size: 13px;
}
.adwf_main_img{
    max-height: 400px;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: center;
    text-align: center;
}
.adwf_main_img img{
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .ab_wf_gray_box,.ab_wf_gray_box3{
    width: 96%;
    padding: 15px 2%;
    margin-bottom: 30px;
  }
  .abwf_basic_img{
    float: none;
    text-align: center;
  }
  .abwf_basic_p{
    font-size: 14px;
  }
  .ab_wf_gray_box2{
    float: none;
    width: 96%;
    padding: 15px 2%;
  }
  .about_workflow .h1_box h1{
    font-size: 28px;
  }
  .about_workflow_box ul{
    font-size: 14px;
    line-height: 24px
  }
.abwf_main_box h3{
  font-size: 16px;
}
body.page-template-page-workflowex-php .abwf_main_box h2{
  font-size: 18px;
  margin-bottom: 20px;
}
.ab_wf_gray_box4 .logo_box{
  float: none;
  width: 96%;
  text-align: center;
  margin: auto;
}
.ab_wf_gray_box4 .text_box{
  float: none;
  width: 90%;
  line-height: 24px;
  text-align: center;
}
.sp_none{
  display: none!important;
}
.pc_none{
  display: block!important;
}
} /* end of for SmartPhone media-queries. */

/* 旧記事スマホ化*/
/* `for under Tablet
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 980px) {
  .old_news_page table{
    width: 100%;
  }
  .old_news_page div.width_div,
  .old_news_page hr.width_div{
    width: 100%!important;
  }
  .old_news_page .pic_table_td{
    width: 30%;
  }
      .page-id-6286 img,
    .page-id-4651 img,
    .page-id-9012 input,
    .page-id-9012 textarea,
    .page-id-6275 textarea,
    .page-id-6275 input,
    .page-id-4660 img,
    .page-id-4663 img,
    .page-id-4869 img,
    .page-id-7411 img,
    .page-id-4658 img{
      max-width: 100%;
    }
    .page-id-9012 label{
      display: block;
    }
} /* end of for under Tablet media-queries.*/

/* `for under Tablet
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 980px) {


} /* end of for under Tablet media-queries.*/

/* `for Tablet
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 980px) {


} /* end of for Tablet media-queries.*/


/* `for SmartPhone
----------------------------------------------------------------------------------------------------*/

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


} /* end of for SmartPhone media-queries. */