@charset "UTF-8";

/* COMPANYページスタイルシート */

/* PC */

/* フォーム */
.form {
   border-left: 1px solid #757575;
   border-right: 1px solid #757575;
   padding: 32px 50px 60px;
}
.contactForm-content-container .wpcf7 .wpcf7-form {
   width: fit-content;
   margin: 0 auto;
}
.contactForm-content-container .wpcf7 .wpcf7-form .form-item {
   /* text-align: left; */
}
.contactForm-content-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box p {margin:8px 0 35px;}
.contactForm-content-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box .form-item-title p {
   display: flex;
   align-items: flex-end;
   margin-bottom:8px;
}
.contactForm-content-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box .form-item-title p:first-child {
   margin-top:0;
}
.contactForm-content-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box .form-item-title p .form-item-Label-title {
   margin-right:13px;
   font-family: Times;
   font-size: 25px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.contactForm-content-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box .form-item-title p .form-item-Label-subtitle {
   font-family: "Hiragino Kaku Gothic Pro";
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
}

.contactForm-content-container .wpcf7 .wpcf7-form .form-item input[type=text],
.contactForm-content-container .wpcf7 .wpcf7-form .form-item input[type=email],
.contactForm-content-container .wpcf7 .wpcf7-form .form-item input[type=tel],
.contactForm-content-container .wpcf7 .wpcf7-form .form-item textarea
 {
   border: 1px solid #757575;
   background: #000;
   padding: 16px 9px;
   width:480px;
   color:#fff;
}

/* テキストエリア */
.contactForm-content-container .wpcf7 .wpcf7-form .form-item textarea {
   resize: vertical;
   /* width:280px; */
}

/* 送信ボタン */
.button-wrap {
   width:fit-content;
   margin: 60px auto 0;
   position:relative;
}
.button-wrap p {
   width:min-content;
   border-radius: 100px;
   margin:0;
}

.wpcf7-form-control.wpcf7-submit {  
   color: #FFF;
   font-family: Times;
   font-size: 25px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   border: 1px solid #FFF;
   background: #000;
   border-radius: 40px;
   border: 1px solid #757575;
   width: 310px;
   height: 80px;
   flex-shrink: 0;
   padding: 0 20px;
   position:relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.wpcf7-form-control.wpcf7-submit img {
   width: 90px;
    height: auto;
}
/* ホバー時 */
.wpcf7-form-control.wpcf7-submit:hover {
   background-color: #d8d8d8;
   color:#000;
}


div.wpcf7 .wpcf7-spinner {
   display: none !important;
}

/* 送信完了メッセージ */
.wpcf7 form .wpcf7-response-output {
   font-size:14px;
   text-align: center !important;
   margin: 0 auto !important;
   padding: 40px !important;
   border-top:none !important;
   border-bottom:none !important;
   border-left: 1px solid #757575 !important;
   border-right: 1px solid #757575 !important;
   border-color: #757575 !important;
}
/* エラーメッセージ */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
   border-color:#fff !important;
   color:#dc3232 !important;
   }

footer{margin-top:0;}

/* end.PC */

/* SP */
@media (max-width:599px){ 

   .form {padding: 20px 20px 50px;}

   .contactForm-content-container .wpcf7 .wpcf7-form .form-item input[type=text],
   .contactForm-content-container .wpcf7 .wpcf7-form .form-item input[type=email],
   .contactForm-content-container .wpcf7 .wpcf7-form .form-item input[type=tel],
   .contactForm-content-container .wpcf7 .wpcf7-form .form-item textarea
   {
      border: 1px solid #757575;
      background: #000;
      padding: 16px 9px;
      width:320px;
   }

   /* 問い合わせフォーム */
   .contact-form-container .contact-form-inner {width:calc(100% - 40px); margin: 0 auto;}

   .contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box {
      display: block;
      width:calc(100% - 60px);

   }

   .contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-Label-Required {
      margin-right:0;
   }
   .contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-Label-unRequired {
      margin-right:0;
   }

   .contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box p {
      text-align: left;
      margin-right:0;
   }
   .contact-form-container .wpcf7 .wpcf7-form .form-item.form-item-checkbox .form-item-flex-box p {
      display: flex;
   }

   .contact-form-container .wpcf7 .wpcf7-form .form-item input[type=text],
   .contact-form-container .wpcf7 .wpcf7-form .form-item input[type=email],
   .contact-form-container .wpcf7 .wpcf7-form .form-item input[type=tel],
   .contact-form-container .wpcf7 .wpcf7-form .form-item textarea {
      width:-webkit-fill-available;
   }

   .contact-form-container .wpcf7 .wpcf7-form .form-item .wpcf7-checkbox {
      margin: 0 auto;
   }

   .wpcf7 form .wpcf7-response-output {
      padding: 40px 0 !important;
   }

}



/* end.SP */