/* CSS Document */

/*================================================
 *  tablet
 ================================================*/
@media screen and (max-width: 1024px){
	.navsub {
		position: absolute;
		background-image: url('../images/pc/white.png');
		display: block;
		margin-left: 1.5em;
	}
	.imgsize2 img {
		max-width: 100%;
		width: 100%;
	}
	.imgsize img {
		max-width: 90%;
	}
	.tbhidden {
		height: 70px;
	}
	.tbhidden img {
		display: none;
	}
	h2 {
		border-bottom: 1px solid #00a23e;
	}
	.address {
		border-top: 3px solid  #00A23E;
	}
	/* navigation */
	#openMenu,
	#nav {
		display: none;
	}
	#openMenuTB,
	#spheader {
		display: block;
	}
	#closeMenu {
		z-index: 999;
	}
	#openMenuTB,
	#layerMenu {
		z-index: 998;
	}
	.navsub {
		position: static;
	}
	#splogo {
		margin: 0;
	}
	/* index */
	.topimg {
		width: 100%;
		min-width: 100%;
	}
	#main {
		min-width: 100%;
		width: 100%;
		padding: 0 1em;
	}
	/* philosophy */
	.philosophy {
		width: 100%;
	}
	/* recruit */
	.recruit ul li {
		clear: both;
		width: 100%;
		padding-bottom: 2em;
	}
	/* privacy */
	.privacy {
		width: 100%;
		margin: 0;
	}
	/* .ham */
	.ham ul li {
		clear: both;
		width: 100%;
	}
}
/*================================================
 *  sp
 ================================================*/
@media screen and (max-width: 480px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.navsub {
		position: absolute;
		background-image: url('../images/pc/white.png');
		display: block;
		margin-left: 1.5em;
	}
	.navsub li {
		height: 45px;
	}

	.imgsize2 img {
		max-width: 100%;
	}
	.imgsize img {
		max-width: 90%;
	}
	.sphidden {
		display: none;
	}
	.pchidden {
		display: block;
	}
	#main {
		min-width: 100%;
		width: 100%;
		padding: 0 1em;
	}
	/* top */
	.topimg {
		display: none;
	}
	.sptopimg {
		display: block;
		width: 100%;
		padding-top: 70px;
	}
	.sptopimg img {
		width: 100%;
	}
	.topicon {
		display: none;
	}
	h2 {
		border-bottom: 1px solid #000;
	}
	/* navigation */
	#openMenuTB,
	#nav {
		display: none;
	}
	#openMenu,
	#spheader {
		display: block;
	}
	#closeMenu {
		z-index: 999;
	}
	#openMenu,
	#layerMenu {
		z-index: 998;
	}
	.navsub {
		position: static;
	}
	#splogo {
		margin: 0;
	}
	/* news */
	.news {
		min-width: 100%;
		width: 100%;
	}
	/* index */
	.reason {
		width: 100%;
	}
	.left {
		clear: both;
		width: 100%;
	}
	.right {
		margin-left: 0;
		height: auto;
	}
	.right dt img {
		padding: 1em 0 0 0;
	}
	.right dd {
		margin: 0;
		padding: 0;
	}
	.reason ul li {
		height: auto;
	}
	/* footer */
	.copyright span,
	.address span {
		display: block;
	}
	.address {
		border-top: 3px solid  #00A23E;
	}
	/* philosophy */
	.philosophy {
		width: 100%;
	}
	.philosophy span {
		display: block;
	}
	.philosophy2 {
		margin: 0;
		text-align: center;
	}
	.philosophy2 li {
		margin-bottom: 2em;
	}
	/* overview */
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		width: 100%;
		height: 180px;
	}
	/* history */
	.history dl {
		padding-bottom: 1em;
	}
	.history dl dt {
		width: 120px;
	}
	.history dl dd {
		margin-left: 120px;
		padding-left: 1em;
	}
	/* business */
	.business dl dt {
		clear: both;
		width: 100%;
		text-align: center;
		padding-bottom: 1em;
	}
	.business dl dd {
		margin-left: 0;
	}
	/* recruit */
	.recruit ul li {
		clear: both;
		width: 100%;
		padding-bottom: 2em;
	}
	.recruit img {
		width: 90%;
	}
	/* contact */
	.contact {
		width: 100%;
		padding: 1em;
	}
	.contact dl dt {
		clear: both;
		width: 100%;
		text-align: center;
		line-height: 2em;
	}
	.contact dl dd {
		margin: 0;
	}
}