/* ABOUT: company story */
.company_story_area {
  padding: 76px 0 74px;
  border-bottom: 1px solid #dfe6ea;
  background: #fff;
  scroll-margin-top: 112px;
}

.company_story_kicker {
  display: block;
  margin: 0 0 10px;
  color: #a4771c;
  font: 700 10px/1.4 "Roboto", sans-serif;
  letter-spacing: 0;
  text-align: center;
}

.company_story_area .tittle {
  margin-bottom: 0;
  text-align: center;
}

.company_story_area .tittle h4 {
  text-wrap: balance;
}

.company_story_body {
  max-width: 940px;
  margin: 0 auto;
}

.company_story_copy {
  padding-top: 28px;
}

.company_story_copy p {
  margin: 0 0 16px;
  padding: 0;
  color: #394853;
  font-size: 14px;
  line-height: 2;
  line-break: strict;
  word-break: normal;
  text-wrap: pretty;
}

.company_story_copy p:last-child {
  margin-bottom: 0;
}

.company_story_copy .company_story_note {
  padding: 3px 0 3px 22px;
  border-left: 2px solid #b88620;
  color: #213643;
  font-weight: 600;
}
/* ABOUT: group and partnership structure */
.group_structure_area {
  padding: 76px 0;
  border-top: 1px solid #d7e0e6;
  border-bottom: 1px solid #d7e0e6;
  background: #edf2f4;
}

.group_structure_area .tittle {
  margin-bottom: 28px;
  text-align: center;
}

