.topimg {
	background-image:url(../img/recruit/top.JPG);
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;	
	background-size:cover;	
}


article {
	/*height: 968px;*/
	width: 100%;	
	/*background-image:url(../img/about/back_left_top_min.png),
							url(../img/about/back_right_top_min.png),
							url(../img/about/back_right_bottom_min.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position: top left,top right,bottom right;*/
}


.about {
	width: 960px;
	margin: 48px 0;
}

.selected{
	display:block;
}

.about table {
	width: 960px;
	margin-bottom: 32px;
}

.about table tr {
	height: 32px;
	line-height: 32px;
	border-bottom: dashed 1px #222;
}

.about table .col1 {
	width: 160px;
	text-align: center;
}

.about table .col2 {
	width: 312px;
	padding-right: 8px;
}


.about table a {
	color: #111;
    -moz-transition: -moz-opacity 0.1s linear;
    -webkit-transition: -webkit-opacity 0.1s linear;
    -o-transition: -o-opacity 0.1s linear;
    -ms-transition: -ms-opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.about table p{
	margin: 8px 0;
}

.about table a:hover {
	opacity: 0.6;
}

@media only screen and (min-width: 437px) and (max-width: 960px) {
/*タブレット用スタイル*/


	article {
		/*height: 968px;*/
		width:100%;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	
	.main {
		width: 100%;
	}

	.topimg {
		height: 300px;
		background-repeat: no-repeat;
		background-position: center center;	
		background-size:cover;	
	}
	.about {
		width:100%;
	}

	.selected{
		display:block;
	}

	.about table {
		width:98%;
		font-size:16px;
		margin:0 auto;
	}

	.about table tr {
		height: 24px;
		line-height: 24px;
		border-bottom: solid 1px #000;
	}

	.about table .col1 {
		width: 20%;
		text-align: center;
	}
	
	.about table .col2 {
		width: 30%;
	}

	.about table a {
		color: #111;
	    -moz-transition: -moz-opacity 0.1s linear;
	    -webkit-transition: -webkit-opacity 0.1s linear;
	    -o-transition: -o-opacity 0.1s linear;
	    -ms-transition: -ms-opacity 0.1s linear;
	    transition: opacity 0.1s linear;
	}

	.about table a:hover {
		opacity: 0.6;
	}

	.box_left {
		display: block;
		float:left;
		width: 192px;
	}

	.box_left img {
		width: 192px;
		height: 272px;
	}

	.box_right{
		display:block;
		float:right;
		width:640px;
		margin-left:24px;
	}

	.box_right table {
		width: 640px;
	}

}

/*--------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 436px) {
/*スマホ用スタイル*/

	article {
		/*height: 968px;*/
		width:100%;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	
	.main {
		width: 100%;
	}

	.topimg {
		background-image:url(../img/about/top.JPG);
		height: 300px;
		background-repeat: no-repeat;
		background-position: center center;	
		background-size:cover;	
	}
	.about {
		width:100%;
	}

	.selected{
		display:block;
	}

	.about table {
		width:98%;
		font-size:12px;
		margin:0 auto;
	}

	.about table tr {
		height: 24px;
		line-height: 24px;
		border-bottom: solid 1px #000;
	}

	.about table .col1 {
		width: 20%;
		text-align: center;
	}
	
	.about table .col2 {
		width: 30%;
	}

	.about table a {
		color: #111;
	    -moz-transition: -moz-opacity 0.1s linear;
	    -webkit-transition: -webkit-opacity 0.1s linear;
	    -o-transition: -o-opacity 0.1s linear;
	    -ms-transition: -ms-opacity 0.1s linear;
	    transition: opacity 0.1s linear;
	}

	.about table a:hover {
		opacity: 0.6;
	}

	.box_left {
		display: block;
		float:left;
		width: 192px;
	}

	.box_left img {
		width: 192px;
		height: 272px;
	}

	.box_right{
		display:block;
		float:right;
		width:640px;
		margin-left:24px;
	}

	.box_right table {
		width: 640px;
	}


}