@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:750px){
	body{
		width:100%;
	}
	header h1 {
	left: 5px;	
	}	
	header h1 img{
	padding:5px 0 0 0px;
	width:auto;
	height:55px;
	}
	#nav_toggle {
	width: 60px;
	height: 60px;
	top: 0px;
	right: 0px;
	padding-top: 10px;
	}
	.header-bar{	
    height: 70px;
	}
	.map{
	width:100%;
	}
	.call{
		position: fixed;
		bottom: 0px;
		left:0px;
		display:block;
		width: 21%;
		z-index: 300;
	}
	.mail{
		position: fixed;
		bottom: 0px;
		left:21%;
		display:block;
		width: 41.9%;
		z-index: 300;
	}
	.line{
		position: fixed;
		bottom: 0px;
		left:62.9%;
		display:block;
		width: 23%;
		z-index: 300;
	}
	.back-top{
		position: fixed;
		bottom: 0px;
		left:85.9%;
		display:block;
		width: 14.1%;	
		z-index: 300;
	}
	.call2{
		visibility:hidden;
		display:block;
		width: 41.5%;
		float: left;
	}
	.mail2{
		visibility:hidden;
		display:block;
		width: 42%;
		float: left;
	}
	.back-top2{
		visibility:hidden;
		display:block;
		width: 16.4%;
		float: left;
	}
}
@media screen and (max-width:700px){
/*sign height*/
	.pico7-sign{
		top: -30px;
	}
	.sign5{
		top: -32px;
	}
	.form-sign{
		top: -4.2%;
	}					
}
@media screen and (max-width:650px){
/*sign height*/
	.pico7-sign{
		top: -29px;
	}
	.sign5{
		top: -31px;
	}
	.sign1{
    top: -1.8%;
	}
	.form-sign{
		top: -3.8%;
	}					
}
@media screen and (max-width:600px){
/*sign height*/
	.pico7-sign{
		top: -27px;
	}
	.sign5{
		top: -28px;
	}
	.form-sign{
		top: -3.6%;
	}				
}
@media screen and (max-width:550px){
/*sign height*/
	.pico7-sign{
		top: -24px;
	}
	.sign5{
		top: -26px;
	}
	.sign1{
    top: -1.7%;
	}
	.form-sign{
		top: -3.2%;
	}					
}
@media screen and (max-width:500px){
/*sign height*/
	.pico7-sign{
		top: -21px;
	}
	.sign5{
		top: -23px;
	}
	.form-sign{
		top: -2.8%;
	}				
}
@media screen and (max-width:450px){
/*sign height*/
	.pico7-sign{
		top: -20px;
	}
	.sign5{
		top: -21px;
	}
	.sign1{
    top: -1.6%;
	}
	.answer-text{
	font-size:90%;
	}
	.form-sign{
		top: -1.7%;
	}
/*conform*/
	table.formTable td, table.formTable th {
		border: 1px solid #ccc;
		padding: 10px!important;
		box-sizing:border-box;
		text-align: left!important;
		width: 100%!important;
		display: block;	
	}						
}
@media screen and (max-width:400px){
/*sign height*/
	.pico7-sign{
		top: -18px;
	}
	.sign5{
		top: -19px;
	}
	.sign1{
    top: -1.5%;
	}
	.form-sign{
		top: -1.4%;
	}
/*completion*/
.back-index a{
	padding: 20px 50px;
	}					
}
@media screen and (max-width:350px){
/*sign height*/
	.pico7-sign{
		top: -16px;
	}
	.sign5{
		top: -17px;
	}
	.sign1{
    top: -1.3%;
	}
	.form-sign{
		top: -1.3%;
	}				
}
@media screen and (max-width:300px){
/*sign height*/
	.pico7-sign{
		top: -13px;
	}
	.sign5{
		top: -15px;
	}
	.sign1{
    	top: -1.1%;
	}
	.form-sign{
		top: -1.0%;
	}					
}