
/* --------articleここから-------- */

article {

}



.inner{

	background: #e6ecf2;

	padding-top: 40px;

	padding-bottom: 20px;

}

.contact_tel_p {
	text-align: center;						padding-bottom: 30px;
}

#contact_tel .inner p {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.inner h2{

	margin-bottom: 25px;

	text-align: left;

	margin-left: 8em;

	padding-left: 17px;

	font-size: 23px;

	padding-top: 9px;

	padding-bottom: 10px;

	width: 300px;

	color: #010100;

	border-left: 3px solid 	#03004c;

	line-height: 0.75;

}



.inner .phone{

	background: #fff;

	border: 2px solid #03004c;

	margin: 30px 10em 50px 10em;

	border-radius: 25px;

	width: 76.8%;

	height: 150px;

	position: relative;

}



.phone p.tel{

	font-size: 2rem;

	text-align: center;

	padding-top: 30px;
	margin-bottom: 5px;

	color: #001c58;



}



.phone p.time{

		text-align: center;

}



.inner p.txt{

	text-align:center;

	margin-bottom:30px;

}





.inner .contact{

	background: #fff;

	border: 2px solid #03004c;

	margin-right: 10em;

	margin-left: 10em;

	margin-bottom: 30px;

	border-radius: 25px;

	padding-top: 70px;

	margin-top: 30px;

}


#contact_tel .inner h2 {
	margin-bottom: 25px;
	padding-left: 17px;
	font-size: 23px;
	border-left:3px solid #03004c;
	line-height: 1.25;

}


.inner .form{

	width:80%;

	margin:0 auto;

}

table{

	border-collapse:collapse;

	width:100%;

	table-layout: fixed;

	margin-bottom: 15px;

}

th{

	width:40%;

	text-align:right;

	padding-left:20px;

	padding-bottom:20px;

	vertical-align: top;

}

th span{

	color:#000;

	padding: 0 20px 20px 10px;

	display:inline-block;

}

td{

	width:60%;

	text-align:left;

	padding-left:20px;

	padding-bottom:30px;

}

td input{

	width:60%;

	height:30px;

}

td select{

	width:30%;

	height:30px;

}

input[type="submit"]{

	width:160px;

	height:40px;

	background:#001c58;

	color:#fff;

	text-align:center;

	margin:40px auto 20px auto;

	display:block;

	border:none;

	cursor:pointer;

	font-family:"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'メイリオ', Meiryo, sans-serif;

	font-size:16px;

	appearance:none;

	-webkit-appearance:none;

	-moz-appearance:none;

}



input[type="submit"]:hover{

	opacity:0.7;

	filter:alpha(opacity=70);

}


.hissu {
	margin: 20px auto;
	width: 55%;
	text-align:right;	

}

/* --------articleここまで-------- */



/* --------フッターここから-------- */



#f_wrapper {
	background-image:url(images_footer/background_2.png);
	background-repeat:repeat-x;
	height: 270px;

}


.f_inner {

	margin: 0 auto;
	padding-top: 25px;
	width: 1000px;
	height: 270px;

	background-image:url(images_footer/background_himawari_2.png);
	background-repeat:no-repeat,no-repeat;

}



/* --------フッターここまで-------- */



/* --------レスポンシブ ここから-------- */
@media screen and (max-width: 767px) { /*ウィンドウ幅が767pxまでの場合に適用*/

.contact_tel_p {
	text-align: left;						padding-bottom: 30px;
}

#contact_tel p {
	width: 90%;
	margin: 0 auto;
}

.inner h2 {
	width: 90%;
	margin: 0 0 0 5%;
}

.inner .phone{
	margin: 0 5% 5% 5%;
	width: 90%;
}

.inner .contact{
	margin: 0 5% 5% 5%;
	width: 90%;
}

th{
	padding: 0;
}


/* --------articleここまで-------- */



/* --------フッター レスポンシブここから-------- */


#f_wrapper {
	background-image:url(images_footer/background_responsive.png);
	background-repeat:repeat;
	height: 295px;
	width: 100%;
}

.f_inner {
	background-image:url(images_footer/background_himawari_responsive.png);
	background-position: right bottom;
	background-size: 45%;
	width: 100%;
}

.f_logo {
	padding: 0;
}

.add-nav {
	display: block;
}

.f_address {
	border-style: none;
	width: 100%;
	margin-top: 25px;
}

.f_address ul {
	width: 95%;
	padding-left: 5%;
	margin-bottom: 10px;
}

.f_nav {
	margin: 15px 0;
}

.f_nav a:link {
	color: #fff;
}

.f_nav a:visited {
 	color: #fff;
}

.f_nav ul {
	width: 95%;
	padding-left: 5%;
}

.copyright {
	text-align: center;
	margin: 5px 0;
}
/* --------フッター レスポンシブここまで-------- */

}

/* --------レスポンシブ ここまで-------- */

