/******************************************/
/*##################################################################################################*/

@media (min-width:1200px) {


.bg-slider {
	margin:0px auto 0 auto;
	width: 100vw;
	height: 600px;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	text-indent:-9999px;
	z-index:99;
}
.bg-slider img{
	padding:0px;
        width:1200px;
	height:600px;
	margin:0 auto;
	color:#fff;
	z-index:-1;
}
.spnews_title{
	display:none;
}

.spmain_img{
	display:none;
}
.top_img{
width:100%;
height:600px;
	margin:90px auto 0px auto;
	background-color:#ff0000;

border-bottom:solid 10px #ff0000;
position:relative;
}
.main_img{
  position: relative;
  margin:0 auto;
  max-width: 1200px;
  padding:0 10px 0px 10px;
	margin:0px auto 0px auto;
	background-color:#ff0000;

}
.main_img a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.main_img a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
	position:relative;

}
.hisai_mtxt{
	width:100%;
	height:34px;
	margin:60px auto 0px auto;
	text-align:center;
	color:#000;
	font-size:21px;
	line-height:34px;
}
.hisai_stxt{
	width:1100px;
	margin:10px auto 0px auto;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
}
.ani_img{
	margin:60px auto 0px auto;
	width:100%;
	text-align:center;
}
.ani_img img{
	width:515px;
}
.top_img .news_title{
	width:400px;
	height:65px;
	margin:0px auto 0px auto;
	padding:15px 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:28px;
	line-height:34px;
	background-color:#fff;
	left:35%;
	right:35%;
	bottom:-45px;
	position:absolute;
	z-index:99;
}
.top_img .news_title .s_title{
	font-size:12px;
	line-height:15px;
}
.midashi{
	width:400px;
	height:65px;
	margin:60px auto 0 auto;
	padding:15px 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:28px;
	line-height:34px;
	background-color:#fff;
	z-index:101;
}
.midashi .s_title{
	font-size:12px;
	line-height:15px;
}

.news_box{
	width:1100px;
	margin:80px auto 0 auto;
	padding:0px 0px;

}
.news_box .box{
	width:242px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	overflow:hidden;
}
.news_box .box .img_box{
	width:242px;
	height:161px;
	display:block;
	vertical-align:middle;
	float:left;
	overflow:hidden;
position: relative;
}

