@charset "utf-8";
/*
* CSS for Faq
*
* @version			0.0.1
* @lastmodified 2018/11/14
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2018, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* COMMON ================================================================ */
@media all and (min-width: 769px) {
  #support #subNavi h2 {
    background: url(../../images/common/global_sprite.png) no-repeat 50% -400px;
  }
}
/* sideNavi ----------------------- */
#subNavi div.sideNavi dl dd ul li {
  width: 100%;
}
@media all and (min-width: 480px) {
  #subNavi div.sideNavi dl dd ul {
    overflow: hidden;
  }
  #subNavi div.sideNavi dl dd ul li {
    float: left;
    width: 50%;
  }
}
@media all and (min-width: 769px) {
  #subNavi div.sideNavi dl dd ul li {
    float: none;
    margin: 8px 0;
    width: 100%;
  }
}

h3.note {
  border-left:5px solid #DC143C;
}
div.faqHeader {
  font-size:1.2;
  margin:15px 0 0;
  padding:0 10px;
}
div.faqHeader + h1 {
  padding:0 0 5px 10px;
  border-bottom:2px solid #325DA7;
}

/* FAQ TOP =============================================================== */
.section ul.link.touchList li {
  padding:12px 0;
  border-bottom:1px solid #ddd;
}

/* faq List / slideMenu ---------- */
#slideArea .outer h3 {
  padding:12px 0;
  border-bottom:1px solid #ddd;
}
#slideArea .outer h3:hover {
  background-color:#f3f3f3;
}
#slideArea .outer h3 span.itemIcon {
  position:absolute;
  top:0;
  left:5px;
  height:25px;
  width:30px;
  background:url(../../images/icn_accordion.png) no-repeat 0 0;
}
#slideArea .outer h3:hover span.itemIcon {
  background:url(../../images/icn_accordion.png) no-repeat 0 -50px;
}
#slideArea .outer.open h3 span.itemIcon {
  background:url(../../images/icn_accordion.png) no-repeat 0 -100px;
}
#slideArea .outer.open h3:hover span.itemIcon {
  background:url(../../images/icn_accordion.png) no-repeat 0 -150px;
}
#slideArea .outer h3 span.title {
  display:block;
  font-size:1.0em;
  position:relative;
  padding:2px 0 0 30px;
}
#slideArea h3 span.subtitle {
  font-size:0.77em;
}
#slideArea .outer .inner.slideBox {
  _isplay:none;
}
#slideArea dl dt {
  padding:6px 5px 4px 22px;
  margin-bottom:5px;
  background:#f6f6f6 url(../../images/lms01.gif) no-repeat 8px 0.6em;
}
#slideArea dl dd {
  line-height:1.5;
  padding:0 5px 0 22px;
  margin-bottom:15px;
  background:url(../../faq/images/arrow-right-brown.png) no-repeat 4px 0.25em;
}
#slideArea dl dd + dd {
  margin-top:-10px;
}

div.subItem {
  margin-top: 10px;
}
div.subItem + div.subItem{
  margin-top: 25px;
}
div.subItem h4 {
  font-size: 1em;
}
div.subItem table.dswTable {
  font-size: 0.88em;
  width: 100%;
}
div.subItem table.dswTable td {
  text-align: center;
}
table.dswTable td img {
  width: 100%;
}
@media all and (min-width: 480px) {
  table.dswTable td img {
    width: auto;
    max-width: 100%;
  }
}
div.subItem table ,
div.subItem table.unitRelation ,
div.subItem table.dswTable.dsw4 {
  width: auto;
  margin: 0 auto;
}
div.subItem p.notice {
  padding-left:1em;
  text-indent:-1em;
}
div.subItem p.notice span.mark {
  color:#cc0000;
}
div.subItem p.noticeItem.ltr4 {
  padding-left:4em;
  text-indent:-4em;
}
/* SUB LINK ===================================================== */
div.refLink {
  padding: 0 10px;
  margin-bottom: 20px;
}
div.refLink ul {
  padding: 15px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
div.refLink ul li {
  list-style: none;
}
div.refLink ul li span {
  display: block;
  margin-bottom: 8px;
}

ul.stepList li span {
  display: block;
}