@charset "utf-8";

/*=====================================================================================
	
	Document    : style-s.css
	Description : スマホ用（幅640px以下）
 
=====================================================================================*/

@media screen and (max-width:420px) {
	.md {
		padding-top:30px;
		background-size:auto 24% !important;
	}
}


/*---------------------------------------------------------------------------

   フォーム

---------------------------------------------------------------------------*/

input[type="text"],
select,
textarea {
	padding:2px 0;
}

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#777;
	background-color:#fff;
}

.ip_ss { width:20%; }
.ip_s { width:100%; }
.ip_m { width:100%; }
textarea { width:100%; }
.ip_l { width:100%; }

.fm-bt {
	padding:10px 20px;
}


/*---------------------------------------------------------------------------

   お電話でのお問い合わせ

---------------------------------------------------------------------------*/

.contact-tel {
  width: 270px;
	line-height:120%;
	padding:3% 4%;
	border:0;
	
	background-color:#7ab9d8;
	border-bottom-width:4px;
	border-bottom-style:solid;
	border-bottom-color:rgba(0,0,0,0.1);
	color:#fff;
}

.contact-tel:hover {
	background-color:#5a5a5a;
	border-bottom-color:#5a5a5a;
}

.contact-tel span.tel {
	font-size:25px;
	background:url("../../image/ic-freetel-white.png") no-repeat left center;
	padding:3px 0 3px 50px;
}

.contact-tel span.tel a {
	color:#fff !important;
	text-decoration:none;
}

.contact-tel ul {
	padding-top:0.5em;
}

.contact-tel li {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 0.5em;
}

@media screen and (max-width:420px) {
	.contact-tel {
		padding:4% 5%;
	}
}


/*---------------------------------------------------------------------------

   お問い合わせフォーム

---------------------------------------------------------------------------*/

.contact-fm tr {
	display:block;
}

.contact-fm th,
.contact-fm td {
	width:100%;
	display:list-item;
	list-style:none;
	padding-left:0;
}

.contact-fm th {
	padding-bottom:0.5em;
	padding-right:0;
}

.contact-fm th .required {
	vertical-align:middle;
	position:relative;
	right:inherit;
	top:inherit;
	margin-left:1em;
}

.contact-fm td {
	padding-bottom:2em;
}


/*---------------------------------------------------------------------------

   確認画面

---------------------------------------------------------------------------*/

@media screen and (max-width:420px) {
	.contact-check tr {
		display:block;
	}
	
	.contact-check th,
	.contact-check td {
		width:auto;
		display:list-item;
		list-style:none;
		padding:10px;
		border-bottom:0;
	}
	
	.contact-check tr:last-child td {
		border-bottom:1px solid #c3c3c3;
	}

	.fm-bt-block {
		display:block;
		margin-left:0;
		margin-right:0;
	}
	
	.fm-bt-block .fm-bt {
		width:100%;
	}
	
	.fm-bt-block {
		padding-top:0;
	}
	
	.bt-back {
		margin-top:8%;
		margin-bottom:5%;
	}
}