/* Japanese desktop contact adjustments */

body.device-desktop
.section--contact
.contact-panel {
  grid-template-columns: 1fr 250px 360px;
  gap: 32px;
}

body.device-desktop
.section--contact
.contact-panel__content h2 {
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -0.04em;
}

body.device-desktop
.section--contact
.contact-panel__content p {
  max-width: 430px;
  font-size: 16px;
  line-height: 1.75;
}

body.device-desktop
.section--contact
.contact-panel__mascot {
  width: 250px;
  min-height: 230px;
}

body.device-desktop
.section--contact
.contact-panel__mascot img {
  width: 250px;
}

/* Japanese desktop about adjustments */

body.device-desktop
.section--about
.feature-card {
  padding-left: 10px;
  padding-right: 10px;
}

body.device-desktop
.section--about
.feature-card h3 {
  font-size: 16px;
  line-height: 1.4;
  white-space: nowrap;
}

body.device-desktop
.section--about
.feature-card p {
  font-size: 13px;
  line-height: 1.65;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.device-desktop
.section--about
.about-panel__heading .section-heading__description {
  max-width: 760px;
  font-size: 15px;
  line-height: 1.8;
}

/* Japanese desktop channels adjustments */

body.device-desktop
.section--channels
.channels-panel {
  grid-template-columns: 250px 780px;
  column-gap: 30px;
}

body.device-desktop
.section--channels
.channels-panel__intro h2 {
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

body.device-desktop
.section--channels
.channels-panel__intro p {
  max-width: 220px;
  font-size: 14px;
  line-height: 1.75;
}

body.device-desktop
.section--channels
.channel-grid {
  width: 780px;
  min-width: 780px;
  max-width: 780px;
}

body.device-desktop
.section--channels
.channels-panel__mascot {
  width: 780px;
  min-width: 780px;
  max-width: 780px;
}

body.device-desktop
.section--channels
.channels-panel__mascot img {
  left: 295px;
  bottom: -67px;
}

/* Japanese desktop hero speech adjustments */

body.device-desktop .speech--middle {
  top: 150px;
  right: -24px;
}

body.device-desktop .speech--right {
  right: -18px;
  bottom: 118px;
}

/* Japanese mobile text wrapping adjustments */

/* Hero */

body.device-mobile .hero__content {
  width: 100%;
  min-width: 0;
}

body.device-mobile .hero__title {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.device-mobile .hero__title-line {
  display: block;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.device-mobile .hero__description {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* About section */

body.device-mobile
.section--about
.about-panel {
  min-width: 0;
}

body.device-mobile
.section--about
.about-panel__heading {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body.device-mobile
.section--about
.about-panel__heading h2 {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.device-mobile
.section--about
.about-panel__heading
.section-heading__description {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.device-mobile
.section--about
.feature-list {
  width: 100%;
  min-width: 0;
}

body.device-mobile
.section--about
.feature-card {
  min-width: 0;
  max-width: 100%;
}

body.device-mobile
.section--about
.feature-card h3,
body.device-mobile
.section--about
.feature-card p {
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Pick section */

body.device-mobile
.section--pick
.pick-panel {
  min-width: 0;
}

body.device-mobile
.section--pick
.pick-panel__content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body.device-mobile
.section--pick
.pick-panel__content h2,
body.device-mobile
.section--pick
.pick-panel__content > p:not(.badge) {
  width: 100%;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

body.device-mobile
.section--about
.feature-card {
  justify-content: flex-start;
}