@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1280px){
	.h-wrapper{
		width: 100%;
		margin: 0px auto;
	}
	.wrapper{
		width: 100%;
		margin: 0px auto;
	}
	.h-logo{
		width: 48%;
		padding: 0 0 0 2%;
	}
	.h-service{
		width: 48%;
		padding: 0 2% 0 0;
	}
}
@media only screen and (max-width: 1280px){
	header{
		height: 80px;
	}
	.hero{
		float: none;
		width: 50%;
		margin: 0 25%;
	}
	.wrapper{
		margin-top: 20px;
	}
	.desc{
		float: none;
		width: 100%;
		padding: 0;
	}
	.h-logo img{
		height: 30px;
		position: relative;
		top: 25px;
	}
	.h-service{
		top: 7.5px;
	}
	.h-service-desc{
		font-weight: normal;
	}
	.h-service-tel{
		font-size: 1.2rem;
	}
	.h-service-time{
		font-weight: normal;
	}
	.desc-title{
		display: none;
	}
	.desc-title-mobile{
		display: block;
		text-align: center;
		width: 100%;
	}
	.desc-subline{
		text-align: center;
	}
	.desc-content{
		display: none;
	}
	.desc-list{
		display: none;
	}
	.icon-mobile{
		display: block;
		width: 90%;
		margin: 20px 5% 0px 5%;
	}
	.icon-mobile-style, .icon-mobile-desc{
		width: 25%;
		float: left;
		margin: 0 0 15px 0;
	}
	#callToAction{
		display: block;
		background-color: #ffffff;
		width: 100%;
		height: 40px;
		border-top: 1px solid #333333;
		position: -webkit-sticky;
 		position: sticky;
  		bottom: 0;
		margin: 0 0 0px 0;
		padding: 10px 0 10px 0;
	}
	.callToAction-price{
		width: 30%;
		margin-left: 5%;
		float: left;
	}
	.callToAction-button{
		width: 60%;
		margin-right: 5%;
		float: left;
	}
}
@media only screen and (max-width: 480px){
	header{
		height: 60px;
	}
	.h-logo img{
		height: 25px;
		position: relative;
		top: 17.5px;
	}
	.h-service{
		display: none;
	}
}
/*@media only screen and (orientation: portrait){
	header{
		height: 100px;
	}
}*/