@charset "utf-8";
/* CSS Document */
h4 {
	margin: 0;
	padding: 0;
	background: #195EB0;
	color: #FFF;
	padding: 0.3em 1em;
	margin-bottom: 15px;
}

ul.pict {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.pict li {
	margin: 0 2% 20px 0;
	padding: 0;
	width: 32%;
	float: left;
	text-align: center;
}

ul.pict li:nth-child(3n){
	margin-right: 0;
}

ul.pict li img {
	width: auto;
	max-width: 100%;
	height: auto;
}

dl.proc01 {
	margin: 0 0 40px 0;
	padding: 0;
}

dl.proc01 dt {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
}

dl.proc01 dd {
	margin: 0 0 0 10%;
	padding: 0;
	width: 40%;
	float: left;
}


dl.proc02 {
	margin: 0;
	padding: 0;
}

dl.proc02 dt {
	margin: 0;
	padding: 0;
	width: 50%;
	float: right;
}



dl.proc02 dd {
	margin: 0 10% 0 0;
	padding: 0;
	width: 40%;
	float: right;
}

table.gsp {
	border-color: #DDD;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

table.gsp td {
	font-size: 90%;
	border-color: #DDD;
	border-width: 0 0 1px 1px;
	border-style: solid;
	background-color: #DAE9FA;
	padding: 0.5em;
	
}

/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{

}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{
dl.proc01 dt {
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
}

dl.proc01 dd {
	margin: 10px 0 0 0%;
	padding: 0;
	width: 100%;
	float: none;
}
}