@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%;
	}
	#head{
		margin-bottom : -10px;
	}
	#top{
		width : 100%;
		background-color : #0e258b;
		height : 46px;
		padding-top : 7px;
	}
	.logo{
		width : 60%;
        margin : 0 auto;
	}
	.tel{
		display : none;
	}
	.text_box{
		width : 92%;
		padding : 8px;
		margin : 0 auto;
	}
.soudan_box {
	width : 90%;
    border: 1px solid #88722f;
    border-radius: 4px;
    margin: 20px auto;
    padding: 8px;
    position: relative;
	background-color : #fffefa;
}
.soudan_box::before {
    background-color: #fff;
    color: #88722f;
    content: "相談例";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
	.houhou_box{
		width : 92%;
		margin : 10px auto;
	}
		#footer{
			width : 100%;
			padding : 8px 0;
			text-align : center;
			background-color : #000000;
			color : #ffffff;
			
		}
		
		span#price-notice:hover{
			cursor : pointer;
			opacity : 0.7;
		}
		span.slidedown:after{
			content : "▼詳細はこちら";
			margin-left : 1em;
			font-size : 80%;
			color : #0934ae;
		}
		span.slideup:after{
			content : "";
			margin-left : 1em;
		}
		div.price-notice{
			display : none;
		}
}