@charset "utf-8";
.form {
  width: 100%;
  line-height: 1.5;
  font-weight: 500;
}
.wpcf7-form-control-wrap {
  /*チェックボックスがクリック出来なくなる現象を回避*/
  position: static !important;
}
.mb50 {
  margin-bottom: 50px;
}
.mt25 {
  margin-top: 25px;
}
.mt-3rem {
  margin-top: -3rem;
}

@media screen and (max-width:959px) {
.mb50 {
  margin-bottom: 20px;
}
.mt25 {
  margin-top: 5px;
}
.mt-3rem {
  margin-top: inherit;
}
}
.fwb {
  font-weight: bold;
}
.fs14 {
  font-size: 1.4rem;
}
.tac {
  text-align: center;
}

@media screen and (min-width:321px) {
.pc_none320 {
  display: none;
}
}

@media screen and (max-width:320px) {
.sp_none320 {
  display: none;
}
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="submit"], textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*==========================================
 リード文
===========================================*/
.lead_area {
  margin-bottom: 50px;
}
.lead_area_bg {
  background: linear-gradient(-75deg, #feffde, #ffebc6 60% );
  padding: 20px 0 170px;
  margin: 50px 0 0px;
}

@media screen and (max-width: 1140px) {
.lead_area_bg {
  padding: 20px 0 100px;
  margin: 50px 0 70px;
}
}
.lead {
  text-align: center;
  line-height: 1.8;
  margin: 60px auto 50px;
}

@media screen and (max-width: 480px) {
.lead {
  margin-bottom: 20px;
}
}
.lead .txt01 {
  margin-bottom: 2rem;
}
.lead .txt03 {
  font-size: 44px;
}

@media screen and (max-width: 480px) {
.lead .txt03 {
  font-size: 36px;
}
}
.lead .txt03::before {
  content: url(../../img/common/icon_tel.svg);
  width: 29px;
  height: 29px;
  margin: 0 0.25em 0 0;
}

@media screen and (max-width: 480px) {
.lead .txt03::before {
  width: 18px;
  height: 18px;
}
}
.lead_img_area {
  max-width: 1090px;
  width: 100%;
  margin: -190px auto 0;
}

@media screen and (max-width: 480px) {
.lead_img_area {
  margin: -130px auto 0;
}
}
/*==========================================
 190228 お電話でのお問い合わせ
===========================================*/
.form-contact-tel{
 margin-top:60px;
 margin-bottom:60px;
}
.form-contact-tel-block{
 text-align:center;
 border-top: 1px solid #666;
 border-bottom: 1px solid #666;
 max-width:400px;
 width:100%;
 margin:0 auto 30px;
 padding:20px 0;
 line-height:1.3;
}
.form-contact-tel-number{
 font-size:3.6rem;
 vertical-align:middle;
 line-height:1;
 margin-bottom:0.5em;
 font-weight:normal;
}
.form-contact-tel-number i{
 font-size:2.9rem;
 transform: scale(-1, 1);
 margin-right:0.2em;
}
.form-contact-tel-text{
 text-align:center;
 line-height:1.5;
 letter-spacing:0.1em;
}
@media screen and (max-width:767px) {
.form-contact-tel-number{
 font-size:2.8rem;
}
.form-contact-tel-number i {
 font-size: 2.1rem;
}
}
/*==========================================
 フォーム
===========================================*/
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/*===プレースホルダー===*/
::-webkit-input-placeholder {
 color: #909090;
 line-height: 2;
}
::-moz-placeholder {
 color: #909090;
opacity: 1;
 line-height: 2;
}
:-ms-input-placeholder {
 color: #909090;
 line-height: 2;
}

@media screen and (max-width:480px) {
::-webkit-input-placeholder {
 font-size: 14px;
}
::-moz-placeholder {
 font-size: 14px;
}
:-ms-input-placeholder {
 font-size: 14px;
}
}
/*===フォームエリア===*/
.form_container {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2.5%;
}

@media screen and (min-width: 768px) {
.form_container {
  padding: 0 25px;
}
}
.form_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (min-width: 960px) {
.form_item.flex_ai_fs {
  align-items: flex-start;
}
}
/*===点線===*/
.form_bb {
  border-bottom: 1px dotted #c8c8c8;
  padding: 30px 0 0;
  width: 100%;
}

@media screen and (max-width:959px) {
.form_bb {
  padding: 20px 0 0;
  margin: 0 auto 30px;
}
}
/*===必須===*/
.form_item .form_req_wrap {
  -ms-flex: 0 0 4.5%;
  flex: 0 0 4.5%;
  max-width: 4.5%;
}

@media screen and (max-width:959px) {
.form_item .form_req_wrap {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
}
.form_req {
  font-weight: bold;
  color: #fff;
  background: #ff9933;
  padding: 2px 0;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 960px) and (max-width:1139px) {
.form_req {
  padding: 2px 2%;
}
}

@media all and (-ms-high-contrast:none) {
.form_req {
  padding: 4px 0 0;
}
}
/*===ラベル===*/
.form_label {
  font-size: 1.6rem;
  font-weight: 500;
  -ms-flex: 0 0 21%;
  flex: 0 0 21%;
  max-width: 21%;
  line-height: 2.2;
  letter-spacing: 0.1rem;
}

@media screen and (min-width: 960px) and (max-width:1139px) {
.form_label {
  -ms-flex: 0 0 34%;
  flex: 0 0 34%;
  max-width: 34%;
}
}

@media screen and (max-width:959px) {
.form_label {
  font-size: 1.8rem;
  font-weight: 500;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
}

@media screen and (max-width:767px) {
.form_label {
  font-size: 1.6rem;
}
}
/*===入力欄===*/
.form_control_wrap {
  margin-left: 4.5%;
  flex: 0 0 70%;
  max-width: 70%;
}

@media screen and (min-width: 960px) and (max-width:1139px) {
.form_item .form_control_wrap {
  flex: 0 0 56.666667%;
  max-width: 56.666667%;
}
}

@media screen and (max-width:959px) {
.form_control_wrap {
  width: 100%;
  flex: auto;
  max-width: 100%;
  margin: 1% 0 1.5%;
}
}
.form_control_wrap p {
  margin-left: 2%;
  margin-right: 2%;
  ;
}
.form_control {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #495057;
  background-color: #eaeaea;
  background-image: none;
  background-clip: padding-box;
  border: none;
}
/*===セレクトボックス===*/
.age select {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  display: block;
  width: 220px;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #495057;
  background-color: #eaeaea;
  background-image: none;
  background-clip: padding-box;
  border: none;
}
/*===フレックスボックス===*/
.control_flex01 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
textarea.form_control {
  height: 250px;
}
.control_01 {
  max-width: 223px;
}
.control_02 {
  max-width: 120px;
}

@media screen and (min-width: 960px) and (max-width:1099px) {
.control_02 {
  max-width: 80px;
}
}

@media screen and (max-width:767px) {
.form_control_wrap .control_02:not(:last-child) {
  margin: 0 0 30px;
}
.form_control_wrap .control_02 + p {
  margin: 0 2% 30px;
}
.control_02 {
  max-width: 100%;
}
}
/*===ラジオボタン===*/
.item_radio {
  font-size: 1.6rem;
  margin: 0 3% 0 0;
}
.item_radio input {
  vertical-align: inherit;
}
/* 担当者の希望 */
.sg_txt{
 margin-top:15px;
}
@media screen and (min-width: 481px) {
.radio-Sgender span.wpcf7-list-item:not(:last-child){
  margin-right:2em;
}
}
@media screen and (max-width: 480px) {
.radio-Sgender span.wpcf7-list-item{
  display:block;
}
.radio-Sgender span.wpcf7-list-item:not(:last-child){
  margin-bottom:0.5em;
}
}
/*=== ご希望返信方法 ===*/
.reply .wpcf7-checkbox span:not(:last-child) {
  margin-right: 5rem;
}
/*== 来店予定の店舗をお選びください ==*/
.bdttl {
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}
.bdttl_inner {
  position: relative;
  display: inline-block;
  margin: 0 2.5rem;
  padding: 0 2.4rem;
  font-size: 2rem;
}

@media screen and (max-width: 480px) and (min-width: 0) {
.bdttl_inner {
  font-size: 1.8rem;
  padding: 0 1rem;
}
}
.bdttl_inner::before, .bdttl_inner::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #7b7b7b;
}
.bdttl_inner::before {
  right: 100%;
}
.bdttl_inner::after {
  left: 100%;
}
.form_item_shop {
  overflow: hidden;
}
.form_item_shop .form_req_wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
.form_item_shop .form_item_shop_txt01 {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
}
.form_item_shop .form_item_shop_txt02 {
  margin-bottom: 30px;
}
.form_item_shop .form_req {
  min-width: 50px;
  line-height: 1.6;
  margin-left: 1.4rem;
}

@media screen and (max-width: 1139px) and (min-width: 0) {
.form_item_shop .form_req {
  padding: 2px 0;
}
}
.form_item_shop .form_control_wrap {
  max-width: 100%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.form_item_shop .shop_item {
  -webkit-flex-basis: 24%;
  flex-basis: 24%;
  margin: 0 0.5% 30px;
  text-align: center;
}

@media screen and (max-width: 1090px) and (min-width: 0) {
.form_item_shop .shop_item {
  -webkit-flex-basis: 31.3%;
  flex-basis: 31.3%;
}
}

@media screen and (max-width: 767px) and (min-width: 0) {
.form_item_shop .shop_item {
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
}
}
.shop .wpcf7-list-item {
  margin: 0;
  display: block;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

@media screen and (max-width: 1139px) and (min-width: 0) {
.shop .wpcf7-list-item {
  font-size: 1.4rem;
}
}

@media screen and (max-width: 480px) {
.shop .wpcf7-list-item {
  font-size: 1.2rem;
}
}

@media screen and (max-width: 480px) {
.form_item_shop .shop_time {
  font-size: 1.2rem;
}
}
/*.shop .wpcf7-list-item label {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 72%;
  display: block;
  cursor: pointer;
}*/
.shop .wpcf7-list-item label {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 0%;
  display: block;
  cursor: pointer;
  position: relative;
  padding: 3px 0;
}
.shop .wpcf7-list-item input[type="radio"]:checked + span{
color: #f93;
  font-weight: bold;
}
.shop .wpcf7-list-item:hover {
background: rgba(255,153,51,0.2);
}
.shop_item01 label {
  background-image: url(../../img/form/reserved/reserved01.jpg);
}
.shop_item02 label {
  background-image: url(../../img/form/reserved/reserved02.jpg);
}
.shop_item03 label {
  background-image: url(../../img/form/reserved/reserved03.jpg);
}
.shop_item04 label {
  background-image: url(../../img/form/reserved/reserved04.jpg);
}
.shop_item05 label {
  background-image: url(../../img/form/reserved/reserved05.jpg);
}
.shop_item06 label {
  background-image: url(../../img/form/reserved/reserved06.jpg);
}
.shop_item07 label {
  background-image: url(../../img/form/reserved/reserved07.jpg);
}
.shop_item08 label {
  background-image: url(../../img/form/reserved/reserved08.jpg);
}
.shop_item09 label {
  background-image: url(../../img/form/reserved/reserved09.jpg);
}
.shop_item10 label {
  background-image: url(../../img/form/reserved/reserved10.jpg);
}
.shop_item11 label {
  background-image: url(../../img/form/reserved/reserved11.jpg);
}
.shop .wpcf7-list-item input[type="radio"] {
  margin: 0;
}
/*画像削除処理*/
.shop_item label{
  background: none !important;
}

/*== ご来店希望日 ==*/
.shop_time {
  margin-bottom: 1rem;
}
.shop_time .form_control_wrap02 {
  margin: 0 0 0 4.5%;
  flex: 0 0 24.3833335%;
  max-width: 24.3833335%;
}

@media screen and (max-width:959px) {
.shop_time .form_control_wrap02 {
  margin-left: 0;
  flex: 0 0 40%;
  max-width: 40%;
}
}

@media screen and (max-width:639px) {
.shop_time .form_control_wrap02 {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 1% 0 10px;
}
}
.shop_time .form_control_wrap03 {
  margin: 0 0 0 3.5%;
  flex: 0 0 42%;
  max-width: 42%;
}

@media screen and (max-width:1139px) {
.shop_time .form_control_wrap03 {
  margin: 0 0 0 2.5%;
  flex: 0 0 30%;
  max-width: 30%;
}
}

@media screen and (max-width:959px) {
.shop_time .form_control_wrap03 {
  margin: 0 0 0 2.5%;
  flex: 0 0 57.5%;
  max-width: 57.5%;
}
}

@media screen and (max-width:639px) {
.shop_time .form_control_wrap03 {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}
}
.shop_time .control_flex01 p:last-child {
  -webkit-flex-basis: 86%;
  flex-basis: 86%;
}

@media screen and (max-width:1139px) {
.shop_time .control_flex01 p:last-child {
  -webkit-flex-basis: 80%;
  flex-basis: 80%;
}
}

@media screen and (max-width:639px) {
.shop_time .control_flex01 p:last-child {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}
}
.shop_time .time01_txt {
  -webkit-flex-basis: 14%;
  flex-basis: 14%;
  text-align: center;
}

@media screen and (max-width:1139px) {
.shop_time .time01_txt {
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
}
}

@media screen and (max-width:639px) {
.shop_time .time01_txt {
  display: none;
}
}
/*== 電話番号 ==*/
.tel_txt {
  margin-top: 1rem;
}
/* リフォーム現場のご住所 */
.address02 .address02_txt {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  margin-bottom: 1rem;
}
/* リフォーム現場のご住所 */
.etc textarea.form_control {
  height: 150px;
}
/*== 現場画像アップロード ==*/
.file_txt {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 2rem;
}
.fileitem01, .fileitem02, .fileitem03 {
  margin-bottom: 2rem;
  display: inline-block;
}
.fileitem01 input[type="file"], .fileitem02 input[type="file"], .fileitem03 input[type="file"] {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  width: 100%;
}
/*== このサイトをご覧になられたきっかけはなんですか？ ==*/
.bdttl {
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
}
.bdttl_inner {
  position: relative;
  display: inline-block;
  margin: 0 2.5rem;
  padding: 0 2.4rem;
  font-size: 2rem;
}

@media screen and (max-width: 480px) and (min-width: 0) {
.bdttl_inner {
  font-size: 1.8rem;
  padding: 0 1rem;
}
}
.bdttl_inner::before, .bdttl_inner::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #7b7b7b;
}
.bdttl_inner::before {
  right: 100%;
}
.bdttl_inner::after {
  left: 100%;
}
.form_item_kikkake {
  overflow: hidden;
}
.form_item_kikkake .form_req_wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: justify;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.form_item_kikkake .form_req {
  min-width: 50px;
  line-height: 1.6;
  margin-left: 1.4rem;
}

.mw_wp_form .horizontal-item + .horizontal-item{
  margin-left:0!important;
}

@media screen and (max-width: 1139px) and (min-width: 0) {
.form_item_kikkake .form_req {
  padding: 2px 0;
}
}
.form_item_kikkake .form_control_wrap {
  max-width: 100%;
  margin: 0 auto;
}
.fav02 .wpcf7-checkbox {
  overflow: hidden;
}
.fav02 .wpcf7-list-item,
.fav02 .horizontal-item{
  line-height: 3;
  width: 31.8%;
  float: left;
}


@media screen and (max-width: 1139px) and (min-width: 0) {
.fav02 .wpcf7-list-item,
.fav02 .horizontal-item {
  width: 47%;
  line-height: 2.5;
}
}

@media screen and (max-width: 560px) {
.fav02 .wpcf7-list-item,
.fav02 .horizontal-item {
  float: none;
  width: 95%;
}
}

.fav02 .wpcf7-list-item:last-of-type,
.fav02 .horizontal-item:nth-child(12) {
  clear: both;
  width: 10%;
  margin-top: 2rem;
}

@media screen and (max-width: 1139px) and (min-width: 0) {
.fav02 .wpcf7-list-item:last-of-type,
.fav02 .horizontal-item:nth-child(12)  {
  width: 100%;
  float: none;
  margin-top: 0;
}
}
.fav-etc02 input {
  width: 72%;
  margin-left: 2%;
  margin-top: 2rem;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  line-height: 1.25;
  color: #495057;
  background-color: #eaeaea;
  background-image: none;
  background-clip: padding-box;
  border: none;
  display: inline-block;
}

@media screen and (max-width: 1139px) and (min-width: 0) {
.fav-etc02 input {
  display: block;
  margin-top: 0;
  width: 98%;
}
}
/*=== 送信ボタン ===*/
.btn_submit_wrap {
  max-width: 600px;
  width: 100%;
  margin: 95px auto 0;
}
.btn_submit {
  font-size: 24px;
  font-weight: bold;
  margin: 40px auto 0;
  display: block;
  width: 600px;
  text-align: center;
  padding: 20px 2%;
  background-color: #ffa347;
  border: 1px solid #ffa347;
  color: #fff;
  transition: .5s all;
  letter-spacing: 0.1em;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  cursor: pointer;
}

@media all and (-ms-high-contrast:none) {
.btn_submit {
  padding: 24px 2% 16px;
}
}

@media screen and (min-width: 0px) and (max-width:767px) {
.btn_submit {
  width: 96%;
  padding: 10px;
  line-height: 24px;
  font-size: 18px;
  margin: 0 auto;
}
}

@media screen and (min-width: 768px) {
.btn_submit:hover {
  opacity: 0.5;
}
}

@media screen and (max-width: 480px) {
.btn_submit_wrap {
  margin: 15px auto 0;
}
.btn_submit {
  /* padding: 4% 0 7%;*/
  font-size: 2.1rem;
}
}

@media screen and (max-width: 380px) {
.btn_submit {
  font-size: 1.8rem;
}
}
.btn_submit:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}
.btn_submit i {
  padding-left: 20px;
}
/*==========================================
 個人情報の取扱いについて
===========================================*/
.txt_privacy, .txt_bottom {
  width: 100%;
  max-width: 1140px;
  text-align: center;
  line-height: 2;
  font-size: 1.6rem;
  font-weight: 500;
}
.txt_privacy {
  margin: 80px auto 95px;
  padding: 0 2.5%;
}

@media screen and (max-width:959px) {
.txt_privacy {
  margin: 50px auto 60px;
}
}
.txt_privacy a {
  color: #ff9933;
  border-bottom: 1px solid #ff9933;
}
.txt_privacy a:hover {
  opacity: 0.5;
}
.ttl_privacy {
  margin: 0 0 10px 0;
  text-align: center;
}

@media screen and (max-width:959px) {
.txt_privacy, .txt_bottom {
  text-align: left;
}
}
/*==========================================
 サンクスページ
===========================================*/

.request_thanks {
  margin: 60px auto;
  text-align: center;
}
.request_thanks .txt01 {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: 0.1rem;
}
.request_thanks .txt02 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2;
}
.btn_bottom a {
  font-size: 18px;
  margin: 40px auto 0 auto;
  display: block;
  width: 300px;
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ffa347;
  color: #ffa347;
  transition: .5s all;
  letter-spacing: 0.1em;
}
.btn_bottom a:hover {
  background: #ffa347;
  color: #fff;
}
.btn_bottom a i {
  padding-right: 15px;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.btn_bottom a {
  width: 96%;
  padding: 10px;
  line-height: 24px;
}
}

/*==========================================
 200619　姓名
===========================================*/
.name-wrap{
 display:flex;
 align-items:center;
 justify-content: center;
}
.form_control_wrap p.first-name-input,
.form_control_wrap p.last-name-input{
 margin:0;
}
.first-name,
.last-name{
 min-width:35px;
 text-align:center;
}
@media screen and (max-width:481px) {
.name-wrap{
 flex-wrap:wrap;
}
.first-name-input,
.last-name-input{
 width:85%;
}
.form_control_wrap p.first-name,
.form_control_wrap p.last-name{
 margin:0;
 min-width: auto;
 width:15%;
}
.form_control_wrap p.last-name,
.form_control_wrap p.last-name-input{
 margin-bottom:15px;
}
}