@charset "utf-8";

/**
 *
 *  おうちプラン 利用規約
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.m-detail {
  border: none;
  padding: 30px 0;
}

/* media query -> sp
=================================================================*/
@media screen and (max-width: 768px){
	.m-detail {
    padding: 20px 0;
  }
}


/*--------------------------------------------------------------------------
   article
---------------------------------------------------------------------------*/
.article + .article{
	margin-top: 30px;
}
.article a{
	color: #00a1dd;
	text-decoration: underline;
}
.modePC .article a:hover{
	text-decoration: none;
}
.article__ttl{
	margin-bottom: 5px;
}
.article__txt,
.article__list{
	line-height: 1.8;
}
.article__txt + .article__ttl,
.article__low-list + .article__ttl{
	margin-top: 20px;
}
.article__list{
	margin-top: 5px;
}
.article__list > li{
	position: relative;
	padding-left: 3em;
}
.article__list > li > span{
	position: absolute;
	top: 0;
	left: 1em;
}
.article__num{
	margin-top: 20px;
}

/* low-list
-----------------------------------------------------------------*/
.article__low-list{
	
}
.article__low-list > li{
	position: relative;
	padding-left: 2em;
}
.article__low-list > li > span{
	position: absolute;
	top: 0;
	left: 0;
}

/* table
-----------------------------------------------------------------*/
.article__table{
	overflow: hidden;
	border: 1px solid #1b266f;
	border-radius: 5px;
}
.article__table--01{
	margin-bottom: 30px;
}
.article__table--02{
	margin-top: 40px;
}
.article__table table{
	width: 100%;
	border-radius: 5px;
	border-collapse: collapse;
	background: #fff;
	line-height: 1.7;
}
.article__table--02 table td{
	vertical-align: middle;
}

/* thead */
.article__table thead{
	background: #ffeaf2;
}
.article__table th{
	padding: 15px 0;
	vertical-align: middle;
	color: #000;
	font-weight: 300;
}
.article__table th + th{
	border-left: 1px solid #ffc9de;
}
.article__table th.col01{ width: 138px;}
.article__table th.col02{ width: 168px;}
.article__table th.col03{ width: 238px;}

.article__table tbody td{
	padding: 20px 15px;
	border: 1px solid #e2ebf4;
	font-size: 13px;
}
.article__table--01 tbody td:first-child{
	text-align: center;
}
.article__table tbody td span{
	display: block;
	margin-bottom: 10px;
}
.article__table tbody td ul + ul{
	margin-top: 10px;
}

/* media query -> sp
=================================================================*/
@media screen and (max-width: 768px){
	.article + .article{
		margin-top: 15px;
	}
	.article__txt,
	.article__list{
		line-height: 1.6;
	}
	.article__txt + .article__ttl,
	.article__low-list + .article__ttl{
		margin-top: 15px;
	}
	.article__list > li{
		padding-left: 1.5em;
	}
	.article__list > li > span{
		left: 0;
	}
	.article__num{
		margin-top: 15px;
	}

	/* table
	-----------------------------------------------------------------*/
	.article__table{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.article__table--01{
		margin-bottom: 30px;
	}
	.article__table--02{
		margin-top: 20px;
	}
	.article__table table{
		min-width: 700px;
	}

	/* thead */
	.article__table th{
		padding: 10px 0;
	}
	.article__table th.col01{ width: 100px;}
	.article__table th.col02{ width: 120px;}
	.article__table th.col03{ width: auto;}

	.article__table tbody td{
		padding: 5px;
		font-size: 11px;
	}
	.article__table tbody td span,
	.article__table tbody td ul + ul{
		margin-bottom: 5px;
	}
}