/*タイトル画像
----------------------------------------------- */
#idx-ttl {
    text-indent: -9000px;
    height: 217px;
    width: 570px;
    background-image: url(images/idx/ttl.jpg);
    background-repeat: no-repeat;
}
/*タイトル画像
----------------------------------------------- */
#idx-ttl {
    text-indent: -9000px;
    height: 217px;
    width: 570px;
    background-image: url(images/idx/ttl.jpg);
    background-repeat: no-repeat;
    margin-bottom: 12px;
}
#function-ttl {
    text-indent: -9000px;
    height: 43px;
    width: 570px;
    background-image: url(images/function/ttl_function.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}
#kousei-ttl {
    text-indent: -9000px;
    height: 43px;
    width: 570px;
    background-image: url(images/kousei/ttl_kousei.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}
#faq-ttl {
    text-indent: -9000px;
    height: 43px;
    width: 570px;
    background-image: url(images/faq/ttl_faq.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}
#news-ttl {
    text-indent: -9000px;
    height: 43px;
    width: 570px;
    background-image: url(images/news/ttl_news.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}
#demo-ttl {
    text-indent: -9000px;
    height: 43px;
    width: 570px;
    background-image: url(images/demo/ttl_demo.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}
h3.secondpagemidashi {
    font-family: "";
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-top: 40px;
    line-height: 1.5em;
    border-top: 5px solid #336699;
    border-bottom: 1px solid #336699;
}
/*見出し
----------------------------------------------- */
h3.idxcopy {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em;
    padding-left: 1rem;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #639cce;
    color: #3366cc;
}
span#idxcopy {
    font-size: 1.6rem;
    font-weight: bold;
    color: #666666;
    line-height: 1.5em;
}
.page-tit-ot {
    height: 38px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #D7D7D7;
    border-bottom-color: #D7D7D7;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    line-height: 1.5em;
    width: 160px;
}
#function-midashi01 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/function/midashi01.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 20px;
}
#function-midashi02 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/function/midashi02.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 50px;
}
#function-midashi03 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/function/midashi03.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 50px;
}
#function-midashi04 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/function/midashi04.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 50px;
}
#function-midashi05 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/function/midashi05.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 50px;
}
#kousei-midashi01 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/kousei/midashi01.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 20px;
}
#kousei-midashi02 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/kousei/midashi02.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 40px;
}
#kousei-midashi03 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/kousei/midashi03.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 40px;
}
h4.Komidashi {
    color: #006CFF;
    font-weight: bold;
    border-left: 5px solid #FFB600;
    padding-left: 1rem;
    margin-bottom: 5px;
}
/*オートデモ*/
.img-right10 {
    padding-right: 10px;
}
#demo-midashi01 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/demo/01midashi.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 20px;
}
#demo-midashi02 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/demo/02midashi.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
}
#demo-midashi03 {
    text-indent: -9000px;
    height: 30px;
    width: 570px;
    background-image: url(images/demo/03midashi.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;
}
/*ナビゲーション
----------------------------------------------- */
#menu {
    background-image: url(images/menu/menu_bg.gif);
    width: 570px;
    margin-left: 0px;
    height: 51px;
    margin-top: 10px;
}
div#menu ul {
    position: absolute;
    top: 0px;
    right: 0;
}
div#menu ul li {
    display: inline;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
}
div#menu ul.navigation {
    position: relative;
    top: 17px;
    left: 0;
    overflow: hidden;
    height: 34px;
}
div#menu ul.navigation li {
    margin: 0;
    padding: 0;
    background: none;
}
div#menu ul.navigation li a {
    position: absolute;
    display: block;
    padding: 34px 0 0 0;
    width: auto;
    height: 34px;
    top: 0px;
}
div#menu ul.navigation li.index a {
    left: 7;
    width: 84px;
    background-image: url(images/menu/menu_idx.gif);
}
div#menu ul.navigation li.index-stay a {
    left: 7;
    width: 84px;
    background-image: url(images/menu/menu_idx_stay.gif);
}
div#menu ul.navigation li.function a {
    left: 91px;
    width: 83px;
    background-image: url(images/menu/menu_function.gif);
}
div#menu ul.navigation li.function-stay a {
    left: 91px;
    width: 83px;
    background-image: url(images/menu/menu_function_stay.gif);
}
div#menu ul.navigation li.kousei a {
    left: 174px;
    width: 84px;
    background-image: url(images/menu/menu_kousei.gif);
}
div#menu ul.navigation li.kousei-stay a {
    left: 174px;
    width: 84px;
    background-image: url(images/menu/menu_kousei_stay.gif);
}
div#menu ul.navigation li.faq a {
    left: 257px;
    width: 73px;
    background-image: url(images/menu/menu_faq.gif);
}
div#menu ul.navigation li.faq-stay a {
    left: 257px;
    width: 73px;
    background-image: url(images/menu/menu_faq_stay.gif);
}
div#menu ul.navigation li.news a {
    left: 330px;
    width: 150px;
    background-image: url(images/menu/menu_news.gif);
}
div#menu ul.navigation li.news-stay a {
    left: 330px;
    width: 150px;
    background-image: url(images/menu/menu_news_stay.gif);
}
div#menu ul.navigation li.casestudy a {
    left: 480px;
    width: 83px;
    background-image: url(images/menu/menu_casestudy.gif);
}
div#menu ul.navigation li.casestudy-stay a {
    left: 480px;
    width: 83px;
    background-image: url(images/menu/menu_casestudy_stay.gif);
}
div#menu ul.navigation li a:hover {
    background-position: 0 -34px;
}
/*テキスト
----------------------------------------------- */
.txt-14 {
    font-size: 14px;
    line-height: 1.5em;
    color: #666666;
    padding: 20px;
    width: 530px;
    margin-bottom: 10px;
    clear: right;
}
.contents-txt {
    font-size: 12px;
    line-height: 1.5em;
    color: #666666;
    padding: 10px;
    width: 550px;
    margin-bottom: 10px;
    clear: right;
}
.contents-txt02 {
    font-size: 12px;
    line-height: 1.5em;
    color: #666666;
    padding: 10px;
    width: 550px;
    margin-bottom: 10px;
    clear: right;
    margin-top: 10px;
}
.txt-666666 {
    color: #666666;
}
td {
    line-height: 1.5em;
    color: #666666;
}
/*ポイント*/
.IdxPointBg {
    background-color: #5997d1;
    padding: 1px 0;
}
.IdxPoint {
    background-color: #e9eef8;
    font-weight: bold;
    padding: 3px;
    margin: 3px;
    list-style-position: inside;
}
/*コンテンツ
----------------------------------------------- */
#copy-01 {
    text-indent: -9000px;
    height: 65px;
    width: 570px;
    background-image: url(images/idx/copy01.gif);
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
#copy-01-shell {
    width: 550px;
    padding: 10px;
}
#copy-01-01 {
    text-indent: -9000px;
    height: 22px;
    width: 542px;
    background-image: url(images/idx/copy01_01.gif);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
