@charset "utf-8";
/* CSS Document */
@-webkit-keyframes pulse {
 from {opacity: 1.0;}
 to {opacity: 0.2;}
}
@font-face{font-family:'';}
@media only screen and (min-width: 601px)
{            
/*  responsive clear→change to min-width:601px  
/*img{
	width:100%;
	height:auto;
	}
*/
*{}
html{
/*background-image:
-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #696969), 
color-stop(.25, transparent),color-stop(.5, transparent), 
color-stop(.5, #696969),color-stop(.75, #696969), 
color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
*/
	/*background:url(../img/g7_floor_img_001.jpg) center center fixed;*/
    /*background:url(../img/img/img/IMG_4575.jpeg) no-repeat center center fixed;*/
    /*background:url(../img/renga_bg.jpg) fixed;*/
    /*-moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
	/*background:url(../img/img/img/IMG_4575.jpeg) no-repeat;*/
	/*background-attachment:fixed;*/
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width:100%;
	/*background:url("../img/bg_shinrin.jpg") center center no-repeat;*/
	/*background-attachment:fixed;*/
  background:
 -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#DFE4DE)
        );
    /*firefox*/
		background: -moz-linear-gradient(top, #DFE4DE, #FFFFFF
        );
	/*IE*/
  filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#DFE4DE', endColorstr='#FFFFFF')
    ;
}
body{
	margin:0;
	padding:0;
	height:auto;
	font-size:14px;
	overflow-x:hidden;
	background:#FFFFFF;
}
body a{color:#000000;
	font-weight:bold;
	font-size:120%;
	  text-decoration:none;
}
body a img{
	border-style:none;
}
body a:hover{opacity:0.8;
}
h1{ font-size:90%;
color:#FFFFFF;
box-sizing:border-box;
height:20px;
background:transparent;
background:rgba(51,51,51,1);
/*background:rgba(178,25,45,1);*/
text-align:left;
letter-spacing:0.0em;
	font-weight:normal;
	margin:0 auto;
	width:100%;
	/*border-left:20px solid rgba(185,86,106,1);*/ 
	/*border-bottom:1px dotted #cccccc;*/ 
	/*
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#E9E9EB),
        to(#FFFFFF)
        );
	/*firefox*/
		/*background: -moz-linear-gradient(top, #FFFFFF, #E9E9EB
        );
	/*IE*/
    	/*filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E9E9EB')
    ;*/
	/*text-transform:uppercase;
    text-shadow:0 3px 3px rgba(208,208,208,1),0 -3px 3px #fff;
	letter-spacing:2px;*/
}
h2{
	font-weight:normal;
    display:block;
	margin:0px auto;
	width:100%;
	height:auto;
	padding:15px;
	box-sizing:border-box;
	border-left:20px solid #E2CA68; 
	border-bottom:1px dotted #cccccc;
	background:url(../img/title_bg.jpg) center no-repeat;
	background-size:100% 100%;
	/*
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#E9E9EB),
        to(#FFFFFF)
        );
	/*firefox*/
		/*background: -moz-linear-gradient(top, #FFFFFF, #E9E9EB
        );
	/*IE*/
    	/*filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#FFFFFF', endColorstr='#E9E9EB')
    ;*/
	text-transform:uppercase;
    text-shadow:0 3px 3px rgba(208,208,208,1),0 -3px 3px #fff;
	letter-spacing:2px;
}
		
h3,h4{
	font-weight:normal;
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	line-height:200%;
	height:auto;
	border-bottom:dotted 1px #CCCCCC;
  text-align:center;
  /*background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#752315),
        to(#000000)
        );
	/*firefox*/
	/*background: -moz-linear-gradient(top, #000000, #752315
        );
	/*IE*/
    /*filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#000000', endColorstr='#752315')
    ;
	*/
}
/*h5:before{
	margin-right:15px;
	content:url("../img/hirai_logo.png");
	display:inline-block;
	width:75px;
	height:22px;
-webkit-animation-name: pulse;/* 実行する名前 */
/*-webkit-animation-duration: 2.5s;/* 1.5秒かけて実行 */
/*-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
/*-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
/*-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
/*-webkit-animation-delay: 0.7s; /* 実行までの待ち時間 */
/*}*/
#header_area{
	position:relative;
	margin:0 auto;
	padding:0;
	height:100px;
	width:100%;
	background:transparent;
