@charset "utf-8";
/* CSS Document */
@-webkit-keyframes pulse {
 from {opacity: 1.0;}
 to {opacity: 0.2;}
}

@media screen and (max-width: 600px)
{/*-----------wrap start--------------*/

html{
	width:100%;background:#333;
	}
	
body{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:14px;
	margin:0 auto;
	width:100%;
    height:auto;
    -webkit-text-size-adjust:100%!important;
    overflow-x:auto;
	background:#333;
	}

body a{
	color:#C9E407!important;
    text-decoration:none;
	font-size:100%;
}

body a:hover{
	}
h1{ display:none;
position:absolute;
top:30px;
left:40px;
box-sizing:border-box;
	font-weight:normal;
    font-size:50%;
	margin:0px auto;
	padding:0;
	width:auto;
	height:auto;
	padding:0;
	color:#FFFFFF;
	/*border-left:10px solid rgba(185,86,106,1);*/
	/*
	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;*/
}

h2,h3,h4,h5{ 
	font-weight:normal;
    font-size:110%;
    display:block;
	margin:0px auto 0px auto;
	width:90%;
	height:30px;
	padding:15px;
	border-left:15px solid rgba(185,86,106,1); 
	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;

	letter-spacing:0;
    color:#000;
}

ul li {
	list-style-type:none!important;
}


/*only slidebar--------------*/
.sb-toggle-left{
	display:block; 
	width:100%;
	height:50px; 
	overflow:hidden; 
	background:#4E9A29;
	-webkit-box-shadow:1px 1px 3px #666666;
    -moz-box-shadow:1px 1px 3px #666666;
    box-shadow::1px 1px 3px #666666;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#777777, direction=120, strength=3, enabled=true);
}
.sb-toggle-left a{
	display:block;
	color:#FFF;
	width:auto;
	height:auto;
	font-size:90%;
	margin:5px;
}

.sb-slidebar sb-left{
	padding:0;
}
.sb-menu{
	background:transparent;
	padding:0px;
	width:100%;
	margin-left:0px;
	border-radius:0px;
	overflow:hidden;
}
.sb-menu li a{
	box-sizing:border-box;
	font-weight:normal!important;
	display:block;
	height:40px;
	margin:0 auto;
	padding-left:5px;
	width:100%;
    color:#FFF;
	font-size:85%;
	text-align:left;
    list-style-type:none;
    text-decolation:none;
	/*-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);
	
	/*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')
    ;*/
}
/*only slidebar--------------*/

#header_area{
	position:relative;
    height:150px;
	width:100%;
	margin-bottom:20px;
	/*background:url(../img/happiness_header_img_smart.jpg);/*◀変更--------------*/
	/*background-size:100% 100%;*/
}
.smarthomeLinkImg{height:150px; width:100%; background:center center no-repeat; background-size:70%;}





.imgVision{width:100%; height:auto;}
.homeLinkColumn{display:none;}



#container
{
	width:100%;
	margin:0 auto;
	height:auto;
	background:;
		/*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')
    ;

	}
	
.smartHomenavwrap{
	width:100%; 
	height:auto; 
	margin:0 auto;
	background-color:#E2CA68;
}
	
	
p.smartHomenavtitle{
	text-align:center;
	height:40px; 
	width:100%;
	font-size:130%;
	line-height: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:block;
	text-align:center;
	float:left;
	margin:1% 1% 3% 1%;
	width:48%; 
	height:65px; 
		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')
    ;
	color:rgba(51,51,51,1);
	font-size:140%;
	line-height:250%;
		-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);

}

.smartHomenavwrap a{display:block;
}
/*.homeTitle{margin-top:20px;width:100%; height:40px; background:url(../img/home_header_bg.jpg) no-repeat; background-size:100% 100%;}
*/
.news{display:none;
	width:100%; 
	height:auto; 
	overflow:hidden;
	margin:0px auto; 
background:#669900;
margin-bottom:20px;}

.newsTextarea{
	font-size:100%; 
	color:#333;
background:#693;
	padding:10px; 
}

.newsTexttitle{
	width: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')
    ;
	color:rgba(178,25,45,1);
;
	font-size:110%;
	line-height:180%;
	-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);
	color:rgba(51,51,51,1);
	text-align:center; padding:5px 0;
	font-weight:bold;}