.group_structure_area .tittle h2 {
  margin: 0;
  color: #142431;
  font: 600 32px/1.45 "Oswald", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.group_structure_area .tittle h4 {
  max-width: 760px;
  margin: 12px auto 0;
  color: #596b78;
  font-size: 14px;
  line-height: 1.9;
}

.group_structure_kicker {
  display: block;
  margin-bottom: 10px;
  color: #a4771c;
  font: 700 10px/1.4 "Roboto", sans-serif;
}

.group_structure_figure {
  max-width: 1120px;
  margin: 0 auto;
}

.group_structure_figure svg {
  display: block;
  width: 100%;
  height: auto;
}

.group_structure_figure .map-line {
  fill: none;
  stroke: #8199a8;
  stroke-width: 2;
}

.group_structure_figure .map-line--external {
  stroke: #b88620;
  stroke-dasharray: 7 6;
}

.group_structure_figure .map-core {
  fill: #102c40;
  stroke: #102c40;
}

.group_structure_figure .map-group {
  fill: #fff;
  stroke: #3c7f8a;
  stroke-width: 2;
}

.group_structure_figure .map-rights {
  fill: #fffaf0;
  stroke: #b88620;
  stroke-width: 2;
}

.group_structure_figure .map-output {
  fill: #dce8ec;
  stroke: #66818f;
}

.group_structure_figure .map-kicker {
  fill: #6b7d88;
  font: 700 11px "Roboto", sans-serif;
}

.group_structure_figure .map-kicker--core {
  fill: #e6bb54;
}

.group_structure_figure .map-title {
  fill: #142431;
  font: 700 21px "Roboto", "Noto Sans JP", sans-serif;
}

.group_structure_figure .map-title--compact {
  font-size: 17px;
}

.group_structure_figure .map-title--core {
  fill: #fff;
  font-size: 25px;
}

.group_structure_figure .map-copy {
  fill: #596b78;
  font: 500 13px "Roboto", "Noto Sans JP", sans-serif;
}

.group_structure_figure .map-copy--core {
  fill: #c7d5dc;
}

.group_structure_figure .map-label {
  fill: #71838e;
  font: 700 10px "Roboto", sans-serif;
}

.group_structure_figure figcaption {
  margin-top: 14px;
  color: #60717c;
  font-size: 11px;
  line-height: 1.8;
  text-align: center;
}

.group_structure_mobile {
  display: none !important;
}

@media (max-width: 767px) {
  .company_story_area {
    padding: 58px 0;
    scroll-margin-top: 76px;
  }

  .company_story_copy {
    padding-top: 20px;
  }

  .company_story_copy p {
    font-size: 13px;
    line-height: 1.9;
  }

  .company_story_copy .company_story_note {
    padding-left: 16px;
  }
  .group_structure_area {
    padding: 58px 0;
  }

  .group_structure_area .tittle h2 {
    font-size: 27px;
  }

  .group_structure_desktop {
    display: none !important;
  }

  .group_structure_mobile {
    display: block !important;
    max-width: 390px;
    margin: 0 auto;
  }

  .group_structure_figure figcaption {
    padding: 0 8px;
    text-align: left;
  }
}
/* ABOUT: IP portfolio and academic research */
.ip_research_area {
  padding: 84px 0 80px;
  border-top: 1px solid #d7e0e6;
  border-bottom: 1px solid #d7e0e6;
  background: #f4f7f8;
  scroll-margin-top: 108px;
}

.ip_research_heading {
  max-width: 900px;
  margin: 0 auto 34px;
  text-align: center;
}

.ip_research_kicker,
.academic_research_heading > span {
  display: block;
  margin-bottom: 11px;
  color: #a4771c;
  font: 700 10px/1.4 "Roboto", sans-serif;
  letter-spacing: 0;
}

.ip_research_heading h2 {
  margin: 0;
  color: #142431;
  font: 600 34px/1.5 "Oswald", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  text-wrap: balance;
}

.ip_research_context {
  max-width: 900px;
  margin: 0 auto 28px;
  padding: 22px 26px;
  border-left: 3px solid #b88620;
  background: #fff;
}

.ip_research_context h3 {
  margin: 0 0 10px;
  color: #142431;
  font: 600 20px/1.6 "Oswald", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.ip_research_context p {
  margin: 0;
  color: #435964;
  font-size: 14px;
  line-height: 1.9;
}

.ip_family_figure {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px;
  border-top: 2px solid #b88620;
  border-right: 1px solid #cfdae0;
  border-bottom: 1px solid #cfdae0;
  border-left: 1px solid #cfdae0;
  background: #fff;
}

.ip_family_tree {
  display: block;
  width: 100%;
  height: auto;
}

.ip_family_tree--mobile {
  display: none;
}

.ip_family_tree .ip-connector path {
  fill: none;
  stroke: #7c929f;
  stroke-width: 2;
}

.ip_family_tree .ip-node rect {
  fill: #fff;
  stroke: #8ea0aa;
  stroke-width: 1.5;
}

.ip_family_tree .ip-node--base rect {
  fill: #102c40;
  stroke: #102c40;
}

.ip_family_tree .ip-node--registered rect {
  fill: #fffaf0;
  stroke: #b88620;
  stroke-width: 2;
}

.ip_family_tree .ip-node--published rect {
  fill: #f6f9fb;
  stroke: #315f7a;
  stroke-width: 2;
}

.ip_family_tree .ip-node--international rect {
  fill: #f1f9f9;
  stroke: #258687;
  stroke-width: 2;
}

.ip_family_tree .ip-node--joint rect {
  fill: #faf8f2;
  stroke: #9d7b31;
  stroke-width: 1.5;
}

.ip_family_tree .ip-node--single rect {
  fill: #f7f9fa;
  stroke: #637b89;
  stroke-width: 1.5;
}

.ip_family_tree .ip-node--pending rect {
  fill: #f1f3f4;
  stroke: #87939a;
  stroke-width: 1.5;
  stroke-dasharray: 8 6;
}

.ip_family_tree .ip-node-label {
  fill: #758690;
  font: 700 10px "Roboto", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.ip_family_tree .ip-node--base .ip-node-label {
  fill: #e8bd5b;
}

.ip_family_tree .ip-node-title {
  fill: #142431;
  font: 700 18px "Roboto", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.ip_family_tree .ip-node--base .ip-node-title {
  fill: #fff;
}

.ip_family_tree .ip-node-copy {
  fill: #586a76;
  font: 500 11px "Roboto", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.ip_family_tree .ip-node-copy--small {
  font-size: 10px;
}

.ip_family_tree .ip-node--base .ip-node-copy {
  fill: #cfdae0;
}

.ip_family_tree .ip-tree-note {
  fill: #71838e;
  font: 500 11px "Roboto", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.ip_family_figure figcaption {
  margin-top: 12px;
  color: #60717c;
  font-size: 11px;
  line-height: 1.8;
  text-align: center;
}

.exclusive_rights {
  max-width: 1120px;
  margin: 30px auto 0;
}

.exclusive_rights h3 {
  margin: 0 0 15px;
  color: #142431;
  font: 700 13px/1.5 "Roboto", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.exclusive_rights h3 span {
  color: #a4771c;
}

.exclusive_rights_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #bdcbd2;
  border-bottom: 1px solid #bdcbd2;
  background: #fff;
}

.exclusive_right_card {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 170px;
  padding: 25px 45px 24px 23px;
  border-right: 1px solid #cbd6dc;
  color: #2f424e;
}

.exclusive_right_card:last-child {
  border-right: 0;
}

.exclusive_right_card::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 56px;
  height: 3px;
  background: #27898c;
  content: "";
}

.exclusive_right_card > span {
  display: block;
  margin-bottom: 11px;
  color: #287f82;
  font: 700 9px/1.5 "Roboto", sans-serif;
  letter-spacing: 0;
}

.exclusive_right_card strong {
  display: block;
  margin-bottom: 10px;
  color: #142431;
  font-size: 16px;
  line-height: 1.55;
}

.exclusive_right_card p {
  margin: 0;
  color: #60717c;
  font-size: 12px;
  line-height: 1.8;
}

.exclusive_right_card i {
  position: absolute;
  top: 50%;
  right: 20px;
  color: #27898c;
  transform: translateY(-50%);
}

.exclusive_right_card--linked {
  transition: background-color .2s ease, color .2s ease;
}

.exclusive_right_card--linked:hover,
.exclusive_right_card--linked:focus {
  background: #f3f9f9;
}

.exclusive_rights_note {
  margin: 11px 0 0;
  color: #6c7d88;
  font-size: 10px;
  line-height: 1.7;
}
.ip_research_policy {
  max-width: 1120px;
  margin: 22px auto 0;
  padding: 25px 30px;
  border-left: 3px solid #b88620;
  background: #102c40;
}

.ip_research_policy p {
  margin: 0;
  color: #d7e2e7;
  font-size: 14px;
  line-height: 1.9;
}

.ip_research_policy p + p {
  margin-top: 4px;
  color: #fff;
  font-weight: 700;
}

.ip_research_source {
  max-width: 1120px;
  margin: 11px auto 0;
  color: #6c7d88;
  font-size: 10px;
  line-height: 1.7;
}

.academic_research {
  max-width: 1120px;
  margin: 64px auto 0;
}

.academic_research_heading {
  display: flex;
  margin-bottom: 22px;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
}

.academic_research_heading > span {
  margin: 0 0 7px;
}

.academic_research_heading h3 {
  margin: 0;
  color: #142431;
  font: 600 28px/1.45 "Oswald", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
}

.academic_research_list {
  margin: 0;
  padding: 0;
  border-top: 1px solid #cbd6dc;
  list-style: none;
}

.academic_research_list li {
  border-bottom: 1px solid #cbd6dc;
}

.academic_research_list a {
  display: grid;
  grid-template-columns: 90px minmax(220px, .8fr) minmax(0, 1.4fr) 24px;
  gap: 20px;
  min-height: 76px;
  padding: 18px 10px;
  align-items: center;
  color: #2f424e;
  transition: background-color .2s ease, color .2s ease;
}

.academic_research_list a:hover,
.academic_research_list a:focus {
  background: #fff;
  color: #0f6670;
}

.academic_research_list time {
  color: #a4771c;
  font: 700 12px/1.5 "Roboto", sans-serif;
}

.academic_research_list strong {
  color: #142431;
  font-size: 14px;
  line-height: 1.65;
}

.academic_research_list span {
  color: #60717c;
  font-size: 13px;
  line-height: 1.75;
}

.academic_research_list i {
  color: #2c7e84;
  text-align: center;
}

.academic_research_note {
  margin: 13px 0 0;
  color: #6d7e88;
  font-size: 11px;
  line-height: 1.7;
}

@media (max-width: 991px) {
  .ip_research_heading h2 {
    font-size: 30px;
  }

  .academic_research_list a {
    grid-template-columns: 76px minmax(180px, .8fr) minmax(0, 1.25fr) 20px;
    gap: 14px;
  }
}

@media (max-width: 767px) {
  .ip_research_area {
    padding: 60px 0;
    scroll-margin-top: 76px;
  }

  .ip_research_heading {
    margin-bottom: 25px;
  }

  .ip_research_heading h2 {
    font-size: 27px;
    line-height: 1.55;
  }

  .ip_family_figure {
    padding: 16px 10px;
  }

  .ip_family_tree--desktop {
    display: none;
  }

  .ip_family_tree--mobile {
    display: block;
    max-width: 390px;
    margin: 0 auto;
  }

  .ip_family_figure figcaption {
    padding: 0 6px;
    text-align: left;
  }

  .exclusive_rights {
    margin-top: 25px;
  }

  .exclusive_rights h3 {
    font-size: 12px;
  }

  .exclusive_rights_grid {
    grid-template-columns: 1fr;
  }

  .exclusive_right_card {
    min-height: 0;
    padding: 22px 44px 21px 18px;
    border-right: 0;
    border-bottom: 1px solid #cbd6dc;
  }

  .exclusive_right_card:last-child {
    border-bottom: 0;
  }

  .ip_research_policy {
    padding: 21px 19px;
  }

  .ip_research_policy p {
    font-size: 13px;
    line-height: 1.85;
  }

  .academic_research {
    margin-top: 50px;
  }

  .academic_research_heading {
    display: block;
  }

  .academic_research_heading h3 {
    font-size: 25px;
  }

  .academic_research_list a {
    position: relative;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 7px 12px;
    padding: 18px 30px 18px 6px;
    align-items: start;
  }

  .academic_research_list time {
    grid-row: 1 / span 2;
  }

  .academic_research_list strong,
  .academic_research_list span {
    grid-column: 2;
  }

  .academic_research_list i {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
  }
}
/* ABOUT: SEO support copy and investor / partner pathway */
#business-domain .business_domain_note {
  max-width: 860px;
  margin: 18px auto 34px;
  color: #516571;
  font-size: 14px;
  line-height: 1.9;
  text-align: center;
  text-wrap: pretty;
}

.investor_partner_area {
  padding: 74px 0 72px;
  border-top: 3px solid #b88620;
  background: #102c40;
  scroll-margin-top: 108px;
}

.investor_partner_inner {
  max-width: 960px;
  margin: 0 auto;
}

.investor_partner_kicker {
  display: block;
  margin-bottom: 12px;
  color: #e2b94f;
  font: 700 10px/1.5 "Roboto", sans-serif;
  letter-spacing: 0;
}

.investor_partner_area h2 {
  max-width: 780px;
  margin: 0 0 20px;
  color: #fff;
  font: 600 32px/1.45 "Oswald", "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  text-wrap: balance;
}

.investor_partner_area p {
  max-width: 900px;
  margin: 0;
  color: #d6e0e5;
  font-size: 14px;
  line-height: 2;
  line-break: strict;
  text-wrap: pretty;
}

.investor_partner_area .investor_partner_english {
  margin-top: 14px;
  color: #a9bdc8;
  font-size: 13px;
  line-height: 1.8;
}

.investor_partner_link {
  display: inline-flex;
  margin-top: 26px;
  padding: 0 0 7px;
  border-bottom: 1px solid #e2b94f;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
}

.investor_partner_link:hover,
.investor_partner_link:focus {
  color: #e2b94f;
}

@media (max-width: 767px) {
  #business-domain .business_domain_note {
    margin: 12px auto 28px;
    padding: 0 4px;
    font-size: 13px;
    text-align: left;
  }

  .investor_partner_area {
    padding: 56px 0 54px;
    scroll-margin-top: 76px;
  }

  .investor_partner_area h2 {
    font-size: 27px;
    line-height: 1.5;
  }

  .investor_partner_area p {
    font-size: 13px;
    line-height: 1.9;
  }

  .investor_partner_area .investor_partner_english {
    font-size: 12px;
  }
}
/* ABOUT: 2026-07-20 corporate vision image refresh */
.about_vision_gallery {
  padding: 72px 0 78px;
  scroll-margin-top: 104px;
  border-bottom: 1px solid #dfe6ea;
  background: #f4f7f8;
}

.about_vision_pair {
  display: grid;
  grid-template-columns: minmax(0, 1.67fr) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.about_vision_figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid #d7e0e5;
  border-radius: 4px;
  background: #fff;
}

.about_vision_figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.about_vision_figure--network {
  max-width: 1080px;
  margin: 24px auto 0;
}

@media (max-width: 991px) {
  .about_vision_pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .about_vision_figure--network {
    margin-top: 16px;
  }
}

#business-domain .business_domain_visual {
  max-width: 1040px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #d7e0e5;
  border-radius: 4px;
  background: #fff;
}

#business-domain .business_domain_visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 767px) {
  .about_vision_gallery {
    padding: 48px 0 52px;
  }


  #business-domain .business_domain_visual {
    margin-right: 0;
    margin-left: 0;
  }
}
/* ABOUT: 2026-07-20 section slide refresh */
.about_slide_section {
  padding: 72px 0;
  scroll-margin-top: 104px;
  border-bottom: 1px solid #dfe6ea;
  background: #ffffff;
}

