@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 {
	font-size: 1.125rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #ccc;
}
#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: 1rem;
}
#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(../../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;
}
/* video 2024-11-26 */
div.videoBox {
	padding: 0px;
  margin-bottom: 1rem;
}
div.videoBox video {
	width: 100%;
}

/* link list */
ul.link_list {
	
}
ul.link_list li {
	line-height: 1.25;
	margin: 0;
	padding-left: 0.825rem;
	background-color: #eee;
}
ul.link_list li + li {
	margin-top: 1.625rem;	
}
ul.link_list li {
	background: url('../../../img5/link_pov.png') no-repeat 0 4px;
}
ul.link_list li:hover {
	background: url('../../../img5/link_p.png') no-repeat 0 4px;
}

@media all and (min-width: 480px) {
	ul.link_list li + li {
		margin-top: 0.75rem;	
	}
}