body,html,div,section,header,footer,nav,span,p,h1,h2,h3,h4,h5,h6,a,ul,li,dl,dt,dd,tbody,tr,th,td,img{
	padding:0;
	margin:0;
	box-sizing:border-box;
	overflow: auto;
}
body{

	font-size:14px;
	color:5A5A5A;
	font-family: "Noto Sans Japanese";
}
a{
	text-decoration:none;
}
ul{
	list-style-type:none;
}

.wrapper{
    clear: both;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;

}


.header{
	width: 100%;
	height: 20px;
	background-color: #aad5bf;
}




#h1{
	font-size:0.4rem;
	color: #696969;
}

#title {
	display:inline-block;
	vertical-align: middle;
}

#top_tel {
	float:right;
	vertical-align: top;
	background: url(../img/top_tel_icon.png) no-repeat center;
	background-image : none;
}

.pc {
	display: block !important; 
}
.sp { 
	display: none !important; 
}



.nav{
	width: 100%;
	height: 45px;
	background-color: #aad5bf;

}



#nav_list li {
	width: 16.6%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}


#nav_list li a {
	width: auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 12px 0;
	text-decoration: none;
	display: block;

}

#nav_list li a:hover {
	background: #ffa443;
}

.top_img{
	background: url("../img/top_background.png") no-repeat;
	background-size: cover;
}

.side{
	float: right;
	width: 300px;
	padding : 30px 0px 0px 30px;

}
.side img{
	padding : 0px 0px 20px 0px;
}


.main {
	padding : 30px 0px 0px 0px;
	float: left;
	width: 100%;
	margin-right: -300px;
	padding-right: 300px;
	box-sizing: border-box;
}

.main_title img{
	vertical-align:middle;
}

.main_title{	
	font-size: 2.0em;
	font-weight: bold;
	border-top: solid 4px #CEDB7B;
	color: #0E8B90 !important;
	padding-bottom : 15px;

}

.main_contents{
	padding-top : 10px;

}

.main_title2{
	font-size: 1.3em;
	font-weight: bold;
	color: #0E8B90 !important;
	border: 1px solid #CEDB7B; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
	border-left: 10px solid #CEDB7B;

}

.main_img{	
	padding : 15px 0px 20px 0px;
}

.main_img img{
	float:left; /*画像を左フロートにします*/
	padding : 0px 10px 0px 0px;

}

.tel img{
	padding-bottom : 50px;

}

.charge img{
	width: 100%;

}

.box {
    background-color: #cafbce;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #cafbce;
    color: #0a8915;
    margin: 2em 0;
    padding: 2em;
}

.voice {
    display: inline-block;
    text-align: left;
    width: 50%;
    float:left;
    padding : 0px 0px 20px 10px;

}

p.voice_title{
	color: #098A8A !important;
	font-weight:bold;
	
}


.table {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
	ine-height: 1.5;
	width: 100%;
}

.table th {
	width: 230px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #008080;
}

.table td {
	width: 230px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #eee;
}


dl.qa{
     width:100%;
     line-height:1.8;
     overflow: hidden;
     _zoom: 1;
}

dt{
     background:url(../img/faq_q.png) no-repeat 20px 6px;
     margin-top:10px;
     padding-left:20px;
     text-indent:1.5em;
     color: #464D9E;
     font-weight:bold;
}


dd{
     width: 100%;
     background: url(../img/faq_a.png) no-repeat 20px 7px;
     margin: 10px 0 -1px 0;
     padding: 0 20px 15px 44px;
     border-bottom: 1px #000 dotted;
}

.orenoaikagi{
	padding: 0px 0px 15px 0px; 
}



.footer{
	background-color: #aad5bf;
}

.fotter_in{
	padding : 20px 0px 20px 0px;
}

.fotter_in img{
	float:left; /*画像を左フロートにします*/
	padding : 0px 30px 0px 0px;

}

.address{
	color: #fff;
	text-align: center;
	padding : 0px 0px 20px 0px;
}


@media screen and (max-width:600px) {

	body{
		font-size:0.75rem;
		position:relative;
		font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	}
	
	#h1{
	font-size:0.35rem;
	text-align: center;
	color: #696969;
	}
	
	header h1,
	img{
		max-width:100%;
	}
	
	#title {
		max-width:80%;
		display:inline-block;
		vertical-align: middle;
		padding : 2px 0px 0px 15px;
		
	}
	#top_tel img{
		max-width:80%;
	}
	.tel_sp{
		padding : 3px 0px 0px 0px;
	}
	
	
	.pc {
	 display: none !important; 
	 }
	.sp { 
	display: block !important; 
	}
	
	
	.head_img p{
		height:auto;
	}
	.head_tel{
		display:none;
		
	}
	
	
	
	
	.menu-block
	,.menu-block li{
		padding:0px;
		margin:0px;
	}
 
	.menu-block li{
		list-style-type:none !important;
		list-style-image:none !important;
		margin: 5px 0px 5px 0px !important;
	}
 
	.menu-block li{
		position:relative;
		padding-left:20px;
		font-size: 1rem;
	}
	
	 a:link { 
	 color: #626262; 
	 }
		
	a:visited {
	color: #CECECE; 
	}
 
	.menu-block li:before{
		content:''; 
		display:block; 
		position:absolute; 
		box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
		top:3px; 
		left:10px; 
		height:0; 
		width:0; 
		border-top: 6px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 9px solid #aaa;
		
	}
	
	
		.menu-block {
			box-sizing: border-box;
			height: 134vw;
			position: fixed;
			left: -60vw;
			top: 0;
			transition: transform 0.2s linear 0s;
			width: 60vw;
			z-index: 20;
	}
	

	.menu-background {
			background-color: black;
			display: block;
			opacity: 0;
			position: fixed;
			height: 100%;
			width: 100%;
			left: 0;
			top: 0;
			transition: all 0.2s linear 0s;
			z-index: -10;
	}
	.menu-icon {
			color: #463a1c;
			display: block;
			font-size: 10vw;
			width: 13.4vw;
			height: 13.4vw;
			line-height: 13.4vw;
			position: fixed;
			left: 0;
			text-align: center;
			top: 0;
			transition: all 0.2s linear 0s;
			z-index: 1000;
	}
	.menu-check:checked ~ .menu-block, .menu-check:checked ~ .menu-icon {
			transform: translate(60vw);
			background-color: white; 
	}
	.menu-check:checked ~ .menu-background {
			opacity: 0.5;
			z-index: 19;
	}
	
	
	
	.main{
			max-width:100%;
			margin:0;
			padding : 10px 0px 0px 0px;
	}
	
	.main_title {
			font-size: 1.3em;
	}
	.main_title img{
			width: 40px;
			height: 40px;
	}
	
	.side{
			max-width:100%;
			width: 600px;
			margin:0;
			padding : 0px 0px 10px 0px;
	
	}
	.tel img{
			padding : 10px 0px 10px 0px;
	}
	
	
	.footer{
			padding : 5px 0px 0px 0px;
	}
	.fotter_in{
			float:center; 
			padding : 0px 0px 0px 0px;
	}

}