@charset "UTF-8";
/* contact.css */
/* Variables
---------------------------------------------------*/
/* お問い合わせ・採用フォーム・メールマガジンのご案内 ------------------------------*/
.page-id-63 #content header,
.parent-pageid-63 #content header,
.page-id-53 #content header {
  margin: 0 0 50px 20px;
  padding: 0 0 30px;
  border: none;
  background-image: url("../images/contact/br_title.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.page-id-63 #content header h1,
.parent-pageid-63 #content header h1,
.page-id-53 #content header h1 {
  float: none;
  margin: 0 0 17px;
  padding-top: 25px;
  height: 0;
  line-height: 2.2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  font-size: 26px;
}
.page-id-63 #content header p,
.parent-pageid-63 #content header p,
.page-id-53 #content header p {
  line-height: 1.4;
  text-align: center;
}
.page-id-63 #content .entry-content,
.parent-pageid-63 #content .entry-content,
.page-id-53 #content .entry-content {
  margin-left: 20px;
  padding-bottom: 25px;
}
.page-id-63 #content .entry-content h2,
.parent-pageid-63 #content .entry-content h2,
.page-id-53 #content .entry-content h2 {
  margin-bottom: 50px;
  font-size: 16px;
  color: #896952;
}
.page-id-63 #content .entry-content p,
.parent-pageid-63 #content .entry-content p,
.page-id-53 #content .entry-content p {
  padding-bottom: 1.4em;
  line-height: 1.4;
}
.page-id-63 #content .entry-content strong,
.parent-pageid-63 #content .entry-content strong,
.page-id-53 #content .entry-content strong {
  color: #EF1516;
  font-weight: 400;
}
.page-id-63 #content .entry-content dl,
.parent-pageid-63 #content .entry-content dl,
.page-id-53 #content .entry-content dl {
  margin: 0;
}
.page-id-63 #content .entry-content dl dt, .page-id-63 #content .entry-content dl dd,
.parent-pageid-63 #content .entry-content dl dt,
.parent-pageid-63 #content .entry-content dl dd,
.page-id-53 #content .entry-content dl dt,
.page-id-53 #content .entry-content dl dd {
  float: left;
  line-height: 1.4;
}
.page-id-63 #content .entry-content dl dt,
.parent-pageid-63 #content .entry-content dl dt,
.page-id-53 #content .entry-content dl dt {
  clear: left;
  padding: 14px 0 13px;
  width: 220px;
  font-weight: bold;
}
.page-id-63 #content .entry-content dl dt .must,
.parent-pageid-63 #content .entry-content dl dt .must,
.page-id-53 #content .entry-content dl dt .must {
  color: #EF1516;
  font-weight: 400;
}
.page-id-63 #content .entry-content dl dt .must-part,
.parent-pageid-63 #content .entry-content dl dt .must-part,
.page-id-53 #content .entry-content dl dt .must-part {
  display: block;
  color: #E80;
  font-weight: 400;
}
.page-id-63 #content .entry-content dl dt .note,
.parent-pageid-63 #content .entry-content dl dt .note,
.page-id-53 #content .entry-content dl dt .note {
  font-weight: 400;
}
.page-id-63 #content .entry-content dl dt span.shift,
.parent-pageid-63 #content .entry-content dl dt span.shift,
.page-id-53 #content .entry-content dl dt span.shift {
  margin-left: 3em;
}
.page-id-63 #content .entry-content dl dd,
.parent-pageid-63 #content .entry-content dl dd,
.page-id-53 #content .entry-content dl dd {
  padding: 8px 0 7px;
  width: 480px;
}
.page-id-63 #content .entry-content dl dd.textonly,
.parent-pageid-63 #content .entry-content dl dd.textonly,
.page-id-53 #content .entry-content dl dd.textonly {
  padding: 14px 0 13px;
}
.page-id-63 #content .entry-content dl dd input[type="text"], .page-id-63 #content .entry-content dl dd input[type="email"], .page-id-63 #content .entry-content dl dd input[type="tel"],
.parent-pageid-63 #content .entry-content dl dd input[type="text"],
.parent-pageid-63 #content .entry-content dl dd input[type="email"],
.parent-pageid-63 #content .entry-content dl dd input[type="tel"],
.page-id-53 #content .entry-content dl dd input[type="text"],
.page-id-53 #content .entry-content dl dd input[type="email"],
.page-id-53 #content .entry-content dl dd input[type="tel"] {
  width: 410px;
}
.page-id-63 #content .entry-content dl dd textarea,
.parent-pageid-63 #content .entry-content dl dd textarea,
.page-id-53 #content .entry-content dl dd textarea {
  width: 410px;
  height: 125px;
}
.page-id-63 #content .entry-content dl dd label,
.parent-pageid-63 #content .entry-content dl dd label,
.page-id-53 #content .entry-content dl dd label {
  margin-right: 10px;
  font-weight: bold;
}
.page-id-63 #content .entry-content p.note,
.parent-pageid-63 #content .entry-content p.note,
.page-id-53 #content .entry-content p.note {
  margin-left: 220px;
}
.page-id-63 #content .entry-content .accept,
.parent-pageid-63 #content .entry-content .accept,
.page-id-53 #content .entry-content .accept {
  margin-top: 10px;
  text-align: center;
}
.page-id-63 #content .entry-content input[type="submit"],
.parent-pageid-63 #content .entry-content input[type="submit"],
.page-id-53 #content .entry-content input[type="submit"] {
  display: block;
  margin: 35px auto 0;
  padding: 14px 0;
  width: 156px;
  text-align: center;
  line-height: 1;
  color: #FFF;
  background-color: #896952;
  border: none;
}
.page-id-63 #content .entry-content input[type="submit"]:hover,
.parent-pageid-63 #content .entry-content input[type="submit"]:hover,
.page-id-53 #content .entry-content input[type="submit"]:hover {
  background-color: #EF1516;
}
.page-id-63 #content .entry-content .wpcf7-validation-errors,
.parent-pageid-63 #content .entry-content .wpcf7-validation-errors,
.page-id-53 #content .entry-content .wpcf7-validation-errors {
  padding: 0.3em 1em;
  color: #EF1516;
  border: solid 1px #EF1516;
  text-align: center;
}
.page-id-63 #content .other,
.parent-pageid-63 #content .other,
.page-id-53 #content .other {
  padding-top: 40px;
  border-top: solid 1px #E5E5E5;
}
.page-id-63 #content .other h2,
.parent-pageid-63 #content .other h2,
.page-id-53 #content .other h2 {
  margin-bottom: 40px;
  font-size: 16px;
  color: #896952;
}
.page-id-63 #content .other p,
.parent-pageid-63 #content .other p,
.page-id-53 #content .other p {
  padding-bottom: 0.7em;
  line-height: 1.4;
}
.page-id-63 #content .other .box,
.parent-pageid-63 #content .other .box,
.page-id-53 #content .other .box {
  position: relative;
  padding-bottom: 8px;
  width: 336px;
  height: 108px;
  border: solid 2px #896952;
}
.page-id-63 #content .other .box h3,
.parent-pageid-63 #content .other .box h3,
.page-id-53 #content .other .box h3 {
  margin-bottom: 10px;
  padding: 5px 26px;
  min-height: 16px;
  line-height: 1;
  color: #FFF;
  font-size: 16px;
  background-color: #896952;
  background-image: url("../images/contact/dot_contact.png");
  background-repeat: no-repeat;
  background-position: 9px 4px;
}
.page-id-63 #content .other .box p,
.parent-pageid-63 #content .other .box p,
.page-id-53 #content .other .box p {
  position: absolute;
  top: 35px;
  left: 10px;
}
.page-id-63 #content .other .box p.tel,
.parent-pageid-63 #content .other .box p.tel,
.page-id-53 #content .other .box p.tel {
  top: 82px;
  left: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #896952;
  line-height: 1;
}
.page-id-63 #content .other .box p.tel span,
.parent-pageid-63 #content .other .box p.tel span,
.page-id-53 #content .other .box p.tel span {
  margin-left: 10px;
  font-size: 32px;
}
.page-id-63 #content .other .box-tel,
.parent-pageid-63 #content .other .box-tel,
.page-id-53 #content .other .box-tel {
  float: left;
}
.page-id-63 #content .other .box-fax,
.parent-pageid-63 #content .other .box-fax,
.page-id-53 #content .other .box-fax {
  float: right;
}

