@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#mainimg video{
	position:relative;
	width:100%;
	max-width:1000px;
	text-align:center;
	margin: auto;
	display: block;
	}
	
#mainimg img{
	position:relative;
	width:100%;
	max-width:1000px;
	text-align:center;
	margin: auto;
	display: block;
	}
	
	
#mainimgsp img{
		display:none;
	}
	
	
	

@media screen and (max-width: 680px) {
	#mainimg {
		width:100%;
		max-width:100%;
		background:#F0F0E6;
		}
		
	#mainimg img{
		display:none;
	}
	
	#mainimgsp img{
	position:relative;
	width:100%;
	text-align:center;
	margin: auto;
	display: block;
	}	
		
		
}


#about { margin-top:40px;}
@media screen and (max-width: 680px) {
}

#product {
	margin:40px auto;
	padding-top:40px;
	border-top:1px solid #CCCCCC;
	}
@media screen and (max-width: 680px) {
}


/*-----------top_title-----------*/
.top_title_l{
	font-size: 36px;
	font-weight: normal;
	text-align:center;
}
.top_sub {
	text-align:center;
	margin-top:30px;
	font-size:14px;
	line-height:1.8em;
	}
@media screen and (max-width: 680px) {
	.top_title_l{
		font-size: 24px;
	}
	.top_sub {
		margin:30px 20px 0px 20px;
		}
}

.top_title_m{
	text-align:center;
}
.top_title_m img{
	margin-bottom:5px;
}

@media screen and (max-width: 680px) {
}




.list_similar { margin:20px 0;}
.list_similar li img { width:100%; height:auto;}
.list_similar li a { text-decoration:none; }

.list_similar li {
	float:left;
	width:235px;
	margin-bottom:20px;
	}
.list_similar li:nth-child(2),
.list_similar li:nth-child(6) {
	margin:0 20px;
	}
.list_similar li:nth-child(3) {
	}
.list_similar li:nth-child(4),
.list_similar li:nth-child(8) {
	float: right;
	}
@media screen and (max-width: 680px) {
	.list_similar li {
		float:left;
		width:48%;
		}
	.list_similar li:nth-child(2) {
		margin:0 0px;
		float: right;
		}
	.list_similar li:nth-child(3),
	.list_similar li:nth-child(5),
	.list_similar li:nth-child(7) {
		clear:both;
		}
	.list_similar li:nth-child(4),
	.list_similar li:nth-child(6) {
		margin:0 0px;
		float: right;
		}
}



/*商品名*/
.list_similar p:nth-child(2) { font-size:14px; margin:5px 0; }
/*月額賃料*/
.list_similar p:nth-child(3) { font-size:14px;  }
.list_similar p:nth-child(3) span { font-size:20px; padding-left:10px; }
/*本体価格*/
.list_similar p:nth-child(4) { font-size:14px; margin-right:10px; }
.list_similar p:nth-child(4) span { font-size:20px;  padding-left:10px;}
@media screen and (max-width: 480px) {
	/*商品名*/
	.list_similar p:nth-child(2) { font-size:12px; margin:5px 0; }
	/*月額賃料*/
	.list_similar p:nth-child(3) { font-size:12px;  }
	.list_similar p:nth-child(3) span { font-size:16px; padding-left:10px; }
	/*本体価格*/
	.list_similar p:nth-child(4) { font-size:12px; margin-right:10px; }
	.list_similar p:nth-child(4) span { font-size:16px;  padding-left:10px;}
}


#tcf {
	}
#tcf .topic,
#tcf .case,
#tcf .fb {
	float:left;
	width:320px;
	vertical-align:top;
	}
#tcf div.case {
	margin:0 0px 0 20px !important;
	}
#tcf div.fb {
	float:right;
	}

#tcf ul {
	border-top:1px solid #1B8E2F;
	margin:20px 0px;
	 }
#tcf ul li  {
	border-bottom:1px solid #E3E3E3;}
#tcf ul li a  {
	clear:both;
	display:block;
	width:100%;
	text-decoration:none;
	background: url(../images/icon02.png) 98% 40% no-repeat;
	padding: 15px 30px 10px 0;
	height:80px;
	}
#tcf ul li a span  {
	display:inline-block;
	padding-top:25px;
}

#tcf ul li img {
	width:79px; height:79px;
	object-fit: cover;
	float:left;
	margin:0 10px 10px 0px ;
	}

#tcf div:nth-child(2) ul li a  {
	height:100px;
	background: url(../images/icon02.png) 98% 45% no-repeat;
	padding: 10px 30px 10px 0;
	}
@media screen and (max-width: 680px) {
	#tcf .topic {
		display: block;
		width:100%;
		margin-bottom:40px;
		padding-bottom:10px;
		border-bottom:1px solid #CCC;
		}
	#tcf div.case {
		display: block;
		width:100%;
		padding-bottom:10px;
		margin:0 0px 40px 0px !important;
		border-bottom:1px solid #CCC;
		}
	#tcf div.fb {
		display: block;
		width:100%;
		margin-bottom:20px;
		padding-bottom:0px;
		}
}
#tcf div:nth-child(2) {
	margin: 0 0px;
	}

#pagePlugin {
	border-top:1px solid #1B8E2F;
	margin-top:0px;
	}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}


#g_ex {
	margin-top:40px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}
#g_ex .gallery {
	padding:40px 10px 40px 0px;
	float:left;
	width:50%;
	float:left;
	vertical-align:top;
	text-align:center;
	border-right:1px solid #CCC;
	}
#g_ex .exhibition {
	padding:40px 0px;
	float:left;
	width:50%;
	float: right;
	vertical-align:top;
	text-align:center;
	}
@media screen and (max-width: 680px) {
	#g_ex .gallery,
	#g_ex .exhibition {
		padding:20px 0px;
		display: block;
		width:100%;
		float:none;
	}
	#g_ex .gallery {
		border-right:none;
		border-top:1px solid #CCCCCC;
		}
}

#g_ex .gallery ul {  }
#g_ex .gallery ul li {
	display:inline-block;
	margin-bottom:7px;
 }
#g_ex .gallery ul li:nth-child(2),
#g_ex .gallery ul li:nth-child(5) {
	margin:7px 10px;
}


@media screen and (max-width: 680px) {
	#g_ex .gallery ul { width:100%;  }
	#g_ex .gallery ul li {
		display:inline-block;
		width:21%;
	 }
	#g_ex .gallery ul li:nth-child(2) {
		margin:7px 10px;
	}
	#g_ex .gallery ul li:nth-child(6) {
		margin:7px 10px;
	}
	#g_ex .gallery ul li:nth-child(4),
	#g_ex .gallery ul li:nth-child(5) {
		display:none;
	}
 }


@media screen and (max-width: 480px) {
	#g_ex .gallery ul li {
		display:inline-block;
		width:20%;
	 }
}