/* CSS Document */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
	
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
	
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


@media (max-width: 767px) {
	header .navbar-brand{
		text-align: center;
		display: block;
		width: 100%;
		margin-right: 0;
		padding-top: 15px;
	}
	header .navbar-brand object{
		margin:auto;
		display: block;
	}
	.carousel-indicators{display: none;}
	.carousel-caption {
		left:7%;
	}
	.carousel-item {
	  height: 15rem;
	  background-color: #777;
		overflow: hidden;
	}
	.carousel-item > img {
	  position: absolute;
	  top: 0%;
	  left: 50%;
	  max-height: 100%;
	  height: 100%;
		max-width:auto;
		width: auto;
		transform: translateX(-50%);
	}
	.carousel-item h1 {
		font-size: 0.9rem;
		line-height: 1.5;
		text-align: center;
	  }
	.carousel-item.citem1 .carousel-caption,
	.carousel-item.citem2 .carousel-caption,
	.carousel-item.citem3 .carousel-caption,
	.carousel-item.citem4 .carousel-caption{
		bottom: -1em;
		left: 0;
		right: 0;
	}
	
	.carousel-item.citem3 h1,
	.carousel-item.citem4 h1{
		text-align: center;
	}
	header nav {
		margin-bottom: 0px;
	}
	#header-contact {
		position: relative;
		top: 0px;
		right: 0px;
		z-index: 100;
		margin-bottom: 30px;
		text-align: center;
		display: block !important;
	}
	#footer-contact{
		position: relative;
		text-align: center;
		top: 0;
		right: 0;
		display: block !important;
		margin-bottom: 20px;
	}
	footer .footnav>li {
		margin-right: 0em;
		float: none;
		margin-bottom: 0;
	}
	.lower h2.pagetitle {
		margin-top: 10px;
		position: relative;
		z-index: 100;
		font-size:1.5em;
		text-align: center;
	}
	.lower h2.pagetitle span{
		border-bottom: 2px solid #00BF60;
		padding: 10px;
	}
	
}



/* from here
------------------------- */
@media (max-width: 990px) {
	.check-point li{
		width: 25%;
	}
	.check-point li:last-child{
		margin-right: 5px;
	}
}
@media (max-width: 767px) { 
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.table th,
	.table td{
		display: block;
	}
	.table th{
		border: none;
	}
	
	.marker span{
		background: linear-gradient(transparent 0%, transparent 50%, #ebc64f 50%, #ebc64f 95%, transparent 95%, transparent 100%);
	}
	
	.inspection-inner{
		padding: 0;
	}
	.check-point li{
		width: 31%;
	}
	
	#price{
		width: 100%;
	}
	#flow .contact {
		font-size: 0.9em;
	}
	.inspection-inner h4{
		font-size:1.5em;
	}
	h6.marker{
		font-size:0.9rem;
	}
	.q i {
		display: block;
		text-align: center;
	}
}
@media (max-width: 565px) { 
	.pc{display: none !important;}
	.sp{display: block !important;}
	.check-point li{
		width: 50%;
	}
	.carousel-caption{
		background: rgba(0,0,0,0.3);
	}
}