#container{
	width: 100%;
	padding: 20px;
}

#main{
	width: 100%;
	margin: 0 auto;
}


#main h2{
	color: #7f7f7f;
}

#main h1{
	color: #f9661c;
	font-weight: normal;
	margin-top: 40px;
	border-top: 1px solid #f9661c;
	border-bottom: 1px solid #f9661c;
	padding: 10px 20px;
	font-size: 12pt;
	line-height: 26pt;
}


#main .text{
	margin-bottom: 40px;
}


#main .text p{
	padding: 30px;
}



/*-----

index

-----*/

#main.index h2{
	font-size: 22pt;
	margin-top: 60px;
}





#main.index ul#contact{
	padding: 0;
	color: #f9661c;
}

#main.index ul#contact li{
	list-style-type: none;
	margin: 20px 0;
	padding: 20px;
	border-left: 10px solid #f9661c;

}

ol .orange,
ul .orange	{
	color:#f9661c;
}

/*-----

hp

-----*/


#main.hp{

}

#main.hp .flex .hp_grid{
	width: 100%;
	padding: 20px;
	text-align: center;
	background: rgba(255,255,255,0.6);
}

#main.hp .flex .hp_grid:nth-child(2n){
	background: rgba(244,244,244,0.6);
}

#main.hp .flex .hp_grid img{
	width: 180px;
}


/*-----

pr

-----*/

#main.pr{

}

#main.pr table tr{
	display: block;
	border-bottom: 1px dotted #f9661c;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#main.pr table tr:last-child{
	border: 0;
}

#main.pr table th{
	display: inline-block;
	color: #f9661c;
	font-size: 14pt;

}

#main.pr table tr td{
	display: block;
}


/*-----

sign

-----*/

#main.si .sign_img_list{
	overflow: hidden;
	height: 200px;
	width: 100%;
}

#main.si .sign_img_list .sc_wrap{
	height: 220px;
 	width: 100%;
 	overflow-x: auto;
 	-webkit-overflow-scrolling: touch;
}

#main.si .sign_img_list .sc_wrap ul{
	display: inline-table;
  max-width: 100%;
	padding: 0;
	margin: 0;
}

#main.si .sign_img_list .sc_wrap ul li{
	display: table-cell;
}

#main.si .sign_img_list .sc_wrap ul li img{
	padding: 10px;
	height: 200px;
}


/*-----



タブレット



-----*/


@media only screen and (min-width: 600px){

		#container{
		width: 92%;
		margin: 0 auto;
	}

	/*-----

	index

	-----*/

	#main.index #work a{
		width: 31%;
		padding: 40px 0;
	}

	#main.index h2{
		font-size: 26pt;
	}

	#main .text p{
		padding: 40px;
		font-size: 11pt;
		line-height: 19pt;
	}

	/*-----

	hp

	-----*/



	#main.hp{

	}


	#main.hp .flex .hp_grid{
		width: 50%;
	}

	#main.hp .flex .hp_grid:nth-child(2n){
		background: rgba(255,255,255,0.6);
	}






}



/*-----

pc

-----*/


@media only screen and (min-width: 960px){

	#container{
		width: 960px;
	}

	#main.hp,#main.pr,#main.si{
		margin: 80px 0;
	}

	#main .text p{
		font-size: 11pt;
	}

	/*-----

	index

	-----*/

	#main.index h2{
		font-size: 30pt;
	}



	/*-----

	hp

	-----*/

	#main.hp{
		margin: 80px 0;
	}

	#main.hp h2{
		margin-top: 80px;
	}


	#main.hp .flex .hp_grid{
		width: 32%;
	}

	#main.hp .flex .hp_grid:nth-child(2n){
		background: rgba(255,255,255,0.6);
	}

	/*-----

	pr

	-----*/

	#main.pr{

	}

	#main.pr table{
		width: 100%;
		margin: 80px 0 ;
	}

	#main.pr table tr{
		display: block;
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#main.pr table tr:last-child{
		border: 0;
	}

	#main.pr table th{
		display: table-cell;
		width: 320px;
		text-align: left;
		padding: 20px;
		font-size: 16pt;
	}

	#main.pr table tr td{
		display: table-cell;
		padding: 20px;
	}


	/*-----

	sign

	-----*/

	#main.si .sign_img_list{
		margin: 60px 0;
	}


}