.news_box .box .img_box .yoko{
	height:161px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.news_box .box .img_box .tate{
	width:242px;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.news_box .box .title{
	width:80px;
	height:18px;
	margin:10px 0 0 0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:18px;
	background-color:#000;
	float:left;
}
.news_box .box .messa{
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:23px;
}
.news_box .box .date{
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:10px;
}
.news_box .lt30{
	margin-left:33px;
}
.news_bn a{
	width:295px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:50px;
	border:solid 1px #231815;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 90px center;
}
.news_bn a:hover{
	width:295px;
	height:50px;
	margin:50px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 90px center;
	background-color:#ff0000;

}
.products_box{
	width:100&;
	margin:20px auto 0 auto;
	padding:0px;
}
.products_box .box03{
	display:none;

}
.products_box .box01{
	width:50%;
	height:350px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.products_box .box01 img{
	width:100%;
	min-height:350px;
	margin:0;
	padding:0;
}
.products_box .box04{
	width:50%;
	height:350px;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	float:left;
}
.products_box .box04 img{
	width:100%;
	min-height:350px;
	margin:0;
	padding:0;
}
.products_box .box02 a{
	width:50%;
	height:235px;
	margin:0;
	padding:115px 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height:25px;
	background-color:#000;
	float:left;
}
.products_box .box02 a:hover{
	width:50%;
	height:235px;
	margin:0;
	padding:115px 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height:25px;
	background-color:#ff0000;
	float:left;
}
.products_box .box02 .title{
	width:100%;
	height:42px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:24px;
	line-height:42px;
	font-weight:bold;
}
.products_box .box02 a .rline{
	width:290px;
	height:5px;
	margin:0 auto 15px auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline{
	width:290px;
	height:5px;
	margin:0 auto 15px auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}

.products_box .box02 a .rline02{
	width:185px;
	height:5px;
	margin:0 auto 15px auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline02{
	width:185px;
	height:5px;
	margin:0 auto 15px auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.products_box .box02 a .rline03{
	width:161px;
	height:5px;
	margin:0 auto 15px auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline03{
	width:161px;
	height:5px;
	margin:0 auto 15px auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.seihin_box{
	width:1400px;
	margin:20px auto 0 auto;
	padding:0px;
	height:1060px;
	display:block;
	background:url(../img/top/seihin_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.seihin_box .box{
	width:1100px;
	margin:0 auto;
	padding:0px;
}
.seihin_box .box .lbox{
	width:535px;
	height:410px;
	display:block;
	margin:0 0 0 0;
	padding:0 0 40px 0;
	float:left;
	position:relative;
}
.seihin_box .box .lbox img{
	width:535px;
	height:300px;
	margin:0 auto;
	padding:0px;
	vertical-align:top;
}
.seihin_box .box .lbox .txtbox a{
	width:360px;
	height:128px;
	margin:0px auto 0 auto;
	padding:20px 30px 0 30px;
	display:block;
	text-align:left;
	color:#000;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	background-color:#f5f5f5;
	border-bottom:solid 4px #c9caca;
	top:255px;
	left:56px;
	position:absolute;
}
.seihin_box .box .lbox .txtbox a:hover{
	width:360px;
	height:128px;
	margin:0px auto 0 auto;
	padding:20px 30px 0 30px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	background-color:#ff0000;
	border-bottom:solid 4px #000;
	top:255px;
	left:56px;
	position:absolute;
}
.seihin_box .box .lbox .txtbox .title{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
}

.seihin_box .box .rbox{
	width:535px;
	height:410px;
	display:block;
	margin:0 0 0 30px;
	padding:0 0 40px 0;
	float:left;
	position:relative;
}
.seihin_box .box .rbox img{
	width:535px;
	height:300px;
	margin:0 auto;
	padding:0px;
	vertical-align:top;
}
.seihin_box .box .rbox .txtbox a{
	width:360px;
	height:128px;
	margin:0px auto 0 auto;
	padding:20px 30px 0 30px;
	display:block;
	text-align:left;
	color:#000;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	background-color:#f5f5f5;
	border-bottom:solid 4px #c9caca;
	top:255px;
	left:56px;
	position:absolute;
}
.seihin_box .box .rbox .txtbox a:hover{
	width:360px;
	height:128px;
	margin:0px auto 0 auto;
	padding:20px 30px 0 30px;
	display:block;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	background-color:#ff0000;
	border-bottom:solid 4px #000;
	top:255px;
	left:56px;
	position:absolute;
}
.seihin_box .box .rbox .txtbox .title{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
}

.seihin_box .seihin_bn a{
	width:295px;
	height:50px;
	margin:30px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:50px;
	border:solid 1px #231815;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 60px center;
	background-color:#ffffff;
}
.seihin_box .seihin_bn a:hover{
	width:295px;
	height:50px;
	margin:30px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 60px center;
	background-color:#ff0000;

}
.sekou_box{
	width:100%;
	height:470px;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
	display:block;
	text-align:center;
	background-color:#231815;
	border-bottom:solid 4px #ff0000;
}

.sekou_box .sekou_midashi{
	width:400px;
	height:65px;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:28px;
	line-height:34px;
}
.sekou_box .sekou_midashi .s_title{
	font-size:12px;
	line-height:15px;
}
.sekou_box .img_box{
	width:100%;
	height:220px;
	margin:20px 0 0 0;
	padding:0;
	display:block;
	text-align:center;
}
.sekou_box .img_box img{
	width:220px;
	height:220px;
	margin:0 1px 0 0;
	float:left;
}

.sekou_box .bn_box{
	width:650px;
	height:50px;
	margin:50px auto 0 auto;
}

.sekou_box .bn_box .sekou_bn a{
	width:295px;
	height:50px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:50px;
	border:solid 1px #231815;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 85px center;
	background-color:#ffffff;
	float:left;
}
.sekou_box .bn_box .sekou_bn a:hover{
	width:295px;
	height:50px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 85px center;
	background-color:#ff0000;
	float:left;
}
.sekou_box .bn_box .sekou_bn02 a{
	width:295px;
	height:50px;
	margin:0 0 0 56px;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:50px;
	border:solid 1px #231815;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 85px center;
	background-color:#ffffff;
	float:left;
}
.sekou_box .bn_box .sekou_bn02 a:hover{
	width:295px;
	height:50px;
	margin:0 0 0 56px;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:50px;
	border:solid 1px #ff0000;
	border-radius: 25px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 85px center;
	background-color:#ff0000;
	float:left;
}

.housing_bn a{
	width:1096px;
	height:224px;
	margin:20px auto 0 auto;
	padding:0;
	display:block;
	text-indent:-9999px;
	background:url(../img/housing_bn.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	border:solid 2px #0096cd;
}

#loopslider {
    margin: 15px auto 0 auto;
    width: 100%;
    height: 220px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 220px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 221px;
    height: 220px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
    position:relative;
}
#loopslider ul li img{
    width: 220px;
    height: 220px;
object-fit: cover;

}
#loopslider ul li .mask {
    width: 220px;
    height: 220px;

	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
#loopslider ul li .caption {
	font-size:		16px;
	text-align: 		center;
	padding:		0px 20px 0px 20px;
	color:			#fff;
	font-weight:bold;
	line-height:28px;

}
#loopslider ul li a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

.youtube_box{
	margin:60px auto 0px auto;
	width:640px;
	height:360px;
	display:block;

}

.con01_box{
	margin:60px auto 0px auto;
	padding:0;
	width:100%;
        display:block;
	overflow:hidden;
}
.con01_box .wbox{
	margin:0px auto;
	padding:0;
	width:900px;
	height:40px;
        display:block;
	background-color:#fff;
	overflow:hidden;
}
.con01_box .wbox .box01{
	width:130px;
	height:40px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.con01_box .wbox .box01 span{
	width:80px;
	height:20px;
	margin:11px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	background-color:#000;

}
.con01_box .wbox .box02{
	width:80px;
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box022{
	width:100px;
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box03{
	width:500px;
	height:40px;
	margin:0;
	padding:0 0 0 30px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box033{
	width:660px;
	height:40px;
	margin:0;
	padding:0 0 0 30px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box034{
	width:770px;
	height:40px;
	margin:0;
	padding:0 0 0 20px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box04{
	width:160px;
	height:40px;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .wbox .box04 span{
	width:45px;
	height:16px;
	margin:11px 18px 0 0;
	padding:0;
	display:block;
	color:#231815;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
	float:right;
}
.con01_box .wbox .boxp03{
	width:550px;
	height:40px;
	margin:0;
	padding:0 0 0 30px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .boxp04{
	width:110px;
	height:40px;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .wbox .boxp04 a{
	width:42px;
	height:16px;
	margin:11px auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .gbox{
	margin:0px auto;
	padding:0;
	width:900px;
	height:40px;
        display:block;
	background-color:#f4f4f4;
	overflow:hidden;
}
.con01_box .gbox .box01{
	width:130px;
	height:40px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.con01_box .gbox .box01 span{
	width:80px;
	height:20px;
	margin:11px auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	background-color:#000;

}
.con01_box .gbox .box02{
	width:80px;
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box022{
	width:100px;
	height:40px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box03{
	width:500px;
	height:40px;
	margin:0;
	padding:0 0 0 30px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box033{
	width:660px;
	height:40px;
	margin:0;
	padding:0 0 0 30px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box034{
	width:770px;
	height:40px;
	margin:0;
	padding:0 0 0 20px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box04{
	width:160px;
	height:40px;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .gbox .box04 span{
	width:45px;
	height:16px;
	margin:11px 18px 0 0;
	padding:0;
	display:block;
	color:#231815;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
	float:right;
}
.con01_box .gbox .boxp03{
	width:550px;
	height:40px;
	margin:0;
	padding:0 0 0 30px;
	color:#000;
	text-align:left;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .boxp04{
	width:110px;
	height:40px;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .gbox .boxp04 a{
	width:42px;
	height:16px;
	margin:11px auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:12px;
	line-height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}


}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1199px) {
.spmain_img{
	display:none;
}
.top_img{
  margin:75px 0 0 0;

width:100%;
height:48vw;
	background-color:#ff0000;

border-bottom:solid 5px #ff0000;
position:relative;
}
.main_img{
  position: relative;
  margin:0 auto;
  max-width: 1200px;
  padding:0 5px 0px 5px;
	background-color:#ff0000;

}
.main_img a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.main_img a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.spnews_title{
	display:none;
}
.hisai_mtxt{
	width:100%;
	height:40px;
	margin:60px auto 0px auto;
	text-align:center;
	color:#000;
	font-size:18px;
	line-height:28px;
}
.hisai_stxt{
	width:90%;
	margin:10px auto 0px auto;
	text-align:left;
	color:#000;
	font-size:12px;
	line-height:21px;
	overflow:hidden;
}
.ani_img{
	margin:60px auto 0px auto;
	width:100%;
	text-align:center;
}
.ani_img img{
	width:40%;
}
.top_img .news_title{
	width:35vw;
	height:7vw;
	margin:0px auto 0px auto;
	padding:15px 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:2.6vw;
	line-height:3vw;
	background-color:#fff;
	left:32%;
	bottom:-6vw;
	position:absolute;
	z-index:99;
}
.top_img .news_title .s_title{
	font-size:12px;
	line-height:15px;
}
.midashi{
	width:40%;
	height:7vw;
	margin:6% auto 0 auto;
	padding:2% 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:2.6vw;
	line-height:3.2vw;
	background-color:#fff;
	z-index:101;
}
.midashi .s_title{
	font-size:12px;
	line-height:2vw;
}

.news_box{
	width:90%;
	margin:8% auto 0 auto;
	padding:0px 5%;

}
.news_box .box{
	width:22%;
	margin:0;
	padding:0;
	display:block;
	float:left;
	overflow:hidden;
}
.news_box .box .img_box{
	width:100%;
	height:14vw;
	display:block;
	vertical-align:middle;
	float:left;
	overflow:hidden;
position: relative;
}

.news_box .box .img_box .yoko{
	height:14vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.news_box .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.news_box .box .title{
	width:30%;
	height:2.1vw;
	margin:2% 0 0 0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.1vw;
	line-height:2.2vw;
	background-color:#000;
	float:left;
}
.news_box .box .messa{
	width:100%;
	margin:2% 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:1.4vw;
	line-height:2.4vw;
}
.news_box .box .date{
	width:100%;
	margin:1.5% 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:10px;
}
.news_box .lt30{
	margin-left:4%;
}
.news_bn a{
	width:29%;
	height:5vw;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #231815;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 25% center;
}
.news_bn a:hover{
	width:29%;
	height:5vw;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #ff0000;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 25% center;

	background-color:#ff0000;

}
.products_box{
	width:100%;
	margin:2% auto 0 auto;
	padding:0px;
}
.products_box .box03{
	display:none;
}
.products_box .box01{
	width:50%;
	height:28vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.products_box .box04 img{
	width:100%;
	height:28vw;
	margin:0;
	padding:0;
}
.products_box .box04{
	width:50%;
	height:28vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.products_box .box01 img{
	width:100%;
	height:28vw;
	margin:0;
	padding:0;
}
.products_box .box02{
	width:50%;
	height:28vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.products_box .box02 img{
	width:100%;
	height:28vw;
	margin:0;
	padding:0;
}
.products_box .box02 a{
	width:100%;
	height:21vw;
	margin:0;
	padding:7vw 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.4vw;
	font-weight:normal;
	line-height:2.5vw;
	background-color:#000;
	float:left;
}
.products_box .box02 a:hover{
	width:100%;
	height:21vw;
	margin:0;
	padding:7vw 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.4vw;
	font-weight:normal;
	line-height:2.5vw;
	background-color:#ff0000;
	float:left;
}
.products_box .box02 .title{
	width:100%;
	height:3.6vw;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:2.2vw;
	line-height:3.8vw;
	font-weight:bold;
}
.products_box .box02 a .rline{
	width:53%;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline{
	width:53%;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}

.products_box .box02 a .rline02{
	width:35%;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline02{
	width:35%;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.products_box .box02 a .rline03{
	width:30%;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline03{
	width:30%;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.seihin_box{
	width:90%;
	margin:2% auto 0 auto;
	padding:0px 5%;
	height:92vw;
	display:block;
	background:url(../img/top/seihin_bg.png);
	background-repeat:no-repeat;
	background-position:right -18% bottom;
	background-size:60%;
}
.seihin_box .box{
	width:100%;
	margin:0 auto;
	padding:0px;
}
.seihin_box .box .lbox{
	width:47.5%;
	height:35vw;
	display:block;
	margin:0 0 0 0;
	padding:0 0 4% 0;
	float:left;
	position:relative;
}
.seihin_box .box .lbox img{
	width:100%;
	height:25vw;
	margin:0 auto;
	padding:0px;
	vertical-align:top;
}
.seihin_box .box .lbox .txtbox a{
	width:68%;
	height:11vw;
	margin:0px auto 0 auto;
	padding:2% 3% 0 3%;
	display:block;
	text-align:left;
	color:#000;
	font-size:1.2vw;
	font-weight:normal;
	line-height:2vw;
	background-color:#f5f5f5;
	border-bottom:solid 4px #c9caca;
	top:22vw;
	left:5.5vw;
	position:absolute;
}
.seihin_box .box .lbox .txtbox a:hover{
	width:68%;
	height:11vw;
	margin:0px auto 0 auto;
	padding:2% 3% 0 3%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:1.2vw;
	font-weight:normal;
	line-height:2vw;
	background-color:#ff0000;
	border-bottom:solid 4px #000;
	top:22vw;
	left:5.5vw;
	position:absolute;
}
.seihin_box .box .lbox .txtbox .title{
	text-align:center;
	font-size:1.6vw;
	font-weight:bold;
	line-height:4vw;
}

.seihin_box .box .rbox{
	width:47.5%;
	height:35vw;
	display:block;
	margin:0 0 0 5%;
	padding:0 0 4% 0;
	float:left;
	position:relative;
}
.seihin_box .box .rbox img{
	width:100%;
	height:25vw;
	margin:0 auto;
	padding:0px;
	vertical-align:top;
}
.seihin_box .box .rbox .txtbox a{
	width:68%;
	height:11vw;
	margin:0px auto 0 auto;
	padding:2% 3% 0 3%;
	display:block;
	text-align:left;
	color:#000;
	font-size:1.2vw;
	font-weight:normal;
	line-height:2vw;
	background-color:#f5f5f5;
	border-bottom:solid 4px #c9caca;
	top:22vw;
	left:5.5vw;
	position:absolute;
}
.seihin_box .box .rbox .txtbox a:hover{
	width:68%;
	height:11vw;
	margin:0px auto 0 auto;
	padding:2% 3% 0 3%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:1.2vw;
	font-weight:normal;
	line-height:2vw;
	background-color:#ff0000;
	border-bottom:solid 4px #000;
	top:22vw;
	left:5.5vw;
	position:absolute;
}
.seihin_box .box .rbox .txtbox .title{
	text-align:center;
	font-size:1.6vw;
	font-weight:bold;
	line-height:4vw;
}


.seihin_box .seihin_bn a{
	width:33%;
	height:5vw;
	margin:3% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #231815;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 12% center;
	background-color:#ffffff;
}
.seihin_box .seihin_bn a:hover{
	width:33%;
	height:5vw;
	margin:3% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #ff0000;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 12% center;
	background-color:#ff0000;

}
.sekou_box{
	width:100%;
	height:45vw;
	margin:0 auto 0 auto;
	padding:5% 0 0% 0;
	display:block;
	text-align:center;
	background-color:#231815;
	border-bottom:solid 4px #ff0000;
	overflow:hidden;
}

.sekou_box .sekou_midashi{
	width:100%;
	height:6vw;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:2.6vw;
	line-height:3.2vw;
}
.sekou_box .sekou_midashi .s_title{
	font-size:12px;
	line-height:15px;
}
.sekou_box .img_box{
	width:100%;
	height:220px;
	margin:20px 0 0 0;
	padding:0;
	display:block;
	text-align:center;
}
.sekou_box .img_box img{
	width:220px;
	height:220px;
	margin:0 1px 0 0;
	float:left;
}

.sekou_box .bn_box{
	width:60%;
	height:6vw;
	margin:6% auto 0 auto;
	overflow:hidden;
}

.sekou_box .bn_box .sekou_bn a{
	width:47%;
	height:5vw;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #231815;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 24% center;
	background-color:#ffffff;
	float:left;
}
.sekou_box .bn_box .sekou_bn a:hover{
	width:47%;
	height:5vw;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #ff0000;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 24% center;
	background-color:#ff0000;
	float:left;
}
.sekou_box .bn_box .sekou_bn02 a{
	width:47%;
	height:5vw;
	margin:0 0 0 4%;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #231815;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 24% center;
	background-color:#ffffff;
	float:left;
}
.sekou_box .bn_box .sekou_bn02 a:hover{
	width:47%;
	height:5vw;
	margin:0 0 0 4%;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:5.1vw;
	border:solid 1px #ff0000;
	border-radius: 2.5vw;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 24% center;
	background-color:#ff0000;
	float:left;
}

.housing_bn a{
	width:90%;
	height:18.2vw;
	margin:20px auto 0 auto;
	padding:0;
	display:block;
	text-indent:-9999px;
	background:url(../img/housing_bn.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	border:solid 2px #0096cd;
}

#loopslider {
    margin: 2% auto 0 auto;
    width: 100%;
    height:180px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 180px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 181px;
    height: 180px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
    position:relative;
}
#loopslider ul li img{
    width: 180px;
    height: 180px;
object-fit: cover;

}
#loopslider ul li .mask {
    width: 180px;
    height: 180px;

	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
#loopslider ul li .caption {
	font-size:		1.2vw;
	text-align: 		center;
	padding:		0% 8% 0px 8%;
	color:			#fff;
	font-weight:bold;
	line-height:2.4vw;
}
#loopslider ul li a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}
.youtube_box{
	margin:60px auto 0px auto;
	width:54vw;
	height:35vw;
	display:block;

}
.con01_box{
	margin:8% auto 0px auto;
	padding:0;
	width:100%;
        display:block;
	overflow:hidden;
}
.con01_box .wbox{
	margin:0px auto;
	padding:0;
	width:80%;
	height:4vw;
        display:block;
	background-color:#fff;
	overflow:hidden;
}
.con01_box .wbox .box01{
	width:14%;
	height:4vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.con01_box .wbox .box01 span{
	width:66%;
	height:2vw;
	margin:1vw auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.2vw;
	line-height:2vw;
	font-weight:normal;
	background-color:#000;

}
.con01_box .wbox .box02{
	width:13%;
	height:4vw;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:1.2vw;
	line-height:4vw;
	font-weight:normal;
	display:block;
	float:left;
}
.con01_box .wbox .box022{
	width:11%;
	height:4vw;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:1.2vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box03{
	width:53%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box033{
	width:69%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	display:block;
	float:left;
}
.con01_box .wbox .box034{
	width:85%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box04{
	width:17%;
	height:4vw;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .wbox .box04 span{
	width:35%;
	height:1.6vw;
	margin:1vw 13% 0 0;
	padding:0;
	display:block;
	color:#231815;
	font-size:1.2vw;
	height:1.6vw;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .wbox .boxp03{
	width:58%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .boxp04{
	width:12%;
	height:4vw;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .wbox .boxp04 a{
	width:50%;
	height:1.6vw;
	margin:1vw auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:1.2vw;
	height:1.6vw;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .gbox{
	margin:0px auto;
	padding:0;
	width:80%;
	height:4vw;
        display:block;
	background-color:#f4f4f4;
	overflow:hidden;
}
.con01_box .gbox .box01{
	width:14%;
	height:4vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.con01_box .gbox .box01 span{
	width:66%;
	height:2vw;
	margin:1vw auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:1.2vw;
	line-height:2vw;
	font-weight:normal;
	background-color:#000;

}
.con01_box .gbox .box02{
	width:13%;
	height:4vw;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:1.2vw;
	line-height:4vw;
	font-weight:normal;
	display:block;
	float:left;
}
.con01_box .gbox .box022{
	width:11%;
	height:4vw;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:1.2vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box03{
	width:53%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box033{
	width:69%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	display:block;
	float:left;
}
.con01_box .gbox .box034{
	width:85%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box04{
	width:17%;
	height:4vw;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}

.con01_box .gbox .box04 span{
	width:35%;
	height:1.6vw;
	margin:1vw 13% 0 0;
	padding:0;
	display:block;
	color:#231815;
	font-size:1.2vw;
	height:1.6vw;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .gbox .boxp03{
	width:58%;
	height:4vw;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:1.4vw;
	line-height:4vw;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .boxp04{
	width:12%;
	height:4vw;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .gbox .boxp04 a{
	width:50%;
	height:1.6vw;
	margin:1vw auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:1.2vw;
	height:1.6vw;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}


}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {

.spmain_img{
	width:100%;
	height:153vw;
  	position: relative;
  	margin:67px auto 0 auto;
  	padding:0;
	text-align:center;
	background-color:#ff0000;
}
.spmain_img img{
	margin:1.5% 0 1% 0;
	width:96%;
}
.swiper-container2{
	background-color:#ff0000;
}
.top_img{
display:none;
}
.main_img{
  position: relative;
  margin:0 auto;
  max-width: 1200px;
  padding:0 10px 0px 10px;
	margin:0px auto 0px auto;
	background-color:#ff0000;

}
.main_img a:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.main_img a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.hisai_mtxt{
	width:100%;
	height:28px;
	margin:30px auto 0px auto;
	text-align:center;
	color:#000;
	font-size:13px;
	line-height:21px;
}
.hisai_stxt{
	width:90%;
	margin:10px auto 0px auto;
	text-align:left;
	color:#000;
	font-size:12px;
	line-height:21px;
	overflow:hidden;
}
.ani_img{
	margin:30px auto 0px auto;
	width:100%;
	text-align:center;
}
.ani_img img{
	width:65%;
}
.spnews_title{
	width:50vw;
	margin:8% auto 0px auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	background-color:#fff;
}
.spnews_title .s_title{
	font-size:10px;
	line-height:15px;
	font-weight:normal;
}
.midashi{
	width:100%;
	margin:10% auto 0 auto;
	padding:2% 0 0 0;
	display:block;
	text-align:center;
	color:#000;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	background-color:#fff;
	z-index:101;
}
.midashi .s_title{
	font-size:10px;
	line-height:15px;
	font-weight:normal;
}

.news_box{
	width:90%;
	margin:5% auto 0 auto;
	padding:0px 5%;

}
.news_box .box{
	width:48%;
	height:60vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
	overflow:hidden;
}
.news_box .box .img_box{
	width:100%;
	height:27vw;
	display:block;
	vertical-align:middle;
	float:left;
	overflow:hidden;
position: relative;
}

.news_box .box .img_box .yoko{
	height:27vw;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.news_box .box .img_box .tate{
	width:100%;
 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.news_box .box .title{
	width:80px;
	height:18px;
	margin:2% 0 0 0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:18px;
	background-color:#000;
	float:left;
}
.news_box .box .messa{
	width:100%;
	margin:2% 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:11px;
	line-height:18px;
}
.news_box .box .date{
	width:100%;
	margin:2% 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:10px;
}
.news_box .lt30{
}
.news_box .slt30{
	margin-left:4%;
}
.news_bn a{
	width:64%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:11px;
	line-height:41px;
	border:solid 1px #231815;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-size:7%;
	background-position:left 25% center;
}
.news_bn a:hover{
	width:64%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:41px;
	border:solid 1px #ff0000;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-size:7%;
	background-position:left 25% center;

	background-color:#ff0000;

}
.products_box{
	width:100%;
	margin:5% auto 0 auto;
	padding:0px;
}
.products_box .box01{
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.products_box .box01 img{
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
}
.products_box .box03{
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
	display:block;
	float:left;
}
.products_box .box03 img{
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
}
.products_box .box04{
	display:none;
}
.products_box .box02{
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
	display:block;
	float:right;
}
.products_box .box02 img{
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
}
.products_box .box02 a{
	width:100%;
	height:40vw;
	margin:0;
	padding:10vw 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	background-color:#000;
	float:right;

}
.products_box .box02 a:hover{
	width:100%;
	height:40vw;
	margin:0;
	padding:10vw 0 0 0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:21px;
	background-color:#ff0000;
	float:right;
}
.products_box .box02 .title{
	width:100%;
	height:28px;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:28px;
	font-weight:bold;
}
.products_box .box02 a .rline{
	width:180px;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline{
	width:180px;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}

.products_box .box02 a .rline02{
	width:120px;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline02{
	width:120px;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.products_box .box02 a .rline03{
	width:100px;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #ff0000;
}
.products_box .box02 a:hover .rline03{
	width:100px;
	height:5px;
	margin:0 auto 2% auto;
	padding:0;
	display:block;
	text-align:center;
	border-bottom:solid 2px #fff;
}
.seihin_box{
	width:90%;
	margin:8% auto 0 auto;
	padding:0px 5% 10% 5%;
	display:block;
	background:url(../img/top/seihin_bg.png);
	background-repeat:no-repeat;
	background-position:right -18% bottom;
	background-size:60%;
	overflow:hidden;
}
.seihin_box .box{
	width:100%;
	margin:0 auto;
	padding:0px;
}
.seihin_box .box .lbox{
	width:100%;
	height:80vw;
	display:block;
	margin:0% 0 0 0;
	padding:0 0 4% 0;
	position:relative;
	overflow:hidden;
}
.seihin_box .box .lbox img{
	width:100%;
	height:50vw;
	margin:0 auto;
	padding:0px;
	vertical-align:top;
}
.seihin_box .box .lbox .txtbox a{
	width:71%;
	margin:0px auto 0 auto;
	padding:3% 5% 3% 5%;
	display:block;
	text-align:left;
	color:#000;
	font-size:11px;
	font-weight:normal;
	line-height:21px;
	background-color:#f5f5f5;
	border-bottom:solid 4px #c9caca;
	top:43vw;
	left:8.5vw;
	position:absolute;
}
.seihin_box .box .lbox .txtbox a:hover{
	width:71%;
	margin:0px auto 0 auto;
	padding:3% 5% 3% 5%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height:21px;
	background-color:#ff0000;
	border-bottom:solid 4px #000;
	top:43vw;
	left:8.5vw;
	position:absolute;
}
.seihin_box .box .lbox .txtbox .title{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}

.seihin_box .box .rbox{
	width:100%;
	height:80vw;
	display:block;
	margin:0% 0 0 0;
	padding:0 0 4% 0;
	position:relative;
	overflow:hidden;
}
.seihin_box .box .rbox img{
	width:100%;
	height:50vw;
	margin:0 auto;
	padding:0px;
	vertical-align:top;
}
.seihin_box .box .rbox .txtbox a{
	width:71%;
	margin:0px auto 0 auto;
	padding:3% 5% 3% 5%;
	display:block;
	text-align:left;
	color:#000;
	font-size:11px;
	font-weight:normal;
	line-height:21px;
	background-color:#f5f5f5;
	border-bottom:solid 4px #c9caca;
	top:43vw;
	left:8.5vw;
	position:absolute;
}
.seihin_box .box .rbox .txtbox a:hover{
	width:71%;
	margin:0px auto 0 auto;
	padding:3% 5% 3% 5%;
	display:block;
	text-align:left;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height:21px;
	background-color:#ff0000;
	border-bottom:solid 4px #000;
	top:43vw;
	left:8.5vw;
	position:absolute;
}
.seihin_box .box .rbox .txtbox .title{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}


.seihin_box .seihin_bn a{
	width:64%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0 0 0 8px;
	display:block;
	text-align:center;
	color:#000;
	font-size:11px;
	line-height:41px;
	border:solid 1px #231815;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 10% center;
	background-siza:7%;
	background-color:#ffffff;
}
.seihin_box .seihin_bn a:hover{
	width:64%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0 0 0 8px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:41px;
	border:solid 1px #ff0000;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 10% center;
	background-siza:7%;
	background-color:#ff0000;

}
.sekou_box{
	width:100%;
	margin:0 auto 0 auto;
	padding:7% 0 10% 0;
	display:block;
	text-align:center;
	background-color:#231815;
	border-bottom:solid 4px #ff0000;
	overflow:hidden;
}

.sekou_box .sekou_midashi{
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:20px;
	line-height:26px;
	font-weight:bold;
}
.sekou_box .sekou_midashi .s_title{
	font-size:11px;
	line-height:16px;
	font-weight:normal;
}
.sekou_box .img_box{
	width:100%;
	height:220px;
	margin:20px 0 0 0;
	padding:0;
	display:block;
	text-align:center;
}
.sekou_box .img_box img{
	width:220px;
	height:220px;
	margin:0 1px 0 0;
	float:left;
}

.sekou_box .bn_box{
	width:100%;
	margin:6% auto 0 auto;
	overflow:hidden;
}

.sekou_box .bn_box .sekou_bn a{
	width:64%;
	height:40px;
	margin:1% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:11px;
	line-height:41px;
	border:solid 1px #231815;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 25% center;
	background-size:7%;
	background-color:#ffffff;
}
.sekou_box .bn_box .sekou_bn a:hover{
	width:64%;
	height:40px;
	margin:1% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:41px;
	border:solid 1px #ff0000;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 25% center;
	background-size:7%;
	background-color:#ff0000;
}
.sekou_box .bn_box .sekou_bn02 a{
	width:64%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#000;
	font-size:11px;
	line-height:41px;
	border:solid 1px #231815;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 25% center;
	background-size:7%;
	background-color:#ffffff;
}
.sekou_box .bn_box .sekou_bn02 a:hover{
	width:64%;
	height:40px;
	margin:5% auto 0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:41px;
	border:solid 1px #ff0000;
	border-radius: 20px;
	background:url(../img/bn_img.png);
	background-repeat:no-repeat;
	background-position:left 25% center;
	background-size:7%;
	background-color:#ff0000;
}

.housing_bn a{
	width:90%;
	height:35.4vw;
	margin:2% auto 0 auto;
	padding:0;
	display:block;
	text-indent:-9999px;
	background:url(../img/sphousing_bn.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	border:solid 2px #0096cd;
	background-color:#f7f5f2;

}

#loopslider {
    margin: 5% auto 0 auto;
    width: 100%;
    height:150px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 150px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
#loopslider ul li {
    width: 151px;
    height: 150px;
    text-align: left;
    float: left;
    display: inline;
    overflow: hidden;
    position:relative;
}
#loopslider ul li img{
    width: 150px;
    height: 150px;
object-fit: cover;

}
#loopslider ul li .mask {
    width: 150px;
    height: 150px;

	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}
#loopslider ul li .caption {
	font-size:		1.4vw;
	text-align: 		center;
	padding:		0% 8% 0px 8%;
	color:			#fff;
	font-weight:bold;
	line-height:2.8vw;
}
#loopslider ul li a:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}
.youtube_box{
	margin:7% auto 0 auto;
	width:90%;
	height:50vw;
	display:block;

}

.con01_box{
	margin:5% auto 0px auto;
	padding:0;
	width:100%;
        display:block;
	overflow:hidden;
}
.con01_box .wbox{
	margin:2% auto 0px auto;
	padding:2% 0;
	width:90%;
        display:block;
	background-color:#fff;
	overflow:hidden;
}
.con01_box .wbox .box01{
	width:20%;
	margin:2% 0 0 0;
	padding:0;
	display:block;
	float:left;
}
.con01_box .wbox .box01 span{
	width:66%;
	height:15px;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	background-color:#000;

}
.con01_box .wbox .box02{
	width:80%;
	margin:1% 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:11px;
	line-height:25px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box022{
	width:16%;
	height:20px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box03{
	width:65%;
	margin:1% 0 0 0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box033{
	width:63%;
	margin:0;
	padding:0 0 0 2%;
	color:#000;
	text-align:left;
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box034{
	width:80%;
	height:20px;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	float:left;
}
.con01_box .wbox .box04{
	width:28%;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .wbox .box04 span{
	width:50%;
	height:16px;
	margin:3% auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:11px;
	height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .wbox .boxp03{
	width:80%;
	margin:1% 0 0 0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	float:left;
}
.con01_box .wbox .boxp04{
	width:17%;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .wbox .boxp04 a{
	width:60%;
	height:16px;
	margin:2% auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:11px;
	height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .gbox{
	margin:2% auto 0px auto;
	padding:2% 0;
	width:90%;
        display:block;
	background-color:#f4f4f4;
	overflow:hidden;
}
.con01_box .gbox .box01{
	width:20%;
	margin:2% 0 0 0;
	padding:0;
	display:block;
	float:left;
}
.con01_box .gbox .box01 span{
	width:66%;
	height:15px;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	background-color:#000;

}
.con01_box .gbox .box02{
	width:80%;
	margin:1% 0 0 0;
	padding:0;
	text-align:left;
	color:#000;
	font-size:11px;
	line-height:25px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box022{
	width:16%;
	height:20px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box03{
	width:65%;
	margin:1% 0 0 0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box033{
	width:100%;
	margin:0;
	padding:0 0 0 2%;
	color:#000;
	text-align:left;
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box034{
	width:80%;
	height:20px;
	margin:0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	float:left;
}
.con01_box .gbox .box04{
	width:28%;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}

.con01_box .gbox .box04 span{
	width:50%;
	height:16px;
	margin:3% auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:11px;
	height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}
.con01_box .gbox .boxp03{
	width:80%;
	margin:1% 0 0 0;
	padding:0 0 0 3%;
	color:#000;
	text-align:left;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	float:left;
}
.con01_box .gbox .boxp04{
	width:17%;
	margin:0;
	padding:0;
	color:#000;
	float:left;
}
.con01_box .gbox .boxp04 a{
	width:60%;
	height:16px;
	margin:2% auto 0 auto;
	padding:0;
	display:block;
	color:#231815;
	font-size:11px;
	height:16px;
	text-align:center;
	font-weight:normal;
	border:solid 1px #231815;
}

}

/*#######################################################################################*/


.swiper-button-prev {
	width:30px;
	height:30px;
	display:block;
	border-radius: 15px;
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dc0000'%2F%3E%3C%2Fsvg%3E");
	background-size:30%;
	background-color:#fff;
}
.swiper-button-next {
	width:30px;
	height:30px;
	display:block;
	border-radius: 15px;
	background-repeat:no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dc0000'%2F%3E%3C%2Fsvg%3E");
	background-size:30%;
	background-color:#fff;
}


.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}