@charset "utf-8";

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


  ◇◆◇ お問い合わせ ◇◆◇
  
  
========================================================================================================================*/

#hv-wrap {
  background-image:url(../image/hv.jpg);
}


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

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

.contact-wrap {
  background-color:rgba(155,125,75,0.12);
}
.no-rgba .contact-wrap { background-color:#e6dccd; }

.guide br.pc-none {
  display:none;
}

.sub-headline {
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
}

.sub-headline {
  box-sizing:border-box;
  display:inline-block;
  padding:1em;
  color:#a0325a;
  position:relative;
  margin-bottom:2.5em;
  font-weight:300;
}

.sub-headline:before,
.sub-headline:after {
  content:"";
  display:inline-block;
  width:100%;
  height:1px;
  position:absolute;
  left:0;
  background-color:#a0325a;
}
.sub-headline:before { top:0; }
.sub-headline:after  { bottom:0; }

.rgba .sub-headline:before,
.rgba .sub-headline:after { background-color:rgba(160,50,90,0.8); }
.no-rgba .sub-headline:before,
.no-rgba .sub-headline:after { background-color:#a0325a; }

@media only screen and (max-width:767px) {
  .guide br.pc-none {
    display:inherit;
  }
  
  .sub-headline {
    margin-bottom:2em;
  }
}

@media only screen and (max-width:500px) {
  .sub-headline {
    margin-top:0.5em;
  }
}


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

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

form input[type="text"],
form select,
form textarea {
  padding:6px;
  border:none;
  box-sizing:border-box;
  border:1px solid #fff;
  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;
}

form input[type="text"]:focus,
form select:focus,
form textarea:focus {
  border-color:rgba(79,65,55,0.8);
}
.no-rgba form input[type="text"]:focus,
.no-rgba select:focus,
.no-rgba textarea:focus {
  border-color:#72675f;
}
  
form option {
  padding-right:0.5em;
}

form label { cursor:pointer; }
form label input { margin-right:0.5em; }
form label:hover { color:#9b7d4b; }

form .error input[type=text], 
form .error textarea,
form .error select {
  border-color:#a0325a;
}

form .error .m-ckbox+label:before,
form .error .m-radio+label:before {
}

form .error p {
  padding-top:0.3em;
  padding-bottom:0.5em;
  color:#a0325a;
}

form .lfm-btn-wrap {
  margin-top:3em;
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
}

.lfm-btn--next {
  display:inline-block;
  float:right;
  margin-left:0.5em;
}

.lfm-btn--back {
  display:inline-block;
  float:left;
  margin-right:0.5em;
}

@media only screen and (max-width:767px) {
  form textarea,
  .ip-l,
  .ip-m { width:100%; }

  form .lfm-btn-wrap {
    margin-top:2.5em;
  }
}

@media only screen and (max-width:640px) {
  .lfm-btn--next {
    margin-left:0.375em;
  }
  
  .lfm-btn--back {
    margin-right:0.375em;
  }
  
  .lfm-btn--next,
  .lfm-btn--back {
    font-size:90%;
  }
}

@media only screen and (max-width:500px) {
  .ip-s,
  .ip-ss { width:100%; }
  
  form .lfm-btn-wrap {
    margin-top:2em;
  }
  
  .lfm-btn--next,
  .lfm-btn--back {
    font-size:100%;
  }
  
  .lfm-btn--next .lfm-btn span small,
  .lfm-btn--back .lfm-btn span small {
    display:none;
  }
}


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

.lform-step1--wrap {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

.lform-step1--wrap dl {
  width:525px;
  float:left;
  text-align:left;
}

.lform-step1 dl:first-child {
  margin-right:50px;
}

.lform-step1 dt {
  font-size:112.5%;
  position:relative;
  padding-left:0.75em;
  border-left:1px solid #4f4137;
  line-height:1;
  margin-top:2em;
  margin-bottom:1em;
  font-weight:300;
}

.lform-step1 dl dt:first-child {
  margin-top:0;
}

.lform-step1 dt small {
  display:inline-block;
  font-weight:normal;
}

.yno-guide {
  display:block;
  padding-top:0.5em;
}

.kibourenraku {
  padding-left:1.15em;
  padding-top:0.25em;
}

.lform-step1 .checkbox-gp,
.lform-step1 .radio-gp {
  display:inline-block;
}

.lform-step1 .checkbox-gp label {
  display:inline-block;
  margin-top:0.35em;
}

.lform-step1 .checkbox-gp label:first-child {
  margin-top:0;
}

.lform-step1 .radio-gp label {
  display:inline-block;
  margin-right:2em;
}

.lform-step1 textarea {
  height:419px;
}

@media only screen and (max-width:767px) {
  .lform-step1--wrap {
    max-width:550px;
  }
  
  .lform-step1 dl {
    float:none;
    width:100%;
    margin-left:0;
  }
  
  .lform-step1 dl:last-child dt:first-child {
    margin-top:2em;
  }

  .kibourenraku {
    padding-top:0;
  }

  .lform-step1 textarea {
    height:300px;
  }
}

@media only screen and (max-width:640px) {
  .lform-step1 dl {
    float:none;
    width:100%;
    margin-left:0;
  }
}

@media only screen and (max-width:500px) {
  .lform-step1 dt {
    font-size:100%;
    margin-bottom:0.8em;
  }
  
  .lform-step1 textarea {
    height:250px;
  }
}


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

.lform-step2 dl {
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  min-width:800px;
  max-width:1100px;
}

.lform-step2 dt {
  width:25%;
  float:left;
  margin-right:-270px;
  padding-top:0.65em;
  padding-bottom:1.5em;
  padding-left:1em;
  padding-right:1em;
  box-sizing:border-box;
  margin-bottom:1px;
  background-color:rgba(155,125,75,0.12);
  font-weight:300;
}
.no-rgba .lform-step2 dt { background-color:#e6dccd; }
  
.lform-step2 dd {
  margin-left:25%;
  padding-left:1em;
  padding-right:1em;
  padding-top:0.5em;
  padding-bottom:1.5em;
  margin-bottom:1px;
  background-color:#fff;
}
  
.lform-step2 dt,
.lform-step2 dd {
  padding-top:1em;
  padding-bottom:1em;
}

@media only screen and (max-width:767px) {  
  .lform-step2 dl {
    min-width:100%;
    max-width:100%;
  }

  .lform-step2 dt,
  .lform-step2 dd {
    padding:0.75em;
  }

  .lform-step2 dt {
    width:35%;
  }
  
  .lform-step2 dd {
    margin-left:35%;
  }
}

@media only screen and (max-width:640px) {
  .lform-step2 dl {
    float:none;
    width:100%;
    margin-left:0;
  }
}


/*-----------------------------------------------------------------------------------
  完了画面
-----------------------------------------------------------------------------------*/

.lform-step3 .sub-headline {
  font-size:118.8%;
}

.lform-step3 p:not(.sub-headline) {
  line-height:2;
  margin-top:-0.5em;
}

@media only screen and (max-width:767px) {  
  .lform-step3 p:not(.sub-headline) {
    text-align:left;
    line-height:inherit;
  }
  
  .lform-step3 p br.sp-none {
    display:none;
  }
}

@media only screen and (max-width:640px) {
  .lform-step3 .sub-headline {
    font-size:106.3%;
  }
}