@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color:#546A7E;text-decoration:underline;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#546A7E;}
a:visited{color:#802080;}
a:hover{text-decoration:none;color:#eb6100}
a:focus{outline:0}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=50);opacity: 0.5;}

/* Common
 * --------------------------------------------------------------------------- */
body {
	width: 100%;
	background: url(../images/bg.gif) repeat fixed 0 0;
	font: 14px/2 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	letter-spacing: .05em;
	color: #000;
}

	
#wrapper{
	width: 800px;
	margin: 0 auto;
	text-align:center;
	background-color: #ffffff ;
}

.line {
	width: 800px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
}

#footer {
	padding: 40px 0 60px 0;
	background: url(../images/line.gif) no-repeat center top;
}

#footer ul {
	padding-left: 96px;
}

#footer ul li {
	float: left;
}

#footer ul li + li {
	margin-left: 30px;
}

#footer #copyright {
	margin-top: 40px;
	text-align: center;
}


/* PC
 * --------------------------------------------------------------------------- */
#contents {
	width: 780px;
	margin: 0 auto;
	padding-top: 20px;
}

#contents #yodogawa {
	display: table;
	margin: 0 auto;
	text-align: center;
	padding: 60px 0;
}

#contents #yodogawa p {
	text-align: left;
	padding-bottom: 20px;
}



#contents .btn_talk {
	padding: 20px 0;
}

.box {
	width: 660px;
	margin: 0 auto;
	padding: 110px 0 100px 0;
	background: url(../images/yokoku/line.png) no-repeat center top;
	background-size: 660px;
}
#tobichi2.box {
	padding: 110px 0 0 0;
}
.box .h_box, .ftCol {
	padding: 0 0 50px 80px;
	text-align: left;
}
.box .t_box, .ftCol2 {
	padding: 0 0 70px 80px;
	text-align: left;
}
.ftCol, .ftCol2 {
	padding-left: 90px;
}
.box h2 {
	padding-bottom: 20px;
}
.box .t_box h3 {
	padding-bottom: 20px;
}

.box .h_info {
	margin: 0 auto;
	display: inline-table;
    border: 2px solid #546A7E;
}

.box .h_info p {
	text-align: left;
	font-size: 14px;
	padding: 10px;
	letter-spacing: 0;
	color:#546A7E;
}

.box .ftCol,.box .ftCol2 {
	color: #546A7E;
	font-size: 18px;
}

/* sp
 * --------------------------------------------------------------------------- */
@media screen and (max-width: 479px) {
	body {width: 95%;margin: 0 auto;}
	img{max-width:100%;height:auto;}
	a.hoverOp:hover{filter: alpha(opacity=1);opacity: 1;}
	/*.fl,.fr {float: none;}*/

	#wrapper{
		width: 100%;
	}
	.line {
		width: 100%;
	}
	#header {
		width: 95%;
	}
	#header .fl {
		max-width: 80%;
	}
	#header .fr {
		padding-top: 10px;
		max-width: 10%;
	}
	#contents {
		width: 95%;
	}
	#contents #yodogawa {
		padding: 30px 0;
	}
	
	.box {
		width: 100%;
		padding: 50px 0 40px 0;
		background-size: 95%;
	}
	.box .h_box, .ftCol {
		padding: 0 0 20px 0;
	}
	.box .t_box, .ftCol2 {
		padding: 0 0 40px 0;
	}
	/* [sp] footer */
	#footer {
		width: 100%;
		margin: 0 auto;
	}
	#footer ul {
		padding-left: 0;
		text-align: center;
	}
	
	#footer ul li {
		float: none; 
		display: block;
		padding-bottom: 10px;
	}
	
	#footer ul li + li {
		margin-left: 0;
	}
	
	#footer #copyright {
		margin-top: 40px;
		text-align: center;
	}
	

}