@charset "UTF-8";

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

/* PC */
/* 枠 */
.contact-form-container .contact-form-inner {
   text-align: center;
   width:600px;
   margin: 0 auto;
   font-size: 14px;
}
/* フォーム */
.contact-form-container .wpcf7 .wpcf7-form {
}
.contact-form-container .wpcf7 .wpcf7-form .form-item {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   margin-bottom:36px;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-flex-box {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   width:100%;
}

.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
 {
   border: 1px solid #6A7988;
   border-radius:3px;
   padding: 6px;
   width:320px;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-Label-Required  {
   color: #b83030;
   border-radius: 3px;
   font-family: YuGothic;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   line-height: normal;
   width:45px;
   padding:3px 0;
   margin-right:28px;
   white-space: nowrap;
   display: block;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item .form-item-Label-unRequired  {
   background: #fff;
   color: #FFF;
   width:45px;
   padding:4px 0;
   margin-right:28px;
   white-space: nowrap;
   display: block;
}
/* チェックボックス */
.contact-form-container .wpcf7 .wpcf7-form .form-item .wpcf7-checkbox {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width:332px;
}

.contact-form-container .wpcf7 .wpcf7-form .form-item .wpcf7-checkbox input[type=checkbox] {
   width: 24px;
   height: 24px;
   background-color: #D9D9D9;
   /* background-color: #9a9a9a; */
   position: relative;
   cursor: pointer;
   background-color: #ddd;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   vertical-align: middle;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item .wpcf7-checkbox input[type="checkbox"]:checked {
   border: none;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16'><rect fill='%239a9a9a' width='16' height='16'/><path fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12.6,5.17l-5.66,5.66L3.4,7.29'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
 }
.contact-form-container .wpcf7 .wpcf7-form .form-item .wpcf7-checkbox .wpcf7-list-item  {
   margin-left:0;
}

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

/* 内容チェック */
.contact-form-container .wpcf7 .wpcf7-form .form-item.form-item-content-check {
   margin-left:12px;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item.form-item-content-check .wpcf7-checkbox {
   width:100%;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item.form-item-content-check p {margin:0 auto;}
.contact-form-container .wpcf7 .wpcf7-form .form-item.form-item-content-check label {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.contact-form-container .wpcf7 .wpcf7-form .form-item.form-item-content-check label .wpcf7-list-item-label {
   margin-bottom:15px;
   text-align: left;
}

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

.button-wrap p input {  
   color:#fff;
   font-family: YuGothic;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   border: 1px solid #FFF;
   background: #00A0E9;
   border-radius: 100px;
   width: 250px;
   height: 75px;
   flex-shrink: 0;
   border:none;
   cursor: pointer;
   text-align: left;
   padding: 0 40px;
   position:relative;
}

.button-wrap p::after {
   content:"";
   position:absolute;
   display: inline-block;
   top:37px;
   right:40px;
   transform: translate(0, -9px);
   width:15px;
   height: 15px;
   margin:0;
   z-index: 2;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath  d='M7.5 0L6.17813 1.32187L11.4094 6.5625H0V8.4375H11.4094L6.17813 13.6781L7.5 15L15 7.5L7.5 0Z' fill='white'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* ボタン ホバー時 */
.button-wrap p:hover {
   border: 1px solid #00A0E9;
   box-sizing: content-box;
}
.button-wrap p:hover::after {
   content:"";
   position:absolute;
   display: inline-block;
   top:37px;
   right:40px;
   transform: translate(0, -9px);
   width:15px;
   height: 15px;
   margin:0;
   z-index: 2;
   background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath  d='M7.5 0L6.17813 1.32187L11.4094 6.5625H0V8.4375H11.4094L6.17813 13.6781L7.5 15L15 7.5L7.5 0Z' fill='%2300A0E9'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.button-wrap p input:hover {   
   color:#00A0E9;
   font-family: YuGothic;
   font-size: 15px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;
   background: #fff;
   border-radius: 100px;
   width: 250px;
   height: 75px;
   flex-shrink: 0;
   border:none;
   cursor: pointer;
   text-align: left;
   padding: 0 40px;
   position:relative;
}

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

/* 送信完了メッセージ */
.wpcf7 form .wpcf7-response-output {
   margin:60px 0;
   font-size:14px;
}
.wpcf7 form.sent .wpcf7-response-output {
   border-color:#fff;
}
/* エラーメッセージ */
.wpcf7 form.invalid .wpcf7-response-output {
   border-color:#fff !important;
   color:#dc3232 !important;
   }



/* end.PC */

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

   .contact-form-container .contact-form-inner {width:calc(100% - 40px); margin: 0 auto;}

   .contact-form-container .wpcf7 .wpcf7-form .form-item {
   
   }
   .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 {
      margin:60px 0 0;
   }

}

/* end.SP */