@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');


#contact #call{
	width:47%;
	margin-right:6%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
}

#contact #mail{
	width:47%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
}



#contact #call .call{
	background-color:#e78089;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	padding:0 20px;
}

#contact #mail .mail{
	background-color:#e29436;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	padding:0 20px;
}


#contact #call i,#contact #mail i{
	font-size:40px;
	display:inline-block;
	float:left;
	margin-right:20px;
}

#contact .no{
	font-size:50px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}
#contact .no2{
	font-size:27px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}
#contact .no3{
	 font-size:18px;
	 line-height:30px;"
}


#contact #address{
	width:47%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-right:6%;
}
#contact #address .address{
	background-color:#97C036;
	line-height:40px;
	font-size:18px;
	color:#FFF;
	padding:0 20px;
	box-sizing:border-box;
}


#contact #photo{
	width:47%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:right;
}

#contact #photo p{
	float:left;
	text-align:center;
}



#contact .about-table{
	border-collapse:collapse;
}
#contact .about-table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:14px;
	line-height:25px;
}


#contact .howto{
	color:#999;
	font-size:20px;
	line-height:50px;
	border-bottom:#999 solid 1px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-bottom:20px;
}


#contact .main-news{
	width:60%;
	padding:0 10%;
	margin:auto;
	margin-bottom:20px;
	border:#0f70b7 solid 1px;
	text-align:left;
	color:#0f70b7;
	background:#FFF url(index_data/window_blue.png) 90% 50% no-repeat;
	line-height:40px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	text-decoration:none;
}

#contact .main-news:hover{
	background:#0f70b7 url(index_data/window_white.png) 90% 50% no-repeat;;
	color:#FFF;
	font-weight:bold;
}

#contact .call-mail{
}

#contact .jinji-photo{
	width:100%;
}

#contact .jinji-photo .image{
	width:auto;
	height:inherit;
}

@media screen and (min-width:0px) and ( max-width:959px) {

#contact #call{
	width:100%;
	margin-right:0;
	float:none;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
}

#contact #mail{
	width:100%;
	float:none;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:30px;
}



#contact #call .call{
	background-color:#e78089;
	line-height:40px;
	font-size:16px;
	color:#FFF;
	padding:0 20px;
}

#contact #mail .mail{
	background-color:#e29436;
	line-height:40px;
	font-size:14px;
	color:#FFF;
	padding:0 20px;
}


#contact #call i,#contact #mail i{
	font-size:30px;
	display:inline-block;
	float:left;
	margin-right:10px;
}

#contact .no{
	font-size:30px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}
#contact .no2{
	font-size:18px;
	line-height:80px;
	float:left;
	color:#2b2b2b;
}
#contact .no3{
	 font-size:16px;
	 line-height:20px;"
}


#contact #address{
	width:100%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contact #address .address{
	background-color:#97C036;
	width:100%;
	line-height:40px;
	font-size:14px;
	color:#FFF;
	padding:0 20px;
	box-sizing:border-box;
}

#contact #photo{
	width:100%;
	float:left;
	font-family:"Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}





#contact .about-table{
	border-collapse:collapse;
}
#contact .about-table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:14px;
	line-height:25px;
}


#contact .howto{
	color:#999;
	font-size:20px;
	line-height:50px;
	border-bottom:#999 solid 1px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-bottom:20px;
}


#contact .main-news{
	width:90%;
	padding:5%;
	margin:auto;
	margin-bottom:20px;
	border:#0f70b7 solid 1px;
	text-align:left;
	color:#0f70b7;
	background:#FFF;
	line-height:20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	text-decoration:none;
	font-size:16px;
}

#contact .main-news:hover{
	background:#0f70b7;
	color:#FFF;
	font-weight:bold;
}

#contact .call-mail{
	 margin-bottom:0px;
}

#contact .jinji-photo{
	width:100%;
}

#contact .jinji-photo .image{
	width:100%;
	height:inherit;
}


}