/*background:rgba(178,25,45,1);*/
	overflow:hidden;
  /*box-shadow:
	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 0.3) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 0.3) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 0.3) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;*/
  /*background: -moz-linear-gradient(left top,
	#000,
	#000 25%,
	#2A2A2A 25%,
	#2A2A2A 50%,
	#000 50%,
	#000 75%,
	#2A2A2A 75%,
	#2A2A2A);
    background: -webkit-gradient(linear, left top, right top,
	from(#e4facb),
	color-stop(25%, #000),
	color-stop(25%, #2A2A2A),
	color-stop(50%, #2A2A2A),
	color-stop(50%, #000),
	color-stop(75%, #000),
	color-stop(75%, #2A2A2A),
	to(#2A2A2A));
    -moz-background-size: 4px 1px, 4px 1px;
    -webkit-background-size: 4px 1px, 4px 1px;
    background-size: 4px 1px, 4px 1px;
    margin:0;
  */
}
.headerInner{
	display:none;
    box-sizing:border-box;
    height:160px; 
    margin:0 auto; 
    width:80%;
    padding:0; 
 }
.headerInner img{width:25%; height:160px; float:left; margin:0;}
.sb-toggle-left{
	display:none!important;
}
.sb-left{
	display:none!important;
}
.search{
	position:absolute;
	top:130px;
	/*margin-left:10px;*/
	padding:2px;
}
/*.topspace{
display:block;
margin-left:auto;
margin-right:auto;

}*/

.smarthomeLinkImg{display:none;}


.homeLinkColumn{width:auto; height:auto; float:left;}
.homeLinkImg{
	display:inline-block;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0;
	width:65px; 
	height:50px;
	/*border:1px solid rgba(102,102,102,1); */
	float:left;
	background-size:contain;
	}

.homeLinkImgOnly{	
    display:inline-block;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 0 0 2px;
	width:150px; 
	height:100px;
	/*border:1px solid rgba(102,102,102,1); */
	float:left;
	background-size:contain;
}

#Stay a, #Stay a:hover{background:#690!important;}

#nav{
	position:absolute;
	box-sizing:border-box;
	right:0;
	top:20px;
overflow:hidden;
	width:100%;
	padding:0;
	height:80px;
    background:#93C914;
	/*
	box-shadow:
	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 1.0) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 1.0) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 1.0) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	*/
}

#nav ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}

.tohome{}

.toHome img{
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
width:14%; height:80px;}
	
#nav ul li a{
	display:inline-block;
	float:left;
	width:14.275%;
	outline:none;
	overflow:hidden;
	line-height:500%;
	height:80px;
	text-align:center;
	/*border-bottom:dotted 1px #891801;*/
	/*text-shadow:0px 0px 1px #000;*/
	/*background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f2f2f2),
        to(#D7D7D7)
        );
	/*firefox*/
	/*background: -moz-linear-gradient(top, #D7D7D7, #f2f2f2)
        );
	/*IE*/
   /* filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#D7D7D7', endColorstr='#f2f2f2')
    ;
	*/
	text-transform:uppercase;
    /*text-shadow:0 1px 1px #c4b59d,0 -2px 1px #fff;*/
	letter-spacing:0.2px;
	font-size:100%;
	color:#FFFFFF;
	text-shadow:1px -1px -1px #360;
	opacity:0.8;
}

#nav ul li a::before,
#nav ul li a::after
{
position:absolute;
z-index:-1;
display:block;
content:'';
}

#nav ul li a,
#nav ul li a::before,
#nav ul li a::after
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	transition:all .3s;
}





#nav ul li a{position:relative; z-index:2; background-color:transparent; overflow:hidden;
}
	
#nav ul li a:hover{
	    /*-webkit-transition: background-color 0.5s linear;
	    -moz-transition: background-color 0.5s linear;
	    -ms-transition: background-color 0.5s linear;
	    -o-transition: background-color 0.5s linear;
	    transition: background-color 0.5s linear;
		/*transition-property:background-color;
		transition-duration:0.5s;
		transition-timing-function:linear;*/
		color:#ffffff;
}
#nav ul li a::after{top:-100%;width:100%;height:100%;
}
#nav ul li a:hover::after{top:0;background-color:#333333;
}




