/*
#40768c
#a9b1b5
#4c4948 グレー
#221714 黒
*/
.mainimgarea {position:relative;}
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover;transform:scale(2.3);}
.mainimgarea.on .bgcover {transform:scale(1.0);transition:7s;}
.mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.mainimgarea:hover .cover {opacity:1;transition:3s;}
.mainimgarea .mainimg {position:relative;z-index:100;}

.lumion .mainimgarea .bgcover {background-image:url(../img/product/lumion_main.jpg);}
.artlantis .mainimgarea .bgcover {background-image:url(../img/product/artlantis_main.jpg);}
.matterport .mainimgarea .bgcover {background-image:url(../img/product/matterport_main.jpg);}
.blk360 .mainimgarea .bgcover {background-image:url(../img/product/blk360_main.jpg);}
.pointcab .mainimgarea .bgcover {background-image:url(../img/product/pointcab_main.jpg);}
.architwin .mainimgarea .bgcover {background-image:url(../img/product/architwin_main.jpg);}
.broomx .mainimgarea .bgcover {background-image:url(../img/product/broomx_main.jpg);}
.temi .mainimgarea .bgcover {background-image:url(../img/product/temi_main.jpg);}
.telepii .mainimgarea .bgcover {background-image:url(../img/product/telepii_main.jpg);}
.cloudalize .mainimgarea .bgcover {background-image:url(../img/product/cloudalize_main.jpg);}



.feature {background:#f2f2f2;}
.feature .inner.image img {width:100%;display:block;}
.feature .inner.text {padding:70px;}
.feature .inner.text h2 {margin-bottom:10px;}
.feature .inner.text p {font-size:1.2rem;}

/*PC*/
@media (min-width: 897px){
	.feature .inner.right {float:right;}
}



.approach {padding:100px;text-align:center;background:#fff;}
.approach h2 {font-size:1.4rem;color:#221714;margin-bottom:20px;}
.approach p {font-size:1.2rem;}
.approach p a.btn {margin-top:30px;}

/*SP*/
@media (max-width: 896px){
	.feature .inner.text h2 {font-size:1.4rem;}
	.feature .inner.text {padding:30px 15px;}
	.approach {padding:30px 15px;}
	.approach p a.btn {margin-top:5px;width:80vw;}
	.approach p a.btn_out {margin-top:5px;width:80vw;}
}
