@charset "UTF-8";
/**
* contact CSS
*
*/


/*
* レイアウト
*/
#inquiry {
  padding-top: 160px;
}
#inquiry h2.inquiryHeader {
  margin: 0 0 40px 0;
  padding: 0;
  text-align: center;
  color: #E56718;
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 0.1em;
}


/*
* 投稿本文
*/
#postWrap {
  margin: 0 auto 80px auto;
  padding: 0 20px;
}
#postWrap p.sub {
  margin: 0 0 40px 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}
#postWrap p.sub span.must {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  background-color: #E56718;
  border-radius: 5px;
}


/*
* フォーム
*/
#mwwpformWrap {
  margin: 0;
  padding: 0 0 40px 0;
}
#mwwpformWrap h3.formTitle {
  margin: 0 0 40px 0;
  padding: 20px 0;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  border-bottom: #FEC72E 3px solid;
  border-radius: 20px 20px 0 0;
}
/* MW WP Form */
#mwwpformWrap .inputWrap {
  margin: 0;
  padding: 0 20px 40px 20px;
}
#mwwpformWrap ul {
  margin: 0;
  padding: 0;
}
#mwwpformWrap li {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 20px 0;
  border-bottom: #FEC72E 1px solid;
}
#mwwpformWrap li h5 {
  position: relative;
  width: 260px;
  margin: 0 40px 0 0;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 300;
}
#mwwpformWrap li h5 .must {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin: 0;
  padding: 8px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  background-color: #E56718;
  border-radius: 5px;
}
#mwwpformWrap li p.cell {
  flex: 1;
  margin: 0;
  padding: 0;
  border: 0px;
}
/* フォーム調整 */
#mwwpformWrap .name {
  max-width: 100%;
  width: 20em;
}
#mwwpformWrap .phone {
  max-width: 100%;
  width: 20em;
}
#mwwpformWrap .zip {
  max-width: 100%;
  width: 10em;
  margin-bottom: 10px;
}
#mwwpformWrap .addr1 {
  max-width: 100%;
  margin-bottom: 10px;
}
/* フォーム部品 */
#mwwpformWrap ::placeholder {
  color: #000000;
}
#mwwpformWrap input[type='text'],
#mwwpformWrap input[type='email'],
#mwwpformWrap input[type='tel'],
#mwwpformWrap textarea {
  display: inline-block;
  background-color: #F6F6F6;
  border-radius: 10px;
}
/* ボタン */
#mwwpformWrap .buttonWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 20px 80px;
}
#mwwpformWrap .buttonWrap .button {
  flex: 1;
  margin: 0 20px;
}
#mwwpformWrap .buttonWrap .button:empty {
  display: none;
}
#mwwpformWrap .buttonWrap .submit {
  width: 100%;
  padding: 20px;
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.1em;
  background-color: #366C8E;
  border: 0px;
  border-radius: 9999px;
}
#mwwpformWrap .buttonWrap .back {
  width: 100%;
  padding: 20px;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.1em;
  background-color: #EEEEEE;
  border: 0px;
  border-radius: 9999px;
}



/*
* スマホ用 **********************************************************************
*/


@media screen and (max-width:993px){


  /*
  * レイアウト
  */
  #inquiry {
    padding-top: 80px;
  }
  #inquiry h2.inquiryHeader {
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
    color: #E56718;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.1em;
  }


  /*
  * 投稿本文
  */
  #postWrap {
    margin: 0 auto 80px auto;
    padding: 0 20px;
  }
  #postWrap p.sub {
    margin: 0 0 40px 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
  }
  #postWrap p.sub span.must {
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    background-color: #E56718;
    border-radius: 5px;
  }



  /*
  * フォーム
  */
  #mwwpformWrap {
    margin: 0;
    padding: 0 0 40px 0;
  }
  #mwwpformWrap h3.formTitle {
    margin: 0 0 40px 0;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    border-bottom: #FEC72E 3px solid;
    border-radius: 20px 20px 0 0;
  }
  /* MW WP Form */
  #mwwpformWrap .inputWrap {
    margin: 0;
    padding: 0 20px 40px 20px;
  }
  #mwwpformWrap ul {
    margin: 0;
    padding: 0;
  }
  #mwwpformWrap li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 20px 0;
    border-bottom: #FEC72E 1px solid;
  }
  #mwwpformWrap li h5 {
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
  }
  #mwwpformWrap li h5 .must {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
    padding: 8px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    background-color: #E56718;
    border-radius: 5px;
  }
  #mwwpformWrap li p.cell {
    flex: 1;
    margin: 0;
    padding: 0;
    border: 0px;
  }


  /* ボタン */
  #mwwpformWrap .buttonWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 20px;
  }
  #mwwpformWrap .buttonWrap .button {
    flex: 1;
    width: 100%;
    margin: 10px 0;
  }
  #mwwpformWrap .buttonWrap .button:empty {
    display: none;
  }
  #mwwpformWrap .buttonWrap .submit {
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.1em;
    background-color: #366C8E;
    border: 0px;
    border-radius: 9999px;
  }
  #mwwpformWrap .buttonWrap .back {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.1em;
    background-color: #EEEEEE;
    border: 0px;
    border-radius: 9999px;
  }


















}