#container{
	background:#FFF;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding:0;
	width:70%;
	min-width:1200px;
	height:auto;
	/*
    box-shadow:
	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 1.0) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 1.0) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.3) inset,
	0 0 5px rgba(0, 0, 0, 1.0) inset,
	0 1px 2px rgba(0, 0, 0, 0.3)
	;
	*/
}
.imgVision{
	width:100%; height:auto; margin:0 auto; float:left;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;}
.imgVision img{
	margin:0 auto;
height:auto;
width:100%;
max-width:100%;
max-height:100%;
}

.imgVisionSide{
	width:20%; 
	height:auto; 
	float:right;
	}
.sidecolumn{
	width:100%; 
	height:100%; 
	margin-top:0!important;
	margin-bottom:0!important;  
	padding:0; 
	background-position:center center no-repeat;
	}
.sidecolumn img{width:100%; height:auto; margin:0; padding:0; }

#menu-box{
	display:none;
}




/*--accordion--*/

#acMenu dl{}

#acMenu dt{
	font-size:150%;
  position: relative;
  text-decoration: none;
  color: #7BA624;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 3px #ccc;
  border-top: 1px solid #80bf01;
  border-bottom: 1px solid #72a805;
  background: #80bf01;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1f558), to(#80bf01));
  background: -moz-linear-gradient(top, #c1f558, #80bf01);
  background: -o-linear-gradient(top, #c1f558, #80bf01);
  background: -ms-linear-gradient(top, #c1f558, #80bf01);
  background: linear-gradient(top, #c1f558, #80bf01);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1f558', endColorstr='#80bf01');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1f558', endColorstr='#80bf01')";
    display:block;
    width:100%;
    height:60px;
    line-height:60px;
    text-align:center;
    cursor:pointer;
    }
#acMenu dd{
	font-size:1.5em;
    background:#E2FCAD;
    width:80%;
	padding:10%;
    height:auto;
    line-height:1.5em;
    text-align:center;
    border:#666 1px solid;
	display:none;
    }	

#acMenu img{width:80%!important; height:auto; margin:0 auto;}

	
#acMenu dt.active{  /* クリックした時 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;
  	font-size:170%;

}   
 /*--accordion--*/




.siteRoute{
	font-size:80%;
	position:absolute; 
	top:55px; 
	left:15px; 
	color:#000;
}

.homeTitle{
	margin:45px auto;
	width:100%; 
	height:100px; 
	background:url(../img/header_bg.png) no-repeat;
}


#largeNavi{display:none;
	width:100%;
	float:left;
	height:300px;
	color:#FFFFFF;
	opacity:0.9;
}

a .nav_company{display:block; background:url(../img/nav_img_001_001.jpg) no-repeat; width:50%; height:300px; float:left;}

a .nav_concept{display:block; background:url(../img/nav_img_002.jpg) no-repeat; width:30%; height:200px; float:left;}

a .nav_service{display:block; background:url(../img/nav_img_003_001.jpg) no-repeat; width:20%; height:200px; float:left;}

a .nav_access{display:block; background:url(../img/nav_img_004.jpg) no-repeat; width:50%; height:100px; float:left;}

#largeNavi a:hover{
	display:block;
}

#selector{
	position:relative;
	float:left;
	width:65%;
	margin:10px auto 0 auto;
		overflow:hidden;
	}	
	
#selector ul{
		width:65%;
	overflow:hidden;
	margin:0 auto;
	  
}	
#selector li{
	margin:0;
    float:left;
	list-style-type: none;
}
		
#selector li a{
    list-style-type:none;
	text-align:center;
	line-height:300%;
	font-size:80%;
	display:block;
	width:115px;
	height:38px;
	padding:2px;
	background-color:#FFF;
	border-top:2px solid #666;
	text-decoration:none;
    -webkit-transition: background-color 1s linear!important; 
}
		
#selector li a:hover{  
    opacity:0.6;
} 

#flash{
	float:left;
	width:65%;
	height:auto;
    margin:0 auto;
}
#flash img{
	margin:0 0 0 30px;
	width:620px;
	height:400px;
	/*-webkit-box-shadow:0px 1px 5px #666666;
    -moz-box-shadow:0px 1px 5px #666666;
    box-shadow::0px 1px 5px #666666;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);*/
}

