@charset "UTF-8";
/* CSS Document */

/* 画面の横幅が769px以上*/
@media(min-width:481px){


	.h_top{
	width: 100%;
	min-width: 1100px;
	height: 46px;
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom:8px;
	background-color:#68abc5;
	position: fixed;
	z-index: 30;
	top: 0;
	
}

.h_top2{
	display: none;
	
}

	.h_top h1{
	width: 90%;
	min-width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	color: #FFF;
	
}
	

#menuarea{
	width:100%;
	min-width: 1200px;
	height: 200px;
	position: fixed;
	z-index: 50;
	top: 46px;
	}
	
#menuarea2{
	width:100%;
	min-width: 1200px;
	height: 240px;
	position: fixed;
	z-index: 50;
	}

#menuarea3{
	width:100%;
	min-width: 1200px;
	height: 155px;
	position: fixed;
	z-index: 50;
	}	

header{
	width:100%;
	min-width: 1000px;
}

#header{
	min-width: 1200px;
	height: 80px;
	background-color: #82BFD4;
	background-image: url(../images/hbgimg.png);
	background-repeat: no-repeat;
	background-position:110% center;
	overflow: hidden;
	
}
	

	
#h_img{
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}

.hdetail{
	width: 1000px;
	margin: 0 auto;
}
	
.h_con1{
	width: 232px;
	margin:0 auto;
	padding-top:10px;
	float: left;
	
}
	
	
.h_con2{
	width: 650px;
	margin:0 auto;
	margin-left: 50px;
	padding-top:13px;
	float: left;
}

	
.h_con3{
	display: none;
	}
	
.h_con4{
	display: none;
	}
	

.sticky-header{display: none;}
	
.hdmark{
	display:none;
	}
	
 a.h_mark{
	  display:none;
  }
	
.logo{
	width: 232px;
	}

	
.logo{
		display: block;
		width: 232px;
	}
	

a.logo1{
		display:none;
	}
	
	
	
	
.tel{ 
	width: 650px;
	height: 16px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #FFF
	}
	
.telmark{
	display: none;
	}	
	
.tels{ 
	display: none;
	}
	
	
a.emargencybt2{ 
	display: none;
	
	}
	
.logo1{
	display: none;
	}

	
.logo2{
	width: 480px;
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	padding-top: 5px;
	}
	
.logo2 p{
	padding-top:5px;	
	}
	
	
	
.hddetails{
	display:  none;
	}
	
.hddetails p{
	display:  none;
	}
	
.hdecoration{
	display: none;
	}

	
	

}


    
@media(max-width:480px){
	
	
.h_top{
	display: none;
	
}

.h_top2{
	width: 100%;
	min-width: 330px;
	height:90px;
	padding-top: 8px;
	padding-bottom:8px;
	background-color:#68abc5;
	top: 0;
	position: fixed;
	z-index: 999;
	
}

	.h_top2 h1{
	width: 90%;
	min-width: 330px;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	
}
	
	
#menuarea{
	width: 100%;
	min-width: 320px;
	z-index: 30;
    
	}
	
#menuarea2{
	width: 100%;
	min-width: 320px;
	height: 275px;
	z-index: 30;
	}
	
#menuarea3{
	width: 100%;
	min-width: 320px;
	height: 280px;
	z-index: 30;
	}	

	
header{
	width: 100%;
	min-width: 320px;
}

#header{
	width: 100%;
	min-width: 320px;
	height: 280px;
	padding-top: 90px;
	background-color: #82BFD4;
}
	

	
#h_img{
	display: none;
}

.hdetail{
	display: none;
}
	
.h_con1{
	display: none;
}
	
	
.h_con2{
	display: none;
}

.h_con3{
	width: 100%;
	min-width: 320px;
	display: block;
	padding: 0;
	margin: 0;
}

	
.h_con4{
	display: block;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	background-color: #82BFD4;
	padding-bottom: 10px;
}
	

.sticky-header {
    position: fixed;
    width: 100%;
    height: 50px;
    z-index: 9999;
    transition: 0.25s;
	top:90px;
}
	
	

.hdmark{
	display:block;
	 width: 51px;
	 height: 60px;
	 padding-top: 10px;
	 margin-left: 5px;
	 float: left;
	}
	
 a.h_mark{
	 display:block;
	 width: 51px;
	 height: 60px;
	 background-image: url(../images/h_menu.png);
	 background-repeat: no-repeat;
	 background-position:bottom;
     position: absolute;
	 left: 2%;
     right: unset;
  }
	
.tel{ 
	display: none;
	}
	
a.tel{ 
	display: none;
	}
	
.telmark{
	display: block;
	width: 47px;
	height: 51px;
	position: absolute;
	left: 88%;
    top: 6px;
    right: unset;
	}
	
.tels{ 
	width: 210px;
	height: 16px;
	padding-top: 5px;
	padding-left: 8px;
	}


a.emargencybt{ 
	display: none;
	}
	
a.emargencybt2{ 
	display: block;
	width: 278px;
	height: 16px;
	background-image: url(../images/emargencybt.png);
	background-repeat: no-repeat;
	background-position:center center;
	padding-top: 30px;
	}
	
.logo{
	display: none;
	}
	
.logo1{
	min-width:320px;
	height: 70px;
	background-image: url(../images/logos.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 60%;
    right: unset;
	}


a.logo1{
		display: block;
		width: 278px;
		height: 71px;
	}

.logo2{
	display: none;
	}
	
.logo2 p{
	display: none;
	}
	
.hddetails{
	width: 310px;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	padding-top: 10px;
	margin: 0 auto;
	padding-left: 40px;
	}
	
	
.hddetails p{
	padding-top:10px;	
	}

.htext{
	padding-top:5px;	
	}
	
.htextmid{
	padding-top:2px;	
	}
	
.htextmid{
	padding-top:2px;
	padding-bottom: 5px;
	}

.htextmid a{
	text-decoration: underline;
	text-decoration-color: #FFF;
	}
	
.hdecoration{
	display: block;
	width: 100%;
	min-width: 320px;
	height:35px;
	background-image: url(../images/hdbgs.png);
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 15px;
	}
	
	
.h_top{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#68abc5;
	
}

	.h_top h1{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	color: #FFF;
	
}

}