.newsText{width:100%;
	border-bottom:0.5px dotted #E0E0E0; font-size:80%; margin:20px auto;
	color:#FFF;

}

.newsDate{font-size:80%!important; font-weight:normal!important;}


.menuTextarea{text-align:center;padding:5%;width:90%; margin:0 auto;font-size:115%;}




.mainTexttitle{
	box-sizing:border-box;
	display:inline-block;
	width:100%; 
	height:auto;
	padding:4% 0; 
	background:#669900;
	border:1px solid #666;
	font-size:120%;
	text-align:center;
	color:#FFFFFF;
}

.homeTexttitle{
	box-sizing:border-box;
	display:inline-block;
	width:100%; 
	height:auto;
	padding:4% 0; 
	background:#467F19;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
#youtube iframe{
	background:#FFFFFF;
	margin:0 auto;
	padding:10px;
	width:400px;
	height:300px;
	
	}




.imgVisionSide{
  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')
    ;
	width:100%; 
	height:auto; 
	}
.sidecolumn{
	width:100%; 
	height:auto; 
	margin:0; 
	padding:0; 
	}
.sidecolumn img{width:100%; height:auto;}









	
.smartInsert{
}

.insertImg{display:none;
	height:300px; width:100%;margin:5px auto;
    background-image:url(../img/guest_advertize_ashiki_yu_0421_001_002.jpg);
    background-size:100% 100%;
		-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);

}

.insertImg2{display:none;
	height:300px; width:90%;margin:5px auto;
    background-image:url(../img/guest_advertize_ashiki_yu_0421_001_002.jpg);
    background-size:100% 100%;
		-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);

}

.insertImg3{display:none;
	height:300px; width:90%;margin:5px auto;
    background-image:url(../img/guest_advertize_ashiki_yu_0421_001_002.jpg);
    background-size:100% 100%;
		-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);

}

	.rule{width:100%; height:auto;}
.righttextspace{width:100%;height:auto; padding:10px;}
.righttext{width:90%; height:auto; margin:0 auto; padding:5px;
border-bottom:#000 dotted 1px;
font-size:120%;
}

.righttexttitle{
	display:block;
	width:100%;
	height:auto;
	font-size:120%;
	padding:5px;
	border-left:10px solid #039; 
	background:#f6f6f6; 
	border-bottom:1px dotted #cccccc;
	}
	
#mainTextSpace{
	margin:0 auto;
	padding:0px;
 	width:100%;
 	height:auto;
	background:rgba(203,232,4,1);
}


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




	
.textSubTitle{
	font-size:150%;
  position: relative;
  text-decoration: none;
  color: #61871F;
  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')";
    display:block;
    width:100%;
    height:60px;
    line-height:60px;
    text-align:center;
    cursor:pointer;
}
/*banner--------------*/
.banner img{height:50px;width:100px; background-size:contain;margin:0 auto;}