#copy-01-02 {
    text-indent: -9000px;
    height: 22px;
    width: 542px;
    background-image: url(images/idx/copy01_02.gif);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
#copy-01-01-text {
    width: 510px;
    padding-bottom: 15px;
    padding-left: 20px;
    font-size: 12px;
    color: #333333;
    line-height: 1.5em;
}
#copy-01-02-text {
    width: 510px;
    padding-left: 20px;
    font-size: 12px;
    color: #333333;
    line-height: 1.5em;
}
/*詳しくはこちら、問い合わせ等
----------------------------------------------- */
#kaiketsu {
    height: 140px;
    width: 546px;
    background-image: url(images/idx/copy_kaiketsu.gif);
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
div#kaiketsu #detail {
    position: relative;
    left: 128px;
    top: 82px;
}
/*事例
----------------------------------------------- */
h3.casestudy-midashi {
    font-size: 14px;
    background: #eeeeee;
    *padding: 3px 3px 3px 4px;
    margin-top: 30px;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
}
h3.casestudy-midashi strong {
    line-height: 1.3em;
    font-weight: bold;
    margin: 0;
}
.url-txt {
    font-size: 12px;
    line-height: 1.5em;
    color: #666666;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    width: 340px;
    float: left;
}
.casestudy-logo {
    float: right;
    width: 220px;
    padding-top: 8px;
    text-align: right;
    padding-bottom: 8px;
}
.casestudy-copy-scs {
    text-indent: -9000px;
    height: 45px;
    width: 548px;
    background-image: url(casestuday_img/scs_copy.gif);
    background-repeat: no-repeat;
    margin-left: 10px;
    clear: both;
    margin-top: 30px;
}
.faq-txt {
    color: #666666;
    padding: 10px;
    margin-bottom: 3rem;
    clear: right;
}
/*その他
----------------------------------------------- */
h3.headingBorderA01 {
    font-size: 1.2em;
    border: 1px solid #ccc;
    background: #99ccff;
    *padding: 3px 3px 3px 4px;
    margin-top: 12px;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
}
h3.headingBorderA01 strong {
    line-height: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 1px 0 0 5px;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #6699cc;
}
h3.headingBorderA02 {
    font-size: 1.2em;
    border: 1px solid #ccc;
    background: #ccffcc;
    *padding: 3px 3px 3px 4px;
    margin-top: 12px;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
}
h3.headingBorderA02 strong {
    line-height: 1.3em;
    font-weight: bold;
    margin: 0;
    padding: 1px 0 0 5px;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #66cc66;
}
.txt-666666 {
    font-size: 12px;
    line-height: 1.5em;
    color: #666666;
}
.text-area-BI {
    color: #666666;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
    text-justify: distribute;
}
.gedan-navi {
    background: url("../../images_2021/common/icon_menu.gif") no-repeat 5px center;
    list-style-type: none;
    padding-left: 13px;
    color: #666666;
}
a.gedan:link {
    color: #666666;
    text-decoration: underline;
}
a.gedan:visited {
    color: #666666;
    text-decoration: underline;
}
a.gedan:hover {
    color: #6666FF;
    text-decoration: underline;
}
a.gedan:active {
    color: #666666;
    text-decoration: underline;
}
.gedan-menu {
    height: auto;
    width: 57rem;
    margin-left: 0px;
    line-height: 1.5em;
    font-weight: bold;
    background-color: #faffbf;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 2rem;
}
.gedan-menu p {
    font-size: 2rem;
    font-weight: bold;
    color: red;
    margin-bottom: 1rem;
}
.gedan-menu p span {
    font-size: 1.4rem;
    color: #666;
}
.takasa40 {
    padding-top: 40px;
}
/*メニュー問い合わせ*/
.mo-area-menu-defo {
    font-size: 12px;
    line-height: 1.5em;
    color: #666666;
    width: 162px;
    padding: 10px;
    background-color: #FFFFDD;
    border: 1px solid #FFCC99;
    margin-top: 10px;
}
.mo-area-menu-defo-green {
    font-size: 12px;
    line-height: 1.5em;
    color: #666666;
    width: 162px;
    padding: 10px;
    background-color: #ccffcc;
    border: 1px solid #66ff66;
    margin-top: 10px;
}
/*================================================
 *  ヘッダーフッター入替とレスポンシブ対応
    の為、追記
 ================================================*/
