@charset "utf-8";

/* ************************************************************************
*
*   Perie Hall - agreement.css
*
************************************************************************ */

#container .subpage .inner{
	width: 904px;
}
#container .lead{
	margin: -24px auto 60px;
	line-height: 30px;
	font-size: 16px;
}
#container .contents{
	margin-bottom: 80px;
}
#container h3{
	margin: 70px auto 40px;
	padding-left: 9px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container .txtwrap{
	margin: auto;
	padding: 38px 32px;
	line-height: 28px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	word-wrap:break-word;
	font-size: 14px;
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container ol li{
	padding-left: 2em;
	text-indent: -2em;
}
#container .annot{
	padding-left: 3em;
	text-indent: -1em;
}
#container table{
	width: 100%;
	margin: 18px 0 1em;
}
#container td,
#container th{
	text-align: center;
	text-indent: 0;
	border: solid 1px #000000;
}
#container .txtR{
	margin-top: 2em; 
	text-align: right;
}
#container .pay td{
	padding: 0 1em;
	text-align: left;
}
#container .pay td:nth-of-type(1){
	width: 6%;
}
#container .pay td:nth-of-type(2){
	width: 65%;
}
#container .cancel td{
	padding: 0 1em;
	text-align: left;
}
#container .cancel td:nth-of-type(1){
	width: 70%;
}
#container .cancel td:nth-of-type(2){
	width: 30%;
}
#container .para{
	margin-top: 1em;
	padding-left: 2em;
}


/*------------------------------------------------
     SP View
 ----------------------------------------------- */

@media screen and (max-width: 768px) {
	
	#container .subpage .inner{
		width: 88%;
		margin: auto;
	}
	#container .lead{
		margin: -10% auto 10%;
		line-height: 2;
		font-size: 116%;
	}
	#container .contents{
		margin-bottom: 16%;
	}
	#container h3{
		margin: 10% auto 8%;
	}
	#container .txtwrap{
		padding: 1em 0;
		font-size: inherit;
		line-height: inherit;
	}
	#container table{
		margin: 1.2em 0 1em;
	}
	#container .pay td:nth-of-type(2){
		width: 55%;
	}
	
}