/* お問い合わせフォーム */

.p1 {
  padding:15px;
  margin: 20px auto;
  text-align: center;
  background: #e3ecee; }
.linkbutton {
  margin-bottom: 20px; }
.linkbutton a {
  color: #fff;
  text-decoration: none; }
.rectangle{
  width: 250px;
  background: #02c4cc;
  padding: 15px 0 13px;
  display: inline-block;
  text-align: center;
  position: relative;
  overflow: hidden; }
.rectangle:before{
  position: absolute;
  content: '';
  display: block;
  border:1px solid  #ffffff;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 4px;
  top: 4px; }
.rectangle .jic {
  position: relative;
  top: 1px;
  margin-right: 2px; }
.wpcf7 {
  margin: 5px auto 10px !important;
  padding: 0 !important; }
.list-title {
  margin-top: 25px;
  padding: 5px;
  text-align: center;
  background: #721919;
  color: #fff; }
.list-title2 {
  text-align: center;
  margin-top: 5px;
  text-decoration: underline;
  font-size: 0.8rem; }
dt.noline,
dd.noline {
  border-bottom: none; }
.contact-form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.9rem; }
.contact-form dt {
  width: 30%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc; }
.contact-form dt span.hissu {
  white-space: nowrap;
  background: #c81010;
  color: #fff;
  font-size: 0.68rem;
  margin-right: 8px;
  padding: 1px 3px 0px;
  border-radius: 3px; }
.contact-form dt span.nini {
  white-space: nowrap;
  background: #999;
  color: #fff;
  font-size: 0.68rem;
  margin-right: 8px;
  padding: 1px 3px 0px;
  border-radius: 3px; }
.contact-form dd {
  padding: 15px 10px;
  margin: 0;
  border-bottom: 1px solid #ccc;
  width: 70%; }
.contact-form dd .chuui {
  display: block;
  padding-top: 3px;
  font-size: 0.8rem;
  color: #c81010; }
.contact-form .wpcf7-form-control-wrap {
  width: 100%; }
.contact-form .wpcf7-form-control-wrap input[type="text"],
.contact-form .wpcf7-form-control-wrap input[type="url"],
.contact-form .wpcf7-form-control-wrap input[type="number"],
.contact-form .wpcf7-form-control-wrap input[type="tel"],
.contact-form .wpcf7-form-control-wrap textarea {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 7px 10px;
  font-size: 1em; }
.contact-form .wpcf7-form-control-wrap input.p-postal-code {
  width: 130px; }
.contact-form .wpcf7-form-control-wrap input[type="email"] {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 7px 10px;
  letter-spacing: 1px;
  font-size: 1.6rem; }
.contact-form .wpcf7-form-control-wrap textarea {
  display: block;
  height: 160px;
  font-family: inherit;
  font-size:0.95rem; }
.contact-form .wpcf7-form-control-wrap select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 7px 10px;
  font-size: 1em; }
.contact-form .wpcf7-form-control-wrap select.p-region {
  width: 180px; }
.contact-form .wpcf7-form-control-wrap input[type="text"]:focus,
.contact-form .wpcf7-form-control-wrap input[type="email"]:focus,
.contact-form .wpcf7-form-control-wrap textarea:focus,
.contact-form .wpcf7-form-control-wrap select:focus {
  box-shadow: 0 0 7px #1abc9c;
  border: 1px solid #1abc9c; }
.contact-form dd .chuui2 {
  display: block;
  padding-bottom: 3px;
  font-size: 0.8rem;
  color: #c81010; }
.contact-form .comment {
  margin-top: 5px;
  line-height: 1rem;
  display: block;
  font-size: 0.8rem; }
.contact-form .upload-1 {
  display: block;
  margin: auto; }
.contact-form .codedropz-btn-wrap {
  display: block;
  margin: auto; }
.contact-form .cd-upload-btn {
  background: #02c4cc;
  padding: 10px 25px;
  line-height: 50px;
  border-radius: 2px;
  font-size: 0.8rem;
  color: #fff; }
.contact-form .cd-upload-btn:hover {
  background: #05a7ae;
  opacity: 1.0; }
.contact-form .submit-over1 {
  text-align: center;
  width: 80%;
  margin: 30px auto 0;
  font-size: 0.9rem; }
.contact-form .submit-over2 {
  margin: 20px auto 20px;
  text-align: center; }
.contact-form .submit-over3 {
  text-align: center;
  width: 80%;
  margin: 0 auto 10px;
  line-height: 1rem;
  font-size: 0.8rem; }
.contact-form .acceptance-691 label,
.contact-form .acceptance-691 label input {
  cursor: pointer; }
.contact-form .doui {
  display: none; }
.contact-form .doui {
  padding-left: 20px;
  position: relative; }
.submit-over2 .wpcf7-list-item-label:before{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px; }
.wpcf7-list-item-label {
  padding-left: 7px; }
.doui:checked + .wpcf7-list-item-label {
  color: #009a9a; }
.doui:checked + .wpcf7-list-item-label:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a; }
.contact-form input[type="submit"] {
  border-radius: 2px;
  -webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #02c4cc;
  padding: 7px 80px;
  font-size: 1em;
  display: block;
  margin: 0 auto;
  background: #02c4cc;
  cursor: pointer;
  color: #fff;
  margin-bottom: 0; }
.contact-form input[type="submit"]:hover {
  background: #05a7ae;
  border: 1px solid #05a7ae; }
.wpcf7 .submit-button {
  text-align:center; }
.wpcf7 .submit-button .ajax-loader {
  margin: 0 auto; }

.wpcf7 .wpcf7-response-output {
    margin: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
.wpcf-7-mail-sent-ok,
.wpcf7-mail-sent-ng,
.wpcf7-validation-errors {
  margin: 0 auto;
  text-align: center; }
.wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1 !important; }
.wpcf7-mail-sent-ng,
.wpcf7-validation-errors {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7 !important; }

.captchalink {
  margin-top: 50px;
  text-align: center;
  font-size:0.7rem; }
.captchalink a {
  color: #555; }

/*recaptureバッジを非表示に*/
.grecaptcha-badge {
  visibility: hidden; }

/* 各リスト項目のパディング設定 */
.ui-menu .ui-menu-item-wrapper {
  position: relative; padding: 3px 1em 3px .4em; }
/* リスト全体の背景 */
.ui-widget-content {
  border: 1px solid #666 !important;
  background: #eee !important;
  color: #000 !important;
  width: 200px; }
/* リスト hover 時のカラー */
.ui-state-active {
  background: #3cbfd3 !important;
  color: #ffffff; }

.formErrorContent {
  position: relative;
  padding-top: 3px;
  line-height: 1.1rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: red; }

.contact-form .inputRequi {
  background: #fff3f7; }

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset; }

.contact-form .inputError {
  background: #fff3f7; }
.contact-form .inputError:focus {
  background: #fff3f7; }
.contact-form .inputError::placeholder {
  color:#999; }
.contact-form .inputError::-webkit-input-placeholder {
  color:#999; }
.contact-form .inputError:-ms-input-placeholder {
  color:#999; }
.contact-form .inputOk {
  background: #edf5ff; }
.contact-form .group2,
.contact-form .group3,
.contact-form .group4,
.contact-form .group5 {
  display: none; }

@media (max-width: 767px) {
  .p1 {
    padding: 20px;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1); }
  .p1 p {
    line-height: 1.2rem;
    padding-bottom: 5px !important; }
  .p1 p span {
    display: block; }
  .list-title2 span {
    display: block; }
  .rectangle{
    padding: 15px 0; }
  .page-id-436 .cps-post-main-box,
  .page-id-558 .cps-post-main-box {
    padding: 0 15px; }
  .contact-form  dl {
    display:block;
    width: 100%;
    font-size: 1.1rem; }
  .contact-form dl div[data-class="wpcf7cf_group"] {
    font-size: 1.1rem; }
  .contact-form  dl dt {
    width: 100%;
    padding: 15px 0 0;
    border-bottom: 0px; }
  .contact-form dt span.hissu,
  .contact-form dt span.nini {
    font-size: 0.9rem;
    margin-right: 5px !important;
    padding: 2px 5px 2px !important; }
  .contact-form  dl dd {
    width: 100%;
    padding: 5px 0 10px; }
  .contact-form .wpcf7-form-control-wrap input[type="email"] {
    padding: 15px 5px;
    letter-spacing: 0px;
    font-size: 1.4rem; }
  .contact-form .upload-1 {
    display: none; }
  .contact-form .cd-upload-btn {
    padding: 5px 10px;
    font-size: 1.1rem; }
  .contact-form .submit-over1 {
    width: 95%; }
  .contact-form .submit-over1 span {
    display: block; }
  .contact-form .submit-over2 {
    font-size:1.1rem; }
  .contact-form input[type="submit"] {
    padding: 7px 100px;
    font-size: 1.4em; }
}