.news{
	position:relative;
	box-sizing:border-box;
	 width:100%; 
	 height:auto; 
	 overflow:hidden; 
	 margin:0px;
    background:#333333;
	 overflow-y:scroll;
	 padding:0!important;
}
.newsTextarea{
	width:100%;
	font-size:100%;
	text-align:left;
	letter-spacing:0.1em;
}
.newsTexttitle{
	box-sizing:border-box;
	color:#FFF;
	width:100%;
	height:auto;
	font-size:100% ;
	background:#000000;
	/*text-shadow:0px 1px 1px #666;*/
	margin:0;
	padding:5%;
	border-bottom:1px solid #FFF;
}
.newsText{
	font-size:80%;
	box-sizing:border-box;
	width:100%;
	height:auto;
	color:#000000;
	padding:20px!important;
	margin:0 auto!important;
	border-bottom:0.5px dotted #E0E0E0;
	background:rgba(255,255,255,1);
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#f2f2f2)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #f2f2f2, #FFFFFF)
        );
	/*IE*/
   filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#f2f2f2F', endColorstr='#FFFFFF')
    ;
	/*text-shadow:-0.5px -0.5px 0.5px #000000, 0.5px 0.5px #ffffff;*/

}

.newsDate{font-size:75%; color:#CCC;}


#twitter{;width:90%; height:70vh!important;margin:0 5% 30px 5%;}
#twitter object{height:auto;width:100%;}




#mainText{
	position:relative;
	float:left;
	background:transparent;
	padding:0px;
	height:auto;
	width:80%;
}

.nav_message{
	width:100%; 
	height:200px;
}
.nav_massage a:hover img{opacity:0.2;}