/*eyech--------------*/
.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; background:#393; margin:0 7px 7px 0px; font-size:90%!important;}


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

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 70%;
}
#page-top a {
    background: #060;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 15px 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;
	height:250px;
	width:100%;
	margin:0 auto;
	padding:0;
	/*
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:#86AE1C;
	color:#FFFFFF;
}


#footerNavi{
	display:none;
	width:100%; 
	font-size:70%;
}

#ftmap{box-sizing:border-box;
width:100%;
height:140px;
}

#ftmap a{color:#FFFFFF!important;}

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


.ftmapImg img{height:100%; width:100%;}	




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


.maptxt{
	box-sizing:border-box;
    width:50%; 
    height:auto;
	font-size:70%;
	text-align:right;
	padding:5%;
	margin:0 auto;
	float:right;
	background:#86AE1C;
	}


.copy{
	box-sizing:border-box;
	width:100%;
	text-align:center;
	height:auto;
	font-size:70%;
	background:#86AE1C;
}

/*---common---*/
.textTitle{
	display:block;box-sizing: border-box;
	width:90%;
	margin:5px;
	height:auto;
	font-size:120%;
	padding:5%!important;
	border-left:10px solid #669900; 
	border-bottom:1px dotted #cccccc;
	color:#393733;
}


.ubTitle{
	color:rgba(140,0,18,1);
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:4%;
	margin-bottom:10px;
	line-height:0%!important;
	text-align:center;
	font-size:110%!important;
	-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')
    ;
}












/*---common---*/



/*---none---*//*---none---*//*---none---*//*---none---*/
.headerInner{
	display:none;
	}



#search{
	display:none;
}

#nav{
	display:none;
}

.siteRoute{
	display:none;
}

#selector{
    display:none;	
}

#flash{
    display:none;	
}	
	

#slide {
	display:none;
}

#twitter{
	width:90%;
	height:auto;
	margin:20px 5% 10px 5%;
}

#mainText , #mainText p{
	background:#FFF;
	margin:0 auto;
	padding:0px;
	height:auto;
	width:100%;
	font-size:110%;
}

.topicsDeco{
	display:none;
}
	
.topcopy{
	display:none;
}

#largeNavi{
	display:none;
}

/*---none---*//*---none---*//*---none---*//*---none---*/


/*information page only--------------*/
.informationPg_main{width:100%; margin:0 auto; font-size:80%;}

.infoTable{margin:0 auto; width:100%; height:auto; padding:5px; border:none;}

.infoTable td{font-size:110%;margin-right:20px;}

.infoColumn{
	padding:5px; 
	width:100%; 
	margin:0 auto; 
	line-height:150%;
	font-size:95%;
	overflow:hidden; 
	box-sizing:border-box;
	}

.infoColumn img{width:100%; height:auto;}

.infoColumn a{line-height:200%;}


