/* ================================
   共通スタイル（PC・タブレット）
================================ */

.inquiryid-contents {
   font-size: .9rem;
 }

 .form-control {
  font-size: .9rem !important;
 }

 .form-contact__lead {
   font-weight: 600;
   margin-bottom: 1rem;
 }

 .form-contact__table {
   background-color: #fff;
   width: 100%;
   border-collapse: collapse;
 }

 .form-contact__label {
   width: 20%;
   vertical-align: middle;
   background-color: #f8f9fa;
   font-weight: 500;
   padding: 0.75rem;
   border-bottom: 1px solid #dee2e6;
 }

 .form-contact__input {
   vertical-align: middle;
   padding: 0.75rem;
   font-size: .9rem;
   border-bottom: 1px solid #dee2e6;
 }

 .form-contact__required {
   color: #dc3545;
 }

 .form-contact__submit {
   text-align: center;
   margin-top: 2rem;
 }

 .form-contact__submit .btn {
   display: inline-block;
   font-size: 1.1rem;
   background-color: #033B74;
   border: 1px solid #033B74;
   width: 240px;
   padding: 0.6rem 0;
   border-radius: 5px;
   color: #fff;
   font-weight: 600;
   letter-spacing: 0.05em;
   transition: all 0.3s ease;
 }

 .form-contact__submit .btn:hover,
 .form-contact__submit .btn:focus {
   background-color: #fff;
   color: #033B74;
   border-color: #033B74;
   text-decoration: none;
   box-shadow: 0 0 5px rgba(3, 59, 116, 0.4);
 }

.form-control::placeholder {
  color: #ccc;  
  font-size: 0.9rem; 
  opacity: 1; 
}

/* 古いブラウザ対応（任意） */
.form-control::-ms-input-placeholder {
  color: #ccc;
  font-size: 0.9rem;
}
.form-control::-ms-input-placeholder {
  color: #ccc;
  font-size: 0.9rem;
}

 /* ================================
   スマホレイアウト（768px以下）
================================ */
 @media (max-width: 768px) {

   .form-contact__table,
   .form-contact__table tbody,
   .form-contact__row,
   .form-contact__label,
   .form-contact__input {
     display: block;
     width: 100%;
   }

   .form-contact__label {
     background-color: #e9f2fb !important;
     padding: 0.5rem 0.75rem;
     font-weight: 600;
     border: 1px solid #d0e0f0;
     border-radius: 4px 4px 0 0;
   }

   .form-contact__input {
     background-color: #fff;
     padding: 0.5rem 0.75rem;
     border: 1px solid #dee2e6;
     border-top: none;
     border-radius: 0 0 4px 4px;
   }

   .form-contact__row {
     margin-bottom: 1rem;
   }

   .form-contact__table th,
   .form-contact__table td {
     display: block;
     width: 100%;
   }

   .form-contact__table .form-control {
     width: 100%;
   }
 }