.homeTexttitle{
	box-sizing:border-box;
	display:inline-block;
	width:100%; 
	height:auto;
	padding:10% 0; 
	font-size:200%;
	font-weight:bold;
	letter-spacing:1.6rem;
	text-align:center;
	color:#80bf01;
}
.mainTexttitle{
		font-size:150%;
  position: relative;
  text-decoration: none;
  color:#FFF;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 3px #ccc;
  border-top: 2px solid #80bf01;
  border-bottom: 2px solid #72a805;
  background: #80bf01;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1f558), to(#80bf01));
  background: -moz-linear-gradient(top, #c1f558, #80bf01);
  background: -o-linear-gradient(top, #c1f558, #80bf01);
  background: -ms-linear-gradient(top, #c1f558, #80bf01);
  background: linear-gradient(top, #c1f558, #80bf01);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1f558', endColorstr='#80bf01');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1f558', endColorstr='#80bf01')";
    box-sizing:border-box;    
	display:inline-block;
    width:100%;
    height:auto;
    text-align:center;
    cursor:pointer;
	padding:5% 0;

	/*box-sizing:border-box;
	display:inline-block;
	width:100%; 
	height:auto;
	padding:4% 0; 
	background:#93C914;
	font-size:150%;
	text-align:center;
	color:#FFFFFF*/
}

.topcopy{
	width:100%;
	height:auto;
	padding:0;
	margin-bottom:20px;
}
	
.topicsDeco{
	float:left;
	margin:0;
	width:50%; 
	height:450px; 
	background: url(../img/work_001.jpeg);
	background-size:100% 100%;
	border-bottom:#000 dotted 1px;
}
.topicsDeco2{
	float:left;
	margin:0;
	width:50%; 
	height:450px; 
	background: url(../img/work_002.jpeg);
	background-size:100% 100%;
	border-bottom:#000 dotted 1px;
}

	
.righttextspace{
	width:100%;
	height:auto;
}

.righttext{
	width:90%;
	height:auto;
	background:transparent;
	margin:0 auto;
	/*border-bottom:#000 dotted 1px;*/
	line-height:150%;
	font-size:100%;
	padding:20px;
}
	
/*common-----------------------------*/


.hometheme{font-size:110%;background:#FFF;width:100%; height:auto; padding:20px 0; text-align:center; box-sizing:border-box;}





.textTitle{
	margin:30px auto;
	font-size:110%!important;
	font-weight:normal!important;
	color:#323232;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:3%;
	line-height:120%!important;
	border-bottom:10px solid #93C914;
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.0.8);
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	/*text-shadow:1px 1px 1px #333;*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#f2f2f2)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #f2f2f2, #FFFFFF
        );
	/*IE*/
   filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#f2f2f2', endColorstr='#FFFFFF')
    ;
}

.textTitle:before{display:none;
	margin-right:10px;
	/*content:url("../img/yell_character_img.png");*/
	display:inline-block;
	width:75px;
	height:22px;
	height:auto;
    -webkit-animation-name: pulse;/* 実行する名前 */
    -webkit-animation-duration: 1.5s;/* 1.5秒かけて実行 */
    -webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
    -webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
    -webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
    -webkit-animation-delay: 0.7s; /* 実行までの待ち時間 */
}

.textSubTitle{
	color:#FFFFFF;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:4%;
	line-height:0%!important;
	text-align:center;
	font-size:120%!important;
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#93C914),
        to(#9FD361)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #93C914, #9FD361
        );
	/*IE*/
   filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#93C914', endColorstr='#9FD361')
    ;
}



.homeTextInformation{
	text-align:left;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:5%;
			background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#f2f2f2)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #f2f2f2, #FFFFFF)
        );
	/*IE*/
   filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#f2f2f2F', endColorstr='#FFFFFF')
    ;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	}


.eyeCatch{color:#FFF;box-sizing:border-box;display:inline-block;border:solid 2px #093;border-radius:10px; padding:8px;width:auto; height:auto;
	margin:0 5px 10px 5px; background:#393; font-size:85%!important;}








.infoColumn{
	position:relative;
	font-size:100%;
	line-height:185%;
	padding:0px; 
	width:100%; 
	height:auto;
	margin:0 auto; 
}
.infoColumn img{
	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	width:100%;height:auto;		
}


.columnA , .columnB , .columnC , .columnD{
	/*background-size:100% 100%;*/
		background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#f2f2f2)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #f2f2f2, #FFFFFF)
        );
	/*IE*/
   filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#f2f2f2F', endColorstr='#FFFFFF')
    ;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:50%;
	height:auto;
	min-height:auto;
	max-height:1500px;
	float:left;
	overflow:hidden;
    padding:0;
    font-size:100%;
    /*font-feature-settings:"palt" 5;*/
    letter-spacing:0.1em;
    line-height:150%;
    border-style:;
    border-top:1px solid #F0F0F0;
    border-left:1px solid #F0F0F0;
    border-right:1px solid #BBBBBB;
    border-bottom:1px solid #BBBBBB;
}

/*.columnA{background-image:url(../img/toppage_menu_001.jpg);}
.columnB{background-image:url(../img/toppage_menu_002.jpg);}
.columnC{background-image:url(../img/toppage_menu_003.jpg);}
.columnD{background-image:url(../img/toppage_menu_004.jpg);}*/


.infoColumn_Staff{width:90%; margin:0 auto; background:rgba(240,240,240,1); padding:5%;}




.imgCase{background:#FFFFFF; width:60%; height:auto; float:left; padding:0;}
.imgCase img{width:100%!important; height:auto; margin:0 auto;}

.imgCaseText{
	width:30%!important;
	height:auto;
	/*margin:0 auto;*/
	background:rgba(255,255,255,1);
	line-height:250%;
	float:right;
	padding:5%;
	font-size:100%;
	}



.infoColumn:before,

.infoColumn:after{display:none;
    position:absolute;
    bottom:10px;
    z-index:-1;
    content:'';
    width:50%;
    height:50%;
    box-shadow:0 10px 15px rgba(0,0,0,.5);	
}

.infoColumn:before{display:none;
	left:5px;
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
}

.infoColumn:after{display:none;
	right:5px;
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
}

	.InsideColumn table{width:100%;}

.InsideColumn table th , td{
		border:dotted 1px #999;

	height:20px; 
	text-align:center;
	padding:20px 0;  
 background:
 -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#DFE4DE)
        );
    /*firefox*/
		background: -moz-linear-gradient(top, #DFE4DE, #FFFFFF
        );
	/*IE*/
  filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#DFE4DE', endColorstr='#FFFFFF')
    ;
}
	
.InsideColumn table th{
width:20%;
}	
	
.InsideColumn , Insideclumn p{
	box-sizing:border-box;
	 widht:100%; 
	 height:auto; 
	 margin:0; 
	 padding:10%;
	 font-size:110%;
	 letter-spacing:0.1em;
	}
.InsideImg img{
	width:100%; height:auto;
	}


.homeInsideImg img{	
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:1px 1px 1px rgba(0,0,0,0.1);
padding:0; 
margin:10px auto;
width:100%;height:auto;
}






.InsideImg{	
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:1px 1px 1px rgba(0,0,0,0.1);
float:left;
padding:0; 
margin:0 auto;
width:60%;height:auto;
}

.InsideText{
	width:36%;
	 height:auto; 
	 padding:2%;
	  margin:0 auto; 
	  float:right;
	  font-size:100%;
	  line-height:150%;
	   }


.subtitle{
	position:relative;
	vertical-align:middle;
	font-size:115%;
	display:inline-block;
	width:96%;
	margin:0 auto 10px 0; 
	height:auto;
	padding:2% 2%;
	color:#FFFFFF; 
	text-align:left;
	background:
    -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#717171),
        to(#333333)
        );
    /*firefox*/
	background: -moz-linear-gradient(top, #717171, #333333);
	/*IE*/
    filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#717171', endColorstr='#333333')
    ;
	/*background:rgba(68,105,175,1);*/
}

.subtitle:after{
	position:absolute;content:'';top:100%;left:30px;border:15px solid transparent;
	border-top:15px solid #333333;
	width:0;height:0;
	}

.guestName{font-size:130%;position:relative;
padding:1.2em;border-top:solid 2px #000000;
border-bottom:solid 2px #000000;
}

.guestName:before , .guestName:after{
	content:'';
	position:absolute;
	top:-7px;
	width:2px;height:-webkit-calc(100% + 14px);height: calc(100% + 14px);
	background:#000000;
	}

.guestName:before{left:7px;}

.guestName:after{right:7px;}






.banner{background-size:contain;margin-left:10px; height:auto; width:auto;}

.banner img{border:2px solid #646464; background-size:contain;}








.sampleLinkCase{display:none;
	width:100%;
	 margin:0 auto; 
	 padding:0; 
	 height:auto;
 }


.sampleLink{
	float:left;
	width:50%;
	padding:0;
	height:auto;
	/*background:url(../img/yell_surface_001.jpg);*/
	border:none;
	margin:0 auto;
	}
.sampleLink a{
	font-size:100%;
	color:#666;
	text-decoration:none;
	}
.sampleLink img{
	width:100%;
	height:100%;
	}









.sec_sampleLinkCase{
	background:#06C;
	width:100%;
	 margin:0 auto; 
	 padding:0; 
	 height:auto;
 }


.sec_sampleLink{
	line-height:180%;
	text-align:center;
	float:left;
	width:24%;
	padding:2px;
	height:35px;
	background:rgba(51,51,51,1);
	border:1px solid rgba(102,102,102,1);
	margin:0 auto;
	}
.sec_sampleLink a{
	font-size:100%;
	color:#FFFFFF;
	text-decoration:none;
	}

	
/*#slide{
	position:relative;
	width:86%;
	height:460px;
	margin:0 auto;
	background:#E5E4E0;
	box-shadow:
	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;

}

#slide img {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:460px;
}*/

/*information page only--------------*/
.informationPg_main{
	width:100%;
	padding:0px;
	height:auto;
	margin:0 auto;
	line-height:150%;
	font-size:100%;
	background:#EAEAEA;
}

.infoTable{
	margin:0 auto; 
	width:100%; 
	height:auto; 
	padding:20px; 
	table-border:sepalate;
}

/*service page only--------------*/
.process{
	background:url(../img/hirai_process_img.jpg) no-repeat;
    width:100%; 
	height:2400px;
    margin:10px auto;
    background-size:100% 100%;}

/*access page only--------------*/
#map{
	float:left;
    width:100%;
    height:500px;
	margin:0 auto;
	box-shadow:
	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
}

#map iframe,
#map object,
#map embed {
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
}
	
.mapTextarea{
	color:#FFFFFF;
	box-sizing:border-box;
	float:right;
	width:50%;
	margin:0px;
	height:540px;
	padding:2%;
	background:rgba(51,51,51,1);
}

.mapTextarea a{color:#FFFFFF!important;}

.mapTexttitle{display:inline-block;box-sizing:border-box;height:auto; width:100%; background:#CCCCCC; padding:3%;
	box-shadow:
	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-webkit-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
	-moz-box-shadow:	0 1px 0 rgba(255, 255, 255, 0.5) inset,
	0 0 5px rgba(0, 0, 0, 0.5) inset,
	0 1px 2px rgba(0, 0, 0, 0.5)
	;
}

.imgVisionAccess{
	position:relative ;
	width:100%;
	height:auto;
	}
.imgVisionAccess img{
	box-sizing:border-box;
	border:solid 2px rgba(238,212,93,1);
	width:50%; 
	height:400px;
	float:left; 
	margin:0;
	}


/*mail page only--------------*/
#formWrap {
	width:80%;
	margin:10px auto 0 auto;
	color:#555;
	line-height:150%;
	font-size:100%;
}

.mail_theme{
	font-size:120%;	
    width:95%;
	margin:0 auto;
	text-align:center;
	height:auto;
	padding:10px;
	color:#FFF;
	background:
    -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0066FF),
        to(#003366)
        );
    /*firefox*/
	background: -moz-linear-gradient(top, #003366, #0066FF
        );
	/*IE*/
    filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#003366', endColorstr='#0066FF')
    ;
}


table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}

table.formTable td{
	width:40%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

table.formTable th{
	width:40%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/*button--------------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


.btn_sample{display:none;
	position:absolute;
	top:120px;
	left:10px;
	opacity:0.85;
	background:#333;
	border:solid 1px #494746;
	color:#FFFFFF;
	padding:7px;
	border-radius:3px 3px 3px 3px;
	font-size:120%;
	font-family:"メイリオ" , 'Lora' , serif;
    margin:0;
	-webkit-box-shadow:0px 1px 5px #666666;
    -moz-box-shadow:0px 1px 5px #666666;
    box-shadow::0px 1px 5px #666666;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
	}

/*.btn_top{
	position:absolute;
	bottom:280px;
	left:10px;
	opacity:0.9;
	background:#333;
	border:solid 1px #494746;
	color:#FFFFFF;
	padding:7px;
	border-radius:3px 3px 3px 3px;
	font-size:120%;
	font-family:"メイリオ" , 'Lora' , serif;
    margin:0;
	-webkit-box-shadow:0px 1px 5px #666666;
    -moz-box-shadow:0px 1px 5px #666666;
    box-shadow::0px 1px 5px #666666;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
}*/
/*button--------------*/

#footer_area{
	position:relative;
	margin:0 auto;
	height:300px;
	padding:10px;
	width:100%;
	/*
background: -moz-linear-gradient(left top,
	#000,
	#000 25%,
	#2A2A2A 25%,
	#2A2A2A 50%,
	#000 50%,
	#000 75%,
	#2A2A2A 75%,
	#2A2A2A);
background: -webkit-gradient(linear, left top, right top,
	from(#e4facb),
	color-stop(25%, #000),
	color-stop(25%, #2A2A2A),
	color-stop(50%, #2A2A2A),
	color-stop(50%, #000),
	color-stop(75%, #000),
	color-stop(75%, #2A2A2A),
	to(#2A2A2A));
-moz-background-size: 4px 1px, 4px 1px;
-webkit-background-size: 4px 1px, 4px 1px;
background-size: 4px 1px, 4px 1px;
     */   
background:rgba(51,51,51,1);
 	text-align:center;
	color:#FFFFFF; 
	/*position:fixed;*/
}

#footerNavi{
	float:right;
	padding:0;
	height:auto; 
	margin:20px;
}

#footerNavi ul{
	list-style-type:none; 
	text-align:right;
}

