/* CSS Document */

/* base */
a{
	transition: 0.5s;
}
img{
	transition: 0.5s;
}
a:hover{
    text-decoration:none;
}
a:hover img{
	opacity: 0.7;
}
p{
	color:#000000;
}
/* base */




#header{
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
}
#header_line{
	width:100%;
	border-top:solid #8069b2 5px;
}
.navbar{
	display:none;
}

.navi {
    width:100%;
	height:37px;
	margin:0; 
	padding:0;
	font-size:16px;
	background-color:#8069b2;
	background: -webkit-gradient(linear, left top, left bottom,from(#d0c8e3),to(#8069b2));
}
.navi ul{
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: center;
	padding-top:7px;
	list-style:none;
}
.navi li{
	margin-right:24px;
	color:#FFFFFF;
	list-style-image:url(../img/icon_front.gif);
}
.navi li a{
	font-size:16px;
	color:#FFFFFF;
	text-shadow: 2px 2px 1px #313131;
}
.navi li a:hover{
	color:#ec6b91;
}


.container{
	margin-top:20px;
}
.main_smart{
	display:none;
}


.local_waku{
	margin:0;
	padding:0;
	border:solid #bfbfbf 1px;
	width:267px;
	padding:20px;
	font-size:13px;
	max-width:100%;
}
.local_waku2{
	margin:0;
	padding:0;
	border:solid #bfbfbf 1px;
	width:267px;
	font-size:13px;
	max-width:100%;
}
.local_gray{
	height:39px;
	background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),to(#e4e3e3));
	border-bottom:solid #bfbfbf 1px;
	width:100%;
	padding:10px;
}
.local_btn_word{
	color:#333333;
	font-weight:500;
	font-size:15px;
}
.local_waku2 a:hover{
	color:#ec6b91;
}
.local_gray_nobottom{
	height:39px;
	background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),to(#e4e3e3));
	width:100%;
	padding:10px;
}
.pic_local1{
	margin-bottom:10px;
}


.inner{
	font-size:16px;
	color:#000000;

}
.inner_map_smart{
	display:none;
	width:80%
}



.float_right{
	float:right;
	margin-left:10px;
}
.float_left{
	float:left;
	margin-right:10px;
}


.flow_btn{
	margin:0;
	margin-bottom:20px;
	padding:5px;
	border:solid #999999 1px;
	text-align:center;
	color:#000000;
	font-size:14px;

}

.flow_waku{
	margin:0;
	margin-bottom:0;
	padding:12px;
	border:solid #999999 1px;
	color:#000000;
	font-size:14px;
	line-height:210%;

}
.flow_waku_title{
	margin:0;
	margin-bottom:2px;
	padding:5px;
	border-bottom:solid #a29bc7 3px;
	color:#000000;
	font-size:15px;
	width:100%;
}
.flow_waku_underline{
	border-bottom:solid #a29bc7 1px;
	height:1px;
	width:100%;
	margin-bottom:10px;
}
.flow_waku p{
	margin:0;
	padding:0;
}



.company_waku{
	float:left;
	max-width:100%;
	line-height:300%;
}
.company_map{
	float:right;
	max-width:100%;
}
.company_waku_right{
	float:right;
	max-width:100%;
}
.company_map_left{
	float:left;
	max-width:100%;
}



#copyright{
	color:#FFFFFF;
}

#footer{
	width:100%;
	background-color:#8069b2;
	padding-bottom:10px;
	color:#FFFFFF;
}

.footer_navi {
    width:100%;
	height:37px;
	margin-top:20px;
}
.footer_navi ul{
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: center;
	padding-top:7px;
	list-style:none;
}
.footer_navi li{
	margin-right:20px;
	color:#FFFFFF;
}
.footer_navi li a{
	font-size:14px;
	color:#000000;
	color:#FFFFFF;
}
.footer_navi li a:hover{
	color:#ec6b91;
}



#footer_logo_smart{
	display:none;
}
#footer_tel_smart{
	display:none;
}

