/* Page-specific styles. The existing four page styles are unchanged. */
@import url('/assets/css/tkk-office.css');
.workshop-copy { text-align: left; }
.workshop-copy h3 { margin: 0 0 20px; color: var(--ink); font-size: 24px; font-weight: 400; line-height: 1.3; }
.workshop-copy ul { margin: 0 0 1.5em 3em; padding: 0; }
.workshop-copy li { line-height: 22px; }
.workshop-photo { background-position: center; background-size: auto; }
.international-copy { width: 80%; margin: 0 auto; font-size: 16px; line-height: 22px; }
.development-note { margin: 20px 0; padding: 14px; border: 1px dashed #aeb9bb; background: #f6f8f8; color: #475253; font-size: 13px; line-height: 1.7; }
.inquiry-title { display: flex; align-items: center; justify-content: center; min-height: 199px; padding: 10px; text-align: center; }
.inquiry-title h1 { margin: 0; color: var(--ink); font-size: 3vw; font-weight: 400; line-height: 1.3; letter-spacing: 10px; text-transform: uppercase; }
.inquiry-intro { padding-bottom: 30px; text-align: center; }
.inquiry-intro h6 { margin: 0 0 20px; color: var(--ink); font-size: 16px; font-weight: 400; line-height: 1.25; }
.google-form-slot { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 540px; padding: 35px; border: 1px dashed #9daeb1; background: #f4f6f6; color: #465354; text-align: center; }
.google-form-slot h2 { margin: 15px 0; font-size: 19px; font-weight: 400; line-height: 1.6; letter-spacing: 1px; }
.google-form-slot p { margin: 0; font-size: 14px; line-height: 1.9; }
.google-form-slot .development-status { display: inline-block; padding: 5px 12px; background: #e3e9e9; font-size: 13px; }
.shugaku-form-area { width: 50%; margin: 0 auto; }
.shugaku-form-area .google-form-slot { min-height: 650px; }
.tkk-page { font-size: 16px; line-height: 1.65; }
.tkk-banner { padding-top: 4.7%; padding-bottom: 4.7%; background-position: 0 -150px; }
.tkk-banner::before { background: rgb(255 255 255 / .8); }
.tkk-banner > div { position: relative; width: 750px; max-width: 100%; }
.tkk-about { padding: 70px 24px; }
.tkk-about-inner { display: flex; gap: 50px; max-width: 1080px; margin: auto; }
.tkk-about-copy { flex: 0 1 60%; min-width: 0; }
.tkk-details { flex: 0 1 40%; min-width: 0; }
.tkk-trademark { display: flex; align-items: center; gap: 60px; max-width: 1080px; margin: auto; padding: 70px 24px; background: #faf8f5; }
.tkk-trademark-copy { flex: 0 1 55%; min-width: 0; }
.tkk-trademark-photo { flex: 0 1 45%; min-width: 0; }
.tkk-trademark-photo img { width: 350px; height: auto; margin: auto; }
.tkk-members table { margin: 0 0 1.5em; }
.tkk-form-area { padding-bottom: 30px; background: #faf8f5; }
.tkk-form-area .google-form-slot { width: 50%; margin: auto; }
@media (max-width:1024px) {
  .workshop-photo { background-position: -18vw 0; background-size: cover; }
  .international-copy { font-size: 15px; line-height: 21px; }
  .inquiry-title h1 { font-size: 2.8vw; line-height: 1.2; }
  .inquiry-intro h6 { font-size: 15px; }
}
@media (max-width:767px) {
  .workshop-copy h3 { font-size: 20px; line-height: 1.4; }
  .workshop-copy li { line-height: 21px; }
  .inquiry-title h1 { font-size: 5vw; letter-spacing: 4px; }
  .shugaku-form-area { width: 100%; }
  .google-form-slot { padding: 24px 18px; }
  .tkk-page { font-size: 14.592px; }
  .tkk-banner { padding: 10% 5%; background-position: 0 -150px; }
  .tkk-banner h1 { font-size: 24px; line-height: 1.2; letter-spacing: 1.3px; word-spacing: 0; }
  .tkk-about-inner, .tkk-trademark { flex-direction: column; gap: 0; }
  .tkk-about-copy, .tkk-details, .tkk-trademark-copy, .tkk-trademark-photo { flex-basis: auto; width: 100%; }
  .tkk-trademark-copy { margin-bottom: 30px; }
  .tkk-trademark { width: 100%; }
  .tkk-form-area .google-form-slot { width: 80%; }
}