#footerNavi ul li a{
	color:#ffffff; 
	list-style-type:none; 
	font-size:100%; margin:10px; 
}

#ftmap{
	box-sizing:border-box;
	float:left;
	margin:0; 
	padding:10px; 
	width:500px; 
	height:280px; 
	overflow:hidden;
	}
.ftmapImg{
	display:inline-block;
	background-color:transparent;
	background-position:center left;
	background-repeat:no-repeat;
	margin:0;
	width:50%; 
	height:100%;
	/*border:1px solid rgba(102,102,102,1); */
	float:left;
	background-size:contain;
	box-sizing:border-box;
}
.ftmapImg img{
	}
	
.maptxt{
	box-sizing:border-box;
    float:right;
    width:200px; 
    height:auto;
	font-size:100%;
	text-align:left;
	margin:0;
    }
	
	.maptxt a{color:#FFFFFF;}	

.copy{	box-sizing:border-box;
 position:absolute; bottom:0; left:0; right:0; font-size:70%; width:100%; height:auto;}

/*---------------none--------------*/
p.smartHomenavtitle{
	display:none;
	text-align:center;
	height:50px; 
	width:100%;
	solid 0.5px;font-size:180%; 
	margin:0; 
	border-bottom:solid 1px rgba(221,221,221,1);
	color:#FFFFFF;
	background:
	-webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        to(#666)
        );
	/*firefox*/
	background: -moz-linear-gradient(top, #000, #666
        );
	/*IE*/
	filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#000000', endColorstr='#666666')
    ;
}
.smartHomenav{
	display:none;
	text-align:center;
	float:left;
	width:50%; 
	height:70px; 
	background:#333; 
	color:#FFF;
	font-size:160%;
	line-height:250%;
}


/*---------------slide--------------*/
*{list-style-type:none;
margin:0;
padding:0;
}
#sldcontainer{
	width:50%;
	height:auto;
	margin:100px auto;
	}
	