.about_slide_section--value,
.about_slide_section--philosophy {
  background: #f4f7f8;
}

.about_slide_figure {
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #d7e0e5;
  border-radius: 4px;
  background: #ffffff;
}

.about_slide_link {
  position: relative;
  display: block;
  color: inherit;
}

.about_slide_link:focus-visible {
  outline: 3px solid #d4a52c;
  outline-offset: -3px;
}

.about_slide_link img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.about_slide_zoom {
  display: grid;
  width: 40px;
  height: 40px;
  margin: 8px 8px 8px auto;
  place-items: center;
  border: 1px solid #d5dfe5;
  border-radius: 3px;
  background: #0b3455;
  color: #ffffff;
  font-size: 16px;
  transition: background-color 160ms ease;
}

.about_slide_link:hover .about_slide_zoom,
.about_slide_link:focus .about_slide_zoom {
  background: #b98a1f;
}

@media (max-width: 767px) {
  .about_slide_section {
    padding: 44px 0;
    scroll-margin-top: 84px;
  }

  .about_slide_zoom {
    width: 36px;
    height: 36px;
    margin: 6px 6px 6px auto;
    font-size: 15px;
  }
}
/* ABOUT: 2026-07-20 narrative flow */
.company_story_area {
  padding: 72px 0 66px;
}

