@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

.hdS {
	background:url(../image/hd-photo.jpg) no-repeat center top;
}

.md {
	background:url("../../image/md-ic/reform.png") no-repeat center top;
	padding-top:60px;
}


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

   フォーム部品

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

textarea { width:98.5%; }
.ip_ss { width:10%; }
.ip_s2 { width:25%; }
.ip_s { width:35%; }
.ip_m { width:60%; }
.ip_l { width:98.5%; }
label { cursor:pointer; padding-top:0.25em; }
label:hover { color:#878787; }
label input { margin-right:0.5em; vertical-align:baseline; }

input[type="text"],
select,
textarea {
	padding:6px;
	border:1px solid #c3c3c3;
	background-color:#fff;
}

option {
	padding:2px 4px;
}

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#3c3c3c;
}

.error input[type=text], 
.error textarea,
.error select {
	border:1px solid #d98285;
}

.error p {
	margin:0 !important;
	padding:0 0 5px 0 !important;
	width:auto !important;
	clear:both;
}

.fm-bt {
	cursor:pointer;
	margin:0;
	padding:10px 40px;
	color:#fff;
	background-color:#5a5a5a;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom-width:4px;
	border-bottom-style:solid;
	border-bottom-color:rgba(0,0,0,0.2);
}

.fm-bt:hover {
	background-color:#7ab9d8;
	border-bottom-color:#7ab9d8;
}


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

   お電話でのお問い合わせ

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

.contact-tel {
	border:1px solid #c3c3c3;
	padding:20px 25px;
  text-align: center;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.contact-tel h3 {
	padding-bottom:0.5em;
	font-weight:normal;
}

.contact-tel .tel01 {
	font-weight:bold;
	background:url(../../image/ic-freetel.png) no-repeat left center;
	padding:7px 0 7px 48px;
  margin-bottom: .25em;
}

.contact-tel .tel02 {
	font-weight:bold;
	background:url(../../image/ic-tel.png) no-repeat 6px center;
	padding:7px 0 7px 48px;
  margin-bottom: 10px;
}

.contact-tel ul {
  display: inline-block;
	list-style:none;
	text-align:left;
  margin: 0 auto;
}

.contact-tel ul li {
  display: inline-block;
}
.contact-tel ul li:first-child {
  margin-right: 1em;
}


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

   お問い合わせフォーム

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

.contact-fm {
	background:url(../../image/bg-black5.png) repeat center top;
	max-width:100% !important;
}

.contact-fm table {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.contact-fm th {
	text-align:left;
	padding-right:4em;
	position:relative;
	white-space:nowrap;
}

.contact-fm th .required {
	background-color:#e5686c;
	color:#fff;
	font-weight:normal;
	padding:0 5px;
	position:absolute;
	right:0;
	top:0;
}

.contact-fm th,
.contact-fm td {
	padding-bottom:1.5em;
	vertical-align:top;
}

.contact-fm td .ad,
.contact-fm td .checkboxRequired {
	margin-top:0.5em;
}

.contact-fm td {
	padding-left:1em;
}

.contact-fm td ul {
	list-style: none;
}

.contact-fm td ul input {
	margin-right: 0.5em;
}

.contact-fm tr:last-child td {
	padding-left:0;
	padding-bottom:0;
}

.contact-fm th:last-child {
	padding-bottom:0.5em;
}


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

   確認画面

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

.contact-check table {
	width: 100%;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	text-align:left;
}

.contact-check th {
	width:25%;
	background:url(../../image/bg-black5.png) repeat left top;
}

.contact-check th,
.contact-check td {
	border:1px solid #c3c3c3;
	padding:15px;
}

.contact-check td {
	background-color:#fff;
}

.fm-bt-block {
	margin:0 0.5em;
}