/* お問い合わせフォーム ------------------------------*/
.page-id-63 #content header h1 {
  background-image: url("../images/contact/title_contact.png");
}

/* オリジナルデザインオーダー品お問い合わせ専用フォーム ------------------------------*/
.page-id-5574 #content header h1 {
  background-image: url("../images/contact/title_contact_original.png");
}

/* パートナーフォーム ------------------------------*/
.page-id-5577 #content header {
  margin-bottom: 20px;
}
.page-id-5577 #content header h1 {
  margin-bottom: 0;
  background-image: url("../images/contact/title_contact_partner.png");
}
.page-id-5577 #content header p {
  display: none;
}

/* メールマガジンのご案内 ------------------------------*/
.page-id-53 #content header h1 {
  background-image: url("../images/contact/title_magazine.png");
}
.page-id-53 #content .entry-content form {
  margin-bottom: 50px;
}

/* Facebookいいね割引 ------------------------------*/
.page-id-55 #content header {
  margin-bottom: 36px;
  margin-left: 20px;
  padding-top: 0;
  border: none;
}
.page-id-55 #content header h1 {
  margin: 0;
  float: none;
  padding-top: 256px;
  width: 700px;
  height: 0;
  line-height: 2.2;
  overflow: hidden;
  background-image: url("../images/contact/ban_iine.png");
  background-repeat: no-repeat;
  background-position: left top;
}
.page-id-55 #content .entry-content {
  margin-left: 20px;
}
.page-id-55 #content .entry-content .entry-header {
  padding-bottom: 37px;
  padding-left: 137px;
  background-image: url("../images/contact/icon_fb.png");
  background-repeat: no-repeat;
  background-position: left top;
}
.page-id-55 #content .entry-content .entry-header h2 {
  margin-bottom: 7px;
  padding-top: 48px;
  width: 358px;
  height: 0;
  line-height: 2.2;
  overflow: hidden;
  background-image: url("../images/contact/catch_fb.png");
  background-repeat: no-repeat;
  background-position: left top;
}
.page-id-55 #content .entry-content .entry-header p {
  padding: 0;
  line-height: 1.4;
  font-weight: bold;
}
.page-id-55 #content .entry-content .step {
  padding: 40px 0;
  border-top: solid 1px #E5E5E5;
}
.page-id-55 #content .entry-content .step h3 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #896952;
}
.page-id-55 #content .entry-content .step p {
  line-height: 1.4;
}
.page-id-55 #content .entry-content .step p.discount {
  margin-top: 40px;
  padding: 31px 0 0;
  width: 354px;
  height: 0;
  line-height: 2.2;
  overflow: hidden;
  background-image: url("../images/contact/catch_discount.png");
  background-repeat: no-repeat;
  background-position: left top;
}
.page-id-55 #content .entry-content .step ul.banner {
  margin: 20px 0 0;
}
.page-id-55 #content .entry-content .step ul.banner li span.image {
  display: block;
  margin-bottom: 10px;
  width: 336px;
  height: 208px;
  background-repeat: no-repeat;
  background-position: left top;
  border: solid 1px #BBB;
}
.page-id-55 #content .entry-content .step ul.banner li.image-1 {
  float: left;
}
.page-id-55 #content .entry-content .step ul.banner li.image-1 span.image {
  background-image: url("../images/contact/img_intro.png");
}
.page-id-55 #content .entry-content .step ul.banner li.image-2 {
  float: right;
}
.page-id-55 #content .entry-content .step ul.banner li.image-2 span.image {
  background-image: url("../images/contact/img_fb_page.png");
}
.page-id-55 #content .entry-content .note {
  padding-top: 40px;
  border-top: solid 1px #E5E5E5;
}
.page-id-55 #content .entry-content .note p {
  line-height: 1.4;
}

