@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ お問合せ・無料お見積 ◇◆◇
  
  
========================================================================================================================*/

#hd { background-image:url(../image/pdHd_bg.jpg); }
#pgHd h2:before { content:url(../image/pdHd_icon.png); }


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

  電話
  
----------------------------------------------------------------------------------------------------*/

#byPhone {
  min-width:790px;
  display:inline-block;
  margin-top:80px;
  border:1px solid #313131;
  box-sizing:border-box;
  padding-top:40px;
  padding-bottom:40px;
}

.byPhone_tel {
  line-height:1;
  margin-top:1.5em;
  margin-bottom:0.5em;
}

.byPhone_tel .taiou {
  line-height:1.2;
  display:inline-block;
  border:1px solid #3c3c3c;
  padding:0.25em 0.5em 0.5em 0.5em;
  margin-left:1em;
  vertical-align:super;
}


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

  メール
  
----------------------------------------------------------------------------------------------------*/

#byMail-warp {
  position:relative;
  z-index:-1;
}

#byMail-warp:before {
  content:"";
  width:100%;
  height:380px;
  background:url(../../image/bg3-purple.gif) repeat center top;
  position:absolute;
  left:0;
  top:80px;
}
  
#byMail {
  width:100%;
  height:360px;
  position:relative;
  z-index:1;
  color:#fff;
}

#byMail:before {
  content:"";
  width:100%;
  height:250px;
  background:url(../image/byMail_photo.png) no-repeat center top;
  position:absolute;
  left:0;
  bottom:0;
}

#byMail p {
  line-height:2.2;
  padding-top:170px;
}


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

  フォーム
  
----------------------------------------------------------------------------------------------------*/

.fm-warp {
  width:1100px;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff;
  padding:60px;
  margin-bottom:100px;
  box-sizing:border-box;
}

.fm-hd {
  font-weight:400;
  font-size:187.5%;
}

.fm-mess {
  padding-top:40px;
}

.fmBtn-warp .l-btn {
  margin-left:0.5em;
  margin-right:0.5em;
}


/*-----------------------------------------------------------------------------------
  フォーム部品
-----------------------------------------------------------------------------------*/

.fm textarea    { resize:vertical; height:250px; }
.fm textarea,
.fm .ip-l       { width:100%; }
.fm .ip-ss      { width:20%; }
.fm .ip-s       { width:40%; }
.fm .ip-m       { width:60%; }

.fm input[type="text"],
.fm select,
.fm textarea {
  padding:6px;
  border:none;
  box-sizing:border-box;
  border:1px solid #c8c8c8;
  background-color:#fff;
  
  -moz-transition:background-color ease-in-out  0.15s, border-color ease-in-out  0.15s;
  -o-transition:background-color ease-in-out  0.15s, border-color ease-in-out  0.15s;
  -webkit-transition:background-color ease-in-out  0.15s, border-color ease-in-out  0.15s;
  transition:background-color ease-in-out  0.15s, border-color ease-in-out  0.15s;
}

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

.fm .km_error input[type=text], 
.fm .km_error textarea,
.fm .km_error select {
  border-color:#95384f;
}

.fm p.error {
  padding-top:0.3em;
  padding-bottom:0.5em;
  color:#95384f;
}

.cbox-gp p.error { padding-top:0; }

.fm label { cursor:pointer; }
.fm label input { margin-right:0.5em; }
.fm label span {
  -webkit-transition:opacity ease 0.3s;
  -moz-transition:opacity ease 0.3s;
  -ms-transition:opacity ease 0.3s;
  -o-transition:opacity ease 0.3s;
  transition:opacity ease 0.3s;
}
.fm label:hover span {
  filter:alpha(opacity=50);
  opacity:0.5;
  -moz-opacity:0.5;
}

.fm .ic-required,
.fm .ic-optional {
  font-size:75%;
  color:#fff;
  line-height:1.2;
  display:inline-block;
  padding:0.25em 0.5em 0.5em 0.5em;
  margin-left:1em;
  vertical-align:middle;
  
}

.fm .ic-required { background-color:#95384f; }
.fm .ic-optional { background-color:#8c8c8c; }

.fm .cbox-gp {
  background-color:#f5f5f5;
  padding:20px;
}

.fm .radio-gp { padding-top:4px; }

.fm .cbox-gp ul,
.fm .radio-gp ul {
  list-style:none;
}

.fm .cbox-gp li,
.fm .radio-gp li {
  display:inline-block;
}

.fm .cbox-gp li { width:25%; }
.fm .radio-gp li { margin-right:2em; }


/*-----------------------------------------------------------------------------------
  入力画面
-----------------------------------------------------------------------------------*/

.fm-step1 dl,
.fm-step1 dd,
.fm-step1 dd {
  box-sizing:border-box;
}

.fm-step1 dl {
  width:100%;
  padding-top:40px;
  padding-bottom:20px;
}

.fm-step1 dt {
  width:20%;
  float:left;
  text-align:right;
  padding-top:3px;
}

.fm-step1 dt.ake { padding-top:18px; }

.fm-step1 dd {
  margin-left:20%;
  padding-left:30px;
  padding-bottom:30px;
  text-align:left;
}

.fm-step1 dd:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}


/*-----------------------------------------------------------------------------------
  確認画面
-----------------------------------------------------------------------------------*/

.fm-step2 {
  width:1100px;
  margin-left:auto;
  margin-right:auto;
  padding-top:80px;
  padding-bottom:100px;
}

.fm-step2 dl,
.fm-step2 dd,
.fm-step2 dd {
  box-sizing:border-box;
}

.fm-step2 dl {
  margin-top:50px;
  margin-bottom:50px;
  background-color:#e6e6e6;
  border:1px solid #c8c8c8;
  border-top:none;
  text-align:left;
}

.fm-step2 dt {
  width:12em;
  padding:1em 0 1em 1em;
  border-top:1px solid #c8c8c8;
  float:left;
}

.fm-step2 dd {
  background-color:#fff;
  margin-left:12em;
  padding:1em;
  border-top:1px solid #c8c8c8;
  border-left:1px solid #c8c8c8;
}


/*-----------------------------------------------------------------------------------
  送信完了
-----------------------------------------------------------------------------------*/

.fm-step3 {
  width:1100px;
  margin-left:auto;
  margin-right:auto;
  padding-top:80px;
  padding-bottom:100px;
}

.fm-step3 .reMail,
.fm-step3 .fm-mess {
  line-height:2;
}

.fm-step3 .reMail {
  margin-top:50px;
  border:1px solid #3c3c3c;
  box-sizing:border-box;
  padding-top:40px;
  padding-bottom:40px;
}