@charset "utf-8";

/* main-visual
==========================================*/
.main-visual {
	background-image: url(../img/main-visual/contact.jpg);
}
.orientationNtoice {
  display: none !important;
  pointer-events: none;
}
/* box-intro
==========================================*/
.box-intro p {
  text-align: center;
}
.modePC .box-intro p {
  line-height: 1;
}
.modePC .box-intro .lead-form {
  font-size: 18px;
  padding-top: 18px;
}
.modeSP .box-intro .lead-form {
  padding-top: 12px;
  font-size: 32px;
  line-height: 1.813;
  font-weight: 300;
}
.modePC .box-intro .lead-tel {
  font-size: 18px;
  margin-top: 42px;
}
.modeSP .box-intro .lead-tel {
  margin-top: 62px;
}
.modePC .box-intro .tel {
  font-size: 24px;
  font-weight: 900;
  margin-top: 26px;
}
.modeSP .box-intro .tel {
  font-size: 50px;
  font-weight: 900;
  margin-top: 2px;
}
.modePC .box-intro .time {
  font-weight: 300;
  font-size: 13px;
  margin: 18px 0 20px;
}
.modeSP .box-intro .time {
  font-weight: 300;
  font-size: 24px;
  margin: 10px 0 40px;
}
/* flow
==========================================*/
.flow {
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modePC .flow {
  width: 247px;
  margin-bottom: 55px;
}
.modeSP .flow {
  width: 391px;
  margin: 19px auto 122px;
}
.flow:before {
  content: '';
  display: block;
  background-color: #977f62;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.modePC .flow:before {
  width: 222px;
  height: 2px;
  top: 15px;
}
.modeSP .flow:before {
  width: 349px;
  height: 8px;
  top: 28px;
}
.flow li {
  color: #977f62;
  font-weight: bold;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modePC .flow li p {
  font-size: 10px;
  line-height: 1;
}
.modeSP .flow li p {
  font-size: 20px;
  line-height: 1;
}
.modePC .flow li + li {
  margin-left: 193px;
}
.flow li:before {
  display: block;
  content: '';
  border-radius: 50%;
  box-sizing: border-box;
}
.modePC .flow li:before {
}
.flow li:nth-of-type(1):before {
  background-color: rgb(151, 127, 98);
}
.modePC .flow li:nth-of-type(1):before {
  width: 32px;
  height: 32px;
  border: 5px solid rgb(230, 227, 218);
  margin-bottom: 5px;
}
.modeSP .flow li:nth-of-type(1):before {
  width: 64px;
  height: 64px;
  border: 10px solid rgb(230, 227, 218);
  margin-bottom: 10px;
}
.modePC .flow li:nth-of-type(2) {
  padding-top: 5px;
}
.modeSP .flow li:nth-of-type(2) {
  padding-top: 10px;
}
.flow li:nth-of-type(2):before {
  border-style: solid;
  border-color: rgb(151, 127, 98);
  background-color: rgb(230, 227, 218);
  position: relative;
  z-index: 2;
}
.modePC .flow li:nth-of-type(2):before {
  border-width: 2px;
  width: 22px;
  height: 22px;
  margin-bottom: 10px;
}
.modeSP .flow li:nth-of-type(2):before {
  border-width: 4px;
  width: 44px;
  height: 44px;
  margin-bottom: 20px;
}

.modePC .flow li:before {
}
.modePC .flow {
}
/* form
==========================================*/
.wpcf7-response-output.wpcf7-mail-sent-ok {
  width: 0;
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
}
.modePC .mw_wp_form {
  width: 394px;
  margin: 0 auto;
}
.mw_wp_form label {
  color: #222;
  display: block;
}
.modePC .mw_wp_form label {
  font-size: 13px;
  line-height: 18px;
  margin-top: 19px;
}
.modeSP .mw_wp_form label {
  margin-top: 50px;
}
.mw_wp_form label .req {
  background-color: #977f62;
  color: #fff;
  display: inline-block;
}
.modePC .mw_wp_form label .req {
  font-size: 12px;
  width: 43px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  margin-left: 4px;
}
.modeSP .mw_wp_form label .req {
  font-size: 24px;
  width: 86px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin-left: 10px;
}
.modePC .mw_wp_form textarea,
.modePC .mw_wp_form input {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(153, 153, 153);
  width: 394px;
  box-sizing: border-box;
  padding: 15px;
  font-size: 13px;
  margin: 7px 0 0;
}
.modeSP .mw_wp_form textarea,
.modeSP .mw_wp_form input {
  border-style: solid;
  border-width: 2px;
  border-color: rgb(153, 153, 153);
  width: 590px;
  box-sizing: border-box;
  padding: 50px 31px;
  font-size: 28px;
  margin: 16px 0 0;
}
.modePC .mw_wp_form input {
  height: 49px;
}
.modeSP .mw_wp_form input {
  height: 110px;
}
.modePC .mw_wp_form textarea {
  height: 245px;
}
.modeSP .mw_wp_form textarea {
  height: 560px;
}
.mw_wp_form input::placeholder {
  color: #b1ac9c;
}
.mw_wp_form input:-ms-input-placeholder {
  color: #b1ac9c;
}
.mw_wp_form input::-ms-input-placeholder {
  color: #b1ac9c;
}
.mw_wp_form textarea::placeholder {
  color: #b1ac9c;
}
.mw_wp_form textarea:-ms-input-placeholder {
  color: #b1ac9c;
}
.mw_wp_form textarea::-ms-input-placeholder {
  color: #b1ac9c;
}
.mw_wp_form .note {
  text-align: center;
}
.modePC .mw_wp_form .note {
  font-size: 13px;
  line-height: 2.308;
  margin: 30px 0 34px;
}
.modeSP .mw_wp_form .note {
  line-height: 2.308;
  margin: 60px auto 45px;
}
.mw_wp_form .note a {
  display: inline-block;
  border-bottom: 1px solid #1e1e1e; 
}
.modePC .mw_wp_form .note a {
  line-height: 1.9;
}
.mw_wp_form .wpcf7-submit {
  display: block;
  background-color: rgb(151, 127, 98);
  color: #fff;
  transition: background-color .8s, color .8s, fill .8s;

  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.mw_wp_form .wpcf7-submit:hover {
  background-color: #fff;
  color: rgb(151, 127, 98);
}
.modePC .mw_wp_form .wpcf7-submit {
  margin: 0 auto -41px;
  width: 244px;
  height: 54px;
}
.modeSP .mw_wp_form .wpcf7-submit {
  margin: 0 auto 25px;
  width: 500px;
  height: 110px;
  padding: 0;
}
.modePC .wpcf7-not-valid-tip {
  margin-top: 5px;
}
.modeSP .wpcf7-not-valid-tip {
  margin-top: 10px;
}
.wpcf7-validation-errors {
  border: none !important;
  color: #f00;
  text-align: center;
}
.modeSP .wpcf7-validation-errors {
  margin: -50px 0 50px;
}


/*
  gray
  303030
#1e1e1e
  gold
#977f62
  white
#fff
  silver
#c2c2c2
*/