/* English pages only: original content and local shared assets. */
.en-page { overflow-wrap: break-word; }
.en-page .subpage-banner h1 { text-transform: uppercase; }
.en-home.page-shell { width: 100%; max-width: none; margin: 0; }
.en-home .hero h1 { font-weight: 900; }
.en-home .hero h2 { margin: 0; color: var(--ink); font-size: 25px; font-weight: 400; line-height: 65px; letter-spacing: 7px; }
.en-home .feature-description p { margin: 0; }
.en-about .strength-1 .strength-body { color: #4d4d4d; }
.en-about .strength-2 .strength-body { color: #595959; }
.en-about .strength-3 .strength-body { color: #5c5c5c; }
.en-about .president-name h3 { text-transform: uppercase; }
.en-about .president-body { margin-bottom: 50px; letter-spacing: 1.1px; }
.en-about .president-body p { margin-bottom: 0; }
.en-about .company-labels { text-align: justify; }
.en-about .company-values { min-width: 0; }
.en-satoko .subpage-banner h1 { width: 100%; max-width: 750px; }
.en-workshop-copy { text-align: start; }
.en-workshop-copy > div { line-height: 25px; letter-spacing: .5px; }
.en-workshop-copy ul { margin: 0 0 1.5em 3em; padding: 0; }
.en-workshop-photo { background-size: auto; background-position: center; }
.booking-area { padding: 10px; text-align: center; }
.booking-link { display: inline-block; max-width: 100%; padding: 12px 24px; border-radius: 12px; background: #cc1070; color: #fff; box-shadow: 4px 4px 10px rgb(0 0 0 / .5); font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: 5px; text-transform: uppercase; text-decoration: none; }
.booking-link:hover { color: #fff; }
.en-contact-form-area { width: 50%; margin: auto; }
.en-contact .google-form-slot { min-height: 540px; }
@media (max-width:1024px) {
  .en-about .president-name h3 { font-size: 32px; line-height: 1.3; }
  .en-home .hero h2 { padding-top: 10px; font-size: 40px; line-height: 1; }
  .en-about .concept-copy > div, .en-workshop-copy > div { line-height: 21px; }
  .en-about .strength-body { font-size: 14px; }
  .en-workshop-photo { background-size: cover; background-position: -18vw 0; }
  .booking-link { line-height: 1; }
}
@media (max-width:767px) {
  .en-about .strength-body { text-align: center; }
  .en-about .president-body { margin-bottom: 0; }
  .en-about .president-name h3 { font-size: 28px; letter-spacing: 3px; }
  .en-home .hero h2 { font-size: 25px; letter-spacing: 3px; }
  .en-contact-form-area { width: 100%; }
  .en-workshop-photo { background-position: 0 0; }
  .en-about .company-labels { overflow-wrap: anywhere; }
  .en-page .subpage-banner h1 { overflow-wrap: normal; }
  .booking-link { letter-spacing: 5px; }
}
