@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
	#wrapper{
		width : 100%;
		margin : 0 auto;
	}
	#top_pc{
		display : none;
	}
	.top_tablet{
		width : 100%;
		padding : 0px;
		margin : 0px;
		height : auto;
	}
	.top_sp{
		display : none;
	}
	#head_pc{
		display : none;
	}
	.head_sp{
		width : 100%;
		height : auto;
	}
	#nav_pc{
		display : none;
	}
label {
    background: #372325;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
	margin-bottom : 8px;
}

input[type="checkbox"].on-off{
    display: none;
}

.nav_sp ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav_sp li {
    padding: 5px;
	background-color : #e4d5d4;
	text-decoration : none;
	border-bottom : 1px dotted #555151;
}
.nav_sp li a{
    color : #000000;
	text-decoration : none;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 300px;
}
	
	#contents{
		width : 100%;
	}
	#main{
		width : 100%;
		margin : 0 auto;
		padding : 0;
	}
	.main_in{
		width : 96%;
		margin : 0 auto;
	}
	.profile_box{
		width : 92%;
		margin : 0 auto;
		padding : 16px;
		background-color : #fdf5ce;
		margin-top : 20px;
	}
	#sub{
		width : 100%;
		margin : 0 auto;
		padding : 0;
	}
	.sub_box{
		width : 96%;
		margin : 0 auto;
	}
	#footer{
		width : 100%;
		padding-top : 7px;
		padding-bottom : 7px;
		background-color : #2D0808;
		color : #ffffff;
		font-size : 90%;
		text-align : center;
	}

	.menu_left{
		float : left;
		width : 49%;
		padding : 2px;
		text-align : center;
		line-height : 100%;
	}
	.menu_right{
		float : left;
		width : 49%;
		padding : 2px;
		text-align : center;
		line-height : 100%;
	}
	.clear{
		clear : both;
	}
	.main_in{
		width : 92%;
		padding : 7px;
	}
	.menu_left{
		width : 90%;
		margin : 0 auto;
		padding-left : 18px
	}
	.menu_right{
		width : 90%;
		margin : 0 auto;
		padding-left : 18px
	}
.q{
  background-image : url(../image/q.jpg);
  background-repeat : no-repeat;
  background-position : left center;
  font-size : 15px;
  line-height : 30px;
  padding-left : 40px;
  color : #003f7d;
  padding-top : 5px;
	margin-bottom : 10px;
}

.a{
  background-image : url(../image/a.jpg);
  background-repeat : no-repeat;
  background-position : left top;
  padding-left : 40px;
  padding-top : 2px;
}
.faq_box{
	width : 98%;
    padding: 8px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 15px;
}
.voice{
	width : 88%;
padding: 15px;
margin: 0 auto;
background: #fefae7;
box-shadow: 0px 0px 0px 10px #fefae7;
border: dashed 1px #56390b;
}
}