/*
#40768c
#a9b1b5
#4c4948 グレー
#221714 黒
*/
/*各ページ共通*/
.pagewrappers {}



.mainimgarea {overflow:hidden;position:relative;padding:0px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.mainimgarea .mainimg {padding:20vh 0px;width:1400px;max-width:100%;margin:0px auto;position:relative;}
.mainimgarea h2 {color:#fff;font-size:2.0rem;text-align:center;}
.mainimgarea h1 {color:#fff;font-size:5.0rem;text-align:center;}
.mainimgarea p {color:#fff;font-size:1.8rem;line-height:1.5em;text-align:center;width:800px;max-width:100%;margin:0px auto;}

@media (max-width: 1250px){
	.mainimgarea h2 {font-size:1.8rem;}
	.mainimgarea h1 {font-size:3.5rem;}
	.mainimgarea p {font-size:1.5rem;}
}
@media (max-width: 900px){
	.mainimgarea h2 {font-size:1.5rem;}
	.mainimgarea h1 {font-size:2.8rem;}
	.mainimgarea p {font-size:0.9rem;}
}

/*.maintitle { background:linear-gradient(90deg, #221714, #4c4948, #221714);}*/
.maintitle {background:#221714; }
.maintitle .content {padding:200px 15px 100px 15px;}
.maintitle h1 {font-size:2.0rem;font-weight:bold;line-height:1em;text-align:center;color:#fff;margin-bottom:20px;}
.maintitle p {font-size:1.2rem;font-weight:normal;line-height:1.5em;text-align:center;color:#fff;}

/*SP*/
@media (max-width: 896px){
	.mainimgarea {}
	.mainimgarea .mainimg {padding:30vh 0px 20vh 0px;}
	.mainimgarea h2 {font-size:1.4rem;padding:0px 20px;}
	.mainimgarea h1 {font-size:2.0rem;padding:0px 20px;}
	.mainimgarea p {font-size:1.2rem;padding:0px 20px;}
}


.support .mainimgarea {position:relative;}
.support .mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/page/support_main.jpg) no-repeat center center;}
.support .mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.support .mainimgarea:hover .cover {opacity:1;transition:3s;}
.support .mainimgarea .mainimg {position:relative;z-index:100;}
.support .contents01 h2 {text-align:center;font-size:1.4rem;color:#221714;margin-bottom:7px;}
.support .contents01 p {text-align:center;color:#221714;margin-bottom:30px;}
.support .contents01 a.btn {text-align:left;width:300px;line-height:1.6em;}

.news .mainimgarea {position:relative;}
.news .mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/news/news_main.jpg) no-repeat center center;}
.news .mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.news .mainimgarea:hover .cover {opacity:1;transition:3s;}
.news .mainimgarea .mainimg {position:relative;z-index:100;}
.news .contents01 {padding:30px;}
.news .contents01 ul {}
.news .contents01 li {color:#221714;border-bottom:dotted #4c4948 1px;padding:5px 0px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.news .contents01 a {color:#221714;}
.news .contents01 li span.date {display:inline-block;width:120px;}

.news .contents01 .pagingwrap {text-align:center;padding:50px 0px 0px 0px;}
.news .contents01 .pagingwrap a {background:#4c4948;display:inline-block;width:50px;height:50px;text-align:center;line-height:50px;font-size:14px;border-radius:50%;color:#fff;margin:0px 1px;}
.news .contents01 .pagingwrap a:hover {color:#fff;text-decoration:none;background:#221714;}

.sitemap {}
.sitemap .sitemaparea {}
.sitemap .sitemaparea .inner {padding-left:50px;padding-bottom:120px;}
.sitemap .sitemaparea a {color:#999;}
.sitemap .sitemaparea a:hover {text-decoration:underline;color:#999;}
.sitemap .sitemaparea h3 {font-size:1rem;margin-bottom:1.0em;}
.sitemap .sitemaparea p {font-size:1rem;line-height:2.2em;}
/*SP*/
@media (max-width: 896px){
	.sitemap .sitemaparea .inner {padding:30px 30px;}
	.sitemap .sitemaparea .inner.product01 {padding-bottom:0px;}
	.sitemap .sitemaparea .inner.product02 {padding-top:0px;}
	.sitemap .sitemaparea .inner.product02 h3 {display:none;}
}


.catalog {}
.catalog .mainimgarea .mainimg {position:relative;z-index:100;}
.catalog .mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/catalog/catalog_main.jpg) no-repeat center center;}
.catalog .mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.catalog .mainimgarea:hover .cover {opacity:1;transition:3s;}
.catalog .contents01 {padding:10px;}
.catalog .contents01 .inner {padding:50px;position:relative;}
.catalog .contents01 .inner.inner01 {background:url(../img/catalog/lumion.jpg) no-repeat right center;background-size:cover;border-right:solid #fff 1px;}
.catalog .contents01 .inner.inner02 {background:url(../img/catalog/matterport.jpg) no-repeat right center;background-size:cover;border-right:solid #fff 1px;}
.catalog .contents01 .inner.inner03 {background:url(../img/catalog/broomx.jpg) no-repeat right center;background-size:cover;}
.catalog .contents01 .inner .box {background:rgba(255,255,255,0.95);padding:70px 50px;height:100%;}
.catalog .contents01 a {color:#999;display:inline-block; background:url(../img/catalog/pdf2.svg) no-repeat right center;background-size:auto 15px;padding:3px 30px 3px 0px;}
.catalog .contents01 a:hover {text-decoration:underline;color:#999;}
.catalog .contents01 h3 {font-size:1rem;margin-bottom:1.0em;}
.catalog .contents01 p {font-size:1rem;line-height:2.2em;}
/*SP*/
@media (max-width: 896px){
	.catalog .contents01 .inner {padding:20px;}
	.catalog .contents01 .inner .box {padding:40px 20px;}
}



.privacy {}
.privacy .contents01 {}
.privacy .contents01 h2 {font-size:1.4rem;color:#221714;margin-top:2em;margin-bottom:0.5em;}


.contact .mainimgarea {position:relative;}
.contact .mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/page/contact_main.jpg) no-repeat center center;}
.contact .mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.contact .mainimgarea:hover .cover {opacity:1;transition:3s;}
.contact .mainimgarea .mainimg {position:relative;z-index:100;}

.contact .contents01 .content {width:1200px;max-width:100%;}
.contact .contents01 p.attention {background:#f2f2f2; padding:30px 50px;margin-bottom:20px;}
.contact .block {padding:15px 0px;}
.contact .lc {width:250px;float:left;}
.contact .inner {padding-right:5px;}
.contact input {margin-bottom:5px;}
.contact .rc {width:calc(100% - 250px);float:right;}
.contact .lc label {font-size:1.0rem;font-weight:bold;padding-top:15px;}
.contact label em {padding:5px 10px;background:#ca82ff;color:#fff;display:inline-block;font-style:normal;font-size:0.9rem;line-height:1em;margin-left:3px;}
.contact .rc label {font-size:0.9rem;font-weight:normal;padding:0px;}
.contact .contacttype {padding:10px 0px;}
.contact .contacttype label {display:inline-block;width:auto;padding-right:20px;line-height:30px;vertical-align:bottom;}
/*SP*/
@media (max-width: 896px){
	.contact .contents01 p.attention {padding:30px 15px;margin-bottom:0px;}
	.contact .lc {width:100%;float:none;}
	.contact .rc {width:100%;float:none;}
	.contact .lc label {font-size:0.9rem;padding:0px 0px 10px 3px;}
	.contact .spcol2 .inner {width:50%;float:left;}
	.contact .contacttype label {vertical-align:middle;}
	.contact .contacttype input[type=radio] {margin-bottom:10px;}

}