@charset "UTF-8";

body img.sp,
body br.sp{
	display: none !important;
}

/******************************************************************************
	#kv
******************************************************************************/
@media screen and (max-width: 1600px){
	body main section#kv h1{
		left: 5vw;
		width: 47vw;
	}
	body main section#kv h1 img{
		max-width: 100%;
	}
	body main section#kv .scroll{
		right: 10vw;
	}
}
/******************************************************************************
	#about
******************************************************************************/
@media screen and (max-width: 1450px){
	body main section#about figure{
		margin-right: 60px;
	}
	body main section#about .text h2{
		font-size: 40px;
	}
	body main section#about .text h2 span{
		font-size: 22px;
	}
}
@media screen and (max-width: 1160px){
	body main section#about{
		padding-bottom: 150px;
		background-size: 450px auto,auto auto;
	}
	body main section#about figure{
		width: max(45vw,480px);
	}
	body main section#about figure img{
		max-width: 100%;
	}
}
/******************************************************************************
	#service
******************************************************************************/
@media screen and (max-width: 1420px){
	body main section#service .wrap .item .taxi figure.sticker{
		position: absolute;
		left: 10px;
		top: 10px;
	}
	body main section#service .wrap .item .taxi figure.sticker img{
		width: 60px;
	}
	body main section#service .wrap .item .taxi figure.sticker figcaption{
		left: -18px;
		top: 90px;
		width: 95px;
	}
	body main section#service .wrap .item .taxi figure.sticker figcaption:after{
		right: 50%;
		top: -25px;
		height: 20px;
		transform: rotate(0);
	}
}