@charset "utf-8";

/*共通*/
.tbOnly{display:block!Important;}
.pcOnly{display:none!Important;}
.spOnly{display:none!Important;}

/*WORK LIST 02*/
.wl02-container{padding:0;}

/*FLOW LIST*/
.flowList li{width:100%;}

/*キャッチ*/
#topCatch .forEntre .inner{background-size:270px;background-position:left 40px center;}
#topCatch .forEntre .rightBox{padding:20px 20px 20px 360px;}
#topCatch .forEntre h2{padding-top:60px;}
#topCatch .forEntre h2 .badge{top:20px;}

/*メイン*/
article .sec{margin:auto auto 40px;}
main > .catch{margin-bottom:40px;height:500px;}
.srvList{padding:0;}
.consList{background-position:right 20px center;}
.consList li > p{margin-left:0;display:block;}
	
/*LUMINOUS*/
.lum-next-button{right:12px;}
.lum-lightbox-inner .lum-lightbox-caption{width:100%;max-width:100%;}
.lum-lightbox-inner .lum-lightbox-caption:before{display:none;}
.lum-close-button{right:25px;}

@media screen and (max-width:1039px){
	header .hmenu .desc{left:135px;top:22px;}
	header .hmenu .desc p{font-size:12px;}
	header .hmenu .desc small{font-size:10px;margin-left:5px;}
	#mailForm .mfList li .value.addressValue > div:last-child input{width:360px;}
	#topCatch .forEntre .inner{background:none;padding:20px 0;box-sizing:border-box;}
	#topCatch .forEntre .rightBox{padding:20px;}
	#topCatch .forEntre h2{background:url(../layout/logo_3d_img.png) no-repeat left 80px center / 200px;padding:60px 0 50px 300px;}
	#topCatch .forEntre h2 .badge{right:60px;}
	#topCatch .forEntre dl{margin:0 auto;}
	#topCatch .forEntre small{width:400px;margin:10px auto;}
}

@media screen and (max-width:990px){
	.worksList li{width:33%;}
	.consList{background-position:right center;}
}

@media screen and (max-width:960px){
	header .hmenu .desc{display:none;}
}

@media screen and (max-width:950px){
	#topCatch .forEntre .inner{padding:30px 0;}
	#topCatch .forEntre h2{background-position:left 30px center;padding:50px 0 50px 240px;}
}

@media screen and (max-width:940px){
	#mailForm .mfList li .title{width:100%;}
	#mailForm .mfList li .value textarea{width:460px;}
}

@media screen and (max-width:900px){
	#topCatch .forEntre .inner{padding:0;}
}

@media screen and (max-width:830px){
	footer .leftBox{width:100px;height:50px;}
	footer .infoBox.left{width:270px;}
}

@media screen and (max-width:800px){
	#topCatch .forEntre h2{padding:50px 0 30px 240px;}
	#topCatch .forEntre h2 .badge{right:15px;top:12px;}
}