@charset "utf-8";

/* ------------------------
 company-tochigi
------------------------- */

.con, .con h1{padding: 0; margin: 0 auto!important;}
.con img{vertical-align: bottom;}
	#con2-2{width:100%; background-color:#F7F6F0;  background-image: none;}
		#con2-2 .title{width:100%; text-align: center;}

/* col-xs */
@media screen and (max-width: 480px){
	#pagettl{padding-bottom: 0; margin-bottom: 0;}
	#pagettl h1{width:100%;}

	.content-body{width:100%; padding: 0 0.5em; margin: 0}
	.content-body section{padding: 0 auto; margin: 0 auto;}
	#main-catch{margin: 1em 0.5em;}
	#con1,#con2{padding: 0 0.3em;}
		#con1b li{width:48%; margin-right: 1px;}
			.cboxPhoto{width:100%; height:auto;}
			#cboxTitle{font-size:60%;}
	#con2{margin-top: 1em}
	#con2-1>p{ margin:1em auto;}
	#con2-2{width:100%; padding: 1em; margin: 2em auto;}
		#con2-2 .txt{width:100%; margin-bottom: 1em;}
			#con2-2 .txt img{margin: 2em auto;}
		#con2-2 .img{width:100%; margin-bottom: 1em;}
			#con2-2 .img img{width:95%; height:auto;}
	#btn{width:80%; margin: 0 auto}
	#bn-bottom{width:100%; margin: 0 auto;}
}


/* col-ssm */
@media screen and (min-width: 481px) and (max-width : 1023px){
	#pagettl{padding-bottom: 0; margin-bottom: 0;}
	#pagettl h1{width:100%;}
	
	.content-body{width:100%; padding: 0; margin: 0}
	.content-body section{padding: 0 auto; margin: 0 auto;}

	#main-catch{margin: 1em 0.5em;}
	#con1,#con2{padding: 0 0.5em;}
	#con1b ul{padding:0}
		#con1b li{width:33%; margin-right: 1px;}
	#con2{margin-top: 1.5em}
		#con2-1>p{ margin:1em auto;}
	#con2-2{margin: 1em auto;}
	#con2-2{width:100%;padding: 1em;}
		#con2-2 .txt{width:100%; margin-bottom: 1em;}
			#con2-2 .txt img{margin: 2em auto;}
		#con2-2 .img{width:100%; margin-bottom: 1em;}
			#con2-2 .img img{width:95%; height:auto;}
	#btn{width:80%; margin: 0 auto}
	#bn-bottom{width:100%; margin: 0 auto;}
}


/* col-lg */
@media screen and (min-width: 1024px) and (max-width: 1399px) {

	#pagettl{padding-bottom: 0; margin-bottom: 0;}
	#pagettl h1{width:100%;}
	.content-body{width:100%; padding: 0; margin: 0}
	.content-body section{padding: 0 auto; margin: 0 auto;}
	#main-catch{margin: 2em 0;}
	#con1b ul{padding:1em}
		#con1b li{width:33%; margin-right: 1px;}
			#con1b li a{display:block; margin: 1em;}
	#con2{margin-top: 3em}
	#con2-1{padding: 0 2em}
	#con2-1>p{ margin:3em auto;}
	#con2-2{width:100%; margin: 2em auto; padding: 2em;}
		#con2-2 .txt{width:48%; margin-bottom: 1em;}
			#con2-2 .txt img{margin: 2em auto;}
		#con2-2 .img{width:48%; margin-bottom: 1em;}
			#con2-2 .img img{width:95%; height:auto;}

	#bn-bottom{width:100%; margin: 0 auto;}
}



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

	#pagettl{padding-bottom: 0; margin-bottom: 0;}
	#pagettl h1{width:100%;}
	.content-body{width:100%; padding: 0; margin: 0}
	.content-body section{padding: 0 auto; margin: 0 auto;}
	#main-catch{margin: 2em 0;}
	#con1b ul{width:1080px; padding:0; margin: 0 auto; text-align: center;}
		#con1b li{width:33%; margin-right: 1px;}
	#con1b li a{display:block; margin: 0.7em;}
	#con2{margin-top: 3em}
	#con2-1>p{ margin:3em auto;}
	#con2-2{width:100%; margin: 2em auto; padding: 2em;}
		#con2-2 .txt{width:578px;}
			#con2-2 .txt img{margin: 2em auto;}
		#con2-2 .img{width:578px; text-align: center;}
	#bn-bottom{width:1080px; margin: 0 auto;}
}