@charset "utf-8";

.contentsLeft p.contentsLink02{
	margin:0 0 0 10px;
	padding:10px 0 0 15px;
	background:transparent url(/common/images/arrow02.gif) no-repeat 0 13px;
	clear:both;
	}
.contentsIndent{
	margin:20px 0 0 10px;
	padding:0;
	clear:both;
	}

/* 設置場所について
=========================================================================*/
.faqNavi{
	margin:25px 0 20px 0;
	padding:0;
	width:691px;
	overflow:hidden;
	list-style:none;
	}
.faqNavi li{
	float:left;
	margin:0;
	padding:0;
	}

.muryoBox{
	margin:20px 0 0 10px;
	padding:17px 0 20px 18px;
	width:651px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.muryoBox .tit{
	margin:0;
	padding:0;
	}
.muryoBox .txt{
	margin:15px 0 0 0;
	padding:0;
	width:630px;
	line-height:180%;
	}
.indShiseiTxt{
	margin:18px 0 0 0;
	padding:0;
	}


/* レンタルの流れ
=========================================================================*/
.rentalTxt{
	margin:18px 0 0 0;
	padding:0;
	}
.contentsArea{
	margin:20px 0 0 10px;
	padding:15px 10px 20px 11px;
	width:648px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.contentsArea dl{
	margin:0 0 14px 0;
	padding:0;
	overflow:hidden;
	}
.contentsArea dt{
	float:left;
	margin:0;
	padding:0;
	width:48px;
	}
.contentsArea dd{
	float:right;
	margin:0;
	padding:0;
	width:588px;
	}
.contentsArea dd.txt{
	float:right;
	margin:0;
	padding:0;
	width:437px;
	}
.contentsArea dd.img{
	float:right;
	margin:0 0 0 20px;
	padding:0;
	width:131px;
	}
.contentsArea dd .tit{
	margin:3px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:120%;
	}
.contentsArea dd .txt{
	margin:12px 0 0 0;
	padding:0;
	}
.contentsArea dd .inquiry{
	margin:20px 0 0 0;
	padding:0;
	width:588px;
	border-collapse:collapse;
	font-size:120%;
	}
.contentsArea dd .inquiry,
.contentsArea dd .inquiry tr,
.contentsArea dd .inquiry th,
.contentsArea dd .inquiry td{
	border:1px solid #BFBFBF;
	}
.contentsArea dd .inquiry th{
	padding:7px 10px;
	background:#EBF3FC;
	text-align:left;
	font-weight:normal;
	}
.contentsArea dd .inquiry td{
	padding:7px 10px;
	}
.contentsArea dd .inquiry td a{
	padding:0 0 0 8px;
	background:url(/common/images/arrow01.gif) no-repeat 0 center;
	}
p.flowArrow{
	margin:0 0 13px 58px;
	padding:0;
	text-align:center;
	height:31px;
	clear:both;
	}

.spOnly {
	display: none;
}

@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.mainBox {
		padding: 0 10px;
	}

	.spTtl {
		padding: 35px 20px;
		background: #fff;
		border-top: solid 3px #1B558C;
		border-bottom: solid 1px #d9d9d9;
		font-size: 20px;
		font-weight: bold;
	}

	.productNavi,
	.contentsImg,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: 100%;
	}
	.contentsImg {
		overflow: hidden;
	}
	.contentsImg img {
		width: 650px;
	}

	.faqNavi_sp {
		display: flex;
		flex-wrap: wrap;
		gap: 1px;
		width: 100%;
		margin: 0 0 25px 0;
		padding: 0;
		list-style: none;
	}
	.faqNavi_sp li {
		position: relative;
		z-index: 2;
		width: calc(50% - 1px);
		padding: 16px 10px;
		background: #E2E2E2;
		border-bottom: solid 4px #336192;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	.faqNavi_sp li::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 50%;
		background: #D9D9D9;
	}
	.faqNavi_sp li.on {
		background: #6083A9;
		color: #fff;
	}
	.faqNavi_sp li.on::before {
		background: #336192;
	}
	.faqNavi_sp li a {
		display: block;
		width: 100%;
		height: 100%;
		color: inherit;
	}

	.muryoBox {
		width: auto;
		padding: 15px;
		margin: 20px 10px 0;
	}
	.muryoBox .txt {
		width: auto;
	}

	.contentsArea,
	.contentsArea dd,
	.contentsArea dd .inquiry {
		width: auto;
	}
	.contentsArea dd {
		float: none;
	}
	.contentsArea dd.txt {
		float: none;
		width: auto;
	}
	.contentsArea dd .tit {
    margin: 1px 0 0 56px;
	}
	p.flowArrow {
    margin: 0 0 13px 0px;
	}
}