@charset "UTF-8";

/* --------------------------------
	MAIN
   -------------------------------- */
em.point2, span.point2, p.point2{ /* 改版履歴 */
	background-color: #fffacd;
	font-style: normal;
}
.table_layout:after{
	content: "";
	clear: both;
	clear: left;
}

/* --------------------------------
	MENU CURRENT
   -------------------------------- */
.contents_box.narrow{
	width: 80%;
}
.contents_box h1{
	font-size: 28px;
	padding: 20px 0;
}
.box h2{
	font-size: 26px;
	margin: 0 0 40px 0;
	padding: 20px 0;
}
.box h3{
	font-size: 20px;
	margin: 0;
	padding: 10px 0;
}
.contents_box p{
	line-height: 150%;
	font-size: 16px;
	line-height:180%;
}
.contents_box p.history{
	font-size: 16px;
	line-height: 140%;
	text-align: right;
}
.contents_box p.history span{ font-size: 18px; display: block; padding: 10px 0;}
/* ================================
			599px以下
   ================================ */
@media (max-width: 599px){
	.contents_box.narrow{
		width: 96%;
	}
	.contents_box h1{
		font-size: 16px;
		padding: 10px 0;
	}
	.box h2{
		font-size: 16px;
		margin: 0 0 30px 0;
		padding: 10px 0;
	}
	.box h3{
		font-size: 16px;
		margin: 0 0 10px 0;
		padding: 10px 0;
	}

	.contents_box p.history{
		font-size: 12px!important;
	}
	.contents_box p.history span{ font-size: 14px; padding: 0;}
}
/* --------------------------------
	TABLE
   -------------------------------- */
.table_layout tbody th{
	width: 20%;
	line-height: 150%;
	font-weight: normal!important;
	padding: 5px 10px;
}
.table_layout tbody th, .table_layout tbody td{
	vertical-align:middle!important;
}
.table_layout tbody th.bg_blue1{ background-color: #3077be; color: white; }
.table_layout tbody th.bg_blue2{ background-color: #B0C4DE; }

/* ================================
			599px以下
   ================================ */
@media (max-width: 599px){
	.table_layout tbody th, .table_layout tbody td{
		padding: 5px;
		font-size: 12px!important;
	}
}
/* 改行調整 */
@media screen and (min-width: 599px){
	.posC-sp { }
	.blank-pc { padding-left: 2em; content: "　　"; }
}
@media screen and (max-width: 599px){
	.posC-sp { text-align: center!important; }
}

/* スクリーンサイズが大きいときはインデントも大きく */
@media (min-width: 30rem) {
	ol.info_list {
		padding-left: 3em;
	}
	ol.info_list li > ol.info_list {
		padding-left: 2em;
	}
}

ol.info_list {
	font-weight: normal;
	margin: 0 0 30px 0;
}
ol.info_list {
  list-style-type: none;
  font-size: 16px;
}

ol.info_list li {
  counter-increment: cnt;
  line-height: 150%;
  padding: 0 0 10px 0;
}

ol.info_list li:before {
  content: "(" counter(cnt) ") ";
  margin-left:-2em;
  width: 2em;
}
/*
	smart phone 	480
	tablet + PC		600
	大画面PC		1280
*/
/* ================================
			599px以下
   ================================ */
@media (max-width: 599px){
	.box p{
		font-size: 14px!important;
	}

	ol.info_list {
		list-style-type: none;
		font-size: 14px;
		padding-left:10px;
	}
	ol.info_list li {
		padding-left:24px;
	}

}


/* --------------------------------
	改版履歴
   -------------------------------- */
dl.his{
	width: 90%;
	font-size: 16px;
}
dl.his dt{
	clear: left;
	float: left;
	width: 27%;

	font-weight: normal;
	font-size: 14px;
	border-top: 1px dotted #ddd;
	border-bottom: none;
}

dl.his dd {
	float: left;

	width: 73%;
	font-size: 14px;
	border-top: 1px dotted #ddd;
}

dl.his dd p{
	padding-left: 1em!important;
	font-size: 14px;
}
dl.his dd p.indent_dot{
	text-indent: -1em;
}
/* ================================
			599px以下
   ================================ */
@media (max-width: 599px){
	dl.his dt{
		float:none;
		width: 100%;
		padding-top: 10px;
		font-size: 12px;
	}
	dl.his dd{
		float:none;
		width: 100%;
		border-top: none;
		font-size: 12px;
	}
	dl.his dd p{
		padding-left: 1em!important;
		font-size: 12px!important;
	}
}