@charset"UTF-8";


/*================================================
box
================================================*/
/*751----------------*/
@media screen and (min-width:751px){
	#PROCE .box_main{
		background: url(../images/img04.png) center bottom no-repeat;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}

	#PROCE .box{
		width: 800px;
		margin:0 auto 70px;

		border: 3px solid #499e07;
		border-radius: 15px;
		background-image:
			url(../images/kado_left.png),
			url(../images/kado_right.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
		  left top,
			right top;
	}

	#PROCE .box .inn{
		width: 600px;
		margin: 50px auto;
	}

	#PROCE .box h2{
		color: #499e07;
		text-align: center;
		font-size: 3rem;
		border-bottom: 1px dotted #499e07;
		padding: 120px 0 10px;
		margin-bottom: 20px;
	}

	#PROCE .box h2.mark01{background: url(../images/img01.png) center top no-repeat;}
	#PROCE .box h2.mark02{background: url(../images/img02.png) center top no-repeat;}
	#PROCE .box h2.mark03{background: url(../images/img03.png) center top no-repeat;}

	#PROCE .box .tch{
		color: #7c7c7c;
		padding-left:1em;
		text-indent:-1em;
	}


	#PROCE .box .kessai .ke_inn{
		border-bottom: 1px solid #cbcbcb;
		padding: 50px 0;
	}
		#PROCE .box .kessai .ke_inn:last-child{
			border-bottom: none;
			padding-bottom: 0;
		}

	#PROCE .box .kessai h3{
		float: left;
		width: 180px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	#PROCE .box .kessai .ke_right{
		float: right;
		width: 400px;
	}

	#PROCE .box .kessai .ke_right li{
		float: left;
		margin-right: 10px;
	}

	#PROCE .box .kessai .ke01 h3,
	#PROCE .box .kessai .ke02 h3,
	#PROCE .box .kessai .ke03 h3,
	#PROCE .box .kessai .ke05 h3,
	#PROCE .box .kessai .ke06 h3{
		padding-top: 18px;
	}
	#PROCE .box .kessai .ke04 h3{
		padding-top: 10px;
	}


	#PROCE .box .kessai .ke01 .ke_right li{
		width: 90px;
	}
	#PROCE .box .kessai .ke02 .ke_right li{
		width: 100px;
	}
		#PROCE .box .kessai .ke02 .ke_right li:first-child{
			padding-top: 15px;
		}
	#PROCE .box .kessai .ke03 .ke_right li{
		width: 200px;
	}
	#PROCE .box .kessai .ke05 .ke_right li{
		width: 200px;
	}
}


/*750----------------*/
@media screen and (max-width:750px){
	#PROCE .box_main{
		background: url(../images/img04.png) center bottom no-repeat;
		background-size: 40px;
		padding-bottom: 16%;
		margin-bottom: 8%;
	}

	#PROCE .box{
		margin:0 4% 0;

		border: 3px solid #499e07;
		border-radius: 15px;
		background-image:
			url(../images/kado_left.png),
			url(../images/kado_right.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
		  left top,
			right top;
		background-size: 10%;
	}

	#PROCE .box .inn{
		margin: 10% 5%;
	}

	#PROCE .box h2{
		color: #499e07;
		text-align: center;
		font-size: 2rem;
		border-bottom: 1px dotted #499e07;
		padding: 25% 0 10px;
		margin-bottom: 20px;


	}

	#PROCE .box h2.mark01{
		background: url(../images/img01.png) center top no-repeat;
		background-size: 20%;
	}
	#PROCE .box h2.mark02{
		background: url(../images/img02.png) center top no-repeat;
		background-size: 20%;
	}
	#PROCE .box h2.mark03{
		background: url(../images/img03.png) center top no-repeat;
		background-size: 20%;
	}

	#PROCE .box .tch{
		color: #7c7c7c;
		padding-left:1em;
		text-indent:-1em;
	}

	#PROCE .box .kessai .ke_inn{
		border-bottom: 1px solid #cbcbcb;
		padding: 0 0 40px;
		margin-bottom: 40px;
	}
		#PROCE .box .kessai .ke_inn:last-child{
			border-bottom: none;
			padding-bottom: 0;
		}

	#PROCE .box .kessai h3{
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 25px;
	}

	#PROCE .box .kessai .ke_right{

	}

	#PROCE .box .kessai .ke_right li{
		float: left;
	}
		#PROCE .box .kessai .ke_right li:last-child{;
			margin-right: 0;
		}

	#PROCE .box .kessai .ke01 h3{
		padding-top: 10px;
	}

	#PROCE .box .kessai .ke01 .ke_right li{
		width: 24%;
		margin-right: 1%;
	}
		#PROCE .box .kessai .ke01 .ke_right li:last-child{
			margin-right: 0;
		}

	#PROCE .box .kessai .ke02 .ke_right li{
		width: 31%;
		margin-right: 3%;
	}
		#PROCE .box .kessai .ke02 .ke_right li:first-child{
			padding-top: 15px;
		}
		#PROCE .box .kessai .ke02 .ke_right li:last-child{
			margin-right: 0;
		}

	#PROCE .box .kessai .ke03 .ke_right,
	#PROCE .box .kessai .ke05 .ke_right{
		width: 200px;
		margin: 0 auto;
		text-align: center;

	}
}



/*clear----------------*/
#PROCE .box .kessai .ke_inn,
#PROCE .box .kessai .ke_right,
#PROCE .box .detail{zoom:1;}
#PROCE .box .kessai .ke_inn:before,#PROCE .box .kessai .ke_inn:after,
#PROCE .box .kessai .ke_right:before,#PROCE .box .kessai .ke_right:after,
#PROCE .box .detail:before,#PROCE .box .detail:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#PROCE .box .kessai .ke_inn:after,
#PROCE .box .kessai .ke_right:after,
#PROCE .box .detail:after{clear: both;}




/*================================================
box_btn
================================================*/
/*751----------------*/
@media screen and (min-width:751px){
	#PROCE .box_btn{
		width: 360px;
		margin: 90px auto 0;
	}
		#PROCE .box_btn a{
			display: block;
			background-color: #499e07;
			text-align: center;
			color: #fff;
			text-decoration: none;
			font-size: 2rem;
			padding: 20px 0;
			line-height: 100%;
			border: 1px solid #499e07;

			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			transition: 0.5s;
		}

		#PROCE .box_btn a:hover{
			background-color: #fff;
			color: #499e07;
		}
}


/*750----------------*/
@media screen and (max-width:750px){
	#PROCE .box_btn{
		width: 80%;
		margin: 12% auto 0;
	}
		#PROCE .box_btn a{
			display: block;
			background-color: #499e07;
			text-align: center;
			color: #fff;
			text-decoration: none;
			font-size: 2rem;
			padding: 15px 10px;
			line-height: 100%;
			border: 1px solid #499e07;

			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			transition: 0.5s;
		}

		#PROCE .box_btn a:hover{
			background-color: #fff;
			color: #499e07;
		}
}