/* 資料請求 ------------------------------*/
.page-id-135 #content .entry-content {
  margin-left: 20px;
  padding-bottom: 40px;
}
.page-id-135 #content .entry-content h2 {
  margin-bottom: 35px;
  height: 0;
  line-height: 2.2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
}
.page-id-135 #content .entry-content h2.top {
  padding-top: 645px;
  width: 700px;
  background-image: url("../images/contact/shiryou_top.png?v=160804");
}
.page-id-135 #content .entry-content h2.design {
  margin-top: 55px;
  padding-top: 339px;
  width: 700px;
  background-image: url("../images/contact/shiryou_design.png");
}
.page-id-135 #content .entry-content h2.coupon {
  margin-top: 35px;
  padding-top: 153px;
  width: 700px;
  background-image: url("../images/contact/shiryou_coupon.png");
}
.page-id-135 #content .entry-content p {
  line-height: 1.4;
}
.page-id-135 #content .entry-content p a.action {
  display: block;
  margin-top: 35px;
  margin-bottom: 20px;
  padding-top: 318px;
  width: 700px;
  height: 0;
  line-height: 2.2;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("../images/contact/shiryou_action_with_coupon.png?v=170208");
}
.page-id-135 #content .entry-content .box {
  margin-bottom: 30px;
  padding: 10px 5px 10px 10px;
  background-color: #F5F1ED;
}
.page-id-135 #content .entry-content .box p {
  color: #896952;
}