strong {
    font-weight: bold;
}
.mb-5 {
  margin-bottom: 2rem;
}
.mb-8 {
  margin-bottom: 3.5rem;
}
.contents-submenu {
    width: 24rem;
}
.page-tit03 {
    height: auto;
}
.menu-list-li {
    line-height: 3;
}
.txtSsize {
    font-size: 1.4rem;
}
.txt-red {
    font-size: 1.6rem;
}
/* 導入事例 */
 .ttl-bnr {
        display: block;
        width: 100%;
        height: auto;
    }
.TxtAreaInc {
  text-align: left;
  line-height: 1.6;
}
.TxtAreaInc .ttl-bnr {
    margin-bottom: 4rem;
}
.ContentsMidashi {
    border: 1px solid #a0a0a0;
    background-color: #f0f0f0;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    line-height: 2;
    padding: 0 1.5rem;
    position: relative;
    margin-bottom: 2rem;
}
.ContentsMidashi::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 5px;
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #6699cc;
}
.ContentsMidashi.col-gray::before {
    background-color: #a0a0a0;
}
.ContentsMidashi h4 {
  display: inline-block;
  font-weight: bold;
}
.ContentsMidashi-post {
  position: absolute;
  top: 0;
  right: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.714;
}
.ContentsMidashi-post span.txt-red {
  font-size: 1.4rem;
  font-weight: bold;
  color: red;
}
.ContentsMidashi-post span.txt-blue {
  font-size: 1.4rem;
  font-weight: bold;
  color: blue;
}
/* 特徴 */
.d-flex {
  display: flex;
  margin-bottom: 4rem;
}
.d-flex p {
  margin-left: 1rem;
}
.d-flex:nth-of-type(even) p {
  margin: 0 1rem 0 0;
}
.features-t {
  margin-bottom: 2rem;
}
.flex-child {
  display: flex;
  flex-direction: column;
  width: 32.6%;
  margin-right: 2%;
}
.flex-child:last-child {
  margin-right: 0;
}
.d-flex p.td-bg-col {
  background-color: #6699cc;
  font-weight: bold;
  color: #333;
  padding: 1rem;
  margin: 0;
}

.d-flex p.th-bg-col {
  background-color: #fff;
  background-color: #F6F6F6;
  padding: 1rem;
  height: 14rem;
  margin: 0;
}
/* 機能 */
.style2 {
	color: #FFF;
}
.style1 {
	color: #FFF;
}
.style3 {
	color: #FFF;

}
.function-t {
  margin-bottom: 4rem;
}
.function-t,
.function-t th,
.function-t td{
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 1.6rem;
}
.function-t td.bg-col-blue {
  background-color: #6699cc;
  color: #fff;
  padding: 0.5rem;
}

.mobile-visible {
  display: none;
}
/* デモ */
.float-left {
  float: left;
}
.img-mb {
  margin-bottom: 3.5rem;
}
/* faq */
.w-break {
  word-break: break-all;
}
/* news */
table.news {
  margin-bottom: 2rem;
}
table.news:last-of-type {
  margin-bottom: 4rem;
}
table.news th {
  font-weight: bold;
  font-size: 1.4rem;
}
table.news td {
  padding-left: 2rem;
}
@media screen and (max-width:599px) {
    .gedan-menu {
        width: 100%;
    }
    .txtSsize {
        font-size: 1.2rem;
    }
    .gedan-menu p span {
        display: block;
    }
  .td-bg-col,
  .th-bg-col {
    display: block;
    width: 100%;
  }
  .d-flex {
    display: block;
  }
  .flex-child {
    width: 100%;
    margin-bottom: 1rem;
  }
  .function-t,
.function-t th,
  .function-t td {
    font-size: 1.2rem;
  }
  .scroll-table {
  overflow: scroll;
}
  .mobile-visible {
    display: block;
    margin: 1rem 0;
  }
  .ContentsMidashi-post {
    position: static;
  }
  .img-mb {
    margin-bottom: 1rem;
  }
  .float-left {
    float: none;
  }
}