.company_story_body {
  max-width: 1040px;
}

.company_story_copy {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.2fr);
  gap: 44px;
  align-items: start;
  padding-top: 30px;
}

.company_story_copy p {
  margin: 0;
}

.company_story_copy .company_story_note {
  padding: 4px 0 4px 22px;
  font-size: 15px;
  line-height: 1.9;
}

.company_story_path {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 36px;
  border-top: 1px solid #cdd8de;
  border-bottom: 1px solid #cdd8de;
}

.company_story_path a {
  min-width: 0;
  padding: 15px 14px 14px;
  border-right: 1px solid #d8e0e5;
  color: #12334a;
  transition: color 160ms ease, background-color 160ms ease;
}

.company_story_path a:last-child {
  border-right: 0;
}

.company_story_path a:hover,
.company_story_path a:focus {
  background: #f3f6f7;
  color: #a77717;
}

.company_story_path span,
.about_sequence_kicker {
  display: block;
  margin: 0 0 5px;
  color: #a4771c;
  font: 700 10px/1.4 "Roboto", sans-serif;
  letter-spacing: 0;
}

.company_story_path strong {
  display: block;
  overflow-wrap: anywhere;
  font: 600 13px/1.35 "Roboto Condensed", sans-serif;
}

.about_sequence_heading,
.about_vision_heading {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.about_sequence_heading h2,
.about_vision_heading h2 {
  margin: 0;
  color: #102f45;
  font: 600 30px/1.45 "Oswald", sans-serif;
  letter-spacing: 0;
  text-wrap: balance;
}

.about_sequence_heading p,
.about_vision_heading p {
  max-width: 760px;
  margin: 14px auto 0;
  color: #526573;
  font-size: 14px;
  line-height: 1.9;
  text-wrap: pretty;
}

.about_sequence_heading .about_sequence_kicker,
.about_vision_heading .about_sequence_kicker {
  margin-bottom: 9px;
}

.about_slide_figure {
  margin: 32px auto 0;
}

.about_slide_section--value {
  background: #ffffff;
}

.about_vision_pair {
  margin-top: 34px;
}

#business-domain .tittle .about_sequence_kicker {
  margin-bottom: 8px;
  text-align: center;
}

@media (max-width: 767px) {
  .company_story_area {
    padding: 50px 0 46px;
  }

  .company_story_copy {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding-top: 22px;
  }

  .company_story_copy .company_story_note {
    font-size: 14px;
    line-height: 1.85;
  }

  .company_story_path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 28px;
  }

  .company_story_path a {
    border-top: 1px solid #d8e0e5;
  }

  .company_story_path a:nth-child(-n+2) {
    border-top: 0;
  }

  .company_story_path a:nth-child(2n) {
    border-right: 0;
  }

  .company_story_path a:last-child {
    grid-column: 1 / -1;
    border-top: 1px solid #d8e0e5;
  }

  .about_sequence_heading h2,
  .about_vision_heading h2 {
    font-size: 23px;
    line-height: 1.5;
  }

  .about_sequence_heading p,
  .about_vision_heading p {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.8;
  }

  .about_slide_figure {
    margin-top: 24px;
  }

  .about_vision_pair {
    margin-top: 26px;
  }
}