/* ------------------------------------------
  Page Top button
--------------------------------------------- */

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
}

 

#pageTop i {
  padding-top: 6px
}

 

#pageTop a {
  display: block;
  z-index: 99999;
  padding: 4px 0 0 0;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #543b8c;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*タブレット表示*/
@media screen and (max-width:1200px){

	.navi li{
		font-size:12px;
	}
	.navi li a{
		font-size:12px;
	}
	.navi li a:hover{
		font-size:12px;
	}
	
	.company_waku{
		float:none;
	}
	.company_map{
		float:none;
		margin-top:15px;
		text-align:center;
	}

	
	.footer_navi li{
		font-size:12px;
	}
	.footer_navi li a{
		font-size:12px;
	}
}
@media screen and (max-width:992px){
	
	.navi li{
		font-size:10px;
		margin-right:20px;

	}
	.navi li a{
		font-size:10px;
	}
	.navi li a:hover{
		font-size:10px;
	}
	
	.logo_pc{
		width:90%;
	}
	.contact_pc{
		width:90%;
	}
	.h1{
		display:none;
	}
	
	.footer_navi{
		height:auto;
		border:none;
		margin-left:-10px;
	}
	.footer_navi ul{
		display:block;
	}
	.footer_navi li{
		line-height:290%;
		padding-top:7px;
		border-bottom:solid #da9cae 1px;
		
	}
	.footer_navi li a{
		font-size:16px;
		font-weight:100;
	}
	.footer_logo_pc{
		width:85%;
	}
	.footer_contact_pc{
		width:85%;
	}
	
	.line{
		display:none;
	}

}

@media screen and (max-width:768px){
	
	#header{
		display:none;
	}
	.h1{
		display:none;
	}
	

	.inner_map_smart{
		display:block;
		margin-left:30px;
		text-align:left;
	}
	.map_smart_word{
		font-size:12px;
		color:#FFFFFF;
	}
	
	.navi{
		display:none;
	}
	.navbar{
		display:block;
	}
	
	.side_menu{
		display:none;
	}
	
	.main_pc{
		display:none;
	}
	.main_smart{
		display:block;
		padding-top:15px;
	}
	
	.footer_logo_pc{
		display:none;
	}
	.footer_contact_pc{
		display:none;
	}


}

/* Smartphone */
@media screen and (max-width:576px){
	
	.inner{
		font-size:14px;
		color:#000000;
	}
	
	
	
	.float_right{
		float:none;
		margin-bottom:10px;
	}
	.float_left{
		float:none;
		margin-bottom:10px;
	}
	
	
	
	#footer_image{
		display:none;
	}
	#footer_logo_smart{
		display:block;
		float:left;
		margin-left:23px;
	}
	#footer_tel_smart{
		display:block;
		float:right;
		margin-right:23px;
	}
	#copyright{
		font-size:12px;
		padding-top:25px;
		margin-bottom:0;
		clear:both;
	}
	#header_line{
		display:none;
	}
	

/* ------------------------------------------
  Page Top
--------------------------------------------- */
	#pageTop {
	  position: fixed;
	  bottom: 3px;
	  right: 20px;
	  z-index: 99999;
	}
	#pageTop a {
	  display: block;
	  z-index: 999;
	  padding: 1px 0 0 0;
	  border-radius: 30px;
	  width: 25px;
	  height: 25px;
	  background-color: #43287d;
	  color: #fff;
	  font-weight: bold;
	  text-decoration: none;
	  text-align: center;
	}
	
	#pageTop a:hover {
	  text-decoration: none;
	  opacity: 0.7;
	}
}

/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */
.navbar{
	background:#ffffff;
	width: 100%;
	margin:0;
	padding:0;
	z-index: 11999;
}

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}


.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  background:#8069b2;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 35px;
  float: right;
}

.nav-toggle:before {
  color: #000000; /* Edit this to ch the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 100%;
  speak: none;
  width: 100%;
  top: 0;
  left: 2px;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}