@charset "utf-8";


/**************************************************50
 * anything
 **************************************************/
#anything{
	background-color: #70B7D2;
	color: #FFFFFF;
}
#anything > div{
}
#anything > div h2{
	line-height: 1.25;
}
#anything > div p{
}
#anything address{
}
#anything address a{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #FFFFFF;
	display: inline-block;
	line-height: 1;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.2s ease-out 0s;
	vertical-align: top;
}
#anything address a[href*="estimate"]{
	background-color: #FF8701;
}
#anything address a[href*="contact"]{
	background-color: #FFBE01;
}
#anything address a:hover{
	opacity: 0.7;
}
#anything address a img{
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media screen and (max-width:319px){
}
@media screen and (min-width:320px) and (max-width:359px){
	#anything address a{
		font-size: 81.25%;
	}
}
@media screen and (min-width:360px) and (max-width:374px){
	#anything address a{
		font-size: 87.5%;
	}
}
@media screen and (min-width:375px) and (max-width:413px){
	#anything address a{
		font-size: 93.75%;
	}
}
@media screen and (max-width:767px){
	#anything{
		padding-top: 6.25%;
		padding-bottom: 6.25%;
	}
	#anything > div h2{
		font-size: 150%;
		margin-bottom: 0.25em;
		padding: 0 3.125%;
	}
	#anything > div p{
		padding: 0 3.125%;
	}
	#anything address a{
		height: 8em;
		margin: 3.125% 1.5625% 0;
		padding-top: 5.4em;
		width: 10.8em;
	}
	#anything address a img{
		height: 3.2em;
		top: 2.7em;
	}
}
@media screen and (min-width:768px){
	#anything{
	}
	#anything > div h2{
		margin-bottom: 0.25em;
	}
	#anything > div p{
	}
	#anything address a{
		height: 10em;
		padding-top: 6.75em;
		width: 13.5em;
	}
	#anything address a img{
		height: 4em;
		top: 3.375em;
	}
}
@media screen and (min-width:768px) and (max-width:1279px){
	#anything > div h2{
		font-size: 275%;
	}
	#anything > div p{
		font-size: 150%;
	}
	#anything address a{
		font-size: 125%;
		margin: 20px 20px 0;
	}
}
@media screen and (min-width:768px) and (max-width:1439px){
	#anything{
		padding-top: 100px;
		padding-bottom: 100px;
	}
}
@media screen and (max-width:1279px){
	#anything{
		text-align: center;
	}
}
@media screen and (min-width:1280px){
	#anything{
	}
	#anything > div{
		float: left;
	}
}
@media screen and (min-width:1280px){
	#anything{
		padding-top: 50px;
		padding-bottom: 50px;
		position: relative;
	}
	#anything > div{
		margin-right: 20px;
	}
	#anything address{
	}
	#anything address:after{
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: block;
		height: 320px;
		pointer-events: none;
		position: absolute;
		bottom: 0;
		z-index: 1;
	}
	#anything.lazyloaded address:after{
		background-image: url("https://test.lucias.co.jp/images/user/anything/img_010.webp");
	}
	#anything address a:not(:first-child){
		margin-left: 0.875em;
	}
}
@media screen and (min-width:1280px) and (max-width:1365px){
	#anything.wrap{
		padding-left: -webkit-calc((100% - 1200px) / 2);
		padding-left: calc((100% - 1200px) / 2);
		padding-right: -webkit-calc((100% - 1200px) / 2);
		padding-right: calc((100% - 1200px) / 2);
		min-width: 1200px;
	}
	#anything > div h2{
		font-size: 200%;
	}
	#anything > div p{
		font-size: 112.5%;
	}
	#anything address{
		font-size: 87.5%;
	}
	#anything address:after{
		left: -webkit-calc(50% + 310px);
		left: calc(50% + 310px);
		width: 286px;
	}
}
@media screen and (min-width:1366px) and (max-width:1439px){
	#anything.wrap{
		padding-left: -webkit-calc((100% - 1280px) / 2);
		padding-left: calc((100% - 1280px) / 2);
		padding-right: -webkit-calc((100% - 1280px) / 2);
		padding-right: calc((100% - 1280px) / 2);
		min-width: 1280px;
	}
	#anything > div h2{
		font-size: 237.5%;
	}
	#anything > div p{
		font-size: 125%;
	}
	#anything address{
		font-size: 87.5%;
	}
	#anything address:after{
		left: -webkit-calc(50% + 350px);
		left: calc(50% + 350px);
		width: 306px;
	}
}
@media screen and (min-width:1440px){
	#anything.wrap{
		padding-left: -webkit-calc((100% - 1340px) / 2);
		padding-left: calc((100% - 1340px) / 2);
		padding-right: -webkit-calc((100% - 1340px) / 2);
		padding-right: calc((100% - 1340px) / 2);
		min-width: 1340px;
	}
	#anything > div h2{
		font-size: 275%;
	}
	#anything > div p{
		font-size: 150%;
	}
	#anything address:after{
		left: -webkit-calc(50% + 460px);
		left: calc(50% + 460px);
		width: 320px;
	}
}