@charset "utf-8";

/*---- approach------------------------------------------------------*/
#approach-contents {
    margin: auto;
    position: relative;
    text-align: center;
    width: 100%;
}
#approachwrap{
	float:right;
	width:100%;
	text-align:left;
	font-size:0.9em;
}
#approachwrap h3{
	margin:20px 0 0 10px;
}
#approachwrap > img:nth-child(1){
	width:19.5%;
}
#approach{
	width:74.5%;
	background:url("../images/top-bck-311016taka.png") no-repeat;
	background-position:right bottom;
	background-size:60%;
	overflow:hidden;
	padding:0 2% 15% 2%;
}
#approach #privacy{
	text-align:left;
	font-size:0.8em;
	margin:40px 0;
}
/*form fake table*/
#formwrap{
	display:table;
	margin:10px 0;
}
#formwrap ul{
	width:100%;
	display:table-row;
	margin:0;
	padding:0;
}
#formwrap li{
	display:table-cell;
	margin:0;
	padding:5px 1em;
	text-align:left;
	border:1px #fff solid;
	border-radius:3px;
}
#formwrap li span{
	display:inline-block;
}
#formwrap li b{
	font-size:0.8em;
	color:red;
	vertical-align:4px;
}
#formwrap li:nth-child(1){
	padding-right:1em;
	background-color:#cfe;
}
#formwrap li:nth-child(2){
	padding-right:1em;
	background-color:#fec;
}
#formwrap input,
#formwrap textarea{
	border:1px solid #ccc;
	border-radius:3px;
}
form input#button{
	background:#eee;
	border:1px solid #ccc;
	border-radius:3px;
	color:#000;
}
form input#button:hover{
	background:#aaa;
	border:1px solid #eee;
	border-radius:3px;
	color:#fff;
}

/*==========================================*/
/*===mediaQuery=*/
/*==========================================*/
@media screen and (max-width: 640px) {
/* グローバルナビ ページ幅*/
	#approachwrap img:nth-child(1){
		display:none;
	}
	#approach{
		width:90%;
		clear:both;
		padding-left:5%;
		padding-right:5%;
	}
	#approach table{
		width:95%;
		clear:both;
		margin:0 2%;
	}
	#approach table tr td #gmap{
		width:40%;
	}
	#approach table>tbody>tr>td:nth-child(1){
		width:8em;
	}
	/*form fake table*/
	#formwrap{
		display:block;
	}
	#formwrap ul{
		display:block;
		margin:0;
		padding:0;
	}
	#formwrap li{
		display:block;
		margin:0;
		padding:2px 1em;
	}
	#formwrap ul > li:nth-child(2){
		padding-left:2em;
	}
	#formwrap textarea{
		width:21em;
	}
}