#slideGallery{
	width:50%;
	overflow:hidden;
	position:relative;
	}	
	
		
#slide{width:10000px;}
#slide li{
	float:left;
	}
#slide li img{
	width:100%; height:auto;
	}
	
	
#paging{
	text-align:center;
	position:absolute;
	width:100%;
	bottom:10px;
	}		
#paging li{
	display:inline-block;
*display:inline;
*zoom:1;
width:20px;
height:20px;
background:url(../img/btn_glay.png);
background-size:100% 100%;
}
#paging li.active{
background:url(../img/btn_red.png);
background-size:100% 100%;
}
#sldnav .prev{position:absolute; left:10px; top:50%; margin-top:-50px; width:50px; height:50px;}
#sldnav .next{position:absolute; right:10px; top:50%; margin-top:-50px; width:50px; height:50px;}

/*---------------slide--------------*/





/*---------------swiper--------------*/

.swiper-Img img{width:100%!important; height:600px; margin:0; padding:0;object-fit:contain;}


	.swiper-Img{width:100%; height:600px; }




/*---------------swiper--------------*/




/*---------------Rank--------------*/

#Rank{margin:0 auto; background:#DBF18D;}

#Rank th , td{
		border:dotted 1px #999;

	height:20px; 
	text-align:center;
	padding:20px 0;  
 background:
 -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FFFFFF),
        to(#DFE4DE)
        );
    /*firefox*/
		background: -moz-linear-gradient(top, #DFE4DE, #FFFFFF
        );
	/*IE*/
  filter: 
	progid:DXImageTransform.Microsoft.gradient
	(GradientType=0, startColorstr='#DFE4DE', endColorstr='#FFFFFF')
    ;
}








/*---------------Rank--------------*/







/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/
.social-area-syncer {
	position:absolute;
	left:160px;
	top:75px;
	width:auto;
	height:auto;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area-syncer {
		min-height: 40px ;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
	width: 238px;
	margin:0 5px;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {
		width:auto ;
	}
}


/******************************

 [li]要素

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height:auto;
	vertical-align:middle;
	margin:0;
	padding:0;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw , .fb-like , .sc-li{
	box-sizing:border-box;
}

.sc-tw svg {
 }

.sc-tw a {
	height: auto;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 70px ;
}


/* [LINE] */

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}

.guestphoto{margin:0;height:auto; min-height:400px; max-height:500px;width:auto; background:transparent; overflow:hidden;}
.guestphoto img{background-size:contain;height:100%; width:100%;}





}

/*only write the 【over 1024px】*/


/*--substitution--
@import url(base.css) screen and (min-width: 769px); 
@import url(tab.css) screen and (max-width: 768px); 
@import url(smart.css) screen and (min-width: 640px);
/* -------------