.u-font__jp {
  font-family: "Noto Sans JP", sans-serif;
}

.u-font__en {
  font-family: "Alata", sans-serif;
}

.u-font__both {
  font-family: "Alata", "Noto Sans JP", sans-serif;
}

.u-color__text--base {
  color: #FFFFFF;
}

.u-color__bg--base {
  background: #FFFFFF;
}

.u-color__border--base {
  border-color: #FFFFFF;
}

.u-color__text--main {
  color: #333333;
}

.u-color__bg--main {
  background: #000000;
}

.u-color__border--main {
  border-color: #000000;
}

.u-color__text--accent {
  color: #386F81;
}

.u-color__bg--accent {
  background: #386F81;
}

.u-color__border--accent {
  border-color: #386F81;
}

.u-color__text--accent-light {
  color: rgba(56, 111, 129, 0.16);
}

.u-color__bg--accent-light {
  background: rgba(56, 111, 129, 0.16);
}

.u-color__border--accent-light {
  border-color: rgba(56, 111, 129, 0.16);
}

.u-color__text--sub {
  color: #868686;
}

.u-color__bg--sub {
  background: #868686;
}

.u-color__border--sub {
  border-color: #868686;
}

.u-color__text--border {
  color: #D8DDDF;
}

.u-color__bg--border {
  background: #D8DDDF;
}

.u-color__border--border {
  border-color: #D8DDDF;
}

.u-color__text--input {
  color: #BDC1C2;
}

.u-color__bg--input {
  background: #BDC1C2;
}

.u-color__border--input {
  border-color: #BDC1C2;
}

.u-color__text--bg {
  color: #F4F8FA;
}

.u-color__bg--bg {
  background: #F4F8FA;
}

.u-color__border--bg {
  border-color: #F4F8FA;
}

.u-color__text--link {
  color: #386F81;
}

.u-color__bg--link {
  background: #386F81;
}

.u-color__border--link {
  border-color: #386F81;
}

.u-color__text--alert {
  color: #E21E1E;
}

.u-color__bg--alert {
  background: #E21E1E;
}

.u-color__border--alert {
  border-color: #E21E1E;
}

.u-color__text--alert-light {
  color: rgba(226, 30, 30, 0.1);
}

.u-color__bg--alert-light {
  background: rgba(226, 30, 30, 0.1);
}

.u-color__border--alert-light {
  border-color: rgba(226, 30, 30, 0.1);
}

.u-color__text--line {
  color: #00b900;
}

.u-color__bg--line {
  background: #00b900;
}

.u-color__border--line {
  border-color: #00b900;
}


/* BRAND NEWS SECTION CSS */
.brand-news-section { max-width: 1200px; margin: 60px auto; padding: 0 20px; box-sizing: border-box; color: #333; }
.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.section-title { font-size: 40px; font-weight: bold; margin: 0; }
.view-more-btn { background-color: #111; color: #fff; text-decoration: none; padding: 10px 25px; border-radius: 50px; font-size: 12px; font-weight: bold; }
.news-content { display: flex; gap: 30px; }
.news-image-col { flex: 1; position: relative; }
.news-main-image { width: 100%; height: 100%; object-fit: cover; min-height: 400px; display: block; }
.image-link-arrow { position: absolute; bottom: 20px; right: 20px; width: 50px; height: 50px; background: #111; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; }
.news-list-col { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.news-item { border: 1px solid #e0e0e0; padding: 30px; display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: inherit; }
.news-text h3 { font-size: 18px; margin: 0 0 10px 0; font-weight: bold; }
.news-text p { font-size: 14px; margin: 0; color: #666; }
.icon-arrow-circle { min-width: 40px; height: 40px; border: 1px solid #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-left: 15px; }
.icon-arrow-svg { width: 14px; height: 14px; stroke: #333; }
.image-arrow-svg { width: 20px; height: 20px; stroke: #fff; }
@media (max-width: 768px) { .news-content { flex-direction: column; } .news-image-col { min-height: 300px; } }