/*--------------------------------------------------
  タブレット
--------------------------------------------------*/
@media screen and (max-width: 799px) {

img {
	height: auto;
	max-width: 100%;
}		
		
/* key */
#key {
	background: url(../img/tl_key.jpg) no-repeat 80% bottom #f9f9f8;
	background-size: contain;
	border: 1px solid #cecece;
	border-radius: 5px;
	padding-bottom: 8%;
}
	#key img.bg {
		display: none;
	}
	#key img.ico {
		bottom: 10px;	left: 10px;
		max-width: 10%;
	}
	#key p {
		position: static;
		width: 40%;
	}
		#key .title {
			margin: 3%;
		}
		#key .subtitle {
			font-size: 120%;
			margin: 3%;
		}
	#key dl {
		box-sizing: border-box;
		margin: 3%;
		padding: 1%;
		position: static;
		width: 40%;
	}
		#key dt {
			font-size: 110%;
			margin-top: 0;
		}
		#key dd {
			font-size: 100%;
			margin: 0 1%;
		}

/* concept */
.concept {
	background: url(../img/concept.jpg) no-repeat 0 bottom #ebeeea;
	background-size: cover;
	height: auto;
	padding: 5px;
}
	.concept img.bg {
		display: none;
	}
	.concept h2 {
		font-size: 180%;
		position: static;
		margin-left: 35%;
	}
	.concept p {
		margin: 0 15% 0 35%;
	}
		.concept .txt {
			position: static;
		}
		.concept strong {
			font-size: 120%;
			position: static;
		}
	.concept span {
		top: auto;	bottom: 10px;	right: 10px;
		width: 12%;
	}


/* feature */
.feature ul {
	width: 105%;
}
	.feature .col1 {
		width: 95%;
	}
	.feature .col2 {
		margin-right: 5%;
		width: 45%;
	}
	.feature li img {
		max-width: 30%;
	}
		.feature li.col1 img {
			max-width: 50%;
		}

/* check */
.checklist li {
	float: none;
	width: inherit;
}
.check th {
	white-space: normal;
}
	.check th.row1, .check th.row2, .check th.row3, .check th.row4 {
		width: 20%;
	}

/* variation */
.variation {
	width: 30%;
}
	.variation h2 {
		font-size: 160%;
	}

/* spec */
.spec {
	width: 66%;
}
	.spec h2 {
		font-size: 160%;
	}
	.spec th {
		white-space: normal;
		width: 38%;
	}

/* inquiry */
.inquiry h2 {
	font-size: 160%;
}
.inquiry address {
	box-sizing: border-box;
	margin-rigth: 5%;
	margin-bottom:2em;
	padding: 15px 15px 0;
	width: 100%;
}
.inquiry address strong br{
	display:none;
}
.inquiry dl {
	width: 40%;
	clear:both;
}

}