.columnA , .columnB , .columnC , .columnD{
	background-size:100% 100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%; height:auto; min-height:auto; max-height:auto;
	overflow:hidden;
padding:5px;
font-size:100%;
/*font-feature-settings:"palt" 5;*/
letter-spacing:0.15em;
line-height:250%;
border-top:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
border-right:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
color:#111111;

	
/*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')
    ;*/
}
.columnA{background:#FFFFFF;}
.columnB{background:#FFFFFF;}
.columnC{background:#FFFFFF;}
.columnD{background:#FFFFFF;}
/*
.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);}
*/

	.InsideColumn table{width:100%;}

.InsideColumn table th , td{
	font-weight:600;
		border:solid 1px rgba(0,0,0,1.00)!important;
letter-spacing:0.1em!important; 
	height:20px; 
	text-align:center;
	padding:3% 1%!important;  
 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{
	background:rgba(190,255,155,1.00);
width:25%;
}
.InsideColumn table th:last-child{
	background:rgba(21,142,241,1.00)!important;
width:25%;
}	
	
	
.InsideColumn{position: relative;
	box-sizing:border-box;
	 widht:100%; 
	 height:auto; 
	 margin-bottom:20px!important; 
	 padding:0;
	background: rgba(255,246,246,1.00)!important;
	}
.InsideImg img{
	width:100%; height:auto;margin-bottom:20px!important; 
	}

.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%;heihgt:60%;
}

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



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

.homeTextInformation{
	text-align:left;
	width:96%;
	height:auto;
	margin:10px auto;
	padding:5%;
	font-size:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	}


.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;
}



.sidecolumn{
	width:100%; 
	height:auto; 
	margin:0; 
	padding:0; 
	}
.sidecolumn img{width:100%; height:auto;}






.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;}



















	   
	   
.imgCase{background:#FFFFFF; width:100%; height:auto; padding:0;}


.imgCase img{width:100%; height:100%; margin:0 auto;}

.imgCaseText{width:100%; height:auto; /*margin:0 auto;*/background:rgba(255,255,255,1); line-height:250%; padding:0;}


/*---------------slide--------------*/
*{list-style-type:none;
margin:0;
padding:0;
}
#sldcontainer{
	width:400px;
	height:auto;
	margin:100px auto;
	background:#000;}
	
#slideGallery{
	width:400px;
	overflow:hidden;
	position:relative;
	}	
#slide{width:10000px;}
#slide li{
	float:left;
	}
	
/*#slide li a img{width:auto; height:500px;
}*/	
	
#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;}
#sldnav .next{position:absolute; right:10px; top:50%; margin-top:-50px;}






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


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


/*policy page only-----------------------------*/
.policyPg_main{
	line-height:150%;
	width:100%;
	height:auto;
	margin:0 auto;
	background:transparent;
	padding:0px;
	font-size:100%;
	}


/*access page only--------------*/
#map{padding:2%;
position: relative;
margin:0 auto;
width:96%;
height:300px;
	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 {
position: absolute;
top: 0px;
left: 0px;
width:100%;
height:300px;
}

.mapTextarea{ display:none;box-sizing:inline-box; border-style:inset;border:solid 2px #CCCCCC;font-size:90%;width:100%; height:auto; padding:0; text-align:center;}
.mapTextarea a{color:#000000!important;}
.mapTexttitle{display:inline-block;box-sizing:border-box;height:auto; width:100%; background:#FFF; padding:2%;
	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)
	;
}



/*mail page only--------------*/
#formWrap{
	overflow:hidden!important;
	width:90%;
	margin:0 auto;
	color:#555;
	padding:10px;
	line-height:100%;
	font-size:90%;
	background:#F1F1F1;
		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)
	;

	
}


table.formTable{
	margin:0 auto;
	/*border-collapse:collapse;*/
	/*table-layout:fixed;*/
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable td{
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

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

.mail_theme{	
    width:90%;
	height:auto;
	padding:5px;
	color:#FFF;
    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')
        ;

}


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



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


	.swiper-Img{width:100%; height:450px; background:#F0FFE5!important;}




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




/*---------------calender--------------*/

.calender iframe,
.calender object,
.calender embed {
width:100%;
height:300px;
}

/*---------------calender--------------*/


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

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

******************************/
.social-area-syncer {
	margin-top:20px;
	float:left;
	width:25%;
	height:auto;
}



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

 [ul]要素

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



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

 [li]要素

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


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

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw , .sc-li{
	margin-top:5px;
	box-sizing:border-box;
	width:20%;
	height:auto;
}
.fb-like{	box-sizing:border-box;
margin-bottom:5px;	width:20%;	height:auto;
	margin-top:0;
	margin-bottom:10px;
}
.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:auto;
	height:20px;
}


/*--accordion--*/
#acMenu dt{
	font-size:150%;
  position: relative;
  text-decoration: none;
  color: #80bf01;
  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')";
    display:block;
    width:100%;
    height:60px;
    line-height:60px;
    text-align:center;
    cursor:pointer;
    }
#acMenu dd{
    background:#E2FCAD;
    width:80%;
	padding:10%;
    height:auto;
    line-height:20px;
    text-align:center;
    border:#666 1px solid;
    display:none;
    }	


#acMenu img{width:80%; 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--*/


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

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


#Rank th , td{
	border:dotted 1px #999;
	font-size:80%;
	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--------------*/

















/*-----------wrap end--------------*/}



/*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);
/* -------------