@charset "UTF-8";

div#riyou p{
	margin-bottom: 0.5em;
}

div#riyou p.note{
	padding-left: 2em;
	text-indent: -1em;
}

@media screen and (min-width: 768px){
div#riyou{
	width:750px;
	margin: 0 auto;
}
}

div#riyou ul , ol{
	padding: 0 15px 0px 40px;
	margin-top: 0 ;
}

div#riyou li{
	padding-bottom: 0.4em;
}

div#riyou table{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

table td:nth-child(1){
	text-align: left;
		width: 200px;
}

table td:nth-child(1),
table td:nth-child(4) {
	text-align: left;
		width: 250px;
}

div#riyou th , div#riyou td {
	padding: 0.5em;
	border: solid 1px;
}

/*目次*/
div#index{
	width: 100%;
}


div#index ul{
	margin: 0;
	padding: 0;
  	overflow: hidden; /* floatの回り込み解除（clearfix代わり） */
}


div#index ul li{
	list-style: none;
	padding: 0.5em;
	border: solid 1px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
}

@media screen and (min-width: 768px){
	div#index ul li{
		float: left;
		box-sizing: border-box;
		width: calc(20% - 12px); /* ← 隙間ぶん差し引く（例: 12px） */
		border: 1px solid #ccc;
		margin-right: 12px;      /* ← 横のすき間 */
		margin-bottom: 12px;     /* ← 縦のすき間 */
		text-align: center;
	}
}

@media screen and (max-width: 767px){
	div#index ul li{
		margin-bottom: 1em;
	}
}
/*目次 end*/


/*字下げ*/
.text-indent{
	padding-left: 1em; 
	text-indent: -1em;
}

.text-indent2{
	padding-left: 2em; 
	text-indent: -2em;
}
/*字下げ end*/

/*工事中コンテンツ*/
div#soon{
	height: 400px;
	text-align: center;
	padding-top:180px;
}
/*工事中ここまで*/